/* =========================================================
   Rev246 — Experience / discovery / gallery / mobile polish
   ========================================================= */
:root{
  --bb-red:#e33b35;
  --bb-red-2:#ff4b45;
  --bb-bg:#050608;
  --bb-panel:#090b0d;
  --bb-panel-2:#0d1013;
  --bb-line:rgba(255,255,255,.09);
  --bb-muted:#9b9da2;
  --bb-text:#f4f2ee;
  --bb-condensed:Bahnschrift,"Arial Narrow","Roboto Condensed",Arial,sans-serif;
}

/* 1 — one visual system everywhere */
body:not(.bb-cabinet-embed){background:#000;color:var(--bb-text)}
body:not(.bb-cabinet-embed) main{position:relative;z-index:2}
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav),
.bb-modern-footer b,
.catalog-kicker,.shop-eyebrow,
.product-page .product-details-panel,
.product-page .shop-sub,
.bb-recently-added,
.bb-guide-page,
.bb-vault-page{
  font-family:var(--bb-condensed);
}
.btn,.shop-btn,.product-card-actions>a,.product-card-actions>button,
.bb-filter-actions button,.bb-random-bin,.bb-guide-cta,.bb-vault-cta{
  min-height:42px;
  border-radius:0!important;
  font-family:var(--bb-condensed)!important;
  font-weight:800!important;
  letter-spacing:1.15px!important;
  text-transform:uppercase;
}
.product-card,.bb-modern-card,.home-product,.bb-mini-product{
  border-color:var(--bb-line)!important;
  background:#080a0c!important;
}
.product-card h3,.bb-mini-product h3,.home-product h3{
  font-family:var(--bb-condensed)!important;
  letter-spacing:.1px;
}

/* Slightly more desktop nav breathing room without crowding the tools. */
@media(min-width:1181px){
  .bb-site-header .bb-site-nav{gap:clamp(28px,2.45vw,43px)!important}
  .bb-site-header .bb-site-nav>a:not(.bb-ebay-nav){letter-spacing:1.82px!important}
}

/* 2 — premium product photography / gallery controls */
.product-page .product-photo-stage{overflow:hidden}
.product-page .product-thumbs{
  scrollbar-width:thin;
  scrollbar-color:#5a2524 #080a0c;
}
.product-page .product-thumbs img{object-fit:contain!important;background:#050608}
.bb-gallery-chrome{
  position:absolute;z-index:6;inset:0;pointer-events:none;
}
.bb-gallery-count{
  position:absolute;top:18px;left:18px;
  padding:8px 11px;border:1px solid rgba(255,255,255,.14);
  background:rgba(5,6,8,.78);backdrop-filter:blur(8px);
  color:#e9e7e2;font:800 9px/1 var(--bb-condensed);letter-spacing:1.2px;
}
.bb-gallery-nav{
  pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);
  width:48px;height:58px;border:1px solid rgba(255,255,255,.14);
  background:rgba(5,6,8,.74);color:#fff;font-size:30px;cursor:pointer;
  display:grid;place-items:center;transition:.18s ease;
}
.bb-gallery-nav:hover,.bb-gallery-nav:focus-visible{background:#11151a;border-color:rgba(227,59,53,.72);outline:none}
.bb-gallery-nav.prev{left:15px}.bb-gallery-nav.next{right:15px}
.bb-gallery-full{
  pointer-events:auto;position:absolute;top:18px;right:18px;
  min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.14);
  background:rgba(5,6,8,.78);color:#eee;cursor:pointer;
  font:800 8px/1 var(--bb-condensed);letter-spacing:1.2px;
}
.product-page .shop-art.product-photo-stage.is-zoom-ready::after{display:none!important}
.bb-photo-zoom__toolbar{min-height:58px;height:auto!important}
.bb-photo-zoom__toolbar span{font-family:var(--bb-condensed)!important}
.bb-photo-zoom__nav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:48px;height:66px;background:rgba(4,5,7,.74);border:1px solid rgba(255,255,255,.12);
  color:#fff;font-size:28px;cursor:pointer;
}
.bb-photo-zoom__nav.prev{left:12px}.bb-photo-zoom__nav.next{right:12px}

/* 3 — expanded discovery filters */
.bb-filter-panel .bb-filter-v246{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.bb-filter-panel .bb-filter-v246 fieldset{min-width:0;margin:0}
.bb-filter-panel select{width:100%}
.bb-inventory-toolbar .bb-discovery-hint{font:700 9px/1.2 var(--bb-condensed);letter-spacing:.9px;color:#777;text-transform:uppercase}

/* 4 — Recently Added */
.bb-recently-added{
  width:min(1480px,94vw);margin:6px auto 54px;padding:30px 0 0;
  border-top:1px solid rgba(255,255,255,.07);
}
.bb-recent-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:22px}
.bb-recent-head h2{margin:4px 0 0;font-size:clamp(28px,3vw,44px);line-height:.95;letter-spacing:-.5px}
.bb-recent-head p{max-width:540px;color:#999;margin:0;line-height:1.5}
.bb-recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.bb-recent-card{display:flex;gap:14px;min-width:0;padding:13px;background:#080a0c;border:1px solid var(--bb-line);text-decoration:none;color:inherit;transition:.2s ease}
.bb-recent-card:hover{border-color:rgba(227,59,53,.55);transform:translateY(-2px)}
.bb-recent-card img{width:92px;height:112px;object-fit:contain;background:#050608;flex:0 0 auto}
.bb-recent-card div{min-width:0;display:flex;flex-direction:column;justify-content:center}
.bb-recent-card small{color:var(--bb-red-2);font-weight:800;letter-spacing:.9px;font-size:8px}
.bb-recent-card strong{font-size:16px;line-height:1.1;margin:7px 0;overflow:hidden;text-overflow:ellipsis}
.bb-recent-card b{font-size:15px;color:#f7f6f2}

/* 5 — collector guide */
.bb-guide-main,.bb-vault-main{width:min(1380px,94vw);margin:0 auto;padding:58px 0 84px}
.bb-guide-hero,.bb-vault-hero{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:40px;align-items:center;
  padding:46px;border:1px solid var(--bb-line);background:linear-gradient(135deg,#0b0e11,#050608 72%);
  position:relative;overflow:hidden;
}
.bb-guide-hero::after,.bb-vault-hero::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-190px;top:-170px;background:radial-gradient(circle,rgba(227,59,53,.16),transparent 66%);pointer-events:none}
.bb-guide-hero h1,.bb-vault-hero h1{font-size:clamp(42px,6vw,84px);line-height:.87;margin:10px 0 18px;letter-spacing:-2px}
.bb-guide-hero p,.bb-vault-hero p{max-width:720px;color:#aaa;line-height:1.65;font-size:16px}
.bb-guide-hero img,.bb-vault-hero img{width:min(260px,80%);justify-self:center;filter:drop-shadow(0 18px 34px rgba(0,0,0,.6))}
.bb-guide-index{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 46px}
.bb-guide-card{padding:22px;border:1px solid var(--bb-line);background:#080a0c;text-decoration:none;color:inherit;transition:.18s ease}
.bb-guide-card:hover{border-color:rgba(227,59,53,.55);transform:translateY(-2px)}
.bb-guide-card span{font-size:8px;color:var(--bb-red-2);letter-spacing:1.2px;font-weight:800}.bb-guide-card h2{font-size:23px;margin:9px 0 7px}.bb-guide-card p{color:#8e9196;line-height:1.5;margin:0}
.bb-guide-article{scroll-margin-top:100px;margin:0 0 20px;padding:32px 34px;border:1px solid var(--bb-line);background:#07090b}
.bb-guide-article h2{font-size:30px;margin:0 0 12px}.bb-guide-article h3{margin:26px 0 9px;color:#f2f1ed}.bb-guide-article p,.bb-guide-article li{color:#a8a9ac;line-height:1.65}.bb-guide-article ul{padding-left:20px}
.bb-guide-rule{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.bb-guide-rule div{padding:16px;background:#0c0f12;border:1px solid var(--bb-line)}.bb-guide-rule b{display:block;color:var(--bb-red-2);margin-bottom:6px}

/* 6 — Bits oddities desk */
.bits-oddities{width:min(1380px,92vw);margin:34px auto 50px;padding-top:28px;border-top:1px solid rgba(255,255,255,.07)}
.bits-oddities-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:18px}.bits-oddities-head h2{font:800 clamp(28px,3.4vw,48px)/.95 var(--bb-condensed);margin:5px 0}.bits-oddities-head p{max-width:560px;color:#95979b;line-height:1.5}
.bits-oddities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bits-oddity{padding:22px;border:1px solid var(--bb-line);background:linear-gradient(180deg,#0d0e11,#07080a);min-height:210px}.bits-oddity i{font-style:normal;color:var(--bb-red-2);font:800 9px/1 var(--bb-condensed);letter-spacing:1px}.bits-oddity h3{font:800 22px/1.05 var(--bb-condensed);margin:14px 0 9px}.bits-oddity p{color:#999;line-height:1.52;margin:0}

/* 7 — clearer trust on product pages */
.bb-purchase-assurance{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 22px}
.bb-purchase-assurance div{padding:11px 12px;background:#0a0d0f;border:1px solid rgba(255,255,255,.075);display:flex;gap:9px;align-items:center}
.bb-purchase-assurance i{font-style:normal;color:#58d45e;font-weight:900}.bb-purchase-assurance span{font:800 8px/1.3 var(--bb-condensed);letter-spacing:.75px;color:#c8c8c6;text-transform:uppercase}

/* 8 — Vault Archive */
.bb-vault-count{font:800 10px/1 var(--bb-condensed);letter-spacing:1.2px;color:#aaa}
.bb-vault-controls{display:flex;gap:12px;align-items:center;margin:24px 0}.bb-vault-controls input{flex:1;min-height:46px;background:#080a0c;border:1px solid var(--bb-line);color:#fff;padding:0 15px}.bb-vault-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.bb-vault-card{background:#080a0c;border:1px solid var(--bb-line);padding:13px}.bb-vault-card img{display:block;width:100%;height:220px;object-fit:contain;background:#050608}.bb-vault-card small{display:block;margin-top:12px;color:var(--bb-red-2);font:800 8px/1 var(--bb-condensed);letter-spacing:1px}.bb-vault-card h3{font:800 18px/1.08 var(--bb-condensed);margin:8px 0}.bb-vault-card p{color:#888;font-size:12px;line-height:1.45}.bb-vault-card a{display:inline-block;color:#fff;font:800 9px/1 var(--bb-condensed);letter-spacing:1px;text-decoration:none;border-bottom:1px solid #96302d;padding-bottom:4px}.bb-vault-empty{padding:60px 20px;text-align:center;border:1px dashed rgba(255,255,255,.14);color:#8f9296}.bb-vault-empty img{width:72px;opacity:.7}.product-page.bb-vault-item .shop-stock{color:#aaa!important}.product-page.bb-vault-item .shop-stock span{color:#ff6964!important}.bb-vault-ribbon{display:inline-flex;margin:0 0 12px;padding:7px 9px;background:#2a1010;border:1px solid rgba(227,59,53,.38);color:#ff6b67;font:800 8px/1 var(--bb-condensed);letter-spacing:1px}

/* 9 — selective merch, less catalogue-like */
.merch-page .merch-grid{max-width:1180px;margin-left:auto;margin-right:auto}
.merch-page .merch-card{background:#080a0c!important}
.merch-page .merch-copy p{min-height:0!important}

/* Bonus discovery affordance */
.bb-random-bin{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 17px;background:#0a0c0f;border:1px solid rgba(255,255,255,.15);color:#fff;text-decoration:none;cursor:pointer}.bb-random-bin:hover{border-color:rgba(227,59,53,.62);color:#fff}

/* 10 — deliberate mobile design */
@media(max-width:900px){
  .bb-site-header{min-height:68px!important}
  .bb-site-header .shop-tools>button,.bb-site-header .shop-tools>a{min-width:42px!important;width:42px!important;height:42px!important}
  .bb-site-header .shop-menu-toggle{min-width:44px!important;width:44px!important;height:44px!important}
  .bb-recent-head,.bits-oddities-head{align-items:flex-start;flex-direction:column;gap:10px}
  .bb-recent-grid{grid-template-columns:1fr 1fr}
  .bb-guide-hero,.bb-vault-hero{grid-template-columns:1fr;padding:30px 24px}.bb-guide-hero img,.bb-vault-hero img{width:150px}.bb-guide-index{grid-template-columns:1fr 1fr}.bb-vault-grid{grid-template-columns:1fr 1fr}.bits-oddities-grid{grid-template-columns:1fr 1fr}
  .product-page .product-thumbs{padding-bottom:3px;scroll-snap-type:x proximity}.product-page .product-thumbs button{flex:0 0 58px!important;width:58px!important;height:58px!important;scroll-snap-align:start}
  .bb-gallery-nav{width:42px;height:52px}.bb-gallery-count{top:12px;left:12px}.bb-gallery-full{top:12px;right:12px}
  .bb-purchase-assurance{grid-template-columns:1fr}
}
@media(max-width:600px){
  .bb-recently-added{width:100%;padding:24px 18px 0}.bb-recent-grid{grid-template-columns:1fr}.bb-recent-card img{width:82px;height:96px}
  .bb-filter-panel .bb-filter-v246{grid-template-columns:1fr}
  .bb-guide-main,.bb-vault-main{width:100%;padding:22px 14px 58px}.bb-guide-hero,.bb-vault-hero{padding:28px 20px}.bb-guide-hero h1,.bb-vault-hero h1{font-size:46px}.bb-guide-index{grid-template-columns:1fr}.bb-guide-article{padding:24px 20px}.bb-guide-rule{grid-template-columns:1fr 1fr}.bb-vault-grid{grid-template-columns:1fr}.bits-oddities{width:100%;padding:24px 18px 0}.bits-oddities-grid{grid-template-columns:1fr}.bb-vault-controls{flex-direction:column;align-items:stretch}
  .product-page .shop-product{margin-bottom:24px!important}.product-page .shop-art.product-photo-stage{height:430px!important;min-height:430px!important;background-size:contain!important;background-position:center 42%!important}.product-page .shop-info{padding:30px 20px 42px!important}.product-page .product-details-panel{width:100%!important;border-left:0!important;border-right:0!important}.product-page .bb-product-discovery{width:100%!important;padding-left:16px!important;padding-right:16px!important}
  .bb-gallery-nav{top:45%}.bb-gallery-full{font-size:7px;padding:0 9px}.bb-photo-zoom__nav{width:40px;height:58px}.bb-photo-zoom__nav.prev{left:4px}.bb-photo-zoom__nav.next{right:4px}
}

/* Touch devices: animations are decorative, product access is not. */
@media(hover:none),(pointer:coarse){
  .universe-hover-video{display:none!important}
  .universe-tile>img{opacity:1!important;visibility:visible!important}
  .product-card-actions a,.product-card-actions button{min-height:46px!important}
}
@media(min-width:981px){.home-fresh-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:980px) and (min-width:561px){.home-fresh-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.bits-oddity a,.merch-disclaimer a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(227,59,53,.65);padding-bottom:2px}.bits-oddity a:hover,.merch-disclaimer a:hover{color:#ff6c67}

/* =========================================================
   Rev248 — unified environmental vignette + restrained glass polish
   Smooth inset shadows/gradients only; no alpha masks or banded feathering.
   ========================================================= */

/* One consistent, rich fade-to-black treatment for the site's major scene layers. */
.category-page::before,
body.shop-landing-page::before,
.bb-arcade-poster-main::before,
.contact-page .bb-contact-shell::before,
.home-ambient-static-v231,
.home-storefront-environment-image-v238,
.about-origin-story::before,
.about-page .about-story::before{
  -webkit-mask-image:none!important;
  mask-image:none!important;
  box-shadow:
    inset 0 0 92px 26px rgba(0,0,0,.58),
    inset 0 0 220px 74px rgba(0,0,0,.42),
    inset 0 -120px 150px -64px rgba(0,0,0,.82)!important;
}

/* Category environments keep their own art/positioning, but share the soft vignette. */
.category-page::after{
  box-shadow:
    inset 0 0 110px 24px rgba(0,0,0,.26),
    inset 0 -140px 180px -80px rgba(0,0,0,.52)!important;
}

/* Homepage environment: richer corners and a long lower dissolve without touching content. */
.home-ambient-video-shell::after{
  background:
    radial-gradient(ellipse 84% 76% at 50% 40%,transparent 0%,transparent 44%,rgba(0,0,0,.13) 62%,rgba(0,0,0,.48) 82%,#000 100%),
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.70) 5%,rgba(0,0,0,.25) 16%,rgba(0,0,0,.045) 34%,rgba(0,0,0,.045) 66%,rgba(0,0,0,.25) 84%,rgba(0,0,0,.70) 95%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.70) 0%,rgba(0,0,0,.16) 12%,transparent 34%,transparent 68%,rgba(0,0,0,.28) 84%,#000 100%)!important;
}

/* BITS video environment: same family of edge treatment, still deliberately subtle. */
.bits-video-environment-v239::after{
  background:
    radial-gradient(ellipse 86% 78% at 50% 44%,transparent 0%,transparent 46%,rgba(1,1,1,.13) 64%,rgba(1,1,1,.50) 84%,#010101 100%),
    linear-gradient(90deg,#010101 0%,rgba(1,1,1,.78) 6%,rgba(1,1,1,.29) 17%,rgba(1,1,1,.045) 34%,rgba(1,1,1,.045) 66%,rgba(1,1,1,.29) 83%,rgba(1,1,1,.78) 94%,#010101 100%),
    linear-gradient(180deg,#010101 0%,rgba(1,1,1,.56) 8%,rgba(1,1,1,.12) 23%,transparent 42%,transparent 68%,rgba(1,1,1,.30) 85%,#010101 100%)!important;
}

/* Merch hero uses the same geometry treatment without making the cards glassy. */
.merch-hero{
  box-shadow:
    inset 0 0 86px 22px rgba(0,0,0,.58),
    inset 0 0 190px 62px rgba(0,0,0,.34),
    0 28px 70px rgba(0,0,0,.44)!important;
}

/* Contact: let the communicator read through the form, while preserving legibility. */
.contact-page .bb-contact-shell::before{
  opacity:.245!important;
  filter:saturate(1.06) contrast(1.025) brightness(.92)!important;
}
.contact-page .bb-contact-form-card{
  background:linear-gradient(180deg,rgba(12,14,17,.76),rgba(7,8,10,.82))!important;
  border-color:rgba(255,255,255,.115)!important;
  -webkit-backdrop-filter:blur(9px) saturate(1.08)!important;
  backdrop-filter:blur(9px) saturate(1.08)!important;
  box-shadow:0 24px 64px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.contact-page .bb-contact-side>article{
  background:linear-gradient(180deg,rgba(13,15,18,.87),rgba(8,9,11,.90))!important;
  -webkit-backdrop-filter:blur(6px)!important;
  backdrop-filter:blur(6px)!important;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .contact-page .bb-contact-form-card{background:rgba(8,10,12,.92)!important}
  .contact-page .bb-contact-side>article{background:rgba(8,9,11,.95)!important}
}

/* Horror: restore the clean earlier composition — no doubled/ghosted characters —
   then grade the existing red/blue storm sky for the richer look. */
.category-page.category-horror::before{
  background-image:url('images/category-pages/horrorbackg-v248-clean.png?v=248')!important;
  background-position:center 18px!important;
  background-size:min(1600px,104vw) auto!important;
  opacity:.46!important;
  filter:brightness(.82) saturate(1.22) contrast(1.075)!important;
  box-shadow:
    inset 0 0 105px 30px rgba(0,0,0,.64),
    inset 0 0 235px 76px rgba(0,0,0,.40),
    inset 0 -150px 190px -74px rgba(0,0,0,.90)!important;
}
.category-page.category-horror::after{
  background:
    radial-gradient(ellipse 82% 72% at 50% 37%,transparent 0%,transparent 50%,rgba(0,0,0,.12) 66%,rgba(0,0,0,.42) 84%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.24) 0%,rgba(0,0,0,.035) 19%,transparent 45%,rgba(0,0,0,.025) 69%,rgba(0,0,0,.25) 84%,#000 100%)!important;
}
@media(max-width:800px){
  .category-page.category-horror::before{background-size:auto 835px!important;background-position:center 28px!important;opacity:.42!important}
}
@media(max-width:520px){
  .category-page.category-horror::before{background-size:auto 690px!important;background-position:center 34px!important;opacity:.38!important}
  .contact-page .bb-contact-form-card{-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:linear-gradient(180deg,rgba(12,14,17,.81),rgba(7,8,10,.87))!important}
}

/* Quick Cart: restrained smoked-glass only here — not propagated to general cards/panels. */
.bb-mini-cart-scrim{background:rgba(0,0,0,.54)!important}
.bb-mini-cart-panel{
  background:linear-gradient(180deg,rgba(8,10,13,.80),rgba(4,6,8,.88))!important;
  border-left:1px solid rgba(255,255,255,.13)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.14)!important;
  backdrop-filter:blur(20px) saturate(1.14)!important;
  box-shadow:-28px 0 84px rgba(0,0,0,.58),inset 1px 0 0 rgba(255,255,255,.025)!important;
}
.bb-mini-cart-panel>header,
.bb-mini-cart-panel>footer{background:rgba(5,7,9,.30)!important}
.bb-mini-cart-items{background:linear-gradient(180deg,rgba(10,12,15,.08),rgba(2,3,5,.18))!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .bb-mini-cart-panel{background:rgba(6,8,10,.96)!important}
}

/* =========================================================
   Rev249 — restraint pass / cleaner copy / smoother environments
   ========================================================= */

/* Navigation: just a touch more air now that the date/time is gone. */
@media(min-width:1181px){
  .bb-site-header .bb-site-nav{gap:clamp(34px,2.8vw,52px)!important}
  .bb-site-header .bb-site-nav>a:not(.bb-ebay-nav){letter-spacing:1.95px!important}
}
@media(min-width:981px) and (max-width:1180px){
  .bb-site-header .bb-site-nav{gap:clamp(20px,2vw,30px)!important}
}

/* Shop: quieter environment, baked feather, and a true black lower blend. */
body.shop-landing-page::before{
  background:#000 url('images/shop/shop-environment-v249-smooth.png?v=249') center 16%/cover no-repeat!important;
  opacity:.52!important;
  filter:brightness(.76) saturate(.98) contrast(1.045)!important;
  transform:scale(1.01)!important;
  box-shadow:none!important;
}
body.shop-landing-page::after{
  background:
    radial-gradient(ellipse 84% 72% at 50% 34%,transparent 0%,transparent 48%,rgba(0,0,0,.12) 67%,rgba(0,0,0,.48) 86%,#000 100%),
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.70) 5%,rgba(0,0,0,.22) 16%,rgba(0,0,0,.035) 31%,rgba(0,0,0,.035) 69%,rgba(0,0,0,.22) 84%,rgba(0,0,0,.70) 95%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.56) 0%,rgba(0,0,0,.12) 14%,transparent 38%,transparent 66%,rgba(0,0,0,.20) 82%,#000 100%)!important;
}
@media(max-width:900px){body.shop-landing-page::before{opacity:.44!important;background-position:52% 12%!important}}

/* Arcade: return to the calmer Rev241 room, lower it on the page, and keep it very ambient. */
.bb-arcade-poster-main::before{
  background:#000 url('images/arcade-rev241/arcade-bg-still-v249-vignette.png?v=249') center 74px/100% auto no-repeat!important;
  width:142%!important;
  top:0!important;
  opacity:.125!important;
  filter:brightness(.74) saturate(.90) contrast(1.02)!important;
  box-shadow:none!important;
}
.bb-arcade-poster-main::after{
  background:
    radial-gradient(ellipse 84% 72% at 50% 42%,transparent 0%,transparent 48%,rgba(0,0,0,.12) 68%,rgba(0,0,0,.46) 86%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.48) 0%,rgba(0,0,0,.10) 18%,transparent 42%,transparent 67%,rgba(0,0,0,.24) 82%,#000 100%)!important;
}
@media(max-width:900px){.bb-arcade-poster-main::before{width:166%!important;background-position:center 58px!important;opacity:.11!important}}
@media(max-width:520px){.bb-arcade-poster-main::before{width:198%!important;background-position:center 46px!important;opacity:.095!important}}

/* Horror + Vintage: quieter art so product cards stay dominant. */
.category-page.category-horror::before{opacity:.345!important;filter:brightness(.78) saturate(1.10) contrast(1.045)!important}
.category-page.category-vintage-toys::before{opacity:.115!important;filter:brightness(.72) saturate(.91) contrast(1.035)!important}
@media(max-width:800px){
  .category-page.category-horror::before{opacity:.31!important}
  .category-page.category-vintage-toys::before{opacity:.10!important}
}

/* Hot Wheels: the still itself now carries the long black fade, eliminating the hard lower edge. */
.category-page.category-hot-wheels::before{
  background-image:url('images/category-pages/hot-wheels-track-v249-smooth.png?v=249')!important;
  background-position:center 26px!important;
  background-size:min(1920px,104vw) auto!important;
  background-repeat:no-repeat!important;
  opacity:.245!important;
  filter:brightness(.74) saturate(.96) contrast(1.04)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  box-shadow:none!important;
}
.category-page.category-hot-wheels::after{
  background:linear-gradient(180deg,rgba(0,0,0,.20) 0%,transparent 24%,transparent 62%,rgba(0,0,0,.14) 78%,#000 100%)!important;
}
@media(max-width:800px){.category-page.category-hot-wheels::before{opacity:.21!important;background-position:center 36px!important}}

/* Contact: communicator remains visible through the form; location block is intentionally simple. */
.contact-page .bb-contact-shell::before{opacity:.29!important;filter:saturate(1.04) contrast(1.02) brightness(.88)!important}
.contact-page .bb-contact-form-card{
  background:linear-gradient(180deg,rgba(11,13,16,.64),rgba(6,8,10,.73))!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.09)!important;
  backdrop-filter:blur(12px) saturate(1.09)!important;
  border-color:rgba(255,255,255,.14)!important;
}
.contact-page .bb-contact-side>article{
  background:linear-gradient(180deg,rgba(11,13,16,.72),rgba(6,8,10,.80))!important;
  -webkit-backdrop-filter:blur(9px) saturate(1.06)!important;
  backdrop-filter:blur(9px) saturate(1.06)!important;
}
.contact-page .bb-contact-location{min-height:0!important;padding-bottom:30px!important}

/* Merch: clean placeholders until approved product photography exists. */
.merch-photo{
  background:
    linear-gradient(135deg,rgba(255,255,255,.025),transparent 42%),
    rgba(8,10,12,.82)!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
.merch-placeholder{
  width:76%;height:76%;display:grid;place-items:center;
  border:1px dashed rgba(255,255,255,.13);
  background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.006));
  color:rgba(255,255,255,.28);
  font:800 10px/1 var(--bb-condensed);
  letter-spacing:2px;
}

/* Selective frosted glass: use it for interface geometry, never over every product image. */
.category-products-head,
.catalog-controls,
.home-trust-strip,
.bb-guide-article,
.bb-vault-controls,
.about-story-copy,
.about-standards,
.bits-oddity,
.bb-recent-card{
  background:linear-gradient(180deg,rgba(13,15,18,.68),rgba(7,9,11,.74))!important;
  border-color:rgba(255,255,255,.105)!important;
  -webkit-backdrop-filter:blur(9px) saturate(1.06);
  backdrop-filter:blur(9px) saturate(1.06);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .category-products-head,.catalog-controls,.home-trust-strip,.bb-guide-article,.bb-vault-controls,.about-story-copy,.about-standards,.bits-oddity,.bb-recent-card{background:rgba(8,10,12,.93)!important}
}

/* Homepage Rev249 concept: cleaner, text-led, no oversized circular logo or novelty title art. */
.hero-home-v249{
  min-height:78vh!important;
  padding:clamp(150px,17vh,205px) 8vw 120px!important;
  align-items:center!important;
  background:
    radial-gradient(ellipse 76% 70% at 52% 42%,rgba(0,0,0,.02) 0%,rgba(0,0,0,.16) 58%,rgba(0,0,0,.58) 84%,#000 100%),
    linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.43) 38%,rgba(0,0,0,.17) 66%,rgba(0,0,0,.44) 100%)!important;
}
.hero-copy-v249{max-width:1020px!important}
.home-modern-kicker{
  display:inline-flex;align-items:center;min-height:30px;padding:0 11px;
  border:1px solid rgba(255,255,255,.11);background:rgba(7,9,11,.42);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  color:#b9b9b6;font:800 9px/1 var(--bb-condensed);letter-spacing:2.35px;
}
.home-modern-wordmark{
  margin:22px 0 4px!important;
  display:flex!important;align-items:baseline!important;gap:clamp(12px,1.8vw,26px)!important;
  font-family:var(--bb-condensed)!important;line-height:.80!important;letter-spacing:-.055em!important;
  text-transform:uppercase!important;
}
.home-modern-wordmark span{display:inline!important;color:#f4f2ee!important;font-size:clamp(25px,3vw,44px)!important;font-weight:700!important;letter-spacing:.02em!important}
.home-modern-wordmark strong{font-size:clamp(68px,9.1vw,142px)!important;font-weight:900!important;color:#f5f2ed!important;text-shadow:0 12px 40px rgba(0,0,0,.55)!important}
.home-modern-line{display:flex;align-items:center;gap:15px;margin-top:17px;color:#db4540;font:900 12px/1 var(--bb-condensed);letter-spacing:3.4px}
.home-modern-line i{display:block;width:clamp(58px,7vw,108px);height:1px;background:linear-gradient(90deg,#e44841,rgba(228,72,65,.14));box-shadow:0 0 12px rgba(228,72,65,.24)}
.home-modern-actions{margin-top:34px!important}
.home-modern-actions .btn{background:rgba(7,9,11,.48);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:rgba(255,255,255,.16)}
.home-modern-actions .btn.primary{background:rgba(219,55,49,.88)!important;border-color:rgba(255,93,85,.54)!important}
@media(max-width:720px){
  .hero-home-v249{min-height:70vh!important;padding:126px 6vw 88px!important}
  .home-modern-wordmark{display:block!important}
  .home-modern-wordmark span{display:block!important;margin-bottom:8px!important}
  .home-modern-wordmark strong{font-size:clamp(58px,18vw,96px)!important}
  .home-modern-kicker{letter-spacing:1.5px;font-size:8px}
}