/* Rev23 universal interface layer */
:root{--bb-red:#e32127;--bb-ink:#08090b;--bb-white:#f7f5f1}
body{padding-top:30px!important}
.bb-datetime{position:absolute;z-index:10000;top:0;left:0;right:0;height:30px;display:flex;align-items:center;justify-content:center;gap:9px;background:rgba(4,5,7,.94);border-bottom:1px solid rgba(255,255,255,.08);color:#aaa;font:700 10px/1 Arial,sans-serif;letter-spacing:1.7px;text-transform:uppercase;backdrop-filter:blur(12px)}
.bb-datetime b{color:#f5f5f5;font-weight:800}.bb-datetime i{width:4px;height:4px;border-radius:50%;background:var(--bb-red);box-shadow:0 0 9px var(--bb-red)}
button,.btn,a.btn,input[type=submit],input[type=button],.preorder-btn,.cart-preorder,.upcoming-cart-btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease,color .28s ease,background .28s ease!important}
button::after,.btn::after,a.btn::after,input[type=submit]::after,input[type=button]::after,.preorder-btn::after,.cart-preorder::after,.upcoming-cart-btn::after{content:"";position:absolute;z-index:-1;top:-80%;left:-35%;width:28%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:rotate(18deg) translateX(-350%);transition:transform .65s cubic-bezier(.2,.75,.25,1)}
@media(hover:hover){button:hover,.btn:hover,a.btn:hover,input[type=submit]:hover,input[type=button]:hover,.preorder-btn:hover,.cart-preorder:hover,.upcoming-cart-btn:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 8px 28px rgba(227,33,39,.20),0 0 14px rgba(227,33,39,.12)!important}button:hover::after,.btn:hover::after,a.btn:hover::after,input[type=submit]:hover::after,input[type=button]:hover::after,.preorder-btn:hover::after,.cart-preorder:hover::after,.upcoming-cart-btn:hover::after{transform:rotate(18deg) translateX(600%)}}
button:active,.btn:active,a.btn:active{transform:translateY(1px) scale(.98)!important}
button:focus-visible,.btn:focus-visible,a.btn:focus-visible{outline:2px solid var(--bb-red);outline-offset:3px}
.bb-search-trigger{width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(0,0,0,.35);color:#fff;display:inline-grid;place-items:center;font-size:18px;cursor:pointer;margin-left:5px}
.bb-search-overlay{position:fixed;z-index:20000;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(13px);display:grid;place-items:start center;padding:14vh 18px 30px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.bb-search-overlay.open{opacity:1;visibility:visible}.bb-search-box{width:min(760px,100%);background:#0b0c0f;border:1px solid rgba(255,255,255,.14);border-top:2px solid var(--bb-red);padding:22px;box-shadow:0 30px 90px #000}.bb-search-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.bb-search-top strong{font:900 13px Arial,sans-serif;letter-spacing:2px;color:#fff}.bb-search-close{border:0;background:transparent;color:#aaa;font-size:26px;cursor:pointer}.bb-search-form{display:flex;gap:9px}.bb-search-form input{min-width:0;flex:1;background:#050608;border:1px solid #333;color:#fff;padding:15px 16px;font-size:17px;outline:0}.bb-search-form input:focus{border-color:var(--bb-red);box-shadow:0 0 0 2px rgba(227,33,39,.12)}.bb-search-form button{background:var(--bb-red);border:1px solid var(--bb-red);color:#fff;font-weight:900;padding:0 20px;cursor:pointer}.bb-search-hint{color:#777;font:11px Arial,sans-serif;margin:11px 0 0}.bb-search-result-count{color:#aaa;font:700 11px Arial,sans-serif;letter-spacing:.7px;margin-top:10px}
@media(max-width:650px){body{padding-top:26px!important}.bb-datetime{height:26px;font-size:8px;letter-spacing:1px}.bb-search-form{flex-direction:column}.bb-search-form button{min-height:46px}.bb-search-overlay{padding-top:10vh}}
@media(prefers-reduced-motion:reduce){button,.btn,a.btn,.bb-search-overlay,*::after{transition:none!important;animation:none!important}}


/* Rev24 — universal HOME + language control */
.language-picker{display:inline-flex;align-items:center;margin:0 4px;position:relative;z-index:20}
.language-select{appearance:none;-webkit-appearance:none;background:rgba(7,8,11,.78);color:#f5f5f5;border:1px solid rgba(255,255,255,.20);border-radius:999px;padding:8px 28px 8px 11px;font:800 11px/1 system-ui,sans-serif;letter-spacing:.06em;cursor:pointer;outline:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;background-image:linear-gradient(45deg,transparent 50%,#e31d2b 50%),linear-gradient(135deg,#e31d2b 50%,transparent 50%);background-position:calc(100% - 13px) 50%,calc(100% - 9px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}
.language-select:hover,.language-select:focus{transform:translateY(-2px);border-color:rgba(227,29,43,.85);box-shadow:0 0 16px rgba(227,29,43,.22)}
.language-select option{background:#0b0c0f;color:#fff}
@media(max-width:760px){.language-picker{margin-left:auto}.language-select{padding:7px 25px 7px 9px;font-size:10px}}


/* Rev26 — tiny U.S. flag beside live clock */
.bb-us-flag{position:relative;display:inline-block;width:18px;height:11px;flex:0 0 auto;border:1px solid rgba(255,255,255,.25);border-radius:1px;overflow:hidden;background:repeating-linear-gradient(to bottom,#b22234 0,#b22234 0.846px,#fff 0.846px,#fff 1.692px);box-shadow:0 0 8px rgba(255,255,255,.05)}
.bb-us-flag::before{content:"";position:absolute;left:0;top:0;width:7.6px;height:5.9px;background:#3c3b6e}
.bb-us-flag::after{content:"✦";position:absolute;left:1.1px;top:-2.1px;color:#fff;font:6px/1 Arial,sans-serif;letter-spacing:0;text-shadow:2px 1px 0 #fff,4px 2px 0 #fff}
@media(max-width:650px){.bb-us-flag{width:16px;height:10px}.bb-us-flag::before{width:6.8px;height:5.4px}}

/* Rev48 — navigation cleanup, upper-right clock, elegant floating socials */
/* Date/time: compact, quiet, upper-right. */
.bb-datetime{
  left:auto!important;
  right:clamp(8px,1.7vw,24px)!important;
  width:max-content!important;
  max-width:calc(100vw - 16px)!important;
  justify-content:flex-end!important;
  padding:0 9px!important;
  background:linear-gradient(270deg,rgba(4,5,7,.96),rgba(4,5,7,.82) 78%,rgba(4,5,7,0))!important;
  border-left:0!important;
  border-right:1px solid rgba(227,33,39,.38)!important;
  border-bottom:0!important;
  border-radius:0 0 0 8px!important;
  box-shadow:0 7px 22px rgba(0,0,0,.20)!important;
}

/* Socials: no dock, no glowing rectangle, no button boxes — just a clean floating row. */
.bb-social-dock-shell{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  margin:28px auto 12px!important;
  padding:0 14px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.bb-social-rail{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.bb-social-rail::before{display:none!important;content:none!important}
.bb-social{
  width:28px!important;
  height:28px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#050506!important;
  -webkit-text-stroke:.7px rgba(224,31,39,.92);
  text-shadow:0 0 4px rgba(224,31,39,.42),0 0 9px rgba(224,31,39,.18)!important;
  font-size:17px!important;
  overflow:visible!important;
  transition:transform .28s cubic-bezier(.16,1,.3,1),color .28s ease,text-shadow .28s ease,-webkit-text-stroke-color .28s ease!important;
}
.bb-social i{color:inherit!important;line-height:1!important}
.bb-social:hover,.bb-social:focus-visible{
  transform:translateY(-3px) scale(1.08)!important;
  color:#0a0a0b!important;
  -webkit-text-stroke-color:#ff343d!important;
  text-shadow:0 0 5px rgba(255,47,57,.92),0 0 13px rgba(226,26,36,.58),0 0 24px rgba(184,14,23,.28)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:none!important;
}
.bb-social:active{transform:translateY(-1px) scale(.96)!important}
.bb-ebay-mark{
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:-.65px!important;
  color:inherit!important;
  -webkit-text-stroke:.45px rgba(224,31,39,.92);
}
@media(max-width:650px){
  .bb-datetime{right:6px!important;left:auto!important;padding:0 7px!important;gap:6px!important;letter-spacing:.65px!important}
  .bb-social-dock-shell{margin:22px auto 10px!important;padding:0 10px!important}
  .bb-social-rail{gap:15px!important}
  .bb-social{width:26px!important;height:26px!important;font-size:15px!important}
}
/* End Rev48 */


/* Rev71 — subtle sitewide readability baseline */
.shop-footer,
.home-footer,
footer{
  line-height:1.5;
}
.shop-footer span,
.home-footer span{
  font-size:12px;
}
button,
input,
select,
textarea{
  font-size:inherit;
}


/* =========================================================
   Rev88 — Modern Store UI Pack
   ========================================================= */
:root{--bb-panel:#080a0d;--bb-card:#0b0d10;--bb-soft:#a8a5a0;--bb-white:#f3f2ef;--bb-red:#d73530}
body.bb-drawer-open{overflow:hidden}

/* header account */
.bb-account-shortcut{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#eee;text-decoration:none}
.bb-account-shortcut:hover{border-color:rgba(255,255,255,.34);color:#fff}

/* Full footer */
.bb-modern-footer{display:grid!important;grid-template-columns:1.15fr 1.6fr 1fr;gap:44px;padding:52px clamp(24px,5vw,78px) 24px!important;background:#050608!important;border-top:1px solid rgba(255,255,255,.06)!important;color:#aaa!important}
.bb-footer-brand>a{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.bb-footer-brand img{width:44px;height:44px;object-fit:contain}.bb-footer-brand b{font-size:18px}.bb-footer-brand strong{color:var(--bb-red)}.bb-footer-brand small{display:block;font-size:8px;color:#aaa;margin-top:4px}.bb-footer-brand p{font-size:12px;color:#777}
.bb-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.bb-footer-links div{display:flex;flex-direction:column;gap:9px}.bb-footer-links b,.bb-footer-news>b{font-size:9px;letter-spacing:1.3px;color:#eee;margin-bottom:4px}.bb-footer-links a{font-size:11px;color:#858585;text-decoration:none}.bb-footer-links a:hover{color:#fff}
.bb-footer-news p{font-size:11px;line-height:1.5}.bb-footer-news form{display:grid;grid-template-columns:1fr auto}.bb-footer-news input{min-width:0;height:39px;background:#090b0d;border:1px solid #292d31;color:#fff;padding:0 11px}.bb-footer-news button[type=submit]{border:0;background:var(--bb-red);color:#fff;font-weight:900;font-size:9px;padding:0 14px}.bb-footer-status{display:block;min-height:16px;margin-top:7px;font-size:10px}
.bb-motion-toggle{margin-top:12px!important;background:transparent!important;border:1px solid rgba(255,255,255,.14)!important;color:#aaa!important;padding:7px 10px!important;font:800 8px/1 Arial!important;letter-spacing:.8px!important}
.bb-footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05);padding-top:19px;font-size:9px;color:#626262}.bb-footer-bottom a{color:#777;text-decoration:none}

/* mini cart */
.bb-mini-cart{position:fixed;z-index:13000;inset:0;pointer-events:none;visibility:hidden}.bb-mini-cart.open{pointer-events:auto;visibility:visible}.bb-mini-cart-scrim{position:absolute;inset:0;background:rgba(0,0,0,.62);opacity:0;transition:opacity .3s ease}.bb-mini-cart.open .bb-mini-cart-scrim{opacity:1}.bb-mini-cart-panel{position:absolute;right:0;top:0;height:100%;width:min(460px,94vw);display:grid;grid-template-rows:auto 1fr auto;background:#07090b;border-left:1px solid rgba(255,255,255,.08);transform:translateX(102%);transition:transform .42s cubic-bezier(.16,1,.3,1);box-shadow:-25px 0 70px rgba(0,0,0,.55)}.bb-mini-cart.open .bb-mini-cart-panel{transform:translateX(0)}
.bb-mini-cart-panel>header{display:flex;justify-content:space-between;align-items:center;padding:19px 20px;border-bottom:1px solid rgba(255,255,255,.07)}.bb-mini-cart-panel>header span{display:block;font-size:8px;color:var(--bb-red);letter-spacing:1.2px}.bb-mini-cart-panel>header strong{font-size:21px}.bb-mini-cart-panel>header button{width:39px;height:39px;background:#0b0d10;border:1px solid #333;color:#fff;font-size:21px}
.bb-mini-cart-items{overflow:auto;padding:12px}.bb-mini-cart-row{display:grid;grid-template-columns:74px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.055);padding:12px 0}.bb-mini-cart-img{height:82px;background:#0a0c0f}.bb-mini-cart-img img{width:100%;height:100%;object-fit:contain}.bb-mini-cart-row>div{min-width:0}.bb-mini-cart-name{display:block;color:#eee;font-size:12px;font-weight:800;text-decoration:none;line-height:1.25}.bb-mini-cart-row span{display:block;color:#777;font-size:8px;margin-top:5px}.bb-mini-cart-row button{border:0;background:none;color:#8f8f8f;font-size:8px;padding:5px 0}.bb-mini-cart-row>b{font-size:12px;color:#fff}.bb-mini-cart-empty{display:grid;place-items:center;text-align:center;gap:12px;padding:70px 20px}.bb-mini-cart-empty img{width:58px}.bb-mini-cart-empty a{color:#fff;font-size:9px}
.bb-mini-cart-panel>footer{padding:18px;border-top:1px solid rgba(255,255,255,.07);display:grid;gap:10px}.bb-mini-cart-panel>footer>div{display:flex;justify-content:space-between}.bb-mini-cart-panel>footer span{font-size:9px;color:#888}.bb-mini-cart-panel>footer a,.bb-mini-cart-panel>footer button{height:42px;display:grid;place-items:center;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.8px}.bb-mini-cart-panel>footer a{background:var(--bb-red);color:#fff}.bb-mini-cart-panel>footer button{background:#0a0c0f;border:1px solid #25282c;color:#666}

/* Back top */
.bb-back-top{position:fixed;z-index:9000;right:18px;bottom:18px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(7,9,11,.86);color:#fff;font-size:19px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.25s}.bb-back-top.show{opacity:1;pointer-events:auto;transform:none}

/* Motion */
.bb-motion-off *, .bb-motion-off *::before,.bb-motion-off *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.bb-motion-off video{display:none!important}

/* Info/account pages */
.bb-info-shell{width:min(1240px,92vw);margin:0 auto;padding:68px 0 84px}.bb-info-shell>h1{font-size:clamp(44px,6vw,80px);margin:6px 0 38px;color:#f4f3ef}.bb-info-grid,.bb-account-layout,.bb-preference-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bb-info-grid article,.bb-account-card,.bb-preference-card,.bb-contact-card,.bb-legal-copy{padding:28px;background:#090b0e;border:1px solid rgba(255,255,255,.075)}.bb-info-grid h2,.bb-account-card h2,.bb-preference-card h2{color:#fff}.bb-info-grid p,.bb-account-card p,.bb-preference-card p,.bb-contact-card p,.bb-legal-copy p{color:#aaa;line-height:1.7}
.bb-account-card form,.bb-preference-form{display:grid;gap:12px;margin-top:22px}.bb-account-card label,.bb-preference-form>label{display:grid;gap:6px;color:#aaa;font-size:10px}.bb-account-card input,.bb-preference-form input[type=email],.bb-preference-form input[type=text],.bb-account-card input[type=text],.bb-account-card input[type=password]{height:43px;background:#050608;border:1px solid #2a2d31;color:#fff;padding:0 12px;font-size:16px}.bb-account-card button,.bb-preference-form>button{height:43px;border:0;background:var(--bb-red);color:#fff;font-weight:900}.bb-service-note{color:#777;line-height:1.5}.bb-check-row{display:flex!important;align-items:center!important;gap:8px!important}.bb-check-row input{height:auto!important}
.bb-account-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.bb-account-links a{display:grid;grid-template-columns:32px 1fr;gap:3px 11px;padding:20px;background:#090b0e;border:1px solid rgba(255,255,255,.065);text-decoration:none;color:#fff}.bb-account-links i{grid-row:1/3;font-size:20px;color:var(--bb-red)}.bb-account-links b{font-size:11px}.bb-account-links span{font-size:9px;color:#777}
.bb-preference-form fieldset{border:1px solid #24282c;padding:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.bb-preference-form legend{color:#eee;font-size:10px;padding:0 5px}.bb-preference-form fieldset label{font-size:11px;color:#bbb}.bb-form-status{min-height:18px;color:#bbb;font-size:11px}
.bb-faq{display:grid;gap:10px}.bb-faq details{background:#090b0e;border:1px solid #23272a;padding:16px 18px}.bb-faq summary{color:#fff;font-weight:800;cursor:pointer}.bb-faq p{color:#aaa;line-height:1.6}.bb-big-contact{display:inline-block;margin:12px 0;color:#fff;font-size:clamp(20px,3vw,32px)}
.bb-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}

@media(max-width:760px){
  .bb-modern-footer{grid-template-columns:1fr!important;gap:28px;padding:40px 20px 24px!important}.bb-footer-links{grid-template-columns:repeat(2,1fr)}.bb-footer-bottom{flex-direction:column;gap:8px}
  .bb-info-grid,.bb-account-layout,.bb-preference-layout{grid-template-columns:1fr}.bb-account-links{grid-template-columns:1fr}.bb-preference-form fieldset{grid-template-columns:1fr 1fr}
}


/* =========================================================
   Rev91 — one uniform, precisely centered site navigation
   ========================================================= */

/* Canonical geometry. Equal left/right columns keep the navigation group
   geometrically centered regardless of brand/tool width. */
.bb-site-header{
  position:relative!important;
  z-index:120!important;
  width:100%!important;
  height:84px!important;
  min-height:84px!important;
  display:grid!important;
  grid-template-columns:minmax(235px,1fr) auto minmax(235px,1fr)!important;
  grid-template-rows:84px!important;
  align-items:center!important;
  padding:0 clamp(20px,3.4vw,58px)!important;
  margin:0!important;
  background:
    linear-gradient(180deg,rgba(8,9,11,.995),rgba(4,5,7,.985))!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  box-shadow:
    0 1px 0 rgba(215,53,48,.12),
    0 12px 34px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  overflow:visible!important;
}

/* Brand: identical everywhere. */
.bb-site-header .shop-brand{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  text-decoration:none!important;
}
.bb-site-header .shop-brand img{
  display:block!important;
  width:42px!important;
  height:42px!important;
  object-fit:contain!important;
  flex:0 0 42px!important;
}
.bb-site-header .shop-brand span{min-width:0!important}
.bb-site-header .shop-brand b{
  display:block!important;
  color:#f4f3f0!important;
  font-family:Bahnschrift,"Arial Narrow","Segoe UI",sans-serif!important;
  font-size:19px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.15px!important;
  white-space:nowrap!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
.bb-site-header .shop-brand strong{color:#df352e!important}
.bb-site-header .shop-brand small{
  display:block!important;
  margin-top:4px!important;
  color:#8e8d8a!important;
  font:700 7px/1.1 Arial,sans-serif!important;
  letter-spacing:.65px!important;
  white-space:nowrap!important;
}

/* Dead-center desktop nav. */
.bb-site-header .bb-site-nav{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:center!important;
  align-self:stretch!important;
  position:relative!important;
  inset:auto!important;
  width:max-content!important;
  max-width:none!important;
  height:84px!important;
  max-height:none!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(22px,2vw,34px)!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Sharper, slightly larger menu lettering. */
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav){
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:100%!important;
  padding:1px 1px 0!important;
  border:0!important;
  color:#d9d9d6!important;
  background:transparent!important;
  font-family:Bahnschrift SemiCondensed,Bahnschrift,"Arial Narrow","Segoe UI",sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:1.65px!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  text-shadow:0 1px 0 rgba(0,0,0,.85)!important;
  transform:translateZ(0)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
  transition:
    color .42s cubic-bezier(.16,1,.3,1),
    letter-spacing .48s cubic-bezier(.16,1,.3,1),
    transform .48s cubic-bezier(.16,1,.3,1),
    text-shadow .48s ease!important;
}

/* Smooth center-out illuminated rail. */
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav)::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:18px!important;
  width:calc(100% + 10px)!important;
  height:1px!important;
  border:0!important;
  background:
    linear-gradient(90deg,
      transparent 0%,
      rgba(215,53,48,.35) 12%,
      #d73530 34%,
      #f5f4f0 50%,
      #d73530 66%,
      rgba(215,53,48,.35) 88%,
      transparent 100%)!important;
  box-shadow:
    0 0 5px rgba(215,53,48,.70),
    0 0 13px rgba(215,53,48,.28)!important;
  opacity:0!important;
  transform:translateX(-50%) scaleX(.08)!important;
  transform-origin:center!important;
  transition:
    transform .56s cubic-bezier(.16,1,.3,1),
    opacity .32s ease!important;
}

/* Tiny tracer that glides along the rail on hover. */
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav)::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:15.5px!important;
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:
    0 0 5px #fff,
    0 0 9px #df352e,
    0 0 16px rgba(223,53,46,.75)!important;
  opacity:0!important;
  transform:translateX(-50%) scale(.55)!important;
  pointer-events:none!important;
}

.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav):hover,
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav):focus-visible{
  color:#fff!important;
  letter-spacing:1.95px!important;
  transform:translateY(-1px)!important;
  text-shadow:
    0 0 3px rgba(255,255,255,.48),
    0 0 12px rgba(215,53,48,.24)!important;
}
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav):hover::before,
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav):focus-visible::before,
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav).active::before{
  opacity:1!important;
  transform:translateX(-50%) scaleX(1)!important;
}
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav):hover::after,
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav):focus-visible::after{
  animation:bbNavTracer .72s cubic-bezier(.2,.72,.25,1) 1!important;
}
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav).active{
  color:#f2f1ee!important;
  text-shadow:0 0 10px rgba(215,53,48,.16)!important;
}
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav).active::before{
  opacity:.78!important;
}
@keyframes bbNavTracer{
  0%{left:8%;opacity:0;transform:translateX(-50%) scale(.4)}
  16%{opacity:1}
  82%{opacity:1}
  100%{left:92%;opacity:0;transform:translateX(-50%) scale(.8)}
}

/* Uniform eBay mascot shortcut in the exact same nav slot everywhere. */
.bb-site-header .bb-ebay-nav{
  position:relative!important;
  width:48px!important;
  height:58px!important;
  min-width:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 -3px!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  text-decoration:none!important;
  transform:none!important;
}
.bb-site-header .bb-ebay-nav::before{
  content:""!important;
  position:absolute!important;
  inset:9px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(215,53,48,.16),rgba(215,53,48,0) 68%)!important;
  opacity:0!important;
  transform:scale(.65)!important;
  transition:opacity .42s ease,transform .48s cubic-bezier(.16,1,.3,1)!important;
}
.bb-site-header .bb-ebay-nav img{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:46px!important;
  height:46px!important;
  object-fit:contain!important;
  margin:0!important;
  filter:
    drop-shadow(0 2px 5px rgba(0,0,0,.55))
    drop-shadow(0 0 0 rgba(215,53,48,0))!important;
  transform:translateZ(0)!important;
  transition:
    transform .52s cubic-bezier(.16,1,.3,1),
    filter .48s ease!important;
}
.bb-site-header .bb-ebay-nav:hover::before,
.bb-site-header .bb-ebay-nav:focus-visible::before{
  opacity:1!important;
  transform:scale(1.22)!important;
}
.bb-site-header .bb-ebay-nav:hover img,
.bb-site-header .bb-ebay-nav:focus-visible img{
  transform:translateY(-2px) scale(1.09) rotate(-1.5deg)!important;
  filter:
    drop-shadow(0 3px 7px rgba(0,0,0,.60))
    drop-shadow(0 0 9px rgba(215,53,48,.32))!important;
}

/* Right-side controls are also fixed to the same position on every page. */
.bb-site-header .shop-tools{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.bb-site-header .shop-tools>button,
.bb-site-header .shop-tools>a{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:50%!important;
  background:rgba(10,12,15,.55)!important;
  color:#d9d9d6!important;
  font-size:14px!important;
  line-height:1!important;
  text-decoration:none!important;
  overflow:visible!important;
  transition:
    color .35s ease,
    border-color .35s ease,
    background .35s ease,
    transform .4s cubic-bezier(.16,1,.3,1),
    box-shadow .4s ease!important;
}
.bb-site-header .shop-tools>button:hover,
.bb-site-header .shop-tools>a:hover,
.bb-site-header .shop-tools>button:focus-visible,
.bb-site-header .shop-tools>a:focus-visible{
  color:#fff!important;
  border-color:rgba(215,53,48,.50)!important;
  background:rgba(20,15,16,.78)!important;
  transform:translateY(-1px)!important;
  box-shadow:0 0 15px rgba(215,53,48,.13)!important;
}
.bb-site-header .shop-cart span,
.bb-site-header [data-wishlist-count]{
  position:absolute!important;
  right:-4px!important;
  top:-4px!important;
  min-width:16px!important;
  height:16px!important;
  display:grid!important;
  place-items:center!important;
  padding:0 3px!important;
  border-radius:999px!important;
  background:#d73530!important;
  color:#fff!important;
  font:800 8px/1 Arial,sans-serif!important;
}

/* The language control is part of the tools cluster, not the centered nav. */
.bb-site-header .language-picker{
  margin:0 2px 0 0!important;
}
.bb-site-header .language-select{
  height:34px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  font-size:9px!important;
}

/* Hamburger stays completely out of desktop geometry. */
.bb-site-header .shop-menu-toggle{
  display:none!important;
}

/* Medium desktop: keep centering exact but tighten the whole system. */
@media(max-width:1180px){
  .bb-site-header{
    grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr)!important;
    padding-left:22px!important;
    padding-right:22px!important;
  }
  .bb-site-header .bb-site-nav{
    gap:18px!important;
  }
  .bb-site-header .bb-site-nav>a:not(.bb-ebay-nav){
    font-size:12px!important;
    letter-spacing:1.35px!important;
  }
  .bb-site-header .bb-ebay-nav{
    width:43px!important;
    min-width:43px!important;
  }
  .bb-site-header .bb-ebay-nav img{
    width:42px!important;
    height:42px!important;
  }
}

/* Mobile/tablet: same component, nav becomes a smooth dropdown. */
@media(max-width:900px){
  .bb-site-header{
    height:72px!important;
    min-height:72px!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-rows:72px!important;
    gap:8px!important;
    padding:0 13px!important;
  }

  .bb-site-header .shop-brand{
    grid-column:1!important;
  }
  .bb-site-header .shop-brand img{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
  .bb-site-header .shop-brand b{
    font-size:17px!important;
  }
  .bb-site-header .shop-brand small{
    display:none!important;
  }

  .bb-site-header .shop-tools{
    grid-column:2!important;
    gap:6px!important;
  }
  .bb-site-header .shop-menu-toggle{
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    display:flex!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    padding:10px 8px!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:4px!important;
    background:#0b0d10!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:3px!important;
  }
  .bb-site-header .shop-menu-toggle i{
    display:block!important;
    width:100%!important;
    height:1px!important;
    background:#eee!important;
    transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s ease!important;
  }
  .bb-site-header .shop-menu-toggle[aria-expanded="true"] i:nth-child(1){
    transform:translateY(5px) rotate(45deg)!important;
  }
  .bb-site-header .shop-menu-toggle[aria-expanded="true"] i:nth-child(2){
    opacity:0!important;
  }
  .bb-site-header .shop-menu-toggle[aria-expanded="true"] i:nth-child(3){
    transform:translateY(-5px) rotate(-45deg)!important;
  }

  .bb-site-header .bb-site-nav{
    grid-column:1/-1!important;
    grid-row:auto!important;
    position:absolute!important;
    z-index:500!important;
    top:72px!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:auto!important;
    max-height:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:0!important;
    overflow:hidden!important;
    visibility:hidden!important;
    opacity:0!important;
    transform:translateY(-8px)!important;
    background:rgba(5,6,8,.985)!important;
    border-top:1px solid rgba(255,255,255,.05)!important;
    border-bottom:1px solid rgba(215,53,48,.26)!important;
    box-shadow:0 22px 52px rgba(0,0,0,.58)!important;
    transition:
      max-height .52s cubic-bezier(.16,1,.3,1),
      opacity .30s ease,
      transform .42s cubic-bezier(.16,1,.3,1),
      visibility 0s linear .52s!important;
  }
  .bb-site-header .bb-site-nav.open{
    max-height:460px!important;
    visibility:visible!important;
    opacity:1!important;
    transform:translateY(0)!important;
    transition:
      max-height .58s cubic-bezier(.16,1,.3,1),
      opacity .32s ease,
      transform .42s cubic-bezier(.16,1,.3,1),
      visibility 0s!important;
  }

  .bb-site-header .bb-site-nav>a:not(.bb-ebay-nav){
    height:54px!important;
    justify-content:center!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
    font-size:13px!important;
    letter-spacing:1.8px!important;
  }
  .bb-site-header .bb-site-nav>a:not(.bb-ebay-nav)::before{
    bottom:8px!important;
    width:72px!important;
  }
  .bb-site-header .bb-site-nav>a:not(.bb-ebay-nav)::after{
    display:none!important;
  }

  .bb-site-header .bb-ebay-nav{
    width:100%!important;
    height:62px!important;
    min-width:0!important;
    margin:0!important;
    border-bottom:1px solid rgba(255,255,255,.055)!important;
  }
  .bb-site-header .bb-ebay-nav img{
    width:44px!important;
    height:44px!important;
  }
}

/* Narrow phones: preserve useful tools without crowding the brand. */
@media(max-width:620px){
  .bb-site-header{
    padding:0 10px!important;
  }
  .bb-site-header .shop-tools .language-picker,
  .bb-site-header .shop-tools .bb-account-shortcut,
  .bb-site-header .shop-tools .bb-wishlist-link{
    display:none!important;
  }
  .bb-site-header .shop-tools>button,
  .bb-site-header .shop-tools>a{
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
  }
}

/* Extra narrow phones keep brand compact rather than allowing a collision. */
@media(max-width:390px){
  .bb-site-header .shop-brand b{
    font-size:15px!important;
  }
  .bb-site-header .shop-brand img{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
  }
}

/* Motion preference / OS reduced motion. */
.bb-motion-off .bb-site-header *,
.bb-motion-off .bb-site-header *::before,
.bb-motion-off .bb-site-header *::after{
  animation:none!important;
  transition:none!important;
}
@media(prefers-reduced-motion:reduce){
  .bb-site-header *,
  .bb-site-header *::before,
  .bb-site-header *::after{
    animation:none!important;
    transition:none!important;
  }
}


/* =========================================================
   Rev92 — Tech-type navigation + clean stable tool cluster
   ========================================================= */

/* Slightly wider breathing room without making the menu float apart. */
.bb-site-header .bb-site-nav{
  gap:clamp(30px,2.55vw,43px)!important;
}

/* Modern / near-sci-fi lettering:
   Bahnschrift is native on current Windows and gives us a clean engineered
   feel without loading an external webfont or compromising page speed. */
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav){
  font-family:
    "Bahnschrift SemiCondensed",
    "Bahnschrift",
    "DIN Alternate",
    "Arial Narrow",
    "Segoe UI",
    sans-serif!important;
  font-size:14px!important;
  font-weight:600!important;
  font-stretch:semi-condensed;
  letter-spacing:2.15px!important;
  line-height:1!important;
  color:#ddddda!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
  transition:
    color .38s cubic-bezier(.16,1,.3,1),
    letter-spacing .44s cubic-bezier(.16,1,.3,1),
    transform .44s cubic-bezier(.16,1,.3,1)!important;
}

/* Keep the cool nav animation, but refine it so the movement is smoother
   and less busy than the controls on the right. */
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav)::before{
  bottom:17px!important;
  height:1px!important;
  width:calc(100% + 12px)!important;
  background:
    linear-gradient(90deg,
      transparent 0%,
      rgba(210,52,47,.18) 13%,
      rgba(218,55,50,.78) 37%,
      rgba(247,247,244,.92) 50%,
      rgba(218,55,50,.78) 63%,
      rgba(210,52,47,.18) 87%,
      transparent 100%)!important;
  box-shadow:0 0 8px rgba(215,53,48,.24)!important;
  transform:translateX(-50%) scaleX(.02)!important;
  opacity:0!important;
  transition:
    transform .62s cubic-bezier(.16,1,.3,1),
    opacity .28s ease!important;
}
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav)::after{
  /* Remove the moving sparkle/tracer. The nav itself still has motion,
     but nothing flies across into the tool area. */
  content:none!important;
  display:none!important;
  animation:none!important;
}
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav):hover,
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav):focus-visible{
  color:#fff!important;
  letter-spacing:2.45px!important;
  transform:translateY(-1px)!important;
  text-shadow:none!important;
}
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav):hover::before,
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav):focus-visible::before,
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav).active::before{
  opacity:.92!important;
  transform:translateX(-50%) scaleX(1)!important;
}
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav).active{
  color:#f4f4f1!important;
  text-shadow:none!important;
}
.bb-site-header .bb-site-nav>a:not(.bb-ebay-nav).active::before{
  opacity:.56!important;
}

/* =========================================================
   TOOL CLUSTER RESET
   Search / language / profile / cart go back to clean, stable controls.
   No reflective sweep, tracer, glow animation, lift, rotation, or pseudo art.
   ========================================================= */
.bb-site-header .shop-tools{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  overflow:visible!important;
}

/* Kill any inherited decorative pseudo-elements on utility controls. */
.bb-site-header .shop-tools>*::before,
.bb-site-header .shop-tools>*::after,
.bb-site-header .shop-tools button::before,
.bb-site-header .shop-tools button::after,
.bb-site-header .shop-tools a::before,
.bb-site-header .shop-tools a::after,
.bb-site-header .language-picker::before,
.bb-site-header .language-picker::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}

/* Search, account, wishlist, cart: plain dark circular controls. */
.bb-site-header .shop-tools>button,
.bb-site-header .shop-tools>a{
  position:relative!important;
  box-sizing:border-box!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  flex:0 0 36px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:50%!important;
  background:#0a0c0f!important;
  color:#d9d9d6!important;
  font-size:13px!important;
  line-height:1!important;
  text-decoration:none!important;
  overflow:visible!important;
  transform:none!important;
  filter:none!important;
  box-shadow:none!important;
  animation:none!important;
  transition:
    border-color .22s ease,
    color .22s ease,
    background .22s ease!important;
}

.bb-site-header .shop-tools>button:hover,
.bb-site-header .shop-tools>a:hover,
.bb-site-header .shop-tools>button:focus-visible,
.bb-site-header .shop-tools>a:focus-visible{
  color:#fff!important;
  border-color:rgba(255,255,255,.34)!important;
  background:#101318!important;
  transform:none!important;
  filter:none!important;
  box-shadow:none!important;
}

/* Make sure icon glyphs themselves stay perfectly centered and static. */
.bb-site-header .shop-tools i,
.bb-site-header .shop-tools .fa,
.bb-site-header .shop-tools .fas,
.bb-site-header .shop-tools .far{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  transform:none!important;
  filter:none!important;
  text-shadow:none!important;
  animation:none!important;
}

/* Language selector: return to a compact conventional selector rather than
   an animated glossy pill. */
.bb-site-header .language-picker{
  position:relative!important;
  z-index:auto!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  margin:0 2px 0 1px!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
}
.bb-site-header .language-select{
  appearance:auto!important;
  -webkit-appearance:menulist!important;
  width:auto!important;
  min-width:59px!important;
  height:34px!important;
  margin:0!important;
  padding:0 5px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:4px!important;
  background:#0a0c0f!important;
  background-image:none!important;
  color:#d9d9d6!important;
  font-family:"Bahnschrift","Segoe UI",sans-serif!important;
  font-size:9px!important;
  font-weight:600!important;
  letter-spacing:.45px!important;
  outline:none!important;
  transform:none!important;
  filter:none!important;
  box-shadow:none!important;
  animation:none!important;
  transition:border-color .22s ease,color .22s ease,background .22s ease!important;
}
.bb-site-header .language-select:hover,
.bb-site-header .language-select:focus{
  color:#fff!important;
  border-color:rgba(255,255,255,.34)!important;
  background:#101318!important;
  transform:none!important;
  box-shadow:none!important;
}

/* Clean date/time, integrated into the same cluster.
   No flag, dot, separator line, red accent or floating overlay. */
.bb-datetime{
  position:static!important;
  inset:auto!important;
  z-index:auto!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  margin:0 5px 0 0!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:#85878a!important;
  font-family:"Bahnschrift","Segoe UI",sans-serif!important;
  font-size:9px!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:.65px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
}
.bb-datetime span,
.bb-datetime b{
  position:static!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  font:inherit!important;
  letter-spacing:inherit!important;
}
.bb-datetime b{
  color:#d2d2cf!important;
  font-weight:600!important;
}
.bb-datetime i,
.bb-datetime .bb-us-flag,
.bb-datetime::before,
.bb-datetime::after{
  display:none!important;
  content:none!important;
}

/* Keep cart badge functional, simple and tucked correctly on the icon. */
.bb-site-header .shop-cart{
  position:relative!important;
}
.bb-site-header .shop-cart span{
  position:absolute!important;
  right:-4px!important;
  top:-4px!important;
  min-width:16px!important;
  height:16px!important;
  padding:0 3px!important;
  display:grid!important;
  place-items:center!important;
  border:2px solid #07090b!important;
  border-radius:999px!important;
  background:#d73530!important;
  color:#fff!important;
  font:800 8px/1 Arial,sans-serif!important;
  box-shadow:none!important;
  transform:none!important;
  animation:none!important;
}

/* Wider menu needs a little restraint on mid-size desktop. */
@media(max-width:1260px){
  .bb-site-header .bb-site-nav{
    gap:24px!important;
  }
  .bb-site-header .bb-site-nav>a:not(.bb-ebay-nav){
    font-size:13px!important;
    letter-spacing:1.7px!important;
  }
  .bb-datetime{
    display:none!important;
  }
}

/* Tablet/mobile keeps the Rev91 dropdown geometry. */
@media(max-width:900px){
  .bb-site-header .bb-site-nav{
    gap:0!important;
  }
  .bb-site-header .bb-site-nav>a:not(.bb-ebay-nav){
    font-size:13px!important;
    letter-spacing:1.75px!important;
  }
  .bb-site-header .language-picker{
    display:none!important;
  }
}

/* Narrow phones: search + cart remain; profile stays available through
   the menu/account page to prevent tool collision. */
@media(max-width:620px){
  .bb-site-header .shop-tools .bb-account-shortcut,
  .bb-site-header .shop-tools .bb-wishlist-link{
    display:none!important;
  }
}

/* Respect the site's motion preference. */
.bb-motion-off .bb-site-header .bb-site-nav>a::before{
  transition:none!important;
}


/* =========================================================
   Rev100 — Product page consistency / delivery estimator polish
   ========================================================= */

/* The gallery is swipeable on touch devices, but the old SWIPE PHOTOS
   corner badge was visually noisy and could appear unstyled when a page
   missed foundation.css. Keep the behavior, remove the label everywhere. */
.product-page .bb-swipe-cue{
  display:none!important;
}

/* Delivery estimator: one restrained component shared by every product page. */
.product-page .bb-delivery-estimator{
  box-sizing:border-box!important;
  width:100%!important;
  margin:20px 0 22px!important;
  padding:15px 16px 14px!important;
  background:#080a0d!important;
  border:1px solid rgba(255,255,255,.095)!important;
  border-radius:4px!important;
  box-shadow:none!important;
  color:#d8d8d5!important;
  font-family:"Bahnschrift","Segoe UI",Arial,sans-serif!important;
  text-transform:none!important;
  letter-spacing:normal!important;
}

.product-page .bb-delivery-estimator-head{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:0 0 10px!important;
  padding:0!important;
}

.product-page .bb-delivery-estimator-head b{
  display:block!important;
  margin:0!important;
  color:#ececea!important;
  font-family:"Bahnschrift SemiCondensed","Bahnschrift","Segoe UI",Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:.45px!important;
  text-transform:none!important;
}

.product-page .bb-delivery-estimator-head small{
  margin:0!important;
  color:#666a70!important;
  font-family:"Bahnschrift","Segoe UI",Arial,sans-serif!important;
  font-size:8px!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:.8px!important;
  text-transform:uppercase!important;
}

.product-page .bb-delivery-estimator form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:stretch!important;
  gap:7px!important;
  width:100%!important;
  margin:0 0 9px!important;
  padding:0!important;
}

.product-page .bb-delivery-estimator input{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  margin:0!important;
  padding:0 12px!important;
  background:#05070a!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:3px!important;
  outline:none!important;
  box-shadow:none!important;
  color:#f1f1ef!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:40px!important;
  letter-spacing:0!important;
  text-transform:none!important;
  transition:border-color .18s ease,background .18s ease!important;
}

.product-page .bb-delivery-estimator input::placeholder{
  color:#686b70!important;
  opacity:1!important;
  font:inherit!important;
}

.product-page .bb-delivery-estimator input:focus{
  background:#07090c!important;
  border-color:rgba(255,255,255,.31)!important;
  box-shadow:none!important;
}

.product-page .bb-delivery-estimator button{
  box-sizing:border-box!important;
  min-width:72px!important;
  height:40px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:3px!important;
  background:#12151a!important;
  color:#e7e7e4!important;
  font-family:"Bahnschrift","Segoe UI",Arial,sans-serif!important;
  font-size:9px!important;
  font-weight:650!important;
  line-height:38px!important;
  letter-spacing:.7px!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  transform:none!important;
  box-shadow:none!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease!important;
}

.product-page .bb-delivery-estimator button:hover,
.product-page .bb-delivery-estimator button:focus-visible{
  background:#191d23!important;
  border-color:rgba(255,255,255,.29)!important;
  color:#fff!important;
  transform:none!important;
  box-shadow:none!important;
}

.product-page .bb-delivery-estimator p[data-delivery-status]{
  display:block!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  color:#777b80!important;
  background:none!important;
  border:0!important;
  font-family:"Segoe UI",Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:400!important;
  line-height:1.45!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

@media(max-width:600px){
  .product-page .bb-delivery-estimator{
    margin:18px 0 20px!important;
    padding:14px!important;
  }
  /* 16px prevents iOS Safari from zooming the page when the ZIP field is focused. */
  .product-page .bb-delivery-estimator input{
    font-size:16px!important;
  }
  .product-page .bb-delivery-estimator button{
    min-width:68px!important;
  }
}


/* Rev104 — WooCommerce pilot sold-out state */
.product-page .shop-stock.is-sold-out{color:#a8a8a5!important}
.product-page .shop-stock.is-sold-out span{color:#d7d7d3!important}
.product-page .shop-buy.is-sold-out,
.product-page .shop-buy:disabled{
  cursor:not-allowed!important;
  opacity:.48!important;
  filter:saturate(.35)!important;
  transform:none!important;
  box-shadow:none!important;
}


/* Rev105 — WooCommerce cart pilot */
.product-page .shop-buy:disabled:not(.is-sold-out){
  cursor:wait!important;
}
.bb-mini-cart-row .bb-mini-cart-img img{
  object-fit:contain!important;
  background:#0a0d11!important;
}


/* =========================================================
   Rev106 — Quick Cart remove interaction
   ========================================================= */
.bb-mini-cart-row{
  transition:opacity .16s ease, transform .16s ease, max-height .18s ease, margin .18s ease, padding .18s ease!important;
}
.bb-mini-cart-row.is-removing{
  opacity:0!important;
  transform:translateX(10px)!important;
  pointer-events:none!important;
}

.bb-mini-cart-row button[data-rev105-woo-remove],
.bb-mini-cart-row button[data-rev105-local-remove],
.bb-mini-cart-row button[data-mini-remove]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  margin-top:7px!important;
  padding:0 10px!important;
  background:#111419!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:3px!important;
  color:#c9cbce!important;
  font-family:"Bahnschrift","Segoe UI",Arial,sans-serif!important;
  font-size:9px!important;
  font-weight:650!important;
  line-height:1!important;
  letter-spacing:.7px!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  opacity:1!important;
  transition:background .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease!important;
}

.bb-mini-cart-row button[data-rev105-woo-remove]::before,
.bb-mini-cart-row button[data-rev105-local-remove]::before,
.bb-mini-cart-row button[data-mini-remove]::before{
  content:"×";
  margin-right:5px;
  color:#e06565;
  font-size:13px;
  line-height:1;
}

.bb-mini-cart-row button[data-rev105-woo-remove]:hover,
.bb-mini-cart-row button[data-rev105-local-remove]:hover,
.bb-mini-cart-row button[data-mini-remove]:hover{
  background:#171b20!important;
  border-color:rgba(224,101,101,.55)!important;
  color:#fff!important;
}

.bb-mini-cart-row button.is-removing,
.bb-mini-cart-row button:disabled{
  cursor:wait!important;
  opacity:.55!important;
}


/* =========================================================
   Rev107 — Full WooCommerce-backed cart page
   ========================================================= */
.cart-page #cartItems[hidden]{display:none!important}
.bb-cart-loading{
  min-height:160px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(7,9,12,.5);
}
.bb-cart-loading span{
  width:24px;height:24px;border-radius:50%;
  border:2px solid rgba(255,255,255,.15);
  border-top-color:rgba(255,255,255,.8);
  animation:bbCartSpin .75s linear infinite;
}
.bb-cart-loading b{
  font-family:"Bahnschrift","Segoe UI",Arial,sans-serif;
  font-size:10px;letter-spacing:1.8px;color:#969ba1;
}
@keyframes bbCartSpin{to{transform:rotate(360deg)}}

.cart-item.bb-live-cart-item{
  transition:opacity .16s ease,transform .16s ease;
}
.cart-item.bb-live-cart-item.is-removing{
  opacity:.25;
  transform:translateX(8px);
  pointer-events:none;
}
.cart-item.bb-live-cart-item .cart-item-copy>p{
  letter-spacing:.7px;
}
.cart-item.bb-live-cart-item[data-woo-cart-item="1"] .cart-item-copy>p{
  color:#a8b6a4;
}
.cart-item-controls button:disabled{
  opacity:.28!important;
  cursor:not-allowed!important;
}
.cart-item-controls .cart-remove{
  min-height:30px!important;
  padding:0 11px!important;
  border:1px solid rgba(224,101,101,.38)!important;
  border-radius:3px!important;
  background:#111419!important;
  color:#d8dadd!important;
  font-weight:650!important;
  letter-spacing:.75px!important;
}
.cart-item-controls .cart-remove::before{
  content:"×";
  margin-right:6px;
  color:#e06565;
  font-size:13px;
}
.cart-item-controls .cart-remove:hover{
  border-color:rgba(224,101,101,.72)!important;
  background:#191b20!important;
  color:#fff!important;
}
.cart-summary button{
  letter-spacing:1px;
}


/* =========================================================
   Rev110 — WooCommerce checkout handoff
   ========================================================= */
.cart-summary [data-bb-checkout].is-live{
  cursor:pointer!important;
  opacity:1!important;
  background:#d92f2f!important;
  border-color:#ef4646!important;
  color:#fff!important;
  box-shadow:0 8px 28px rgba(217,47,47,.14)!important;
}
.cart-summary [data-bb-checkout].is-live:hover{
  background:#ef3b3b!important;
  border-color:#ff5a5a!important;
  transform:translateY(-1px);
}
.cart-summary [data-bb-checkout].is-handoff{
  cursor:wait!important;
  opacity:.72!important;
  transform:none!important;
}
.cart-summary [data-bb-checkout]:disabled{
  cursor:not-allowed!important;
}
.cart-summary [data-bb-checkout-note]{
  display:block;
}


/* =========================================================
   Rev116 — Universal Woo live-state refinements
   ========================================================= */
.product-card.is-sold-out{
  opacity:.74;
}
.product-card.is-sold-out .product-card-meta span,
.shop-stock.is-sold-out{
  color:#e06565!important;
}
[data-add-to-cart].is-sold-out,
.shop-buy.is-sold-out{
  cursor:not-allowed!important;
  opacity:.55!important;
  filter:saturate(.55);
}
.bb-live-cart-item[data-woo-cart-item="1"] .cart-item-copy>p{
  color:#9eaa9a!important;
}


/* Rev124 — compact QR accent on Contact */
.bb-contact-card{position:relative;min-height:245px;padding-right:190px!important}
.bb-contact-qr{position:absolute;right:28px;top:50%;transform:translateY(-50%);width:126px;text-align:center}
.bb-qr-plate{background:#fff;border-radius:7px;padding:8px;box-shadow:0 12px 28px rgba(0,0,0,.42)}
.bb-qr-plate img{display:block;width:100%;height:auto}
.bb-contact-qr span{display:block;margin-top:9px;color:#777;font-size:7px;font-weight:900;letter-spacing:1.3px}
@media(max-width:650px){.bb-contact-card{padding-right:28px!important}.bb-contact-qr{position:static;transform:none;margin-top:22px;width:112px;text-align:left}.bb-contact-qr span{text-align:center}}


/* Rev138 — live Woo customer account */
.bb-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.bb-form-status.is-error{color:#ff716a!important}
.bb-account-text-button{height:auto!important;background:transparent!important;border:0!important;color:#8f949b!important;font-size:9px!important;letter-spacing:.12em;text-align:left;padding:0!important;justify-self:start;cursor:pointer}
.bb-account-text-button:hover{color:#fff!important}
.bb-account-authenticated{border-color:rgba(72,210,111,.55)!important;box-shadow:0 0 0 2px rgba(72,210,111,.06),0 0 18px rgba(72,210,111,.08)}
.bb-account-authenticated:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#55db78;right:1px;top:1px;box-shadow:0 0 8px rgba(85,219,120,.8)}
.bb-account-shortcut{position:relative}
.bb-account-dashboard{margin:0 0 18px;padding:28px;background:#090b0e;border:1px solid rgba(255,255,255,.075)}
.bb-account-dashboard[hidden]{display:none!important}
.bb-account-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08)}
.bb-account-dashboard-head h2{margin:5px 0 4px;color:#fff;font-size:clamp(26px,3.5vw,44px);letter-spacing:-.03em}.bb-account-dashboard-head h2 span{color:#fff}.bb-account-dashboard-head p{margin:0;color:#7e8389;font-size:12px}
.bb-account-dashboard-head>button{min-width:118px;height:40px;border:1px solid #4a2726;background:transparent;color:#c9c9c9;font-size:10px;font-weight:900;letter-spacing:.1em;cursor:pointer}.bb-account-dashboard-head>button:hover{border-color:var(--bb-red);color:#fff}
.bb-account-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.bb-account-summary-card{padding:20px;background:#06080a;border:1px solid rgba(255,255,255,.07);display:grid;grid-template-columns:1fr auto;gap:5px 16px}.bb-account-summary-card>span{font-size:10px;font-weight:900;color:#aaa;letter-spacing:.12em}.bb-account-summary-card>strong{grid-row:1/3;grid-column:2;font-size:34px;color:var(--bb-red);line-height:1}.bb-account-summary-card>small{font-size:10px;color:#666}.bb-account-summary-card>a{grid-column:1/3;margin-top:9px;color:#fff;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.1em}.bb-account-summary-card>a:hover{color:var(--bb-red)}
.bb-account-orders{margin-top:24px}.bb-account-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.bb-account-section-head h2{margin:5px 0 0;color:#fff;font-size:24px}.bb-account-section-head>small{color:#666;font-size:9px}
.bb-order-row{padding:18px 20px;background:#06080a;border:1px solid rgba(255,255,255,.07);margin-top:9px}.bb-order-head,.bb-order-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}.bb-order-head b{color:#fff;font-size:12px;letter-spacing:.08em}.bb-order-head span{color:#58d679;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.bb-order-meta{margin-top:7px;color:#777;font-size:10px}.bb-order-meta strong{color:#fff;font-size:14px}.bb-order-row ul{margin:13px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);list-style:none;padding-left:0}.bb-order-row li{display:flex;justify-content:space-between;gap:12px;color:#aaa;font-size:10px;padding:3px 0}.bb-order-row li span{color:#666}.bb-account-empty{padding:28px;text-align:center;background:#06080a;border:1px dashed rgba(255,255,255,.10);display:grid;gap:6px}.bb-account-empty b{color:#fff}.bb-account-empty span{color:#777;font-size:10px}
@media(max-width:720px){.bb-account-dashboard-head{flex-direction:column}.bb-account-dashboard-grid{grid-template-columns:1fr}.bb-account-section-head{align-items:flex-start;flex-direction:column}.bb-account-dashboard{padding:20px}}


/* =========================================================
   Rev139 — persistent signed-in identity + RPG avatar profiles
   ========================================================= */

/* Signed-in account control becomes a compact identity pill in the SAME header tool cluster. */
.bb-site-header .shop-tools>a.bb-account-shortcut.bb-account-identity{
  width:auto!important;min-width:0!important;height:38px!important;flex:0 0 auto!important;
  display:flex!important;align-items:center!important;gap:8px!important;
  padding:3px 11px 3px 3px!important;border-radius:22px!important;
  border-color:rgba(255,255,255,.16)!important;background:#080a0d!important;
  overflow:visible!important;white-space:nowrap!important;
}
.bb-header-avatar-wrap{position:relative;display:block;width:30px;height:30px;flex:0 0 30px}
.bb-header-avatar{display:block!important;width:30px!important;height:30px!important;object-fit:cover!important;border-radius:50%!important;border:1px solid rgba(224,52,46,.65)!important;box-shadow:0 0 12px rgba(224,52,46,.10)!important}
.bb-header-online-dot{position:absolute!important;right:-1px!important;bottom:0!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#55da77!important;border:2px solid #080a0d!important;box-sizing:content-box!important;box-shadow:0 0 7px rgba(85,218,119,.45)!important}
.bb-header-nickname{display:block;max-width:112px;overflow:hidden;text-overflow:ellipsis;color:#f2f2ef;font-family:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow","Segoe UI",sans-serif;font-size:11px;font-weight:750;letter-spacing:.04em;line-height:1}
.bb-account-shortcut.bb-account-authenticated:after{display:none!important}

/* Account page typography is now intentionally inherited and structured. */
.account-page .bb-account-dashboard-v2,.account-page .bb-account-dashboard-v2 *{font-family:inherit}
.account-page .bb-account-dashboard-v2{margin-top:0;padding:0;background:transparent;border:0}
.bb-profile-command{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:24px 26px;background:linear-gradient(120deg,#0c0e12 0%,#07090c 64%,rgba(96,16,15,.20) 100%);border:1px solid rgba(255,255,255,.08);border-left:2px solid var(--bb-red);position:relative;overflow:hidden}
.bb-profile-command:after{content:"";position:absolute;right:-90px;top:-130px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(218,49,44,.12),transparent 67%);pointer-events:none}
.bb-profile-avatar-large{position:relative;width:86px;height:86px}
.bb-profile-avatar-large img{width:86px;height:86px;display:block;object-fit:cover;border-radius:50%;border:2px solid rgba(221,54,47,.78);box-shadow:0 0 0 4px #090b0e,0 0 28px rgba(220,50,45,.14)}
.bb-profile-avatar-large i{position:absolute;right:3px;bottom:7px;width:10px;height:10px;border-radius:50%;background:#55da77;border:3px solid #090b0e;box-shadow:0 0 8px rgba(85,218,119,.5)}
.bb-profile-copy h2{margin:4px 0 3px!important;font-size:clamp(28px,4vw,46px)!important;color:#fff!important;letter-spacing:-.035em!important;line-height:1!important}.bb-profile-copy p{margin:0!important;color:#9ea3aa!important;font-size:11px!important}.bb-profile-copy small{display:block;margin-top:8px;color:#60656c;font-size:9px;line-height:1.45}
.bb-profile-signout{position:relative;z-index:2;height:40px;padding:0 16px;border:1px solid rgba(231,62,55,.35);background:#090a0c;color:#d7d7d4;font-weight:900;font-size:9px;letter-spacing:.12em;cursor:pointer}.bb-profile-signout:hover{border-color:var(--bb-red);color:#fff}

.bb-account-dashboard-grid-v2{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0!important}
.bb-account-dashboard-grid-v2 .bb-account-summary-card{text-decoration:none!important;grid-template-columns:34px 1fr auto;grid-template-rows:auto auto;padding:16px 17px;align-items:center;min-height:82px;background:#080a0d;border:1px solid rgba(255,255,255,.07);transition:border-color .2s ease,background .2s ease}
.bb-account-dashboard-grid-v2 .bb-account-summary-card:hover{border-color:rgba(224,52,46,.42);background:#0b0d10}
.bb-account-dashboard-grid-v2 .bb-account-summary-card>i{grid-row:1/3;color:var(--bb-red);font-size:19px}
.bb-account-dashboard-grid-v2 .bb-account-summary-card>span{font-size:9px;letter-spacing:.13em;color:#d9d9d6;font-weight:900}
.bb-account-dashboard-grid-v2 .bb-account-summary-card>strong{grid-column:3;grid-row:1/3;font-size:27px;color:#fff;line-height:1}.bb-account-dashboard-grid-v2 .bb-account-summary-card>small{grid-column:2;font-size:8px;color:#63686f}.bb-account-dashboard-grid-v2 .bb-account-summary-card .bb-status-ok{font-size:14px;color:#58d679;letter-spacing:.08em}

.bb-profile-editor{display:grid;grid-template-columns:300px minmax(0,1fr);gap:12px;margin:12px 0 26px}
.bb-profile-nickname-panel,.bb-avatar-picker-panel{background:#080a0d;border:1px solid rgba(255,255,255,.075);padding:22px}
.bb-profile-nickname-panel h2,.bb-avatar-picker-panel h2{margin:5px 0 8px!important;color:#fff!important;font-size:22px!important}.bb-profile-nickname-panel>p,.bb-avatar-picker-head>p{color:#797e85!important;font-size:10px!important;line-height:1.55!important}
.bb-profile-nickname-panel form{display:grid;gap:11px;margin-top:20px}.bb-profile-nickname-panel label{display:grid;gap:7px;color:#8d9298;font-size:9px;letter-spacing:.05em}.bb-profile-nickname-panel input[type=text]{height:44px;padding:0 12px;background:#040506;border:1px solid #282c31;color:#fff;font-size:15px;outline:none}.bb-profile-nickname-panel input[type=text]:focus{border-color:rgba(224,52,46,.65);box-shadow:0 0 0 2px rgba(224,52,46,.08)}.bb-profile-nickname-panel button{height:43px;border:0;background:linear-gradient(180deg,#e43b33,#bd241e);color:#fff;font-size:10px;font-weight:900;letter-spacing:.1em;cursor:pointer}.bb-profile-nickname-panel button:hover{filter:brightness(1.07)}
.bb-avatar-picker-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.bb-avatar-picker-head>p{max-width:240px;text-align:right;margin:0!important}
.bb-avatar-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.bb-avatar-choice{appearance:none;border:1px solid rgba(255,255,255,.07);background:#050608;padding:7px 7px 9px;display:grid;gap:6px;text-align:center;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;min-width:0}.bb-avatar-choice:hover{transform:translateY(-2px);border-color:rgba(224,52,46,.45);background:#090b0e}.bb-avatar-choice.selected{border-color:rgba(233,64,56,.88);box-shadow:0 0 0 1px rgba(233,64,56,.26),0 0 18px rgba(233,64,56,.09);background:#0c090a}.bb-avatar-choice img{width:100%;aspect-ratio:1;display:block;object-fit:cover;border-radius:3px}.bb-avatar-choice span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#999da3;font-size:8px;font-weight:800;letter-spacing:.035em}.bb-avatar-choice.selected span{color:#fff}

/* Orders no longer look like unstyled injected text. */
.bb-account-orders{padding:22px;background:#080a0d;border:1px solid rgba(255,255,255,.075)}.bb-order-row{border-left:2px solid rgba(225,52,46,.48)!important}.bb-order-row li span{color:#b3b6ba}.bb-order-row li b{font-size:9px;color:#73777d}.bb-account-empty i{color:var(--bb-red);font-size:24px;margin-bottom:4px}.bb-account-empty a{justify-self:center;margin-top:8px;color:#fff;text-decoration:none;border:1px solid rgba(225,52,46,.42);padding:9px 13px;font-size:8px;font-weight:900;letter-spacing:.1em}

/* Registration page wording/layout stays clean before login. */
.account-page .bb-account-layout[hidden]{display:none!important}.account-page .bb-account-card .bb-form-status{min-height:14px;margin:0;color:#7bd990;font-size:9px}.account-page .bb-account-card .bb-form-status.is-error,.bb-profile-nickname-panel .bb-form-status.is-error{color:#ff7b74}.bb-profile-nickname-panel .bb-form-status{margin:0;min-height:13px;color:#7bd990;font-size:9px}

@media(max-width:1040px){.bb-profile-editor{grid-template-columns:1fr}.bb-avatar-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.bb-account-dashboard-grid-v2{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.bb-profile-command{grid-template-columns:auto 1fr}.bb-profile-signout{grid-column:1/3;justify-self:start}.bb-avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bb-avatar-picker-head{align-items:flex-start;flex-direction:column}.bb-avatar-picker-head>p{text-align:left}.bb-account-dashboard-grid-v2{grid-template-columns:1fr 1fr}}
@media(max-width:620px){
  /* Rev139 override: signed-in status is NEVER hidden on phones. Avatar remains visible; nickname collapses. */
  .bb-site-header .shop-tools .bb-account-shortcut.bb-account-authenticated{display:flex!important;width:36px!important;min-width:36px!important;height:36px!important;padding:2px!important;justify-content:center!important}
  .bb-site-header .shop-tools .bb-account-shortcut.bb-account-authenticated .bb-header-nickname{display:none!important}
  .bb-header-avatar-wrap,.bb-header-avatar{width:30px!important;height:30px!important}
  .bb-profile-command{padding:20px;grid-template-columns:64px 1fr}.bb-profile-avatar-large,.bb-profile-avatar-large img{width:64px;height:64px}.bb-account-dashboard-grid-v2{grid-template-columns:1fr}.bb-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}


/* Rev140 — avatar card containment fix */
.bb-avatar-grid{
  align-items:stretch;
}
.bb-avatar-choice{
  overflow:hidden!important;
  box-sizing:border-box!important;
  grid-template-rows:auto auto!important;
  align-content:start!important;
  justify-items:center!important;
  padding:10px 10px 11px!important;
}
.bb-avatar-choice img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:124px!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0 auto!important;
  border-radius:8px!important;
  background:#050608!important;
  box-sizing:border-box!important;
}
.bb-avatar-choice span{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  margin-top:1px!important;
}
@media(max-width:760px){
  .bb-avatar-choice img{max-width:112px!important}
}
@media(max-width:430px){
  .bb-avatar-choice{padding:7px 7px 9px!important}
  .bb-avatar-choice img{max-width:96px!important}
}


/* Rev141 — physically isolated avatar portraits */
.bb-avatar-choice{
  overflow:hidden!important;
  isolation:isolate!important;
}
.bb-avatar-choice img{
  width:min(100%,124px)!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  border-radius:50%!important;
  clip-path:circle(49% at 50% 50%)!important;
  overflow:hidden!important;
  background:transparent!important;
  transform:none!important;
}


/* Rev142 — individually measured avatar centers */
.bb-avatar-choice{
  overflow:hidden!important;
  isolation:isolate!important;
  justify-items:center!important;
}
.bb-avatar-choice img{
  display:block!important;
  width:124px!important;
  height:124px!important;
  max-width:100%!important;
  aspect-ratio:1/1!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto!important;
  border-radius:0!important;
  clip-path:none!important;
  transform:none!important;
  background:transparent!important;
}
@media(max-width:760px){
  .bb-avatar-choice img{width:112px!important;height:112px!important}
}
@media(max-width:430px){
  .bb-avatar-choice img{width:96px!important;height:96px!important}
}

/* =========================================================
   Rev153 — Bacon Bin display type system
   Give the giant page words a deliberate collector-box / marquee identity
   without adding a fragile external font dependency.
   ========================================================= */
:root{--bb-display:Impact,Haettenschweiler,"Arial Narrow Bold",Bahnschrift Condensed,"Franklin Gothic Condensed","Arial Narrow",sans-serif}

.catalog-page .catalog-heading h2,
.catalog-page .universe-heading h2,
.catalog-page .bb-featured-head h2,
.catalog-page .bb-inventory-head h2,
.bits-news-hero h1,
.bb-arcade-hub-hero h1,
.about-hero h1,
.bb-info-shell>h1,
.cart-page .cart-shell h1{
  font-family:var(--bb-display)!important;
  font-weight:900!important;
  font-style:normal!important;
  text-transform:uppercase!important;
  letter-spacing:.025em!important;
  line-height:.88!important;
  color:#f5f3ed!important;
  text-shadow:0 3px 0 rgba(0,0,0,.58),0 13px 36px rgba(0,0,0,.38)!important;
}
.catalog-page .catalog-heading h2,
.catalog-page .universe-heading h2,
.catalog-page .bb-featured-head h2,
.catalog-page .bb-inventory-head h2,
.bits-news-hero h1,
.bb-info-shell>h1,
.cart-page .cart-shell h1{
  background:linear-gradient(180deg,#fff 0%,#f1eee7 52%,#9aa0a8 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
}
.bb-arcade-hub-hero h1 strong,
.about-hero h1 strong{color:#e33a32!important;-webkit-text-fill-color:#e33a32!important;text-shadow:0 0 22px rgba(227,58,50,.16)!important}

/* Tiny red rule makes the display type feel authored rather than default. */
.catalog-page .catalog-heading>div,
.bits-news-hero-copy,
.bb-arcade-hub-hero>div:first-child,
.about-hero>div:first-child,
.bb-info-shell{
  position:relative;
}
.catalog-page .catalog-heading>div::after,
.bits-news-hero-copy::after,
.bb-arcade-hub-hero>div:first-child::after,
.about-hero>div:first-child::after,
.bb-info-shell::after{
  content:"";display:block;width:clamp(44px,6vw,88px);height:3px;margin-top:15px;
  background:linear-gradient(90deg,#e43c34,rgba(228,60,52,0));
  box-shadow:0 0 18px rgba(228,60,52,.18);
}
/* Rev153 display-rule placement correction: keep the accent attached to the title, not the whole content panel. */
.bits-news-hero-copy::after,
.bb-arcade-hub-hero>div:first-child::after,
.about-hero>div:first-child::after,
.bb-info-shell::after{display:none!important}
.bits-news-hero h1::after,
.bb-arcade-hub-hero h1::after,
.about-hero h1::after,
.bb-info-shell>h1::after{
  content:"";display:block;width:clamp(44px,6vw,88px);height:3px;margin-top:15px;
  background:linear-gradient(90deg,#e43c34,rgba(228,60,52,0));
  box-shadow:0 0 18px rgba(228,60,52,.18);
  -webkit-text-fill-color:initial!important;
}

/* =========================================================
   Rev154 — lighter editorial display typography
   Replaces Rev153's heavy Impact/chrome treatment.
   ========================================================= */
:root{
  --bb-display:"Segoe UI Variable Display","Aptos Display","Helvetica Neue","Century Gothic","Trebuchet MS",Arial,sans-serif;
}
.catalog-page .catalog-heading h2,
.catalog-page .universe-heading h2,
.catalog-page .bb-featured-head h2,
.catalog-page .bb-inventory-head h2,
.bits-news-hero h1,
.bb-arcade-hub-hero h1,
.about-hero h1,
.bb-info-shell>h1,
.cart-page .cart-shell h1{
  font-family:var(--bb-display)!important;
  font-weight:570!important;
  font-style:normal!important;
  text-transform:none!important;
  letter-spacing:-.042em!important;
  line-height:.94!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#f3f2ee!important;
  color:#f3f2ee!important;
  text-shadow:0 12px 34px rgba(0,0,0,.48),0 0 1px rgba(255,255,255,.16)!important;
}
.bb-arcade-hub-hero h1 strong,
.about-hero h1 strong{
  font-weight:640!important;
  color:#e43a33!important;
  -webkit-text-fill-color:#e43a33!important;
  text-shadow:0 8px 28px rgba(0,0,0,.52),0 0 16px rgba(228,58,51,.12)!important;
}
.catalog-page .catalog-heading>div::after,
.bits-news-hero h1::after,
.bb-arcade-hub-hero h1::after,
.about-hero h1::after,
.bb-info-shell>h1::after{display:none!important}

/* Section titles stay crisp but no longer shout. */
.catalog-page .catalog-heading h2,
.catalog-page .universe-heading h2,
.catalog-page .bb-featured-head h2,
.catalog-page .bb-inventory-head h2{
  font-weight:540!important;
  letter-spacing:-.032em!important;
}


/* =========================================================
   Rev155 — unified Bacon Bin heading typography
   Use the clean, straightforward treatment from "FEATURED FROM THE BIN"
   instead of the prior oversized/editorial display experiments.
   Arcade mini-game title art remains game-specific.
   ========================================================= */
:root{--bb-display:Arial,Helvetica,sans-serif!important;--bb-heading:Arial,Helvetica,sans-serif}
body:not(.arcade-mini-page) h1,
body:not(.arcade-mini-page) h2,
body:not(.arcade-mini-page) h3,
body:not(.arcade-mini-page) .catalog-heading h2,
body:not(.arcade-mini-page) .universe-heading h2,
body:not(.arcade-mini-page) .bb-featured-head h2,
body:not(.arcade-mini-page) .bb-inventory-head h2,
body:not(.arcade-mini-page) .bits-news-hero h1,
body:not(.arcade-mini-page) .bb-arcade-hub-hero h1,
body:not(.arcade-mini-page) .about-hero h1,
body:not(.arcade-mini-page) .bb-info-shell>h1,
body:not(.arcade-mini-page) .cart-shell h1,
body:not(.arcade-mini-page) .shop-info h1,
body:not(.arcade-mini-page) .bin-index h2{
  font-family:var(--bb-heading)!important;
  font-style:normal!important;
  text-transform:none!important;
  letter-spacing:0!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}
body:not(.arcade-mini-page) h1,
body:not(.arcade-mini-page) h2{font-weight:700!important}
body:not(.arcade-mini-page) h3{font-weight:700!important}
.bb-arcade-hub-hero h1 strong,
.about-hero h1 strong{
  font-family:var(--bb-heading)!important;
  font-weight:700!important;
  letter-spacing:0!important;
  -webkit-text-fill-color:#e43a33!important;
  color:#e43a33!important;
  text-shadow:none!important;
}


/* Rev175 — one exact sticky navigation position sitewide. */
.bb-site-header{
  position:sticky!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:12000!important;
  transform:none!important;
}
html{scroll-padding-top:84px}
@media(max-width:760px){html{scroll-padding-top:76px}}

/* Rev187 functional hardening */
.bb-social.bb-social-unconfigured{opacity:.38;cursor:default;filter:saturate(.35)}
.bb-service-note.is-error{color:#ff8b8b}


/* Rev194 — legal/policy readability */
.bb-legal-nav{display:flex;flex-wrap:wrap;gap:8px;margin:-20px 0 18px}.bb-legal-nav a{padding:8px 11px;border:1px solid rgba(255,255,255,.08);background:#08090b;color:#b9b9b9;font:800 10px/1 Arial,sans-serif;letter-spacing:.08em;text-decoration:none}.bb-legal-nav a:hover,.bb-legal-nav a:focus-visible{color:#fff;border-color:rgba(210,37,44,.55)}
.bb-legal-copy{max-width:980px}.bb-legal-copy h2{margin:30px 0 8px;color:#f0f0ed;font:800 19px/1.15 Arial,sans-serif;letter-spacing:-.01em}.bb-legal-copy h2:first-of-type{margin-top:18px}.bb-legal-copy p{margin:0 0 14px}.bb-legal-copy a{color:#eee;text-decoration-color:rgba(210,37,44,.7);text-underline-offset:3px}.bb-policy-date{padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}
.bb-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 24px}.bb-policy-grid a{display:grid;gap:6px;padding:18px;border:1px solid rgba(255,255,255,.08);background:#060709;text-decoration:none}.bb-policy-grid strong{color:#fff;font:900 12px/1 Arial,sans-serif;letter-spacing:.08em}.bb-policy-grid span{color:#929292;font:400 12px/1.5 Arial,sans-serif}.bb-policy-grid a:hover,.bb-policy-grid a:focus-visible{border-color:rgba(210,37,44,.5)}
.bb-checkout-legal{margin:10px 0 0;color:#777;font:400 10px/1.5 Arial,sans-serif}.bb-checkout-legal a{color:#aaa}.bb-footer-consent{display:block;margin-top:8px;color:#666;font-size:8px;line-height:1.4}.bb-footer-consent a{color:#888}
@media(max-width:700px){.bb-policy-grid{grid-template-columns:1fr}.bb-legal-nav{margin-top:-10px}}

/* =========================================================
   Rev201 — SHOP nav depth-stack hover
   Layered type extrusion inspired by the supplied reference.
   Desktop mouse/focus only; existing rail/current-page behavior retained.
   ========================================================= */
@media (hover:hover) and (pointer:fine){
  .bb-site-header .bb-site-nav > a[href="shop.html"]:not(.bb-ebay-nav){
    transform-origin:center 48%!important;
    will-change:transform,text-shadow,letter-spacing;
    text-shadow:
      0 0 0 rgba(255,255,255,0),
      0 0 0 rgba(255,255,255,0),
      0 0 0 rgba(255,255,255,0),
      0 0 0 rgba(255,255,255,0),
      0 0 0 rgba(215,53,48,0)!important;
    transition:
      color .32s cubic-bezier(.16,1,.3,1),
      letter-spacing .46s cubic-bezier(.16,1,.3,1),
      transform .54s cubic-bezier(.16,1,.3,1),
      text-shadow .54s cubic-bezier(.16,1,.3,1)!important;
  }

  .bb-site-header .bb-site-nav > a[href="shop.html"]:not(.bb-ebay-nav):hover,
  .bb-site-header .bb-site-nav > a[href="shop.html"]:not(.bb-ebay-nav):focus-visible{
    color:#fff!important;
    letter-spacing:2.62px!important;
    transform:translateY(-4px) scale(1.105)!important;
    text-shadow:
      0 3px 0 rgba(255,255,255,.30),
      0 6px 0 rgba(255,255,255,.22),
      0 9px 0 rgba(255,255,255,.15),
      0 12px 0 rgba(255,255,255,.09),
      0 15px 0 rgba(215,53,48,.16)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .bb-site-header .bb-site-nav > a[href="shop.html"]:not(.bb-ebay-nav){
    transition:none!important;
  }
  .bb-site-header .bb-site-nav > a[href="shop.html"]:not(.bb-ebay-nav):hover,
  .bb-site-header .bb-site-nav > a[href="shop.html"]:not(.bb-ebay-nav):focus-visible{
    transform:none!important;
    text-shadow:none!important;
  }
}

/* =========================================================
   Rev225 — ARCADE nav neon-sign ignition
   ========================================================= */
@media (hover:hover) and (pointer:fine){
  .bb-site-header .bb-site-nav > a[href="arcade.html"]:not(.bb-ebay-nav){
    transform-origin:center!important;
    transition:color .25s ease,transform .38s cubic-bezier(.16,1,.3,1),letter-spacing .38s cubic-bezier(.16,1,.3,1),text-shadow .28s ease!important;
  }
  .bb-site-header .bb-site-nav > a[href="arcade.html"]:not(.bb-ebay-nav):hover,
  .bb-site-header .bb-site-nav > a[href="arcade.html"]:not(.bb-ebay-nav):focus-visible{
    color:#fff7ff!important;
    letter-spacing:2.62px!important;
    transform:translateY(-1px) scale(1.055)!important;
    text-shadow:
      0 0 3px rgba(255,255,255,.98),
      0 0 8px rgba(255,67,225,.98),
      0 0 17px rgba(255,39,211,.76),
      0 0 29px rgba(41,206,255,.48)!important;
    animation:bbArcadeNeonIgnite225 .58s ease-out both;
  }
  .bb-site-header .bb-site-nav > a[href="arcade.html"]:not(.bb-ebay-nav):hover::before,
  .bb-site-header .bb-site-nav > a[href="arcade.html"]:not(.bb-ebay-nav):focus-visible::before{
    opacity:1!important;
    height:2px!important;
    background:linear-gradient(90deg,transparent 0%,#20d9ff 20%,#fff 49%,#ff36dc 78%,transparent 100%)!important;
    box-shadow:0 0 7px rgba(255,255,255,.75),0 0 14px rgba(255,49,221,.8),0 0 25px rgba(36,210,255,.58)!important;
  }
}
@keyframes bbArcadeNeonIgnite225{
  0%{opacity:.72;text-shadow:0 0 0 transparent}
  15%{opacity:1}
  21%{opacity:.72}
  31%{opacity:1}
  38%{opacity:.86}
  49%,100%{opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .bb-site-header .bb-site-nav > a[href="arcade.html"]:not(.bb-ebay-nav):hover,
  .bb-site-header .bb-site-nav > a[href="arcade.html"]:not(.bb-ebay-nav):focus-visible{
    animation:none!important;
    transform:none!important;
  }
}

/* =========================================================
   Rev243 — iPhone-safe navigation / landscape drawer repair
   ========================================================= */
@media (max-width:900px){
  .bb-site-header{position:sticky!important;top:0!important;z-index:1000!important}
  .bb-site-header .bb-site-nav{
    top:72px!important;
    bottom:auto!important;
    max-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:0!important;
  }
  .bb-site-header .bb-site-nav.open{
    max-height:calc(100dvh - 72px)!important;
    height:auto!important;
    padding-bottom:max(12px,env(safe-area-inset-bottom))!important;
  }
  @supports not (height:100dvh){
    .bb-site-header .bb-site-nav.open{max-height:calc(100vh - 72px)!important}
  }
  .bb-mobile-nav-tools{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:0!important;
    order:99!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    background:#090a0c!important;
  }
  .bb-mobile-nav-tools>a{
    min-height:62px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    color:#ddd!important;
    text-decoration:none!important;
    border-right:1px solid rgba(255,255,255,.06)!important;
    font:750 9px/1 Bahnschrift,"Arial Narrow",sans-serif!important;
    letter-spacing:1px!important;
  }
  .bb-mobile-nav-tools>a:last-child{border-right:0!important}
  .bb-mobile-nav-tools i{font-size:16px!important}
  body.bb-mobile-menu-open{overflow:hidden!important;touch-action:none!important}
}
@media (min-width:901px){.bb-mobile-nav-tools{display:none!important}}
@media (max-width:620px){
  .bb-site-header .shop-tools .bb-account-shortcut{display:inline-flex!important}
  .bb-site-header .shop-tools{gap:3px!important}
  .bb-site-header .shop-tools>button,.bb-site-header .shop-tools>a{width:34px!important;min-width:34px!important;height:34px!important}
  .bb-site-header .shop-menu-toggle{width:38px!important;min-width:38px!important;height:38px!important}
  .bb-site-header .shop-brand b{font-size:15px!important;letter-spacing:.2px!important}
  .bb-site-header .shop-brand img{width:34px!important;height:34px!important;flex-basis:34px!important}
}
@media (max-width:390px){
  .bb-site-header{padding-left:7px!important;padding-right:7px!important;gap:3px!important}
  .bb-site-header .shop-brand b{font-size:14px!important}
  .bb-site-header .shop-tools>button,.bb-site-header .shop-tools>a{width:32px!important;min-width:32px!important;height:32px!important}
}
@media (max-width:900px) and (orientation:landscape) and (max-height:520px){
  .bb-site-header{height:58px!important;min-height:58px!important;grid-template-rows:58px!important}
  .bb-site-header .bb-site-nav{top:58px!important}
  .bb-site-header .bb-site-nav.open{max-height:calc(100dvh - 58px)!important}
  .bb-site-header .bb-site-nav>a:not(.bb-ebay-nav){height:44px!important;min-height:44px!important}
  .bb-site-header .bb-ebay-nav{height:48px!important}
  .bb-site-header .bb-ebay-nav img{width:36px!important;height:36px!important}
  .bb-mobile-nav-tools>a{min-height:50px!important}
}

/* Rev243 — closed off-canvas UI must never create horizontal page scroll on iOS. */
html,body{max-width:100%;overflow-x:hidden}
.bb-mini-cart{overflow:hidden!important;max-width:100vw!important}
.bb-mini-cart-panel{max-width:100vw!important}

/* Rev243 — landscape phones use a two-column menu so every destination and
   the profile/cart shortcuts fit on-screen instead of falling below Safari chrome. */
@media (max-width:900px) and (orientation:landscape) and (max-height:520px){
  .bb-site-header .bb-site-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bb-site-header .bb-site-nav>a:not(.bb-ebay-nav){height:44px!important;min-height:44px!important}
  .bb-site-header .bb-ebay-nav{width:auto!important;height:44px!important;min-height:44px!important;border-right:1px solid rgba(255,255,255,.055)!important}
  .bb-site-header .bb-ebay-nav img{width:34px!important;height:34px!important}
  .bb-mobile-nav-tools{grid-column:1/-1!important}
}

/* =========================================================
   Rev244 — header breathing room + clock retirement
   The expanded nav now owns the horizontal space; date/time is removed.
   ========================================================= */
html body{padding-top:0!important}
.bb-datetime{display:none!important}
@media(max-width:650px){html body{padding-top:0!important}}
@media(min-width:901px){
  .bb-site-header{
    grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr)!important;
    padding-left:clamp(16px,2.6vw,42px)!important;
    padding-right:clamp(16px,2.6vw,42px)!important;
  }
  .bb-site-header .bb-site-nav{gap:clamp(16px,1.35vw,24px)!important}
  .bb-site-header .bb-site-nav>a:not(.bb-ebay-nav){
    font-size:12.5px!important;
    letter-spacing:1.45px!important;
  }
  .bb-site-header .bb-ebay-nav{width:44px!important;min-width:44px!important;margin:0 -2px!important}
  .bb-site-header .bb-ebay-nav img{width:42px!important;height:42px!important}
}
@media(min-width:901px) and (max-width:1280px){
  .bb-site-header{grid-template-columns:minmax(185px,1fr) auto minmax(185px,1fr)!important;padding-left:16px!important;padding-right:16px!important}
  .bb-site-header .bb-site-nav{gap:13px!important}
  .bb-site-header .bb-site-nav>a:not(.bb-ebay-nav){font-size:11.6px!important;letter-spacing:1.15px!important}
  .bb-site-header .bb-ebay-nav{width:39px!important;min-width:39px!important}
  .bb-site-header .bb-ebay-nav img{width:38px!important;height:38px!important}
  .bb-site-header .shop-tools{gap:5px!important}
  .bb-site-header .shop-tools>button,.bb-site-header .shop-tools>a{width:34px!important;height:34px!important;min-width:34px!important}
}

/* =========================================================
   Rev245 — navigation breathing room + one canonical footer everywhere.
   ========================================================= */
@media(min-width:1181px){
  .bb-site-header .bb-site-nav{gap:clamp(25px,2.25vw,39px)!important}
  .bb-site-header .bb-site-nav>a:not(.bb-ebay-nav){font-size:12.5px!important;letter-spacing:1.72px!important}
}

/* The Shop footer is the canonical footer. Page-specific footer geometry is
   deliberately neutralized after shop.js upgrades the placeholder. */
body:not(.bb-cabinet-embed) .bb-modern-footer{
  position:relative!important;
  z-index:80!important;
  clear:both!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:1.15fr 1.6fr 1fr!important;
  align-items:start!important;
  gap:44px!important;
  padding:52px clamp(24px,5vw,78px) 24px!important;
  background:#050608!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
  box-shadow:none!important;
  color:#aaa!important;
  opacity:1!important;
  transform:none!important;
}
body:not(.bb-cabinet-embed) .bb-modern-footer *{box-sizing:border-box}
body:not(.bb-cabinet-embed) .bb-modern-footer .bb-footer-bottom{grid-column:1/-1!important}
html,body{background-color:#000}
@media(max-width:760px){
  body:not(.bb-cabinet-embed) .bb-modern-footer{grid-template-columns:1fr!important;gap:28px!important;padding:40px 20px 24px!important}
}


/* =========================================================
   Rev273A — CLEAN GLASS + SMOOTH ENVIRONMENTS
   Visual-only global polish.
   - Removes repeating dot/print-grain texture from GLASS surfaces.
   - Keeps translucent dark glass, backdrop blur, saturation, subtle borders,
     inset highlight and shadow.
   - Uses longer multi-stop shading instead of abrupt feather bands.
   - Keeps the whole site grounded in deep black (#050505).
   - Sharpens category environments and lifts mobile visibility only.
   - Does NOT alter cart/session/checkout/PayPal/JS behavior.
   ========================================================= */

:root{
  --bb273a-black:#050505;
  --bb273a-ease:cubic-bezier(.22,1,.36,1);
}

/* Deep-black visual floor. Background images/pseudo-elements still layer above it. */
html{background-color:var(--bb273a-black)!important}
html body:not(.bb-cabinet-embed){background-color:var(--bb273a-black)!important}

/* ---------------------------------------------------------
   1) CLEAN GLASS — REMOVE THE REPEATING DOT GRAIN
   Keep translucency, blur, saturation, border, inset highlight and shadow.
   --------------------------------------------------------- */
html body:not(.bb-cabinet-embed) :is(
  .category-page .product-card,
  .catalog-page .bb-inventory-results .product-card,
  .bb-info-shell,
  .bb-contact-card,
  .bb-contact-form-card,
  .bb-account-card,
  .bb-account-summary-card,
  .bb-profile-command,
  .bb-profile-editor,
  .bb-avatar-picker-panel,
  .bb-collector-journal,
  .bb-account-orders,
  .cart-main,
  .cart-summary,
  .product-page .shop-art,
  .product-page .shop-info,
  .product-page .product-details-panel,
  .bb-product-discovery,
  .bits-page .bits-news-hero,
  .bits-page .bits-live-wire,
  .bits-page .bits-story-card,
  .bits-page .bits-oddity,
  .bits-page .bits-news-controls,
  .merch-page .merch-card
){
  background:
    linear-gradient(
      135deg,
      rgba(17,19,23,.58) 0%,
      rgba(11,13,16,.50) 24%,
      rgba(8,10,13,.42) 52%,
      rgba(5,7,9,.46) 76%,
      rgba(4,5,7,.52) 100%
    )!important;
  background-size:auto!important;
  border-color:rgba(239,227,202,.080)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.10)!important;
  backdrop-filter:blur(16px) saturate(1.10)!important;
  box-shadow:
    0 20px 56px rgba(0,0,0,.22),
    0 4px 16px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.032),
    inset 0 -1px 0 rgba(255,255,255,.012)!important;
}

/* The mini cart stays slightly denser so text/products remain crisp over the page. */
html body:not(.bb-cabinet-embed) .bb-mini-cart-panel{
  background:
    linear-gradient(
      145deg,
      rgba(11,13,16,.74) 0%,
      rgba(8,10,13,.66) 34%,
      rgba(5,7,9,.60) 68%,
      rgba(4,5,7,.66) 100%
    )!important;
  background-size:auto!important;
  border-left-color:rgba(239,227,202,.105)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.11)!important;
  backdrop-filter:blur(20px) saturate(1.11)!important;
  box-shadow:
    -18px 0 56px rgba(0,0,0,.30),
    inset 1px 0 0 rgba(255,255,255,.026)!important;
}

/* Smaller glass controls keep their lighter appearance without grain. */
html body:not(.bb-cabinet-embed) :is(
  .catalog-search,
  .bb-inventory-toolbar,
  .bb-filter-panel,
  .bb-service-note,
  .bb-contact-location,
  .bb-contact-tip,
  .bits-page .bits-news-search,
  .bits-page .bits-news-filters
){
  background:linear-gradient(135deg,rgba(10,12,15,.48),rgba(5,7,9,.38))!important;
  border-color:rgba(239,227,202,.070)!important;
  -webkit-backdrop-filter:blur(13px) saturate(1.08)!important;
  backdrop-filter:blur(13px) saturate(1.08)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.022)!important;
}

/* Pulp content can stay pulp; its GLASS wrapper should not look like a dot matrix. */
html body.bits-page :is(.bits-pulp-interlude-v260,.bits-pulp-hero-v261){
  background:
    radial-gradient(circle at 18% 32%,rgba(223,53,46,.070),transparent 34%),
    linear-gradient(135deg,rgba(12,14,17,.46),rgba(5,7,9,.26))!important;
  background-size:auto!important;
  -webkit-backdrop-filter:blur(15px) saturate(1.09)!important;
  backdrop-filter:blur(15px) saturate(1.09)!important;
}

/* Shop browser was another glass panel carrying the same 7px grain. */
html body.shop-landing-page .universe-browser{
  background:
    linear-gradient(145deg,rgba(12,14,17,.49),rgba(5,7,9,.30))!important;
  background-size:auto!important;
  border-color:rgba(239,228,204,.09)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.07)!important;
  backdrop-filter:blur(14px) saturate(1.07)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.024)!important;
}
html body.shop-landing-page .catalog-section::before{
  background:linear-gradient(135deg,rgba(13,14,17,.17),rgba(5,6,8,.07))!important;
  background-size:auto!important;
}

/* ---------------------------------------------------------
   2) SMOOTHER UI MOTION — no transition:all, no abrupt snap.
   --------------------------------------------------------- */
html body:not(.bb-cabinet-embed) :is(
  .btn,
  button,
  .product-card,
  .home-product,
  .bb-recent-card,
  .merch-card,
  .universe-tile,
  .bb-account-card,
  .bb-contact-card,
  .bb-info-shell,
  .bb-mini-cart-panel,
  .product-card-actions a,
  .product-card-actions button
){
  transition-timing-function:var(--bb273a-ease)!important;
}

/* ---------------------------------------------------------
   3) CATEGORY ENVIRONMENTS
   The 1.45px global backdrop blur was softening the artwork itself.
   Remove that environmental blur; keep each page's existing vignette/art.
   --------------------------------------------------------- */
html body.category-page::after{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Mobile only: lift the art enough to read on iPhone while leaving desktop
   exactly where it is. Keep contrast gentle so backgrounds don't fight cards. */
@media(max-width:700px){
  html body.category-page::before{
    image-rendering:auto!important;
  }

  html body.category-page.category-tmnt::before{
    opacity:.46!important;
    filter:brightness(.93) saturate(1.07) contrast(1.06)!important;
  }
  html body.category-page.category-gi-joe::before{
    opacity:.40!important;
    filter:brightness(.90) saturate(1.02) contrast(1.06)!important;
  }
  html body.category-page.category-transformers::before{
    opacity:.45!important;
    filter:brightness(.91) saturate(1.06) contrast(1.07)!important;
  }
  html body.category-page.category-star-wars::before{
    opacity:.43!important;
    filter:brightness(.94) saturate(.98) contrast(1.06)!important;
  }
  html body.category-page.category-anime::before{
    opacity:.42!important;
    filter:brightness(.91) saturate(.96) contrast(1.07)!important;
  }
  html body.category-page.category-marvel::before{
    opacity:.46!important;
    filter:brightness(.92) saturate(1.04) contrast(1.06)!important;
  }
  html body.category-page.category-dc::before{
    opacity:.47!important;
    filter:brightness(.96) saturate(1.06) contrast(1.05)!important;
  }
  html body.category-page.category-video-games::before{
    opacity:.58!important;
    filter:brightness(.96) saturate(1.06) contrast(1.05)!important;
  }
  html body.category-page.category-vintage-toys::before{
    opacity:.38!important;
    filter:brightness(.92) saturate(.94) contrast(1.05)!important;
  }
  html body.category-page.category-skateboarding::before{
    opacity:.40!important;
    filter:brightness(.98) saturate(1.05) contrast(1.04)!important;
  }
  html body.category-page.category-horror::before{
    opacity:.40!important;
    filter:brightness(.90) saturate(1.01) contrast(1.05)!important;
  }
  html body.category-page.category-hot-wheels::before{
    opacity:.42!important;
    filter:brightness(1.00) saturate(1.08) contrast(1.05)!important;
  }
  html body.category-page.category-motu::before{
    opacity:.42!important;
    filter:brightness(1.02) saturate(1.05) contrast(1.04)!important;
  }
  html body.category-page.category-aliens::before{
    opacity:.42!important;
    filter:brightness(1.00) saturate(1.04) contrast(1.05)!important;
  }
  html body.category-page.category-action-figures::before,
  html body.category-page.category-collectibles::before{
    opacity:.42!important;
    filter:brightness(.96) saturate(1.03) contrast(1.05)!important;
  }
  html body.category-page.category-grail::before{
    opacity:.40!important;
    filter:brightness(.95) saturate(1.02) contrast(1.05)!important;
  }

  /* Mobile glass: retain the effect, but use less GPU-heavy blur and slightly
     denser material so it remains clean on Safari. */
  html body:not(.bb-cabinet-embed) :is(
    .category-page .product-card,
    .bb-info-shell,
    .bb-contact-card,
    .bb-contact-form-card,
    .bb-account-card,
    .bb-account-summary-card,
    .cart-main,
    .cart-summary,
    .product-page .shop-art,
    .product-page .shop-info,
    .product-page .product-details-panel,
    .bits-page .bits-story-card,
    .merch-page .merch-card
  ){
    -webkit-backdrop-filter:blur(9px) saturate(1.06)!important;
    backdrop-filter:blur(9px) saturate(1.06)!important;
    background:linear-gradient(145deg,rgba(13,15,18,.68),rgba(5,7,9,.56))!important;
  }

  html body:not(.bb-cabinet-embed) .bb-mini-cart-panel{
    -webkit-backdrop-filter:blur(11px) saturate(1.07)!important;
    backdrop-filter:blur(11px) saturate(1.07)!important;
  }
}

/* ---------------------------------------------------------
   4) REDUCED MOTION
   Keep deliberate fades without forcing motion on users who request less.
   --------------------------------------------------------- */
@media(prefers-reduced-motion:reduce){
  html body:not(.bb-cabinet-embed) :is(
    .btn,button,.product-card,.home-product,.bb-recent-card,.merch-card,
    .universe-tile,.bb-mini-cart-panel
  ){
    transition-duration:.01ms!important;
  }
}


/* =========================================================
   Rev273B — TITLE PROPORTIONS + PRIVATE CONTACT + HOMEPAGE CLEANUP
   Visual/privacy-only pass. No commerce/session/payment JavaScript.
   ========================================================= */

/* 1) Page-level display titles: same typeface, simply less vertically dominant. */
html body:not(.bb-cabinet-embed) :is(
  .bb-guide-hero h1,
  .bb-vault-hero h1
){
  font-size:clamp(40px,5.2vw,72px)!important;
  line-height:.86!important;
  letter-spacing:-.018em!important;
}

html body:not(.bb-cabinet-embed) :is(
  .bb-info-shell>h1,
  .merch-hero h1,
  .contact-hero h1,
  .about-hero h1,
  .bits-pulp-hero-copy-v261>h1
){
  font-size:clamp(40px,4.9vw,68px)!important;
  line-height:.88!important;
  letter-spacing:-.016em!important;
}

/* Keep the same compact title language on smaller screens without giant stacks. */
@media(max-width:700px){
  html body:not(.bb-cabinet-embed) :is(
    .bb-guide-hero h1,
    .bb-vault-hero h1,
    .bb-info-shell>h1,
    .merch-hero h1,
    .contact-hero h1,
    .about-hero h1,
    .bits-pulp-hero-copy-v261>h1
  ){
    font-size:clamp(38px,12vw,56px)!important;
    line-height:.87!important;
  }
}

/* 2) No browser-default blue/purple text links.
   Existing designed buttons/cards/nav keep their own more-specific colors. */
html body:not(.bb-cabinet-embed) a,
html body:not(.bb-cabinet-embed) a:visited{
  color:inherit;
}

html body:not(.bb-cabinet-embed) :is(
  .bb-info-shell,
  .bb-contact-card,
  .bb-account-card,
  .bb-guide-article,
  .bb-vault-main,
  .product-details-panel,
  .cart-main,
  .cart-summary
) a:not(.btn):not([class*="card"]){
  color:#d9d4cb!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(227,58,51,.46);
  transition:color .24s cubic-bezier(.22,1,.36,1),border-color .24s cubic-bezier(.22,1,.36,1)!important;
}

html body:not(.bb-cabinet-embed) :is(
  .bb-info-shell,
  .bb-contact-card,
  .bb-account-card,
  .bb-guide-article,
  .bb-vault-main,
  .product-details-panel,
  .cart-main,
  .cart-summary
) a:not(.btn):not([class*="card"]):hover{
  color:#fff!important;
  border-bottom-color:rgba(237,66,58,.92);
}

.bb-contact-safe-note{
  color:#a7abb1!important;
  line-height:1.55!important;
}

/* 3) Homepage: remove the literal repeating dot/print-grain overlay.
   This is the layer that survived the earlier glass cleanup. */
.home-pulp-house-ad::before,
.home-v258-latest::before{
  background:none!important;
  background-image:none!important;
  opacity:0!important;
  mix-blend-mode:normal!important;
}

/* Keep the large environment itself crisp. The full-width hero does not need
   a 10px backdrop blur; that was making the art read as compressed/soft. */
.home-pulp-top-v259{
  -webkit-backdrop-filter:saturate(1.04)!important;
  backdrop-filter:saturate(1.04)!important;
}

/* Undo the tiny forced enlargement that was resampling the 1620x971 environment. */
.home-ambient-static-v231{
  transform:none!important;
  filter:brightness(.80) saturate(1.01) contrast(1.055)!important;
  image-rendering:auto!important;
}

/* Smooth, deep-black vignette with long transitions and no texture layer. */
.home-ambient-video-shell::after{
  background:
    radial-gradient(
      ellipse 88% 80% at 50% 40%,
      transparent 0%,
      transparent 42%,
      rgba(5,5,5,.06) 54%,
      rgba(5,5,5,.16) 64%,
      rgba(5,5,5,.34) 74%,
      rgba(5,5,5,.58) 84%,
      rgba(5,5,5,.82) 93%,
      #050505 100%
    ),
    linear-gradient(
      90deg,
      #050505 0%,
      rgba(5,5,5,.78) 4%,
      rgba(5,5,5,.46) 10%,
      rgba(5,5,5,.20) 18%,
      rgba(5,5,5,.07) 30%,
      rgba(5,5,5,.025) 43%,
      rgba(5,5,5,.025) 57%,
      rgba(5,5,5,.07) 70%,
      rgba(5,5,5,.20) 82%,
      rgba(5,5,5,.46) 90%,
      rgba(5,5,5,.78) 96%,
      #050505 100%
    ),
    linear-gradient(
      180deg,
      rgba(5,5,5,.70) 0%,
      rgba(5,5,5,.30) 9%,
      rgba(5,5,5,.10) 20%,
      rgba(5,5,5,.025) 34%,
      transparent 50%,
      rgba(5,5,5,.04) 67%,
      rgba(5,5,5,.18) 78%,
      rgba(5,5,5,.42) 87%,
      rgba(5,5,5,.74) 95%,
      #050505 100%
    )!important;
}

/* The opening copy remains glass, but clean glass: no grain and restrained blur. */
.home-pulp-top-v259 .home-pulp-copy{
  background:linear-gradient(
    135deg,
    rgba(10,12,15,.42) 0%,
    rgba(7,9,12,.30) 48%,
    rgba(4,6,8,.24) 100%
  )!important;
  background-size:auto!important;
  -webkit-backdrop-filter:blur(9px) saturate(1.06)!important;
  backdrop-filter:blur(9px) saturate(1.06)!important;
  box-shadow:
    0 28px 90px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.032)!important;
}

/* Homepage fresh-arrival glass cards: explicitly texture-free. */
#homeFreshProducts .home-product{
  background:linear-gradient(
    145deg,
    rgba(14,16,19,.60) 0%,
    rgba(8,10,13,.49) 52%,
    rgba(5,7,9,.54) 100%
  )!important;
  background-size:auto!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08)!important;
  backdrop-filter:blur(14px) saturate(1.08)!important;
}

/* Poster itself: let the high-quality file render without extra softening. */
.home-pulp-top-v259 .home-pulp-poster img{
  image-rendering:auto!important;
  filter:none!important;
}


/* Rev274A — footer brand must use the same actual header lockup, not reconstructed text. */
.bb-footer-brand>a.bb-footer-brand-lockup{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:min(272px,100%)!important;
  text-decoration:none!important;
}
.bb-footer-brand .bb-footer-brand-pig{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  flex:0 0 32px!important;
  object-fit:contain!important;
  border-radius:50%!important;
}
.bb-footer-brand .bb-footer-brand-logo{
  width:min(214px,calc(100% - 42px))!important;
  height:auto!important;
  max-height:52px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.bb-footer-brand>p{margin:12px 0 0!important}
@media(max-width:680px){
  .bb-footer-brand>a.bb-footer-brand-lockup{width:min(245px,100%)!important}
  .bb-footer-brand .bb-footer-brand-pig{width:29px!important;height:29px!important;min-width:29px!important;flex-basis:29px!important}
  .bb-footer-brand .bb-footer-brand-logo{width:min(195px,calc(100% - 39px))!important}
}