/*!
 * PhotographyAttic - Combined CSS - v15 - iPhone pill fix + breadcrumb
 */
body { background-color: #eee; padding-top: 55px; padding-bottom: 0; }
nav.navbar { background-color: #5e432c !important; }
.navbar-dark { background-color: #5e432c !important; }
a { color: #771c4d; text-decoration: none; }
a:hover { color: #d89841; text-decoration: underline; }
a:visited { color: #8a6a7a; }
.btn-secondary { margin: 0 0 10px 0; background-color: #e0dedc; border-color: #ccc; color: #333; }
.btn-default { margin: 0 20px 20px 0; border: 1px solid #3c2f59; font-weight: 900; background-color: rgb(231,231,231); white-space: normal; word-wrap: break-word; display: inline-block; }
.breadcrumb { background-color: #e0dedc; padding: 8px 16px !important; border-radius: 8px; margin-top: 0; display: flex !important; align-items: center !important; flex-wrap: wrap; min-height: 54px; }
.breadcrumb-item { display: inline-flex !important; align-items: center !important; min-height: 44px; float: none !important; line-height: 1.3; }
.breadcrumb-item a { display: inline-flex !important; align-items: center !important; min-height: 44px; }
.breadcrumb-item.active { display: inline-flex !important; align-items: center !important; color: #333; }
.breadcrumb-item + .breadcrumb-item::before { display: inline-flex; align-items: center; padding-right: 8px; padding-left: 4px; line-height: 1; }
.bg-buybox { background-color: #dcedc8; color: #444; border-radius: 12px; }
.version-one { font-size: 18px; color: #444; }
.version-two { font-size: 16px; color: #666; font-weight: bold; }
@media only screen and (max-width: 480px) { h1 { font-size: 24px; } h2 { font-size: 18px; } h3 { font-size: 16px; } }
.category-panel { background-color: #f2f2f5; width: auto; padding-top: 10px; border-radius: 12px; }
.cat-item { color: #771c4d; }
.categorycell, .centered-content { text-align: center; }
.categorycell { padding: 5px; background: #e0dedc; border: 1px solid #888; border-radius: 6px; word-wrap: break-word; }
.antispam { display: none; }
.capbox { background-color: #5e432c; display: inline-block; padding: 15px; border-radius: 8px; }
.capbox-inner { font: bold 11px arial, sans-serif; color: #fff; margin: 5px auto 0 auto; padding: 3px; border-radius: 4px; }
#CaptchaDiv { font: bold 17px verdana, arial, sans-serif; font-style: italic; color: #000; background-color: #fff; padding: 6px 8px; border-radius: 4px; }
#CaptchaInput { margin: 4px 0; width: 135px; min-height: 44px; border-radius: 6px; border: 1px solid #ccc; padding: 6px; }
.product-wrap-mobile { padding-top: 65px !important; padding-bottom: 110px; }
.product-hero-img { background:#f8f8f8; border-radius:16px; overflow:hidden; margin:12px 0 16px; border:1px solid #eee; }
.product-hero-img img { width:100%; height:auto; display:block; min-height:280px; object-fit:contain; padding:12px; background:#fff; }
.product-title-mobile { font-size:26px; line-height:1.2; font-weight:800; letter-spacing:-0.02em; margin:8px 0 12px; }
.product-meta-chips { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.product-meta-chips a { background:#f3f3f3; border:1px solid #e5e5e5; border-radius:20px; padding:8px 14px; font-size:14px; font-weight:600; text-decoration:none; color:#111; min-height:36px; display:inline-flex; align-items:center; }
.product-price-row { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin:10px 0; }
.product-price-big { font-size:32px; font-weight:900; letter-spacing:-0.02em; }
.product-stock-pill { background:#e6f4ea; color:#137333; border-radius:20px; padding:8px 14px; font-size:13px; font-weight:700; }
.product-stock-out { background:#fde8e8; color:#a50e0e; }
.product-detail-card { background:#fff; border:1px solid #eee; border-radius:14px; padding:18px; margin:16px 0; }
.product-detail-card h2.version-two { font-size:13px; text-transform:uppercase; letter-spacing:0.06em; color:#666; font-weight:700; margin:14px 0 4px; display:block !important; }
.product-detail-card h2.version-two:first-child { margin-top:0; }
.product-detail-card p, .product-detail-card div { font-size:16px; line-height:1.6; }
.product-tags-mobile { display:flex; flex-wrap:wrap; gap:10px; margin:12px 0; }
.product-tags-mobile a.btn { min-height:44px; display:inline-flex; align-items:center; border-radius:10px; font-size:15px; padding:8px 14px; }
.buybox-mobile { background:#fff; border:1px solid #d6ecd6; border-radius:16px; overflow:hidden; margin:20px 0; box-shadow:0 4px 20px rgba(0,0,0,0.06); }
.buybox-mobile .card-header { font-size:16px; font-weight:700; padding:14px 18px; }
.buybox-mobile .card-body { padding:18px; }
.buybox-mobile select { width:100%; min-height:52px; font-size:16px; border-radius:12px; border:1px solid #ccc; padding:10px 12px; background:#fff; margin-bottom:14px; }
.buybox-mobile .paypal-btn-row { display:flex; gap:12px; }
.buybox-mobile .paypal-add-btn { flex:1; min-height:54px; background:#111; color:#fff; border:none; border-radius:12px; font-size:17px; font-weight:800; display:flex; align-items:center; justify-content:center; }
.buybox-mobile .paypal-add-btn:active { transform:scale(0.97); }
.buybox-mobile .paypal-add-btn:disabled { background:#888; cursor:not-allowed; }
.sticky-buy-bar { position:fixed; bottom:0; left:0; right:0; background:#fff; border-top:1px solid #ddd; padding:12px 16px max(12px, env(safe-area-inset-bottom)); display:flex; gap:12px; align-items:center; z-index:9999; box-shadow:0 -6px 30px rgba(0,0,0,0.12); }
.sticky-buy-bar .sb-price { font-size:22px; font-weight:900; flex:1; line-height:1.1; }
.sticky-buy-bar .sb-stock { font-size:12px; color:#555; font-weight:600; line-height:1.3; }
.sticky-buy-bar .sb-stock b { color:#111; }
.sticky-buy-bar .sb-btn { background:#111; color:#fff; border:none; border-radius:12px; min-height:52px; padding:0 24px; font-size:17px; font-weight:800; white-space:nowrap; }
@media(min-width:768px){ .product-wrap-mobile { padding-top: 95px !important; padding-bottom: 0 !important; } .product-hero-img img { min-height:450px; } }
@media(min-width:900px){ .sticky-buy-bar { display:none !important; } .product-wrap-mobile { padding-bottom:0; } }
.attic-hero { background: linear-gradient(135deg, #5e432c 0%, #8b6b4e 100%); color: white; padding: 50px 0 40px; margin-top: -8px; margin-bottom: 0; }
.attic-hero h1 { font-size: 38px; font-weight: 900; letter-spacing: -0.03em; color: white; line-height:1.1; }
.attic-hero .lead { color: #f3e9df; font-size: 18px; }
.attic-search-wrap { background: white; border-radius: 14px; padding: 8px; display: flex; gap: 8px; box-shadow: 0 8px 30px rgba(0,0,0,0.25); max-width: 680px; }
.attic-search-wrap input { flex: 1; border: none; padding: 14px 18px; font-size: 18px; border-radius: 10px; }
.attic-search-wrap input:focus { outline: none; }
.attic-search-wrap button { background: #111; color: white; border: none; border-radius: 10px; padding: 0 28px; font-weight: 800; font-size: 17px; min-height: 52px; }
.attic-search-wrap button:hover { background: #000; }

/* PILL BUTTONS - iPhone fix - override a:visited */
.attic-pill,
.attic-pill:link,
.attic-pill:visited,
.attic-pill:active,
.attic-pill:focus,
.attic-pill:visited:active,
.attic-pill:visited:focus {
  background: rgba(255,255,255,0.15) !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-radius: 20px;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  display: inline-block;
  margin: 6px 6px 0 0;
  transition: all 0.2s;
  -webkit-tap-highlight-color: transparent;
}
.attic-pill:hover,
.attic-pill:visited:hover,
.attic-pill:active:hover {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #5e432c !important;
  -webkit-text-fill-color: #5e432c !important;
  text-decoration: none !important;
}

.trust-strip { background: #f2e9df; border-top: 1px solid #e5d5c3; border-bottom: 1px solid #e5d5c3; padding: 12px 0; font-size: 14px; font-weight: 700; color: #5e432c; margin-bottom: 28px; }
.cat-tile { background: white; border: 1px solid #e5e5e5; border-radius: 14px; padding: 20px; text-align: center; height: 100%; transition: all 0.2s; text-decoration: none; display: block; color: #222; }
.cat-tile:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); border-color: #5e432c; text-decoration: none; color: #111; }
.cat-tile .cat-icon { font-size: 32px; margin-bottom: 10px; display: block; }
.cat-tile h3 { font-size: 18px; font-weight: 800; margin: 0 0 6px; color:#111; }
.cat-tile p { font-size: 13px; color: #666; margin: 0; }
.featured-card { border-radius: 14px; overflow: hidden; border: 1px solid #eee; background: white; height: 100%; transition: 0.2s; }
.featured-card:hover { box-shadow: 0 8px 25px rgba(0,0,0,0.08); }
.featured-card img { width: 100%; height: 180px; object-fit: contain; background: #f8f8f8; padding: 10px; }
.featured-card .card-body { padding: 14px; }
.featured-card .price { font-weight: 900; font-size: 18px; color: #111; }
.latest-grid .prod-card { background: #fff; border: 1px solid #e5e5e5; border-radius: 12px; overflow: hidden; height: 100%; transition: all 0.2s; }
.latest-grid .prod-card:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.08); transform: translateY(-2px); }
.latest-grid .prod-card img { width:100%; height:180px; object-fit:contain; background:#f8f8f8; padding:8px; }
.latest-grid .prod-card .p-title { font-size:15px; font-weight:700; line-height:1.3; height:40px; overflow:hidden; }
