/* =========================================================
   THE BACON BIN — REV274H
   SITE-WIDE POLISH AUDIT
   Focus: spacing, type scale, panel opacity, hover behavior, alignment.
   IMPORTANT: category pages and arcade pages are deliberately excluded.
   Shop-by-Universe tiles are not targeted.
   ========================================================= */

:root{
  --bbh-red:#ef3b35;
  --bbh-red-soft:rgba(239,59,53,.24);
  --bbh-line:rgba(255,255,255,.075);
  --bbh-line-soft:rgba(255,255,255,.052);
  --bbh-panel:linear-gradient(150deg,rgba(15,17,20,.955),rgba(7,8,10,.978));
  --bbh-panel-soft:linear-gradient(150deg,rgba(13,15,18,.92),rgba(7,8,10,.955));
  --bbh-shadow:0 14px 36px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.022);
  --bbh-shadow-hover:0 18px 44px rgba(0,0,0,.28),0 0 0 1px rgba(239,59,53,.055),inset 0 1px 0 rgba(255,255,255,.028);
  --bbh-ease:cubic-bezier(.22,1,.36,1);
}

/* ---------------------------------------------------------
   1) HEADER / FOOTER — same geometry, calmer motion, sharper finish.
   No height or structural changes.
   --------------------------------------------------------- */
#bb-test-font-lock:not(.category-page):not(.arcade-page) .shop-nav>a,
#bb-test-font-lock:not(.category-page):not(.arcade-page) .shop-categories>summary{
  transform:none!important;
  transition:color .20s ease,text-shadow .20s ease,opacity .20s ease!important;
}
#bb-test-font-lock:not(.category-page):not(.arcade-page) .shop-nav>a:hover,
#bb-test-font-lock:not(.category-page):not(.arcade-page) .shop-nav>a:focus-visible,
#bb-test-font-lock:not(.category-page):not(.arcade-page) .shop-nav>a.active,
#bb-test-font-lock:not(.category-page):not(.arcade-page) .shop-categories>summary:hover,
#bb-test-font-lock:not(.category-page):not(.arcade-page) .shop-categories>summary:focus-visible{
  transform:none!important;
  color:#fff!important;
  text-shadow:0 0 9px rgba(239,59,53,.24)!important;
}
#bb-test-font-lock:not(.category-page):not(.arcade-page) .shop-nav>a::before,
#bb-test-font-lock:not(.category-page):not(.arcade-page) .shop-categories>summary::before{
  height:1px!important;
  box-shadow:0 0 8px rgba(239,59,53,.34)!important;
}
#bb-test-font-lock:not(.category-page):not(.arcade-page) .shop-tools button,
#bb-test-font-lock:not(.category-page):not(.arcade-page) .shop-cart,
#bb-test-font-lock:not(.category-page):not(.arcade-page) .bb-account-shortcut{
  transition:color .18s ease,border-color .18s ease,background-color .18s ease,filter .18s ease!important;
}
#bb-test-font-lock:not(.category-page):not(.arcade-page) .shop-tools button:hover,
#bb-test-font-lock:not(.category-page):not(.arcade-page) .shop-tools button:focus-visible,
#bb-test-font-lock:not(.category-page):not(.arcade-page) .shop-cart:hover,
#bb-test-font-lock:not(.category-page):not(.arcade-page) .bb-account-shortcut:hover{
  filter:brightness(1.10)!important;
}
#bb-test-font-lock:not(.category-page):not(.arcade-page) .shop-footer{
  border-top:1px solid rgba(255,255,255,.045)!important;
  gap:8px 20px!important;
  padding:23px clamp(18px,3vw,34px)!important;
}
#bb-test-font-lock:not(.category-page):not(.arcade-page) .bb-footer-legal{
  gap:7px 14px!important;
  margin-top:2px!important;
}
#bb-test-font-lock:not(.category-page):not(.arcade-page) .bb-footer-legal a{
  transition:color .18s ease,opacity .18s ease!important;
}

/* ---------------------------------------------------------
   2) UNIFIED NON-LOGO PAGE HEROES — keep the approved type,
   improve compactness/alignment and reduce dead air.
   About + Contact remain title-free from earlier revisions.
   --------------------------------------------------------- */
#bb-test-font-lock.bb-unified-title-page:not(.category-page):not(.arcade-page) .bb-unified-page-hero{
  width:min(1360px,calc(100% - 56px))!important;
  padding:30px 22px 22px!important;
  gap:clamp(30px,3vw,46px)!important;
  grid-template-columns:minmax(0,1.08fr) minmax(290px,.74fr)!important;
}
#bb-test-font-lock.bb-unified-title-page:not(.category-page):not(.arcade-page) .bb-unified-page-copy{
  padding-left:24px!important;
}
#bb-test-font-lock.bb-unified-title-page:not(.category-page):not(.arcade-page) .bb-unified-page-copy p{
  max-width:410px!important;
  line-height:1.56!important;
}
#bb-test-font-lock.bb-unified-title-page:not(.category-page):not(.arcade-page) .bb-unified-title-foot{
  margin-top:14px!important;
  width:104px!important;
}
#bb-test-font-lock.bb-unified-title-page:not(.category-page):not(.arcade-page) .bb-unified-page-hero::before{
  bottom:-12px!important;
  opacity:.58!important;
}
#bb-test-font-lock.bb-unified-title-page:not(.category-page):not(.arcade-page) .bb-unified-divider{
  width:min(1360px,calc(100% - 56px))!important;
}
#bb-test-font-lock.bb-unified-title-page:not(.category-page):not(.arcade-page) :is(
  .bb-info-shell,.cart-shell,.bb-guide-main,.bb-sold-archive-main,.bb-vault-main,.merch-main,.bits-newsroom
){
  padding-top:clamp(22px,2.4vw,34px)!important;
}

/* ---------------------------------------------------------
   3) SMOKED GLASS MATERIAL — richer/cleaner, not acrylic fog.
   No masks/clip-paths; no heavy backdrop blur over detailed art.
   --------------------------------------------------------- */
#bb-test-font-lock:not(.category-page):not(.arcade-page) :is(
  .bb-account-card,
  .bb-account-summary-card,
  .bb-profile-command,
  .bb-profile-editor,
  .bb-avatar-picker-panel,
  .bb-collector-journal,
  .bb-account-orders,
  .bb-preference-card,
  .bb-service-note,
  .bb-contact-form-card,
  .bb-contact-side>article,
  .bb-guide-card,
  .bb-guide-article,
  .bb-vault-card,
  .wishlist-card,
  .bb-sold-card,
  .bits-story-card,
  .bits-oddity,
  .bits-live-wire,
  .bits-news-controls,
  .bits-convention-card,
  .merch-card,
  .cart-item,
  .cart-summary,
  .bb-product-discovery,
  .product-details-panel
){
  clip-path:none!important;
  -webkit-clip-path:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  border-color:var(--bbh-line)!important;
  background:var(--bbh-panel)!important;
  box-shadow:var(--bbh-shadow)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Utility/input surfaces stay slightly lighter so cards don't become black slabs. */
#bb-test-font-lock:not(.category-page):not(.arcade-page) :is(
  .catalog-search,.bb-inventory-toolbar,.bb-filter-panel,.bits-news-search,.bits-news-filters,
  .bb-contact-location,.bb-contact-tip
){
  border-color:rgba(255,255,255,.065)!important;
  background:linear-gradient(145deg,rgba(12,14,17,.84),rgba(7,8,10,.90))!important;
  box-shadow:0 10px 26px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.018)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* ---------------------------------------------------------
   4) CARD HOVER LANGUAGE — one restrained behavior everywhere.
   Transform only: no layout jump, no scale distortion.
   --------------------------------------------------------- */
#bb-test-font-lock:not(.category-page):not(.arcade-page) :is(
  .bb-modern-card,
  .home-product,
  .bb-recent-card,
  .bb-account-summary-card,
  .bb-guide-card,
  .bb-vault-card,
  .wishlist-card,
  .bb-sold-card,
  .bits-story-card,
  .bits-oddity,
  .bits-convention-card,
  .merch-card,
  .bb-mini-product
){
  transition:transform .22s var(--bbh-ease),border-color .22s ease,box-shadow .22s ease,background-color .22s ease!important;
  will-change:transform;
}
#bb-test-font-lock:not(.category-page):not(.arcade-page) :is(
  .bb-modern-card,
  .home-product,
  .bb-recent-card,
  .bb-account-summary-card,
  .bb-guide-card,
  .bb-vault-card,
  .wishlist-card,
  .bb-sold-card,
  .bits-story-card,
  .bits-oddity,
  .bits-convention-card,
  .merch-card,
  .bb-mini-product
):hover{
  transform:translateY(-2px)!important;
  border-color:rgba(239,59,53,.20)!important;
  box-shadow:var(--bbh-shadow-hover)!important;
}

/* Buttons: same subtle lift, no aggressive scaling or horizontal movement. */
#bb-test-font-lock:not(.category-page):not(.arcade-page) :is(
  .btn,.shop-btn,.bb-save-later,.product-card-actions a,.product-card-actions button,
  .cart-details-link,.bb-account-action,.bb-guide-card a,.merch-card a
){
  transition:transform .16s var(--bbh-ease),filter .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
#bb-test-font-lock:not(.category-page):not(.arcade-page) :is(
  .btn,.shop-btn,.bb-save-later,.product-card-actions a,.product-card-actions button,
  .cart-details-link,.bb-account-action,.bb-guide-card a,.merch-card a
):hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.055)!important;
}

/* ---------------------------------------------------------
   5) PRODUCT DETAIL PAGES — keep the layout, tighten rhythm.
   Rev274G remains the authority for product title/price size.
   --------------------------------------------------------- */
#bb-test-font-lock.product-page .shop-product{
  margin-bottom:34px!important;
  padding-top:14px!important;
  border-color:rgba(255,255,255,.060)!important;
  border-radius:9px!important;
  overflow:hidden!important;
  box-shadow:0 20px 54px rgba(0,0,0,.22)!important;
}
#bb-test-font-lock.product-page .shop-info{
  padding:40px 38px 42px!important;
  background:linear-gradient(155deg,rgba(12,14,17,.985),rgba(6,7,9,.995))!important;
}
#bb-test-font-lock.product-page .shop-divider{
  margin:21px 0 19px!important;
  background:linear-gradient(90deg,rgba(239,59,53,.30),rgba(255,255,255,.075) 34%,rgba(255,255,255,.04))!important;
}
#bb-test-font-lock.product-page .shop-trust{
  gap:13px!important;
  margin-top:23px!important;
}
#bb-test-font-lock.product-page .shop-warning{
  margin-top:27px!important;
  padding:14px 15px!important;
  border-color:rgba(239,59,53,.32)!important;
  background:linear-gradient(135deg,rgba(87,20,18,.13),rgba(8,9,11,.72))!important;
}
#bb-test-font-lock.product-page .product-details-panel{
  padding:42px clamp(28px,5vw,72px)!important;
}
#bb-test-font-lock.product-page .product-details-panel h2{
  margin-bottom:20px!important;
  font-size:clamp(22px,2vw,30px)!important;
  letter-spacing:-.018em!important;
}
#bb-test-font-lock.product-page .product-spec-grid span{
  padding:16px!important;
}

/* ---------------------------------------------------------
   6) SHOP / HOME PRODUCT CARDS — preserve the design, improve finish only.
   Shop-by-Universe tiles are intentionally NOT selected here.
   --------------------------------------------------------- */
#bb-test-font-lock.shop-landing-page #bbInventoryGrid .bb-modern-card,
#bb-test-font-lock.home-page-fade #homeFreshProducts .home-product{
  border-color:rgba(255,255,255,.065)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.17)!important;
}
#bb-test-font-lock.shop-landing-page #bbInventoryGrid .bb-modern-card:hover,
#bb-test-font-lock.home-page-fade #homeFreshProducts .home-product:hover{
  border-color:rgba(239,59,53,.21)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.25),0 0 0 1px rgba(239,59,53,.04)!important;
}

/* ---------------------------------------------------------
   7) SECONDARY TYPE SCALE / ALIGNMENT — quieter support text,
   stronger hierarchy without touching major approved headings.
   --------------------------------------------------------- */
#bb-test-font-lock:not(.category-page):not(.arcade-page) :is(
  .bb-account-summary-card h3,.bb-guide-card h2,.bb-guide-card h3,.bb-vault-card h3,
  .bits-story-card h2,.bits-story-card h3,.bits-oddity h2,.bits-oddity h3,
  .merch-card h2,.merch-card h3,.bb-sold-card h2
){
  line-height:1.12!important;
  letter-spacing:-.012em!important;
}
#bb-test-font-lock:not(.category-page):not(.arcade-page) :is(
  .catalog-heading,.bb-feature-head,.bits-section-head,.merch-section-head
){
  gap:16px!important;
  margin-bottom:20px!important;
}
#bb-test-font-lock:not(.category-page):not(.arcade-page) :is(
  .bb-service-note,.bb-policy-callout,.bb-contact-tip,.bb-contact-location
){
  line-height:1.62!important;
}

/* ---------------------------------------------------------
   8) MOBILE — keep the polish, remove desktop-sized air.
   --------------------------------------------------------- */
@media(max-width:820px){
  #bb-test-font-lock.bb-unified-title-page:not(.category-page):not(.arcade-page) .bb-unified-page-hero{
    width:min(100% - 26px,1360px)!important;
    padding:25px 14px 20px!important;
    gap:18px!important;
  }
  #bb-test-font-lock.bb-unified-title-page:not(.category-page):not(.arcade-page) .bb-unified-page-copy{
    padding-top:15px!important;
  }
  #bb-test-font-lock.product-page .shop-info{
    padding:32px 23px 38px!important;
  }
  #bb-test-font-lock.product-page .product-details-panel{
    padding:34px 22px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  #bb-test-font-lock:not(.category-page):not(.arcade-page) :is(
    .bb-modern-card,.home-product,.bb-recent-card,.bb-account-summary-card,.bb-guide-card,
    .bb-vault-card,.wishlist-card,.bb-sold-card,.bits-story-card,.bits-oddity,.bits-convention-card,
    .merch-card,.bb-mini-product,.btn,.shop-btn,.bb-save-later,.product-card-actions a,.product-card-actions button
  ){
    transition-duration:.01ms!important;
    transform:none!important;
  }
}