/* THE BACON BIN — REV274A EXACT TEST TITLE SYSTEM
   This intentionally mirrors the approved visual test instead of adapting it.
   Category pages with graphic logos remain untouched.
   Shop-by-Universe tile markup and imagery remain untouched. */

body.bb-unified-title-page{
  --bb-title-red:#ef3b35;
  --bb-title-text:#f5f4f1;
  --bb-title-muted:#94979d;
  --bb-title-line:#282b31;
}

.bb-unified-page-hero{
  position:relative!important;
  z-index:3!important;
  width:min(1380px,calc(100% - 56px))!important;
  min-height:290px!important;
  margin:0 auto!important;
  padding:68px 0 42px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)!important;
  gap:48px!important;
  align-items:end!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:transparent!important;
}
/* Full-bleed black/red atmosphere behind the title, matching the approved test. */
.bb-unified-page-hero::after{
  content:""!important;
  position:absolute!important;
  z-index:-3!important;
  top:0!important;
  bottom:0!important;
  left:50%!important;
  width:100vw!important;
  transform:translateX(-50%)!important;
  background:
    radial-gradient(circle at 22% 0%,rgba(239,59,53,.075),transparent 24%),
    radial-gradient(circle at 83% 18%,rgba(92,31,32,.09),transparent 28%),
    linear-gradient(180deg,#050505,#070708 58%,#040404)!important;
  pointer-events:none!important;
}
.bb-unified-page-hero::before{
  content:attr(data-ghost)!important;
  position:absolute!important;
  z-index:-1!important;
  left:-10px!important;
  bottom:-42px!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  color:transparent!important;
  -webkit-text-stroke:1px rgba(255,255,255,.035)!important;
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:clamp(118px,14.2vw,205px)!important;
  line-height:.8!important;
  font-weight:900!important;
  letter-spacing:-.075em!important;
  text-transform:uppercase!important;
  pointer-events:none!important;
  opacity:.95!important;
}
.bb-unified-page-title-wrap{position:relative!important;z-index:2!important;min-width:0!important}
.bb-unified-eyebrow{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  margin:0 0 13px!important;
  color:var(--bb-title-red)!important;
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}
.bb-unified-eyebrow::before{content:""!important;width:34px!important;height:2px!important;background:var(--bb-title-red)!important;flex:0 0 auto!important}
.bb-unified-page-title{
  margin:0!important;
  max-width:100%!important;
  color:var(--bb-title-text)!important;
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:clamp(72px,8.2vw,126px)!important;
  line-height:.78!important;
  font-weight:900!important;
  letter-spacing:-.065em!important;
  text-transform:uppercase!important;
  text-wrap:balance!important;
  font-style:normal!important;
}
.bb-unified-page-hero.bb-title-long .bb-unified-page-title{font-size:clamp(61px,7vw,104px)!important;line-height:.82!important}
.bb-unified-page-hero.bb-title-xlong .bb-unified-page-title{font-size:clamp(50px,5.9vw,88px)!important;line-height:.86!important;letter-spacing:-.055em!important}
.bb-unified-title-slash{
  color:var(--bb-title-red)!important;
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-weight:400!important;
  margin-left:.08em!important;
  letter-spacing:0!important;
}
.bb-unified-title-foot{width:150px!important;height:3px!important;margin-top:26px!important;background:linear-gradient(90deg,var(--bb-title-red),rgba(239,59,53,0))!important}
.bb-unified-page-copy{position:relative!important;z-index:2!important;padding:0 0 4px 30px!important;border-left:1px solid var(--bb-title-line)!important}
.bb-unified-page-copy strong{display:block!important;margin:0 0 10px!important;color:#fff!important;font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-size:12px!important;font-weight:900!important;letter-spacing:.11em!important;text-transform:uppercase!important}
.bb-unified-page-copy p{margin:0!important;max-width:460px!important;color:var(--bb-title-muted)!important;font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1.7!important}
.bb-unified-page-copy .bb-unified-mini{margin-top:15px!important;color:#5f6269!important;font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-size:9px!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important}
.bb-unified-divider{position:relative!important;z-index:3!important;width:min(1380px,calc(100% - 56px))!important;height:1px!important;margin:0 auto!important;background:linear-gradient(90deg,rgba(239,59,53,.44),#202228 36%,#15171b 100%)!important}

/* Shop section heading around the existing Universe tiles: approved test typography only.
   The tile grid itself is deliberately not selected or changed. */
body.bb-unified-title-page.shop-landing-page .universe-heading .catalog-kicker{
  color:#ef3b35!important;
  font:900 9px/1 "Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  margin-bottom:7px!important;
}
body.bb-unified-title-page.shop-landing-page .universe-heading h2{
  color:#f4f3ef!important;
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:clamp(30px,3.4vw,44px)!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
  text-transform:uppercase!important;
}

/* Keep the live site's existing header. The title system begins directly under it. */
body.bb-unified-title-page > .bb-site-header + .bb-unified-page-hero{margin-top:0}

/* Replace only old PAGE titles; content headings remain untouched. */
body.bb-unified-title-page.info-page .bb-info-shell > .catalog-kicker:first-child,
body.bb-unified-title-page.info-page .bb-info-shell > h1:first-of-type,
body.bb-unified-title-page.account-page .bb-info-shell > .catalog-kicker:first-child,
body.bb-unified-title-page.account-page .bb-info-shell > h1:first-of-type,
body.bb-unified-title-page.newsletter-page .bb-info-shell > .catalog-kicker:first-child,
body.bb-unified-title-page.newsletter-page .bb-info-shell > h1:first-of-type{display:none!important}

body.bb-unified-title-page.cart-page .cart-main > .catalog-kicker:first-child,
body.bb-unified-title-page.cart-page .cart-main > h1:first-of-type{display:none!important}

body.bb-unified-title-page.shop-landing-page #categories > .catalog-heading:first-child,
body.bb-unified-title-page.wishlist-page .wishlist-section > .catalog-heading:first-child,
body.bb-unified-title-page.search-page .search-results-section > .catalog-heading:first-child{display:none!important}

body.bb-unified-title-page.category-action-figures .category-shell > .category-hero:first-child,
body.bb-unified-title-page.category-collectibles .category-shell > .category-hero:first-child,
body.bb-unified-title-page.category-grail .category-shell > .category-hero:first-child{display:none!important}

body.bb-unified-title-page.bits-page .bits-pulp-hero-v261 .catalog-kicker,
body.bb-unified-title-page.bits-page .bits-pulp-hero-v261 h1,
body.bb-unified-title-page.merch-page .merch-hero .merch-kicker,
body.bb-unified-title-page.merch-page .merch-hero h1,
body.bb-unified-title-page.bb-guide-page .bb-guide-hero .catalog-kicker,
body.bb-unified-title-page.bb-guide-page .bb-guide-hero h1,
body.bb-unified-title-page.sold-archive-page .bb-sold-hero .catalog-kicker,
body.bb-unified-title-page.sold-archive-page .bb-sold-hero h1,
body.bb-unified-title-page.bb-vault-page .bb-vault-hero .catalog-kicker,
body.bb-unified-title-page.bb-vault-page .bb-vault-hero h1{display:none!important}

/* Once their duplicate page titles are removed, these existing feature heroes become supporting content/art. */
body.bb-unified-title-page.bits-page .bits-pulp-hero-v261,
body.bb-unified-title-page.merch-page .merch-hero,
body.bb-unified-title-page.bb-guide-page .bb-guide-hero,
body.bb-unified-title-page.sold-archive-page .bb-sold-hero,
body.bb-unified-title-page.bb-vault-page .bb-vault-hero{margin-top:26px}

/* Slightly normalize the first content block after the new title system. */
body.bb-unified-title-page .bb-info-shell,
body.bb-unified-title-page .category-shell,
body.bb-unified-title-page .cart-shell,
body.bb-unified-title-page .bb-guide-main,
body.bb-unified-title-page .bb-sold-archive-main,
body.bb-unified-title-page .bb-vault-main,
body.bb-unified-title-page .merch-main,
body.bb-unified-title-page .bits-newsroom{padding-top:clamp(28px,3vw,46px)}

/* Preferences page: keep the established account-page scale but polish the wording/card surface. */
body.bb-unified-title-page.newsletter-page .bb-preference-card{border-color:rgba(255,255,255,.085)!important;border-top-color:rgba(239,59,53,.32)!important;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.004)),radial-gradient(circle at 100% 0%,rgba(239,59,53,.07),transparent 34%),rgba(8,9,11,.78)!important;box-shadow:none!important}
body.bb-unified-title-page.newsletter-page .bb-preference-card h2{font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-weight:850!important;letter-spacing:-.025em!important}
body.bb-unified-title-page.newsletter-page .bb-preference-card:last-child button{background:#202329!important;border:1px solid #34373e!important;color:#f4f4f4!important}

@media(max-width:980px){
  .bb-unified-page-hero{grid-template-columns:1fr;min-height:auto;gap:26px;padding-top:52px}
  .bb-unified-page-copy{padding-left:0;border-left:0;max-width:650px}
  .bb-unified-page-hero::before{font-size:clamp(108px,20vw,160px);bottom:-24px}
}
@media(max-width:680px){
  .bb-unified-page-hero,.bb-unified-divider{width:min(100% - 28px,1380px)}
  .bb-unified-page-hero{padding:42px 0 30px;gap:22px}
  .bb-unified-page-title{font-size:clamp(58px,18vw,84px);line-height:.82}
  .bb-unified-page-hero.bb-title-long .bb-unified-page-title{font-size:clamp(50px,15vw,72px)}
  .bb-unified-page-hero.bb-title-xlong .bb-unified-page-title{font-size:clamp(42px,12.4vw,62px);line-height:.9}
  .bb-unified-title-foot{margin-top:19px;width:104px}
  .bb-unified-page-copy p{font-size:13px}
  .bb-unified-page-hero::before{left:-4px;bottom:-12px;font-size:clamp(86px,27vw,128px)}
}

/* Rev274A Shop: carry the approved test page composition into the real Shop page.
   The Universe tile elements themselves are deliberately not restyled here. */
body.shop-landing-page.bb-unified-title-page{
  background:#030303!important;
}
body.shop-landing-page.bb-unified-title-page::before{
  opacity:0!important;
  background:none!important;
}
body.shop-landing-page.bb-unified-title-page::after{
  background:
    radial-gradient(circle at 22% 0%,rgba(239,59,53,.065),transparent 24%),
    radial-gradient(circle at 83% 18%,rgba(92,31,32,.075),transparent 28%),
    linear-gradient(180deg,#050505 0%,#070708 48%,#030303 100%)!important;
}
body.shop-landing-page.bb-unified-title-page main,
body.shop-landing-page.bb-unified-title-page .catalog-section{
  background:transparent!important;
}
body.shop-landing-page.bb-unified-title-page .catalog-section{
  padding-top:42px!important;
}
body.shop-landing-page.bb-unified-title-page .universe-browser{
  margin:0 auto 38px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
body.shop-landing-page.bb-unified-title-page .universe-browser::after{
  display:none!important;
  content:none!important;
}
body.shop-landing-page.bb-unified-title-page .universe-heading{
  margin-bottom:20px!important;
}
@media(max-width:680px){
  body.shop-landing-page.bb-unified-title-page .catalog-section{padding-top:32px!important}
}