/* ===== 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)}}

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