.product-card[hidden]{display:none!important}

@media(max-width:980px){
  .hero{grid-template-columns:minmax(0,1fr)}
  .hero-copy,.hero-art{min-width:0;width:100%}
}

@media(max-width:650px){
  html,body{max-width:100%;overflow-x:hidden}
  .topbar{padding-left:16px;padding-right:16px;gap:10px}
  .brand{flex:0 1 140px;min-width:0}
  .brand img{width:140px;max-width:100%}
  .top-meta{flex:1;min-width:0;max-width:190px;overflow-wrap:anywhere}
  .top-meta span{display:block;white-space:normal}
  .top-meta small{max-width:none;line-height:1.25}
  .hero{padding-left:20px;padding-right:20px}
  .hero h1{font-size:clamp(40px,12vw,48px)}
  .hero p{font-size:16px}
  .stats{width:100%}
  .stats div{padding:18px 14px}
  .stats strong{font-size:30px}
  .stats span{font-size:8px;letter-spacing:.08em;overflow-wrap:anywhere}
  .hero-art{overflow:hidden}
  .orb{width:460px;height:460px;right:-220px;top:-105px}
}

.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border:1px solid #ff650055;border-radius:999px;background:#ff65000d;box-shadow:inset 0 0 0 1px #000}.hero-eyebrow i{width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px #ff65001c}.hero-eyebrow b{color:#fff;font-weight:900}.inventory-panel{position:relative;z-index:2;width:min(520px,92%);padding:44px;border:1px solid #ffffff1a;border-radius:30px;background:linear-gradient(145deg,#1d2026e8,#121318f5);box-shadow:0 36px 90px #0009,inset 0 1px 0 #ffffff12;overflow:hidden}.inventory-panel:after{content:"";position:absolute;width:180px;height:180px;border:42px solid var(--orange);border-radius:50%;right:-105px;top:-115px;opacity:.9}.inventory-panel>span{display:block;color:var(--orange);font-size:11px;font-weight:950;letter-spacing:.17em;margin-bottom:20px}.inventory-panel>strong{display:block;color:#fff;font-size:clamp(30px,3vw,48px);line-height:1.05;letter-spacing:-.035em}.inventory-panel>strong em{font-style:normal;color:var(--orange)}.inventory-tags{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 25px}.inventory-tags b{border:1px solid #ffffff20;border-radius:999px;background:#ffffff0a;color:#d8dae0;padding:9px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.07em}.inventory-panel small{color:#898d97;line-height:1.5}.hero-art .orb{right:-310px;top:-250px;opacity:.28}

@media(max-width:650px){.hero-eyebrow{font-size:9px;letter-spacing:.12em}.inventory-panel{width:100%;padding:30px 24px}.inventory-panel>strong{font-size:32px}.inventory-tags{margin:24px 0 20px}.inventory-panel:after{width:130px;height:130px;right:-90px;top:-90px}}


/* SFF 2026-09-02: complete photos and a separate stock-label row. */
.product-card .product-image{height:320px;min-height:320px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) 32px;gap:8px;padding:12px 16px;overflow:hidden}
.product-card .product-image>img{grid-area:1/1;display:block;width:100%!important;height:100%!important;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain!important;object-position:center;align-self:stretch;justify-self:stretch}
.product-card .product-image>.stock{grid-area:2/1;position:static!important;justify-self:end;align-self:center;margin:0;max-width:100%;box-sizing:border-box}

/* Catalog cards: reference layout, isolated from the detail dialog. */
.product-card{border-radius:24px;background:#fff;box-shadow:0 10px 35px #15151508}
.product-card .product-image{position:relative;display:block;height:auto;min-height:0;flex:0 0 auto;aspect-ratio:1.65;background:#fff;border:0;padding:0;overflow:hidden}
.product-card .product-image>img{position:absolute;inset:24px 12% 64px;width:76%!important;height:calc(100% - 88px)!important;min-height:0;max-height:none;object-fit:contain;object-position:center;padding:0;background:#fff}
.product-card .product-image>.stock{position:absolute!important;right:18px;bottom:16px;left:auto;top:auto;max-width:calc(100% - 36px);padding:10px 14px;background:#101114;color:#fff;border-radius:999px;font-size:10px;font-weight:900;line-height:1.2;letter-spacing:.06em;text-transform:uppercase}
.product-card .product-body{padding:24px;background:#fff}
.product-card .product-kicker{color:#ff6500;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.product-card h3{margin:10px 0 22px;font-size:26px;line-height:1.12;font-weight:800;letter-spacing:-.025em;text-transform:uppercase;overflow-wrap:anywhere}
.product-card .product-body p{margin:0 0 18px;min-height:0;color:#656b76;font-size:14px;line-height:1.55}
.product-card .spec{border-top:1px solid #dcdcd8;padding-top:15px;display:grid;gap:6px;font-size:12px;line-height:1.4}
.product-card .spec strong{color:#ff6500;font-weight:500}
.product-card .product-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:24px;gap:10px}
.product-card .product-foot small{color:#656b76;font-size:13px;overflow-wrap:anywhere}
.product-card .details{background:#101114;color:#fff;border:0;border-radius:999px;padding:13px 16px;font-size:13px;font-weight:800;line-height:1.2;white-space:nowrap;cursor:pointer}
.product-card .details:hover{background:#292b30}
.product-card .details:focus-visible{outline:3px solid #ff6500;outline-offset:3px}
@media(max-width:380px){.product-card .product-body{padding:20px}.product-card h3{font-size:24px}.product-card .details{padding:12px 14px}}