/* ===== rev246.css ===== */
/* =========================================================
   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}
}

/* ===== rev251.css ===== */
/* =========================================================
   Rev251 — product-first collector counter hero + arcade position polish
   Research synthesis: campaign focus + newest-arrival utility +
   fast browse actions, without duplicating the background branding.
   ========================================================= */

/* The neon store environment already carries the brand.  The hero UI is
   therefore deliberately product-first and anchored low like a counter. */
.hero-home-v250{
  position:relative!important;
  min-height:clamp(720px,89vh,980px)!important;
  padding:0 clamp(24px,5vw,82px) 82px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.02) 27%,rgba(0,0,0,.02) 50%,rgba(0,0,0,.22) 72%,rgba(0,0,0,.72) 100%)!important;
  overflow:hidden!important;
}
.hero-home-v250::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 82% 66% at 50% 46%,transparent 0%,transparent 55%,rgba(0,0,0,.16) 72%,rgba(0,0,0,.48) 100%);
}
.home-v250-counter{
  position:relative;z-index:2;
  width:min(1180px,100%);
  min-height:260px;
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(220px,.78fr) minmax(170px,.48fr);
  align-items:stretch;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg,rgba(8,10,13,.74),rgba(4,6,8,.88));
  -webkit-backdrop-filter:blur(17px) saturate(1.12);
  backdrop-filter:blur(17px) saturate(1.12);
  box-shadow:0 32px 88px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.045);
}
.home-v250-counter::before{
  content:"";position:absolute;left:0;top:0;width:88px;height:1px;
  background:#e73b34;box-shadow:0 0 18px rgba(231,59,52,.48);
}
.home-v250-copy{
  padding:clamp(28px,3.2vw,48px);
  display:flex;flex-direction:column;justify-content:center;min-width:0;
}
.home-v250-kicker{
  display:flex;align-items:center;gap:10px;
  margin-bottom:16px;color:#b6babf;
  font:900 9px/1 var(--bb-condensed);letter-spacing:2.5px;
}
.home-v250-kicker i{width:7px;height:7px;border-radius:50%;background:#e73b34;box-shadow:0 0 14px rgba(231,59,52,.62)}
.home-v250-copy h1{
  margin:0 0 9px!important;color:#e83c35!important;
  font:900 clamp(12px,1.25vw,17px)/1 var(--bb-condensed)!important;
  letter-spacing:3.4px!important;text-transform:uppercase!important;
}
.home-v250-copy h2{
  margin:0!important;max-width:700px;color:#f4f1eb!important;
  font:900 clamp(34px,4.1vw,66px)/.98 var(--bb-condensed)!important;
  letter-spacing:-1.6px!important;text-transform:none!important;
  text-shadow:0 14px 42px rgba(0,0,0,.52)!important;
}
.home-v250-copy p{
  margin:17px 0 0!important;color:#9ca2a9!important;
  font:800 9px/1.45 var(--bb-condensed)!important;letter-spacing:1.55px!important;text-transform:uppercase!important;
}
.home-v250-price-line{display:flex;align-items:center;gap:17px;margin-top:20px}
.home-v250-price-line strong{color:#fff;font:900 22px/1 var(--bb-condensed);letter-spacing:.3px}
.home-v250-price-line span{padding:6px 8px;border:1px solid rgba(100,235,78,.22);background:rgba(63,141,45,.10);color:#80e66b;font:900 8px/1 var(--bb-condensed);letter-spacing:1.45px}
.home-v250-display{
  position:relative;display:grid;place-items:center;min-height:258px;overflow:hidden;
  border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.07);
  background:
    linear-gradient(155deg,rgba(255,255,255,.045),transparent 42%),
    radial-gradient(circle at 50% 64%,rgba(219,55,49,.10),transparent 47%),
    rgba(4,6,8,.38);
}
.home-v250-display::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.055) 29%,transparent 45%);
  transform:translateX(-34%);
}
.home-v250-display img{
  position:relative;z-index:2;width:82%;height:218px;object-fit:contain!important;
  filter:drop-shadow(0 24px 30px rgba(0,0,0,.65));transform:translateY(-4px);
  transition:transform .28s ease,filter .28s ease;
}
.home-v250-display:hover img{transform:translateY(-7px) scale(1.025);filter:drop-shadow(0 28px 34px rgba(0,0,0,.72))}
.home-v250-display-glow{position:absolute;width:64%;height:52%;border-radius:50%;background:rgba(228,59,52,.09);filter:blur(42px)}
.home-v250-display-label{
  position:absolute;z-index:3;left:14px;bottom:13px;padding:6px 8px;
  color:#d9dde0;background:rgba(3,5,7,.64);border:1px solid rgba(255,255,255,.08);
  font:900 7px/1 var(--bb-condensed);letter-spacing:1.7px;
}
.home-v250-actions{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:26px 22px}
.home-v250-actions .btn,.home-v250-actions button.btn{
  width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;margin:0!important;
  padding:0 14px!important;background:rgba(5,7,9,.50)!important;border-color:rgba(255,255,255,.13)!important;
  color:#e8e9e8!important;font-size:8px!important;letter-spacing:1.65px!important;cursor:pointer;
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
}
.home-v250-actions .btn.primary{background:#d93832!important;border-color:#e9544d!important;box-shadow:0 12px 28px rgba(187,39,34,.18)!important}
.home-v250-actions .btn:hover{border-color:rgba(255,255,255,.30)!important;background:rgba(18,20,24,.72)!important}
.home-v250-actions .btn.primary:hover{background:#ea4840!important}
.home-v250-down{
  position:absolute;z-index:3;left:50%;bottom:24px;transform:translateX(-50%);
  display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.48);text-decoration:none;
  font:900 7px/1 var(--bb-condensed);letter-spacing:1.9px;
}
.home-v250-down i{font-size:9px;color:#d9453e}

/* Keep the first content transition cleaner and less copy-heavy. */
.home-page-fade #freshFromBin .section-head{grid-template-columns:1fr!important}

/* Requested Arcade nudge: preserve Rev249's quiet image but place it slightly lower. */
.bb-arcade-poster-main::before{background-position:center 146px!important}
@media(max-width:900px){.bb-arcade-poster-main::before{background-position:center 112px!important}}
@media(max-width:520px){.bb-arcade-poster-main::before{background-position:center 92px!important}}

@media(max-width:900px){
  .hero-home-v250{min-height:780px!important;padding:0 18px 74px!important}
  .home-v250-counter{grid-template-columns:1fr 230px;min-height:0}
  .home-v250-copy{padding:30px 28px}
  .home-v250-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);padding:14px;border-top:1px solid rgba(255,255,255,.07)}
  .home-v250-actions .btn,.home-v250-actions button.btn{min-height:44px}
  .home-v250-display{border-right:0;min-height:230px}
  .home-v250-display img{height:190px}
}
@media(max-width:620px){
  .hero-home-v250{min-height:760px!important;padding:0 12px 64px!important;align-items:flex-end!important}
  .home-v250-counter{grid-template-columns:1fr;background:linear-gradient(180deg,rgba(8,10,13,.78),rgba(4,6,8,.91))}
  .home-v250-copy{padding:24px 22px 19px}
  .home-v250-copy h2{font-size:clamp(31px,10.8vw,47px)!important;letter-spacing:-.8px!important}
  .home-v250-copy p{font-size:8px!important;letter-spacing:1.15px!important}
  .home-v250-display{min-height:208px;border-left:0;border-right:0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
  .home-v250-display img{height:176px;width:78%}
  .home-v250-actions{grid-template-columns:1fr 1fr;padding:12px}
  .home-v250-actions .home-v250-random{grid-column:1/-1}
  .home-v250-down{bottom:20px}
}
@media(prefers-reduced-motion:reduce){.home-v250-display img{transition:none!important}}

/* ===== rev253.css ===== */
/* =========================================================
   Rev253 — arcade playability + category heading polish
   ========================================================= */

/* The arcade room should begin lower than Rev252. */
.bb-arcade-poster-main::before{background-position:center 186px!important}
@media(max-width:900px){.bb-arcade-poster-main::before{background-position:center 142px!important}}
@media(max-width:520px){.bb-arcade-poster-main::before{background-position:center 114px!important}}

/* Category title bars: keep them integrated with the environment rather than
   looking like a stray glass rectangle floating across the artwork. */
.category-products-head{
  background:linear-gradient(90deg,rgba(3,5,7,.78) 0%,rgba(3,5,7,.48) 46%,rgba(3,5,7,0) 100%)!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  border:0!important;border-top:1px solid rgba(255,255,255,.065)!important;
  box-shadow:none!important;padding:26px 0 16px!important;
}
.category-products-head>div{padding-left:0!important}
.category-products-head .catalog-kicker{display:block!important;margin:0 0 9px!important;background:none!important;border:0!important;padding:0!important;line-height:1!important}
.category-products-head h2{margin:0!important;background:none!important;box-shadow:none!important;padding:0!important}
.category-products-head>p{align-self:end!important;margin:0 0 8px!important;background:none!important;border:0!important;padding:0!important}
@media(max-width:720px){
  .category-products-head{background:linear-gradient(180deg,rgba(3,5,7,.75),rgba(3,5,7,.18),transparent)!important;padding:21px 0 13px!important}
  .category-products-head>p{margin-top:8px!important}
}

/* Arcade feedback chips added by the enhanced game logic. */
.bb-game-toast-v253{position:absolute;z-index:24;left:50%;top:82px;transform:translateX(-50%);padding:8px 13px;border:1px solid rgba(255,211,78,.38);background:rgba(4,7,12,.76);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffe27a;font:900 10px/1 var(--bb-condensed,Arial Narrow,Arial,sans-serif);letter-spacing:1.7px;pointer-events:none;box-shadow:0 9px 28px rgba(0,0,0,.36),0 0 20px rgba(255,186,55,.08)}
.bb-game-toast-v253[hidden]{display:none!important}

/* Trap-door descent flash for Grail Maze. */
.bb-maze-fall-flash{position:absolute;z-index:26;inset:0;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle at 50% 54%,rgba(10,28,34,.12),rgba(0,0,0,.82) 62%,#000 100%);opacity:0;transition:opacity .18s ease}
.bb-maze-fall-flash.is-falling{opacity:1}
.bb-maze-fall-flash span{color:#95f6ff;font:900 clamp(18px,3vw,34px)/1 var(--bb-condensed,Arial Narrow,Arial,sans-serif);letter-spacing:.22em;text-shadow:0 0 18px rgba(74,218,239,.55)}
@media(prefers-reduced-motion:reduce){.bb-maze-fall-flash{transition:none!important}}

/* ===== rev254.css ===== */
/* =========================================================
   Rev254 CLASSIC — typography + modern surface/card polish
   Built on Classic Rev253.  No radical-branch styling.
   ========================================================= */
:root{
  --bb-nav-face:"Bahnschrift SemiCondensed",Bahnschrift,"Arial Narrow","Segoe UI",Arial,sans-serif;
  --bb-copy-face:Bahnschrift,"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;
  --bb-card-bg:rgba(8,10,13,.78);
  --bb-card-bg-2:rgba(11,13,16,.90);
  --bb-card-line:rgba(255,255,255,.085);
  --bb-card-line-hot:rgba(225,62,55,.34);
  --bb-card-radius:14px;
  --bb-soft-shadow:0 18px 46px rgba(0,0,0,.26);
}

/* --- Typography system --------------------------------------------------
   Navigation remains the reference: condensed, crisp, engineered.
   Display copy uses that same family with calmer tracking; paragraph copy
   uses regular Bahnschrift so the whole site does not look like one giant nav.
*/
body:not(.bb-cabinet-embed){font-family:var(--bb-copy-face)!important;font-feature-settings:"kern" 1,"liga" 1}
body:not(.bb-cabinet-embed) :is(h1,h2,h3,h4,h5,h6),
.catalog-heading h2,.universe-heading h2,.category-products-head h2,
.shop-info h1,.product-details-panel h2,.bb-discovery-head h2,
.bb-featured-head h2,.cart-main h1,.bb-info-shell h1,
.about-story h2,.about-standards h3,.bits-oddity h3,
.bb-guide-card h2,.bb-guide-article h2,.bb-vault-card h3,
.bb-recent-card h3,.home-product h3,.bb-mini-product h3,
.merch-card h2,.merch-card h3{
  font-family:var(--bb-nav-face)!important;
  font-stretch:semi-condensed;
  font-weight:650!important;
  letter-spacing:.012em!important;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
}

/* Big page titles: less 2010s "huge bold Arial", more modern display type. */
body:not(.bb-cabinet-embed) :is(.bb-info-shell>h1,.cart-main h1,.shop-info h1){
  font-weight:650!important;
  letter-spacing:-.018em!important;
  line-height:.96!important;
}
.shop-info h1{font-size:clamp(42px,4vw,65px)!important}
.product-details-panel h2{font-weight:600!important;letter-spacing:.01em!important}

/* Small labels inherit the nav language deliberately. */
.catalog-kicker,.shop-eyebrow,.product-breadcrumbs,
.product-card-body>small,.bb-mini-product small,.bb-vault-card small,
.bb-guide-card>span,.bb-recent-card small,.shop-stock,.shop-scene-label{
  font-family:var(--bb-nav-face)!important;
  font-weight:700!important;
  letter-spacing:.13em!important;
  text-transform:uppercase;
}
.catalog-kicker{font-size:9px!important;letter-spacing:.19em!important}

/* Controls use the same family, but not the same extreme tracking. */
body:not(.bb-cabinet-embed) :is(button,.btn,.shop-btn,.product-card-actions a,.product-card-actions button,
.catalog-filters button,.bb-filter-actions button,.bb-random-bin){
  font-family:var(--bb-nav-face)!important;
  font-weight:700!important;
}

/* --- Category product heading -----------------------------------------
   Kill the wide rectangle seen behind "Hot Wheels Products" / "IN THE BIN".
   It now floats in the environment with a small rail underneath it.
*/
.category-products-head{
  position:relative!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin:0 0 24px!important;
  padding:18px 0 20px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.category-products-head::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:linear-gradient(90deg,rgba(225,62,55,.66),rgba(255,255,255,.10) 24%,rgba(255,255,255,.035) 72%,transparent);
}
.category-products-head .catalog-kicker{margin:0 0 7px!important;padding:0!important;background:none!important;border:0!important}
.category-products-head h2{
  margin:0!important;
  padding:0!important;
  background:none!important;
  box-shadow:none!important;
  color:#f1efeb!important;
  font-size:clamp(30px,3.4vw,44px)!important;
  font-weight:650!important;
  line-height:.98!important;
  letter-spacing:.008em!important;
  text-transform:none!important;
  text-shadow:0 10px 30px rgba(0,0,0,.38)!important;
}
.category-products-head>p{
  margin:0 0 3px!important;padding:0!important;
  background:none!important;border:0!important;
  color:#858b92!important;
  font:500 11px/1.4 var(--bb-copy-face)!important;
  letter-spacing:.01em!important;
}
/* Horror no longer switches the inventory heading into Impact. The artwork
   logo remains horror-specific; the live UI follows the Bacon Bin system. */
.category-horror .category-products-head h2{
  font-family:var(--bb-nav-face)!important;
  font-weight:650!important;
  letter-spacing:.008em!important;
  text-shadow:0 8px 26px rgba(0,0,0,.64),0 0 18px rgba(146,0,0,.10)!important;
}

/* Search/filter controls: modern quiet glass rather than another hard box. */
.category-page .catalog-controls,.catalog-page .catalog-controls{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
.catalog-search{
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:10px!important;
  background:rgba(7,9,12,.70)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.06);backdrop-filter:blur(12px) saturate(1.06);
}
.catalog-search input{font-family:var(--bb-copy-face)!important;color:#e9e8e4!important}

/* --- Category product cards -------------------------------------------
   Still unmistakably Bacon Bin, but no longer giant flat rectangular rows.
*/
.category-page .catalog-grid{gap:17px!important;max-width:1210px!important}
.category-page .product-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:230px minmax(0,1fr)!important;
  min-height:214px!important;
  width:100%!important;
  overflow:hidden!important;
  border:1px solid var(--bb-card-line)!important;
  border-radius:var(--bb-card-radius)!important;
  background:linear-gradient(118deg,rgba(13,16,20,.88),rgba(7,9,12,.78) 56%,rgba(5,7,9,.86))!important;
  box-shadow:0 12px 38px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.018)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.04);backdrop-filter:blur(10px) saturate(1.04);
  transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s ease,box-shadow .28s ease!important;
}
.category-page .product-card::before{
  content:"";position:absolute;z-index:4;left:0;top:18px;bottom:18px;width:2px;border-radius:2px;
  background:linear-gradient(180deg,transparent,rgba(225,62,55,.78) 34%,rgba(225,62,55,.30) 72%,transparent);
  opacity:.40;transition:opacity .28s ease;
}
.category-page .product-card:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(255,255,255,.15)!important;
  box-shadow:var(--bb-soft-shadow),0 0 0 1px rgba(225,62,55,.035)!important;
}
.category-page .product-card:hover::before{opacity:.95}
.category-page .product-card-image{
  height:214px!important;min-height:214px!important;
  margin:0!important;padding:16px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.035),transparent 58%),rgba(4,6,8,.52)!important;
  border:0!important;border-right:1px solid rgba(255,255,255,.055)!important;
  overflow:hidden!important;
}
.category-page .product-card-image img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center!important;transform:none!important;
  transition:transform .32s cubic-bezier(.16,1,.3,1)!important;
}
.category-page .product-card-image:hover img,.category-page .product-card:hover .product-card-image img{transform:scale(1.018)!important}
.category-page .product-card-image>span{
  left:12px!important;bottom:11px!important;padding:6px 8px!important;
  border:1px solid rgba(255,255,255,.095)!important;border-radius:6px!important;
  background:rgba(6,8,10,.78)!important;color:#d9dcd9!important;
  font:700 7px/1 var(--bb-nav-face)!important;letter-spacing:.12em!important;
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
}
.category-page .product-card-body{align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:24px 28px 23px!important}
.category-page .product-card-body>small{
  min-height:0!important;margin:0 0 7px!important;color:#b74742!important;
  font-size:8px!important;line-height:1.4!important;letter-spacing:.10em!important;
}
.category-page .product-card h3{
  margin:0 0 14px!important;min-height:0!important;
  font-family:var(--bb-nav-face)!important;font-size:clamp(23px,2.25vw,31px)!important;
  font-weight:600!important;line-height:1.05!important;letter-spacing:.004em!important;
}
.category-page .product-card h3 a{color:#f4f1ec!important}
.category-page .product-card-meta{
  margin-top:auto!important;padding:12px 0 0!important;
  border:0!important;border-top:1px solid rgba(255,255,255,.065)!important;
}
.category-page .product-card-meta b{
  color:#f0efeb!important;font-family:var(--bb-nav-face)!important;font-size:20px!important;font-weight:650!important;letter-spacing:.01em!important;
}
.category-page .product-card-meta span{
  color:#79dc69!important;font-family:var(--bb-nav-face)!important;font-size:8px!important;font-weight:700!important;letter-spacing:.12em!important;
}
.category-page .product-card-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:14px!important}
.category-page .product-card-actions a,.category-page .product-card-actions button{
  width:auto!important;min-width:112px!important;min-height:38px!important;height:38px!important;
  padding:0 14px!important;border-radius:8px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  font-size:8px!important;font-weight:700!important;letter-spacing:.085em!important;
  transition:background .2s ease,border-color .2s ease,transform .2s ease!important;
}
.category-page .product-card-actions a{background:rgba(8,11,14,.68)!important;color:#d9d9d5!important}
.category-page .product-card-actions button{background:rgba(196,48,43,.90)!important;border-color:rgba(236,78,70,.28)!important;color:#fff!important}
.category-page .product-card-actions a:hover,.category-page .product-card-actions button:hover{transform:translateY(-1px)!important;border-color:rgba(255,255,255,.26)!important}

/* --- Main Shop product tiles ------------------------------------------ */
.bb-modern-product-grid .bb-modern-card{
  border-radius:13px!important;
  border-color:rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,rgba(11,14,17,.92),rgba(6,8,10,.90))!important;
  box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
}
.bb-modern-product-grid .bb-modern-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 20px 44px rgba(0,0,0,.30)!important;
}
.bb-modern-product-grid .bb-modern-card .product-card-image{background:radial-gradient(circle at 50% 43%,rgba(255,255,255,.035),transparent 60%),rgba(4,6,8,.74)!important}
.bb-modern-product-grid .bb-modern-card .product-card-image>span{border-radius:6px!important;font-family:var(--bb-nav-face)!important}
.bb-modern-product-grid .bb-modern-card .product-card-body>small{font-family:var(--bb-nav-face)!important;font-weight:700!important;letter-spacing:.09em!important;color:#aa4541!important}
.bb-modern-product-grid .bb-modern-card h3{
  font-family:var(--bb-nav-face)!important;font-weight:600!important;letter-spacing:.008em!important;line-height:1.1!important;
}
.bb-modern-product-grid .bb-modern-card .product-card-meta b{font-family:var(--bb-nav-face)!important;font-weight:650!important}
.bb-modern-product-grid .bb-modern-card .product-card-actions a,
.bb-modern-product-grid .bb-modern-card .product-card-actions button{border-radius:7px!important;font-family:var(--bb-nav-face)!important;font-weight:700!important}

/* Shop-by-universe/page tiles: preserve every animation and supplied image,
   but modernize the frame so it no longer resembles an old thumbnail grid. */
.catalog-page .universe-tile{
  border-radius:13px!important;
  border-color:rgba(255,255,255,.075)!important;
  background:rgba(5,7,9,.72)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.20)!important;
}
.catalog-page .universe-tile:hover,.catalog-page .universe-tile:focus-visible{
  border-color:rgba(255,255,255,.17)!important;
  box-shadow:0 19px 42px rgba(0,0,0,.32),0 0 0 1px rgba(225,62,55,.055)!important;
}

/* --- Other site tiles -------------------------------------------------- */
:is(.about-standards article,.bits-oddity,.bb-guide-card,.bb-guide-article,.bb-vault-card,.bb-recent-card,.bb-mini-product,.cart-item,.cart-summary,.bb-account-card,.bb-account-summary-card){
  border-radius:12px!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.14)!important;
}
.bb-mini-product h3,.bb-vault-card h3,.bits-oddity h3,.about-standards h3{font-family:var(--bb-nav-face)!important;font-weight:600!important}

/* Product detail panels: same new type language, calmer than the old blocky face. */
.product-page .shop-info,.product-page .product-details-panel,.product-page .product-spec-grid,
.product-page .shop-trust,.product-page .shop-warning,.product-page .shop-shipping{
  font-family:var(--bb-copy-face)!important;
}
.product-page .shop-eyebrow,.product-page .shop-stock,.product-page .shop-btn,.product-page .product-spec-grid b{
  font-family:var(--bb-nav-face)!important;
}
.product-page .shop-price{font-family:var(--bb-nav-face)!important;font-weight:650!important;letter-spacing:.01em!important}
.product-page .product-spec-grid{gap:8px!important;background:transparent!important}
.product-page .product-spec-grid span{
  border:1px solid rgba(255,255,255,.07)!important;border-radius:9px!important;
  background:rgba(8,10,12,.68)!important;padding:16px 17px!important;
}

/* Generic informational page titles/section headings. */
.bb-info-shell>h1,.bb-guide-hero h1,.bb-vault-hero h1,.merch-hero h1,.contact-hero h1,
.about-hero h1,.catalog-heading h2,.universe-heading h2{
  font-family:var(--bb-nav-face)!important;font-weight:650!important;letter-spacing:-.012em!important;
}

@media(max-width:720px){
  .category-products-head{display:block!important;padding:14px 0 17px!important}
  .category-products-head>p{margin-top:8px!important}
  .category-page .product-card{grid-template-columns:126px minmax(0,1fr)!important;min-height:176px!important;border-radius:11px!important}
  .category-page .product-card-image{height:176px!important;min-height:176px!important;padding:9px!important}
  .category-page .product-card-body{padding:16px 14px!important}
  .category-page .product-card h3{font-size:19px!important;margin-bottom:10px!important}
  .category-page .product-card-actions{margin-top:10px!important}
  .category-page .product-card-actions a,.category-page .product-card-actions button{min-width:0!important;padding:0 10px!important;height:36px!important;min-height:36px!important}
}
@media(max-width:470px){
  .category-page .product-card{grid-template-columns:1fr!important}
  .category-page .product-card-image{height:216px!important;min-height:216px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
  .category-page .product-card-body{padding:17px!important}
}

/* ===== rev255.css ===== */
/* =========================================================
   Rev255 — single-document scrolling + QA hardening
   Prevent body from becoming a second vertical scroll container
   when horizontal overflow is clipped. The root document owns
   normal page scrolling; overlays retain explicit scroll locks.
   ========================================================= */
html{
  max-width:100%;
  overflow-x:hidden;
}
body:not(.bb-cabinet-embed){
  max-width:100%;
  overflow-x:clip!important;
  overflow-y:visible!important;
}
body.bb-mobile-menu-open,
body.bb-drawer-open,
body.bb-photo-zoom-open{
  overflow:hidden!important;
}

/* Category pages should always grow with their inventory. */
body.category-page .category-shell,
body.category-page .category-products,
body.category-page .catalog-grid{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}

/* Keep accidental wide decorative layers from generating a page scroller. */
body.category-page,
body.catalog-page,
body.product-page,
body.home-page-fade{
  overscroll-behavior-x:none;
}

/* ===== rev256.css ===== */
/* =========================================================
   Rev256 — visibility + Arcade position + About family memory
   ========================================================= */

/* Collector Journal action must remain readable in every state/theme. */
.shop-info .bb-collector-action,
.shop-info .bb-collector-action:hover,
.shop-info .bb-collector-action:focus,
.shop-info .bb-collector-action:active{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.72)!important;
}

/* Nudge the environmental Arcade still a little farther down without
   moving the cabinet or game UI. */
.bb-arcade-poster-main::before{background-position:center 210px!important}
@media(max-width:900px){.bb-arcade-poster-main::before{background-position:center 160px!important}}
@media(max-width:520px){.bb-arcade-poster-main::before{background-position:center 128px!important}}

/* Personal family memory on About — intentionally quiet and archival. */
.origin-memory-moment{
  position:relative;
  z-index:2;
  width:min(1180px,100%);
  margin:clamp(60px,7vw,102px) auto 0;
  display:grid;
  grid-template-columns:minmax(250px,360px) minmax(0,1fr);
  gap:clamp(34px,5vw,72px);
  align-items:center;
}
.about-family-memory{
  position:relative;
  width:min(100%,360px);
  margin:0;
  justify-self:center;
  isolation:isolate;
}
.about-family-memory::before{
  content:"";
  position:absolute;
  inset:14% 9%;
  z-index:-1;
  background:radial-gradient(circle,rgba(227,58,50,.14),transparent 68%);
  filter:blur(28px);
}
.about-family-memory img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:saturate(.98) contrast(1.025);
  transform:rotate(-.35deg);
  filter:drop-shadow(0 24px 38px rgba(0,0,0,.42)) saturate(.98) contrast(1.025);
}
.origin-memory-moment .origin-pullquote{
  width:100%;
  max-width:none;
  margin:0;
}
@media(max-width:820px){
  .origin-memory-moment{grid-template-columns:1fr;gap:32px;margin-top:58px}
  .about-family-memory{width:min(72vw,330px)}
  .origin-memory-moment .origin-pullquote{margin:0}
}
@media(max-width:560px){
  .about-family-memory{width:min(78vw,290px)}
}

/* ===== rev257.css ===== */
/* =========================================================
   Rev257 — About family memory placement + vignette
   ========================================================= */

/* Move the family memory into the opening About collage so it is visible
   immediately, and let it dissolve into the archival composition rather
   than reading like another rectangular photo card. */
.origin-family-vignette{
  position:absolute;
  z-index:7;
  left:-3.5%;
  top:3.5%;
  width:31%;
  margin:0;
  pointer-events:none;
  transform:rotate(-1.15deg);
  isolation:isolate;
}
.origin-family-vignette::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:10% 8% 8%;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(227,58,50,.17) 0%,rgba(227,58,50,.06) 48%,transparent 74%);
  filter:blur(30px);
  opacity:.8;
}
.origin-family-vignette img{
  display:block;
  width:100%;
  height:auto;
  filter:saturate(1.035) contrast(1.035) brightness(.96) drop-shadow(0 22px 28px rgba(0,0,0,.46));
  -webkit-mask-image:radial-gradient(ellipse 78% 74% at 50% 49%,#000 0%,#000 49%,rgba(0,0,0,.97) 58%,rgba(0,0,0,.78) 70%,rgba(0,0,0,.38) 83%,transparent 100%);
  mask-image:radial-gradient(ellipse 78% 74% at 50% 49%,#000 0%,#000 49%,rgba(0,0,0,.97) 58%,rgba(0,0,0,.78) 70%,rgba(0,0,0,.38) 83%,transparent 100%);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
}

/* Rev256's old lower-story layout is no longer used, but neutralize it in
   case a cached About DOM is restored by a browser snapshot. */
.origin-memory-moment{display:block!important}
.origin-memory-moment .about-family-memory{display:none!important}
.origin-memory-moment .origin-pullquote{width:100%;max-width:1180px;margin:clamp(72px,8vw,112px) auto 0}

@media(max-width:1180px){
  .origin-family-vignette{left:-1.5%;top:2%;width:28%}
}
@media(max-width:820px){
  .origin-family-vignette{left:1%;top:4%;width:32%;transform:rotate(-.8deg)}
}
@media(max-width:560px){
  .origin-family-vignette{left:0;top:5%;width:36%;transform:rotate(-.5deg)}
  .origin-family-vignette img{
    -webkit-mask-image:radial-gradient(ellipse 80% 76% at 50% 49%,#000 0%,#000 46%,rgba(0,0,0,.95) 58%,rgba(0,0,0,.7) 72%,rgba(0,0,0,.3) 85%,transparent 100%);
    mask-image:radial-gradient(ellipse 80% 76% at 50% 49%,#000 0%,#000 46%,rgba(0,0,0,.95) 58%,rgba(0,0,0,.7) 72%,rgba(0,0,0,.3) 85%,transparent 100%);
  }
}

/* ===== rev259.css ===== */
/* =========================================================
   Rev259 — Pulp feature promoted to homepage hero + softer glass system
   ========================================================= */

/* Temporary navigation trial: the approved futuristic Bacon Bin master mark
   replaces only the tiny BatPig brand icon. Keep the existing wordmark beside
   it so this can be judged without changing navigation geometry. */
.bb-site-header .shop-brand{gap:11px!important}
.bb-site-header .shop-brand img{
  width:56px!important;height:56px!important;flex:0 0 56px!important;
  object-fit:contain!important;border-radius:7px!important;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.58))!important;
}
.bb-site-header{
  background:linear-gradient(180deg,rgba(8,9,11,.84),rgba(4,5,7,.76))!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.10)!important;
  backdrop-filter:blur(18px) saturate(1.10)!important;
}
@media(max-width:560px){
  .bb-site-header .shop-brand img{width:46px!important;height:46px!important;flex-basis:46px!important}
}
@media(max-width:430px){
  .bb-site-header .shop-brand img{width:41px!important;height:41px!important;flex-basis:41px!important}
}

/* The former house-ad feature is now the opening homepage composition.
   Deliberately translucent so the existing store environment remains visible
   through the glass instead of being replaced by another dark rectangle. */
.home-pulp-top-v259{
  width:100%!important;min-height:clamp(720px,88vh,930px)!important;margin:0!important;
  padding:clamp(62px,7vw,102px) clamp(26px,7vw,112px)!important;
  grid-template-columns:minmax(330px,.82fr) minmax(390px,.70fr)!important;
  gap:clamp(46px,7vw,118px)!important;
  background:
    radial-gradient(circle at 18% 35%,rgba(224,48,41,.085),transparent 34%),
    linear-gradient(120deg,rgba(7,7,7,.36),rgba(7,7,7,.20) 52%,rgba(4,4,4,.28))!important;
  border-top:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.08)!important;
  backdrop-filter:blur(10px) saturate(1.08)!important;
}
.home-pulp-top-v259::before{opacity:.10!important}
.home-pulp-top-v259::after{opacity:.18!important}
.home-pulp-top-v259 .home-pulp-copy{
  padding:clamp(28px,3.5vw,48px)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(8,9,11,.24),rgba(5,6,8,.10))!important;
  box-shadow:0 28px 90px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.06)!important;
  backdrop-filter:blur(12px) saturate(1.06)!important;
}
.home-pulp-top-v259 .home-pulp-copy h2{font-size:clamp(50px,5.2vw,86px)!important}
.home-pulp-top-v259 .home-pulp-poster{width:min(100%,590px)!important}
.home-pulp-top-v259 .home-pulp-poster::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 30px 76px rgba(0,0,0,.42)!important}
.home-pulp-top-v259 + #freshFromBin{margin-top:0!important}
@media(max-width:820px){
  .home-pulp-top-v259{grid-template-columns:1fr!important;min-height:auto!important;padding:54px 22px 70px!important;gap:40px!important}
  .home-pulp-top-v259 .home-pulp-copy{justify-self:center;text-align:center!important;padding:28px 22px!important}
}

/* Global glass refinement. More of each page environment should show through,
   while blur/contrast preserve legibility. This is intentionally modest rather
   than making every surface look like clear acrylic. */
.category-page .product-card,
.catalog-page .bb-inventory-results .product-card,
.bb-info-shell,
.bb-contact-card,
.bb-account-card,
.bb-account-summary-card,
.bb-profile-command,
.bb-profile-editor,
.bb-avatar-picker-panel,
.bb-collector-journal,
.bb-account-orders,
.cart-main,
.cart-summary,
.product-page .shop-art,
.product-page .shop-info,
.product-page .product-details-panel,
.bb-product-discovery,
.bits-page .bits-news-hero,
.bits-page .bits-live-wire,
.bits-page .bits-story-card,
.merch-page .merch-card{
  background:linear-gradient(135deg,rgba(13,16,20,.62),rgba(6,8,11,.45) 58%,rgba(4,6,9,.56))!important;
  -webkit-backdrop-filter:blur(15px) saturate(1.08)!important;
  backdrop-filter:blur(15px) saturate(1.08)!important;
  box-shadow:0 18px 52px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.026)!important;
}
.catalog-search,
.bb-inventory-toolbar,
.bb-filter-panel,
.bb-service-note,
.bb-contact-location,
.bb-contact-tip{
  background:rgba(7,9,12,.50)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.06)!important;
  backdrop-filter:blur(14px) saturate(1.06)!important;
}

/* The quick-cart glass gets a little clearer too, consistent with the rest of
   the geometry but still dark enough for product text and controls. */
.bb-mini-cart-panel{
  background:linear-gradient(145deg,rgba(8,10,13,.72),rgba(4,6,8,.60))!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.12)!important;
  backdrop-filter:blur(22px) saturate(1.12)!important;
}
.bb-mini-cart-panel>header,.bb-mini-cart-panel>footer{background:rgba(5,7,9,.24)!important}
.bb-mini-cart-items{background:linear-gradient(180deg,rgba(10,12,15,.04),rgba(2,3,5,.12))!important}

/* Older browsers keep a dark, readable fallback without backdrop-filter. */
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .home-pulp-top-v259 .home-pulp-copy,
  .category-page .product-card,.bb-info-shell,.bb-contact-card,.bb-account-card,
  .cart-main,.cart-summary,.product-page .shop-art,.product-page .shop-info,
  .product-page .product-details-panel,.bb-mini-cart-panel{background:rgba(7,9,12,.90)!important}
}

/* ===== rev260.css ===== */
/* =========================================================
   Rev260 — Pulp editorial accents + clearer glass + background softness
   ========================================================= */
:root{
  --bb-pulp-cream:#efe3ca;
  --bb-pulp-red:#df352e;
  --bb-pulp-ink:#090909;
}

/* ---------------------------------------------------------
   Navigation experiment: borrow the chunky pulp-cover title voice while
   preserving the existing illuminated hover rail/tracer interactions.
   --------------------------------------------------------- */
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav){
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Arial Black",sans-serif!important;
  font-weight:400!important;
  font-size:15px!important;
  letter-spacing:1.25px!important;
  color:#e9e1d2!important;
  text-shadow:1px 1px 0 rgba(0,0,0,.92),0 0 9px rgba(0,0,0,.42)!important;
  -webkit-text-stroke:.12px rgba(239,227,202,.18);
}
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav):hover,
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav):focus-visible{
  color:#fff5e6!important;
  letter-spacing:1.55px!important;
  text-shadow:1px 1px 0 #000,0 0 4px rgba(255,245,230,.32),0 0 13px rgba(215,53,48,.28)!important;
}
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav).active{color:#f3ead9!important}
@media(min-width:901px) and (max-width:1280px){
  .bb-site-header .bb-site-nav>a:not(.bb-ebay-nav){font-size:12.4px!important;letter-spacing:.85px!important}
  .bb-site-header .bb-site-nav>a:not(.bb-ebay-nav):hover,.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav):focus-visible{letter-spacing:1.05px!important}
}
@media(max-width:900px){
  .bb-site-header .bb-site-nav>a:not(.bb-ebay-nav){font-size:17px!important;letter-spacing:1.25px!important}
}

/* ---------------------------------------------------------
   Homepage opening feature: quieter, smaller, more editorial. The art and
   headline now share the frame rather than behaving like two giant panels.
   --------------------------------------------------------- */
.home-pulp-top-v259{
  min-height:clamp(570px,70vh,720px)!important;
  padding:clamp(54px,6vw,80px) clamp(28px,8vw,128px)!important;
  grid-template-columns:minmax(300px,.82fr) minmax(310px,.58fr)!important;
  gap:clamp(34px,5vw,82px)!important;
  background:
    radial-gradient(circle at 22% 36%,rgba(224,48,41,.060),transparent 32%),
    linear-gradient(120deg,rgba(7,7,7,.20),rgba(7,7,7,.075) 52%,rgba(4,4,4,.16))!important;
  -webkit-backdrop-filter:blur(8px) saturate(1.10)!important;
  backdrop-filter:blur(8px) saturate(1.10)!important;
}
.home-pulp-top-v259 .home-pulp-copy{
  width:min(100%,560px)!important;
  justify-self:end!important;
  transform:translate(34px,18px);
  padding:clamp(23px,2.8vw,36px)!important;
  border-color:rgba(239,227,202,.055)!important;
  background:
    radial-gradient(circle at 16% 18%,rgba(239,227,202,.024),transparent 34%),
    linear-gradient(135deg,rgba(8,9,11,.13),rgba(5,6,8,.045))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.022)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.08)!important;
  backdrop-filter:blur(10px) saturate(1.08)!important;
}
.home-pulp-top-v259 .home-pulp-copy h2{
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Arial Black",sans-serif!important;
  font-weight:400!important;
  font-size:clamp(40px,4.1vw,64px)!important;
  line-height:.92!important;
  letter-spacing:.2px!important;
  text-shadow:2px 2px 0 rgba(0,0,0,.94),4px 4px 0 rgba(116,19,16,.22)!important;
}
.home-pulp-top-v259 .home-pulp-copy h2 em{text-shadow:2px 2px 0 #250d0c,0 0 22px rgba(227,55,49,.10)!important}
.home-pulp-top-v259 .home-pulp-copy>p{display:none!important}
.home-pulp-top-v259 .home-pulp-actions{margin-top:24px!important}
.home-pulp-top-v259 .home-pulp-poster{width:min(100%,455px)!important;transform:rotate(.28deg)!important}
.home-pulp-top-v259 .home-pulp-poster::before{opacity:.58!important;inset:2.4% -2.2% -1.4% 2.4%!important}
.home-pulp-top-v259 .home-pulp-poster::after{inset:-10px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.075),0 24px 58px rgba(0,0,0,.35)!important}
@media(max-width:820px){
  .home-pulp-top-v259{grid-template-columns:1fr!important;min-height:auto!important;gap:30px!important;padding:50px 20px 62px!important}
  .home-pulp-top-v259 .home-pulp-copy{justify-self:center!important;transform:none!important;width:min(94vw,540px)!important}
  .home-pulp-top-v259 .home-pulp-poster{width:min(76vw,430px)!important}
}
@media(max-width:560px){
  .home-pulp-top-v259 .home-pulp-copy h2{font-size:clamp(38px,12.5vw,54px)!important}
  .home-pulp-top-v259 .home-pulp-poster{width:min(82vw,390px)!important}
}

/* ---------------------------------------------------------
   BITS: one visual pulp insert, deliberately almost copy-free. The poster is
   treated as found print ephemera sitting inside the modern newsroom glass.
   --------------------------------------------------------- */
.bits-pulp-interlude-v260{
  position:relative;
  width:min(1160px,calc(100% - 48px));
  min-height:520px;
  margin:34px auto 46px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(239,227,202,.10);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 45%,rgba(223,53,46,.075),transparent 36%),
    radial-gradient(rgba(239,227,202,.10) .55px,transparent .75px),
    linear-gradient(140deg,rgba(12,13,15,.34),rgba(4,5,7,.12));
  background-size:auto,6px 6px,auto;
  -webkit-backdrop-filter:blur(17px) saturate(1.12)!important;
  backdrop-filter:blur(17px) saturate(1.12)!important;
  box-shadow:0 26px 78px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.026);
}
.bits-pulp-interlude-v260::before{
  content:"BITS";
  position:absolute;
  left:clamp(18px,5vw,70px);
  top:50%;
  transform:translateY(-50%) rotate(-90deg);
  transform-origin:center;
  color:rgba(239,227,202,.035);
  font:400 clamp(84px,11vw,168px)/1 Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;
  letter-spacing:8px;
  pointer-events:none;
}
.bits-pulp-interlude-v260::after{
  content:"";
  position:absolute;inset:18px;
  border:1px solid rgba(223,53,46,.10);
  border-left-color:rgba(239,227,202,.11);
  border-right-color:rgba(239,227,202,.11);
  pointer-events:none;
}
.bits-pulp-interlude-v260 figure{position:relative;z-index:1;margin:0;width:min(420px,70vw);transform:rotate(-.35deg)}
.bits-pulp-interlude-v260 figure::before{content:"";position:absolute;inset:3% -3% -2% 3%;z-index:-1;background:#c9322c;opacity:.46;transform:rotate(1deg)}
.bits-pulp-interlude-v260 img{display:block;width:100%;height:auto;box-shadow:0 28px 68px rgba(0,0,0,.50);filter:contrast(1.015) saturate(.97)}
@media(max-width:650px){
  .bits-pulp-interlude-v260{width:calc(100% - 28px);min-height:420px;margin:22px auto 34px}
  .bits-pulp-interlude-v260 figure{width:min(72vw,370px)}
  .bits-pulp-interlude-v260::before{font-size:92px;left:-4px;opacity:.8}
}

/* ---------------------------------------------------------
   Glass pass: one notch clearer than Rev259, with microscopic print grain in
   the glass rather than opaque black cards. Footer stays solid as an anchor.
   --------------------------------------------------------- */
.category-page .product-card,
.catalog-page .bb-inventory-results .product-card,
.bb-info-shell,
.bb-contact-card,
.bb-contact-form-card,
.bb-account-card,
.bb-account-summary-card,
.bb-profile-command,
.bb-profile-editor,
.bb-avatar-picker-panel,
.bb-collector-journal,
.bb-account-orders,
.cart-main,
.cart-summary,
.product-page .shop-art,
.product-page .shop-info,
.product-page .product-details-panel,
.bb-product-discovery,
.bits-page .bits-news-hero,
.bits-page .bits-live-wire,
.bits-page .bits-story-card,
.bits-page .bits-oddity,
.bits-page .bits-news-controls,
.merch-page .merch-card{
  background:
    radial-gradient(rgba(239,227,202,.018) .6px,transparent .75px),
    linear-gradient(135deg,rgba(13,16,20,.53),rgba(6,8,11,.34) 58%,rgba(4,6,9,.44))!important;
  background-size:7px 7px,auto!important;
  border-color:rgba(239,227,202,.085)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
  box-shadow:0 18px 52px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.030)!important;
}
.catalog-search,.bb-inventory-toolbar,.bb-filter-panel,.bb-service-note,.bb-contact-location,.bb-contact-tip,
.bits-page .bits-news-search,.bits-page .bits-news-filters{
  background:rgba(7,9,12,.39)!important;
  border-color:rgba(239,227,202,.075)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.10)!important;
  backdrop-filter:blur(16px) saturate(1.10)!important;
}
.bb-mini-cart-panel{
  background:
    radial-gradient(rgba(239,227,202,.018) .6px,transparent .75px),
    linear-gradient(145deg,rgba(8,10,13,.63),rgba(4,6,8,.49))!important;
  background-size:7px 7px,auto!important;
  border-left-color:rgba(239,227,202,.11)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.14)!important;
  backdrop-filter:blur(24px) saturate(1.14)!important;
}

/* Pulp fingerprints, not a pulp costume: cream/red hairlines, subtle offset
   ink on small labels, and a print-like hover snap on common controls. */
body:not(.bb-cabinet-embed) :is(.catalog-kicker,.kicker,.bits-live-pulse,.product-card-body>small,.bb-mini-product small){
  text-shadow:1px 1px 0 rgba(0,0,0,.72)!important;
}
body:not(.bb-cabinet-embed) :is(.section-head,.catalog-heading,.universe-heading,.bits-live-head,.bits-oddities-head){position:relative}
body:not(.bb-cabinet-embed) :is(.section-head,.catalog-heading,.universe-heading,.bits-live-head,.bits-oddities-head)::after{
  content:"";position:absolute;left:0;bottom:-12px;width:min(190px,28vw);height:2px;
  background:linear-gradient(90deg,var(--bb-pulp-red) 0 58%,var(--bb-pulp-cream) 58% 72%,transparent 72%);
  opacity:.42;pointer-events:none;
}
body:not(.bb-cabinet-embed) :is(.btn,button,.product-card-actions a,.product-card-actions button){
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
body:not(.bb-cabinet-embed) :is(.btn,button,.product-card-actions a,.product-card-actions button):hover{
  box-shadow:2px 2px 0 rgba(223,53,46,.22),0 7px 18px rgba(0,0,0,.18)!important;
}

/* Environmental softness. These layers are below page content, so the tiny
   backdrop blur softens only the artwork/vignette rather than the UI itself. */
.home-ambient-video-shell::after,
body.shop-landing-page::after,
.category-page::after,
.bits-video-environment-v239::after,
.bb-arcade-poster-main::after{
  -webkit-backdrop-filter:blur(1.45px)!important;
  backdrop-filter:blur(1.45px)!important;
}
.home-ambient-static-v231{transform:scale(1.016)!important}
body.shop-landing-page::before{transform:scale(1.018)!important}
.bits-video-environment-v239 video{transform:scale(1.025)!important}

@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .bits-pulp-interlude-v260,.home-pulp-top-v259 .home-pulp-copy,
  .category-page .product-card,.bb-info-shell,.bb-contact-card,.bb-account-card,
  .cart-main,.cart-summary,.product-page .shop-art,.product-page .shop-info,
  .product-page .product-details-panel,.bb-mini-cart-panel{background-color:rgba(7,9,12,.88)!important}
}

/* ===== rev261.css ===== */
/* =========================================================
   Rev261 — restore clean navigation + focused BITS pulp hero + comic Shop
   ========================================================= */
:root{
  --bb261-cream:#efe4cc;
  --bb261-red:#df352e;
  --bb261-ink:#080809;
}

/* ---------------------------------------------------------
   Navigation: return to the engineered Rev259 / Bahnschrift voice.
   Slightly larger than the old treatment, with deliberate breathing room.
   Existing illuminated rail + tracer effects are preserved.
   --------------------------------------------------------- */
.bb-site-header .bb-site-nav{
  gap:clamp(28px,2.18vw,40px)!important;
}
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav){
  font-family:"Bahnschrift SemiCondensed",Bahnschrift,"Arial Narrow","Segoe UI",sans-serif!important;
  font-size:13.8px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:1.58px!important;
  color:#dcdcd8!important;
  text-shadow:0 1px 0 rgba(0,0,0,.86)!important;
  -webkit-text-stroke:0!important;
}
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav):hover,
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav):focus-visible{
  color:#fff!important;
  letter-spacing:1.82px!important;
  text-shadow:0 0 3px rgba(255,255,255,.48),0 0 12px rgba(215,53,48,.24)!important;
}
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav).active{color:#f2f1ee!important}
@media(min-width:901px) and (max-width:1320px){
  .bb-site-header .bb-site-nav{gap:clamp(18px,1.55vw,26px)!important}
  .bb-site-header .bb-site-nav>a:not(.bb-ebay-nav){font-size:12.45px!important;letter-spacing:1.28px!important}
  .bb-site-header .bb-site-nav>a:not(.bb-ebay-nav):hover,
  .bb-site-header .bb-site-nav>a:not(.bb-ebay-nav):focus-visible{letter-spacing:1.46px!important}
}
@media(max-width:900px){
  .bb-site-header .bb-site-nav>a:not(.bb-ebay-nav){font-size:16px!important;letter-spacing:1.35px!important}
}

/* ---------------------------------------------------------
   Homepage: move the entire opening composition toward the left instead of
   distributing the two pieces across the whole viewport.
   --------------------------------------------------------- */
.home-pulp-top-v259{
  grid-template-columns:minmax(310px,535px) minmax(300px,455px)!important;
  justify-content:start!important;
  gap:clamp(34px,4vw,64px)!important;
  padding-left:clamp(26px,5.2vw,84px)!important;
  padding-right:clamp(24px,4vw,64px)!important;
}
.home-pulp-top-v259 .home-pulp-copy{
  justify-self:start!important;
  transform:translate(-4px,18px)!important;
}
.home-pulp-top-v259 .home-pulp-poster{
  justify-self:start!important;
  transform:translateX(-8px) rotate(.28deg)!important;
}
@media(max-width:820px){
  .home-pulp-top-v259{grid-template-columns:1fr!important;justify-items:center!important;padding-left:20px!important;padding-right:20px!important}
  .home-pulp-top-v259 .home-pulp-copy,.home-pulp-top-v259 .home-pulp-poster{justify-self:center!important;transform:none!important}
}

/* ---------------------------------------------------------
   CONTACT + BITS titles: clean collector-store typography, no display gimmick.
   --------------------------------------------------------- */
.contact-page .bb-info-shell>h1,
.bits-page .bits-pulp-hero-copy-v261>h1{
  font-family:"Bahnschrift SemiCondensed",Bahnschrift,"Arial Narrow","Segoe UI",sans-serif!important;
  font-weight:750!important;
  font-style:normal!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
  line-height:.92!important;
  color:#f2f1ec!important;
  -webkit-text-fill-color:#f2f1ec!important;
  background:none!important;
  text-shadow:0 10px 30px rgba(0,0,0,.42)!important;
}
.contact-page .bb-info-shell>h1{font-size:clamp(42px,5vw,68px)!important;margin-bottom:28px!important}
.contact-page .bb-info-shell>h1::after{display:none!important}

/* ---------------------------------------------------------
   BITS: the supplied detective/coffee ad becomes the opening-page anchor.
   Copy is intentionally secondary and restrained.
   --------------------------------------------------------- */
.bits-page .bits-newsroom{padding-top:34px!important}
.bits-pulp-hero-v261{
  position:relative;
  width:min(1250px,calc(100% - 28px));
  margin:0 auto 46px;
  display:grid;
  grid-template-columns:minmax(380px,580px) minmax(300px,1fr);
  gap:clamp(34px,5vw,78px);
  align-items:center;
  padding:clamp(24px,3.2vw,46px);
  overflow:hidden;
  border:1px solid rgba(239,228,204,.095);
  background:
    radial-gradient(circle at 18% 32%,rgba(223,53,46,.075),transparent 30%),
    radial-gradient(rgba(239,228,204,.020) .65px,transparent .8px),
    linear-gradient(135deg,rgba(10,12,15,.34),rgba(5,7,9,.16));
  background-size:auto,7px 7px,auto;
  -webkit-backdrop-filter:blur(18px) saturate(1.10);
  backdrop-filter:blur(18px) saturate(1.10);
  box-shadow:0 30px 86px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.028);
}
.bits-pulp-hero-v261::after{
  content:"";
  position:absolute;
  inset:17px;
  border-top:1px solid rgba(239,228,204,.10);
  border-bottom:1px solid rgba(223,53,46,.12);
  pointer-events:none;
}
.bits-pulp-hero-art-v261{
  position:relative;
  z-index:1;
  margin:0;
  width:min(100%,520px);
  justify-self:center;
  transform:rotate(-.28deg);
}
.bits-pulp-hero-art-v261::before{
  content:"";
  position:absolute;
  inset:2.1% -2.3% -1.4% 2.4%;
  z-index:-1;
  background:#bd2d29;
  opacity:.48;
  transform:rotate(.85deg);
}
.bits-pulp-hero-art-v261 img{
  display:block;
  width:100%;
  height:auto;
  box-shadow:0 28px 72px rgba(0,0,0,.52);
}
.bits-pulp-hero-copy-v261{position:relative;z-index:1;max-width:520px}
.bits-pulp-hero-copy-v261 .catalog-kicker{margin-bottom:14px!important;color:#d94b43!important}
.bits-page .bits-pulp-hero-copy-v261>h1{font-size:clamp(58px,7vw,104px)!important;margin:0 0 18px!important}
.bits-pulp-hero-copy-v261>p{margin:0 0 26px;color:#b9b6af;font-size:15px;line-height:1.65;max-width:480px}
.bits-pulp-hero-v261 .bits-lead-story-v261{
  min-height:0!important;
  padding:24px 25px!important;
  border:1px solid rgba(239,228,204,.09)!important;
  background:linear-gradient(140deg,rgba(13,15,18,.48),rgba(5,7,9,.28))!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08);
  backdrop-filter:blur(14px) saturate(1.08);
}
.bits-pulp-hero-v261 .bits-lead-story-v261 h2{
  font-family:"Bahnschrift SemiCondensed",Bahnschrift,"Arial Narrow","Segoe UI",sans-serif!important;
  font-size:clamp(25px,2.6vw,38px)!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
  line-height:1.04!important;
}
@media(max-width:900px){
  .bits-pulp-hero-v261{grid-template-columns:1fr;gap:28px;width:calc(100% - 24px);padding:24px}
  .bits-pulp-hero-art-v261{width:min(78vw,500px)}
  .bits-pulp-hero-copy-v261{max-width:620px;justify-self:center;text-align:center}
  .bits-pulp-hero-copy-v261>p{margin-left:auto;margin-right:auto}
  .bits-pulp-hero-v261 .bits-lead-story-v261{text-align:left}
}
@media(max-width:560px){
  .bits-page .bits-newsroom{padding-top:18px!important}
  .bits-pulp-hero-v261{padding:17px;margin-bottom:30px}
  .bits-pulp-hero-art-v261{width:min(82vw,420px)}
  .bits-page .bits-pulp-hero-copy-v261>h1{font-size:58px!important}
}

/* ---------------------------------------------------------
   Vintage mark: just a little more presence.
   --------------------------------------------------------- */
.category-logo-heading-vintage{width:min(665px,72vw)!important;min-height:116px!important}
.category-logo-heading-vintage img{max-height:142px!important}
@media(max-width:700px){
  .category-logo-heading-vintage{width:min(92vw,590px)!important}
  .category-logo-heading-vintage img{max-height:112px!important}
}
@media(max-width:520px){
  .category-logo-heading-vintage img{max-height:94px!important}
}

/* ---------------------------------------------------------
   Horror: restore the clear enhanced moon/lightning artwork (v244) and scale
   the mural down so it reads as an environment instead of filling the page.
   --------------------------------------------------------- */
.category-page.category-horror::before{
  background-image:url('images/category-pages/horrorbackg-v244-enhanced.png?v=244')!important;
  background-position:center 48px!important;
  background-size:min(1280px,88vw) auto!important;
  opacity:.43!important;
  filter:brightness(.91) saturate(1.08) contrast(1.045)!important;
}
.category-page.category-horror::after{
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.34) 6%,rgba(0,0,0,.08) 16%,transparent 26%,transparent 74%,rgba(0,0,0,.08) 84%,rgba(0,0,0,.34) 94%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.12) 0%,transparent 22%,transparent 58%,rgba(0,0,0,.10) 74%,rgba(0,0,0,.40) 90%,#000 100%)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
@media(max-width:900px){
  .category-page.category-horror::before{background-size:auto 690px!important;background-position:center 62px!important;opacity:.39!important}
}
@media(max-width:560px){
  .category-page.category-horror::before{background-size:auto 570px!important;background-position:center 66px!important;opacity:.36!important}
}

/* ---------------------------------------------------------
   SHOP — pulp-comic experiment.
   The existing animated category art stays intact, but it is mounted inside
   cream/red inked comic panels rather than generic modern cards.
   --------------------------------------------------------- */
body.shop-landing-page .catalog-section{
  position:relative;
}
body.shop-landing-page .catalog-section::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:20px max(18px,3vw) 0;
  pointer-events:none;
  background:
    radial-gradient(rgba(239,228,204,.035) .7px,transparent .85px),
    linear-gradient(135deg,rgba(15,12,10,.18),rgba(5,6,8,.08));
  background-size:6px 6px,auto;
  border:1px solid rgba(239,228,204,.055);
  -webkit-backdrop-filter:blur(10px) saturate(1.05);
  backdrop-filter:blur(10px) saturate(1.05);
}
body.shop-landing-page .shop-logo-heading-v230{
  width:auto!important;
  max-width:none!important;
  min-height:96px!important;
  margin:2px 0 16px!important;
  transform:none!important;
  display:flex!important;
  align-items:flex-end!important;
  position:relative!important;
}
body.shop-landing-page .shop-logo-heading-v230 img{display:none!important}
body.shop-landing-page .shop-logo-heading-v230::before{
  content:"SHOP";
  display:block;
  color:var(--bb261-cream);
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Arial Black",sans-serif;
  font-size:clamp(68px,8vw,120px);
  font-weight:400;
  line-height:.78;
  letter-spacing:.012em;
  text-transform:uppercase;
  -webkit-text-stroke:1px rgba(5,5,5,.92);
  text-shadow:3px 3px 0 #111,7px 7px 0 rgba(193,39,34,.78),0 18px 30px rgba(0,0,0,.38);
  transform:skewX(-3deg);
}
body.shop-landing-page .shop-logo-heading-v230::after{
  content:"THE BACON BIN";
  position:absolute;
  left:4px;
  top:-4px;
  color:#df352e;
  font:800 10px/1 "Bahnschrift SemiCondensed",Bahnschrift,sans-serif;
  letter-spacing:2.5px;
  text-transform:uppercase;
}
body.shop-landing-page .universe-browser{
  padding:clamp(22px,3vw,38px)!important;
  border:1px solid rgba(239,228,204,.10)!important;
  background:
    radial-gradient(rgba(239,228,204,.024) .7px,transparent .85px),
    linear-gradient(145deg,rgba(11,12,14,.44),rgba(5,6,8,.27))!important;
  background-size:7px 7px,auto!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.08)!important;
  backdrop-filter:blur(16px) saturate(1.08)!important;
}
body.shop-landing-page .universe-heading h2{
  font-family:"Bahnschrift SemiCondensed",Bahnschrift,"Arial Narrow","Segoe UI",sans-serif!important;
  font-weight:760!important;
  letter-spacing:.02em!important;
  color:#f0eadc!important;
  text-shadow:2px 2px 0 rgba(0,0,0,.78)!important;
}
body.shop-landing-page .universe-grid{gap:clamp(17px,1.8vw,27px)!important;padding:8px 7px 18px!important}
body.shop-landing-page .universe-tile{
  border:5px solid var(--bb261-cream)!important;
  border-radius:0!important;
  background:#080808!important;
  box-shadow:7px 7px 0 rgba(190,43,38,.78),0 18px 38px rgba(0,0,0,.34)!important;
  overflow:hidden!important;
  transform:rotate(-.22deg)!important;
}
body.shop-landing-page .universe-tile:nth-child(even){transform:rotate(.22deg)!important}
body.shop-landing-page .universe-tile>img,
body.shop-landing-page .universe-tile>.universe-hover-video{
  inset:5px!important;
  width:calc(100% - 10px)!important;
  height:calc(100% - 10px)!important;
}
body.shop-landing-page .universe-tile:hover,
body.shop-landing-page .universe-tile:focus-visible{
  transform:translateY(-5px) rotate(0deg)!important;
  border-color:#fff1d5!important;
  box-shadow:9px 9px 0 rgba(218,49,43,.92),0 25px 48px rgba(0,0,0,.42)!important;
}
body.shop-landing-page .collection-chips a{
  border-radius:0!important;
  border-color:rgba(239,228,204,.20)!important;
  background:rgba(10,10,10,.54)!important;
  box-shadow:3px 3px 0 rgba(179,39,35,.18)!important;
}
body.shop-landing-page .collection-chips a:hover{
  border-color:rgba(239,228,204,.55)!important;
  box-shadow:4px 4px 0 rgba(207,46,40,.48)!important;
}
@media(max-width:680px){
  body.shop-landing-page .shop-logo-heading-v230{min-height:72px!important}
  body.shop-landing-page .shop-logo-heading-v230::before{font-size:70px}
  body.shop-landing-page .universe-browser{padding:18px 13px!important}
  body.shop-landing-page .universe-grid{gap:13px!important}
  body.shop-landing-page .universe-tile{border-width:3px!important;box-shadow:5px 5px 0 rgba(190,43,38,.76),0 14px 28px rgba(0,0,0,.34)!important}
  body.shop-landing-page .universe-tile>img,
  body.shop-landing-page .universe-tile>.universe-hover-video{inset:3px!important;width:calc(100% - 6px)!important;height:calc(100% - 6px)!important}
}

/* ===== rev262.css ===== */
/* =========================================================
   Rev262 — homepage balance, floating glass arrivals, restored Shop cards, product-image reliability
   ========================================================= */

/* Homepage opening balance */
.home-pulp-top-v259{
  grid-template-columns:minmax(330px,520px) minmax(285px,420px)!important;
  gap:clamp(32px,3.5vw,54px)!important;
  padding-left:clamp(42px,7.4vw,122px)!important;
  padding-right:clamp(18px,3vw,48px)!important;
}
.home-pulp-top-v259 .home-pulp-copy{
  transform:translate(18px,-10px)!important;
  align-self:center!important;
}
.home-pulp-top-v259 .home-pulp-copy h2{
  font-size:clamp(48px,5.2vw,82px)!important;
  line-height:.94!important;
  letter-spacing:-.025em!important;
  margin-bottom:18px!important;
}
.home-pulp-top-v259 .home-pulp-poster{
  width:min(100%,390px)!important;
  transform:translateX(24px) rotate(.18deg)!important;
}
.home-pulp-balance-v262{
  display:flex;align-items:center;gap:11px;flex-wrap:wrap;
  margin:0 0 24px 3px;color:rgba(239,236,226,.68);
  font:700 10px/1.2 "Bahnschrift SemiCondensed",Bahnschrift,"Arial Narrow",sans-serif;
  letter-spacing:1.45px;text-transform:uppercase;
}
.home-pulp-balance-v262 i{width:22px;height:1px;background:rgba(220,53,47,.68);box-shadow:0 0 8px rgba(220,53,47,.16)}
@media(max-width:820px){
  .home-pulp-top-v259{grid-template-columns:1fr!important;padding-left:20px!important;padding-right:20px!important}
  .home-pulp-top-v259 .home-pulp-copy,.home-pulp-top-v259 .home-pulp-poster{transform:none!important;justify-self:center!important}
  .home-pulp-balance-v262{justify-content:center}
}

/* Recently Added — floating glass inventory tiles */
#freshFromBin{padding-top:clamp(48px,6vw,78px)!important;padding-bottom:clamp(58px,7vw,96px)!important}
#freshFromBin .section-head{margin-bottom:26px!important}
#homeFreshProducts.home-fresh-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(18px,2vw,30px)!important;align-items:stretch!important;
}
#homeFreshProducts .home-product{
  position:relative!important;display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;
  min-width:0!important;min-height:168px!important;margin:0!important;overflow:hidden!important;
  border:1px solid rgba(255,255,255,.105)!important;border-radius:17px!important;
  background:linear-gradient(140deg,rgba(20,23,27,.46),rgba(6,8,11,.22))!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.22)!important;backdrop-filter:blur(24px) saturate(1.22)!important;
  box-shadow:0 24px 52px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.055)!important;
  transform:translateY(0)!important;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important;
}
#homeFreshProducts .home-product:nth-child(2),#homeFreshProducts .home-product:nth-child(5){transform:translateY(10px)!important}
#homeFreshProducts .home-product::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.065),transparent 27%,transparent 74%,rgba(219,50,44,.035));opacity:.7}
#homeFreshProducts .home-product:hover{transform:translateY(-5px)!important;border-color:rgba(255,255,255,.20)!important;box-shadow:0 30px 64px rgba(0,0,0,.34),0 0 0 1px rgba(215,48,43,.08),inset 0 1px 0 rgba(255,255,255,.08)!important}
#homeFreshProducts .home-product:nth-child(2):hover,#homeFreshProducts .home-product:nth-child(5):hover{transform:translateY(4px)!important}
#homeFreshProducts .home-product>a{display:flex!important;align-items:center!important;justify-content:center!important;padding:14px!important;background:rgba(0,0,0,.18)!important}
#homeFreshProducts .home-product>a img{width:100%!important;height:138px!important;object-fit:contain!important;border-radius:10px!important;filter:none!important}
#homeFreshProducts .home-product .info{padding:20px 18px 17px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important}
#homeFreshProducts .home-product h3{font-size:clamp(16px,1.25vw,20px)!important;line-height:1.05!important;margin:8px 0 17px!important}
#homeFreshProducts .home-product small{font-size:9px!important;line-height:1.35!important;letter-spacing:.8px!important;color:#df4a43!important}
#homeFreshProducts .home-product-meta{margin-top:auto!important}
@media(max-width:1100px){#homeFreshProducts.home-fresh-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){#homeFreshProducts.home-fresh-grid{grid-template-columns:1fr!important}#homeFreshProducts .home-product{grid-template-columns:116px minmax(0,1fr)!important}#homeFreshProducts .home-product:nth-child(2),#homeFreshProducts .home-product:nth-child(5){transform:none!important}}

/* SHOP — back to the sleek pre-comic cards, with a restrained red/glass spark. */
body.shop-landing-page .catalog-section::before{display:none!important}
body.shop-landing-page .shop-logo-heading-v230{
  width:clamp(210px,20vw,335px)!important;max-width:38vw!important;min-height:0!important;
  margin:0 0 7px!important;transform:scaleY(.91)!important;transform-origin:left center!important;display:block!important;
}
body.shop-landing-page .shop-logo-heading-v230::before,body.shop-landing-page .shop-logo-heading-v230::after{display:none!important;content:none!important}
body.shop-landing-page .shop-logo-heading-v230 img{
  display:block!important;width:100%!important;height:auto!important;
  filter:drop-shadow(0 9px 15px rgba(0,0,0,.72)) drop-shadow(0 0 12px rgba(214,45,40,.12))!important;
}
body.shop-landing-page .universe-browser{
  padding:clamp(22px,3vw,36px)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(14,16,19,.40),rgba(5,7,10,.24))!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.10)!important;backdrop-filter:blur(18px) saturate(1.10)!important;
  box-shadow:0 25px 68px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
body.shop-landing-page .universe-grid{gap:clamp(14px,1.55vw,23px)!important;padding:8px 4px 18px!important}
body.shop-landing-page .universe-tile,body.shop-landing-page .universe-tile:nth-child(even){
  padding:0!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:13px!important;
  background:rgba(5,7,9,.72)!important;box-shadow:0 12px 32px rgba(0,0,0,.22)!important;
  transform:none!important;overflow:hidden!important;
}
body.shop-landing-page .universe-tile>img,body.shop-landing-page .universe-tile>.universe-hover-video{
  inset:0!important;width:100%!important;height:100%!important;
}
body.shop-landing-page .universe-tile:hover,body.shop-landing-page .universe-tile:focus-visible{
  transform:translateY(-5px) scale(1.008)!important;border-color:rgba(255,255,255,.19)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.36),0 0 0 1px rgba(224,54,48,.10),0 0 30px rgba(213,45,40,.08)!important;
}
body.shop-landing-page .collection-chips a{border-radius:9px!important;border-color:rgba(255,255,255,.09)!important;background:rgba(9,11,14,.44)!important;box-shadow:none!important}
body.shop-landing-page .collection-chips a:hover{border-color:rgba(218,54,49,.32)!important;box-shadow:0 0 24px rgba(211,48,43,.07)!important}

/* Product gallery — use an actual eager image, not a CSS background image. */
.product-page .product-photo-stage{background-image:none!important;position:relative!important;overflow:hidden!important}
.product-page .bb-main-product-image-v262{
  position:absolute;inset:34px 34px 126px 34px;width:calc(100% - 68px);height:calc(100% - 160px);
  object-fit:contain;object-position:center center;display:block;z-index:0;
  opacity:1;filter:none;transform:translateZ(0);
}
.product-page .product-thumbs,.product-page .shop-scene-label,.product-page .bb-gallery-chrome{position:relative;z-index:3}
.product-page .product-photo-stage::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 78% 74% at 50% 46%,transparent 58%,rgba(0,0,0,.16) 100%)}
@media(max-width:720px){.product-page .bb-main-product-image-v262{inset:26px 18px 112px 18px;width:calc(100% - 36px);height:calc(100% - 138px)}}

/* ===== rev263.css ===== */
/* =========================================================
   Rev263 — Product gallery alignment / thumbnail rail cleanup
   ========================================================= */

/* The gallery is one deliberate composition: image above, thumbnails below. */
.product-page .shop-art.product-photo-stage{
  position:relative!important;
  overflow:hidden!important;
  height:650px!important;
  min-height:650px!important;
  background-image:none!important;
  background-color:rgba(7,9,11,.92)!important;
}

.product-page .bb-main-product-image-v262{
  position:absolute!important;
  top:34px!important;
  left:72px!important;
  right:72px!important;
  bottom:116px!important;
  width:calc(100% - 144px)!important;
  height:calc(100% - 150px)!important;
  display:block!important;
  object-fit:contain!important;
  object-position:center center!important;
  z-index:2!important;
  margin:0!important;
  max-width:none!important;
  max-height:none!important;
}

/* Dedicated shelf beneath the main image. Never allow thumbs to float over it. */
.product-page .product-thumbs{
  position:absolute!important;
  left:72px!important;
  right:72px!important;
  bottom:20px!important;
  height:76px!important;
  max-width:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  padding:8px 10px!important;
  margin:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  z-index:8!important;
  background:linear-gradient(180deg,rgba(12,14,17,.68),rgba(5,6,8,.82))!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(14px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
  scrollbar-width:thin!important;
}
.product-page .product-thumbs::before{
  content:"";
  position:absolute;
  left:12px;right:12px;top:-13px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);
  pointer-events:none;
}
.product-page .product-thumbs button{
  position:relative!important;
  flex:0 0 58px!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  padding:4px!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:#060709!important;
  box-shadow:none!important;
  transform:none!important;
  cursor:pointer!important;
}
.product-page .product-thumbs button:hover{
  border-color:rgba(255,255,255,.38)!important;
  transform:translateY(-1px)!important;
}
.product-page .product-thumbs button.active{
  border-color:#e33b35!important;
  box-shadow:0 0 0 1px rgba(227,59,53,.30),0 0 18px rgba(227,59,53,.20)!important;
}
.product-page .product-thumbs img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#050608!important;
  transform:none!important;
}

/* The modern counter already says which photo is active; lose the duplicate label. */
.product-page .shop-scene-label{display:none!important}
.product-page .bb-gallery-chrome{
  position:absolute!important;
  inset:0!important;
  z-index:9!important;
  pointer-events:none!important;
}
.product-page .bb-gallery-count{
  top:18px!important;left:18px!important;
  z-index:10!important;
}
.product-page .bb-gallery-full{
  top:18px!important;right:18px!important;
  z-index:10!important;
}
.product-page .bb-gallery-nav{
  top:44%!important;
  z-index:10!important;
  width:46px!important;
  height:58px!important;
  background:rgba(5,6,8,.58)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.product-page .bb-gallery-nav.prev{left:18px!important}
.product-page .bb-gallery-nav.next{right:18px!important}

/* Single-image products do not need a fake thumbnail shelf. */
.product-page .product-photo-stage.bb-gallery-single .product-thumbs{display:none!important}
.product-page .product-photo-stage.bb-gallery-single .bb-gallery-nav,
.product-page .product-photo-stage.bb-gallery-single .bb-gallery-count{display:none!important}
.product-page .product-photo-stage.bb-gallery-single .bb-main-product-image-v262{
  bottom:34px!important;
  height:calc(100% - 68px)!important;
}

@media(max-width:1000px){
  .product-page .shop-art.product-photo-stage{
    height:590px!important;
    min-height:590px!important;
  }
  .product-page .bb-main-product-image-v262{
    left:56px!important;right:56px!important;
    width:calc(100% - 112px)!important;
  }
  .product-page .product-thumbs{left:44px!important;right:44px!important}
}

@media(max-width:720px){
  .product-page .shop-art.product-photo-stage{
    height:510px!important;
    min-height:510px!important;
  }
  .product-page .bb-main-product-image-v262{
    top:44px!important;
    left:18px!important;right:18px!important;bottom:106px!important;
    width:calc(100% - 36px)!important;
    height:calc(100% - 150px)!important;
  }
  .product-page .product-thumbs{
    left:12px!important;right:12px!important;bottom:14px!important;
    height:72px!important;
    justify-content:flex-start!important;
  }
  .product-page .product-thumbs button{
    flex-basis:54px!important;width:54px!important;height:54px!important;
    min-width:54px!important;min-height:54px!important;
  }
  .product-page .bb-gallery-nav{top:43%!important;width:42px!important;height:54px!important}
  .product-page .bb-gallery-nav.prev{left:10px!important}
  .product-page .bb-gallery-nav.next{right:10px!important}
  .product-page .product-photo-stage.bb-gallery-single .bb-main-product-image-v262{
    bottom:26px!important;height:calc(100% - 70px)!important;
  }
}

/* ===== rev264.css ===== */
/* =========================================================
   Rev264 — category cleanup, contact/background polish, About balance,
   product gallery hover lock, restored BatPig navigation mark.
   ========================================================= */

/* Category pages: the environment and logo should stand on their own. */
.category-page .category-products-head>p{display:none!important}
.category-page .category-products-head::after{display:none!important;content:none!important}
.category-page .category-hero{border-bottom:0!important}
.category-page .category-logo-heading::after,
.category-page .category-hero-copy::after{display:none!important;content:none!important}

/* Header: restored standalone BatPig. Keep it crisp and intentionally icon-sized. */
.bb-site-header .shop-brand>img{
  width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;
  object-fit:contain!important;border-radius:50%!important;
  filter:drop-shadow(0 0 10px rgba(210,45,40,.16))!important;
}

/* Product gallery arrows: preserve gleam/glow, absolutely no hover movement. */
.product-page .bb-gallery-nav,
.product-page .bb-gallery-nav:hover,
.product-page .bb-gallery-nav:focus,
.product-page .bb-gallery-nav:focus-visible,
.product-page .bb-gallery-nav:active{
  transform:none!important;
  translate:none!important;
  margin-top:0!important;
}
.product-page .bb-gallery-nav:hover{
  filter:brightness(1.13)!important;
  box-shadow:0 0 0 1px rgba(227,59,53,.28),0 0 22px rgba(227,59,53,.14),inset 0 0 18px rgba(255,255,255,.035)!important;
}

/* Contact: softer image dissolve with no visible feather 'orb' edge. */
.contact-page .bb-contact-shell::before{
  top:-8px!important;
  width:min(1080px,90vw)!important;
  opacity:.155!important;
  filter:brightness(.72) saturate(.78) contrast(1.02)!important;
  -webkit-mask-image:radial-gradient(ellipse 76% 72% at 50% 45%,#000 0 42%,rgba(0,0,0,.82) 60%,rgba(0,0,0,.38) 78%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 76% 72% at 50% 45%,#000 0 42%,rgba(0,0,0,.82) 60%,rgba(0,0,0,.38) 78%,transparent 100%)!important;
  box-shadow:none!important;
}
.contact-page .bb-contact-card,.contact-page .bb-contact-side>article{
  background:linear-gradient(180deg,rgba(10,12,15,.955),rgba(6,7,9,.965))!important;
}

/* Contact send confirmation: unmistakable, compact, and leaves form ready for another note. */
.contact-page .bb-contact-status{
  min-height:0!important;margin:0!important;padding:0!important;border:0!important;
  opacity:0;transform:translateY(-3px);overflow:hidden;
  transition:opacity .22s ease,transform .22s ease,padding .22s ease,margin .22s ease,border-color .22s ease;
}
.contact-page .bb-contact-status:not(:empty){
  opacity:1;transform:none;margin:2px 0 4px!important;padding:13px 15px!important;
  border:1px solid rgba(86,196,105,.28)!important;
  background:linear-gradient(90deg,rgba(35,112,52,.15),rgba(8,14,10,.72))!important;
  color:#9be5a5!important;font-weight:750!important;letter-spacing:.025em!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
}
.contact-page .bb-contact-status:not(:empty)::before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:9px;border:1px solid rgba(109,224,126,.38);border-radius:50%;color:#8eea9b;font-weight:900;vertical-align:-2px}
.contact-page .bb-contact-status.is-error:not(:empty){border-color:rgba(255,104,96,.30)!important;background:rgba(105,25,22,.16)!important;color:#ff9a94!important}
.contact-page .bb-contact-status.is-error:not(:empty)::before{content:"!";color:#ff9a94;border-color:rgba(255,104,96,.35)}

/* About: ease the reddish orb and use the retired square logo as an intentional artifact. */
.about-page .about-origin-story{
  background:
    radial-gradient(circle at 84% 18%,rgba(227,58,50,.028),transparent 35%),
    #050505!important;
}
.about-page .about-origin-story::after{
  opacity:.42!important;
  background:linear-gradient(180deg,rgba(5,5,5,.50) 0%,rgba(5,5,5,.08) 26%,rgba(5,5,5,.04) 58%,rgba(5,5,5,.42) 84%,#050505 100%)!important;
}
.about-page .origin-story-balance{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:28px;align-items:end;min-width:0}
.about-page .origin-story-balance>p{align-self:start}
.about-page .bb-about-tech-mark{margin:0;display:grid;justify-items:center;gap:8px;padding:14px 14px 11px;border:1px solid rgba(255,255,255,.075);background:rgba(7,9,12,.40);box-shadow:0 18px 42px rgba(0,0,0,.22);backdrop-filter:blur(10px)}
.about-page .bb-about-tech-mark img{display:block;width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 12px 26px rgba(0,0,0,.42))}
.about-page .bb-about-tech-mark figcaption{color:#777d84;font:700 8px/1.2 Bahnschrift,Arial,sans-serif;letter-spacing:.18em;text-align:center}
@media(max-width:980px){.about-page .origin-story-balance{grid-template-columns:1fr 148px}.about-page .bb-about-tech-mark img{width:116px;height:116px}}
@media(max-width:700px){.about-page .origin-story-balance{grid-template-columns:1fr}.about-page .bb-about-tech-mark{width:150px;justify-self:start}.about-page .bb-about-tech-mark img{width:120px;height:120px}}

/* Horror: stop fighting the source image with layered edge bands. One broad, natural vignette. */
.category-page.category-horror::before{
  background-image:url('images/category-pages/horrorbackg-v244-enhanced.png?v=244')!important;
  background-position:center 28px!important;
  background-size:min(1180px,84vw) auto!important;
  opacity:.34!important;
  filter:brightness(.78) saturate(.92) contrast(1.015)!important;
  -webkit-mask-image:radial-gradient(ellipse 82% 76% at 50% 32%,#000 0 44%,rgba(0,0,0,.84) 61%,rgba(0,0,0,.42) 78%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 82% 76% at 50% 32%,#000 0 44%,rgba(0,0,0,.84) 61%,rgba(0,0,0,.42) 78%,transparent 100%)!important;
  box-shadow:none!important;
}
.category-page.category-horror::after{
  background:linear-gradient(180deg,rgba(0,0,0,.10) 0%,transparent 28%,transparent 58%,rgba(0,0,0,.24) 77%,#000 100%)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
@media(max-width:900px){.category-page.category-horror::before{background-size:auto 640px!important;background-position:center 50px!important;opacity:.31!important}}
@media(max-width:560px){.category-page.category-horror::before{background-size:auto 535px!important;background-position:center 58px!important;opacity:.29!important}}