/* BJP Store approved typography, 2026-09-10.
   SIL OFL: bjp-manrope-OFL.txt and bjp-barlow-condensed-OFL.txt.
   Font overrides only; icon font declarations remain intact. */

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3jWuYMBYrp0xg.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3bWuYMBYro.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggmxSvfedN62Zw.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggexSvfedN4.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html:root { --template-font: "Manrope" !important; --template-headings-font: "Barlow Condensed" !important; }

html body,
html input,
html select,
html textarea,
html button,
html .button,
html .form-control,
html .sai-category-link,
html .sai-search__articles li .text,
html .bjp-category-faq,
html.external-fonts-loaded .btn,
html.external-fonts-loaded body,
html body.blank-mode,
html.external-fonts-loaded #navigation,
html.external-fonts-loaded .cart-table .main-link,
html.external-fonts-loaded .cart-related-name,
html .blank-mode .cart-table .main-link,
html .blank-mode .cart-related-name,
html.external-fonts-loaded .price-final,
html.external-fonts-loaded .price-save,
html.external-fonts-loaded .price-standard,
html.external-fonts-loaded .products .name,
html .type-page .page-cards .row .info-item .icon-wrapper span,
html .type-manufacturers-listing .page-cards .row .info-item .icon-wrapper span,
html .bjp-mobile-purchase,
html .bjp-mobile-purchase button,
html .bjp-mobile-dock button,
html .bjp-mobile-dock:not([hidden]) {
  font-family: "Manrope", sans-serif !important;
}

html body :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.homepage-group-title),
html.external-fonts-loaded :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6),
html .benefitBanner .benefitBanner__item .benefitBanner__content .benefitBanner__title,
html #cboxContent #cboxLoadedContent .advanced-order .h1:not(.advanced-order-suggestion),
html .homepage-box.welcome-wrapper .welcome .custom-banner-caption h2,
html .content-wrapper-in .hp-news #newsWrapper.news-wrapper .news-item .text a.title,
html .type-detail .detail-custom-banner.custom-banner-box .custom-banner-caption h2,
html .type-detail .products-related-header,
html .cart-content .cart-header li.step strong span,
html .cart-content .cart-header li.step a span,
html .type-page .page-cards .row .info-item h3,
html .type-page .page-cards .row .info-item a,
html .type-manufacturers-listing .page-cards .row .info-item h3,
html .type-manufacturers-listing .page-cards .row .info-item a,
html .id--8 #register-form .co-registration fieldset>h4,
html .id--8 #register-form>fieldset>h4,
html .type-category #content .category-top h4,
html .type-manufacturer-detail #content .category-top h4,
html .in-index :is(.homepage-products-heading-4,.homepage-products-heading-1,.homepage-products-heading-9),
html .h4.homepage-group-title,
html body.in-blog.type-post .news-item-detail .text :is(h2,h3),
html body.type-detail .product-top .bjp-restock h2,
html #content .bjp-category-faq h2,
html #sai--code__category .sai-ProductWidget__title,
html [id^=sai--code__]:not(#sai--code__category):not(#sai--code__checkout_popup) .sai-ProductWidget__title {
  font-family: "Barlow Condensed", sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .015em;
}

html .type-index .homepage-group-title {
  font-size: 34px !important;
  line-height: 1.12 !important;
}
html .type-detail h1 {
  font-size: 36px;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}
html :is(.p-short-description,.basic-description) { font-weight: 400; }
html :is(.p-short-description,.basic-description) strong { font-weight: 700; }
@media (max-width: 767px) {
  html .type-index .homepage-group-title { font-size: 28px !important; }
  html .type-detail h1 { font-size: 28px !important; line-height: 1.1 !important; }
}