/* ===== PAGE HEADER (breadcrumb + hero) ===== */
.page-head{padding:72px 24px 48px;background:#000;border-bottom:1px solid rgba(255,255,255,.06)}
.page-head-inner{max-width:1180px;margin:0 auto}
.crumb{font-size:13px;color:var(--mut-d);letter-spacing:.02em;margin-bottom:24px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.crumb a{color:var(--gold);transition:opacity .15s ease}
.crumb a:hover{opacity:.8;text-decoration:underline}
.crumb .sep{color:#3a3a3c;font-size:11px}
.crumb .here{color:#a1a1a6}
.page-head .eyebrow{display:block;color:#a1a1a6;margin-bottom:14px}
.page-head .h1,.page-head .h2{margin-bottom:16px;color:#fff}
.page-head .lead{color:#a1a1a6;max-width:700px}

/* ===== TOP-CATEGORY GRID (index page) ===== */
.cat-section{padding:48px 24px 96px;background:#000}
.cat-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cat-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.cat-card{position:relative;display:block;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#141414;cursor:pointer;transition:transform .25s ease}
.cat-card:hover{transform:translateY(-6px)}
.cat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.cat-card:hover img{transform:scale(1.04)}
.cat-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,transparent 30%,rgba(0,0,0,.6) 70%,rgba(0,0,0,.92) 100%)}
.cat-info{position:absolute;left:20px;right:20px;bottom:20px;z-index:2;color:#fff;text-align:left}
.cat-info h3{font-size:22px;font-weight:600;letter-spacing:-.01em;margin-bottom:4px}
.cat-info span{font-size:12.5px;color:#d2d2d7;letter-spacing:.01em}
@media (max-width:980px){.cat-grid,.cat-grid.cols-3{grid-template-columns:repeat(2,1fr);gap:14px}}
@media (max-width:560px){.cat-grid,.cat-grid.cols-3{grid-template-columns:1fr}}

/* ===== PRODUCT GRID (category page) ===== */
.product-section{padding:48px 24px 96px;background:#000}
.product-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.product-card{position:relative;display:block;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#141414;cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease;border:1px solid rgba(255,255,255,.04)}
.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.4);border-color:rgba(229,200,122,.3)}
.product-card img{width:100%;height:100%;object-fit:cover;background:#0e0e0e}
@media (max-width:1100px){.product-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:820px){.product-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}}

/* ===== RELATED COLLECTIONS ===== */
.related{padding:60px 24px 24px;background:#000;border-top:1px solid rgba(255,255,255,.04)}
.related-inner{max-width:1180px;margin:0 auto;text-align:center}
.related .eyebrow{display:block;color:#a1a1a6;margin-bottom:14px}
.related h2{margin-bottom:32px;color:#fff;font-weight:600;letter-spacing:-.02em}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:left}
.related-card{position:relative;display:block;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:#141414;transition:transform .25s ease}
.related-card:hover{transform:translateY(-4px)}
.related-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.related-card:hover img{transform:scale(1.04)}
.related-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.6) 70%,rgba(0,0,0,.92) 100%)}
.related-info{position:absolute;left:18px;right:18px;bottom:16px;z-index:2;color:#fff}
.related-info h3{font-size:18px;font-weight:600;letter-spacing:-.01em;margin-bottom:2px}
.related-info span{font-size:12.5px;color:#d2d2d7;letter-spacing:.01em}
@media (max-width:880px){.related-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.related-grid{grid-template-columns:1fr}.related{padding:48px 24px 16px}}

/* ===== POST-GRID CTA ===== */
.cta-strip{padding:80px 24px;background:linear-gradient(180deg,#000 0%,#0a0a14 100%);text-align:center;border-top:1px solid rgba(255,255,255,.05)}
.cta-strip .eyebrow{color:#a1a1a6;display:block;margin-bottom:14px}
.cta-strip h2{font-weight:600;letter-spacing:-.025em;font-size:clamp(28px,4vw,44px);color:#fff;margin-bottom:14px;line-height:1.1}
.cta-strip p{color:#a1a1a6;max-width:540px;margin:0 auto 28px;font-size:17px}

/* ===== EMPTY STATE ===== */
.empty{max-width:520px;margin:48px auto 0;padding:48px 32px;text-align:center;border:1px dashed rgba(255,255,255,.12);border-radius:18px;color:#86868b}
.empty p{font-size:15px}

/* ===== LIGHTBOX ===== */
.lightbox{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:40px}
.lightbox.open{display:flex}
.lightbox img{max-height:90vh;max-width:90vw;width:auto;height:auto;border-radius:8px;box-shadow:0 40px 80px rgba(0,0,0,.6);background:#0a0a0a}
.lightbox-close{position:absolute;top:20px;right:24px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);transition:background .15s ease,transform .15s ease}
.lightbox-close:hover{background:rgba(255,255,255,.16);transform:scale(1.05)}
.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);transition:background .15s ease}
.lightbox-nav:hover{background:rgba(255,255,255,.14)}
.lightbox-nav.prev{left:24px}
.lightbox-nav.next{right:24px}
.lightbox-counter{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:#a1a1a6;font-size:13px;letter-spacing:.04em}
@media (max-width:680px){
  .lightbox{padding:16px}
  .lightbox-nav{width:40px;height:40px;font-size:18px}
  .lightbox-nav.prev{left:8px}
  .lightbox-nav.next{right:8px}
  .lightbox-close{top:12px;right:12px;width:38px;height:38px}
}

/* === POLISH: respect users who disable motion (catalog-specific selectors) === */
@media (prefers-reduced-motion: reduce){
  .cat-card:hover,.product-card:hover{transform:none}
  .cat-card:hover img{transform:none}
}

/* === POLISH: keyboard focus ring — catalog-specific selectors === */
.product-card:focus-visible{outline-offset:2px;border-radius:14px}
.cat-card:focus-visible{outline-offset:2px;border-radius:18px}
.lightbox-close:focus-visible,.lightbox-nav:focus-visible{outline-offset:2px;border-radius:50%}

/* === POLISH: mobile padding (catalog-specific) === */
@media (max-width:680px){
  .page-head{padding:48px 24px 32px}
  .cat-section,.product-section{padding:32px 24px 64px}
  .cta-strip{padding:56px 24px}
}

/* === SKU label on product cards === */
.product-card{position:relative}
.product-sku{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:500;letter-spacing:.05em;padding:4px 8px;border-radius:6px;opacity:0;transition:opacity .15s ease;pointer-events:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.product-card:hover .product-sku,.product-card:focus-visible .product-sku{opacity:1}

.lightbox-inquire{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);background:#25D366;color:#fff;font-size:15px;font-weight:600;padding:12px 28px;border-radius:999px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 24px rgba(37,211,102,.35);transition:transform .15s ease,background .15s ease;z-index:10}
.lightbox-inquire:hover{background:#22c55e;transform:translateX(-50%) scale(1.04)}
@media (max-width:600px){.lightbox-inquire{bottom:16px;font-size:13px;padding:10px 22px}}