@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* THE BACON BIN — REV274B EXACT TEST FONT LOCK
   Approved source of truth: bacon-bin-unified-title-test.html
   The test uses one typography stack everywhere:
   Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif.
   This file loads LAST and prevents the legacy Bahnschrift / Arial Black /
   Impact / condensed display stacks from rendering anywhere on the site.
   Font Awesome is deliberately excluded so icons remain functional. */

:root{
  --bb-test-font:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --bb-nav-face:var(--bb-test-font)!important;
  --bb-copy-face:var(--bb-test-font)!important;
  --bb-condensed:var(--bb-test-font)!important;
  --bb-display:var(--bb-test-font)!important;
  --bb-heading:var(--bb-test-font)!important;
}

html,
body#bb-test-font-lock{
  font-family:var(--bb-test-font)!important;
}

/* ID specificity is intentional: this is the final typography authority. */
#bb-test-font-lock *:not(.fa):not(.fas):not(.far):not(.fab):not([class^="fa-"]):not([class*=" fa-"]){
  font-family:var(--bb-test-font)!important;
}

/* Text generated by CSS should use the same approved test font too. */
#bb-test-font-lock *:not(.fa):not(.fas):not(.far):not(.fab):not([class^="fa-"]):not([class*=" fa-"])::before,
#bb-test-font-lock *:not(.fa):not(.fas):not(.far):not(.fab):not([class^="fa-"]):not([class*=" fa-"])::after{
  font-family:var(--bb-test-font)!important;
}

/* Preserve Font Awesome glyph rendering. */
#bb-test-font-lock .fa,
#bb-test-font-lock .fas,
#bb-test-font-lock .far{
  font-family:"Font Awesome 5 Free"!important;
}
#bb-test-font-lock .fab{
  font-family:"Font Awesome 5 Brands"!important;
}

/* Exact approved test-page title font behavior. */
#bb-test-font-lock .bb-unified-page-title,
#bb-test-font-lock .bb-unified-page-hero::before{
  font-family:var(--bb-test-font)!important;
  font-weight:900!important;
}
#bb-test-font-lock .bb-unified-page-title{
  text-transform:uppercase!important;
}
#bb-test-font-lock .bb-unified-title-slash{
  font-family:var(--bb-test-font)!important;
  font-weight:400!important;
}

/* =========================================================
   THE BACON BIN — REV274F
   REAL PRODUCT TYPOGRAPHY REDUCTION
   Typography only: no geometry, photography, buttons, hero art,
   category logos/backgrounds, or card dimensions are changed.
   ========================================================= */

/* CATEGORY PRODUCT CARDS — title + price only. */
body#bb-test-font-lock.category-page .product-card h3{
  font-size:clamp(18px,1.30vw,23px)!important;
  line-height:1.08!important;
  letter-spacing:-.010em!important;
  margin-bottom:11px!important;
}
body#bb-test-font-lock.category-page .product-card-meta b{
  font-size:16px!important;
  line-height:1!important;
}

/* ACTUAL PRODUCT DETAIL PAGE — deliberately stronger specificity so
   this still wins even if the earlier Rev274E sheet is cached/loaded. */
html body#bb-test-font-lock.product-page .shop-info > h1{
  font-size:clamp(26px,2vw,36px)!important;
  line-height:1.01!important;
  letter-spacing:-.026em!important;
  margin-bottom:15px!important;
}
html body#bb-test-font-lock.product-page .shop-info > .shop-price{
  font-size:clamp(21px,1.5vw,26px)!important;
  line-height:1!important;
  letter-spacing:-.012em!important;
  margin-bottom:15px!important;
}

@media(max-width:720px){
  body#bb-test-font-lock.category-page .product-card h3{
    font-size:16px!important;
    line-height:1.10!important;
    margin-bottom:9px!important;
  }
  body#bb-test-font-lock.category-page .product-card-meta b{
    font-size:15px!important;
  }
  html body#bb-test-font-lock.product-page .shop-info > h1{
    font-size:clamp(25px,7vw,32px)!important;
  }
  html body#bb-test-font-lock.product-page .shop-info > .shop-price{
    font-size:clamp(20px,5.4vw,24px)!important;
  }
}