/* =========================================================
   THE BACON BIN — REV275K
   Rendering cleanup + product discovery alignment + canonical title scale.
   This file intentionally loads LAST.

   Feathering rule for this revision:
   - no mask-image on large environment layers
   - no CSS radial/linear gradients used as scene feathering
   - edge fade comes from high-resolution dithered raster overlays
   ========================================================= */

/* ---------------------------------------------------------
   1) ONE TITLE SCALE FOR ALL UNIFIED TITLE PAGES
   Match the compact approved Shop/Cart/BITS family, including category pages.
   --------------------------------------------------------- */
html body#bb-test-font-lock.bb-unified-title-page .bb-unified-page-title{
  font-size:clamp(34px,3.25vw,50px)!important;
  line-height:.90!important;
  letter-spacing:-.044em!important;
}
html body#bb-test-font-lock.bb-unified-title-page .bb-unified-page-hero.bb-title-long .bb-unified-page-title{
  font-size:clamp(31px,2.95vw,45px)!important;
  line-height:.92!important;
  letter-spacing:-.041em!important;
}
html body#bb-test-font-lock.bb-unified-title-page .bb-unified-page-hero.bb-title-xlong .bb-unified-page-title{
  font-size:clamp(28px,2.65vw,40px)!important;
  line-height:.95!important;
  letter-spacing:-.035em!important;
}
html body#bb-test-font-lock.bb-unified-title-page .bb-unified-page-hero::before{
  font-size:clamp(76px,8.8vw,128px)!important;
  bottom:-18px!important;
}
@media(max-width:680px){
  html body#bb-test-font-lock.bb-unified-title-page .bb-unified-page-title{
    font-size:clamp(38px,11.5vw,52px)!important;
  }
  html body#bb-test-font-lock.bb-unified-title-page .bb-unified-page-hero.bb-title-long .bb-unified-page-title{
    font-size:clamp(34px,10.2vw,46px)!important;
  }
  html body#bb-test-font-lock.bb-unified-title-page .bb-unified-page-hero.bb-title-xlong .bb-unified-page-title{
    font-size:clamp(30px,9.1vw,40px)!important;
  }
}

/* ---------------------------------------------------------
   2) PRODUCT DISCOVERY — RELATED FINDS / RECENTLY VIEWED
   Both groups get the same inset, alignment and glass surface.
   Kickers (KEEP DIGGING / YOUR TRAIL) are removed.
   --------------------------------------------------------- */
html body#bb-test-font-lock.product-page .bb-product-discovery{
  width:min(1380px,calc(100% - 56px))!important;
  max-width:1380px!important;
  margin:0 auto!important;
  padding:30px 0 54px!important;
  display:grid!important;
  gap:22px!important;
  box-sizing:border-box!important;
}
html body#bb-test-font-lock.product-page .bb-product-discovery .bb-discovery-group{
  min-width:0!important;
  padding:22px clamp(20px,2.2vw,30px) 26px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:14px!important;
  background:rgba(8,10,12,.68)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 46px rgba(0,0,0,.20)!important;
  box-sizing:border-box!important;
}
html body#bb-test-font-lock.product-page .bb-product-discovery .catalog-kicker{
  display:none!important;
}
html body#bb-test-font-lock.product-page .bb-product-discovery .bb-discovery-head{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  margin:0 0 16px!important;
  padding:0 0 13px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  min-height:0!important;
}
html body#bb-test-font-lock.product-page .bb-product-discovery .bb-discovery-head h2{
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  font-size:clamp(23px,2vw,30px)!important;
  line-height:1!important;
}
html body#bb-test-font-lock.product-page .bb-product-discovery .bb-mini-grid{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  gap:12px!important;
}
@media(max-width:720px){
  html body#bb-test-font-lock.product-page .bb-product-discovery{
    width:calc(100% - 28px)!important;
    padding:22px 0 42px!important;
  }
  html body#bb-test-font-lock.product-page .bb-product-discovery .bb-discovery-group{
    padding:18px 16px 20px!important;
  }
}

/* ---------------------------------------------------------
   3) REMOVE MASK-BASED FEATHERING FROM ACTIVE SCENE LAYERS
   These declarations deliberately neutralize older revision masks.
   --------------------------------------------------------- */
html body#bb-test-font-lock.bb-unified-title-page .bb-unified-page-hero::after,
html body#bb-test-font-lock.category-page::before,
html body#bb-test-font-lock.category-page::after,
html body#bb-test-font-lock.shop-landing-page::before,
html body#bb-test-font-lock.shop-landing-page::after,
html body#bb-test-font-lock.cart-page::before,
html body#bb-test-font-lock.cart-page::after,
html body#bb-test-font-lock:is(.info-page,.account-page,.newsletter-page,.wishlist-page)::before,
html body#bb-test-font-lock.contact-page .bb-contact-shell::before,
html body#bb-test-font-lock.contact-page .bb-contact-shell::after,
html body#bb-test-font-lock .home-ambient-static-v231,
html body#bb-test-font-lock .home-storefront-environment-image-v238,
html body#bb-test-font-lock .home-ambient-video-shell::after,
html body#bb-test-font-lock.bits-page .bits-video-environment-v239::after,
html body#bb-test-font-lock.arcade-hub-page .bb-arcade-poster-main::after,
html body#bb-test-font-lock.about-page .about-memory-toy-aisle,
html body#bb-test-font-lock.about-page .about-memory-computer,
html body#bb-test-font-lock.about-page .origin-family-vignette img,
html body#bb-test-font-lock.about-page .origin-photo-one img,
html body#bb-test-font-lock.about-page .origin-photo-two img,
html body#bb-test-font-lock.about-page .bb-about275a-memory-strip figure:nth-child(2) img,
html body#bb-test-font-lock .hero-home::before,
html body#bb-test-font-lock .hero-home .home-reveal-stage,
html body#bb-test-font-lock .home-character-montage-v272j{
  -webkit-mask-image:none!important;
  mask-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  will-change:auto!important;
  image-rendering:auto!important;
}

/* ---------------------------------------------------------
   4) CATEGORY SCENES — RASTER VIGNETTE, NOT CSS GRADIENTS
   Generic categories have no scene art, so do not manufacture a giant oval.
   --------------------------------------------------------- */
html body#bb-test-font-lock.category-page::after{
  background-image:url('images/rev275k/vignette-wide-dither-v275k.png?v=275k')!important;
  background-position:center!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  background-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
}
html body#bb-test-font-lock.category-page::before{
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
}
html body#bb-test-font-lock.category-page:is(.category-action-figures,.category-collectibles,.category-grail)::before{
  background:none!important;
  opacity:0!important;
  filter:none!important;
}
html body#bb-test-font-lock.category-page:is(.category-action-figures,.category-collectibles,.category-grail)::after{
  background:none!important;
  box-shadow:none!important;
  opacity:0!important;
}

/* Vintage: use the new dithered high-res alpha source, with no CSS mask/gradient. */
html body#bb-test-font-lock.category-page.category-vintage-toys::before{
  background-image:url('images/rev275k/vintage-toys-bg-v275k-dither.png?v=275k')!important;
  background-position:center 20px!important;
  background-repeat:no-repeat!important;
  background-size:min(1203px,96vw) auto!important;
  opacity:.19!important;
  filter:brightness(.76) saturate(1.08) contrast(1.035)!important;
  transform:none!important;
}
@media(max-width:800px){
  html body#bb-test-font-lock.category-page.category-vintage-toys::before{
    background-size:auto 800px!important;
    background-position:center 34px!important;
    opacity:.17!important;
  }
}
@media(max-width:520px){
  html body#bb-test-font-lock.category-page.category-vintage-toys::before{
    background-size:auto 670px!important;
    background-position:center 38px!important;
    opacity:.15!important;
  }
}

/* ---------------------------------------------------------
   5) UTILITY / ACCOUNT / NEWSLETTER / WISHLIST CANVAS
   One background image + a dithered raster vignette. No radial mask/gradient.
   --------------------------------------------------------- */
html body#bb-test-font-lock:is(.info-page,.account-page,.newsletter-page,.wishlist-page)::before{
  background-image:
    url('images/rev275k/vignette-tall-dither-v275k.png?v=275k'),
    url('images/home-wall-static-after.webp')!important;
  background-position:center,center 26%!important;
  background-size:100% 100%,cover!important;
  background-repeat:no-repeat,no-repeat!important;
  opacity:.28!important;
  filter:brightness(.72) saturate(.82) contrast(1.02)!important;
  box-shadow:none!important;
  transform:translateX(-50%)!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
}

/* ---------------------------------------------------------
   6) CONTACT — dithered high-res communicator + raster vignette/wall.
   --------------------------------------------------------- */
html body#bb-test-font-lock.contact-page .bb-contact-shell::before{
  background-image:url('images/rev275k/communicate-bg-v275k-dither.png?v=275k')!important;
  background-position:center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  width:min(1040px,92vw)!important;
  top:12px!important;
  opacity:.15!important;
  filter:brightness(.88) saturate(.82) contrast(1.01)!important;
  transform:translateX(-50%)!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
}
html body#bb-test-font-lock.contact-page .bb-contact-shell::after{
  background-image:
    url('images/rev275k/vignette-wide-dither-v275k.png?v=275k'),
    url('images/home-wall-static-after.webp')!important;
  background-position:center,center 42%!important;
  background-size:100% 100%,cover!important;
  background-repeat:no-repeat,no-repeat!important;
  background-color:#050506!important;
  opacity:.72!important;
  filter:brightness(.50) saturate(.78)!important;
  box-shadow:none!important;
  transform:none!important;
}

/* ---------------------------------------------------------
   7) SHOP / CART / HOME / BITS — same raster feather system.
   Source art remains on its source layer; this only darkens the perimeter.
   --------------------------------------------------------- */
html body#bb-test-font-lock.shop-landing-page::after,
html body#bb-test-font-lock.cart-page::after,
html body#bb-test-font-lock .home-ambient-video-shell::after,
html body#bb-test-font-lock.bits-page .bits-video-environment-v239::after{
  background-image:url('images/rev275k/vignette-wide-dither-v275k.png?v=275k')!important;
  background-position:center!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  background-color:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  opacity:1!important;
}

/* ---------------------------------------------------------
   8) ARCADE WIRING — baked-alpha feathered artwork, no CSS mask.
   --------------------------------------------------------- */
html body#bb-test-font-lock.arcade-hub-page .bb-arcade-poster-main::after{
  content:""!important;
  background-image:url('images/rev275k/arcade-circuit-v275k-feathered.png?v=275k')!important;
  background-position:center top!important;
  background-size:1480px auto!important;
  background-repeat:no-repeat!important;
  background-color:transparent!important;
  opacity:.38!important;
  filter:brightness(.98) saturate(.52) contrast(.98)!important;
  mix-blend-mode:screen!important;
  box-shadow:none!important;
}
@media(max-width:1100px){
  html body#bb-test-font-lock.arcade-hub-page .bb-arcade-poster-main::after{background-size:1240px auto!important;opacity:.32!important}
}
@media(max-width:680px){
  html body#bb-test-font-lock.arcade-hub-page .bb-arcade-poster-main::after{background-size:980px auto!important;opacity:.25!important}
}

/* ---------------------------------------------------------
   9) ABOUT LOOSE CHILDHOOD PHOTO — no CSS mask. Use a dithered black
   overlay at the bottom to create the same optical dissolve against black.
   --------------------------------------------------------- */
html body#bb-test-font-lock.about-page .bb-about275a-memory-strip figure:nth-child(2){
  position:relative!important;
}
html body#bb-test-font-lock.about-page .bb-about275a-memory-strip figure:nth-child(2)::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:3!important;
  pointer-events:none!important;
  left:-2%!important;
  right:-2%!important;
  bottom:-2%!important;
  height:46%!important;
  background:url('images/rev275k/bottom-fade-dither-v275k.png?v=275k') center bottom/100% 100% no-repeat!important;
}
html body#bb-test-font-lock.about-page .bb-about275a-memory-strip figure:nth-child(2) img{
  position:relative!important;
  z-index:2!important;
}

/* ---------------------------------------------------------
   10) NAVBAR BALANCE + OBVIOUS MULTICOLOR ARCADE HOVER
   --------------------------------------------------------- */
@media(min-width:1180px){
  html body:not(.bb-cabinet-embed) .bb-site-header .bb-site-nav{
    gap:clamp(31px,2.25vw,44px)!important;
    justify-content:center!important;
  }
}
@media(hover:hover) and (pointer:fine){
  html body#bb-test-font-lock .shop-nav > a[href$="arcade.html"]:not(.bb-ebay-nav) .bb-nav-word{
    overflow:visible!important;
  }
  html body#bb-test-font-lock .shop-nav > a[href$="arcade.html"]:not(.bb-ebay-nav):hover,
  html body#bb-test-font-lock .shop-nav > a[href$="arcade.html"]:not(.bb-ebay-nav):focus-visible{
    color:#fff!important;
    transform:translateY(-1px) scale(1.045)!important;
    text-shadow:0 0 4px #fff,0 0 10px rgba(255,61,207,.72),0 0 18px rgba(53,216,255,.58)!important;
  }
  html body#bb-test-font-lock .shop-nav > a[href$="arcade.html"]:not(.bb-ebay-nav):hover .bb-nav-letter:nth-child(1),
  html body#bb-test-font-lock .shop-nav > a[href$="arcade.html"]:not(.bb-ebay-nav):focus-visible .bb-nav-letter:nth-child(1){color:#61efff!important;text-shadow:0 0 5px #61efff,0 0 13px #22c7ff!important}
  html body#bb-test-font-lock .shop-nav > a[href$="arcade.html"]:not(.bb-ebay-nav):hover .bb-nav-letter:nth-child(2),
  html body#bb-test-font-lock .shop-nav > a[href$="arcade.html"]:not(.bb-ebay-nav):focus-visible .bb-nav-letter:nth-child(2){color:#84a8ff!important;text-shadow:0 0 5px #84a8ff,0 0 13px #6d65ff!important}
  html body#bb-test-font-lock .shop-nav > a[href$="arcade.html"]:not(.bb-ebay-nav):hover .bb-nav-letter:nth-child(3),
  html body#bb-test-font-lock .shop-nav > a[href$="arcade.html"]:not(.bb-ebay-nav):focus-visible .bb-nav-letter:nth-child(3){color:#c478ff!important;text-shadow:0 0 5px #c478ff,0 0 13px #9d4cff!important}
  html body#bb-test-font-lock .shop-nav > a[href$="arcade.html"]:not(.bb-ebay-nav):hover .bb-nav-letter:nth-child(4),
  html body#bb-test-font-lock .shop-nav > a[href$="arcade.html"]:not(.bb-ebay-nav):focus-visible .bb-nav-letter:nth-child(4){color:#ff66d9!important;text-shadow:0 0 5px #ff66d9,0 0 13px #ff2cae!important}
  html body#bb-test-font-lock .shop-nav > a[href$="arcade.html"]:not(.bb-ebay-nav):hover .bb-nav-letter:nth-child(5),
  html body#bb-test-font-lock .shop-nav > a[href$="arcade.html"]:not(.bb-ebay-nav):focus-visible .bb-nav-letter:nth-child(5){color:#ff7d8f!important;text-shadow:0 0 5px #ff7d8f,0 0 13px #ff445f!important}
  html body#bb-test-font-lock .shop-nav > a[href$="arcade.html"]:not(.bb-ebay-nav):hover .bb-nav-letter:nth-child(6),
  html body#bb-test-font-lock .shop-nav > a[href$="arcade.html"]:not(.bb-ebay-nav):focus-visible .bb-nav-letter:nth-child(6){color:#ffb15d!important;text-shadow:0 0 5px #ffb15d,0 0 13px #ff6745!important}
  html body#bb-test-font-lock .shop-nav > a[href$="arcade.html"]:not(.bb-ebay-nav):hover::before,
  html body#bb-test-font-lock .shop-nav > a[href$="arcade.html"]:not(.bb-ebay-nav):focus-visible::before{
    opacity:1!important;
    background:linear-gradient(90deg,transparent 0%,#25e6ff 14%,#7675ff 30%,#d75cff 46%,#ff52c6 62%,#ff617d 78%,#ffad55 90%,transparent 100%)!important;
    box-shadow:0 0 8px rgba(86,232,255,.72),0 0 15px rgba(213,76,255,.58),0 0 22px rgba(255,71,145,.46)!important;
  }
}