:root{--foundation-red:#d73530;--foundation-cream:#f4ead4;--foundation-muted:#aaa49a;--foundation-line:#292522}body{background:#050505}.catalog-kicker{color:var(--foundation-red);display:block;font-size:11px;font-weight:900;letter-spacing:2.2px;margin-bottom:15px}.catalog-hero{align-items:stretch;background:#080706;display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,.86fr);min-height:650px}.catalog-hero-copy{align-self:center;padding:clamp(65px,8vw,130px)}.catalog-hero h1,.about-hero h1{color:white;font-size:clamp(54px,7vw,108px);letter-spacing:-.065em;line-height:.86;margin:0 0 30px}.catalog-hero h1 strong,.about-hero h1 strong{color:var(--foundation-red)}.catalog-hero-copy>p,.about-hero p{color:#c4beb4;font-size:clamp(17px,1.5vw,22px);line-height:1.65;margin:0 0 35px;max-width:670px}.catalog-primary,.cart-empty a{background:linear-gradient(135deg,#a8211c,var(--foundation-red));border:1px solid var(--foundation-red);border-radius:3px;color:white;display:inline-block;font-size:12px;font-weight:900;letter-spacing:1px;padding:17px 22px;text-decoration:none}.catalog-hero-card{align-content:end;background-image:linear-gradient(0deg,rgba(0,0,0,.96),transparent 58%),linear-gradient(90deg,#080706 0,transparent 23%),url("images/shop-grail-scene.jpg");background-position:center;background-size:cover;display:grid;padding:56px}.catalog-hero-card span{color:var(--foundation-red);font-size:10px;font-weight:900;letter-spacing:2px}.catalog-hero-card b{font-size:clamp(36px,5vw,72px);letter-spacing:-.04em;margin-top:7px}.catalog-hero-card small{color:#bdb5a9;font-size:13px;margin-top:5px}.catalog-section,.category-worlds{padding:clamp(70px,8vw,120px) clamp(24px,6vw,96px)}.catalog-heading{align-items:end;display:flex;gap:50px;justify-content:space-between;margin:0 auto 38px;max-width:1500px}.catalog-heading h2,.about-story h2,.about-contact h2{font-size:clamp(36px,5vw,68px);letter-spacing:-.05em;line-height:.95;margin:0}.catalog-heading>p{color:var(--foundation-muted);line-height:1.65;margin:0;max-width:520px}.catalog-controls{margin:0 auto 34px;max-width:1500px}.catalog-search{align-items:center;background:#0e0d0c;border:1px solid var(--foundation-line);display:flex;max-width:520px;padding:0 18px}.catalog-search span{color:var(--foundation-red);font-size:22px}.catalog-search input{background:transparent;border:0;color:white;font-size:15px;outline:0;padding:17px 14px;width:100%}.catalog-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.catalog-filters button{background:#0e0d0c;border:1px solid var(--foundation-line);color:#cfc8bd;cursor:pointer;font-size:10px;font-weight:900;letter-spacing:.9px;padding:11px 13px}.catalog-filters button:hover,.catalog-filters button.active{background:rgba(215,53,48,.17);border-color:#8f2824;color:white}.catalog-grid{display:grid;gap:22px;grid-template-columns:minmax(280px,1fr) minmax(300px,.72fr);margin:0 auto;max-width:1500px}.product-card{background:#0d0c0b;border:1px solid var(--foundation-line);display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(260px,.9fr);min-height:440px}.product-card[hidden]{display:none}.product-card-image{overflow:hidden;position:relative}.product-card-image img{display:block;height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.product-card-image:hover img{transform:scale(1.025)}.product-card-image>span{background:var(--foundation-red);bottom:18px;color:white;font-size:9px;font-weight:900;left:18px;letter-spacing:1.1px;padding:8px 10px;position:absolute}.product-card-body{align-self:center;padding:clamp(28px,4vw,56px)}.product-card-body>small{color:var(--foundation-red);font-size:9px;font-weight:900;letter-spacing:1.1px}.product-card h3{font-size:clamp(38px,4vw,62px);letter-spacing:-.05em;margin:9px 0 25px}.product-card h3 a{color:white;text-decoration:none}.product-card-meta{align-items:center;border-bottom:1px solid var(--foundation-line);border-top:1px solid var(--foundation-line);display:flex;justify-content:space-between;padding:18px 0}.product-card-meta b{color:var(--foundation-red);font-size:25px}.product-card-meta span{color:#77d849;font-size:10px;font-weight:900;letter-spacing:1px}.product-card-actions{display:grid;gap:9px;grid-template-columns:1fr 1fr;margin-top:23px}.product-card-actions a,.product-card-actions button{align-items:center;background:transparent;border:1px solid #514c46;color:white;cursor:pointer;display:flex;font-size:10px;font-weight:900;justify-content:center;letter-spacing:.7px;min-height:48px;padding:10px;text-decoration:none}.product-card-actions button{background:var(--foundation-red);border-color:var(--foundation-red)}.catalog-loading-card{align-content:center;background:linear-gradient(140deg,#17100e,#090807 60%);border:1px solid var(--foundation-line);display:grid;padding:clamp(34px,5vw,65px)}.catalog-loading-card h3{font-size:clamp(30px,3.5vw,50px);letter-spacing:-.04em;line-height:1;margin:0 0 20px}.catalog-loading-card p{color:var(--foundation-muted);line-height:1.7;margin:0 0 28px}.catalog-loading-card a,.about-contact a{color:white;font-size:11px;font-weight:900;letter-spacing:1px;text-decoration-color:var(--foundation-red);text-underline-offset:7px}.catalog-empty{background:#100d0c;border:1px solid #342925;color:#c9c1b5;margin:20px auto 0;max-width:1500px;padding:25px}.category-worlds{background:#090909;border-top:1px solid #201f1d}.category-world-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;max-width:1500px}.category-world-grid article{align-content:end;aspect-ratio:4/5;background-image:linear-gradient(0deg,rgba(0,0,0,.94),transparent 62%),var(--world);background-position:center;background-size:cover;border:1px solid #292522;display:grid;padding:23px}.category-world-grid b{font-size:17px;letter-spacing:1px}.category-world-grid span{color:#aaa49a;font-size:11px;line-height:1.5;margin-top:5px}.cart-shell{display:grid;gap:50px;grid-template-columns:minmax(0,1fr) minmax(330px,440px);margin:0 auto;max-width:1500px;min-height:calc(100vh - 152px);padding:clamp(60px,8vw,120px) clamp(24px,6vw,96px)}.cart-main h1{font-size:clamp(50px,7vw,94px);letter-spacing:-.06em;margin:0 0 40px}.cart-items{display:grid;gap:12px}.cart-item{align-items:center;background:#0c0b0a;border:1px solid var(--foundation-line);display:grid;gap:20px;grid-template-columns:130px 1fr auto;padding:14px}.cart-item img{height:105px;object-fit:cover;width:130px}.cart-item h2{font-size:20px;margin:0 0 7px}.cart-item p{color:var(--foundation-muted);font-size:12px;margin:0}.cart-item-controls{align-items:center;display:flex;gap:10px;margin-top:14px}.cart-item-controls button{background:#171412;border:1px solid #3b3733;color:white;cursor:pointer;height:30px;width:30px}.cart-item-controls span{font-size:13px;font-weight:900;min-width:20px;text-align:center}.cart-item-controls .cart-remove{border:0;color:#bcb5aa;margin-left:10px;width:auto}.cart-item-price{color:var(--foundation-red);font-size:20px;font-weight:900;padding-right:12px}.cart-empty{background:#0c0b0a;border:1px solid var(--foundation-line);padding:55px;text-align:center}.cart-empty img{height:80px;object-fit:contain;width:80px}.cart-empty h2{font-size:34px;margin:18px 0 8px}.cart-empty p{color:var(--foundation-muted);margin:0 0 25px}.cart-summary{align-self:start;background:#0c0b0a;border:1px solid var(--foundation-line);padding:32px;position:sticky;top:25px}.cart-summary>div{align-items:center;border-bottom:1px solid var(--foundation-line);display:flex;justify-content:space-between;padding:17px 0}.cart-summary span{color:#c8c1b6;font-size:13px}.cart-summary small{color:#989188}.cart-summary .cart-total{border:0;padding:25px 0}.cart-total b{color:var(--foundation-red);font-size:29px}.cart-summary button{background:#5e201e;border:1px solid #76302d;color:#d5c9be;cursor:not-allowed;font-size:11px;font-weight:900;letter-spacing:.7px;min-height:56px;width:100%}.cart-summary p{color:#8f8980;font-size:11px;line-height:1.6}.cart-summary>a{color:#d6cec2;display:inline-block;font-size:10px;font-weight:900;letter-spacing:.8px;margin-top:15px;text-decoration:none}.about-hero{align-items:center;background-image:linear-gradient(90deg,#080706 2%,rgba(8,7,6,.9) 40%,rgba(8,7,6,.18)),url("images/red-showcase.webp");background-position:center;background-size:cover;display:flex;min-height:680px;padding:clamp(70px,9vw,145px)}.about-hero>div{max-width:900px}.about-story{display:grid;gap:clamp(50px,8vw,130px);grid-template-columns:minmax(0,.85fr) minmax(400px,1fr);padding:clamp(75px,9vw,140px)}.about-story-copy p{color:#aaa49a;font-size:16px;line-height:1.8}.about-standards{display:grid;gap:13px}.about-standards article{background:#0d0c0b;border:1px solid var(--foundation-line);padding:28px;position:relative}.about-standards article>b{color:var(--foundation-red);font-size:11px;letter-spacing:1px}.about-standards h3{font-size:23px;margin:12px 0 8px}.about-standards p{color:#99938a;line-height:1.6;margin:0}.about-contact{align-items:center;background:#0b0a09;border-top:1px solid var(--foundation-line);display:grid;gap:70px;grid-template-columns:minmax(240px,.55fr) minmax(0,1fr);padding:clamp(60px,8vw,120px) clamp(24px,12vw,190px)}.about-contact img{filter:drop-shadow(0 22px 40px #000);max-height:360px;object-fit:contain;width:100%}.about-contact p{color:#aaa49a;line-height:1.7}@media(max-width:1000px){.catalog-hero{grid-template-columns:1fr}.catalog-hero-card{min-height:580px}.catalog-grid,.about-story{grid-template-columns:1fr}.category-world-grid{grid-template-columns:repeat(2,1fr)}.cart-shell{grid-template-columns:1fr}.cart-summary{position:static}.about-contact{gap:35px;padding-left:8vw;padding-right:8vw}}@media(max-width:680px){.catalog-hero-card{min-height:470px;padding:28px}.catalog-hero-copy{padding-left:24px;padding-right:24px}.catalog-heading{align-items:start;flex-direction:column;gap:18px}.product-card{grid-template-columns:1fr}.product-card-image{min-height:360px}.product-card-actions{grid-template-columns:1fr}.category-world-grid{grid-template-columns:1fr 1fr}.cart-item{align-items:start;grid-template-columns:88px 1fr}.cart-item img{height:80px;width:88px}.cart-item-price{grid-column:2}.cart-shell{padding-left:18px;padding-right:18px}.about-hero{background-position:62% center;padding-left:24px;padding-right:24px}.about-story{grid-template-columns:1fr;padding-left:24px;padding-right:24px}.about-contact{grid-template-columns:1fr;text-align:center}.about-contact img{max-height:240px}}@media(max-width:440px){.category-world-grid{grid-template-columns:1fr}.catalog-filters{display:grid;grid-template-columns:1fr 1fr}.cart-item-controls{flex-wrap:wrap}}


/* Rev20 — subtle fixed cart-page Easter eggs; no random character rotation */
.cart-page{overflow-x:hidden}
.cart-shell{position:relative;isolation:isolate}
.cart-main,.cart-summary{position:relative;z-index:2}
/* Rev26 — user-supplied static cart collage, feathered into black */
.cart-page{position:relative;background:#050505!important}
.cart-page::before{content:"";position:absolute;z-index:0;left:0;right:0;top:30px;height:min(58vw,650px);background-image:linear-gradient(to bottom,rgba(0,0,0,.10) 0%,rgba(0,0,0,.26) 54%,#050505 100%),linear-gradient(to right,#050505 0%,rgba(5,5,5,.12) 12%,rgba(5,5,5,.12) 88%,#050505 100%),url("images/cart-static-background.webp");background-repeat:no-repeat;background-position:center top;background-size:cover;opacity:.58;pointer-events:none}
.cart-page::after{content:"";position:absolute;z-index:0;left:0;right:0;top:30px;height:min(58vw,650px);background:radial-gradient(ellipse at center,transparent 20%,rgba(5,5,5,.14) 52%,#050505 96%);pointer-events:none}
.cart-page .shop-header,.cart-page .cart-shell,.cart-page .cart-upcoming,.cart-page footer,.cart-page .site-footer{position:relative;z-index:2}
.cart-page .cart-easter-eggs{display:none!important}
@media(max-width:680px){.cart-page::before,.cart-page::after{top:26px;height:420px}.cart-page::before{opacity:.42;background-size:auto 420px}}

/* Rev27 — visual Shop By Universe browser */
.universe-browser{margin:10px 0 38px;padding:24px 0 28px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.universe-heading{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:18px}.universe-heading h2{margin:0;color:#fff;font-size:clamp(28px,4vw,52px);line-height:.9;letter-spacing:-.04em}.universe-heading p{margin:0 0 3px;color:#938d85;font-size:12px}
.universe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.universe-tile{position:relative;min-height:154px;padding:0;overflow:hidden;border:1px solid #282828;background:#08090b;cursor:pointer;border-radius:4px;isolation:isolate;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .28s ease,box-shadow .28s ease}
.universe-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.86) 100%);z-index:1;pointer-events:none}.universe-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78;filter:saturate(.82) brightness(.76);transition:transform .42s cubic-bezier(.16,1,.3,1),filter .3s ease,opacity .3s ease}.universe-tile span{position:absolute;z-index:2;left:14px;right:14px;bottom:12px;color:#fff;font-size:11px;font-weight:950;letter-spacing:1.15px;text-align:left;text-shadow:0 2px 8px #000}
.universe-tile:hover,.universe-tile:focus-visible,.universe-tile.active{transform:translateY(-4px);border-color:#d6242a;box-shadow:0 12px 34px rgba(0,0,0,.46),0 0 20px rgba(214,36,42,.18);outline:none}.universe-tile:hover img,.universe-tile:focus-visible img,.universe-tile.active img{transform:scale(1.055);filter:saturate(1.05) brightness(.94);opacity:.98}
.collection-browser{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}.collection-chips{display:flex;gap:7px;flex-wrap:wrap}.collection-chips button{min-height:36px;padding:8px 12px;border:1px solid #393633;background:#0b0b0c;color:#d9d5ce;font-size:9px;font-weight:900;letter-spacing:.75px;cursor:pointer}.collection-chips button:hover,.collection-chips button:focus-visible,.collection-chips button.active{border-color:#d6242a;color:#fff;background:#1a0b0d;outline:none}
@media(max-width:980px){.universe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.universe-tile{min-height:145px}}
@media(max-width:520px){.universe-grid{gap:8px}.universe-tile{min-height:116px}.universe-tile span{font-size:9px;left:9px;bottom:8px}.universe-heading{display:block}.universe-heading p{margin-top:8px}.collection-browser{display:block}.collection-chips{margin-top:9px}}
@media(prefers-reduced-motion:reduce){.universe-tile,.universe-tile img{transition:none}}

/* Rev31 — generated Shop By Universe artwork integrated as the live category tiles */
.universe-tile{
  min-height:168px;
  padding:7px;
  background:#050607;
  border-color:#303238;
  border-radius:8px;
  overflow:hidden;
}
.universe-tile::after{display:none!important;content:none!important}
.universe-tile img{
  position:relative;
  inset:auto;
  display:block;
  width:100%;
  height:100%;
  min-height:154px;
  object-fit:cover;
  border-radius:5px;
  opacity:.92;
  filter:saturate(.9) brightness(.82);
  transform:scale(.965);
  transition:transform .42s cubic-bezier(.16,1,.3,1),filter .32s ease,opacity .32s ease;
}
.universe-tile span{display:none!important}
.universe-tile:hover,.universe-tile:focus-visible,.universe-tile.active{
  transform:translateY(-4px);
  border-color:#d6242a;
  box-shadow:0 15px 38px rgba(0,0,0,.5),0 0 24px rgba(214,36,42,.2);
}
.universe-tile:hover img,.universe-tile:focus-visible img,.universe-tile.active img{
  transform:scale(1.005);
  filter:saturate(1.05) brightness(.96);
  opacity:1;
}
@media(max-width:980px){
  .universe-tile{min-height:150px;padding:5px}
  .universe-tile img{min-height:140px}
}
@media(max-width:520px){
  .universe-tile{min-height:114px;padding:4px}
  .universe-tile img{min-height:104px;transform:scale(.97)}
  .universe-tile:hover img,.universe-tile:focus-visible img,.universe-tile.active img{transform:scale(1)}
}


/* Rev32 — dedicated category shop pages */
.universe-tile{display:block;text-decoration:none;color:inherit}
.collection-chips a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 12px;border:1px solid #393633;background:#0b0b0c;color:#d9d5ce;font-size:9px;font-weight:900;letter-spacing:.75px;text-decoration:none;cursor:pointer;transition:transform .25s ease,border-color .25s ease,color .25s ease,background .25s ease,box-shadow .25s ease}
.collection-chips a:hover,.collection-chips a:focus-visible{transform:translateY(-2px);border-color:#d6242a;color:#fff;background:#1a0b0d;box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 16px rgba(214,36,42,.12);outline:none}
.category-page{background:#050506;color:#eee;min-height:100vh;position:relative;overflow-x:hidden}
.category-page::before{content:"";position:absolute;z-index:0;pointer-events:none;left:0;right:0;top:0;height:980px;background:var(--category-scene,none);background-position:center 80px;background-repeat:no-repeat;background-size:cover;opacity:.22;filter:brightness(.62) saturate(.72) contrast(1.08);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 56%,rgba(0,0,0,.55) 73%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 56%,rgba(0,0,0,.55) 73%,transparent 100%)}
.category-page::after{content:"";position:absolute;z-index:0;pointer-events:none;inset:0 0 auto;height:980px;background:linear-gradient(90deg,#050506 0%,rgba(5,5,6,.24) 16%,rgba(5,5,6,.06) 50%,rgba(5,5,6,.24) 84%,#050506 100%),linear-gradient(180deg,rgba(5,5,6,.24) 0%,transparent 18%,transparent 60%,#050506 94%)}
.category-page.category-tmnt::before{opacity:.30;filter:brightness(.58) saturate(.72) contrast(1.08);background-position:center 72px}
.category-page .shop-header,.category-page main,.category-page .shop-footer,.category-page .bb-social-rail{position:relative;z-index:2}
.category-shell{max-width:1480px;margin:0 auto;padding:62px clamp(22px,5vw,84px) 90px}
.category-hero{min-height:260px;display:flex;align-items:flex-end;padding:70px 0 34px;border-bottom:1px solid rgba(255,255,255,.10);position:relative}
.category-hero-copy{max-width:760px}
.category-breadcrumbs{display:flex;gap:8px;align-items:center;color:#8f9299;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:17px}
.category-breadcrumbs a{color:#c8c8ca;text-decoration:none}.category-breadcrumbs a:hover{color:#fff}
.category-hero .catalog-kicker{display:block;margin-bottom:10px;color:#d6242a;font-weight:900;letter-spacing:.18em}
.category-hero h1{margin:0;color:#fff;font-size:clamp(44px,7vw,92px);line-height:.86;letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 8px 28px rgba(0,0,0,.85)}
.category-hero p{max-width:620px;margin:18px 0 0;color:#bbb8b2;font-size:14px;line-height:1.65;text-shadow:0 2px 8px #000}
.category-logo{position:absolute;right:0;bottom:34px;width:min(34vw,390px);max-height:125px;object-fit:contain;object-position:right center;filter:brightness(.88) saturate(.9);opacity:.74}
.category-products{padding-top:38px}
.category-products-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.category-products-head h2{margin:0;color:#fff;font-size:clamp(26px,3vw,42px);text-transform:uppercase;letter-spacing:-.03em}
.category-products-head p{margin:0;color:#8f9299;font-size:12px}
.category-page .catalog-controls{margin:0 0 24px}
.category-page .catalog-grid{position:relative}
.category-empty-shelf{min-height:260px;display:grid;place-items:center;text-align:center;border:1px dashed rgba(255,255,255,.12);background:rgba(6,7,9,.72);padding:42px;border-radius:6px}
.category-empty-shelf strong{display:block;color:#fff;font-size:22px;margin-bottom:8px;text-transform:uppercase}.category-empty-shelf p{margin:0;color:#888d95;max-width:560px;line-height:1.6;font-size:13px}
.category-back{display:inline-flex;margin-top:22px;min-height:42px;align-items:center;padding:0 16px;border:1px solid #3a3a3a;color:#ddd;text-decoration:none;font-size:10px;font-weight:900;letter-spacing:.12em;background:#09090a}.category-back:hover{border-color:#d6242a;color:#fff;box-shadow:0 0 18px rgba(214,36,42,.12)}
@media(max-width:800px){.category-shell{padding-top:38px}.category-hero{min-height:310px;padding-top:82px}.category-logo{position:relative;right:auto;bottom:auto;width:min(78vw,330px);margin:25px 0 0;display:block;object-position:left center}.category-products-head{display:block}.category-products-head p{margin-top:8px}.category-page::before,.category-page::after{height:760px}.category-page::before{background-position:center 80px;opacity:.20}.category-page.category-tmnt::before{opacity:.24}}
@media(max-width:520px){.category-shell{padding-inline:16px}.category-hero h1{font-size:43px}.category-hero p{font-size:13px}.category-page::before{background-position:center 70px;background-size:auto 650px}.category-page.category-tmnt::before{background-position:center 70px}}

/* Rev34 — TMNT category compact single-row product list */
.category-tmnt .catalog-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  max-width:1180px;
}
.category-tmnt .product-card{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  min-height:220px;
  width:100%;
  background:rgba(10,10,10,.88);
  border-color:rgba(255,255,255,.12);
}
.category-tmnt .product-card-image{
  min-height:220px;
  height:220px;
  padding:14px;
  background:linear-gradient(145deg,rgba(17,18,20,.98),rgba(5,5,6,.98));
  display:flex;
  align-items:center;
  justify-content:center;
}
.category-tmnt .product-card-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  transform:scale(.94);
}
.category-tmnt .product-card-image:hover img{
  transform:scale(.98);
}
.category-tmnt .product-card-image>span{
  left:12px;
  bottom:12px;
  font-size:8px;
  padding:6px 8px;
}
.category-tmnt .product-card-body{
  align-self:center;
  padding:24px 30px;
}
.category-tmnt .product-card-body>small{
  font-size:8px;
  letter-spacing:1px;
}
.category-tmnt .product-card h3{
  font-size:clamp(22px,2.2vw,31px);
  line-height:1.08;
  letter-spacing:-.025em;
  margin:7px 0 15px;
}
.category-tmnt .product-card-meta{
  padding:12px 0;
}
.category-tmnt .product-card-meta b{
  font-size:21px;
}
.category-tmnt .product-card-actions{
  display:flex;
  gap:9px;
  margin-top:15px;
}
.category-tmnt .product-card-actions a,
.category-tmnt .product-card-actions button{
  min-height:40px;
  width:auto;
  padding:9px 16px;
}
.category-tmnt .catalog-loading-card{
  min-height:170px;
  padding:30px;
}
.category-tmnt .catalog-loading-card h3{
  font-size:clamp(24px,2.4vw,34px);
}
@media(max-width:720px){
  .category-tmnt .catalog-grid{gap:16px}
  .category-tmnt .product-card{
    grid-template-columns:120px minmax(0,1fr);
    min-height:170px;
  }
  .category-tmnt .product-card-image{
    min-height:170px;
    height:170px;
    padding:9px;
  }
  .category-tmnt .product-card-body{padding:16px 14px}
  .category-tmnt .product-card h3{font-size:19px;margin:6px 0 11px}
  .category-tmnt .product-card-meta{padding:9px 0}
  .category-tmnt .product-card-meta b{font-size:18px}
  .category-tmnt .product-card-actions{flex-wrap:wrap;margin-top:11px}
  .category-tmnt .product-card-actions a,
  .category-tmnt .product-card-actions button{min-height:38px;padding:8px 11px;font-size:9px}
}
@media(max-width:470px){
  .category-tmnt .product-card{grid-template-columns:1fr}
  .category-tmnt .product-card-image{height:210px;min-height:210px}
  .category-tmnt .product-card-body{padding:18px}
}

/* Rev36 — TMNT supplied art as the dedicated category-page background */
.category-page.category-tmnt::before{
  top:0;
  height:1280px;
  background-image:url('images/category-pages/tmnt-bg.webp');
  background-position:center 58px;
  background-repeat:no-repeat;
  background-size:auto 1160px;
  opacity:.34;
  filter:brightness(.50) saturate(.72) contrast(1.08);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,.72) 72%,rgba(0,0,0,.25) 88%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,.72) 72%,rgba(0,0,0,.25) 88%,transparent 100%);
}
.category-page.category-tmnt::after{
  height:1280px;
  background:
    linear-gradient(90deg,#050506 0%,rgba(5,5,6,.72) 8%,rgba(5,5,6,.18) 28%,rgba(5,5,6,.05) 50%,rgba(5,5,6,.18) 72%,rgba(5,5,6,.72) 92%,#050506 100%),
    linear-gradient(180deg,rgba(5,5,6,.38) 0%,rgba(5,5,6,.10) 28%,rgba(5,5,6,.08) 58%,#050506 96%);
}
@media(max-width:800px){
  .category-page.category-tmnt::before{
    height:920px;
    background-position:center 58px;
    background-size:auto 820px;
    opacity:.28;
  }
  .category-page.category-tmnt::after{height:920px}
}
@media(max-width:520px){
  .category-page.category-tmnt::before{
    height:760px;
    background-position:center 54px;
    background-size:auto 690px;
    opacity:.25;
  }
  .category-page.category-tmnt::after{height:760px}
}


/* Rev37 — remove Shop New Arrivals shelf; enlarge TMNT category atmosphere */
.search-results-section{padding-top:clamp(58px,7vw,94px)}
.search-results-section .catalog-heading{margin-bottom:26px}
.search-results-controls{margin-bottom:28px}

.category-page.category-tmnt::before{
  top:0;
  height:1660px;
  background-image:url('images/category-pages/tmnt-bg.webp');
  background-position:center -185px;
  background-repeat:no-repeat;
  background-size:auto 1780px;
  opacity:.31;
  filter:brightness(.46) saturate(.68) contrast(1.10);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,.82) 70%,rgba(0,0,0,.40) 86%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,.82) 70%,rgba(0,0,0,.40) 86%,transparent 100%);
}
.category-page.category-tmnt::after{
  height:1660px;
  background:
    linear-gradient(90deg,#050506 0%,rgba(5,5,6,.78) 5%,rgba(5,5,6,.30) 20%,rgba(5,5,6,.04) 50%,rgba(5,5,6,.30) 80%,rgba(5,5,6,.78) 95%,#050506 100%),
    linear-gradient(180deg,rgba(5,5,6,.35) 0%,rgba(5,5,6,.06) 30%,rgba(5,5,6,.08) 62%,#050506 98%);
}
@media(max-width:800px){
  .category-page.category-tmnt::before{
    height:1180px;
    background-position:center -105px;
    background-size:auto 1240px;
    opacity:.27;
  }
  .category-page.category-tmnt::after{height:1180px}
}
@media(max-width:520px){
  .category-page.category-tmnt::before{
    height:900px;
    background-position:center -65px;
    background-size:auto 970px;
    opacity:.24;
  }
  .category-page.category-tmnt::after{height:900px}
}

/* Rev38 — updated TMNT background; larger cinematic crop */
.category-page.category-tmnt::before{
  top:0;
  height:2050px;
  background-image:url('images/category-pages/tmnt-bg.webp');
  background-position:center -410px;
  background-repeat:no-repeat;
  background-size:auto 2350px;
  opacity:.30;
  filter:brightness(.44) saturate(.70) contrast(1.10);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 61%,rgba(0,0,0,.82) 73%,rgba(0,0,0,.42) 88%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 61%,rgba(0,0,0,.82) 73%,rgba(0,0,0,.42) 88%,transparent 100%);
}
.category-page.category-tmnt::after{
  height:2050px;
  background:
    linear-gradient(90deg,#050506 0%,rgba(5,5,6,.80) 3%,rgba(5,5,6,.28) 16%,rgba(5,5,6,.035) 50%,rgba(5,5,6,.28) 84%,rgba(5,5,6,.80) 97%,#050506 100%),
    linear-gradient(180deg,rgba(5,5,6,.34) 0%,rgba(5,5,6,.045) 25%,rgba(5,5,6,.06) 64%,#050506 99%);
}
@media(max-width:800px){
  .category-page.category-tmnt::before{
    height:1420px;
    background-position:center -235px;
    background-size:auto 1570px;
    opacity:.27;
  }
  .category-page.category-tmnt::after{height:1420px}
}
@media(max-width:520px){
  .category-page.category-tmnt::before{
    height:1030px;
    background-position:center -135px;
    background-size:auto 1160px;
    opacity:.24;
  }
  .category-page.category-tmnt::after{height:1030px}
}


/* Rev39 — Anime universe + dedicated category */
@media(min-width:981px){.universe-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.universe-tile{min-height:196px}.universe-tile img{min-height:182px}}
.category-page.category-anime::before{
  top:0;height:1560px;background-image:url('images/category-pages/anime-bg.jpg');background-position:center 48px;background-repeat:no-repeat;background-size:cover;opacity:.20;filter:brightness(.38) saturate(.74) contrast(1.12);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 54%,rgba(0,0,0,.72) 70%,rgba(0,0,0,.28) 86%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 54%,rgba(0,0,0,.72) 70%,rgba(0,0,0,.28) 86%,transparent 100%);
}
.category-page.category-anime::after{height:1560px;background:linear-gradient(90deg,#050506 0%,rgba(5,5,6,.76) 5%,rgba(5,5,6,.22) 22%,rgba(5,5,6,.08) 50%,rgba(5,5,6,.22) 78%,rgba(5,5,6,.76) 95%,#050506 100%),linear-gradient(180deg,rgba(5,5,6,.28) 0%,rgba(5,5,6,.08) 42%,#050506 98%)}
.anime-category-logo{max-height:150px;opacity:.82;border-radius:4px;mix-blend-mode:screen}
.category-anime .catalog-grid{display:grid;grid-template-columns:1fr;gap:14px;max-width:1180px}
.category-anime .product-card{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:220px;width:100%;background:rgba(10,10,10,.90);border-color:rgba(255,255,255,.12)}
.category-anime .product-card-image{height:220px;min-height:220px;padding:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(17,18,20,.98),rgba(5,5,6,.98))}
.category-anime .product-card-image img{width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(.94)}
.category-anime .product-card-image:hover img{transform:scale(.98)}
.category-anime .product-card-body{align-self:center;padding:24px 30px}.category-anime .product-card-body>small{font-size:8px;letter-spacing:1px}.category-anime .product-card h3{font-size:clamp(22px,2.2vw,31px);line-height:1.08;letter-spacing:-.025em;margin:7px 0 15px}.category-anime .product-card-meta{padding:12px 0}.category-anime .product-card-meta b{font-size:21px}.category-anime .product-card-actions{display:flex;gap:9px;margin-top:15px}.category-anime .product-card-actions a,.category-anime .product-card-actions button{min-height:40px;width:auto;padding:9px 16px}
@media(max-width:800px){.category-page.category-anime::before,.category-page.category-anime::after{height:980px}.category-page.category-anime::before{background-position:center 70px;opacity:.17}}
@media(max-width:720px){.category-anime .product-card{grid-template-columns:120px minmax(0,1fr);min-height:170px}.category-anime .product-card-image{height:170px;min-height:170px;padding:9px}.category-anime .product-card-body{padding:16px 14px}.category-anime .product-card h3{font-size:19px;margin:6px 0 11px}.category-anime .product-card-actions{flex-wrap:wrap}}
@media(max-width:470px){.category-anime .product-card{grid-template-columns:1fr}.category-anime .product-card-image{height:210px;min-height:210px}}

/* Rev40 — supplied Anime category background, enlarged and feathered like TMNT */
.category-page.category-anime::before{
  top:0;
  height:1950px;
  background-image:url('images/category-pages/anime-bg.jpg');
  background-position:center -120px;
  background-repeat:no-repeat;
  background-size:auto 1580px;
  opacity:.22;
  filter:brightness(.34) saturate(.38) contrast(1.12);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,.80) 72%,rgba(0,0,0,.38) 87%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,.80) 72%,rgba(0,0,0,.38) 87%,transparent 100%);
}
.category-page.category-anime::after{
  height:1950px;
  background:
    linear-gradient(90deg,#050506 0%,rgba(5,5,6,.88) 2%,rgba(5,5,6,.38) 14%,rgba(5,5,6,.08) 50%,rgba(5,5,6,.38) 86%,rgba(5,5,6,.88) 98%,#050506 100%),
    linear-gradient(180deg,rgba(5,5,6,.34) 0%,rgba(5,5,6,.06) 24%,rgba(5,5,6,.10) 64%,#050506 99%);
}
@media(max-width:800px){
  .category-page.category-anime::before{
    height:1380px;
    background-position:center -55px;
    background-size:auto 1180px;
    opacity:.20;
  }
  .category-page.category-anime::after{height:1380px}
}
@media(max-width:520px){
  .category-page.category-anime::before{
    height:1020px;
    background-position:center -20px;
    background-size:auto 900px;
    opacity:.18;
  }
  .category-page.category-anime::after{height:1020px}
}


/* Rev41 — sharper, smaller Shop By Universe tiles + logo-led universe pages */
@media(min-width:981px){
  .universe-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    max-width:1060px;
    margin-left:auto;
    margin-right:auto;
    gap:10px;
  }
  .universe-tile{
    min-height:0!important;
    aspect-ratio:344/206;
    padding:4px;
  }
  .universe-tile img{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:contain!important;
    opacity:1!important;
    filter:none!important;
    transform:scale(.982)!important;
    image-rendering:auto;
    backface-visibility:hidden;
  }
  .universe-tile:hover img,.universe-tile:focus-visible img,.universe-tile.active img{
    transform:scale(1)!important;
    filter:none!important;
    opacity:1!important;
  }
}
@media(max-width:980px){
  .universe-grid{max-width:720px;margin-left:auto;margin-right:auto;gap:9px}
  .universe-tile{min-height:0!important;aspect-ratio:344/206;padding:4px}
  .universe-tile img{height:100%!important;min-height:0!important;object-fit:contain!important;filter:none!important;opacity:1!important;transform:scale(.982)!important}
  .universe-tile:hover img,.universe-tile:focus-visible img,.universe-tile.active img{transform:scale(1)!important;filter:none!important}
}
@media(max-width:520px){
  .universe-grid{gap:7px}
  .universe-tile{padding:3px}
}

.category-page.category-tmnt .category-hero,
.category-page.category-gi-joe .category-hero,
.category-page.category-transformers .category-hero,
.category-page.category-motu .category-hero,
.category-page.category-star-wars .category-hero,
.category-page.category-hot-wheels .category-hero,
.category-page.category-anime .category-hero,
.category-page.category-marvel .category-hero,
.category-page.category-dc .category-hero{
  min-height:230px;
  align-items:flex-end;
}
.category-title-logo{
  position:relative;
  display:block;
  width:auto;
  max-width:min(540px,68vw);
  max-height:150px;
  margin:8px 0 18px;
  object-fit:contain;
  object-position:left center;
  opacity:.94;
  filter:drop-shadow(0 8px 24px rgba(0,0,0,.72));
}
.category-title-logo.anime-title-logo{max-width:min(570px,72vw);max-height:155px}
.category-title-logo.temporary-category-logo{max-width:min(360px,55vw);max-height:135px;border-radius:8px}
.category-page .category-hero-copy{max-width:790px}
.category-page .category-hero-copy>p{margin-top:10px}
@media(max-width:720px){
  .category-title-logo{max-width:min(440px,82vw);max-height:120px;margin:7px 0 14px}
  .category-title-logo.anime-title-logo{max-width:84vw;max-height:118px}
  .category-title-logo.temporary-category-logo{max-width:68vw;max-height:108px}
}

/* Rev42 — supplied Transformers category background, enlarged + feathered like TMNT/Anime */
.category-page.category-transformers::before{
  top:0;
  height:2050px;
  background-image:url('images/category-pages/transformers-bg.jpg');
  background-position:center -210px;
  background-repeat:no-repeat;
  background-size:auto 1860px;
  opacity:.25;
  filter:brightness(.34) saturate(.72) contrast(1.14);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 60%,rgba(0,0,0,.82) 73%,rgba(0,0,0,.40) 88%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 60%,rgba(0,0,0,.82) 73%,rgba(0,0,0,.40) 88%,transparent 100%);
}
.category-page.category-transformers::after{
  height:2050px;
  background:
    linear-gradient(90deg,#050506 0%,rgba(5,5,6,.90) 2%,rgba(5,5,6,.36) 14%,rgba(5,5,6,.07) 50%,rgba(5,5,6,.36) 86%,rgba(5,5,6,.90) 98%,#050506 100%),
    linear-gradient(180deg,rgba(5,5,6,.30) 0%,rgba(5,5,6,.05) 25%,rgba(5,5,6,.10) 66%,#050506 99%);
}
@media(max-width:800px){
  .category-page.category-transformers::before{
    height:1450px;
    background-position:center -95px;
    background-size:auto 1320px;
    opacity:.22;
  }
  .category-page.category-transformers::after{height:1450px}
}
@media(max-width:520px){
  .category-page.category-transformers::before{
    height:1080px;
    background-position:center -35px;
    background-size:auto 980px;
    opacity:.19;
  }
  .category-page.category-transformers::after{height:1080px}
}


/* Rev43 — slightly smaller category-page universe logos */
.category-title-logo{max-width:min(500px,64vw);max-height:138px;margin-bottom:16px}
.category-title-logo.anime-title-logo{max-width:min(525px,67vw);max-height:142px}
.category-title-logo.temporary-category-logo{max-width:min(335px,52vw);max-height:124px}
@media(max-width:720px){
  .category-title-logo{max-width:min(405px,78vw);max-height:110px}
  .category-title-logo.anime-title-logo{max-width:80vw;max-height:108px}
  .category-title-logo.temporary-category-logo{max-width:64vw;max-height:100px}
}

/* Rev44 — supplied DC + Marvel category artwork, enlarged and feathered */
.category-page.category-dc::before{
  top:0;
  height:2020px;
  background-image:url('images/category-pages/dc-bg.webp');
  background-position:center -215px;
  background-repeat:no-repeat;
  background-size:auto 1870px;
  opacity:.24;
  filter:brightness(.34) saturate(.68) contrast(1.12);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 59%,rgba(0,0,0,.82) 73%,rgba(0,0,0,.40) 88%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 59%,rgba(0,0,0,.82) 73%,rgba(0,0,0,.40) 88%,transparent 100%);
}
.category-page.category-dc::after{
  height:2020px;
  background:
    linear-gradient(90deg,#050506 0%,rgba(5,5,6,.88) 3%,rgba(5,5,6,.35) 15%,rgba(5,5,6,.06) 50%,rgba(5,5,6,.35) 85%,rgba(5,5,6,.88) 97%,#050506 100%),
    linear-gradient(180deg,rgba(5,5,6,.30) 0%,rgba(5,5,6,.06) 25%,rgba(5,5,6,.11) 65%,#050506 99%);
}
.category-page.category-marvel::before{
  top:0;
  height:2020px;
  background-image:url('images/category-pages/marvel-bg.webp');
  background-position:center -165px;
  background-repeat:no-repeat;
  background-size:auto 1880px;
  opacity:.27;
  filter:brightness(.38) saturate(.70) contrast(1.12);
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,.82) 72%,rgba(0,0,0,.38) 87%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,.82) 72%,rgba(0,0,0,.38) 87%,transparent 100%);
}
.category-page.category-marvel::after{
  height:2020px;
  background:
    linear-gradient(90deg,#050506 0%,rgba(5,5,6,.90) 2%,rgba(5,5,6,.42) 15%,rgba(5,5,6,.10) 50%,rgba(5,5,6,.42) 85%,rgba(5,5,6,.90) 98%,#050506 100%),
    linear-gradient(180deg,rgba(5,5,6,.30) 0%,rgba(5,5,6,.05) 24%,rgba(5,5,6,.12) 64%,#050506 99%);
}
.category-title-logo.marvel-title-logo{
  max-width:min(455px,59vw);
  max-height:124px;
  border-radius:0;
  filter:drop-shadow(0 8px 24px rgba(0,0,0,.78));
}
@media(max-width:800px){
  .category-page.category-dc::before,.category-page.category-marvel::before{height:1420px;background-size:auto 1300px;opacity:.21}
  .category-page.category-dc::before{background-position:center -95px}
  .category-page.category-marvel::before{background-position:center -70px}
  .category-page.category-dc::after,.category-page.category-marvel::after{height:1420px}
}
@media(max-width:520px){
  .category-page.category-dc::before,.category-page.category-marvel::before{height:1060px;background-size:auto 980px;opacity:.18}
  .category-page.category-dc::before{background-position:center -35px}
  .category-page.category-marvel::before{background-position:center -18px}
  .category-page.category-dc::after,.category-page.category-marvel::after{height:1060px}
  .category-title-logo.marvel-title-logo{max-width:69vw;max-height:96px}
}


/* Rev49 — Aliens category + compact Shop By Collection product rows */
/* Ten universe categories fit more cleanly at a slightly smaller, sharper desktop size. */
@media(min-width:1100px){
  .universe-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1040px;gap:9px}
  .universe-tile{min-height:0!important;aspect-ratio:344/206;padding:4px}
}
.category-title-logo.aliens-title-logo{max-width:min(520px,66vw);max-height:132px}
.category-page.category-aliens::before{opacity:.26;filter:brightness(.72) saturate(.88) contrast(1.06)}

/* Shop By Collection pages use the same compact product-row language as the regular category shelves. */
:is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .catalog-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  max-width:1180px;
}
:is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  min-height:220px;
  width:100%;
  background:rgba(10,10,10,.90);
  border-color:rgba(255,255,255,.12);
}
:is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card-image{
  height:220px;
  min-height:220px;
  padding:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(145deg,rgba(17,18,20,.98),rgba(5,5,6,.98));
}
:is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  transform:scale(.94);
}
:is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card-image:hover img{transform:scale(.98)}
:is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card-image>span{left:12px;bottom:12px;font-size:8px;padding:6px 8px}
:is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card-body{align-self:center;padding:24px 30px}
:is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card-body>small{font-size:8px;letter-spacing:1px}
:is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card h3{font-size:clamp(22px,2.2vw,31px);line-height:1.08;letter-spacing:-.025em;margin:7px 0 15px}
:is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card-meta{padding:12px 0}
:is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card-meta b{font-size:21px}
:is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card-actions{display:flex;gap:9px;margin-top:15px}
:is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card-actions a,
:is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card-actions button{min-height:40px;width:auto;padding:9px 16px}
:is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .category-empty-shelf{min-height:190px}
@media(max-width:720px){
  :is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card{grid-template-columns:120px minmax(0,1fr);min-height:170px}
  :is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card-image{height:170px;min-height:170px;padding:9px}
  :is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card-body{padding:16px 14px}
  :is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card h3{font-size:19px;margin:6px 0 11px}
  :is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card-meta{padding:9px 0}
  :is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card-meta b{font-size:18px}
  :is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card-actions{flex-wrap:wrap;margin-top:11px}
  :is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card-actions a,
  :is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card-actions button{min-height:38px;padding:8px 11px;font-size:9px}
}
@media(max-width:470px){
  :is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card{grid-template-columns:1fr}
  :is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card-image{height:210px;min-height:210px}
  :is(.category-action-figures,.category-vintage-toys,.category-collectibles,.category-grail) .product-card-body{padding:18px}
}


/* Rev50 — stabilization / optimization pass */
/* One consistent compact product language across every category page. */
.category-page .catalog-grid{display:grid;grid-template-columns:1fr;gap:14px;max-width:1180px}
.category-page .product-card{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:220px;width:100%;background:rgba(10,10,10,.90);border-color:rgba(255,255,255,.12)}
.category-page .product-card-image{height:220px;min-height:220px;padding:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(17,18,20,.98),rgba(5,5,6,.98))}
.category-page .product-card-image img{width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(.94)}
.category-page .product-card-image:hover img{transform:scale(.98)}
.category-page .product-card-image>span{left:12px;bottom:12px;font-size:8px;padding:6px 8px}
.category-page .product-card-body{align-self:center;padding:24px 30px}
.category-page .product-card-body>small{font-size:8px;letter-spacing:1px}
.category-page .product-card h3{font-size:clamp(22px,2.2vw,31px);line-height:1.08;letter-spacing:-.025em;margin:7px 0 15px}
.category-page .product-card-meta{padding:12px 0}.category-page .product-card-meta b{font-size:21px}
.category-page .product-card-actions{display:flex;gap:9px;margin-top:15px;flex-wrap:wrap}.category-page .product-card-actions a,.category-page .product-card-actions button{min-height:40px;width:auto;padding:9px 16px}

/* Breadcrumbs are deliberately tiny: useful navigation, not another toolbar. */
.product-breadcrumbs{max-width:1500px;margin:0 auto;padding:26px clamp(24px,6vw,96px) 0;color:#716b64;font:800 9px/1.3 Arial,sans-serif;letter-spacing:1.35px;text-transform:uppercase;position:relative;z-index:3}
.product-breadcrumbs a{color:#a9a39a;text-decoration:none}.product-breadcrumbs a:hover{color:#fff}.product-breadcrumbs span{margin:0 7px}.product-breadcrumbs span:last-child{color:#d73530;margin-left:7px}
.product-page .shop-product{padding-top:18px}

/* Existing item-detail grid becomes the compact collector specimen card. */
.bin-index{max-width:1500px;margin:0 auto;border-top:1px solid rgba(215,53,48,.28);border-bottom:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,#0b0b0b,#080808)}
.bin-index>.shop-eyebrow{letter-spacing:2.2px}.bin-index .product-spec-grid span{background:rgba(255,255,255,.018);border-color:rgba(255,255,255,.08)}

/* Small featured/recent/related shelves. */
.bb-featured-strip,.bb-product-discovery{max-width:1500px;margin:0 auto;padding:42px clamp(24px,6vw,96px) 56px}
.bb-featured-strip{border-top:1px solid rgba(255,255,255,.07);padding-top:38px}
.bb-featured-head,.bb-discovery-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:18px}.bb-featured-head h2,.bb-discovery-head h2{margin:0;font-size:clamp(24px,3vw,38px);letter-spacing:-.03em}.bb-featured-head p{max-width:430px;margin:0;color:#8e8981;font-size:12px;line-height:1.6}
.bb-product-discovery{display:grid;gap:42px;padding-top:34px}.bb-discovery-group[hidden]{display:none}
.bb-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bb-mini-product{display:grid;grid-template-columns:118px minmax(0,1fr);min-height:128px;background:rgba(9,9,10,.88);border:1px solid rgba(255,255,255,.09);transition:transform .28s ease,border-color .28s ease,background .28s ease}
.bb-mini-product:hover{transform:translateY(-3px);border-color:rgba(215,53,48,.42);background:#0d0c0c}.bb-mini-product-image{display:flex;align-items:center;justify-content:center;padding:8px;background:#08090a;overflow:hidden}.bb-mini-product-image img{width:100%;height:110px;object-fit:contain;transition:transform .35s ease}.bb-mini-product:hover img{transform:scale(1.035)}
.bb-mini-product>div{min-width:0;align-self:center;padding:15px 15px 15px 17px}.bb-mini-product small{display:block;color:#a52a27;font:800 8px/1.35 Arial,sans-serif;letter-spacing:.7px;text-transform:uppercase}.bb-mini-product h3{font-size:15px;line-height:1.2;margin:6px 0 10px}.bb-mini-product h3 a{color:#fff;text-decoration:none}.bb-mini-product b{color:#e1423d;font-size:16px}

/* Wishlist is a real destination now. */
.bb-wishlist-link{position:relative;display:grid;place-items:center;min-width:34px;height:34px;color:#d4d0ca;text-decoration:none;font-size:21px;line-height:1;transition:color .25s ease,transform .25s ease,text-shadow .25s ease}.bb-wishlist-link:hover{color:#fff;transform:translateY(-2px);text-shadow:0 0 12px rgba(215,53,48,.6)}.bb-wishlist-link b{position:absolute;right:-2px;top:-3px;min-width:15px;height:15px;padding:0 3px;border-radius:9px;background:#d73530;color:#fff;font:900 8px/15px Arial,sans-serif;text-align:center}.bb-wishlist-link b[hidden]{display:none}
.wishlist-section{min-height:58vh}.wishlist-grid{grid-template-columns:1fr!important;max-width:1180px!important}.wishlist-card{grid-template-columns:220px minmax(0,1fr)!important;min-height:220px!important}.wishlist-card .product-card-image{height:220px;min-height:220px;padding:14px;display:flex;align-items:center;justify-content:center;background:#090a0b}.wishlist-card .product-card-image img{object-fit:contain;transform:scale(.94)}.wishlist-card .product-card-body{padding:24px 30px}.wishlist-card h3{font-size:clamp(22px,2.2vw,31px);margin:7px 0 15px}.wishlist-card .product-card-actions{display:flex;flex-wrap:wrap}.wishlist-remove{background:transparent!important;border-color:#4b3434!important;color:#aaa!important}.wishlist-remove:hover{border-color:#d73530!important;color:#fff!important}.wishlist-empty{text-align:center;padding:55px 24px;color:#aaa}.wishlist-empty[hidden]{display:none}.wishlist-empty>span{font-size:58px;color:#522}.wishlist-empty h2{font-size:30px;color:#fff;margin:8px 0}.wishlist-empty p{margin:0 0 22px}.wishlist-empty a{display:inline-block;color:#fff;text-decoration:none;border:1px solid #67302e;padding:12px 17px;font-size:10px;font-weight:900;letter-spacing:1px}

/* Search refinement + fast suggestions. */
.search-results-controls{display:grid;gap:12px}.catalog-refine{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.catalog-refine select{background:#0e0d0c;border:1px solid #292522;color:#d5d0c7;min-height:38px;padding:0 34px 0 11px;font:800 9px Arial,sans-serif;letter-spacing:.8px}.catalog-count{margin-left:auto;color:#766f67;font:800 9px Arial,sans-serif;letter-spacing:1px}
.bb-search-suggestions{display:grid;margin-top:9px;border-top:1px solid rgba(255,255,255,.07)}.bb-search-suggestion{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;padding:8px 2px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.06)}.bb-search-suggestion:hover{background:rgba(215,53,48,.055)}.bb-search-suggestion img{width:54px;height:48px;object-fit:contain;background:#070708}.bb-search-suggestion span{min-width:0}.bb-search-suggestion strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-search-suggestion small,.bb-search-no-suggestion{display:block;color:#777;font-size:9px;margin-top:3px}.bb-search-no-suggestion{padding:10px 2px}

/* Slightly calmer mobile spacing and predictable cards. */
@media(max-width:760px){
  .category-page .product-card,.wishlist-card{grid-template-columns:120px minmax(0,1fr)!important;min-height:170px!important}.category-page .product-card-image,.wishlist-card .product-card-image{height:170px;min-height:170px;padding:9px}.category-page .product-card-body,.wishlist-card .product-card-body{padding:16px 14px}.category-page .product-card h3,.wishlist-card h3{font-size:19px;margin:6px 0 11px}.category-page .product-card-actions,.wishlist-card .product-card-actions{margin-top:11px}.bb-featured-head{align-items:start;flex-direction:column;gap:4px}.bb-mini-grid{grid-template-columns:1fr}.bb-mini-product{grid-template-columns:92px minmax(0,1fr);min-height:104px}.bb-mini-product-image img{height:88px}.product-breadcrumbs{padding-top:18px}.catalog-count{width:100%;margin-left:0}.bb-product-discovery{gap:30px}
}
@media(max-width:470px){.category-page .product-card,.wishlist-card{grid-template-columns:1fr!important}.category-page .product-card-image,.wishlist-card .product-card-image{height:210px;min-height:210px}.category-page .product-card-body,.wishlist-card .product-card-body{padding:18px}.product-breadcrumbs{font-size:8px;letter-spacing:.8px}.product-breadcrumbs span{margin:0 4px}}


/* =========================================================
   Rev59 — Shop page composition cleanup
   Fixes the "floating pieces" look on large displays:
   one centered visual column, a balanced 5x2 universe grid,
   centered collection controls, and tighter section rhythm.
   ========================================================= */

.catalog-page .catalog-section{
  padding:clamp(54px,6vw,88px) clamp(22px,5vw,72px) 48px!important;
}

/* The SHOP intro now belongs to the same centered column as the category grid. */
.catalog-page .catalog-heading{
  max-width:1120px!important;
  margin:0 auto 32px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  text-align:center!important;
  gap:10px!important;
}
.catalog-page .catalog-heading>div{
  text-align:center!important;
}
.catalog-page .catalog-heading h2{
  font-size:clamp(42px,4.4vw,62px)!important;
}
.catalog-page .catalog-heading>p{
  max-width:650px!important;
  margin:0 auto!important;
  text-align:center!important;
  font-size:13px!important;
}

/* Contain the whole browse section instead of letting headings and tiles
   operate on unrelated widths. */
.catalog-page .universe-browser{
  max-width:1160px!important;
  margin:0 auto!important;
  padding:28px 0 34px!important;
}

/* Put the universe label, title, and helper text into one centered header. */
.catalog-page .universe-heading{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  margin:0 auto 22px!important;
  text-align:center!important;
}
.catalog-page .universe-heading .catalog-kicker{
  margin-bottom:1px!important;
}
.catalog-page .universe-heading h2{
  font-size:clamp(30px,3.2vw,44px)!important;
  line-height:.95!important;
  letter-spacing:-.035em!important;
}
.catalog-page .universe-heading p{
  margin:2px auto 0!important;
  max-width:520px;
  text-align:center!important;
  font-size:11px!important;
}

/* Ten categories = two perfectly balanced rows on large screens.
   Keeps individual art smaller so the supplied graphics stay crisp. */
@media(min-width:1180px){
  .catalog-page .universe-grid{
    width:100%!important;
    max-width:1120px!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:11px!important;
  }
  .catalog-page .universe-tile{
    aspect-ratio:344/206!important;
    min-height:0!important;
    padding:4px!important;
  }
}
@media(min-width:760px) and (max-width:1179px){
  .catalog-page .universe-grid{
    max-width:900px!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    margin:0 auto!important;
    gap:10px!important;
  }
  /* Center the final two tiles in the last row at 4-column widths. */
  .catalog-page .universe-grid .universe-tile:nth-last-child(2){
    grid-column:2;
  }
  .catalog-page .universe-grid .universe-tile:last-child{
    grid-column:3;
  }
}
@media(max-width:759px){
  .catalog-page .universe-grid{
    max-width:640px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    margin:0 auto!important;
  }
}

/* Collection browsing becomes a deliberate centered secondary navigation,
   rather than a label stranded on the far left with tiny buttons. */
.catalog-page .collection-browser{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  margin:26px auto 0!important;
  padding-top:24px!important;
  border-top:1px solid rgba(255,255,255,.055);
  text-align:center!important;
}
.catalog-page .collection-browser>.catalog-kicker{
  margin:0!important;
}
.catalog-page .collection-chips{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  width:100%;
}
.catalog-page .collection-chips a{
  min-height:38px!important;
  padding:9px 15px!important;
  border-radius:2px!important;
  font-size:9px!important;
  letter-spacing:.85px!important;
}

/* Bring Featured closer to the category browser and keep its heading
   aligned to the same centered width. */
.catalog-page .bb-featured-strip{
  max-width:1160px!important;
  margin:0 auto!important;
  padding:42px 0 54px!important;
}
.catalog-page .bb-featured-head{
  max-width:1120px!important;
  margin:0 auto 20px!important;
  align-items:end!important;
  gap:28px!important;
}
.catalog-page .bb-featured-head h2{
  font-size:clamp(28px,3vw,40px)!important;
}
.catalog-page .bb-featured-head>p{
  max-width:440px!important;
  text-align:right!important;
}

/* Remove the giant dead area that large monitors were exaggerating. */
.catalog-page main{
  min-height:0!important;
}

@media(max-width:760px){
  .catalog-page .catalog-section{
    padding-top:42px!important;
  }
  .catalog-page .bb-featured-strip{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  .catalog-page .bb-featured-head{
    align-items:center!important;
    text-align:center!important;
  }
  .catalog-page .bb-featured-head>p{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}


/* Rev60 — global high-DPI polish */
img{
  image-rendering:auto;
}
.shop-page,
.category-page,
.product-page,
.cart-page{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.product-card,
.category-product-row,
.cart-summary,
.cart-main{
  box-shadow:0 12px 34px rgba(0,0,0,.11);
}


/* =========================================================
   Rev61 TEST — "Image 002" inspired Shop page
   ========================================================= */

.catalog-page{
  background:
    radial-gradient(circle at 48% -10%,rgba(28,39,50,.22),transparent 34%),
    #06080a!important;
}
.catalog-page .shop-header{
  min-height:72px!important;
  padding:0 clamp(28px,4vw,64px)!important;
  background:rgba(4,6,8,.96)!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
.catalog-page .shop-brand img{
  width:32px!important;
  height:32px!important;
}
.catalog-page .shop-brand b{
  font-size:17px!important;
}
.catalog-page .shop-brand small{
  font-size:6px!important;
}
.catalog-page .catalog-section{
  max-width:1160px!important;
  margin:0 auto!important;
  padding:58px 24px 40px!important;
}
.catalog-page .catalog-heading{
  max-width:100%!important;
  margin:0 0 34px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  justify-items:stretch!important;
  align-items:end!important;
  text-align:left!important;
  gap:40px!important;
  padding-bottom:24px;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.catalog-page .catalog-heading>div{
  text-align:left!important;
}
.catalog-page .catalog-heading h2{
  font-size:clamp(42px,4vw,58px)!important;
  line-height:.9!important;
}
.catalog-page .catalog-heading>p{
  max-width:360px!important;
  margin:0!important;
  text-align:right!important;
  font-size:11px!important;
  line-height:1.5!important;
  color:#b8b8b8!important;
}

.catalog-page .universe-browser{
  max-width:100%!important;
  padding:0 0 26px!important;
}
.catalog-page .universe-heading{
  align-items:flex-start!important;
  text-align:left!important;
  margin:0 0 16px!important;
}
.catalog-page .universe-heading h2{
  font-size:clamp(28px,2.7vw,40px)!important;
}
.catalog-page .universe-heading p{
  margin:0!important;
  text-align:left!important;
  max-width:420px!important;
  font-size:10px!important;
}
.catalog-page .universe-grid{
  max-width:none!important;
  width:100%!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px!important;
}
.catalog-page .universe-tile{
  border:1px solid rgba(255,255,255,.09)!important;
  background:#090b0e!important;
  border-radius:2px!important;
  overflow:hidden!important;
  box-shadow:none!important;
  aspect-ratio:1.22/1!important;
  padding:0!important;
}
.catalog-page .universe-tile img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:scale(.94)!important;
  transition:transform .38s cubic-bezier(.16,1,.3,1),filter .35s ease!important;
}
@media(hover:hover) and (pointer:fine){
  .catalog-page .universe-tile:hover img{
    transform:scale(1)!important;
    filter:brightness(1.08) contrast(1.03)!important;
  }
}

.catalog-page .collection-browser{
  align-items:flex-start!important;
  text-align:left!important;
  margin:24px 0 0!important;
  padding-top:18px!important;
  gap:10px!important;
}
.catalog-page .collection-chips{
  justify-content:flex-start!important;
}
.catalog-page .collection-chips a{
  min-height:34px!important;
  padding:8px 13px!important;
  font-size:8px!important;
  background:#090b0e!important;
  border:1px solid rgba(255,255,255,.11)!important;
}

/* Featured area becomes a clean shelf like image 002. */
.catalog-page .bb-featured-strip{
  max-width:1160px!important;
  margin:0 auto!important;
  padding:40px 24px 46px!important;
  border-top:1px solid rgba(255,255,255,.055);
}
.catalog-page .bb-featured-head{
  max-width:100%!important;
}
.catalog-page .bb-featured-head h2{
  font-size:clamp(28px,2.5vw,38px)!important;
}
.catalog-page .bb-featured-head>p{
  font-size:9px!important;
  line-height:1.45!important;
}
.catalog-page .bb-mini-grid{
  gap:8px!important;
}
.catalog-page .bb-mini-card{
  background:#080a0c!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:2px!important;
  box-shadow:none!important;
}

/* Slim reassurance bar from the mockup. */
.shop-trust-strip{
  max-width:1160px;
  margin:0 auto 24px;
  padding:0 24px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.shop-trust-strip article{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:17px 18px;
  background:#080a0c;
  border-top:1px solid rgba(255,255,255,.075);
  border-bottom:1px solid rgba(255,255,255,.075);
  border-right:1px solid rgba(255,255,255,.055);
}
.shop-trust-strip article:first-child{
  border-left:1px solid rgba(255,255,255,.075);
}
.shop-trust-strip i{
  color:#ddd;
  font-size:17px;
  flex:0 0 auto;
}
.shop-trust-strip div{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.shop-trust-strip strong{
  color:#eee;
  font-size:8px;
  letter-spacing:1.15px;
}
.shop-trust-strip span{
  color:#8f9295;
  font-size:8px;
}

.catalog-page .shop-footer{
  max-width:1160px;
  margin:0 auto;
  padding:22px 24px 30px!important;
  border-top:1px solid rgba(255,255,255,.05)!important;
  color:#707479!important;
  font-size:9px!important;
}

@media(max-width:900px){
  .catalog-page .universe-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .catalog-page .catalog-heading{
    grid-template-columns:1fr!important;
  }
  .catalog-page .catalog-heading>p{
    text-align:left!important;
  }
  .shop-trust-strip{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:560px){
  .catalog-page .universe-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .shop-trust-strip{
    grid-template-columns:1fr;
  }
}


/* Rev62 — same upper-left Bacon Bin signature size on Shop as About/BITS. */
.catalog-page .shop-brand{gap:10px!important;}
.catalog-page .shop-brand img{width:45px!important;height:45px!important;object-fit:contain!important;}
.catalog-page .shop-brand b{font-size:23px!important;font-weight:900!important;letter-spacing:-.3px!important;}
.catalog-page .shop-brand small{display:block!important;font-size:9px!important;font-weight:700!important;letter-spacing:.3px!important;margin-top:2px!important;}
@media(max-width:560px){
  .catalog-page .shop-brand img{width:42px!important;height:42px!important;}
  .catalog-page .shop-brand b{font-size:19px!important;}
  .catalog-page .shop-brand small{display:none!important;}
}


/* =========================================================
   Rev63 TEST — featured concept shelf from the existing mockup artwork
   ========================================================= */

.concept-featured-strip{
  padding-top:36px!important;
}
.concept-featured-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
}
.concept-featured-grid article{
  min-width:0;
  padding:7px 7px 12px;
  background:#080a0c;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:none;
  transition:transform .28s ease,border-color .28s ease,background .28s ease;
}
.concept-featured-grid article:hover{
  transform:translateY(-3px);
  border-color:rgba(227,58,49,.38);
  background:#0b0d10;
}
.concept-featured-grid img{
  display:block;
  width:100%;
  aspect-ratio:.72/1;
  object-fit:cover;
  object-position:center top;
  margin-bottom:10px;
  background:#050608;
}
.concept-featured-grid small{
  display:block;
  color:#7f858b;
  font-size:7px;
  letter-spacing:.8px;
}
.concept-featured-grid h3{
  margin:4px 0 8px;
  color:#efefec;
  font-size:12px;
  line-height:1.1;
}
.concept-featured-grid b{
  color:#e33a31;
  font-size:11px;
}
@media(max-width:900px){
  .concept-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:560px){
  .concept-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}


/* Rev66 — Product detail pages should read like a collector listing,
   not a full-screen billboard. */
.product-page .product-breadcrumbs{
  max-width:1380px!important;
  margin:0 auto!important;
  padding:22px clamp(24px,4vw,58px) 12px!important;
  min-height:20px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:0;
  border-bottom:1px solid rgba(255,255,255,.045);
}

.product-page .shop-product{
  width:min(1380px,94vw)!important;
  max-width:1380px!important;
  margin:0 auto 42px!important;
  padding:20px 0 0!important;
  min-height:0!important;
  grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)!important;
  gap:0!important;
  background:#070809;
  border:1px solid rgba(255,255,255,.055);
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}

.product-page .shop-art.product-photo-stage{
  min-height:620px!important;
  height:620px!important;
  background-color:#0b0d10!important;
  background-size:auto 82%!important;
  background-position:center 42%!important;
  background-repeat:no-repeat!important;
  border-right:1px solid rgba(255,255,255,.055);
}

/* Soft stage vignette instead of a giant photo swallowing the page. */
.product-page .shop-art.product-photo-stage::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 75% 72% at 50% 45%,
      transparent 0%,
      transparent 62%,
      rgba(0,0,0,.12) 82%,
      rgba(0,0,0,.46) 100%);
  z-index:1;
}

.product-page .product-thumbs{
  z-index:4!important;
  left:18px!important;
  right:18px!important;
  bottom:16px!important;
  max-width:none!important;
  justify-content:center!important;
}
.product-page .product-thumbs button{
  width:54px!important;
  height:54px!important;
  background:#080a0c!important;
  border-color:rgba(255,255,255,.18)!important;
}
.product-page .product-thumbs button.active{
  border-color:#d73530!important;
  box-shadow:0 0 13px rgba(215,53,48,.25);
}

.product-page .shop-info{
  padding:48px 42px 50px!important;
  min-width:0!important;
}
.product-page .shop-info h1{
  font-size:clamp(34px,3.2vw,52px)!important;
  line-height:.96!important;
}
.product-page .shop-sub{
  font-size:14px!important;
  line-height:1.45!important;
}
.product-page .shop-price{
  font-size:clamp(32px,3vw,44px)!important;
}

.product-page .bin-index,
.product-page .bb-product-discovery{
  max-width:1380px!important;
}

@media(max-width:1000px){
  .product-page .shop-product{
    grid-template-columns:1fr!important;
  }
  .product-page .shop-art.product-photo-stage{
    height:560px!important;
    min-height:560px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.055);
    background-size:auto 78%!important;
  }
}
@media(max-width:600px){
  .product-page .shop-product{
    width:100%!important;
    border-left:0!important;
    border-right:0!important;
  }
  .product-page .shop-art.product-photo-stage{
    height:460px!important;
    min-height:460px!important;
    background-size:auto 72%!important;
  }
  .product-page .shop-info{
    padding:34px 24px 44px!important;
  }
  .product-page .product-thumbs{
    justify-content:flex-start!important;
    overflow-x:auto;
    flex-wrap:nowrap!important;
  }
}


/* Rev71 — sitewide small-type and spacing pass */
.catalog-kicker{
  font-size:9px!important;
  line-height:1.25!important;
}
.shop-eyebrow{
  font-size:12px!important;
  line-height:1.25!important;
}
.shop-sub{
  font-size:16px!important;
  line-height:1.55!important;
}
.product-spec-grid span{
  line-height:1.45!important;
}
.bb-featured-head p,
.bb-discovery-head p,
.catalog-intro p,
.category-intro p{
  font-size:14px!important;
  line-height:1.6!important;
}
.bb-mini-product small{
  font-size:9px!important;
}
.bb-mini-product h3{
  font-size:15px!important;
}
.bb-mini-product b{
  font-size:15px!important;
}
.shop-brand small{
  font-size:10px!important;
}

/* Rev72 Featured concept repair */
.refined-featured-concepts .concept-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;align-items:stretch}
.refined-featured-concepts .concept-featured-grid article{display:flex;flex-direction:column;min-width:0;padding:9px 9px 14px!important;background:linear-gradient(180deg,#0a0c0f,#08090b)!important;border:1px solid rgba(255,255,255,.10)!important;overflow:hidden}
.refined-featured-concepts .concept-figure-frame{width:100%;aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.045),transparent 56%),#050608;border:1px solid rgba(255,255,255,.045);margin-bottom:12px}
.refined-featured-concepts .concept-figure-frame img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;margin:0!important;background:transparent!important;transform:none!important}
.refined-featured-concepts .concept-featured-grid article:hover .concept-figure-frame img{transform:scale(1.012)!important}
.refined-featured-concepts .concept-featured-grid small{font-size:8px!important;line-height:1.25!important;letter-spacing:.9px!important;margin:0 0 5px!important}
.refined-featured-concepts .concept-featured-grid h3{margin:0 0 8px!important;font-size:15px!important;line-height:1.1!important}
.refined-featured-concepts .concept-featured-grid b{margin-top:auto;color:#f2f1ed!important;font-size:14px!important}
.preview-concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.preview-concept-grid img{width:100%!important;aspect-ratio:4/5!important;height:auto!important;object-fit:contain!important;object-position:center!important;background:#050608!important;margin:0 0 9px!important}
@media(max-width:950px){.refined-featured-concepts .concept-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.refined-featured-concepts .concept-featured-grid{grid-template-columns:1fr!important}}


/* =========================================================
   Rev73 — Featured shelf enlargement + high-resolution presentation
   ========================================================= */

/* Rev61-era rules had capped Featured at 1160px, which made four cards tiny.
   Give this specific shelf nearly the full desktop canvas. */
.bb-featured-strip.refined-featured-concepts{
  width:min(1580px,96vw)!important;
  max-width:1580px!important;
  margin:0 auto!important;
  padding:46px clamp(18px,2vw,34px) 58px!important;
}

.refined-featured-concepts .bb-featured-head{
  margin-bottom:22px!important;
}

.refined-featured-concepts .concept-featured-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}

.refined-featured-concepts .concept-featured-grid article{
  padding:11px 11px 17px!important;
  min-height:0!important;
}

/* Larger art window with almost no wasted padding. */
.refined-featured-concepts .concept-figure-frame{
  aspect-ratio:4/5!important;
  margin-bottom:14px!important;
  background:#050608!important;
}

.refined-featured-concepts .concept-figure-frame img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  image-rendering:auto!important;
  transform:none!important;
  filter:none!important;
  backface-visibility:hidden;
}

/* No hover scaling here — avoids browser resampling softness. */
.refined-featured-concepts .concept-featured-grid article:hover .concept-figure-frame img{
  transform:none!important;
}

.refined-featured-concepts .concept-featured-grid small{
  font-size:9px!important;
}
.refined-featured-concepts .concept-featured-grid h3{
  font-size:17px!important;
  margin-bottom:9px!important;
}
.refined-featured-concepts .concept-featured-grid b{
  font-size:15px!important;
}

/* Wider desktop screens get genuinely substantial figure cards. */
@media(min-width:1650px){
  .bb-featured-strip.refined-featured-concepts{
    width:min(1660px,95vw)!important;
    max-width:1660px!important;
  }
  .refined-featured-concepts .concept-featured-grid{
    gap:20px!important;
  }
}

/* Tablet stays at two large cards rather than squeezing four. */
@media(max-width:1100px){
  .bb-featured-strip.refined-featured-concepts{
    width:min(900px,94vw)!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .refined-featured-concepts .concept-featured-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }
}

/* Mobile: one large centered card per row. */
@media(max-width:600px){
  .bb-featured-strip.refined-featured-concepts{
    width:100%!important;
    padding:36px 18px 48px!important;
  }
  .refined-featured-concepts .concept-featured-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .refined-featured-concepts .concept-featured-grid article{
    width:min(430px,100%)!important;
    margin:0 auto!important;
  }
}

/* Homepage quick-shop concepts also get a cleaner, larger display. */
.home-shop-preview-panel{
  width:min(820px,60vw)!important;
}
.preview-concept-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.preview-concept-grid img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/5!important;
  object-fit:contain!important;
  image-rendering:auto!important;
  transform:none!important;
  filter:none!important;
}
@media(max-width:900px){
  .home-shop-preview-panel{width:min(720px,88vw)!important;}
}
@media(max-width:620px){
  .home-shop-preview-panel{width:100%!important;}
}


/* =========================================================
   Rev74 — Shop By Universe artwork fit + glass gleam
   ========================================================= */

/* Restore the tiles to the artwork's intended wide proportion.
   The Rev61 1.22:1 box was forcing the 344:206 artwork to crop. */
.catalog-page .universe-grid{
  gap:14px!important;
}

.catalog-page .universe-tile{
  position:relative!important;
  aspect-ratio:344/206!important;
  padding:5px!important;
  overflow:hidden!important;
  background:
    linear-gradient(180deg,#0b0d10 0%,#07090b 100%)!important;
  border:1px solid rgba(255,255,255,.105)!important;
  border-radius:4px!important;
  isolation:isolate!important;
  transform:translateZ(0);
  backface-visibility:hidden;
}

/* Show every pixel of the category artwork/logo instead of trimming the edges. */
.catalog-page .universe-tile img{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  filter:none!important;
  opacity:1!important;
  border-radius:2px!important;
  image-rendering:auto!important;
  backface-visibility:hidden!important;
  transition:
    transform .42s cubic-bezier(.16,1,.3,1),
    brightness .35s ease!important;
}

/* Keep the hover movement on the card rather than zooming/cropping the logo art. */
.catalog-page .universe-tile:hover,
.catalog-page .universe-tile:focus-visible{
  transform:translate3d(0,-3px,0)!important;
  border-color:rgba(215,53,48,.64)!important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.40),
    0 0 18px rgba(215,53,48,.12)!important;
}

.catalog-page .universe-tile:hover img,
.catalog-page .universe-tile:focus-visible img,
.catalog-page .universe-tile.active img{
  transform:none!important;
  filter:brightness(1.055)!important;
}

/* Subtle permanent glass surface. */
.catalog-page .universe-tile::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  inset:5px!important;
  pointer-events:none!important;
  border-radius:2px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),transparent 22%,transparent 78%,rgba(255,255,255,.018)),
    linear-gradient(90deg,rgba(255,255,255,.025),transparent 12%,transparent 88%,rgba(255,255,255,.018))!important;
}

/* GPU-composited transform-only gleam.
   On 120/144/240 Hz displays the browser can render it at the native refresh
   rate; no blur/filter animation is used, which keeps it exceptionally smooth. */
.catalog-page .universe-tile::before{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  top:-18%!important;
  bottom:-18%!important;
  left:-62%!important;
  width:38%!important;
  pointer-events:none!important;
  opacity:0!important;
  background:linear-gradient(
    108deg,
    transparent 0%,
    rgba(255,255,255,.015) 24%,
    rgba(255,255,255,.10) 42%,
    rgba(255,255,255,.31) 50%,
    rgba(255,255,255,.095) 58%,
    transparent 78%
  )!important;
  transform:translate3d(-145%,0,0) skewX(-17deg)!important;
  will-change:transform,opacity;
  backface-visibility:hidden;
  animation:bbUniverseGlassGleam 7.4s linear infinite;
}

/* Stagger the sweep so the whole grid doesn't flash at once. */
.catalog-page .universe-tile:nth-child(2)::before{animation-delay:.34s}
.catalog-page .universe-tile:nth-child(3)::before{animation-delay:.68s}
.catalog-page .universe-tile:nth-child(4)::before{animation-delay:1.02s}
.catalog-page .universe-tile:nth-child(5)::before{animation-delay:1.36s}
.catalog-page .universe-tile:nth-child(6)::before{animation-delay:1.70s}
.catalog-page .universe-tile:nth-child(7)::before{animation-delay:2.04s}
.catalog-page .universe-tile:nth-child(8)::before{animation-delay:2.38s}
.catalog-page .universe-tile:nth-child(9)::before{animation-delay:2.72s}
.catalog-page .universe-tile:nth-child(10)::before{animation-delay:3.06s}

@keyframes bbUniverseGlassGleam{
  0%,69%{
    opacity:0;
    transform:translate3d(-145%,0,0) skewX(-17deg);
  }
  71%{
    opacity:.16;
  }
  78%{
    opacity:.82;
  }
  87%{
    opacity:.20;
  }
  90%,100%{
    opacity:0;
    transform:translate3d(575%,0,0) skewX(-17deg);
  }
}

/* A touch more air at intermediate widths too. */
@media(max-width:1100px){
  .catalog-page .universe-grid{
    gap:13px!important;
  }
}
@media(max-width:700px){
  .catalog-page .universe-grid{
    gap:11px!important;
  }
  .catalog-page .universe-tile{
    padding:4px!important;
  }
  .catalog-page .universe-tile::after{
    inset:4px!important;
  }
}

/* Respect accessibility preferences without changing the glass appearance. */
@media(prefers-reduced-motion:reduce){
  .catalog-page .universe-tile::before{
    animation:none!important;
    opacity:0!important;
  }
}


/* =========================================================
   Rev75 — White illumination hover for Shop By Universe
   ========================================================= */

/* Smooth whole-card light-up effect. No red illumination. */
.catalog-page .universe-tile{
  transition:
    transform .38s cubic-bezier(.16,1,.3,1),
    border-color .34s ease,
    box-shadow .42s cubic-bezier(.16,1,.3,1),
    background-color .34s ease!important;
}

/* Static glass becomes a subtle optical surface that can "catch" light. */
.catalog-page .universe-tile::after{
  opacity:.42!important;
  background:
    radial-gradient(ellipse 85% 72% at 50% 46%,
      rgba(255,255,255,.025) 0%,
      rgba(255,255,255,.012) 42%,
      transparent 70%),
    linear-gradient(180deg,
      rgba(255,255,255,.055) 0%,
      rgba(255,255,255,.015) 22%,
      transparent 58%,
      rgba(255,255,255,.02) 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.018),
    inset 0 0 22px rgba(255,255,255,.018)!important;
  transition:
    opacity .38s ease,
    box-shadow .45s cubic-bezier(.16,1,.3,1),
    background .45s ease!important;
}

/* Hyper-realistic white illumination: a bright edge, soft light spill,
   and a faint internal glass bloom rather than a neon outline. */
.catalog-page .universe-tile:hover,
.catalog-page .universe-tile:focus-visible{
  transform:translate3d(0,-4px,0) scale(1.006)!important;
  border-color:rgba(255,255,255,.72)!important;
  background:#0d1014!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.10),
    0 0 8px rgba(255,255,255,.24),
    0 0 22px rgba(255,255,255,.15),
    0 0 52px rgba(255,255,255,.08),
    0 18px 42px rgba(0,0,0,.48),
    inset 0 0 18px rgba(255,255,255,.065),
    inset 0 0 44px rgba(255,255,255,.025)!important;
}

/* The artwork itself brightens like it is being lit from the front,
   without zooming or losing any logo edges. */
.catalog-page .universe-tile:hover img,
.catalog-page .universe-tile:focus-visible img{
  transform:none!important;
  filter:
    brightness(1.16)
    contrast(1.035)
    saturate(1.025)!important;
  opacity:1!important;
}

/* Glass bloom rolls across the full tile on hover. */
.catalog-page .universe-tile:hover::after,
.catalog-page .universe-tile:focus-visible::after{
  opacity:1!important;
  background:
    radial-gradient(ellipse 88% 76% at 48% 44%,
      rgba(255,255,255,.14) 0%,
      rgba(255,255,255,.075) 22%,
      rgba(255,255,255,.025) 48%,
      transparent 74%),
    linear-gradient(180deg,
      rgba(255,255,255,.13) 0%,
      rgba(255,255,255,.035) 19%,
      transparent 57%,
      rgba(255,255,255,.035) 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.10),
    inset 0 0 20px rgba(255,255,255,.085),
    inset 0 0 48px rgba(255,255,255,.035)!important;
}

/* Give the existing gleam a little more presence only while hovered.
   Still transform-only, so it stays very smooth at high refresh rates. */
.catalog-page .universe-tile:hover::before,
.catalog-page .universe-tile:focus-visible::before{
  animation-duration:2.1s!important;
  opacity:.95;
}

/* Active tiles stay elegant and neutral instead of red. */
.catalog-page .universe-tile.active{
  border-color:rgba(255,255,255,.52)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.07),
    0 0 18px rgba(255,255,255,.10),
    inset 0 0 22px rgba(255,255,255,.04)!important;
}

/* Mouse hover gets the full effect; touch devices avoid sticky illumination. */
@media(hover:none){
  .catalog-page .universe-tile:hover{
    transform:none!important;
    border-color:rgba(255,255,255,.105)!important;
    box-shadow:none!important;
    background:linear-gradient(180deg,#0b0d10 0%,#07090b 100%)!important;
  }
  .catalog-page .universe-tile:hover img{
    filter:none!important;
  }
  .catalog-page .universe-tile:hover::after{
    opacity:.42!important;
  }
}


/* =========================================================
   Rev76 — Natural white edge illumination
   Removes the "white stroke" look from Rev75.
   ========================================================= */

/* Keep the physical card edge understated. The illumination should read
   as light spilling from behind/around the tile, not as a drawn outline. */
.catalog-page .universe-tile:hover,
.catalog-page .universe-tile:focus-visible{
  transform:translate3d(0,-3px,0) scale(1.004)!important;
  border-color:rgba(255,255,255,.18)!important;
  background:#0c0f12!important;
  box-shadow:
    0 5px 18px rgba(0,0,0,.34),
    0 0 16px -5px rgba(255,255,255,.30),
    0 0 34px -9px rgba(255,255,255,.22),
    0 0 62px -18px rgba(255,255,255,.16),
    0 0 96px -30px rgba(255,255,255,.10),
    0 18px 42px rgba(0,0,0,.42),
    inset 0 0 24px rgba(255,255,255,.025)!important;
}

/* Make the image feel front-lit, but keep the package art true to itself. */
.catalog-page .universe-tile:hover img,
.catalog-page .universe-tile:focus-visible img{
  transform:none!important;
  filter:
    brightness(1.105)
    contrast(1.02)
    saturate(1.015)!important;
}

/* Softer glass response: broad, diffused center illumination instead of
   a bright rim line hugging the edge. */
.catalog-page .universe-tile:hover::after,
.catalog-page .universe-tile:focus-visible::after{
  opacity:.82!important;
  background:
    radial-gradient(ellipse 90% 82% at 50% 48%,
      rgba(255,255,255,.105) 0%,
      rgba(255,255,255,.060) 24%,
      rgba(255,255,255,.022) 52%,
      transparent 78%),
    linear-gradient(180deg,
      rgba(255,255,255,.075) 0%,
      rgba(255,255,255,.022) 22%,
      transparent 60%,
      rgba(255,255,255,.015) 100%)!important;
  box-shadow:
    inset 0 0 30px rgba(255,255,255,.045),
    inset 0 0 64px rgba(255,255,255,.018)!important;
}

/* Active state is neutral and subtle, not outlined. */
.catalog-page .universe-tile.active{
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:
    0 0 24px -10px rgba(255,255,255,.14),
    0 10px 28px rgba(0,0,0,.35)!important;
}

/* On touch, retain the normal non-illuminated appearance. */
@media(hover:none){
  .catalog-page .universe-tile:hover{
    transform:none!important;
    border-color:rgba(255,255,255,.105)!important;
    box-shadow:none!important;
    background:linear-gradient(180deg,#0b0d10 0%,#07090b 100%)!important;
  }
}


/* =========================================================
   Rev77 TEST — Star Wars "logo comes alive" proof of concept
   ========================================================= */

/* Dedicated Star Wars tile gets its own motion language. */
.catalog-page .universe-tile.star-wars-live-tile{
  perspective:900px;
  transform-style:preserve-3d;
}

/* Keep the actual Star Wars artwork completely visible.
   Motion is a tiny 3D push rather than a large zoom/crop. */
.catalog-page .universe-tile.star-wars-live-tile img{
  z-index:2!important;
  transform:translate3d(0,0,0) scale(1)!important;
  transform-origin:center center!important;
  transition:
    transform 1.05s cubic-bezier(.16,1,.3,1),
    filter .8s ease,
    opacity .8s ease!important;
  will-change:transform,filter;
}

/* Hide the generic tile gleam while this custom animation is running.
   The normal glass layer remains underneath. */
.catalog-page .universe-tile.star-wars-live-tile:hover::before,
.catalog-page .universe-tile.star-wars-live-tile:focus-visible::before{
  opacity:.10!important;
  animation-play-state:paused!important;
}

/* Custom effects wrapper. */
.sw-hyperspace-fx{
  position:absolute!important;
  z-index:3!important;
  inset:5px!important;
  overflow:hidden!important;
  border-radius:2px!important;
  pointer-events:none!important;
  opacity:0;
  transition:opacity .42s ease;
  transform:translateZ(2px);
}

/* The stars are procedural — no extra image asset.
   Each layer is a set of tiny points radiating around the center. */
.sw-star-layer{
  position:absolute;
  left:50%;
  top:50%;
  width:2px;
  height:2px;
  margin:-1px 0 0 -1px;
  border-radius:50%;
  opacity:0;
  transform-origin:center center;
  will-change:transform,opacity;
  backface-visibility:hidden;
}

/* Near stars. */
.sw-star-layer-a{
  background:#fff;
  box-shadow:
    22px -9px 0 0 rgba(255,255,255,.92),
    -26px 13px 0 0 rgba(255,255,255,.86),
    44px 18px 0 0 rgba(255,255,255,.80),
    -48px -21px 0 0 rgba(255,255,255,.84),
    71px -38px 0 0 rgba(255,255,255,.72),
    -77px 35px 0 0 rgba(255,255,255,.72),
    95px 8px 0 0 rgba(255,255,255,.74),
    -102px -7px 0 0 rgba(255,255,255,.68),
    123px 47px 0 0 rgba(255,255,255,.60),
    -130px -45px 0 0 rgba(255,255,255,.62),
    151px -69px 0 0 rgba(255,255,255,.58),
    -158px 72px 0 0 rgba(255,255,255,.54),
    176px 21px 0 0 rgba(255,255,255,.50),
    -184px -18px 0 0 rgba(255,255,255,.52),
    207px -92px 0 0 rgba(255,255,255,.44),
    -216px 91px 0 0 rgba(255,255,255,.46),
    238px 58px 0 0 rgba(255,255,255,.42),
    -245px -60px 0 0 rgba(255,255,255,.44);
}

/* Far stars, offset from the first layer for richer depth. */
.sw-star-layer-b{
  background:rgba(255,255,255,.8);
  box-shadow:
    16px 18px 0 0 rgba(255,255,255,.64),
    -19px -20px 0 0 rgba(255,255,255,.62),
    37px -32px 0 0 rgba(255,255,255,.58),
    -41px 34px 0 0 rgba(255,255,255,.58),
    63px 41px 0 0 rgba(255,255,255,.56),
    -66px -43px 0 0 rgba(255,255,255,.56),
    87px -14px 0 0 rgba(255,255,255,.52),
    -91px 16px 0 0 rgba(255,255,255,.50),
    112px -61px 0 0 rgba(255,255,255,.48),
    -117px 65px 0 0 rgba(255,255,255,.46),
    139px 73px 0 0 rgba(255,255,255,.43),
    -144px -76px 0 0 rgba(255,255,255,.42),
    168px -38px 0 0 rgba(255,255,255,.40),
    -173px 40px 0 0 rgba(255,255,255,.40),
    198px 88px 0 0 rgba(255,255,255,.34),
    -205px -87px 0 0 rgba(255,255,255,.34);
}

/* A faint center-well deepens the "moving through space" illusion. */
.sw-star-vignette{
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(circle at 50% 50%,
      rgba(255,255,255,.025) 0%,
      transparent 11%,
      rgba(0,0,0,.02) 31%,
      rgba(0,0,0,.18) 100%);
  opacity:0;
  transition:opacity .6s ease;
}

/* Hover: artwork eases deeper into the scene while stars accelerate
   from the center toward the viewer. */
.catalog-page .universe-tile.star-wars-live-tile:hover .sw-hyperspace-fx,
.catalog-page .universe-tile.star-wars-live-tile:focus-visible .sw-hyperspace-fx{
  opacity:1;
}

.catalog-page .universe-tile.star-wars-live-tile:hover img,
.catalog-page .universe-tile.star-wars-live-tile:focus-visible img{
  transform:translate3d(0,0,16px) scale(.992)!important;
  filter:brightness(1.12) contrast(1.045)!important;
}

.catalog-page .universe-tile.star-wars-live-tile:hover .sw-star-layer-a,
.catalog-page .universe-tile.star-wars-live-tile:focus-visible .sw-star-layer-a{
  animation:swHyperspaceNear 1.55s cubic-bezier(.22,.61,.36,1) infinite;
}

.catalog-page .universe-tile.star-wars-live-tile:hover .sw-star-layer-b,
.catalog-page .universe-tile.star-wars-live-tile:focus-visible .sw-star-layer-b{
  animation:swHyperspaceFar 2.05s cubic-bezier(.22,.61,.36,1) infinite;
}

.catalog-page .universe-tile.star-wars-live-tile:hover .sw-star-vignette,
.catalog-page .universe-tile.star-wars-live-tile:focus-visible .sw-star-vignette{
  opacity:1;
}

/* The tiny star points elongate as they rush toward the viewer.
   Transform/opacity only = compositor-friendly and extremely smooth. */
@keyframes swHyperspaceNear{
  0%{
    opacity:0;
    transform:scale(.18);
    filter:blur(.1px);
  }
  15%{
    opacity:.42;
  }
  62%{
    opacity:.92;
  }
  100%{
    opacity:0;
    transform:scale(5.7);
    filter:blur(.55px);
  }
}

@keyframes swHyperspaceFar{
  0%{
    opacity:0;
    transform:scale(.12) rotate(.01deg);
  }
  20%{
    opacity:.28;
  }
  68%{
    opacity:.62;
  }
  100%{
    opacity:0;
    transform:scale(4.1) rotate(.01deg);
  }
}

/* Slight optical light-pulse on the whole Star Wars card,
   synced loosely with the star travel. */
.catalog-page .universe-tile.star-wars-live-tile:hover,
.catalog-page .universe-tile.star-wars-live-tile:focus-visible{
  animation:swTilePulse 2.2s ease-in-out infinite;
}

@keyframes swTilePulse{
  0%,100%{
    box-shadow:
      0 5px 18px rgba(0,0,0,.34),
      0 0 16px -5px rgba(255,255,255,.23),
      0 0 34px -9px rgba(255,255,255,.16),
      0 18px 42px rgba(0,0,0,.42);
  }
  50%{
    box-shadow:
      0 5px 18px rgba(0,0,0,.34),
      0 0 20px -4px rgba(255,255,255,.34),
      0 0 46px -9px rgba(255,255,255,.22),
      0 0 82px -22px rgba(255,255,255,.10),
      0 18px 42px rgba(0,0,0,.42);
  }
}

/* Don't run continuous visual motion on touch-only devices. */
@media(hover:none){
  .sw-hyperspace-fx{display:none!important;}
  .catalog-page .universe-tile.star-wars-live-tile:hover{
    animation:none!important;
  }
}

/* Respect OS reduced-motion settings. */
@media(prefers-reduced-motion:reduce){
  .sw-hyperspace-fx{display:none!important;}
  .catalog-page .universe-tile.star-wars-live-tile:hover,
  .catalog-page .universe-tile.star-wars-live-tile:focus-visible{
    animation:none!important;
  }
}


/* =========================================================
   Rev78 — Edge-to-edge Shop By Universe artwork
   ========================================================= */

/* Remove the internal bezel entirely: artwork now reaches the tile edges. */
.catalog-page .universe-tile{
  padding:0!important;
  background:#050608!important;
  overflow:hidden!important;
}

/* Fill the entire tile with the existing universe artwork while preserving
   the full logo composition. */
.catalog-page .universe-tile img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:0!important;
  background:#050608!important;
}

/* Glass layer now covers the artwork edge-to-edge as well. */
.catalog-page .universe-tile::after{
  inset:0!important;
  border-radius:0!important;
}

/* Star Wars hyperspace effect also reaches the full tile bounds. */
.catalog-page .universe-tile.star-wars-live-tile .sw-hyperspace-fx{
  inset:0!important;
  border-radius:0!important;
}

/* No inset gap at tablet/mobile sizes either. */
@media(max-width:700px){
  .catalog-page .universe-tile{
    padding:0!important;
  }
  .catalog-page .universe-tile::after{
    inset:0!important;
  }
}


/* =========================================================
   Rev79 — Lens flare + subtle cool-blue realism
   ========================================================= */

/* Cooler, more photographic light spill. Still overwhelmingly white,
   but with a tiny blue cast like reflected glass/LED light. */
.catalog-page .universe-tile:hover,
.catalog-page .universe-tile:focus-visible{
  border-color:rgba(220,235,255,.18)!important;
  box-shadow:
    0 5px 18px rgba(0,0,0,.34),
    0 0 16px -5px rgba(232,244,255,.30),
    0 0 34px -9px rgba(210,232,255,.24),
    0 0 64px -18px rgba(170,214,255,.17),
    0 0 104px -34px rgba(120,185,255,.11),
    0 18px 42px rgba(0,0,0,.42),
    inset 0 0 26px rgba(215,235,255,.03)!important;
}

/* Subtle cool lift to the artwork itself on hover. */
.catalog-page .universe-tile:hover img,
.catalog-page .universe-tile:focus-visible img{
  filter:
    brightness(1.105)
    contrast(1.02)
    saturate(1.015)
    drop-shadow(0 0 5px rgba(170,215,255,.035))!important;
}

/* The glass bloom gets only a trace of blue — enough to feel optical,
   not enough to read as a blue neon effect. */
.catalog-page .universe-tile:hover::after,
.catalog-page .universe-tile:focus-visible::after{
  background:
    radial-gradient(ellipse 90% 82% at 50% 48%,
      rgba(238,248,255,.11) 0%,
      rgba(216,237,255,.062) 24%,
      rgba(175,215,255,.025) 52%,
      transparent 78%),
    linear-gradient(180deg,
      rgba(242,249,255,.078) 0%,
      rgba(212,234,255,.024) 22%,
      transparent 60%,
      rgba(190,222,255,.016) 100%)!important;
  box-shadow:
    inset 0 0 30px rgba(225,241,255,.046),
    inset 0 0 66px rgba(170,215,255,.020)!important;
}

/* Re-purpose the gleam layer into a more lens-like sweep:
   a thin bright core plus broader cool optical flare. */
.catalog-page .universe-tile::before{
  top:-30%!important;
  bottom:-30%!important;
  width:44%!important;
  background:
    linear-gradient(
      108deg,
      transparent 0%,
      rgba(170,215,255,0) 26%,
      rgba(210,235,255,.045) 38%,
      rgba(245,250,255,.22) 47%,
      rgba(255,255,255,.52) 50%,
      rgba(210,235,255,.18) 54%,
      rgba(150,205,255,.055) 64%,
      transparent 79%
    )!important;
}

/* On hover, make the flare sweep once quickly and cleanly rather than
   looking like a constant stripe moving over the card. */
.catalog-page .universe-tile:hover::before,
.catalog-page .universe-tile:focus-visible::before{
  animation:bbLensFlarePass 1.35s cubic-bezier(.22,.61,.36,1) 1!important;
  opacity:1!important;
}

@keyframes bbLensFlarePass{
  0%{
    opacity:0;
    transform:translate3d(-160%,0,0) skewX(-17deg);
  }
  14%{
    opacity:.18;
  }
  46%{
    opacity:.96;
  }
  76%{
    opacity:.28;
  }
  100%{
    opacity:0;
    transform:translate3d(610%,0,0) skewX(-17deg);
  }
}

/* Add a tiny optical "flare node" at the leading edge using the tile's
   internal glass layer. This remains diffuse — no hard circular blob. */
.catalog-page .universe-tile:hover::after,
.catalog-page .universe-tile:focus-visible::after{
  animation:bbCoolGlassPulse 1.55s ease-out 1;
}

@keyframes bbCoolGlassPulse{
  0%{opacity:.48;}
  38%{opacity:.92;}
  100%{opacity:.82;}
}

/* Star Wars keeps its custom hyperspace effect, but inherits the same
   subtle cool-white lens treatment around the edges. */
.catalog-page .universe-tile.star-wars-live-tile:hover,
.catalog-page .universe-tile.star-wars-live-tile:focus-visible{
  box-shadow:
    0 5px 18px rgba(0,0,0,.34),
    0 0 18px -5px rgba(235,246,255,.30),
    0 0 38px -9px rgba(205,232,255,.22),
    0 0 72px -20px rgba(145,205,255,.14),
    0 18px 42px rgba(0,0,0,.42)!important;
}

/* Touch devices keep the non-hover appearance. */
@media(hover:none){
  .catalog-page .universe-tile:hover::before{
    animation:none!important;
    opacity:0!important;
  }
}

/* Reduced motion: preserve the cool illumination but remove flare travel. */
@media(prefers-reduced-motion:reduce){
  .catalog-page .universe-tile:hover::before,
  .catalog-page .universe-tile:focus-visible::before{
    animation:none!important;
    opacity:.08!important;
    transform:none!important;
  }
}


/* =========================================================
   Rev81 — TMNT animated Shop By Universe tile
   ========================================================= */

.catalog-page .universe-tile.tmnt-animated-tile{
  position:relative!important;
}

/* Static artwork remains the instant-loading poster/fallback. */
.catalog-page .universe-tile.tmnt-animated-tile > img{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  opacity:1!important;
  transition:opacity .30s cubic-bezier(.22,.61,.36,1)!important;
}

/* Firefly video occupies the exact tile bounds. */
.catalog-page .universe-hover-video{
  position:absolute;
  z-index:2;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  opacity:0;
  pointer-events:none;
  transform:translateZ(0);
  backface-visibility:hidden;
  transition:opacity .34s cubic-bezier(.22,.61,.36,1);
  background:#050608;
}

/* Fade to motion on desktop hover/focus. */
.catalog-page .tmnt-animated-tile:hover > img,
.catalog-page .tmnt-animated-tile:focus-visible > img{
  opacity:0!important;
}
.catalog-page .tmnt-animated-tile:hover .universe-hover-video,
.catalog-page .tmnt-animated-tile:focus-visible .universe-hover-video{
  opacity:1;
}

/* Keep the glass/lens treatment above the video. */
.catalog-page .tmnt-animated-tile::before{z-index:4!important;}
.catalog-page .tmnt-animated-tile::after{z-index:3!important;}

/* Touch stays on the static poster for now. */
@media(hover:none){
  .catalog-page .tmnt-animated-tile > img{opacity:1!important;}
  .catalog-page .tmnt-animated-tile .universe-hover-video{display:none!important;}
}

/* Respect reduced motion. */
@media(prefers-reduced-motion:reduce){
  .catalog-page .tmnt-animated-tile > img{opacity:1!important;}
  .catalog-page .tmnt-animated-tile .universe-hover-video{display:none!important;}
}


/* =========================================================
   Rev82 — Edge-only universe glow + seamless TMNT video loop
   ========================================================= */

/* Hover illumination now exists only OUTSIDE the tile surface.
   No white/blue wash sits over the artwork or Firefly video. */
.catalog-page .universe-tile:hover,
.catalog-page .universe-tile:focus-visible{
  border-color:rgba(215,232,248,.09)!important;
  background:#07090b!important;
  box-shadow:
    0 8px 20px rgba(0,0,0,.38),
    0 0 14px -4px rgba(238,248,255,.24),
    0 0 30px -8px rgba(205,232,255,.18),
    0 0 58px -18px rgba(150,205,255,.12),
    0 0 92px -30px rgba(110,180,245,.07)!important;
}

/* Kill the frontal bloom and lens-flare layers while hovered. */
.catalog-page .universe-tile:hover::after,
.catalog-page .universe-tile:focus-visible::after,
.catalog-page .universe-tile:hover::before,
.catalog-page .universe-tile:focus-visible::before{
  opacity:0!important;
  animation:none!important;
  background:none!important;
  box-shadow:none!important;
}

/* Keep the artwork/video surface itself neutral. */
.catalog-page .universe-tile:hover img,
.catalog-page .universe-tile:focus-visible img{
  filter:none!important;
}

/* TMNT poster and Firefly video now use the identical crop and dimensions. */
.catalog-page .tmnt-animated-tile > img,
.catalog-page .tmnt-animated-tile .universe-hover-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
}

/* Quick exact-frame crossfade: no composition jump when hover begins/ends. */
.catalog-page .tmnt-animated-tile > img,
.catalog-page .tmnt-animated-tile .universe-hover-video{
  transition:opacity .16s linear!important;
}


/* =========================================================
   Rev83 — Hot Wheels animated tile, matching approved Rev82 workflow
   ========================================================= */

.catalog-page .hot-wheels-animated-tile{
  position:relative!important;
}

.catalog-page .hot-wheels-animated-tile > img,
.catalog-page .hot-wheels-animated-tile .universe-hover-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  transition:opacity .16s linear!important;
}

.catalog-page .hot-wheels-animated-tile > img{
  z-index:1!important;
  opacity:1!important;
}

.catalog-page .hot-wheels-animated-tile .universe-hover-video{
  z-index:2!important;
  opacity:0;
  pointer-events:none;
  transform:translateZ(0);
  backface-visibility:hidden;
  background:#050608;
}

.catalog-page .hot-wheels-animated-tile:hover > img,
.catalog-page .hot-wheels-animated-tile:focus-visible > img{
  opacity:0!important;
}

.catalog-page .hot-wheels-animated-tile:hover .universe-hover-video,
.catalog-page .hot-wheels-animated-tile:focus-visible .universe-hover-video{
  opacity:1!important;
}

/* Keep generic overlays out of the way; Rev82 edge-only illumination remains. */
.catalog-page .hot-wheels-animated-tile:hover::before,
.catalog-page .hot-wheels-animated-tile:focus-visible::before,
.catalog-page .hot-wheels-animated-tile:hover::after,
.catalog-page .hot-wheels-animated-tile:focus-visible::after{
  opacity:0!important;
  animation:none!important;
  background:none!important;
  box-shadow:none!important;
}

@media(hover:none){
  .catalog-page .hot-wheels-animated-tile > img{opacity:1!important;}
  .catalog-page .hot-wheels-animated-tile .universe-hover-video{display:none!important;}
}

@media(prefers-reduced-motion:reduce){
  .catalog-page .hot-wheels-animated-tile > img{opacity:1!important;}
  .catalog-page .hot-wheels-animated-tile .universe-hover-video{display:none!important;}
}


/* =========================================================
   Rev84 — Star Wars + Transformers animated tiles
   Uses the approved Rev82 edge-only / exact-frame workflow.
   ========================================================= */

.catalog-page .star-wars-animated-tile,
.catalog-page .transformers-animated-tile{
  position:relative!important;
}

/* Disable the old Star Wars procedural proof-of-concept completely now
   that a real Firefly animation is being used. */
.catalog-page .star-wars-animated-tile .sw-hyperspace-fx{
  display:none!important;
}

.catalog-page .star-wars-animated-tile > img,
.catalog-page .star-wars-animated-tile .universe-hover-video,
.catalog-page .transformers-animated-tile > img,
.catalog-page .transformers-animated-tile .universe-hover-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  transition:opacity .16s linear!important;
}

.catalog-page .star-wars-animated-tile > img,
.catalog-page .transformers-animated-tile > img{
  z-index:1!important;
  opacity:1!important;
}

.catalog-page .star-wars-animated-tile .universe-hover-video,
.catalog-page .transformers-animated-tile .universe-hover-video{
  z-index:2!important;
  opacity:0;
  pointer-events:none;
  transform:translateZ(0);
  backface-visibility:hidden;
  background:#050608;
}

.catalog-page .star-wars-animated-tile:hover > img,
.catalog-page .star-wars-animated-tile:focus-visible > img,
.catalog-page .transformers-animated-tile:hover > img,
.catalog-page .transformers-animated-tile:focus-visible > img{
  opacity:0!important;
}

.catalog-page .star-wars-animated-tile:hover .universe-hover-video,
.catalog-page .star-wars-animated-tile:focus-visible .universe-hover-video,
.catalog-page .transformers-animated-tile:hover .universe-hover-video,
.catalog-page .transformers-animated-tile:focus-visible .universe-hover-video{
  opacity:1!important;
}

/* Absolutely no frontal glow/bloom/flare over the Firefly videos.
   The approved Rev82 cool-white edge spill remains on the card itself. */
.catalog-page .star-wars-animated-tile:hover::before,
.catalog-page .star-wars-animated-tile:focus-visible::before,
.catalog-page .star-wars-animated-tile:hover::after,
.catalog-page .star-wars-animated-tile:focus-visible::after,
.catalog-page .transformers-animated-tile:hover::before,
.catalog-page .transformers-animated-tile:focus-visible::before,
.catalog-page .transformers-animated-tile:hover::after,
.catalog-page .transformers-animated-tile:focus-visible::after{
  opacity:0!important;
  animation:none!important;
  background:none!important;
  box-shadow:none!important;
}

@media(hover:none){
  .catalog-page .star-wars-animated-tile > img,
  .catalog-page .transformers-animated-tile > img{opacity:1!important;}

  .catalog-page .star-wars-animated-tile .universe-hover-video,
  .catalog-page .transformers-animated-tile .universe-hover-video{display:none!important;}
}

@media(prefers-reduced-motion:reduce){
  .catalog-page .star-wars-animated-tile > img,
  .catalog-page .transformers-animated-tile > img{opacity:1!important;}

  .catalog-page .star-wars-animated-tile .universe-hover-video,
  .catalog-page .transformers-animated-tile .universe-hover-video{display:none!important;}
}


/* =========================================================
   Rev85 — MOTU animated tile with locked original logo composite
   ========================================================= */

.catalog-page .motu-animated-tile{
  position:relative!important;
}

.catalog-page .motu-animated-tile > img,
.catalog-page .motu-animated-tile .universe-hover-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  transition:opacity .16s linear!important;
}

.catalog-page .motu-animated-tile > img{
  z-index:1!important;
  opacity:1!important;
}

.catalog-page .motu-animated-tile .universe-hover-video{
  z-index:2!important;
  opacity:0;
  pointer-events:none;
  transform:translateZ(0);
  backface-visibility:hidden;
  background:#050608;
}

.catalog-page .motu-animated-tile:hover > img,
.catalog-page .motu-animated-tile:focus-visible > img{
  opacity:0!important;
}

.catalog-page .motu-animated-tile:hover .universe-hover-video,
.catalog-page .motu-animated-tile:focus-visible .universe-hover-video{
  opacity:1!important;
}

/* Approved Rev82 behavior: only edge glow, nothing drawn over the video. */
.catalog-page .motu-animated-tile:hover::before,
.catalog-page .motu-animated-tile:focus-visible::before,
.catalog-page .motu-animated-tile:hover::after,
.catalog-page .motu-animated-tile:focus-visible::after{
  opacity:0!important;
  animation:none!important;
  background:none!important;
  box-shadow:none!important;
}

@media(hover:none){
  .catalog-page .motu-animated-tile > img{opacity:1!important;}
  .catalog-page .motu-animated-tile .universe-hover-video{display:none!important;}
}

@media(prefers-reduced-motion:reduce){
  .catalog-page .motu-animated-tile > img{opacity:1!important;}
  .catalog-page .motu-animated-tile .universe-hover-video{display:none!important;}
}


/* =========================================================
   Rev87 — Cart product-detail navigation
   ========================================================= */

.cart-item-image-link{
  display:block;
  overflow:hidden;
  background:#07090b;
  border:1px solid rgba(255,255,255,.055);
  text-decoration:none;
}

.cart-item-image-link img{
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  transition:transform .28s cubic-bezier(.16,1,.3,1),filter .28s ease;
}

.cart-item-image-link:hover img,
.cart-item-image-link:focus-visible img{
  transform:scale(1.025);
  filter:brightness(1.07);
}

.cart-item-title-link,
.cart-item-title-link:link,
.cart-item-title-link:visited{
  color:#f1f0ed;
  text-decoration:none;
}

.cart-item-title-link:hover,
.cart-item-title-link:focus-visible{
  color:#fff;
  text-decoration:none;
}

.cart-details-link{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  margin-left:5px;
  border:1px solid rgba(255,255,255,.18);
  color:#eee;
  background:#111316;
  font:800 9px/1 Arial,sans-serif;
  letter-spacing:.8px;
  text-decoration:none;
  white-space:nowrap;
  transition:border-color .2s ease,background .2s ease,color .2s ease;
}

.cart-details-link:hover,
.cart-details-link:focus-visible{
  border-color:rgba(255,255,255,.42);
  background:#171a1e;
  color:#fff;
}

@media(max-width:620px){
  .cart-details-link{
    min-height:34px;
    padding:0 11px;
    margin-left:0;
  }
}


/* =========================================================
   Rev88 — Shop inventory / product mobile enhancements
   ========================================================= */
.bb-inventory-browser{width:min(1580px,96vw);margin:0 auto;padding:54px clamp(18px,2vw,34px) 72px}.bb-inventory-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:18px}.bb-inventory-heading h2{font-size:clamp(32px,3.2vw,48px);margin:4px 0}.bb-inventory-heading p{max-width:420px;color:#888;font-size:12px;line-height:1.5}
.bb-inventory-toolbar{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto;gap:10px;align-items:center;padding:12px;background:#080a0c;border:1px solid rgba(255,255,255,.07);margin-bottom:12px}.bb-filter-open{display:none;height:40px;background:#0d1013;border:1px solid #292d31;color:#eee;font-size:9px;font-weight:900}.bb-inventory-search input{width:100%;height:40px;background:#050608;border:1px solid #262a2e;color:#fff;padding:0 12px;font-size:14px}.bb-sort{display:flex;align-items:center;gap:8px}.bb-sort span{font-size:8px;color:#777}.bb-sort select,.bb-filter-panel select{height:40px;background:#090b0e;border:1px solid #282c30;color:#ddd;padding:0 10px}.bb-inventory-count{font-size:9px;color:#777;text-align:right;min-width:62px}
.bb-inventory-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:15px}.bb-filter-panel{padding:17px;background:#080a0c;border:1px solid rgba(255,255,255,.065);align-self:start;display:grid;gap:16px}.bb-filter-panel-head{display:flex;justify-content:space-between;align-items:center}.bb-filter-panel-head strong{font-size:10px}.bb-filter-panel-head button{display:none}.bb-filter-panel fieldset{border:0;padding:0;margin:0;display:grid;gap:7px}.bb-filter-panel legend{font-size:8px;color:#777;letter-spacing:.9px;margin-bottom:6px}.bb-filter-panel select{width:100%;font-size:11px}.bb-stock-check{display:flex;gap:8px;align-items:center;color:#aaa;font-size:10px}.bb-filter-actions{display:flex;gap:7px}.bb-filter-actions button{flex:1;height:36px;border:1px solid #292d31;background:#0c0e11;color:#aaa;font-size:8px;font-weight:900}.bb-filter-actions .primary{background:var(--foundation-red);border-color:var(--foundation-red);color:#fff}
.bb-modern-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.bb-modern-card .product-card-image{min-height:270px}.bb-modern-card .product-card-image img{object-fit:contain}.bb-skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bb-skeleton-grid i{display:block;aspect-ratio:.72;background:linear-gradient(100deg,#090b0d 20%,#111419 45%,#090b0d 70%);background-size:220% 100%;animation:bbSkeleton 1.2s linear infinite}@keyframes bbSkeleton{to{background-position:-220% 0}}
.bb-modern-empty{text-align:center;padding:62px 20px;background:#080a0c;border:1px solid rgba(255,255,255,.06)}.bb-modern-empty img{width:58px}.bb-modern-empty h3{color:#fff}.bb-modern-empty p{color:#888}.bb-modern-empty button{height:38px;padding:0 14px;background:#111317;border:1px solid #31353a;color:#fff;font-weight:900;font-size:9px}

/* sticky mobile add */
.bb-sticky-buy{display:none}

/* shipping estimator */
.bb-delivery-estimator{margin:17px 0;padding:13px;background:#090b0e;border:1px solid rgba(255,255,255,.07)}.bb-delivery-estimator>b{display:block;color:#eee;font-size:9px;letter-spacing:.8px}.bb-delivery-estimator form{display:flex;margin:9px 0 7px}.bb-delivery-estimator input{min-width:0;flex:1;height:36px;background:#050608;border:1px solid #2a2e32;color:#fff;padding:0 10px;font-size:16px}.bb-delivery-estimator button{height:36px;border:0;background:#171a1e;color:#eee;font-weight:900;font-size:8px;padding:0 11px}.bb-delivery-estimator span{color:#777;font-size:9px;line-height:1.4}.bb-swipe-cue{display:none}

/* waitlist */
.bb-waitlist-modal{position:fixed;z-index:14000;inset:0;visibility:hidden;pointer-events:none}.bb-waitlist-modal.open{visibility:visible;pointer-events:auto}.bb-waitlist-scrim{position:absolute;inset:0;background:rgba(0,0,0,.72)}.bb-waitlist-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,90vw);padding:28px;background:#080a0c;border:1px solid #2d3135;display:grid;gap:12px}.bb-waitlist-box>button[data-wait-close]{position:absolute;right:10px;top:10px;width:35px;height:35px;background:#0e1013;border:1px solid #292d31;color:#fff}.bb-waitlist-box h2{margin:0;color:#fff}.bb-waitlist-box p{color:#aaa}.bb-waitlist-box label{display:grid;gap:6px;color:#888;font-size:9px}.bb-waitlist-box input[type=email]{height:42px;background:#050608;border:1px solid #2b2f33;color:#fff;padding:0 11px;font-size:16px}.bb-waitlist-box .primary{height:42px;border:0;background:var(--foundation-red);color:#fff;font-weight:900}.bb-waitlist-box small{min-height:16px;color:#aaa}

@media(max-width:1100px){
  .bb-modern-product-grid,.bb-skeleton-grid{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:800px){
  .bb-inventory-heading{display:block}.bb-inventory-heading p{margin-top:8px}.bb-inventory-toolbar{grid-template-columns:auto 1fr auto}.bb-filter-open{display:block}.bb-inventory-count{grid-column:1/-1;text-align:left}.bb-inventory-layout{grid-template-columns:1fr}
  .bb-filter-panel{position:fixed;z-index:13500;left:0;right:0;bottom:0;max-height:84vh;overflow:auto;transform:translateY(103%);transition:transform .35s cubic-bezier(.16,1,.3,1);border-radius:14px 14px 0 0;padding:22px 18px}.bb-filter-panel.open{transform:none}.bb-filter-panel-head button{display:block;width:38px;height:38px;background:#0c0e11;border:1px solid #292d31;color:#fff;font-size:20px}
  .bb-modern-product-grid,.bb-skeleton-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:620px){
  .bb-inventory-browser{width:100%;padding:42px 14px 62px}.bb-inventory-toolbar{grid-template-columns:auto minmax(0,1fr)}.bb-sort{grid-column:1/-1}.bb-sort select{flex:1}.bb-modern-product-grid,.bb-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.bb-modern-card .product-card-image{min-height:190px}
  .bb-sticky-buy{position:fixed;z-index:10000;left:9px;right:9px;bottom:9px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 9px 9px 13px;background:rgba(6,8,10,.95);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 40px rgba(0,0,0,.55);transform:translateY(130%);transition:transform .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(12px)}.bb-sticky-buy.show{transform:none}.bb-sticky-buy div{min-width:0}.bb-sticky-buy small{display:block;max-width:55vw;color:#aaa;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-sticky-buy b{display:block;color:#fff;font-size:14px;margin-top:2px}.bb-sticky-buy button{min-width:122px;height:42px;border:0;background:var(--foundation-red);color:#fff;font-weight:900;font-size:9px}
  .bb-swipe-cue{display:block;position:absolute;z-index:6;right:12px;top:12px;padding:5px 7px;background:rgba(5,6,8,.72);color:#ddd;font:800 7px/1 Arial;letter-spacing:.7px}
}


/* =========================================================
   Rev89 — Browse The Inventory card cleanup
   ========================================================= */

/* Keep the inventory shelf substantial without letting the cards become
   giant category-page rows. These overrides are scoped ONLY to Rev88's
   Browse The Inventory grid. */
.bb-inventory-results{
  min-width:0;
}

.bb-modern-product-grid{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}

/* Force the modern inventory cards into a clean vertical retail-card shape.
   Older product-card rules elsewhere in the site intentionally remain alone. */
.bb-modern-product-grid .bb-modern-card{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  grid-template-columns:none!important;
  overflow:hidden!important;
  background:#090b0e!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 9px 26px rgba(0,0,0,.16)!important;
  transition:
    transform .26s cubic-bezier(.16,1,.3,1),
    border-color .26s ease,
    box-shadow .26s ease!important;
}

.bb-modern-product-grid .bb-modern-card:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 15px 34px rgba(0,0,0,.26)!important;
}

/* Consistent photo window: roomy enough for boxed figures, but no giant
   270+ pixel billboard effect. */
.bb-modern-product-grid .bb-modern-card .product-card-image{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:228px!important;
  min-height:228px!important;
  padding:13px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 50% 46%,rgba(255,255,255,.035),transparent 58%),
    #06080a!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}

.bb-modern-product-grid .bb-modern-card .product-card-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  filter:none!important;
}

.bb-modern-product-grid .bb-modern-card:hover .product-card-image img{
  transform:scale(1.012)!important;
  transition:transform .3s cubic-bezier(.16,1,.3,1)!important;
}

/* Keep the status chip compact and aligned. */
.bb-modern-product-grid .bb-modern-card .product-card-image>span{
  position:absolute!important;
  left:10px!important;
  bottom:9px!important;
  top:auto!important;
  right:auto!important;
  max-width:calc(100% - 20px)!important;
  padding:5px 7px!important;
  background:rgba(5,7,9,.82)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:#d8ddd9!important;
  font:800 7px/1 Arial,sans-serif!important;
  letter-spacing:.8px!important;
}

/* Same-height body so titles/prices/buttons line up horizontally across rows. */
.bb-modern-product-grid .bb-modern-card .product-card-body{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  padding:15px 15px 16px!important;
  min-width:0!important;
}

.bb-modern-product-grid .bb-modern-card .product-card-body>small{
  display:block!important;
  min-height:24px!important;
  margin:0 0 6px!important;
  color:#a9443f!important;
  font-size:8px!important;
  line-height:1.45!important;
  letter-spacing:.75px!important;
  overflow:hidden!important;
}

.bb-modern-product-grid .bb-modern-card h3{
  margin:0 0 11px!important;
  min-height:38px!important;
  font-size:16px!important;
  line-height:1.18!important;
  letter-spacing:-.01em!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}

.bb-modern-product-grid .bb-modern-card h3 a{
  color:#f1f0ed!important;
  text-decoration:none!important;
}

.bb-modern-product-grid .bb-modern-card .product-card-meta{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:10px!important;
  margin-top:auto!important;
  padding:9px 0 0!important;
  border-top:1px solid rgba(255,255,255,.045)!important;
}

.bb-modern-product-grid .bb-modern-card .product-card-meta b{
  color:#f2f1ed!important;
  font-size:17px!important;
  line-height:1!important;
}

.bb-modern-product-grid .bb-modern-card .product-card-meta span{
  font-size:8px!important;
  letter-spacing:.75px!important;
  white-space:nowrap!important;
}

.bb-modern-product-grid .bb-modern-card .product-card-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
  margin-top:12px!important;
}

.bb-modern-product-grid .bb-modern-card .product-card-actions a,
.bb-modern-product-grid .bb-modern-card .product-card-actions button{
  width:100%!important;
  min-width:0!important;
  min-height:36px!important;
  height:36px!important;
  padding:0 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.14)!important;
  font-size:8px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.55px!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}

.bb-modern-product-grid .bb-modern-card .product-card-actions a{
  background:#0c0f12!important;
  color:#d9d9d7!important;
}

.bb-modern-product-grid .bb-modern-card .product-card-actions button{
  background:#b92f2a!important;
  color:#fff!important;
}

.bb-modern-product-grid .bb-modern-card .product-card-actions a:hover,
.bb-modern-product-grid .bb-modern-card .product-card-actions button:hover{
  border-color:rgba(255,255,255,.30)!important;
}

/* Match loading placeholders to the new card proportions. */
.bb-inventory-results .bb-skeleton-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.bb-inventory-results .bb-skeleton-grid i{
  aspect-ratio:auto!important;
  height:390px!important;
  border:1px solid rgba(255,255,255,.045)!important;
}

/* Step down cleanly instead of squeezing the cards. */
@media(max-width:1280px){
  .bb-modern-product-grid,
  .bb-inventory-results .bb-skeleton-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:900px){
  .bb-modern-product-grid,
  .bb-inventory-results .bb-skeleton-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }

  .bb-modern-product-grid .bb-modern-card .product-card-image{
    height:220px!important;
    min-height:220px!important;
  }
}

@media(max-width:560px){
  .bb-modern-product-grid,
  .bb-inventory-results .bb-skeleton-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }

  .bb-modern-product-grid .bb-modern-card .product-card-image{
    height:174px!important;
    min-height:174px!important;
    padding:8px!important;
  }

  .bb-modern-product-grid .bb-modern-card .product-card-body{
    padding:11px 10px 12px!important;
  }

  .bb-modern-product-grid .bb-modern-card .product-card-body>small{
    min-height:21px!important;
    font-size:7px!important;
    letter-spacing:.45px!important;
  }

  .bb-modern-product-grid .bb-modern-card h3{
    min-height:34px!important;
    font-size:14px!important;
  }

  .bb-modern-product-grid .bb-modern-card .product-card-meta b{
    font-size:15px!important;
  }

  .bb-modern-product-grid .bb-modern-card .product-card-meta span{
    font-size:7px!important;
  }

  .bb-modern-product-grid .bb-modern-card .product-card-actions{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }

  .bb-modern-product-grid .bb-modern-card .product-card-actions a,
  .bb-modern-product-grid .bb-modern-card .product-card-actions button{
    height:34px!important;
    min-height:34px!important;
    font-size:7px!important;
  }

  .bb-inventory-results .bb-skeleton-grid i{
    height:330px!important;
  }
}

@media(max-width:365px){
  /* Very narrow phones get one card instead of crushing two unusably small. */
  .bb-modern-product-grid,
  .bb-inventory-results .bb-skeleton-grid{
    grid-template-columns:1fr!important;
  }

  .bb-modern-product-grid .bb-modern-card .product-card-image{
    height:230px!important;
    min-height:230px!important;
  }
}


/* =========================================================
   Rev90 — Inventory ghost/skeleton cleanup
   ========================================================= */
#bbInventorySkeleton[hidden],
.bb-skeleton-grid[hidden]{
  display:none!important;
}


/* =========================================================
   Rev95 — Marvel animated tile
   ========================================================= */
.catalog-page .marvel-animated-tile{
  position:relative!important;
}
.catalog-page .marvel-animated-tile > img,
.catalog-page .marvel-animated-tile .universe-hover-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  transition:opacity .16s linear!important;
}
.catalog-page .marvel-animated-tile > img{
  z-index:1!important;
  opacity:1!important;
}
.catalog-page .marvel-animated-tile .universe-hover-video{
  z-index:2!important;
  opacity:0;
  pointer-events:none;
  transform:translateZ(0);
  backface-visibility:hidden;
  background:#050608;
}
.catalog-page .marvel-animated-tile:hover > img,
.catalog-page .marvel-animated-tile:focus-visible > img{
  opacity:0!important;
}
.catalog-page .marvel-animated-tile:hover .universe-hover-video,
.catalog-page .marvel-animated-tile:focus-visible .universe-hover-video{
  opacity:1!important;
}
/* No frontal bloom/flare over the animation; preserve only card-edge illumination. */
.catalog-page .marvel-animated-tile:hover::before,
.catalog-page .marvel-animated-tile:focus-visible::before,
.catalog-page .marvel-animated-tile:hover::after,
.catalog-page .marvel-animated-tile:focus-visible::after{
  opacity:0!important;
  animation:none!important;
  background:none!important;
  box-shadow:none!important;
}
@media(hover:none){
  .catalog-page .marvel-animated-tile > img{opacity:1!important;}
  .catalog-page .marvel-animated-tile .universe-hover-video{display:none!important;}
}
@media(prefers-reduced-motion:reduce){
  .catalog-page .marvel-animated-tile > img{opacity:1!important;}
  .catalog-page .marvel-animated-tile .universe-hover-video{display:none!important;}
}

/* Rev96 — ALIENS dead-space segmented reveal */
.catalog-page .aliens-animated-tile{position:relative!important}
.catalog-page .aliens-animated-tile>img,
.catalog-page .aliens-animated-tile .universe-hover-video{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;
  border-radius:0!important;transition:opacity .16s linear!important
}
.catalog-page .aliens-animated-tile>img{z-index:1!important;opacity:1!important}
.catalog-page .aliens-animated-tile .universe-hover-video{
  z-index:2!important;opacity:0;pointer-events:none;background:#020407;transform:translateZ(0)
}
.catalog-page .aliens-animated-tile:hover>img,
.catalog-page .aliens-animated-tile:focus-visible>img{opacity:0!important}
.catalog-page .aliens-animated-tile:hover .universe-hover-video,
.catalog-page .aliens-animated-tile:focus-visible .universe-hover-video{opacity:1!important}
.catalog-page .aliens-animated-tile:hover::before,
.catalog-page .aliens-animated-tile:focus-visible::before,
.catalog-page .aliens-animated-tile:hover::after,
.catalog-page .aliens-animated-tile:focus-visible::after{
  opacity:0!important;animation:none!important;background:none!important;box-shadow:none!important
}
@media(hover:none){.catalog-page .aliens-animated-tile>img{opacity:1!important}.catalog-page .aliens-animated-tile .universe-hover-video{display:none!important}}
@media(prefers-reduced-motion:reduce){.catalog-page .aliens-animated-tile>img{opacity:1!important}.catalog-page .aliens-animated-tile .universe-hover-video{display:none!important}}


/* =========================================================
   Rev97 — Anime high-speed clash animated tile
   ========================================================= */
.catalog-page .anime-animated-tile{
  position:relative!important;
}
.catalog-page .anime-animated-tile > img,
.catalog-page .anime-animated-tile .universe-hover-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  transition:opacity .16s linear!important;
}
.catalog-page .anime-animated-tile > img{
  z-index:1!important;
  opacity:1!important;
}
.catalog-page .anime-animated-tile .universe-hover-video{
  z-index:2!important;
  opacity:0;
  pointer-events:none;
  transform:translateZ(0);
  backface-visibility:hidden;
  background:#050608;
}
.catalog-page .anime-animated-tile:hover > img,
.catalog-page .anime-animated-tile:focus-visible > img{
  opacity:0!important;
}
.catalog-page .anime-animated-tile:hover .universe-hover-video,
.catalog-page .anime-animated-tile:focus-visible .universe-hover-video{
  opacity:1!important;
}

/* No frontal glow or flare over the battle. */
.catalog-page .anime-animated-tile:hover::before,
.catalog-page .anime-animated-tile:focus-visible::before,
.catalog-page .anime-animated-tile:hover::after,
.catalog-page .anime-animated-tile:focus-visible::after{
  opacity:0!important;
  animation:none!important;
  background:none!important;
  box-shadow:none!important;
}

@media(hover:none){
  .catalog-page .anime-animated-tile > img{opacity:1!important;}
  .catalog-page .anime-animated-tile .universe-hover-video{display:none!important;}
}
@media(prefers-reduced-motion:reduce){
  .catalog-page .anime-animated-tile > img{opacity:1!important;}
  .catalog-page .anime-animated-tile .universe-hover-video{display:none!important;}
}


/* =========================================================
   Rev98 — DC animated tile / Bat-Signal cleanup
   ========================================================= */
.catalog-page .dc-animated-tile{
  position:relative!important;
}
.catalog-page .dc-animated-tile > img,
.catalog-page .dc-animated-tile .universe-hover-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  transition:opacity .16s linear!important;
}
.catalog-page .dc-animated-tile > img{
  z-index:1!important;
  opacity:1!important;
}
.catalog-page .dc-animated-tile .universe-hover-video{
  z-index:2!important;
  opacity:0;
  pointer-events:none;
  transform:translateZ(0);
  backface-visibility:hidden;
  background:#03070d;
}
.catalog-page .dc-animated-tile:hover > img,
.catalog-page .dc-animated-tile:focus-visible > img{
  opacity:0!important;
}
.catalog-page .dc-animated-tile:hover .universe-hover-video,
.catalog-page .dc-animated-tile:focus-visible .universe-hover-video{
  opacity:1!important;
}
.catalog-page .dc-animated-tile:hover::before,
.catalog-page .dc-animated-tile:focus-visible::before,
.catalog-page .dc-animated-tile:hover::after,
.catalog-page .dc-animated-tile:focus-visible::after{
  opacity:0!important;
  animation:none!important;
  background:none!important;
  box-shadow:none!important;
}
@media(hover:none){
  .catalog-page .dc-animated-tile > img{opacity:1!important;}
  .catalog-page .dc-animated-tile .universe-hover-video{display:none!important;}
}
@media(prefers-reduced-motion:reduce){
  .catalog-page .dc-animated-tile > img{opacity:1!important;}
  .catalog-page .dc-animated-tile .universe-hover-video{display:none!important;}
}

/* Rev99 — G.I. Joe tactical clash animated tile */
.catalog-page .gi-joe-animated-tile{position:relative!important}
.catalog-page .gi-joe-animated-tile>img,
.catalog-page .gi-joe-animated-tile .universe-hover-video{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;
  border-radius:0!important;transition:opacity .16s linear!important
}
.catalog-page .gi-joe-animated-tile>img{z-index:1!important;opacity:1!important}
.catalog-page .gi-joe-animated-tile .universe-hover-video{
  z-index:2!important;opacity:0;pointer-events:none;background:#05070b;transform:translateZ(0);backface-visibility:hidden
}
.catalog-page .gi-joe-animated-tile:hover>img,
.catalog-page .gi-joe-animated-tile:focus-visible>img{opacity:0!important}
.catalog-page .gi-joe-animated-tile:hover .universe-hover-video,
.catalog-page .gi-joe-animated-tile:focus-visible .universe-hover-video{opacity:1!important}
.catalog-page .gi-joe-animated-tile:hover::before,
.catalog-page .gi-joe-animated-tile:focus-visible::before,
.catalog-page .gi-joe-animated-tile:hover::after,
.catalog-page .gi-joe-animated-tile:focus-visible::after{
  opacity:0!important;animation:none!important;background:none!important;box-shadow:none!important
}
@media(hover:none){
  .catalog-page .gi-joe-animated-tile>img{opacity:1!important}
  .catalog-page .gi-joe-animated-tile .universe-hover-video{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .catalog-page .gi-joe-animated-tile>img{opacity:1!important}
  .catalog-page .gi-joe-animated-tile .universe-hover-video{display:none!important}
}


/* =========================================================
   Rev120 — user-supplied Aliens category background
   ========================================================= */
.category-page.category-aliens::before{
  top:0;
  height:1480px;
  background-image:url('images/category-pages/aliens-bg.jpg')!important;
  background-position:right 38px!important;
  background-repeat:no-repeat!important;
  background-size:auto 1120px!important;
  opacity:.62!important;
  filter:brightness(.74) saturate(.92) contrast(1.12)!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,.72) 76%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,.72) 76%,transparent 100%)!important;
}
.category-page.category-aliens::after{
  height:1480px!important;
  background:
    linear-gradient(90deg,
      #050506 0%,
      rgba(5,5,6,.92) 22%,
      rgba(5,5,6,.48) 46%,
      rgba(5,5,6,.12) 70%,
      rgba(5,5,6,.18) 100%
    ),
    linear-gradient(180deg,
      rgba(5,5,6,.16) 0%,
      rgba(5,5,6,.02) 45%,
      #050506 98%
    )!important;
}
@media(max-width:800px){
  .category-page.category-aliens::before{
    height:1040px;
    background-position:72% 58px!important;
    background-size:auto 820px!important;
    opacity:.42!important;
  }
  .category-page.category-aliens::after{
    height:1040px!important;
    background:
      linear-gradient(90deg,rgba(5,5,6,.88),rgba(5,5,6,.36)),
      linear-gradient(180deg,rgba(5,5,6,.14),#050506 96%)!important;
  }
}


/* =========================================================
   Rev121 — Aliens seamless background fade
   Pre-composited artwork fades losslessly into true #000.
   No bottom mask edge, no finite-image chop.
   ========================================================= */
.category-page.category-aliens::before{
  top:0!important;
  height:1900px!important;
  background-color:#050506!important;
  background-image:url('images/category-pages/aliens-bg-smooth.png')!important;
  background-position:right top!important;
  background-repeat:no-repeat!important;
  background-size:100% auto!important;
  opacity:1!important;
  filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.category-page.category-aliens::after{
  height:1900px!important;
  background:none!important;
}
@media(max-width:800px){
  .category-page.category-aliens::before{
    height:1500px!important;
    background-size:auto 1500px!important;
    background-position:72% top!important;
    opacity:.90!important;
  }
  .category-page.category-aliens::after{
    height:1500px!important;
    background:linear-gradient(90deg,rgba(5,5,6,.48),rgba(5,5,6,.04))!important;
  }
}

/* =========================================================
   Rev122 — Masters of the Universe supplied background
   Pre-composited smooth fade into site black; no CSS mask chop.
   ========================================================= */
.category-page.category-motu::before{
  top:0!important;
  height:1900px!important;
  background-color:#050506!important;
  background-image:url('images/category-pages/motu-bg-smooth-opt.webp')!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-size:100% auto!important;
  opacity:1!important;
  filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.category-page.category-motu::after{
  height:1900px!important;
  background:none!important;
}
@media(max-width:800px){
  .category-page.category-motu::before{
    height:1500px!important;
    background-size:auto 1500px!important;
    background-position:61% top!important;
    opacity:.94!important;
  }
  .category-page.category-motu::after{
    height:1500px!important;
    background:linear-gradient(90deg,rgba(5,5,6,.42),rgba(5,5,6,.02))!important;
  }
}


/* =========================================================
   Rev123 — MOTU + Aliens atmospheric background refinement
   Baked low-opacity artwork, smoothstep edge/bottom feathering,
   and fine transition dithering. No CSS masks = no hard chop/banding.
   ========================================================= */
.category-page.category-motu::before{
  height:1900px!important;
  background-image:url('images/category-pages/motu-bg-smooth-opt.webp')!important;
  background-position:center top!important;
  background-size:100% auto!important;
  opacity:1!important;
  filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.category-page.category-aliens::before{
  height:1900px!important;
  background-image:url('images/category-pages/aliens-bg-smooth.png')!important;
  background-position:center top!important;
  background-size:100% auto!important;
  opacity:1!important;
  filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.category-page.category-motu::after,
.category-page.category-aliens::after{
  height:1900px!important;
  background:none!important;
}
@media(max-width:800px){
  .category-page.category-motu::before{
    height:1500px!important;
    background-size:auto 1500px!important;
    background-position:61% top!important;
    opacity:.88!important;
  }
  .category-page.category-aliens::before{
    height:1500px!important;
    background-size:auto 1500px!important;
    background-position:72% top!important;
    opacity:.84!important;
  }
  .category-page.category-motu::after,
  .category-page.category-aliens::after{
    height:1500px!important;
    background:none!important;
  }
}


/* =========================================================
   Rev124 — deeper MOTU/ALIENS atmosphere + supplied decor
   ========================================================= */
.category-page.category-motu::before{
  background-image:url('images/category-pages/motu-bg-smooth-opt.webp')!important;
  opacity:1!important;
  filter:none!important;
}
.category-page.category-aliens::before{
  background-image:url('images/category-pages/aliens-bg-smooth.png')!important;
  opacity:1!important;
  filter:none!important;
}
.category-page.category-motu::after,
.category-page.category-aliens::after{background:none!important;}
.motu-jump-mark{
  position:absolute;
  right:clamp(26px,7vw,112px);
  bottom:42px;
  width:68px;
  height:auto;
  opacity:.18;
  transform:rotate(-7deg);
  filter:drop-shadow(0 0 11px rgba(215,53,48,.18));
  pointer-events:none;
  user-select:none;
}
.about-hero{position:relative;overflow:hidden;isolation:isolate}
.about-hero>div{position:relative;z-index:2}
.bb-about-bacon-case{
  position:absolute;
  right:clamp(24px,5vw,90px);
  bottom:30px;
  width:min(27vw,365px);
  height:auto;
  opacity:.20;
  transform:rotate(2.5deg);
  filter:saturate(.82) brightness(.72) drop-shadow(0 22px 34px rgba(0,0,0,.78));
  z-index:1;
  pointer-events:none;
}
@media(max-width:800px){
  .motu-jump-mark{right:18px;bottom:52px;width:49px;opacity:.14}
  .bb-about-bacon-case{width:210px;right:-38px;bottom:18px;opacity:.11}
  .category-page.category-motu::before{opacity:.94!important}
  .category-page.category-aliens::before{opacity:.92!important}
}


/* =========================================================
   Rev125 — supplied Hot Wheels track background
   Intentionally low-opacity; pre-composited into #050506 with
   smoothstep edge/bottom feathering + fine transition dithering.
   No CSS mask, so there is no hard chop or banded fade.
   ========================================================= */
.category-page.category-hot-wheels::before{
  top:0!important;
  height:1900px!important;
  background-color:#050506!important;
  background-image:url('images/category-pages/hot-wheels-bg-smooth.png')!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-size:100% auto!important;
  opacity:1!important;
  filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.category-page.category-hot-wheels::after{
  height:1900px!important;
  background:none!important;
}
@media(max-width:800px){
  .category-page.category-hot-wheels::before{
    height:1500px!important;
    background-size:auto 1500px!important;
    background-position:51% top!important;
    opacity:.90!important;
  }
  .category-page.category-hot-wheels::after{
    height:1500px!important;
    background:none!important;
  }
}


/* =========================================================
   Rev127 — All Products grid repair + compact inventory parity
   ========================================================= */
/* View All Products used the site's old two-column editorial product cards,
   which made every photo enormous. Use the proven Browse Inventory retail
   card system here as well, with a denser desktop grid. */
.search-page .search-results-section{
  width:min(1620px,100%);
  margin:0 auto;
}
.search-page .bb-all-products-grid{
  width:min(1540px,100%)!important;
  max-width:1540px!important;
  margin:0 auto!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:13px!important;
}
.search-page .bb-all-products-grid .bb-modern-card .product-card-image{
  height:205px!important;
  min-height:205px!important;
  padding:11px!important;
}
.search-page .bb-all-products-grid .bb-modern-card .product-card-body{
  padding:13px 13px 14px!important;
}
.search-page .bb-all-products-grid .bb-modern-card h3{
  min-height:36px!important;
  font-size:15px!important;
}
.search-page .bb-all-products-grid .bb-modern-card .product-card-meta b{
  font-size:16px!important;
}

/* BITS is a real storefront universe even though the editorial BITS page is
   intentionally separate. The filter appears here and matches catalog records
   whose categories include the "bits" storefront tag. */
.search-page .catalog-filters button[data-filter="bits"]{
  border-color:rgba(215,53,48,.28);
}

@media(max-width:1399px){
  .search-page .bb-all-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:1050px){
  .search-page .bb-all-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:720px){
  .search-page .bb-all-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  .search-page .bb-all-products-grid .bb-modern-card .product-card-image{height:176px!important;min-height:176px!important;padding:8px!important;}
}
@media(max-width:365px){
  .search-page .bb-all-products-grid{grid-template-columns:1fr!important;}
  .search-page .bb-all-products-grid .bb-modern-card .product-card-image{height:225px!important;min-height:225px!important;}
}


/* =========================================================
   Rev132 — Video Games universe tile + atmospheric category page
   ========================================================= */
.catalog-page .video-games-animated-tile{position:relative!important}
.catalog-page .video-games-animated-tile>img,
.catalog-page .video-games-animated-tile .universe-hover-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;margin:0!important;padding:0!important;border-radius:0!important;transition:opacity .16s linear!important}
.catalog-page .video-games-animated-tile>img{z-index:1!important;opacity:1!important}
.catalog-page .video-games-animated-tile .universe-hover-video{z-index:2!important;opacity:0;pointer-events:none;transform:translateZ(0);backface-visibility:hidden;background:#050608}
.catalog-page .video-games-animated-tile:hover>img,.catalog-page .video-games-animated-tile:focus-visible>img{opacity:0!important}
.catalog-page .video-games-animated-tile:hover .universe-hover-video,.catalog-page .video-games-animated-tile:focus-visible .universe-hover-video{opacity:1!important}
.catalog-page .video-games-animated-tile:hover::before,.catalog-page .video-games-animated-tile:focus-visible::before,.catalog-page .video-games-animated-tile:hover::after,.catalog-page .video-games-animated-tile:focus-visible::after{opacity:0!important;animation:none!important;background:none!important;box-shadow:none!important}
@media(hover:none){.catalog-page .video-games-animated-tile>img{opacity:1!important}.catalog-page .video-games-animated-tile .universe-hover-video{display:none!important}}
@media(prefers-reduced-motion:reduce){.catalog-page .video-games-animated-tile>img{opacity:1!important}.catalog-page .video-games-animated-tile .universe-hover-video{display:none!important}}
.category-page.category-video-games .category-hero{min-height:230px;align-items:flex-end}
.category-title-logo.video-games-title-logo{max-width:min(430px,58vw);max-height:145px;filter:drop-shadow(0 8px 26px rgba(0,40,110,.55)) drop-shadow(0 2px 12px rgba(0,0,0,.92))}
.category-page.category-video-games::before{top:0;height:1540px;background-image:url('images/category-pages/video-games-bg-smooth.jpg');background-position:center 70px;background-repeat:no-repeat;background-size:min(1920px,100vw) auto;opacity:.58;filter:brightness(.90) saturate(.80) contrast(1.08);-webkit-mask-image:none!important;mask-image:none!important}
.category-page.category-video-games::after{height:1540px;background:linear-gradient(90deg,#050506 0%,rgba(5,5,6,.82) 4%,rgba(5,5,6,.22) 20%,rgba(5,5,6,.04) 50%,rgba(5,5,6,.22) 80%,rgba(5,5,6,.82) 96%,#050506 100%),linear-gradient(180deg,rgba(5,5,6,.62) 0%,rgba(5,5,6,.08) 17%,rgba(5,5,6,.05) 58%,rgba(5,5,6,.58) 83%,#050506 100%)}
@media(max-width:800px){.category-page.category-video-games::before,.category-page.category-video-games::after{height:1180px}.category-page.category-video-games::before{background-position:center 64px;background-size:auto 950px;opacity:.48}.category-title-logo.video-games-title-logo{max-width:72vw;max-height:118px}}
@media(max-width:520px){.category-page.category-video-games::before,.category-page.category-video-games::after{height:960px}.category-page.category-video-games::before{background-position:center 66px;background-size:auto 720px;opacity:.42}.category-title-logo.video-games-title-logo{max-width:78vw;max-height:102px}}

/* =========================================================
   Rev149 — supplied store aisle film + cleaner Anime identity
   ========================================================= */
.catalog-page .universe-browser{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.catalog-page .bb-universe-video{
  position:absolute;
  z-index:0;
  inset:-8% -5%;
  overflow:hidden;
  pointer-events:none;
  opacity:.13;
  filter:brightness(.48) saturate(.64) contrast(1.08);
  -webkit-mask-image:radial-gradient(ellipse 74% 68% at 50% 48%,#000 0 42%,rgba(0,0,0,.88) 58%,rgba(0,0,0,.28) 76%,transparent 100%);
  mask-image:radial-gradient(ellipse 74% 68% at 50% 48%,#000 0 42%,rgba(0,0,0,.88) 58%,rgba(0,0,0,.28) 76%,transparent 100%);
}
.catalog-page .bb-universe-video::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#050506 0%,transparent 24%,transparent 76%,#050506 100%),linear-gradient(180deg,#050506 0%,transparent 24%,transparent 70%,#050506 100%);
}
.catalog-page .bb-universe-video video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.025);
}
.catalog-page .universe-browser>.universe-heading,
.catalog-page .universe-browser>.universe-grid,
.catalog-page .universe-browser>.collection-browser{position:relative;z-index:2}
.catalog-page .universe-browser>.universe-grid .universe-tile{background-color:rgba(3,4,5,.87)}

.category-page.category-anime::before{
  opacity:.18!important;
  filter:brightness(.31) saturate(.38) contrast(1.14)!important;
}
.category-page.category-anime::after{
  background:linear-gradient(90deg,#050506 0%,rgba(5,5,6,.86) 8%,rgba(5,5,6,.30) 28%,rgba(5,5,6,.17) 50%,rgba(5,5,6,.30) 72%,rgba(5,5,6,.86) 92%,#050506 100%),linear-gradient(180deg,rgba(5,5,6,.44) 0%,rgba(5,5,6,.18) 40%,#050506 98%)!important;
}
.category-page.category-anime .anime-title-logo{
  width:min(610px,74vw);
  max-width:min(610px,74vw);
  max-height:178px;
  object-fit:contain;
  object-position:left center;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 10px 26px rgba(0,0,0,.82)) drop-shadow(0 0 9px rgba(215,38,30,.20));
}
@media(max-width:800px){
  .catalog-page .bb-universe-video{inset:-3% -18%;opacity:.105}
  .category-page.category-anime::before{opacity:.16!important;filter:brightness(.29) saturate(.36) contrast(1.14)!important}
  .category-page.category-anime .anime-title-logo{width:86vw;max-width:86vw;max-height:126px}
}
@media(prefers-reduced-motion:reduce){.catalog-page .bb-universe-video{display:none}}


/* =========================================================
   Rev151 — stronger Shop film treatment
   ========================================================= */
.catalog-page .bb-universe-video{
  inset:-34% -20% !important;
  opacity:.30 !important;
  filter:brightness(.82) saturate(.88) contrast(1.34) !important;
  -webkit-mask-image:radial-gradient(ellipse 88% 82% at 50% 48%,#000 0 50%,rgba(0,0,0,.94) 62%,rgba(0,0,0,.52) 80%,transparent 100%) !important;
  mask-image:radial-gradient(ellipse 88% 82% at 50% 48%,#000 0 50%,rgba(0,0,0,.94) 62%,rgba(0,0,0,.52) 80%,transparent 100%) !important;
}
.catalog-page .bb-universe-video::after{
  background:linear-gradient(90deg,#050506 0%,rgba(5,5,6,.34) 12%,transparent 30%,transparent 70%,rgba(5,5,6,.34) 88%,#050506 100%),linear-gradient(180deg,#050506 0%,rgba(5,5,6,.20) 15%,transparent 32%,transparent 70%,rgba(5,5,6,.32) 87%,#050506 100%) !important;
}
.catalog-page .bb-universe-video video{
  transform:scale(1.18) !important;
  object-position:center 50% !important;
}
.catalog-page .universe-browser>.universe-grid .universe-tile{
  background-color:rgba(3,4,5,.77) !important;
}
@media(max-width:800px){
  .catalog-page .bb-universe-video{inset:-22% -42% !important;opacity:.22 !important;filter:brightness(.74) saturate(.82) contrast(1.28) !important}
  .catalog-page .bb-universe-video video{transform:scale(1.13) !important}
}

/* =========================================================
   Rev152 — full-bleed cinematic Shop film + true rich-black canvas
   ========================================================= */
.catalog-page{
  background:
    radial-gradient(ellipse 76% 30% at 50% 18%,rgba(50,11,10,.10),transparent 72%),
    radial-gradient(ellipse 54% 22% at 50% 52%,rgba(10,22,28,.08),transparent 75%),
    #000!important;
}
.catalog-page main{
  position:relative;
  background:linear-gradient(180deg,#000 0%,#010101 48%,#000 100%)!important;
}
.catalog-page .catalog-section,
.catalog-page .bb-featured-strip,
.catalog-page .bb-inventory-browser{
  position:relative;
  background:transparent!important;
}
.catalog-page .universe-browser{
  overflow:visible!important;
  isolation:isolate!important;
}
.catalog-page .bb-universe-video{
  inset:auto!important;
  left:50%!important;
  top:-190px!important;
  bottom:-210px!important;
  width:118vw!important;
  max-width:1780px!important;
  min-width:1180px!important;
  height:auto!important;
  transform:translateX(-50%)!important;
  opacity:.42!important;
  filter:brightness(.56) saturate(.88) contrast(1.54) sepia(.035)!important;
  overflow:visible!important;
  mix-blend-mode:normal!important;
  -webkit-mask-image:radial-gradient(ellipse 70% 80% at 50% 49%,#000 0 46%,rgba(0,0,0,.98) 54%,rgba(0,0,0,.82) 65%,rgba(0,0,0,.46) 77%,rgba(0,0,0,.14) 88%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 70% 80% at 50% 49%,#000 0 46%,rgba(0,0,0,.98) 54%,rgba(0,0,0,.82) 65%,rgba(0,0,0,.46) 77%,rgba(0,0,0,.14) 88%,transparent 100%)!important;
}
.catalog-page .bb-universe-video::after{
  background:
    radial-gradient(ellipse 70% 66% at 50% 48%,transparent 0 52%,rgba(0,0,0,.16) 67%,rgba(0,0,0,.58) 85%,#000 100%),
    linear-gradient(180deg,#000 0%,rgba(0,0,0,.42) 9%,transparent 24%,transparent 72%,rgba(0,0,0,.46) 90%,#000 100%)!important;
}
.catalog-page .bb-universe-video video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 48%!important;
  transform:scale(1.28)!important;
  filter:contrast(1.05) saturate(.94)!important;
}
.catalog-page .universe-browser>.universe-heading,
.catalog-page .universe-browser>.universe-grid,
.catalog-page .universe-browser>.collection-browser{position:relative;z-index:3}
.catalog-page .universe-browser>.universe-grid .universe-tile{
  background-color:rgba(1,2,3,.82)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
}
@media(max-width:900px){
  .catalog-page .bb-universe-video{
    top:-130px!important;bottom:-150px!important;width:145vw!important;min-width:980px!important;opacity:.34!important;
    filter:brightness(.50) saturate(.84) contrast(1.48)!important;
    -webkit-mask-image:radial-gradient(ellipse 65% 82% at 50% 48%,#000 0 43%,rgba(0,0,0,.86) 62%,rgba(0,0,0,.38) 78%,transparent 100%)!important;
    mask-image:radial-gradient(ellipse 65% 82% at 50% 48%,#000 0 43%,rgba(0,0,0,.86) 62%,rgba(0,0,0,.38) 78%,transparent 100%)!important;
  }
  .catalog-page .bb-universe-video video{transform:scale(1.20)!important}
}
@media(max-width:600px){
  .catalog-page .bb-universe-video{top:-80px!important;bottom:-90px!important;width:205vw!important;min-width:900px!important;opacity:.28!important}
}
.catalog-page .universe-browser{border-top-color:transparent!important;border-bottom-color:transparent!important}

/* =========================================================
   Rev153 — richer Shop By Universe cards
   A small contrast/saturation lift, deeper frame and cleaner hover.
   ========================================================= */
.catalog-page .universe-grid .universe-tile{
  border-color:rgba(255,255,255,.13)!important;
  background:#020304!important;
  box-shadow:0 14px 34px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.catalog-page .universe-grid .universe-tile>img{
  opacity:1!important;
  filter:brightness(.92) contrast(1.14) saturate(1.12)!important;
}
.catalog-page .universe-grid .universe-tile .universe-hover-video{
  filter:brightness(.91) contrast(1.13) saturate(1.10)!important;
}
.catalog-page .universe-grid .universe-tile:hover,
.catalog-page .universe-grid .universe-tile:focus-visible{
  border-color:rgba(225,55,48,.72)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.48),0 0 22px rgba(216,41,32,.10),inset 0 0 0 1px rgba(255,255,255,.035)!important;
}
.catalog-page .universe-grid .universe-tile:hover>img,
.catalog-page .universe-grid .universe-tile:focus-visible>img{
  filter:brightness(.98) contrast(1.16) saturate(1.16)!important;
}

/* =========================================================
   Rev154 — supplied Marvel mural, softened into rich black
   ========================================================= */
.category-page.category-marvel{
  background:#000!important;
}
.category-page.category-marvel::before{
  top:0!important;
  height:1540px!important;
  background-image:url('images/category-pages/marvel-mural-rev154-opt.webp')!important;
  background-position:center 48px!important;
  background-repeat:no-repeat!important;
  background-size:min(1820px,118vw) auto!important;
  opacity:.36!important;
  filter:brightness(.54) saturate(.88) contrast(1.10)!important;
  -webkit-mask-image:radial-gradient(ellipse 78% 76% at 50% 30%,#000 0 50%,rgba(0,0,0,.94) 61%,rgba(0,0,0,.58) 76%,rgba(0,0,0,.18) 89%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 78% 76% at 50% 30%,#000 0 50%,rgba(0,0,0,.94) 61%,rgba(0,0,0,.58) 76%,rgba(0,0,0,.18) 89%,transparent 100%)!important;
}
.category-page.category-marvel::after{
  height:1540px!important;
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.80) 3%,rgba(0,0,0,.34) 14%,rgba(0,0,0,.08) 38%,rgba(0,0,0,.08) 62%,rgba(0,0,0,.34) 86%,rgba(0,0,0,.80) 97%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.46) 0%,rgba(0,0,0,.08) 14%,rgba(0,0,0,.03) 52%,rgba(0,0,0,.38) 76%,#000 99%)!important;
}
@media(max-width:800px){
  .category-page.category-marvel::before,
  .category-page.category-marvel::after{height:1180px!important}
  .category-page.category-marvel::before{
    background-position:center 58px!important;
    background-size:auto 880px!important;
    opacity:.30!important;
    filter:brightness(.48) saturate(.82) contrast(1.10)!important;
  }
}
@media(max-width:520px){
  .category-page.category-marvel::before,
  .category-page.category-marvel::after{height:940px!important}
  .category-page.category-marvel::before{
    background-position:center 68px!important;
    background-size:auto 680px!important;
    opacity:.26!important;
  }
}

/* =========================================================
   Rev159 — one deep-black base canvas across the entire site
   Keep page-specific imagery/gradients, but remove charcoal body bleed.
   ========================================================= */
html,body{background-color:#000!important}
body.shop-page,body.catalog-page,body.category-page,body.arcade-page,body.bits-page,body.home-page{background-color:#000!important}
.shop-footer,.bb-modern-footer{background-color:#000!important}
main,.shop-main,.bb-info-shell,.bb-arcade-main{background-color:transparent}

/* =========================================================
   Rev177 — category background polish
   Richer atmospheric art, smooth black feathering, supplied Star Wars scene,
   and a slightly smaller/stronger Hot Wheels treatment.
   Scoped to category background layers only.
   ========================================================= */
:is(
  .category-page.category-tmnt,
  .category-page.category-gi-joe,
  .category-page.category-transformers,
  .category-page.category-motu,
  .category-page.category-star-wars,
  .category-page.category-hot-wheels,
  .category-page.category-anime,
  .category-page.category-marvel,
  .category-page.category-dc,
  .category-page.category-aliens,
  .category-page.category-video-games
){background:#000!important}

/* Shared feather: preserve a readable center, melt all artwork naturally into #000. */
:is(
  .category-page.category-tmnt,
  .category-page.category-gi-joe,
  .category-page.category-transformers,
  .category-page.category-motu,
  .category-page.category-star-wars,
  .category-page.category-hot-wheels,
  .category-page.category-anime,
  .category-page.category-marvel,
  .category-page.category-dc,
  .category-page.category-aliens,
  .category-page.category-video-games
)::after{
  height:1720px!important;
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.86) 2.5%,rgba(0,0,0,.42) 12%,rgba(0,0,0,.10) 29%,rgba(0,0,0,.035) 50%,rgba(0,0,0,.10) 71%,rgba(0,0,0,.42) 88%,rgba(0,0,0,.86) 97.5%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.07) 18%,rgba(0,0,0,.03) 56%,rgba(0,0,0,.34) 78%,#000 98%)!important;
}

.category-page.category-tmnt::before{
  height:1720px!important;background-image:url('images/category-pages/tmnt-bg.webp')!important;
  background-position:center 54px!important;background-size:auto 1430px!important;background-repeat:no-repeat!important;
  opacity:.31!important;filter:brightness(.58) saturate(1.08) contrast(1.16)!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0 63%,rgba(0,0,0,.82) 75%,rgba(0,0,0,.30) 89%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0 63%,rgba(0,0,0,.82) 75%,rgba(0,0,0,.30) 89%,transparent 100%)!important;
}
.category-page.category-gi-joe::before{
  height:1420px!important;background-image:url('images/category-generated/gi-joe-animation-poster.webp')!important;
  background-position:center 82px!important;background-size:min(1450px,108vw) auto!important;background-repeat:no-repeat!important;
  opacity:.22!important;filter:brightness(.60) saturate(1.12) contrast(1.19)!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0 54%,rgba(0,0,0,.78) 69%,rgba(0,0,0,.24) 84%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0 54%,rgba(0,0,0,.78) 69%,rgba(0,0,0,.24) 84%,transparent 100%)!important;
}
.category-page.category-transformers::before{
  height:1780px!important;background-image:url('images/category-pages/transformers-bg.jpg')!important;
  background-position:center -105px!important;background-size:auto 1660px!important;background-repeat:no-repeat!important;
  opacity:.30!important;filter:brightness(.52) saturate(1.07) contrast(1.18)!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0 64%,rgba(0,0,0,.84) 76%,rgba(0,0,0,.30) 90%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0 64%,rgba(0,0,0,.84) 76%,rgba(0,0,0,.30) 90%,transparent 100%)!important;
}
.category-page.category-motu::before{
  height:1720px!important;background-image:url('images/category-pages/motu-bg-smooth-opt.webp')!important;
  background-position:center top!important;background-size:min(2260px,96vw) auto!important;background-repeat:no-repeat!important;
  opacity:.92!important;filter:brightness(1.02) saturate(1.16) contrast(1.12)!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0 66%,rgba(0,0,0,.84) 78%,rgba(0,0,0,.28) 91%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0 66%,rgba(0,0,0,.84) 78%,rgba(0,0,0,.28) 91%,transparent 100%)!important;
}
.category-page.category-star-wars::before{
  height:1420px!important;background-image:url('images/category-pages/star-wars-bg-rev177.jpg')!important;
  background-position:center 70px!important;background-size:min(1760px,108vw) auto!important;background-repeat:no-repeat!important;
  opacity:.30!important;filter:brightness(.62) saturate(.88) contrast(1.18)!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0 54%,rgba(0,0,0,.80) 69%,rgba(0,0,0,.26) 85%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0 54%,rgba(0,0,0,.80) 69%,rgba(0,0,0,.26) 85%,transparent 100%)!important;
}
.category-page.category-hot-wheels::before{
  height:1650px!important;background-image:url('images/category-pages/hot-wheels-bg-smooth.png')!important;
  background-position:center 42px!important;background-size:min(1420px,88vw) auto!important;background-repeat:no-repeat!important;
  opacity:.84!important;filter:brightness(1.08) saturate(1.20) contrast(1.14)!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0 67%,rgba(0,0,0,.84) 79%,rgba(0,0,0,.30) 91%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0 67%,rgba(0,0,0,.84) 79%,rgba(0,0,0,.30) 91%,transparent 100%)!important;
}
.category-page.category-anime::before{
  height:1500px!important;background-image:url('images/category-pages/anime-bg.jpg')!important;
  background-position:center 56px!important;background-size:min(1680px,104vw) auto!important;background-repeat:no-repeat!important;
  opacity:.23!important;filter:brightness(.43) saturate(.68) contrast(1.24)!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0 58%,rgba(0,0,0,.80) 72%,rgba(0,0,0,.26) 87%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0 58%,rgba(0,0,0,.80) 72%,rgba(0,0,0,.26) 87%,transparent 100%)!important;
}
.category-page.category-marvel::before{
  height:1570px!important;background-image:url('images/category-pages/marvel-mural-rev154-opt.webp')!important;
  background-position:center 52px!important;background-size:min(1760px,110vw) auto!important;background-repeat:no-repeat!important;
  opacity:.31!important;filter:brightness(.52) saturate(1.02) contrast(1.17)!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0 60%,rgba(0,0,0,.82) 73%,rgba(0,0,0,.28) 88%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0 60%,rgba(0,0,0,.82) 73%,rgba(0,0,0,.28) 88%,transparent 100%)!important;
}
.category-page.category-dc::before{
  height:1740px!important;background-image:url('images/category-pages/dc-bg.webp')!important;
  background-position:center -75px!important;background-size:auto 1610px!important;background-repeat:no-repeat!important;
  opacity:.34!important;filter:brightness(.68) saturate(1.10) contrast(1.17)!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0 64%,rgba(0,0,0,.84) 77%,rgba(0,0,0,.28) 91%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0 64%,rgba(0,0,0,.84) 77%,rgba(0,0,0,.28) 91%,transparent 100%)!important;
}
.category-page.category-aliens::before{
  height:1720px!important;background-image:url('images/category-pages/aliens-bg-smooth.png')!important;
  background-position:center top!important;background-size:min(2260px,96vw) auto!important;background-repeat:no-repeat!important;
  opacity:.91!important;filter:brightness(1.03) saturate(1.15) contrast(1.14)!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0 66%,rgba(0,0,0,.84) 79%,rgba(0,0,0,.28) 91%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0 66%,rgba(0,0,0,.84) 79%,rgba(0,0,0,.28) 91%,transparent 100%)!important;
}
.category-page.category-video-games::before{
  height:1540px!important;background-image:url('images/category-pages/video-games-bg-smooth.jpg')!important;
  background-position:center 64px!important;background-size:min(1740px,104vw) auto!important;background-repeat:no-repeat!important;
  opacity:.54!important;filter:brightness(.82) saturate(1.10) contrast(1.14)!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0 58%,rgba(0,0,0,.80) 72%,rgba(0,0,0,.26) 87%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0 58%,rgba(0,0,0,.80) 72%,rgba(0,0,0,.26) 87%,transparent 100%)!important;
}

@media(max-width:800px){
  :is(.category-page.category-tmnt,.category-page.category-gi-joe,.category-page.category-transformers,.category-page.category-motu,.category-page.category-star-wars,.category-page.category-hot-wheels,.category-page.category-anime,.category-page.category-marvel,.category-page.category-dc,.category-page.category-aliens,.category-page.category-video-games)::after{height:1120px!important}
  .category-page.category-hot-wheels::before{height:1120px!important;background-size:auto 900px!important;background-position:center 62px!important;opacity:.76!important}
  .category-page.category-star-wars::before{height:980px!important;background-size:auto 680px!important;background-position:center 76px!important;opacity:.25!important}
  .category-page.category-gi-joe::before{height:960px!important;background-size:auto 600px!important;opacity:.18!important}
  .category-page.category-tmnt::before,.category-page.category-transformers::before,.category-page.category-dc::before{height:1160px!important;background-size:auto 1020px!important;background-position:center 36px!important;opacity:.25!important}
  .category-page.category-motu::before,.category-page.category-aliens::before{height:1120px!important;background-size:auto 1100px!important;opacity:.80!important}
  .category-page.category-anime::before,.category-page.category-marvel::before,.category-page.category-video-games::before{height:1050px!important;background-size:auto 820px!important;background-position:center 68px!important}
}


/* =========================================================
   Rev178 — background-only polish: supplied G.I. Joe scene +
   stronger TMNT side feather. No layout/product changes.
   ========================================================= */
.category-page.category-gi-joe::before{
  height:1500px!important;
  background-image:url('images/category-pages/gi-joe-dialtone-rev179.webp')!important;
  background-position:center 74px!important;
  background-size:min(1780px,108vw) auto!important;
  background-repeat:no-repeat!important;
  opacity:.17!important;
  filter:brightness(.48) saturate(.94) contrast(1.12)!important;
  -webkit-mask-image:radial-gradient(ellipse 77% 72% at 50% 31%,#000 0 46%,rgba(0,0,0,.88) 61%,rgba(0,0,0,.48) 76%,rgba(0,0,0,.14) 89%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 77% 72% at 50% 31%,#000 0 46%,rgba(0,0,0,.88) 61%,rgba(0,0,0,.48) 76%,rgba(0,0,0,.14) 89%,transparent 100%)!important;
}
.category-page.category-tmnt::before{
  opacity:.29!important;
  filter:brightness(.56) saturate(1.08) contrast(1.15)!important;
  -webkit-mask-image:radial-gradient(ellipse 74% 79% at 50% 31%,#000 0 47%,rgba(0,0,0,.93) 58%,rgba(0,0,0,.64) 72%,rgba(0,0,0,.25) 86%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 74% 79% at 50% 31%,#000 0 47%,rgba(0,0,0,.93) 58%,rgba(0,0,0,.64) 72%,rgba(0,0,0,.25) 86%,transparent 100%)!important;
}
@media(max-width:800px){
  .category-page.category-gi-joe::before{opacity:.145!important;background-size:auto 850px!important;background-position:center 78px!important}
  .category-page.category-tmnt::before{opacity:.255!important}
}

/* Rev180 — TMNT all-edge feather cleanup. */
.category-page.category-tmnt::before{
  opacity:.285!important;
  filter:brightness(.55) saturate(1.08) contrast(1.15)!important;
  -webkit-mask-image:radial-gradient(ellipse 72% 73% at 50% 35%,#000 0 43%,rgba(0,0,0,.94) 54%,rgba(0,0,0,.67) 68%,rgba(0,0,0,.31) 82%,rgba(0,0,0,.08) 93%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 72% 73% at 50% 35%,#000 0 43%,rgba(0,0,0,.94) 54%,rgba(0,0,0,.67) 68%,rgba(0,0,0,.31) 82%,rgba(0,0,0,.08) 93%,transparent 100%)!important;
}
.category-page.category-tmnt::after{
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.92) 3%,rgba(0,0,0,.55) 11%,rgba(0,0,0,.16) 25%,transparent 39%,transparent 61%,rgba(0,0,0,.16) 75%,rgba(0,0,0,.55) 89%,rgba(0,0,0,.92) 97%,#000 100%),
    linear-gradient(180deg,#000 0%,rgba(0,0,0,.56) 5%,rgba(0,0,0,.10) 17%,transparent 31%,transparent 66%,rgba(0,0,0,.28) 82%,#000 99%)!important;
}


/* Rev182 — About-page circular Bacon Bin mark: true transparent corners + restrained interactive depth. */
.about-contact img[src*="bacon-bin-logo-about-v182"]{
  border-radius:50%;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.72)) drop-shadow(0 0 18px rgba(211,53,48,.18));
  transform:translateZ(0) scale(1);
  transition:transform .34s cubic-bezier(.2,.75,.2,1),filter .34s ease;
}
@media (hover:hover) and (pointer:fine){
  .about-contact img[src*="bacon-bin-logo-about-v182"]:hover{
    transform:translateY(-6px) rotate(-1.2deg) scale(1.035);
    filter:drop-shadow(0 24px 34px rgba(0,0,0,.82)) drop-shadow(0 0 26px rgba(215,53,48,.30));
  }
}
@media(prefers-reduced-motion:reduce){
  .about-contact img[src*="bacon-bin-logo-about-v182"]{transition:none!important;transform:none!important}
}

/* Rev183 — Anime-only background bottom feather. No other category background changes. */
.category-page.category-anime::before{
  height:1060px;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 43%,rgba(0,0,0,.96) 52%,rgba(0,0,0,.82) 63%,rgba(0,0,0,.58) 74%,rgba(0,0,0,.32) 84%,rgba(0,0,0,.12) 92%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 43%,rgba(0,0,0,.96) 52%,rgba(0,0,0,.82) 63%,rgba(0,0,0,.58) 74%,rgba(0,0,0,.32) 84%,rgba(0,0,0,.12) 92%,transparent 100%);
}
.category-page.category-anime::after{
  height:1060px;
  background:linear-gradient(90deg,#050506 0%,rgba(5,5,6,.24) 16%,rgba(5,5,6,.06) 50%,rgba(5,5,6,.24) 84%,#050506 100%),linear-gradient(180deg,rgba(5,5,6,.22) 0%,transparent 18%,transparent 54%,rgba(5,5,6,.12) 69%,rgba(5,5,6,.50) 84%,#050506 100%);
}
@media(max-width:800px){.category-page.category-anime::before,.category-page.category-anime::after{height:820px}}
@media(max-width:520px){.category-page.category-anime::before,.category-page.category-anime::after{height:720px}}


/* =========================================================
   Rev195 — requested category-card / TMNT background pass ONLY
   ========================================================= */

/* TMNT: the feather is baked into the actual WebP alpha now. This avoids
   browser-specific CSS-mask edges and makes all four sides blend to black. */
.category-page.category-tmnt::before{
  background-image:url('images/category-pages/tmnt-bg-feather-v195.webp')!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

/* Vintage Toys Firefly category tile — exact same poster/video handoff and
   hover behavior used by the established animated universe cards. */
.catalog-page .vintage-animated-tile{position:relative!important;overflow:hidden!important}
.catalog-page .vintage-animated-tile>img,
.catalog-page .vintage-animated-tile .universe-hover-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  transition:opacity .30s cubic-bezier(.22,.61,.36,1)!important;
}
.catalog-page .vintage-animated-tile>img{z-index:1!important;opacity:1!important}
.catalog-page .vintage-animated-tile .universe-hover-video{z-index:2!important;opacity:0!important;pointer-events:none!important}
.catalog-page .vintage-animated-tile:hover>img,
.catalog-page .vintage-animated-tile:focus-visible>img{opacity:0!important}
.catalog-page .vintage-animated-tile:hover .universe-hover-video,
.catalog-page .vintage-animated-tile:focus-visible .universe-hover-video{opacity:1!important}
.catalog-page .vintage-animated-tile::before{z-index:4!important}
.catalog-page .vintage-animated-tile::after{z-index:3!important}
@media(hover:none){
  .catalog-page .vintage-animated-tile>img{opacity:1!important}
  .catalog-page .vintage-animated-tile .universe-hover-video{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .catalog-page .vintage-animated-tile>img{opacity:1!important}
  .catalog-page .vintage-animated-tile .universe-hover-video{display:none!important}
}


/* =========================================================
   Rev196 — Hot Wheels Firefly video card + category background ONLY
   ========================================================= */
.category-page.category-hot-wheels::before{
  height:1040px!important;
  background-image:url('images/category-pages/hot-wheels-video-poster-v196.webp')!important;
  background-position:center 48px!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  opacity:.31!important;
  filter:brightness(.62) saturate(.96) contrast(1.12)!important;
  -webkit-mask-image:radial-gradient(ellipse 82% 78% at 50% 37%,#000 0 48%,rgba(0,0,0,.92) 60%,rgba(0,0,0,.62) 73%,rgba(0,0,0,.28) 85%,rgba(0,0,0,.07) 94%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 82% 78% at 50% 37%,#000 0 48%,rgba(0,0,0,.92) 60%,rgba(0,0,0,.62) 73%,rgba(0,0,0,.28) 85%,rgba(0,0,0,.07) 94%,transparent 100%)!important;
}
.category-page.category-hot-wheels .category-hot-wheels-video-bg{
  position:absolute;
  z-index:0;
  pointer-events:none;
  top:48px;
  left:0;
  width:100%;
  height:992px;
  object-fit:cover;
  object-position:center 44%;
  opacity:.31;
  filter:brightness(.62) saturate(.96) contrast(1.12);
  -webkit-mask-image:radial-gradient(ellipse 82% 78% at 50% 37%,#000 0 48%,rgba(0,0,0,.92) 60%,rgba(0,0,0,.62) 73%,rgba(0,0,0,.28) 85%,rgba(0,0,0,.07) 94%,transparent 100%);
  mask-image:radial-gradient(ellipse 82% 78% at 50% 37%,#000 0 48%,rgba(0,0,0,.92) 60%,rgba(0,0,0,.62) 73%,rgba(0,0,0,.28) 85%,rgba(0,0,0,.07) 94%,transparent 100%);
}
.category-page.category-hot-wheels::after{
  height:1100px!important;
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.84) 3%,rgba(0,0,0,.42) 11%,rgba(0,0,0,.11) 26%,transparent 41%,transparent 59%,rgba(0,0,0,.11) 74%,rgba(0,0,0,.42) 89%,rgba(0,0,0,.84) 97%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.05) 18%,transparent 48%,rgba(0,0,0,.16) 68%,rgba(0,0,0,.58) 85%,#000 100%)!important;
}
@media(max-width:800px){
  .category-page.category-hot-wheels::before{height:820px!important;background-position:center 58px!important;opacity:.27!important}
  .category-page.category-hot-wheels .category-hot-wheels-video-bg{top:58px;height:762px;opacity:.27;object-position:center 42%}
  .category-page.category-hot-wheels::after{height:860px!important}
}
@media(max-width:520px){
  .category-page.category-hot-wheels::before{height:720px!important;opacity:.24!important}
  .category-page.category-hot-wheels .category-hot-wheels-video-bg{height:662px;opacity:.24}
  .category-page.category-hot-wheels::after{height:760px!important}
}
@media(prefers-reduced-motion:reduce){
  .category-page.category-hot-wheels .category-hot-wheels-video-bg{display:none!important}
}

/* =========================================================
   Rev197 — Hot Wheels: new Firefly track + restored logo motion/specular
   Scope: Hot Wheels card + Hot Wheels category background ONLY.
   ========================================================= */

/* The category page has ONE background source now: the video element.
   Disable every historical still-image ::before layer outright. */
.category-page.category-hot-wheels::before{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  opacity:0!important;
}

/* Keep the existing Rev196 video feather/opacity and edge-darkening overlay. */
.category-page.category-hot-wheels .category-hot-wheels-video-bg{
  z-index:0!important;
}

/* The new card footage is deliberately clean; the logo is a separate layer so
   its motion/specular treatment is independent of the background footage. */
.catalog-page .hot-wheels-animated-tile .hot-wheels-logo-motion{
  display:block!important;
  position:absolute!important;
  z-index:4!important;
  left:50%!important;
  top:50%!important;
  width:59%!important;
  aspect-ratio:383/169!important;
  transform:translate(-50%,-50%) scale(.965) rotate(-.35deg)!important;
  transform-origin:center center!important;
  background:url('images/category-pages/hot-wheels-logo.png') center/contain no-repeat!important;
  filter:saturate(1.09) contrast(1.05) drop-shadow(0 7px 12px rgba(0,0,0,.55)) drop-shadow(0 0 9px rgba(255,120,25,.22))!important;
  pointer-events:none!important;
  overflow:hidden!important;
  will-change:transform,filter!important;
}
.catalog-page .hot-wheels-animated-tile .hot-wheels-logo-motion::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(108deg,transparent 28%,rgba(255,255,255,0) 37%,rgba(255,250,218,.20) 43%,rgba(255,255,255,.94) 49%,rgba(255,220,145,.58) 53%,rgba(255,255,255,0) 61%,transparent 70%);
  transform:translateX(-150%) skewX(-11deg);
  mix-blend-mode:screen;
  -webkit-mask:url('images/category-pages/hot-wheels-logo.png') center/contain no-repeat;
  mask:url('images/category-pages/hot-wheels-logo.png') center/contain no-repeat;
}
.catalog-page .hot-wheels-animated-tile:hover .hot-wheels-logo-motion,
.catalog-page .hot-wheels-animated-tile:focus-visible .hot-wheels-logo-motion{
  animation:bbHotWheelsLogoFloat 3.8s ease-in-out infinite!important;
}
.catalog-page .hot-wheels-animated-tile:hover .hot-wheels-logo-motion::after,
.catalog-page .hot-wheels-animated-tile:focus-visible .hot-wheels-logo-motion::after{
  opacity:1;
  animation:bbHotWheelsSpecular 2.65s cubic-bezier(.2,.6,.25,1) infinite!important;
}
@keyframes bbHotWheelsLogoFloat{
  0%,100%{transform:translate(-50%,-50%) scale(.955) rotate(-.45deg)}
  34%{transform:translate(-50%,-51.2%) scale(1.012) rotate(.05deg)}
  68%{transform:translate(-50%,-49.4%) scale(.982) rotate(.35deg)}
}
@keyframes bbHotWheelsSpecular{
  0%,14%{transform:translateX(-155%) skewX(-11deg);opacity:0}
  22%{opacity:.92}
  52%{transform:translateX(150%) skewX(-11deg);opacity:.88}
  61%,100%{transform:translateX(150%) skewX(-11deg);opacity:0}
}
@media(hover:none){
  .catalog-page .hot-wheels-animated-tile .hot-wheels-logo-motion{animation:none!important}
  .catalog-page .hot-wheels-animated-tile .hot-wheels-logo-motion::after{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .catalog-page .hot-wheels-animated-tile .hot-wheels-logo-motion{animation:none!important}
  .catalog-page .hot-wheels-animated-tile .hot-wheels-logo-motion::after{display:none!important}
}

/* =========================================================
   Rev199 — Hot Wheels clean logo cutout + calmer category video
   Scope: Hot Wheels card and Hot Wheels category background only.
   ========================================================= */

/* Preserve the single video background. Never revive the retired still layer. */
.category-page.category-hot-wheels::before{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  opacity:0!important;
}

/* Lower-opacity, richer moving background, placed slightly farther down-page. */
.category-page.category-hot-wheels .category-hot-wheels-video-bg{
  top:82px!important;
  height:992px!important;
  object-position:center 48%!important;
  opacity:.23!important;
  filter:brightness(.55) saturate(1.13) contrast(1.23)!important;
  -webkit-mask-image:radial-gradient(ellipse 82% 78% at 50% 40%,#000 0 48%,rgba(0,0,0,.92) 60%,rgba(0,0,0,.62) 73%,rgba(0,0,0,.28) 85%,rgba(0,0,0,.07) 94%,transparent 100%)!important;
  mask-image:radial-gradient(ellipse 82% 78% at 50% 40%,#000 0 48%,rgba(0,0,0,.92) 60%,rgba(0,0,0,.62) 73%,rgba(0,0,0,.28) 85%,rgba(0,0,0,.07) 94%,transparent 100%)!important;
}

/* Exact clean Hot Wheels logo cutout from the previous card. No artificial
   rectangular gloss layer — only the logo artwork and subtle movement remain. */
.catalog-page .hot-wheels-animated-tile .hot-wheels-logo-motion{
  display:block!important;
  width:59%!important;
  aspect-ratio:383/169!important;
  background:url('images/category-generated/hot-wheels-card-logo-v199.png') center/contain no-repeat!important;
  filter:brightness(1.045) saturate(1.10) contrast(1.045) drop-shadow(0 7px 12px rgba(0,0,0,.58)) drop-shadow(0 0 8px rgba(255,118,20,.18))!important;
  overflow:visible!important;
}
.catalog-page .hot-wheels-animated-tile .hot-wheels-logo-motion::after{
  content:none!important;
  display:none!important;
  background:none!important;
  animation:none!important;
}

@media(max-width:800px){
  .category-page.category-hot-wheels .category-hot-wheels-video-bg{
    top:76px!important;
    height:762px!important;
    object-position:center 47%!important;
    opacity:.21!important;
    filter:brightness(.54) saturate(1.12) contrast(1.22)!important;
  }
}
@media(max-width:520px){
  .category-page.category-hot-wheels .category-hot-wheels-video-bg{
    top:72px!important;
    height:662px!important;
    opacity:.19!important;
  }
}


/* =========================================================
   Rev200 — G.I. Joe duplicate-logo cover + Transformers left feather
   + Aliens exposure/color lift. Scope is deliberately limited.
   ========================================================= */

/* G.I. Joe: the jet MP4 contains the historical smaller logo.  Keep the
   footage, but cover it with one clean centered logo layer so only a single
   logo is visible.  The padded dark edge is part of the PNG silhouette, not
   a rectangular overlay. */
.catalog-page .gi-joe-animated-tile .gi-joe-logo-motion{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  pointer-events:none!important;
  background:url('images/category-generated/gi-joe-logo-cover-v200.png') center/105% auto no-repeat!important;
  transform:translateZ(0) scale(1);
  transform-origin:center center!important;
  filter:brightness(1.02) saturate(1.035) contrast(1.035) drop-shadow(0 5px 9px rgba(0,0,0,.30));
  will-change:transform,filter!important;
}
.catalog-page .gi-joe-animated-tile:hover .gi-joe-logo-motion,
.catalog-page .gi-joe-animated-tile:focus-visible .gi-joe-logo-motion{
  animation:bbGiJoeSingleLogo 3.9s cubic-bezier(.22,.61,.36,1) forwards!important;
}
@keyframes bbGiJoeSingleLogo{
  0%{transform:translateY(0) scale(1);filter:brightness(1.02) saturate(1.035) contrast(1.035) drop-shadow(0 5px 9px rgba(0,0,0,.30))}
  52%{transform:translateY(-.7%) scale(1.027);filter:brightness(1.075) saturate(1.06) contrast(1.05) drop-shadow(0 6px 11px rgba(0,0,0,.34))}
  100%{transform:translateY(-.35%) scale(1.018);filter:brightness(1.05) saturate(1.05) contrast(1.045) drop-shadow(0 6px 10px rgba(0,0,0,.32))}
}
@media(prefers-reduced-motion:reduce){
  .catalog-page .gi-joe-animated-tile .gi-joe-logo-motion{animation:none!important;transform:none!important}
}

/* Transformers: use the same artwork with a baked alpha fade on the LEFT
   edge. Existing opacity, color and bottom feather remain unchanged. */
.category-page.category-transformers::before{
  background-image:url('images/category-pages/transformers-bg-left-feather-v200.webp')!important;
}

/* Aliens: keep the exact existing opacity, just lift exposure/color a little. */
.category-page.category-aliens::before{
  opacity:.91!important;
  filter:brightness(1.09) saturate(1.24) contrast(1.17)!important;
}
@media(max-width:800px){
  .category-page.category-aliens::before{
    opacity:.80!important;
    filter:brightness(1.09) saturate(1.24) contrast(1.17)!important;
  }
}

/* Rev202 — supplied 1980s Vintage Toys collage background; alpha-feathered on all four edges. */
.category-page.category-vintage-toys::before{
  top:0;
  height:1220px;
  background-image:url('images/category-pages/vintage-toys-bg-v202.webp')!important;
  background-position:center 76px!important;
  background-repeat:no-repeat!important;
  background-size:min(1203px,96vw) auto!important;
  opacity:.23!important;
  filter:brightness(.64) saturate(.92) contrast(1.10)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.category-page.category-vintage-toys::after{
  height:1220px;
  background:
    linear-gradient(90deg,#050506 0%,rgba(5,5,6,.64) 5%,rgba(5,5,6,.20) 18%,rgba(5,5,6,.03) 50%,rgba(5,5,6,.20) 82%,rgba(5,5,6,.64) 95%,#050506 100%),
    linear-gradient(180deg,rgba(5,5,6,.34) 0%,rgba(5,5,6,.04) 18%,rgba(5,5,6,.07) 63%,rgba(5,5,6,.54) 83%,#050506 100%);
}
@media(max-width:800px){
  .category-page.category-vintage-toys::before{
    height:920px;
    background-position:center 72px!important;
    background-size:auto 790px!important;
    opacity:.20!important;
  }
  .category-page.category-vintage-toys::after{height:920px}
}
@media(max-width:520px){
  .category-page.category-vintage-toys::before{
    height:760px;
    background-position:center 70px!important;
    background-size:auto 665px!important;
    opacity:.18!important;
  }
  .category-page.category-vintage-toys::after{height:760px}
}

/* =========================================================
   Rev204 — G.I. Joe card cleanup.
   The jet clip already contains the clean animated G.I. Joe mark.
   Remove the duplicate foreground cover/stroke layer entirely.
   ========================================================= */
.catalog-page .gi-joe-animated-tile .gi-joe-logo-motion{display:none!important}

/* =========================================================
   Rev204 — Marvel bottom feather final override.
   Kept at the end of foundation.css so it wins over historical
   !important category-background rules.
   ========================================================= */
.category-page.category-marvel::before{
  background-image:url('images/category-pages/marvel-mural-bottom-feather-v204.webp')!important;
  opacity:.27!important;
  filter:brightness(.56) saturate(1.18) contrast(1.27)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.category-page.category-marvel::after{
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.84) 3%,rgba(0,0,0,.34) 14%,rgba(0,0,0,.07) 38%,rgba(0,0,0,.07) 62%,rgba(0,0,0,.34) 86%,rgba(0,0,0,.84) 97%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.07) 17%,rgba(0,0,0,.03) 55%,rgba(0,0,0,.22) 70%,rgba(0,0,0,.62) 84%,#000 98%)!important;
}


/* =========================================================
   Rev210 — HORROR: exact supplied Shop-card video + rich static page background
   The category page itself is STATIC.  Feathering is baked into the asset and
   reinforced here with low-opacity edge/bottom fades for predictable rendering.
   ========================================================= */
.category-page.category-horror{
  background:#020203!important;
}
.category-page.category-horror::before{
  top:0!important;
  height:1420px!important;
  background-image:url('images/category-pages/horrorbackg-v211.webp')!important;
  background-position:center 78px!important;
  background-repeat:no-repeat!important;
  background-size:min(1260px,106vw) auto!important;
  opacity:.29!important;
  filter:brightness(.91) saturate(1.16) contrast(1.22)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.category-page.category-horror::after{
  height:1420px!important;
  background:
    linear-gradient(90deg,#020203 0%,rgba(2,2,3,.88) 2.5%,rgba(2,2,3,.48) 9%,rgba(2,2,3,.15) 20%,rgba(2,2,3,.025) 39%,rgba(2,2,3,.025) 61%,rgba(2,2,3,.15) 80%,rgba(2,2,3,.48) 91%,rgba(2,2,3,.88) 97.5%,#020203 100%),
    linear-gradient(180deg,#020203 0%,rgba(2,2,3,.66) 4%,rgba(2,2,3,.17) 13%,rgba(2,2,3,.035) 34%,rgba(2,2,3,.06) 58%,rgba(2,2,3,.28) 72%,rgba(2,2,3,.66) 86%,#020203 98.5%)!important;
}
.category-horror .horror-category-hero{
  min-height:500px!important;
  padding-top:100px!important;
  padding-bottom:44px!important;
  align-items:flex-end!important;
}
.category-horror .horror-hero-copy{
  width:min(1020px,100%)!important;
  max-width:1020px!important;
}
.category-horror .horror-hero-copy>.catalog-kicker{
  color:#e12a2f!important;
  text-shadow:0 0 14px rgba(190,0,0,.24);
}
.category-horror .horror-hero-copy>h1{
  color:#f4f0ed!important;
  text-shadow:0 2px 0 #650b0e,0 8px 28px rgba(0,0,0,.86),0 0 22px rgba(150,0,0,.13)!important;
}
.category-horror .horror-hero-copy>p{
  color:#d2ccc8!important;max-width:720px!important;font-size:13px!important;letter-spacing:.01em;
}
.category-horror .category-products-head h2{
  font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;
  letter-spacing:.035em!important;
  color:#f4f0ed!important;
  text-shadow:0 2px 0 #620b0d,0 0 20px rgba(171,0,0,.16);
}
.category-horror .product-card{
  border-color:rgba(136,17,21,.26)!important;
  background:linear-gradient(180deg,rgba(10,8,9,.94),rgba(5,5,6,.96))!important;
}
.category-horror .product-card:hover{
  border-color:rgba(205,38,43,.52)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.48),0 0 22px rgba(160,8,12,.08)!important;
}
.category-horror .product-card-meta span,
.category-horror .catalog-kicker{color:#d62b31!important}
.catalog-page .horror-animated-tile{
  background:#020203!important;
  border-color:rgba(135,18,23,.38)!important;
}
.catalog-page .horror-animated-tile>img,
.catalog-page .horror-animated-tile .universe-hover-video{
  width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;
  filter:brightness(.88) contrast(1.12) saturate(1.02)!important;
}
.catalog-page .horror-animated-tile:hover .universe-hover-video,
.catalog-page .horror-animated-tile:focus-visible .universe-hover-video{
  filter:brightness(.96) contrast(1.16) saturate(1.07)!important;
}
.catalog-page .horror-animated-tile:hover,
.catalog-page .horror-animated-tile:focus-visible{
  border-color:rgba(220,31,38,.78)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.50),0 0 26px rgba(191,0,0,.15)!important;
}
/* 13 universe cards: keep the final three centered at four-column tablet widths. */
@media(min-width:760px) and (max-width:1179px){
  .catalog-page .universe-grid .universe-tile:nth-last-child(3){grid-column:1!important}
  .catalog-page .universe-grid .universe-tile:nth-last-child(2){grid-column:2!important}
  .catalog-page .universe-grid .universe-tile:last-child{grid-column:3!important}
}
@media(max-width:800px){
  .category-page.category-horror::before,.category-page.category-horror::after{height:1060px!important}
  .category-page.category-horror::before{background-position:center 74px!important;background-size:auto 900px!important;opacity:.25!important}
  .category-horror .horror-category-hero{min-height:455px!important;padding-top:88px!important}
}
@media(max-width:520px){
  .category-page.category-horror::before,.category-page.category-horror::after{height:810px!important}
  .category-page.category-horror::before{background-position:center 70px!important;background-size:auto 680px!important;opacity:.22!important}
  .category-horror .horror-category-hero{min-height:375px!important;padding-top:76px!important}
  .category-horror .horror-hero-copy>p{font-size:12px!important}
}


/* =========================================================
   Rev211 — HORROR card continuity + richer page + G.I. Joe ghost-logo fix
   ========================================================= */

/* HORROR: static frame is the exact first frame of the trimmed drip sequence.
   Keep the swap fast and clean so the word never appears doubled on hover. */
.catalog-page .universe-grid .horror-animated-tile>img,
.catalog-page .universe-grid .horror-animated-tile .universe-hover-video{
  object-fit:cover!important;
  object-position:center center!important;
  transition:opacity .075s linear,filter .22s ease,transform .28s ease!important;
}
.catalog-page .universe-grid .horror-animated-tile:hover>img,
.catalog-page .universe-grid .horror-animated-tile:focus-visible>img{
  opacity:0!important;
}
.catalog-page .universe-grid .horror-animated-tile:hover .universe-hover-video,
.catalog-page .universe-grid .horror-animated-tile:focus-visible .universe-hover-video{
  opacity:1!important;
  transform:scale(1.012) translateZ(0)!important;
  filter:brightness(1.01) contrast(1.22) saturate(1.12)!important;
}
@keyframes bbHorrorBloodPulse{
  0%{box-shadow:0 18px 42px rgba(0,0,0,.50),0 0 14px rgba(145,0,3,.11),inset 0 0 0 1px rgba(255,255,255,.025)}
  100%{box-shadow:0 19px 46px rgba(0,0,0,.54),0 0 30px rgba(220,8,16,.24),inset 0 0 22px rgba(126,0,4,.10)}
}
.catalog-page .universe-grid .horror-animated-tile:hover,
.catalog-page .universe-grid .horror-animated-tile:focus-visible{
  animation:bbHorrorBloodPulse 1.15s ease-in-out infinite alternate!important;
  border-color:rgba(225,35,42,.86)!important;
}
@media(prefers-reduced-motion:reduce){
  .catalog-page .universe-grid .horror-animated-tile:hover,
  .catalog-page .universe-grid .horror-animated-tile:focus-visible{animation:none!important}
}

/* G.I. JOE: the old poster was not pixel-identical to frame zero of the jet clip.
   During the fade that looked like a second logo behind the main mark.  Rev211
   uses an exact frame-zero poster and these late overrides ensure it actually
   leaves the stack as the video comes in.  The video itself remains untouched. */
.catalog-page .universe-grid .gi-joe-animated-tile>img,
.catalog-page .universe-grid .gi-joe-animated-tile .universe-hover-video{
  object-fit:cover!important;
  object-position:center center!important;
  transition:opacity .055s linear!important;
}
.catalog-page .universe-grid .gi-joe-animated-tile:hover>img,
.catalog-page .universe-grid .gi-joe-animated-tile:focus-visible>img{
  opacity:0!important;
}
.catalog-page .universe-grid .gi-joe-animated-tile:hover .universe-hover-video,
.catalog-page .universe-grid .gi-joe-animated-tile:focus-visible .universe-hover-video{
  opacity:1!important;
}

/* Final Horror page richness override.  The v211 asset has its feather baked in;
   this preserves deep black around it while giving the center more separation. */
.category-page.category-horror::before{
  background-image:url('images/category-pages/horrorbackg-v211.webp')!important;
  opacity:.29!important;
  filter:brightness(.91) saturate(1.16) contrast(1.22)!important;
}
.catalog-page .universe-grid .gi-joe-animated-tile>img,
.catalog-page .universe-grid .gi-joe-animated-tile .universe-hover-video{
  filter:brightness(.94) contrast(1.14) saturate(1.10)!important;
}


/* =========================================================
   Rev212 — HORROR full-source tile + high-resolution soft page feather
   ========================================================= */

/* The Rev212 MP4 is the complete supplied 8-second source, fitted inside the
   exact 688x412 tile without side-cropping.  Its poster is taken near the end,
   where the fully formed HORROR word is horizontally centered. */
.catalog-page .universe-grid .horror-animated-tile>img,
.catalog-page .universe-grid .horror-animated-tile .universe-hover-video{
  object-fit:cover!important;
  object-position:center center!important;
  width:100%!important;
  height:100%!important;
}
.catalog-page .universe-grid .horror-animated-tile:hover>img,
.catalog-page .universe-grid .horror-animated-tile:focus-visible>img{opacity:0!important}
.catalog-page .universe-grid .horror-animated-tile:hover .universe-hover-video,
.catalog-page .universe-grid .horror-animated-tile:focus-visible .universe-hover-video{opacity:1!important}

/* The page artwork is now a 2000x1500 transparent PNG.  The broad feather is
   baked with a continuous Gaussian-smoothed alpha mask, so there are no hard
   rectangular bands or low-resolution WebP edge artifacts. */
.category-page.category-horror::before{
  background-image:url('images/category-pages/horrorbackg-v212.png')!important;
  background-position:center 72px!important;
  background-size:min(1320px,108vw) auto!important;
  background-repeat:no-repeat!important;
  opacity:.34!important;
  filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
/* Only a long, subtle bottom dissolve is added in CSS; side/top feathering is
   entirely continuous in the PNG itself. */
.category-page.category-horror::after{
  background:linear-gradient(180deg,
    rgba(2,2,3,0) 0%,
    rgba(2,2,3,0) 55%,
    rgba(2,2,3,.08) 66%,
    rgba(2,2,3,.24) 76%,
    rgba(2,2,3,.52) 87%,
    rgba(2,2,3,.84) 95%,
    #020203 100%)!important;
}
@media(max-width:800px){
  .category-page.category-horror::before{
    background-position:center 68px!important;
    background-size:auto 920px!important;
    opacity:.30!important;
  }
}
@media(max-width:520px){
  .category-page.category-horror::before{
    background-position:center 64px!important;
    background-size:auto 700px!important;
    opacity:.27!important;
  }
}


/* =========================================================
   Rev213 — SKATEBOARDING category + seamless animated universe card
   ========================================================= */
.category-page.category-skateboarding{
  background:#000!important;
  overflow-x:hidden;
}
.category-page.category-skateboarding::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  pointer-events:none!important;
  top:0!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(2000px,122vw)!important;
  height:1333px!important;
  background-image:url('images/category-pages/skateboarding-sunset-v213.png')!important;
  background-position:center 40px!important;
  background-repeat:no-repeat!important;
  background-size:100% auto!important;
  opacity:.34!important;
  filter:saturate(1.06) contrast(1.05) brightness(.88)!important;
}
.category-page.category-skateboarding::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  pointer-events:none!important;
  inset:0 0 auto 0!important;
  height:1370px!important;
  background:linear-gradient(to bottom,rgba(0,0,0,.05) 0,rgba(0,0,0,.04) 48%,rgba(0,0,0,.48) 72%,#000 100%)!important;
}
.category-skateboarding .shop-header,
.category-skateboarding main,
.category-skateboarding .shop-footer,
.category-skateboarding .bb-social-dock-shell{position:relative;z-index:2}
.category-skateboarding .skateboarding-category-hero{
  min-height:520px!important;
  padding-top:104px!important;
  display:flex!important;
  align-items:flex-start!important;
}
.category-skateboarding .skateboarding-hero-copy{max-width:720px!important}
.category-skateboarding .skateboarding-hero-copy>.catalog-kicker,
.category-skateboarding .category-products-head .catalog-kicker,
.category-skateboarding .product-card-meta span{color:#ff8a2b!important}
.category-skateboarding .skateboarding-hero-copy>h1{
  text-transform:uppercase!important;
  letter-spacing:-.035em!important;
  text-shadow:0 4px 24px rgba(0,0,0,.92),0 0 30px rgba(255,108,31,.12)!important;
}
.category-skateboarding .skateboarding-hero-copy>p{max-width:610px!important;text-shadow:0 2px 16px rgba(0,0,0,.9)!important}
.category-skateboarding .product-card{border-color:rgba(255,141,51,.16)!important;background:rgba(4,4,5,.88)!important}
.category-skateboarding .product-card:hover{border-color:rgba(255,141,51,.52)!important;box-shadow:0 18px 42px rgba(0,0,0,.48),0 0 28px rgba(255,111,25,.08)!important}

.catalog-page .universe-grid .skateboarding-animated-tile{position:relative!important;overflow:hidden!important;background:#130806!important}
.catalog-page .universe-grid .skateboarding-animated-tile>img:not(.skateboarding-wordmark),
.catalog-page .universe-grid .skateboarding-animated-tile .universe-hover-video{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;margin:0!important;padding:0!important;border-radius:0!important;
}
.catalog-page .universe-grid .skateboarding-animated-tile>img:not(.skateboarding-wordmark){z-index:1!important;opacity:1!important;transition:opacity .18s linear,transform .45s ease!important;filter:brightness(.86) contrast(1.12) saturate(1.10)!important}
.catalog-page .universe-grid .skateboarding-animated-tile .universe-hover-video{z-index:2!important;opacity:0!important;pointer-events:none!important;transition:opacity .18s linear!important;filter:brightness(.88) contrast(1.10) saturate(1.10)!important}
.catalog-page .universe-grid .skateboarding-animated-tile .skateboarding-wordmark{
  position:absolute!important;z-index:4!important;left:50%!important;top:50%!important;width:90%!important;height:auto!important;max-height:66%!important;object-fit:contain!important;transform:translate(-50%,-50%) rotate(-1.4deg)!important;transform-origin:center!important;filter:drop-shadow(0 8px 12px rgba(0,0,0,.78)) drop-shadow(0 0 11px rgba(255,93,19,.16))!important;pointer-events:none!important;transition:transform .36s cubic-bezier(.2,.8,.2,1),filter .36s ease!important;
}
.catalog-page .universe-grid .skateboarding-animated-tile::after{
  content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 34%,rgba(0,0,0,.12) 68%,rgba(0,0,0,.42) 100%);transition:opacity .3s ease;opacity:.8;
}
.catalog-page .universe-grid .skateboarding-animated-tile:hover>img:not(.skateboarding-wordmark),
.catalog-page .universe-grid .skateboarding-animated-tile:focus-visible>img:not(.skateboarding-wordmark){opacity:0!important;transform:scale(1.018)!important}
.catalog-page .universe-grid .skateboarding-animated-tile:hover .universe-hover-video,
.catalog-page .universe-grid .skateboarding-animated-tile:focus-visible .universe-hover-video{opacity:1!important}
.catalog-page .universe-grid .skateboarding-animated-tile:hover .skateboarding-wordmark,
.catalog-page .universe-grid .skateboarding-animated-tile:focus-visible .skateboarding-wordmark{transform:translate(-50%,-50%) rotate(-.5deg) scale(1.035)!important;filter:drop-shadow(0 10px 14px rgba(0,0,0,.82)) drop-shadow(0 0 16px rgba(255,100,24,.28))!important}
.catalog-page .universe-grid .skateboarding-animated-tile:hover::after,
.catalog-page .universe-grid .skateboarding-animated-tile:focus-visible::after{opacity:.5}
@media(hover:none),(prefers-reduced-motion:reduce){
  .catalog-page .universe-grid .skateboarding-animated-tile .universe-hover-video{display:none!important}
}
@media(max-width:900px){
  .category-page.category-skateboarding::before{width:1380px!important;height:920px!important;background-size:1380px auto!important;background-position:center 54px!important;opacity:.30!important}
  .category-page.category-skateboarding::after{height:980px!important}
  .category-skateboarding .skateboarding-category-hero{min-height:430px!important;padding-top:86px!important}
}
@media(max-width:600px){
  .category-page.category-skateboarding::before{width:1040px!important;height:720px!important;background-size:1040px auto!important;background-position:center 62px!important;opacity:.27!important}
  .category-page.category-skateboarding::after{height:760px!important}
  .category-skateboarding .skateboarding-category-hero{min-height:350px!important;padding-top:72px!important}
  .catalog-page .universe-grid .skateboarding-animated-tile .skateboarding-wordmark{width:88%!important}
}

/* =========================================================
   Rev214 — SKATEBOARDING page framing + clean word-only card
   ========================================================= */
.category-page.category-skateboarding::before{
  width:min(1960px,114vw)!important;
  height:1280px!important;
  background-image:url('images/category-pages/skateboarding-sunset-v214.png')!important;
  background-size:94% auto!important;
  background-position:center -24px!important;
  opacity:.26!important;
  filter:saturate(1.08) contrast(1.06) brightness(.94)!important;
}
.category-page.category-skateboarding::after{
  height:1320px!important;
  background:linear-gradient(to bottom,rgba(0,0,0,.03) 0,rgba(0,0,0,.025) 44%,rgba(0,0,0,.34) 68%,rgba(0,0,0,.82) 87%,#000 100%)!important;
}

.catalog-page .universe-grid .skateboarding-animated-tile{
  background:#080504!important;
}
.catalog-page .universe-grid .skateboarding-animated-tile>img,
.catalog-page .universe-grid .skateboarding-animated-tile .universe-hover-video{
  object-fit:cover!important;
  object-position:center center!important;
}
.catalog-page .universe-grid .skateboarding-animated-tile>img{
  filter:brightness(.84) contrast(1.13) saturate(1.12)!important;
}
.catalog-page .universe-grid .skateboarding-animated-tile .universe-hover-video{
  filter:brightness(.88) contrast(1.12) saturate(1.12)!important;
}
.catalog-page .universe-grid .skateboarding-animated-tile .skateboarding-title-word{
  display:block!important;
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  top:50%!important;
  width:96%!important;
  transform:translate(-50%,-50%) scale(1)!important;
  transform-origin:center center!important;
  color:#fff!important;
  font-family:Impact,Haettenschweiler,'Arial Narrow Bold','Arial Black',sans-serif!important;
  font-size:clamp(27px,3.15vw,50px)!important;
  font-weight:900!important;
  line-height:.92!important;
  letter-spacing:.018em!important;
  white-space:nowrap!important;
  text-align:center!important;
  text-transform:uppercase!important;
  text-shadow:0 3px 4px rgba(0,0,0,.94),0 8px 18px rgba(0,0,0,.82),0 0 12px rgba(255,255,255,.08)!important;
  pointer-events:none!important;
  opacity:.98!important;
}
.catalog-page .universe-grid .skateboarding-animated-tile:hover .skateboarding-title-word,
.catalog-page .universe-grid .skateboarding-animated-tile:focus-visible .skateboarding-title-word{
  animation:bb-skate-word-push 5.75s cubic-bezier(.22,.61,.36,1) infinite!important;
}
@keyframes bb-skate-word-push{
  0%,68%{transform:translate(-50%,-50%) scale(1);letter-spacing:.018em}
  82%{transform:translate(-50%,-50%) scale(1.035);letter-spacing:.022em}
  91%{transform:translate(-50%,-50%) scale(1.16);letter-spacing:.028em}
  100%{transform:translate(-50%,-50%) scale(1);letter-spacing:.018em}
}
@media(max-width:900px){
  .category-page.category-skateboarding::before{
    width:1320px!important;
    height:900px!important;
    background-size:94% auto!important;
    background-position:center -8px!important;
    opacity:.23!important;
  }
  .category-page.category-skateboarding::after{height:950px!important}
  .catalog-page .universe-grid .skateboarding-animated-tile .skateboarding-title-word{font-size:clamp(27px,5.8vw,46px)!important;width:95%!important}
}
@media(max-width:600px){
  .category-page.category-skateboarding::before{
    width:990px!important;
    height:690px!important;
    background-size:94% auto!important;
    background-position:center -2px!important;
    opacity:.21!important;
  }
  .category-page.category-skateboarding::after{height:730px!important}
  .catalog-page .universe-grid .skateboarding-animated-tile .skateboarding-title-word{font-size:clamp(20px,7vw,34px)!important;width:96%!important}
}
@media(prefers-reduced-motion:reduce){
  .catalog-page .universe-grid .skateboarding-animated-tile:hover .skateboarding-title-word,
  .catalog-page .universe-grid .skateboarding-animated-tile:focus-visible .skateboarding-title-word{animation:none!important}
}


/* =========================================================
   Rev215 — Skateboard title fit + supplied Hot Wheels logo master
   ========================================================= */
.catalog-page .universe-grid .skateboarding-animated-tile{
  container-type:inline-size!important;
}
.catalog-page .universe-grid .skateboarding-animated-tile .skateboarding-title-word{
  left:50%!important;
  top:50%!important;
  width:auto!important;
  max-width:none!important;
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Arial Black",sans-serif!important;
  font-size:clamp(18px,10.15cqw,39px)!important;
  font-weight:900!important;
  letter-spacing:-.018em!important;
  line-height:.90!important;
  white-space:nowrap!important;
  transform:translate(-50%,-50%) scaleX(.95)!important;
  transform-origin:center!important;
  padding:0!important;
}
.catalog-page .universe-grid .skateboarding-animated-tile:hover .skateboarding-title-word,
.catalog-page .universe-grid .skateboarding-animated-tile:focus-visible .skateboarding-title-word{
  animation:bb-skate-word-push-v215 5.75s cubic-bezier(.22,.61,.36,1) infinite!important;
}
@keyframes bb-skate-word-push-v215{
  0%,68%{transform:translate(-50%,-50%) scaleX(.95) scaleY(1);letter-spacing:-.018em}
  82%{transform:translate(-50%,-50%) scaleX(.97) scaleY(1.035);letter-spacing:-.012em}
  91%{transform:translate(-50%,-50%) scaleX(1.02) scaleY(1.12);letter-spacing:-.006em}
  100%{transform:translate(-50%,-50%) scaleX(.95) scaleY(1);letter-spacing:-.018em}
}

/* One supplied Hot Wheels mark across shop card and category page. */
.catalog-page .hot-wheels-animated-tile .hot-wheels-logo-motion{
  width:72%!important;
  aspect-ratio:1200/354!important;
  background:url('images/category-pages/hot-wheels-logo-v215.png?v=215') center/contain no-repeat!important;
  filter:brightness(1.025) saturate(1.08) contrast(1.045) drop-shadow(0 6px 10px rgba(0,0,0,.62)) drop-shadow(0 0 7px rgba(255,112,20,.16))!important;
}
.category-page.category-hot-wheels .category-title-logo{
  content:url('images/category-pages/hot-wheels-logo-v215.png?v=215')!important;
  width:min(620px,72vw)!important;
  max-width:min(620px,72vw)!important;
  max-height:154px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 10px 25px rgba(0,0,0,.72))!important;
}
@media(max-width:720px){
  .category-page.category-hot-wheels .category-title-logo{width:min(500px,82vw)!important;max-width:min(500px,82vw)!important;max-height:120px!important}
}
@media(max-width:600px){
  .catalog-page .universe-grid .skateboarding-animated-tile .skateboarding-title-word{font-size:10cqw!important}
}

/* =========================================================
   Rev216 — centered Skateboarding wordmark + supplied Hot Wheels v216
   ========================================================= */
/* Use an image wordmark layer so the title is centered by geometry rather
   than font metrics. This also prevents right-edge clipping at narrow tiles. */
.catalog-page .universe-grid .skateboarding-animated-tile .skateboarding-title-word{
  display:block!important;
  position:absolute!important;
  z-index:6!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:91%!important;
  height:39%!important;
  padding:0!important;
  margin:0!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  white-space:normal!important;
  background:url('images/category-generated/skateboarding-wordmark-v216.png?v=216') center center/contain no-repeat!important;
  transform:translate(-50%,-50%) scale(1)!important;
  transform-origin:50% 50%!important;
  filter:drop-shadow(0 5px 7px rgba(0,0,0,.82))!important;
  pointer-events:none!important;
  opacity:1!important;
  animation:none!important;
  transition:transform .42s cubic-bezier(.16,1,.3,1),filter .35s ease!important;
}
.catalog-page .universe-grid .skateboarding-animated-tile:hover .skateboarding-title-word,
.catalog-page .universe-grid .skateboarding-animated-tile:focus-visible .skateboarding-title-word{
  animation:none!important;
  transform:translate(-50%,-50%) scale(1.075)!important;
  filter:drop-shadow(0 7px 10px rgba(0,0,0,.86)) drop-shadow(0 0 10px rgba(255,143,53,.16))!important;
}
@media(max-width:900px){
  .catalog-page .universe-grid .skateboarding-animated-tile .skateboarding-title-word{width:91%!important;height:40%!important}
}
@media(max-width:600px){
  .catalog-page .universe-grid .skateboarding-animated-tile .skateboarding-title-word{width:92%!important;height:41%!important}
}
@media(prefers-reduced-motion:reduce){
  .catalog-page .universe-grid .skateboarding-animated-tile:hover .skateboarding-title-word,
  .catalog-page .universe-grid .skateboarding-animated-tile:focus-visible .skateboarding-title-word{transform:translate(-50%,-50%) scale(1)!important}
}

/* Exact user-supplied 700px Hot Wheels art, trimmed only for transparent
   whitespace. Category page is capped below the trimmed native width. */
.catalog-page .hot-wheels-animated-tile .hot-wheels-logo-motion{
  width:70%!important;
  aspect-ratio:664/196!important;
  background:url('images/category-pages/hot-wheels-logo-v216.png?v=216') center/contain no-repeat!important;
  filter:brightness(1.02) saturate(1.05) contrast(1.025) drop-shadow(0 6px 10px rgba(0,0,0,.62))!important;
}
.category-page.category-hot-wheels .category-title-logo{
  content:url('images/category-pages/hot-wheels-logo-v216.png?v=216')!important;
  width:min(640px,68vw)!important;
  max-width:640px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  image-rendering:auto!important;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.72))!important;
}
@media(max-width:720px){
  .category-page.category-hot-wheels .category-title-logo{width:min(560px,82vw)!important;max-width:560px!important;height:auto!important;max-height:none!important}
}

/* =========================================================
   Rev217 — Skate title refinement + Hot Wheels scale polish
   ========================================================= */
/* Skateboarding: cleaner condensed italic wordmark, dead-center, slightly
   larger, with a restrained push toward the viewer on hover. */
.catalog-page .universe-grid .skateboarding-animated-tile .skateboarding-title-word{
  width:94%!important;
  height:43%!important;
  left:50%!important;
  top:50%!important;
  background:url('images/category-generated/skateboarding-wordmark-v217.png?v=217') center center/contain no-repeat!important;
  transform:translate(-50%,-50%) scale(1)!important;
  transform-origin:50% 50%!important;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.86))!important;
  transition:transform .46s cubic-bezier(.16,1,.3,1),filter .38s ease!important;
}
.catalog-page .universe-grid .skateboarding-animated-tile:hover .skateboarding-title-word,
.catalog-page .universe-grid .skateboarding-animated-tile:focus-visible .skateboarding-title-word{
  transform:translate(-50%,-50%) scale(1.095)!important;
  filter:drop-shadow(0 7px 11px rgba(0,0,0,.88)) drop-shadow(0 0 9px rgba(255,146,62,.13))!important;
}
@media(max-width:900px){
  .catalog-page .universe-grid .skateboarding-animated-tile .skateboarding-title-word{width:94%!important;height:44%!important}
}
@media(max-width:600px){
  .catalog-page .universe-grid .skateboarding-animated-tile .skateboarding-title-word{width:95%!important;height:45%!important}
}
@media(prefers-reduced-motion:reduce){
  .catalog-page .universe-grid .skateboarding-animated-tile:hover .skateboarding-title-word,
  .catalog-page .universe-grid .skateboarding-animated-tile:focus-visible .skateboarding-title-word{transform:translate(-50%,-50%) scale(1)!important}
}

/* Hot Wheels shop tile: a touch larger at rest, then only a tiny zoom/float. */
.catalog-page .hot-wheels-animated-tile .hot-wheels-logo-motion{
  width:75%!important;
  aspect-ratio:664/196!important;
  background:url('images/category-pages/hot-wheels-logo-v216.png?v=216') center/contain no-repeat!important;
  transform:translate(-50%,-50%) scale(1)!important;
  filter:brightness(1.02) saturate(1.05) contrast(1.025) drop-shadow(0 6px 10px rgba(0,0,0,.62))!important;
}
.catalog-page .hot-wheels-animated-tile:hover .hot-wheels-logo-motion,
.catalog-page .hot-wheels-animated-tile:focus-visible .hot-wheels-logo-motion{
  animation:bbHotWheelsLogoFloat217 3.2s ease-in-out infinite!important;
}
@keyframes bbHotWheelsLogoFloat217{
  0%,100%{transform:translate(-50%,-50%) scale(1)}
  50%{transform:translate(-50%,-50.5%) scale(1.035)}
}

/* User requested the category-page logo smaller than Rev216. Keep it safely
   below the trimmed source width to avoid softening/pixelation. */
.category-page.category-hot-wheels .category-title-logo{
  width:min(545px,61vw)!important;
  max-width:545px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:left center!important;
  image-rendering:auto!important;
}
@media(max-width:720px){
  .category-page.category-hot-wheels .category-title-logo{width:min(475px,76vw)!important;max-width:475px!important}
}

/* =========================================================
   Rev221 — Skateboard deck tile logo + softer/richer SK8 page
   ========================================================= */
.catalog-page .universe-grid .skateboarding-animated-tile .skateboarding-title-word{
  display:block!important;
  position:absolute!important;
  z-index:6!important;
  left:50%!important;
  top:50%!important;
  width:78%!important;
  height:50%!important;
  padding:0!important;
  margin:0!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  white-space:normal!important;
  background:url('images/category-generated/skateboarding-deck-logo-v221.png?v=221') center center/contain no-repeat!important;
  transform:translate(-50%,-50%) scale(1)!important;
  transform-origin:50% 50%!important;
  filter:drop-shadow(0 7px 11px rgba(0,0,0,.84)) drop-shadow(0 0 7px rgba(255,70,30,.10))!important;
  pointer-events:none!important;
  opacity:.98!important;
  animation:none!important;
  transition:transform .46s cubic-bezier(.16,1,.3,1),filter .36s ease!important;
}
.catalog-page .universe-grid .skateboarding-animated-tile:hover .skateboarding-title-word,
.catalog-page .universe-grid .skateboarding-animated-tile:focus-visible .skateboarding-title-word{
  animation:none!important;
  transform:translate(-50%,-50%) scale(1.055)!important;
  filter:drop-shadow(0 9px 13px rgba(0,0,0,.88)) drop-shadow(0 0 11px rgba(255,86,38,.16))!important;
}
@media(max-width:900px){
  .catalog-page .universe-grid .skateboarding-animated-tile .skateboarding-title-word{width:79%!important;height:51%!important}
}
@media(max-width:600px){
  .catalog-page .universe-grid .skateboarding-animated-tile .skateboarding-title-word{width:80%!important;height:52%!important}
}
@media(prefers-reduced-motion:reduce){
  .catalog-page .universe-grid .skateboarding-animated-tile:hover .skateboarding-title-word,
  .catalog-page .universe-grid .skateboarding-animated-tile:focus-visible .skateboarding-title-word{transform:translate(-50%,-50%) scale(1)!important}
}

.category-page.category-skateboarding::before{
  width:min(1880px,110vw)!important;
  height:1210px!important;
  background-image:url('images/category-pages/skateboarding-sunset-v221.png?v=221')!important;
  background-size:92% auto!important;
  background-position:center -38px!important;
  background-repeat:no-repeat!important;
  opacity:.19!important;
  filter:saturate(1.07) contrast(1.05) brightness(.94)!important;
}
.category-page.category-skateboarding::after{
  height:1260px!important;
  background:linear-gradient(to bottom,rgba(0,0,0,.10) 0%,rgba(0,0,0,.025) 32%,rgba(0,0,0,.08) 54%,rgba(0,0,0,.38) 72%,rgba(0,0,0,.84) 89%,#000 100%)!important;
}
@media(max-width:900px){
  .category-page.category-skateboarding::before{width:1270px!important;height:850px!important;background-size:92% auto!important;background-position:center -18px!important;opacity:.17!important}
  .category-page.category-skateboarding::after{height:910px!important}
}
@media(max-width:600px){
  .category-page.category-skateboarding::before{width:950px!important;height:660px!important;background-size:92% auto!important;background-position:center -8px!important;opacity:.155!important}
  .category-page.category-skateboarding::after{height:710px!important}
}



/* =========================================================
   Rev222 — Category logo/title + edge feather refinements
   ========================================================= */
.category-logo-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:min(760px,76vw)!important;
  min-height:110px!important;
  margin:12px 0 15px!important;
  line-height:1!important;
}
.category-logo-heading img{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 12px 25px rgba(0,0,0,.66))!important;
}
.category-logo-heading-skate{width:min(680px,72vw)!important;min-height:100px!important}
.category-logo-heading-skate img{max-height:122px!important}
.category-logo-heading-vintage{width:min(620px,68vw)!important;min-height:102px!important}
.category-logo-heading-vintage img{max-height:128px!important}
@media(max-width:700px){
  .category-logo-heading{width:min(92vw,610px)!important;min-height:80px!important;margin:8px 0 12px!important}
  .category-logo-heading-skate img{max-height:95px!important}
  .category-logo-heading-vintage img{max-height:96px!important}
}

/* Skateboarding — new v222 alpha-feathered background; fade the top substantially more. */
.category-page.category-skateboarding::before{
  background-image:url('images/category-pages/skateboarding-sunset-v222.png?v=222')!important;
  opacity:.155!important;
  background-size:90% auto!important;
  background-position:center -24px!important;
  filter:saturate(1.06) contrast(1.04) brightness(.95)!important;
}
.category-page.category-skateboarding::after{
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.62) 4%,rgba(0,0,0,.19) 14%,rgba(0,0,0,.02) 28%,rgba(0,0,0,.02) 72%,rgba(0,0,0,.19) 86%,rgba(0,0,0,.62) 96%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.68) 7%,rgba(0,0,0,.36) 15%,rgba(0,0,0,.12) 25%,rgba(0,0,0,.025) 38%,rgba(0,0,0,.08) 58%,rgba(0,0,0,.42) 75%,rgba(0,0,0,.87) 91%,#000 100%)!important;
}
@media(max-width:900px){.category-page.category-skateboarding::before{opacity:.14!important;background-size:91% auto!important;background-position:center -12px!important}}
@media(max-width:600px){.category-page.category-skateboarding::before{opacity:.125!important;background-size:92% auto!important;background-position:center -2px!important}}

/* Marvel — deepen the soft black fade on left/right without changing center exposure. */
.category-page.category-marvel::after{
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.97) 4%,rgba(0,0,0,.78) 10%,rgba(0,0,0,.48) 17%,rgba(0,0,0,.19) 27%,rgba(0,0,0,.055) 39%,rgba(0,0,0,.055) 61%,rgba(0,0,0,.19) 73%,rgba(0,0,0,.48) 83%,rgba(0,0,0,.78) 90%,rgba(0,0,0,.97) 96%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.07) 17%,rgba(0,0,0,.03) 55%,rgba(0,0,0,.22) 70%,rgba(0,0,0,.62) 84%,#000 98%)!important;
}


/* =========================================================
   Rev227 — Horror/Vintage page logo rebuild + Horror background polish
   ========================================================= */
.category-page.category-horror::before{
  background-image:url('images/category-pages/horrorbackg-v212.png')!important;
  background-position:center 72px!important;
  background-size:min(1215px,101vw) auto!important;
  opacity:.375!important;
  filter:brightness(1.055) saturate(1.10) contrast(1.075)!important;
}
.category-page.category-horror::after{
  background:
    linear-gradient(90deg,#020203 0%,rgba(2,2,3,.69) 4%,rgba(2,2,3,.22) 13%,rgba(2,2,3,.025) 29%,rgba(2,2,3,.025) 71%,rgba(2,2,3,.22) 87%,rgba(2,2,3,.69) 96%,#020203 100%),
    linear-gradient(180deg,rgba(2,2,3,.20) 0%,rgba(2,2,3,.025) 16%,rgba(2,2,3,.02) 56%,rgba(2,2,3,.13) 69%,rgba(2,2,3,.42) 82%,rgba(2,2,3,.82) 94%,#020203 100%)!important;
}
.category-logo-heading-horror{
  width:min(610px,67vw)!important;
  min-height:132px!important;
  margin:7px 0 10px!important;
}
.category-logo-heading-horror img{
  max-height:152px!important;
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.78)) drop-shadow(0 0 14px rgba(180,0,4,.16))!important;
}
.category-logo-heading-vintage{
  width:min(620px,69vw)!important;
  min-height:116px!important;
}
.category-logo-heading-vintage img{
  max-height:145px!important;
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.75)) drop-shadow(0 0 10px rgba(35,93,148,.13))!important;
}
@media(max-width:800px){
  .category-page.category-horror::before{background-size:auto 835px!important;background-position:center 69px!important;opacity:.34!important}
  .category-logo-heading-horror{width:min(660px,82vw)!important;min-height:108px!important}
  .category-logo-heading-horror img{max-height:122px!important}
}
@media(max-width:520px){
  .category-page.category-horror::before{background-size:auto 625px!important;background-position:center 67px!important;opacity:.31!important}
  .category-logo-heading-horror{width:min(92vw,520px)!important;min-height:84px!important}
  .category-logo-heading-horror img{max-height:95px!important}
  .category-logo-heading-vintage{width:min(92vw,560px)!important;min-height:82px!important}
  .category-logo-heading-vintage img{max-height:102px!important}
}

/* =========================================================
   Rev228 — Horror environment richer color + softer full-edge feather
   ========================================================= */
.category-page.category-horror::before{
  background-image:url('images/category-pages/horrorbackg-v212.png')!important;
  background-position:center 74px!important;
  background-size:min(1185px,98vw) auto!important;
  opacity:.44!important;
  filter:brightness(1.085) saturate(1.31) contrast(1.105)!important;
}
.category-page.category-horror::after{
  background:
    radial-gradient(ellipse 67% 39% at 50% 28%,rgba(2,2,3,0) 0%,rgba(2,2,3,.015) 45%,rgba(2,2,3,.09) 60%,rgba(2,2,3,.30) 74%,rgba(2,2,3,.62) 88%,#020203 100%),
    linear-gradient(90deg,#020203 0%,rgba(2,2,3,.88) 3%,rgba(2,2,3,.54) 8%,rgba(2,2,3,.18) 16%,rgba(2,2,3,.025) 29%,rgba(2,2,3,.025) 71%,rgba(2,2,3,.18) 84%,rgba(2,2,3,.54) 92%,rgba(2,2,3,.88) 97%,#020203 100%),
    linear-gradient(180deg,rgba(2,2,3,.56) 0%,rgba(2,2,3,.13) 7%,rgba(2,2,3,.015) 20%,rgba(2,2,3,.025) 55%,rgba(2,2,3,.17) 68%,rgba(2,2,3,.50) 81%,rgba(2,2,3,.86) 92%,#020203 100%)!important;
}
@media(max-width:800px){
  .category-page.category-horror::before{background-size:auto 805px!important;background-position:center 70px!important;opacity:.40!important;filter:brightness(1.07) saturate(1.27) contrast(1.10)!important}
}
@media(max-width:520px){
  .category-page.category-horror::before{background-size:auto 605px!important;background-position:center 67px!important;opacity:.36!important;filter:brightness(1.055) saturate(1.23) contrast(1.09)!important}
}


/* =========================================================
   Rev229 — Horror background: high-resolution baked feather, no banded CSS vignette
   ========================================================= */
.category-page.category-horror::before{
  background-image:url('images/category-pages/horrorbackg-v229.webp?v=229')!important;
  background-position:center 68px!important;
  background-size:min(1240px,102vw) auto!important;
  background-repeat:no-repeat!important;
  opacity:.82!important;
  filter:none!important;
}
.category-page.category-horror::after{
  background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 68%,rgba(0,0,0,.16) 82%,rgba(0,0,0,.52) 100%)!important;
}
@media(max-width:800px){.category-page.category-horror::before{background-size:auto 835px!important;background-position:center 67px!important;opacity:.76!important}}
@media(max-width:520px){.category-page.category-horror::before{background-size:auto 625px!important;background-position:center 64px!important;opacity:.70!important}}

/* =========================================================
   Rev230 — Horror background: true alpha feather + softer opacity
   ========================================================= */
.category-page.category-horror::before{
  background-image:url('images/category-pages/horrorbackg-v230.webp?v=230')!important;
  background-position:center 68px!important;
  background-size:min(1260px,101vw) auto!important;
  background-repeat:no-repeat!important;
  opacity:.67!important;
  filter:brightness(.98) saturate(1.08) contrast(1.04)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.category-page.category-horror::after{
  background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,0) 19%,rgba(0,0,0,0) 70%,rgba(0,0,0,.12) 84%,rgba(0,0,0,.42) 100%)!important;
}
.category-logo-heading-horror img{
  filter:drop-shadow(0 7px 7px rgba(0,0,0,.88)) drop-shadow(0 14px 18px rgba(0,0,0,.55)) drop-shadow(0 0 12px rgba(151,0,0,.20))!important;
}
@media(max-width:800px){
  .category-page.category-horror::before{background-size:auto 835px!important;background-position:center 67px!important;opacity:.63!important}
}
@media(max-width:520px){
  .category-page.category-horror::before{background-size:auto 625px!important;background-position:center 64px!important;opacity:.58!important}
}


/* =========================================================
   Rev231 — Horror background eased back slightly
   ========================================================= */
.category-page.category-horror::before{
  opacity:.59!important;
}
@media(max-width:800px){
  .category-page.category-horror::before{opacity:.55!important}
}
@media(max-width:520px){
  .category-page.category-horror::before{opacity:.50!important}
}


/* =========================================================
   Rev234 — category hero consistency + Vintage/Horror final polish
   ========================================================= */
/* Shared geometry: same breathing room without flattening each universe's identity. */
.category-page .category-hero{
  min-height:420px;
  padding-top:92px;
  padding-bottom:40px;
}
.category-page .category-hero-copy{max-width:820px}
.category-page .category-title-logo{max-height:132px!important;object-fit:contain}
.category-page .category-logo-heading{margin-top:8px!important;margin-bottom:12px!important}
.category-page .category-logo-heading img{max-height:136px!important}
@media(max-width:800px){
  .category-page .category-hero{min-height:345px;padding-top:78px;padding-bottom:34px}
  .category-page .category-title-logo{max-height:108px!important}
  .category-page .category-logo-heading img{max-height:110px!important}
}
@media(max-width:520px){
  .category-page .category-hero{min-height:300px;padding-top:70px;padding-bottom:28px}
  .category-page .category-title-logo{max-height:88px!important}
  .category-page .category-logo-heading img{max-height:94px!important}
}

/* Vintage: retouched clean logo + richer supplied toy collage + true baked alpha fade at top/edges. */
.category-page.category-vintage-toys::before{
  top:0!important;
  height:1220px!important;
  background-image:url('images/category-pages/vintage-toys-bg-v234.png?v=234')!important;
  background-position:center 38px!important;
  background-repeat:no-repeat!important;
  background-size:min(1203px,96vw) auto!important;
  opacity:.255!important;
  filter:brightness(.73) saturate(1.10) contrast(1.10)!important;
  -webkit-mask-image:none!important;mask-image:none!important;
}
.category-page.category-vintage-toys::after{
  height:1220px!important;
  background:linear-gradient(180deg,rgba(5,5,6,.10) 0%,rgba(5,5,6,0) 18%,rgba(5,5,6,0) 66%,rgba(5,5,6,.18) 82%,rgba(5,5,6,.54) 100%)!important;
}
.category-logo-heading-vintage{width:min(600px,67vw)!important;min-height:108px!important}
.category-logo-heading-vintage img{
  max-height:132px!important;
  filter:drop-shadow(0 7px 7px rgba(0,0,0,.94)) drop-shadow(0 17px 24px rgba(0,0,0,.67)) drop-shadow(0 0 10px rgba(46,118,196,.16))!important;
}
@media(max-width:800px){
  .category-page.category-vintage-toys::before{height:920px!important;background-position:center 44px!important;background-size:auto 790px!important;opacity:.235!important}
  .category-page.category-vintage-toys::after{height:920px!important}
  .category-logo-heading-vintage img{max-height:108px!important}
}
@media(max-width:520px){
  .category-page.category-vintage-toys::before{height:760px!important;background-position:center 46px!important;background-size:auto 665px!important;opacity:.21!important}
  .category-page.category-vintage-toys::after{height:760px!important}
  .category-logo-heading-vintage img{max-height:92px!important}
}

/* Horror: broaden the baked top feather and pull the artwork back one more notch. */
.category-page.category-horror::before{
  background-image:url('images/category-pages/horrorbackg-v234.png?v=234')!important;
  background-position:center 42px!important;
  background-size:min(1260px,101vw) auto!important;
  background-repeat:no-repeat!important;
  opacity:.545!important;
  filter:brightness(.98) saturate(1.075) contrast(1.035)!important;
  -webkit-mask-image:none!important;mask-image:none!important;
}
.category-page.category-horror::after{
  background:linear-gradient(180deg,rgba(0,0,0,.035) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 72%,rgba(0,0,0,.10) 86%,rgba(0,0,0,.40) 100%)!important;
}
.category-horror .horror-category-hero{min-height:480px!important;padding-top:94px!important;padding-bottom:42px!important}
.category-logo-heading-horror img{
  filter:drop-shadow(0 8px 8px rgba(0,0,0,.92)) drop-shadow(0 17px 23px rgba(0,0,0,.61)) drop-shadow(0 0 13px rgba(151,0,0,.20))!important;
}
@media(max-width:800px){
  .category-page.category-horror::before{background-size:auto 835px!important;background-position:center 42px!important;opacity:.505!important}
  .category-horror .horror-category-hero{min-height:420px!important;padding-top:82px!important}
}
@media(max-width:520px){
  .category-page.category-horror::before{background-size:auto 625px!important;background-position:center 44px!important;opacity:.46!important}
  .category-horror .horror-category-hero{min-height:330px!important;padding-top:72px!important}
}


/* =========================================================
   Rev235 — longer top feather on Marvel/Horror + clean Vintage letters
   ========================================================= */
/* Vintage title: standalone letters only. Keep the shadow in CSS, never in a rectangular asset. */
.category-logo-heading-vintage{
  width:min(610px,68vw)!important;
  min-height:96px!important;
}
.category-logo-heading-vintage img{
  max-height:126px!important;
  filter:
    drop-shadow(0 5px 5px rgba(0,0,0,.96))
    drop-shadow(0 15px 20px rgba(0,0,0,.68))
    drop-shadow(0 0 8px rgba(213,72,22,.14))!important;
}

/* Marvel: the mural should emerge gradually rather than showing its top edge quickly. */
.category-page.category-marvel::before{
  -webkit-mask-image:linear-gradient(to bottom,
    transparent 0%,
    rgba(0,0,0,.12) 5%,
    rgba(0,0,0,.42) 11%,
    rgba(0,0,0,.78) 18%,
    #000 27%,
    #000 78%,
    rgba(0,0,0,.66) 88%,
    transparent 100%)!important;
  mask-image:linear-gradient(to bottom,
    transparent 0%,
    rgba(0,0,0,.12) 5%,
    rgba(0,0,0,.42) 11%,
    rgba(0,0,0,.78) 18%,
    #000 27%,
    #000 78%,
    rgba(0,0,0,.66) 88%,
    transparent 100%)!important;
  background-position:center 30px!important;
}
.category-page.category-marvel::after{
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.76) 4%,rgba(0,0,0,.30) 16%,rgba(0,0,0,.035) 36%,rgba(0,0,0,.035) 64%,rgba(0,0,0,.30) 84%,rgba(0,0,0,.76) 96%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.13) 10%,rgba(0,0,0,.025) 29%,rgba(0,0,0,.025) 66%,rgba(0,0,0,.28) 82%,#000 100%)!important;
}

/* Horror: extend the top dissolve substantially while preserving the already-correct rich color. */
.category-page.category-horror::before{
  background-position:center 28px!important;
  -webkit-mask-image:linear-gradient(to bottom,
    transparent 0%,
    rgba(0,0,0,.10) 5%,
    rgba(0,0,0,.36) 12%,
    rgba(0,0,0,.72) 20%,
    #000 30%,
    #000 79%,
    rgba(0,0,0,.64) 89%,
    transparent 100%)!important;
  mask-image:linear-gradient(to bottom,
    transparent 0%,
    rgba(0,0,0,.10) 5%,
    rgba(0,0,0,.36) 12%,
    rgba(0,0,0,.72) 20%,
    #000 30%,
    #000 79%,
    rgba(0,0,0,.64) 89%,
    transparent 100%)!important;
}
.category-page.category-horror::after{
  background:linear-gradient(180deg,rgba(0,0,0,.26) 0%,rgba(0,0,0,.12) 11%,rgba(0,0,0,.025) 30%,rgba(0,0,0,0) 70%,rgba(0,0,0,.10) 85%,rgba(0,0,0,.38) 100%)!important;
}

@media(max-width:800px){
  .category-logo-heading-vintage img{max-height:104px!important}
  .category-page.category-marvel::before{background-position:center 42px!important}
  .category-page.category-horror::before{background-position:center 36px!important}
}
@media(max-width:520px){
  .category-logo-heading-vintage img{max-height:88px!important}
  .category-page.category-marvel::before{background-position:center 50px!important}
  .category-page.category-horror::before{background-position:center 42px!important}
}


/* =========================================================
   Rev236 — approved oval Vintage sign + smooth Vintage vignette
            + new Horror-ad character mural background
   ========================================================= */
.category-page.category-vintage-toys::before{
  top:0!important;
  height:1240px!important;
  background-image:url('images/category-pages/vintage-toys-bg-v236.png?v=236')!important;
  background-position:center 20px!important;
  background-repeat:no-repeat!important;
  background-size:min(1203px,96vw) auto!important;
  opacity:.275!important;
  filter:brightness(.77) saturate(1.12) contrast(1.08)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.category-page.category-vintage-toys::after{
  height:1240px!important;
  background:
    radial-gradient(ellipse at 50% 31%,rgba(0,0,0,0) 33%,rgba(0,0,0,.08) 56%,rgba(0,0,0,.42) 79%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.20) 0%,rgba(0,0,0,.035) 18%,rgba(0,0,0,0) 58%,rgba(0,0,0,.20) 80%,#000 100%)!important;
}
.category-logo-heading-vintage{
  width:min(520px,58vw)!important;
  min-height:88px!important;
  margin-top:6px!important;
  margin-bottom:10px!important;
}
.category-logo-heading-vintage img{
  width:auto!important;
  max-width:100%!important;
  max-height:112px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 7px 8px rgba(0,0,0,.92)) drop-shadow(0 17px 25px rgba(0,0,0,.58))!important;
}

/* New Horror mural: the source ad is used only as atmosphere. Its embedded headline,
   copy and CTAs are faded out in the alpha asset, while the live page owns the typography. */
.category-page.category-horror::before{
  top:0!important;
  height:1180px!important;
  background-image:url('images/category-pages/horror-ad-background-v236.png?v=236')!important;
  background-position:center 22px!important;
  background-repeat:no-repeat!important;
  background-size:min(1390px,106vw) auto!important;
  opacity:.72!important;
  filter:brightness(.93) saturate(1.09) contrast(1.045)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.category-page.category-horror::after{
  height:1180px!important;
  background:
    radial-gradient(ellipse at 50% 42%,rgba(0,0,0,0) 34%,rgba(0,0,0,.06) 57%,rgba(0,0,0,.31) 77%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.32) 0%,rgba(0,0,0,.11) 16%,rgba(0,0,0,.02) 38%,rgba(0,0,0,.01) 65%,rgba(0,0,0,.18) 82%,#000 100%)!important;
}
.category-horror .horror-category-hero{min-height:500px!important;padding-top:98px!important;padding-bottom:44px!important}

@media(max-width:800px){
  .category-page.category-vintage-toys::before{height:920px!important;background-size:auto 800px!important;background-position:center 34px!important;opacity:.25!important}
  .category-page.category-vintage-toys::after{height:920px!important}
  .category-logo-heading-vintage{width:min(500px,78vw)!important}
  .category-logo-heading-vintage img{max-height:96px!important}
  .category-page.category-horror::before{height:940px!important;background-size:auto 830px!important;background-position:center 34px!important;opacity:.64!important}
  .category-page.category-horror::after{height:940px!important}
  .category-horror .horror-category-hero{min-height:430px!important;padding-top:84px!important}
}
@media(max-width:520px){
  .category-page.category-vintage-toys::before{height:760px!important;background-size:auto 670px!important;background-position:center 38px!important;opacity:.22!important}
  .category-page.category-vintage-toys::after{height:760px!important}
  .category-logo-heading-vintage{width:min(450px,86vw)!important}
  .category-logo-heading-vintage img{max-height:82px!important}
  .category-page.category-horror::before{height:780px!important;background-size:auto 690px!important;background-position:center 38px!important;opacity:.58!important}
  .category-page.category-horror::after{height:780px!important}
  .category-horror .horror-category-hero{min-height:345px!important;padding-top:74px!important}
}

/* =========================================================
   Rev238 — Vintage atmosphere reduced + smoother baked-alpha feather
   ========================================================= */
.category-page.category-vintage-toys::before{
  top:0!important;
  height:1240px!important;
  background-image:url('images/category-pages/vintage-toys-bg-v238.png?v=238')!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.10) contrast(1.055)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.category-page.category-vintage-toys::after{
  height:1240px!important;
  background:
    radial-gradient(ellipse 75% 71% at 50% 31%,rgba(0,0,0,0) 0%,rgba(0,0,0,.018) 42%,rgba(0,0,0,.11) 62%,rgba(0,0,0,.42) 82%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.10) 13%,rgba(0,0,0,.018) 31%,rgba(0,0,0,0) 57%,rgba(0,0,0,.15) 78%,rgba(0,0,0,.58) 92%,#000 100%)!important;
}
@media(max-width:800px){
  .category-page.category-vintage-toys::before{height:920px!important;background-size:auto 800px!important;background-position:center 34px!important;opacity:.17!important}
  .category-page.category-vintage-toys::after{height:920px!important}
}
@media(max-width:520px){
  .category-page.category-vintage-toys::before{height:760px!important;background-size:auto 670px!important;background-position:center 38px!important;opacity:.15!important}
  .category-page.category-vintage-toys::after{height:760px!important}
}

/* =========================================================
   Rev239 — Horror background feather rebuild
   Replaces the old circular/blob alpha holes with a full-resolution,
   rectangular edge feather and quieter overall opacity.
   ========================================================= */
.category-page.category-horror::before{
  top:0!important;
  height:1180px!important;
  background-image:url('images/category-pages/horror-ad-background-v239.png?v=239')!important;
  background-position:center 22px!important;
  background-repeat:no-repeat!important;
  background-size:min(1390px,106vw) auto!important;
  opacity:.65!important;
  filter:brightness(.92) saturate(1.065) contrast(1.035)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.category-page.category-horror::after{
  height:1180px!important;
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.52) 5%,rgba(0,0,0,.12) 16%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 68%,rgba(0,0,0,.12) 84%,rgba(0,0,0,.52) 95%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.30) 0%,rgba(0,0,0,.10) 14%,rgba(0,0,0,.015) 36%,rgba(0,0,0,.015) 68%,rgba(0,0,0,.18) 84%,#000 100%)!important;
}
@media(max-width:800px){
  .category-page.category-horror::before{height:940px!important;background-size:auto 830px!important;background-position:center 34px!important;opacity:.59!important}
  .category-page.category-horror::after{height:940px!important}
}
@media(max-width:520px){
  .category-page.category-horror::before{height:780px!important;background-size:auto 690px!important;background-position:center 38px!important;opacity:.54!important}
  .category-page.category-horror::after{height:780px!important}
}

/* =========================================================
   Rev240 — requested Hot Wheels still environment + Anime bottom feather
   ========================================================= */
/* Hot Wheels category: use the supplied still track image only.  The old
   category MP4 is intentionally retired from the page.  The source already
   falls to black at the sides, so a long vertical alpha dissolve avoids the
   oval/circular "blob" effect while blending the top and bottom into the site. */
.category-page.category-hot-wheels::before{
  content:""!important;
  display:block!important;
  top:0!important;
  height:1120px!important;
  background-image:url('images/category-pages/hot-wheels-track-v240.png?v=240')!important;
  background-position:center 44px!important;
  background-repeat:no-repeat!important;
  background-size:100% auto!important;
  opacity:.30!important;
  filter:brightness(.72) saturate(1.03) contrast(1.08)!important;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.34) 4%,rgba(0,0,0,.78) 9%,#000 15%,#000 70%,rgba(0,0,0,.90) 77%,rgba(0,0,0,.66) 84%,rgba(0,0,0,.38) 90%,rgba(0,0,0,.16) 95%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.34) 4%,rgba(0,0,0,.78) 9%,#000 15%,#000 70%,rgba(0,0,0,.90) 77%,rgba(0,0,0,.66) 84%,rgba(0,0,0,.38) 90%,rgba(0,0,0,.16) 95%,transparent 100%)!important;
}
.category-page.category-hot-wheels .category-hot-wheels-video-bg{display:none!important}
.category-page.category-hot-wheels::after{
  height:1120px!important;
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.70) 2%,rgba(0,0,0,.28) 8%,rgba(0,0,0,.06) 18%,transparent 30%,transparent 70%,rgba(0,0,0,.06) 82%,rgba(0,0,0,.28) 92%,rgba(0,0,0,.70) 98%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.24) 0%,rgba(0,0,0,.03) 19%,transparent 50%,rgba(0,0,0,.12) 70%,rgba(0,0,0,.48) 88%,#000 100%)!important;
}
@media(max-width:800px){
  .category-page.category-hot-wheels::before{
    height:900px!important;
    background-position:center 56px!important;
    background-size:auto 820px!important;
    opacity:.275!important;
  }
  .category-page.category-hot-wheels::after{height:900px!important}
}
@media(max-width:520px){
  .category-page.category-hot-wheels::before{
    height:760px!important;
    background-position:center 62px!important;
    background-size:auto 700px!important;
    opacity:.25!important;
  }
  .category-page.category-hot-wheels::after{height:760px!important}
}

/* Anime category: the old Rev183 request was being beaten by earlier
   !important declarations.  Force one long, straight bottom dissolve so the
   art eases into black instead of ending on a visible horizontal edge. */
.category-page.category-anime::before{
  height:1500px!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.98) 58%,rgba(0,0,0,.91) 65%,rgba(0,0,0,.78) 72%,rgba(0,0,0,.61) 79%,rgba(0,0,0,.43) 85%,rgba(0,0,0,.27) 90%,rgba(0,0,0,.13) 95%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.98) 58%,rgba(0,0,0,.91) 65%,rgba(0,0,0,.78) 72%,rgba(0,0,0,.61) 79%,rgba(0,0,0,.43) 85%,rgba(0,0,0,.27) 90%,rgba(0,0,0,.13) 95%,transparent 100%)!important;
}
.category-page.category-anime::after{
  height:1500px!important;
  background:
    linear-gradient(90deg,#050506 0%,rgba(5,5,6,.25) 15%,rgba(5,5,6,.055) 50%,rgba(5,5,6,.25) 85%,#050506 100%),
    linear-gradient(180deg,rgba(5,5,6,.20) 0%,transparent 18%,transparent 58%,rgba(5,5,6,.06) 70%,rgba(5,5,6,.19) 80%,rgba(5,5,6,.48) 91%,#050506 100%)!important;
}
@media(max-width:800px){
  .category-page.category-anime::before,.category-page.category-anime::after{height:1050px!important}
}
@media(max-width:520px){
  .category-page.category-anime::before,.category-page.category-anime::after{height:850px!important}
}

/* =========================================================
   Rev241 — Anime true bottom feather + Horror quieter + TMNT raised
   ========================================================= */
/* Anime: use a baked-alpha source so the actual image pixels dissolve into
   black before the bitmap ends. This eliminates the visible horizontal cutoff
   that persisted when a CSS mask extended farther than the scaled JPG. */
.category-page.category-anime::before{
  height:1500px!important;
  background-image:url('images/category-pages/anime-bg-feather-v241.webp?v=241')!important;
  background-position:center 56px!important;
  background-size:min(1680px,104vw) auto!important;
  background-repeat:no-repeat!important;
  opacity:.18!important;
  filter:brightness(.31) saturate(.38) contrast(1.14)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.category-page.category-anime::after{
  height:1500px!important;
  background:
    linear-gradient(90deg,#050506 0%,rgba(5,5,6,.25) 15%,rgba(5,5,6,.055) 50%,rgba(5,5,6,.25) 85%,#050506 100%),
    linear-gradient(180deg,rgba(5,5,6,.20) 0%,transparent 18%,transparent 55%,rgba(5,5,6,.05) 69%,rgba(5,5,6,.17) 80%,rgba(5,5,6,.42) 91%,#050506 100%)!important;
}

/* Horror: keep the rebuilt rectangular feather, but make the mural materially
   quieter behind live text/products. */
.category-page.category-horror::before{
  opacity:.50!important;
  filter:brightness(.89) saturate(1.045) contrast(1.03)!important;
}

/* TMNT: lift the supplied skyline/turtles dramatically higher so the artwork
   reads in the hero instead of sitting too far down the page. */
.category-page.category-tmnt::before{
  background-position:center -185px!important;
}

@media(max-width:800px){
  .category-page.category-anime::before,.category-page.category-anime::after{height:1050px!important}
  .category-page.category-anime::before{background-size:auto 820px!important;background-position:center 54px!important;opacity:.16!important}
  .category-page.category-horror::before{opacity:.45!important}
  .category-page.category-tmnt::before{background-position:center -105px!important}
}
@media(max-width:520px){
  .category-page.category-anime::before,.category-page.category-anime::after{height:850px!important}
  .category-page.category-anime::before{background-size:auto 700px!important;background-position:center 58px!important;opacity:.145!important}
  .category-page.category-horror::before{opacity:.41!important}
  .category-page.category-tmnt::before{background-position:center -58px!important}
}

/* =========================================================
   Rev242 — Horror background source correction
   Restore the clean horror artwork (no embedded ad headline/CTA) and keep
   the page treatment quiet with a smooth rectangular feather.
   ========================================================= */
.category-page.category-horror::before{
  top:0!important;
  height:1160px!important;
  background-image:url('images/category-pages/horrorbackg-v242.webp?v=242')!important;
  background-position:center 38px!important;
  background-repeat:no-repeat!important;
  background-size:min(1320px,102vw) auto!important;
  opacity:.39!important;
  filter:brightness(.82) saturate(.94) contrast(1.025)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.category-page.category-horror::after{
  height:1160px!important;
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.46) 4%,rgba(0,0,0,.12) 12%,rgba(0,0,0,0) 24%,rgba(0,0,0,0) 76%,rgba(0,0,0,.12) 88%,rgba(0,0,0,.46) 96%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.05) 12%,rgba(0,0,0,0) 34%,rgba(0,0,0,.02) 65%,rgba(0,0,0,.18) 80%,rgba(0,0,0,.55) 91%,#000 100%)!important;
}
@media(max-width:800px){
  .category-page.category-horror::before{
    height:920px!important;
    background-size:auto 820px!important;
    background-position:center 38px!important;
    opacity:.35!important;
  }
  .category-page.category-horror::after{height:920px!important}
}
@media(max-width:520px){
  .category-page.category-horror::before{
    height:760px!important;
    background-size:auto 680px!important;
    background-position:center 40px!important;
    opacity:.32!important;
  }
  .category-page.category-horror::after{height:760px!important}
}

/* =========================================================
   Rev244 — Horror enriched sky/moon/lightning restoration
   Clean live-page artwork only: no embedded headline, copy or CTA.
   The PNG carries a baked rectangular edge/bottom feather.
   ========================================================= */
.category-page.category-horror::before{
  top:0!important;
  height:1180px!important;
  background-image:url('images/category-pages/horrorbackg-v244-enhanced.png?v=244')!important;
  background-position:center 28px!important;
  background-repeat:no-repeat!important;
  background-size:min(1420px,106vw) auto!important;
  opacity:.43!important;
  filter:brightness(.92) saturate(1.06) contrast(1.04)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.category-page.category-horror::after{
  height:1180px!important;
  background:
    linear-gradient(90deg,#000 0%,rgba(0,0,0,.28) 6%,rgba(0,0,0,.055) 15%,transparent 25%,transparent 75%,rgba(0,0,0,.055) 85%,rgba(0,0,0,.28) 94%,#000 100%),
    linear-gradient(180deg,rgba(0,0,0,.14) 0%,transparent 18%,transparent 62%,rgba(0,0,0,.08) 74%,rgba(0,0,0,.36) 90%,#000 100%)!important;
}
@media(max-width:800px){
  .category-page.category-horror::before{height:940px!important;background-size:auto 850px!important;background-position:center 32px!important;opacity:.39!important}
  .category-page.category-horror::after{height:940px!important}
}
@media(max-width:520px){
  .category-page.category-horror::before{height:790px!important;background-size:auto 705px!important;background-position:center 34px!important;opacity:.36!important}
  .category-page.category-horror::after{height:790px!important}
}

/* =========================================================
   Rev245 — truly smooth category environment fades
   The image pixels are pre-blended into true black, so there is no CSS mask
   banding, no oval/blob vignette, and no visible pseudo-element cutoff.
   ========================================================= */
.category-page.category-anime,
.category-page.category-horror{background:#000!important}
.category-page.category-anime::before,
.category-page.category-horror::before{
  height:100%!important;
  min-height:100%!important;
  background-color:#000!important;
  background-repeat:no-repeat!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.category-page.category-anime::after,
.category-page.category-horror::after{
  height:100%!important;
  min-height:100%!important;
}
.category-page.category-anime::before{
  background-image:url('images/category-pages/anime-bg-v245-smooth.png?v=245')!important;
  background-position:center 54px!important;
  background-size:min(1920px,104vw) auto!important;
  opacity:.205!important;
  filter:brightness(.38) contrast(1.08)!important;
}
.category-page.category-anime::after{
  background:linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.025) 24%,transparent 44%,rgba(0,0,0,.035) 72%,rgba(0,0,0,.12) 100%)!important;
}
.category-page.category-horror::before{
  background-image:url('images/category-pages/horrorbackg-v245-smooth.png?v=245')!important;
  background-position:center 26px!important;
  background-size:min(1672px,104vw) auto!important;
  opacity:.41!important;
  filter:brightness(.91) saturate(1.045) contrast(1.025)!important;
}
.category-page.category-horror::after{
  background:linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.015) 22%,transparent 52%,rgba(0,0,0,.04) 76%,rgba(0,0,0,.15) 100%)!important;
}
@media(max-width:800px){
  .category-page.category-anime::before{background-size:auto 820px!important;background-position:center 54px!important;opacity:.18!important}
  .category-page.category-horror::before{background-size:auto 850px!important;background-position:center 30px!important;opacity:.37!important}
}
@media(max-width:520px){
  .category-page.category-anime::before{background-size:auto 700px!important;background-position:center 58px!important;opacity:.165!important}
  .category-page.category-horror::before{background-size:auto 705px!important;background-position:center 32px!important;opacity:.34!important}
}


/* =========================================================
   Rev272Y — SHOP QUICK CART + CART BACKGROUND CORRECTION
   ========================================================= */

/* Shop-only bug:
   Rev238's broad `body.shop-landing-page > *` rule changes every direct child
   to position:relative/z-index:1. The dynamically appended Quick Cart is a
   direct child of body, so on Shop only it loses its fixed overlay geometry.
   Restore the drawer's intended overlay positioning. */
body.shop-landing-page > .bb-mini-cart{
  position:fixed!important;
  inset:0!important;
  z-index:13000!important;
}

/* Shopping cart environment:
   use a pre-feathered 1532x424 raster at natural proportions rather than
   stretching it with `cover`. The transparency itself provides the long,
   smooth bottom feather and side vignette. */
body.cart-page::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:0!important;
  right:0!important;
  top:30px!important;
  height:520px!important;
  pointer-events:none!important;
  background-image:url("images/cart-static-background-feathered-v272y.webp")!important;
  background-repeat:no-repeat!important;
  background-position:center top!important;
  background-size:min(1532px,100vw) auto!important;
  opacity:.80!important;
  filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

/* Extra atmospheric vignette, with no hard rectangular edge. */
body.cart-page::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  left:0!important;
  right:0!important;
  top:30px!important;
  height:520px!important;
  pointer-events:none!important;
  background:
    radial-gradient(
      ellipse 82% 82% at 50% 30%,
      transparent 18%,
      rgba(5,5,5,.04) 48%,
      rgba(5,5,5,.16) 67%,
      rgba(5,5,5,.42) 84%,
      rgba(5,5,5,.72) 100%
    ),
    linear-gradient(
      to bottom,
      transparent 0%,
      transparent 46%,
      rgba(5,5,5,.08) 58%,
      rgba(5,5,5,.28) 70%,
      rgba(5,5,5,.58) 82%,
      rgba(5,5,5,.86) 92%,
      #050505 100%
    )!important;
  opacity:1!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

body.cart-page .shop-header,
body.cart-page .cart-shell,
body.cart-page .cart-upcoming,
body.cart-page footer,
body.cart-page .site-footer{
  position:relative!important;
  z-index:2!important;
}

@media(max-width:680px){
  body.cart-page::before,
  body.cart-page::after{
    top:26px!important;
    height:380px!important;
  }
  body.cart-page::before{
    background-size:auto 300px!important;
    background-position:center top!important;
    opacity:.65!important;
  }
}