/* BNW tweaks 2026-11-13 (loaded after bnw-fixes.css). Colours use this theme's own palette. */ /* 1. Product cards: same look as the live theme — very light cream card, thin warm border, square corners; image area slightly darker cream, edge to edge */ html body product-item{ background:#FBF8F3!important; border:1px solid #E4DCCD!important; border-radius:0!important; overflow:hidden; } html body .product-card{background:transparent!important;border-radius:0!important} html body .product-card__image, html body .product-card__image.block{background:#F5F0E8!important;border-radius:0!important;border:0!important} html body .product-card__image-wrapper, html body .product-card .media, html body .product-card .media img{border-radius:0!important;background:transparent!important} /* 2. Product titles: up to 2 lines (was cut to 1 line with an ellipsis) */ html body .product-card__title a, html body .product-card__title{ white-space:normal!important; text-overflow:clip!important; display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; line-clamp:2; overflow:hidden!important; } html body .product-card__title a{min-height:2.6em} @media (max-width:959px){ html body .product-card__title a{font-size:15px!important;line-height:1.3!important} } /* 3. Home trust numbers under the banner: compact single row; auto-scrolls on phones/tablets */ .bnw-ticker-sec .bnw-ticker__track{display:contents} .bnw-ticker-sec .bnw-ticker__clone{display:none!important} @media (min-width:960px){ #shopline-section-template--index__bnw-trust-numbers > *{padding-top:24px!important;padding-bottom:24px!important} } @media (max-width:959px){ #shopline-section-template--index__bnw-trust-numbers > *{padding-top:10px!important;padding-bottom:10px!important} .bnw-ticker-sec .bnw-ticker{display:block!important;overflow:hidden!important;grid-template-columns:none!important;width:100%!important;max-width:100%!important} .bnw-ticker-sec .bnw-ticker__track{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;animation:bnwTicker 24s linear infinite;will-change:transform} .bnw-ticker-sec .bnw-ticker__clone{display:flex!important} .bnw-ticker-sec .bnw-ticker__item{flex:0 0 auto!important;width:auto!important;max-width:none!important;min-width:0!important;display:flex!important;padding:0 18px!important;margin:0!important} .bnw-ticker-sec .bnw-ticker__item .multicolumn-card, .bnw-ticker-sec .bnw-ticker__item > *{display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:6px!important;padding:0!important;margin:0!important;width:auto!important} .bnw-ticker-sec .bnw-ticker__item p{margin:0!important;padding:0!important;white-space:nowrap!important} .bnw-ticker-sec .bnw-ticker__item .block-heading{font-size:20px!important;line-height:1.2!important} .bnw-ticker-sec .bnw-ticker__item .body-font{font-size:13px!important;line-height:1.2!important} .bnw-ticker-sec .bnw-ticker:active .bnw-ticker__track{animation-play-state:paused} } @keyframes bnwTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media (prefers-reduced-motion:reduce){.bnw-ticker-sec .bnw-ticker__track{animation-duration:60s}} /* 4. Compact product cards (2026-11-13): tighter text area, smaller title, slimmer button */ html body .product-card__info--below{gap:4px!important;padding-top:8px!important;padding-bottom:0!important} html body .product-card__title a{font-size:16px!important;line-height:1.25!important;min-height:2.5em} html body .product-card .ssr-plugin-comment-product-card-star-block{margin:0!important;line-height:1} html body .product-card__price{min-height:0!important;height:auto!important;margin-top:2px!important} html body .product-card__buy-buttons--below{margin-top:6px!important} html body .product-card__buy-buttons--below .quickadd_button.button{min-height:38px!important;height:38px!important;padding-top:0!important;padding-bottom:0!important} html body product-item{padding-bottom:10px!important} html body .product-card__extras{padding-top:4px!important} @media (max-width:959px){ html body .product-card__title a{font-size:14px!important} html body .product-card__buy-buttons--below .quickadd_button.button{min-height:34px!important;height:34px!important;font-size:11px!important} } /* 5. Collection grid switcher (2/3/4 columns on desktop, 1/2 on phones) works again: an older rule in bnw-fixes.css forced 4 / 2 columns and ignored the switcher. */ @media (min-width:960px){ html body .main-collection__list.card-grid{grid-template-columns:repeat(var(--columns,4),minmax(0,1fr))!important} } @media (max-width:959px){ html body .main-collection__list.card-grid{grid-template-columns:repeat(var(--mobile-columns,2),minmax(0,1fr))!important} } /* 6. Sale price in red (same red as the discount badge) when the product has a compare-at price; compare-at stays grey and struck through */ html body .product-price:has(.product-price__item--compare) .product-price__item:not(.product-price__item--compare), html body .product-price:has(.product-price__item--compare) .product-price__item:not(.product-price__item--compare) *{color:#8B3232!important} /* 7. Compare-at price and current price on one line in product cards: $79.00 $59.00 */ html body .product-card__price .product-price{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:baseline!important;gap:8px!important;white-space:nowrap!important} html body .product-card__price .product-price > *{display:inline-block!important;margin:0!important;width:auto!important} html body .product-card__price .product-price__item--compare{order:0;font-size:.85em!important} html body .product-card__price .product-price__item:not(.product-price__item--compare){order:1} @media (max-width:959px){ html body .product-card__price .product-price{gap:5px!important} html body .product-card__price .product-price__item--compare{font-size:.8em!important} } /* 8. Card actions: the extra "Compare" pill is removed (it covered the image on phones). Wishlist / quick view / compare stay as the theme's own round icons in the image corner; on phones (no hover) they are always visible. */ html body .product-card .bnw-compare-pill{display:none!important} html body .product-card .product-card__hover-actions{top:8px!important;right:8px!important} @media (max-width:959px){ html body .product-card .product-card__hover-actions{display:flex!important;flex-direction:column!important;gap:6px!important;top:6px!important;right:6px!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important} html body .product-card .product-card__hover-actions .product-card__icon-btn{display:flex!important;opacity:1!important;visibility:visible!important;width:28px!important;height:28px!important;min-width:28px!important} } /* 9. HOMEPAGE DESIGN SYSTEM (2026-11-13) One rule set for every homepage section so titles, spacing, alignment and backgrounds match. - Section title: 40px / 600 (phones 28px). Centred for full-width sections, left-aligned in split (image + text) sections. - Eyebrow: 12px uppercase, tracked. - Vertical rhythm: 80px top/bottom (phones 48px). - Backgrounds alternate: white / light green (#F3F6EF). */ #shopline-section-template--index__bnw-best-sellers, #shopline-section-template--index__off-ways-1, #shopline-section-template--index__1793969008764e592007, #shopline-section-template--index__off-ways-4, #shopline-section-template--index__bnw-how, #shopline-section-template--index__off-vs, #shopline-section-template--index__customer-reviews, #shopline-section-template--index__1788177110691e7a8f60, #shopline-section-template--index__bnw-new-arrivals, #shopline-section-template--index__bnw-membership, #shopline-section-template--index__off-faq{padding-top:80px!important;padding-bottom:80px!important} #shopline-section-template--index__bnw-best-sellers [class*="page-section"],#shopline-section-template--index__bnw-best-sellers [class$="-section"], #shopline-section-template--index__off-ways-1 [class*="page-section"],#shopline-section-template--index__off-ways-1 [class$="-section"], #shopline-section-template--index__1793969008764e592007 [class*="page-section"],#shopline-section-template--index__1793969008764e592007 [class$="-section"], #shopline-section-template--index__off-ways-4 [class*="page-section"],#shopline-section-template--index__off-ways-4 [class$="-section"], #shopline-section-template--index__bnw-how [class*="page-section"],#shopline-section-template--index__bnw-how [class$="-section"], #shopline-section-template--index__off-vs [class*="page-section"],#shopline-section-template--index__off-vs [class$="-section"], #shopline-section-template--index__customer-reviews [class*="page-section"],#shopline-section-template--index__customer-reviews [class$="-section"], #shopline-section-template--index__1788177110691e7a8f60 [class*="page-section"],#shopline-section-template--index__1788177110691e7a8f60 [class$="-section"], #shopline-section-template--index__bnw-new-arrivals [class*="page-section"],#shopline-section-template--index__bnw-new-arrivals [class$="-section"], #shopline-section-template--index__bnw-membership [class*="page-section"],#shopline-section-template--index__bnw-membership [class$="-section"], #shopline-section-template--index__off-faq [class*="page-section"],#shopline-section-template--index__off-faq [class$="-section"]{padding-top:0!important;padding-bottom:0!important;background:transparent!important;margin-top:0!important;margin-bottom:0!important} #shopline-section-template--index__bnw-best-sellers,#shopline-section-template--index__1793969008764e592007,#shopline-section-template--index__bnw-how,#shopline-section-template--index__customer-reviews,#shopline-section-template--index__bnw-new-arrivals,#shopline-section-template--index__off-faq{background:#FFFFFF!important} #shopline-section-template--index__off-ways-1,#shopline-section-template--index__off-ways-4,#shopline-section-template--index__off-vs,#shopline-section-template--index__1788177110691e7a8f60,#shopline-section-template--index__bnw-membership{background:#F3F6EF!important} #shopline-section-template--index__bnw-trust-numbers{background:#FFFFFF;border-top:1px solid rgb(var(--color-text) / .08);border-bottom:1px solid rgb(var(--color-text) / .08)} #shopline-section-template--index__bnw-best-sellers{padding-bottom:40px!important} #shopline-section-template--index__bnw-new-arrivals{padding-top:80px!important} /* titles */ #shopline-section-template--index__bnw-best-sellers h2.block-heading,#shopline-section-template--index__bnw-best-sellers p.block-heading:not(.title3),#shopline-section-template--index__bnw-best-sellers .block-heading.title1,#shopline-section-template--index__bnw-best-sellers .block-heading.title2, #shopline-section-template--index__off-ways-1 h2.block-heading,#shopline-section-template--index__off-ways-1 p.block-heading:not(.title3),#shopline-section-template--index__off-ways-1 .block-heading.title1,#shopline-section-template--index__off-ways-1 .block-heading.title2, #shopline-section-template--index__1793969008764e592007 h2.block-heading,#shopline-section-template--index__1793969008764e592007 p.block-heading:not(.title3),#shopline-section-template--index__1793969008764e592007 .block-heading.title1,#shopline-section-template--index__1793969008764e592007 .block-heading.title2, #shopline-section-template--index__off-ways-4 h2.block-heading,#shopline-section-template--index__off-ways-4 p.block-heading:not(.title3),#shopline-section-template--index__off-ways-4 .block-heading.title1,#shopline-section-template--index__off-ways-4 .block-heading.title2, #shopline-section-template--index__bnw-how h2.block-heading,#shopline-section-template--index__bnw-how p.block-heading:not(.title3),#shopline-section-template--index__bnw-how .block-heading.title1,#shopline-section-template--index__bnw-how .block-heading.title2, #shopline-section-template--index__off-vs h2.block-heading,#shopline-section-template--index__off-vs p.block-heading:not(.title3),#shopline-section-template--index__off-vs .block-heading.title1,#shopline-section-template--index__off-vs .block-heading.title2, #shopline-section-template--index__customer-reviews h2.block-heading,#shopline-section-template--index__customer-reviews p.block-heading:not(.title3),#shopline-section-template--index__customer-reviews .block-heading.title1,#shopline-section-template--index__customer-reviews .block-heading.title2, #shopline-section-template--index__1788177110691e7a8f60 h2.block-heading,#shopline-section-template--index__1788177110691e7a8f60 p.block-heading:not(.title3),#shopline-section-template--index__1788177110691e7a8f60 .block-heading.title1,#shopline-section-template--index__1788177110691e7a8f60 .block-heading.title2, #shopline-section-template--index__bnw-new-arrivals h2.block-heading,#shopline-section-template--index__bnw-new-arrivals p.block-heading:not(.title3),#shopline-section-template--index__bnw-new-arrivals .block-heading.title1,#shopline-section-template--index__bnw-new-arrivals .block-heading.title2, #shopline-section-template--index__bnw-membership h2.block-heading,#shopline-section-template--index__bnw-membership p.block-heading:not(.title3),#shopline-section-template--index__bnw-membership .block-heading.title1,#shopline-section-template--index__bnw-membership .block-heading.title2, #shopline-section-template--index__off-faq h2.block-heading,#shopline-section-template--index__off-faq p.block-heading:not(.title3),#shopline-section-template--index__off-faq .block-heading.title1,#shopline-section-template--index__off-faq .block-heading.title2, #shopline-section-template--index__1793969008764e592007 .bnw-kf__heading, #shopline-section-template--index__customer-reviews .customer-reviews__heading, #shopline-section-template--index__off-ways-4 .block-heading{ font-size:40px!important;font-weight:600!important;line-height:1.15!important;letter-spacing:-0.01em!important;margin:0!important; } #shopline-section-template--index__bnw-best-sellers .block-heading,#shopline-section-template--index__bnw-best-sellers .block-subheading,#shopline-section-template--index__bnw-best-sellers .block-description,#shopline-section-template--index__bnw-best-sellers .block-text, #shopline-section-template--index__off-ways-1 .block-heading,#shopline-section-template--index__off-ways-1 .block-subheading,#shopline-section-template--index__off-ways-1 .block-description,#shopline-section-template--index__off-ways-1 .block-text, #shopline-section-template--index__1793969008764e592007 .block-heading,#shopline-section-template--index__1793969008764e592007 .block-subheading,#shopline-section-template--index__1793969008764e592007 .block-description,#shopline-section-template--index__1793969008764e592007 .block-text, #shopline-section-template--index__off-ways-4 .block-heading,#shopline-section-template--index__off-ways-4 .block-subheading,#shopline-section-template--index__off-ways-4 .block-description,#shopline-section-template--index__off-ways-4 .block-text, #shopline-section-template--index__off-vs .block-heading,#shopline-section-template--index__off-vs .block-subheading,#shopline-section-template--index__off-vs .block-description,#shopline-section-template--index__off-vs .block-text, #shopline-section-template--index__customer-reviews .block-heading,#shopline-section-template--index__customer-reviews .block-subheading,#shopline-section-template--index__customer-reviews .block-description,#shopline-section-template--index__customer-reviews .block-text, #shopline-section-template--index__1788177110691e7a8f60 .block-heading,#shopline-section-template--index__1788177110691e7a8f60 .block-subheading,#shopline-section-template--index__1788177110691e7a8f60 .block-description,#shopline-section-template--index__1788177110691e7a8f60 .block-text, #shopline-section-template--index__bnw-new-arrivals .block-heading,#shopline-section-template--index__bnw-new-arrivals .block-subheading,#shopline-section-template--index__bnw-new-arrivals .block-description,#shopline-section-template--index__bnw-new-arrivals .block-text, #shopline-section-template--index__1793969008764e592007 .bnw-kf__heading,#shopline-section-template--index__customer-reviews .customer-reviews__heading{text-align:center!important;margin-left:auto!important;margin-right:auto!important} #shopline-section-template--index__1788177110691e7a8f60 .block-heading{width:100%} #shopline-section-template--index__1788177110691e7a8f60 > * > * > *:not([class*="list"]){align-items:center!important} /* eyebrow */ #shopline-section-template--index__bnw-best-sellers .block-subheading,#shopline-section-template--index__off-ways-1 .block-subheading,#shopline-section-template--index__1793969008764e592007 .block-subheading,#shopline-section-template--index__off-ways-4 .block-subheading,#shopline-section-template--index__bnw-how .block-subheading,#shopline-section-template--index__off-vs .block-subheading,#shopline-section-template--index__customer-reviews .block-subheading,#shopline-section-template--index__1788177110691e7a8f60 .block-subheading,#shopline-section-template--index__bnw-new-arrivals .block-subheading,#shopline-section-template--index__bnw-membership .block-subheading,#shopline-section-template--index__off-faq .block-subheading,#shopline-section-template--index__1793969008764e592007 .bnw-kf__eyebrow{font-size:12px!important;letter-spacing:.16em!important;text-transform:uppercase!important;font-weight:600!important;opacity:.7} /* section intro text */ #shopline-section-template--index__bnw-best-sellers .block-description,#shopline-section-template--index__off-ways-1 .block-description,#shopline-section-template--index__1793969008764e592007 .block-description,#shopline-section-template--index__off-ways-4 .block-description,#shopline-section-template--index__bnw-how .block-description,#shopline-section-template--index__off-vs .block-description,#shopline-section-template--index__customer-reviews .block-description,#shopline-section-template--index__1788177110691e7a8f60 .block-description,#shopline-section-template--index__bnw-new-arrivals .block-description,#shopline-section-template--index__bnw-membership .block-description,#shopline-section-template--index__off-faq .block-description{font-size:16px!important;line-height:1.5!important;max-width:640px} @media (max-width:959px){ #shopline-section-template--index__bnw-best-sellers,#shopline-section-template--index__off-ways-1,#shopline-section-template--index__1793969008764e592007,#shopline-section-template--index__off-ways-4,#shopline-section-template--index__bnw-how,#shopline-section-template--index__off-vs,#shopline-section-template--index__customer-reviews,#shopline-section-template--index__1788177110691e7a8f60,#shopline-section-template--index__bnw-new-arrivals,#shopline-section-template--index__bnw-membership,#shopline-section-template--index__off-faq{padding-top:48px!important;padding-bottom:48px!important} #shopline-section-template--index__bnw-best-sellers{padding-bottom:24px!important} #shopline-section-template--index__bnw-best-sellers h2.block-heading,#shopline-section-template--index__bnw-best-sellers p.block-heading:not(.title3),#shopline-section-template--index__bnw-best-sellers .block-heading.title1,#shopline-section-template--index__bnw-best-sellers .block-heading.title2, #shopline-section-template--index__off-ways-1 h2.block-heading,#shopline-section-template--index__off-ways-1 p.block-heading:not(.title3),#shopline-section-template--index__off-ways-1 .block-heading.title1,#shopline-section-template--index__off-ways-1 .block-heading.title2, #shopline-section-template--index__1793969008764e592007 h2.block-heading,#shopline-section-template--index__1793969008764e592007 p.block-heading:not(.title3),#shopline-section-template--index__1793969008764e592007 .block-heading.title1,#shopline-section-template--index__1793969008764e592007 .block-heading.title2, #shopline-section-template--index__off-ways-4 h2.block-heading,#shopline-section-template--index__off-ways-4 p.block-heading:not(.title3),#shopline-section-template--index__off-ways-4 .block-heading.title1,#shopline-section-template--index__off-ways-4 .block-heading.title2, #shopline-section-template--index__bnw-how h2.block-heading,#shopline-section-template--index__bnw-how p.block-heading:not(.title3),#shopline-section-template--index__bnw-how .block-heading.title1,#shopline-section-template--index__bnw-how .block-heading.title2, #shopline-section-template--index__off-vs h2.block-heading,#shopline-section-template--index__off-vs p.block-heading:not(.title3),#shopline-section-template--index__off-vs .block-heading.title1,#shopline-section-template--index__off-vs .block-heading.title2, #shopline-section-template--index__customer-reviews h2.block-heading,#shopline-section-template--index__customer-reviews p.block-heading:not(.title3),#shopline-section-template--index__customer-reviews .block-heading.title1,#shopline-section-template--index__customer-reviews .block-heading.title2, #shopline-section-template--index__1788177110691e7a8f60 h2.block-heading,#shopline-section-template--index__1788177110691e7a8f60 p.block-heading:not(.title3),#shopline-section-template--index__1788177110691e7a8f60 .block-heading.title1,#shopline-section-template--index__1788177110691e7a8f60 .block-heading.title2, #shopline-section-template--index__bnw-new-arrivals h2.block-heading,#shopline-section-template--index__bnw-new-arrivals p.block-heading:not(.title3),#shopline-section-template--index__bnw-new-arrivals .block-heading.title1,#shopline-section-template--index__bnw-new-arrivals .block-heading.title2, #shopline-section-template--index__bnw-membership h2.block-heading,#shopline-section-template--index__bnw-membership p.block-heading:not(.title3),#shopline-section-template--index__bnw-membership .block-heading.title1,#shopline-section-template--index__bnw-membership .block-heading.title2, #shopline-section-template--index__off-faq h2.block-heading,#shopline-section-template--index__off-faq p.block-heading:not(.title3),#shopline-section-template--index__off-faq .block-heading.title1,#shopline-section-template--index__off-faq .block-heading.title2, #shopline-section-template--index__1793969008764e592007 .bnw-kf__heading,#shopline-section-template--index__customer-reviews .customer-reviews__heading,#shopline-section-template--index__off-ways-4 .block-heading{font-size:28px!important} } /* FAQ on the homepage: compact accordion (answers open on tap) */ #shopline-section-template--index__off-faq .faq-question{border-bottom:1px solid rgb(var(--color-text) / .12);padding:16px 0!important;gap:0!important;flex-direction:column!important} #shopline-section-template--index__off-faq .faq-question > h4{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0!important;width:100%} #shopline-section-template--index__off-faq .faq-question > h4::after{content:"+";font-size:22px;line-height:1;font-weight:400;flex:0 0 auto} #shopline-section-template--index__off-faq .faq-question.is-open > h4::after{content:"–"} #shopline-section-template--index__off-faq .faq-question > .rte{display:none;padding-top:10px} #shopline-section-template--index__off-faq .faq-question.is-open > .rte{display:block} /* trust strip: 8 short facts in one calm row on desktop */ @media (min-width:960px){ #shopline-section-template--index__bnw-trust-numbers .block-heading{font-size:26px!important;font-weight:600!important;line-height:1.2!important} #shopline-section-template--index__bnw-trust-numbers .body-font{font-size:13px!important;opacity:.75} #shopline-section-template--index__bnw-trust-numbers > *{padding-top:20px!important;padding-bottom:20px!important} } /* membership + FAQ fine-tuning */ #shopline-section-template--index__bnw-membership .block-heading{font-size:40px!important;font-weight:600!important;line-height:1.15!important;letter-spacing:-0.01em!important} #shopline-section-template--index__off-faq .faq-section *{min-height:0!important} #shopline-section-template--index__off-faq .faq-section div{padding-top:0!important;padding-bottom:0!important} #shopline-section-template--index__off-faq .faq-question{padding:16px 0!important} #shopline-section-template--index__off-faq .faq-question > .rte{padding-top:10px!important} @media (max-width:959px){ #shopline-section-template--index__bnw-membership .block-heading{font-size:28px!important} #shopline-section-template--index__off-faq .faq-section .page-section > div + div{margin-top:16px!important} } /* product cards: keep the price row clean — the "5% off" hint shows on product pages only (the site-wide 5% offer is already in the banner and top bar) */ html body .product-card .bnw-promo-price,html body product-item .bnw-promo-price{display:none!important} /* category / gift tiles: centred names under the images */ #shopline-section-template--index__off-ways-1 .collection-card__title,#shopline-section-template--index__off-ways-1 [class*="collection-card"] [class*="title"], #shopline-section-template--index__off-ways-4 .collection-card__title,#shopline-section-template--index__off-ways-4 [class*="collection-card"] [class*="title"]{text-align:center!important;width:100%;justify-content:center} /* UGC intro text centred like its title */ #shopline-section-template--index__1788177110691e7a8f60 .block-text,#shopline-section-template--index__1788177110691e7a8f60 p:not(.block-heading){text-align:center!important} @media (max-width:959px){ #shopline-section-template--index__bnw-how [class*="media"]:has(img){order:-1!important} #shopline-section-template--index__bnw-how img{aspect-ratio:16/9;object-fit:cover} } /* 10. WARM PALETTE (2026-11-13) — cream backgrounds + amber accent; green stays as the brand/button colour */ :root{--bnw-cream-1:#FBF8F3;--bnw-cream-2:#F3ECE0;--bnw-amber:#A9782A;--bnw-line:rgb(43 33 24 / .1)} #shopline-section-template--index__bnw-best-sellers,#shopline-section-template--index__1793969008764e592007,#shopline-section-template--index__bnw-how,#shopline-section-template--index__customer-reviews,#shopline-section-template--index__bnw-new-arrivals,#shopline-section-template--index__off-faq{background:var(--bnw-cream-1)!important} #shopline-section-template--index__off-ways-1,#shopline-section-template--index__off-ways-4,#shopline-section-template--index__off-vs,#shopline-section-template--index__1788177110691e7a8f60,#shopline-section-template--index__bnw-membership{background:var(--bnw-cream-2)!important} #shopline-section-template--index__bnw-trust-numbers{background:#FFFFFF!important;border-color:var(--bnw-line)!important} #shopline-section-template--index__customer-reviews .customer-reviews-section,#shopline-section-template--index__customer-reviews [class*="customer-reviews"]{background:transparent!important} #shopline-section-template--index__1788177110691e7a8f60 .shoppable-media-section{background:transparent!important} /* eyebrows + stars + small labels in amber */ #shopline-section-template--index__bnw-best-sellers .block-subheading,#shopline-section-template--index__off-ways-1 .block-subheading,#shopline-section-template--index__off-ways-4 .block-subheading,#shopline-section-template--index__bnw-how .block-subheading,#shopline-section-template--index__off-vs .block-subheading,#shopline-section-template--index__bnw-membership .block-subheading,#shopline-section-template--index__off-faq .block-subheading, #shopline-section-template--index__1793969008764e592007 .bnw-kf__eyebrow,#shopline-section-template--index__customer-reviews .customer-reviews__link{color:var(--bnw-amber)!important;opacity:1!important} #shopline-section-template--index__customer-reviews .customer-reviews__heading em,#shopline-section-template--index__customer-reviews .customer-reviews__heading span{color:var(--bnw-amber)!important} #shopline-section-template--index__1793969008764e592007 .bnw-kf,#shopline-section-template--index__1793969008764e592007 [class*="bnw-kf__panel"],#shopline-section-template--index__1793969008764e592007 [class*="bnw-kf__card"]{background:#fff!important;border-color:var(--bnw-line)!important} #shopline-section-template--index__off-faq .faq-question{border-color:var(--bnw-line)!important} /* product cards: white on cream so they lift off the page */ html body product-item{background:#FFFFFF!important;border-color:var(--bnw-line)!important} html body .product-card__image,html body .product-card__image.block{background:var(--bnw-cream-1)!important} /* 11. trust strip: 4 facts, ticker on every screen size; category section joins the design system */ #shopline-section-template--index__bnw-trust-numbers > *{padding-top:14px!important;padding-bottom:14px!important} .bnw-ticker-sec .bnw-ticker{display:block!important;overflow:hidden!important;grid-template-columns:none!important;width:100%!important;max-width:100%!important} .bnw-ticker-sec .bnw-ticker__track{display:flex!important;flex-wrap:nowrap!important;width:max-content!important;animation:bnwTicker 28s linear infinite;will-change:transform} .bnw-ticker-sec .bnw-ticker__clone{display:flex!important} .bnw-ticker-sec .bnw-ticker__item{flex:0 0 auto!important;width:auto!important;max-width:none!important;min-width:0!important;display:flex!important;padding:0 40px!important;margin:0!important} .bnw-ticker-sec .bnw-ticker__item .multicolumn-card,.bnw-ticker-sec .bnw-ticker__item > *{display:flex!important;flex-direction:row!important;align-items:baseline!important;gap:8px!important;padding:0!important;margin:0!important;width:auto!important} .bnw-ticker-sec .bnw-ticker__item p{margin:0!important;padding:0!important;white-space:nowrap!important} .bnw-ticker-sec .bnw-ticker__item .block-heading{font-size:22px!important;font-weight:600!important;line-height:1.2!important} .bnw-ticker-sec .bnw-ticker__item .body-font{font-size:14px!important;line-height:1.2!important;opacity:.75} .bnw-ticker-sec .bnw-ticker:hover .bnw-ticker__track,.bnw-ticker-sec .bnw-ticker:active .bnw-ticker__track{animation-play-state:paused} @media (max-width:959px){.bnw-ticker-sec .bnw-ticker__item{padding:0 18px!important}.bnw-ticker-sec .bnw-ticker__item .block-heading{font-size:20px!important}.bnw-ticker-sec .bnw-ticker__item .body-font{font-size:13px!important}} #shopline-section-template--index__shop-by-category{padding-top:80px!important;padding-bottom:80px!important;background:var(--bnw-cream-2)!important} #shopline-section-template--index__shop-by-category [class*="page-section"],#shopline-section-template--index__shop-by-category [class*="section"]{padding-top:0!important;padding-bottom:0!important;background:transparent!important} #shopline-section-template--index__shop-by-category .shop-by-category__heading,#shopline-section-template--index__shop-by-category h2{font-size:40px!important;font-weight:600!important;line-height:1.15!important;letter-spacing:-0.01em!important;text-align:center!important} #shopline-section-template--index__shop-by-category .shop-by-category__heading em,#shopline-section-template--index__shop-by-category h2 em,#shopline-section-template--index__shop-by-category h2 span{color:var(--bnw-amber)!important;font-style:normal} @media (max-width:959px){#shopline-section-template--index__shop-by-category{padding-top:48px!important;padding-bottom:48px!important}#shopline-section-template--index__shop-by-category .shop-by-category__heading,#shopline-section-template--index__shop-by-category h2{font-size:28px!important}} /* comparison: plain two columns on cream (previous style) */ #shopline-section-template--index__off-vs .multicolumn-card{background:transparent!important;border:0!important;padding:0!important} #shopline-section-template--index__off-vs .multicolumn-card > :first-child{font-size:22px!important;font-weight:600!important;margin-bottom:8px!important;text-align:left!important} #shopline-section-template--index__off-vs .rte,#shopline-section-template--index__off-vs .multicolumn-card p{text-align:left!important;line-height:1.9!important} #shopline-section-template--index__shop-by-category .shop-by-category__subtitle,#shopline-section-template--index__shop-by-category p{text-align:center!important} #shopline-section-template--index__shop-by-category [class*="card"]{background:transparent!important;box-shadow:none!important;border:0!important} #shopline-section-template--index__shop-by-category [class*="card"] img{background:transparent!important} /* 12. "How it works" + "Why builders choose us": live-theme layout, draft palette + design system */ #shopline-section-template--index__lux-story .bnwlux,#shopline-section-template--index__lux-vs .bnwlux{ --lux-ivory:var(--bnw-cream-1);--lux-paper:#FFFFFF;--lux-cream:var(--bnw-cream-2); --lux-green:rgb(var(--color-button-background));--lux-gold:var(--bnw-amber);--lux-gold-light:#E3C77A; --lux-walnut:rgb(var(--color-text));--lux-ink:rgb(var(--color-text));--lux-muted:rgb(var(--color-text) / .7);--lux-line:var(--bnw-line); --lux-serif:var(--bnw-sans),'Reddit Sans',system-ui,sans-serif; padding-top:80px!important;padding-bottom:80px!important; } #shopline-section-template--index__lux-story .bnwlux{background:var(--bnw-cream-1)!important} #shopline-section-template--index__lux-vs .bnwlux{background:var(--bnw-cream-2)!important} #shopline-section-template--index__lux-story .bnwlux-story__title,#shopline-section-template--index__lux-vs .bnwlux-h2{font-size:40px!important;font-weight:600!important;line-height:1.15!important;letter-spacing:-0.01em!important;font-style:normal!important} #shopline-section-template--index__lux-story .bnwlux-eyebrow,#shopline-section-template--index__lux-vs .bnwlux-eyebrow{font-size:12px!important;letter-spacing:.16em!important;text-transform:uppercase!important;font-weight:600!important;color:var(--bnw-amber)!important} #shopline-section-template--index__lux-story .bnwlux-story__text,#shopline-section-template--index__lux-vs .bnwlux-lead{font-size:16px!important;line-height:1.55!important} #shopline-section-template--index__lux-story .bnwlux-step{color:rgb(var(--color-text))!important} #shopline-section-template--index__lux-story .bnwlux-step > :first-child{color:var(--bnw-amber)!important;font-weight:600!important} #shopline-section-template--index__lux-story .bnwlux-img{border-radius:0!important} #shopline-section-template--index__lux-story .bnwlux-btn,#shopline-section-template--index__lux-vs .bnwlux-btn{background:rgb(var(--color-button-background))!important;color:rgb(var(--color-button-text))!important;border:1px solid rgb(var(--color-button-background))!important;border-radius:0!important;font-weight:600!important;letter-spacing:.08em!important} #shopline-section-template--index__lux-vs .bnwlux-vs__table{background:#FFFFFF!important;border:1px solid var(--bnw-line)!important;border-radius:0!important} #shopline-section-template--index__lux-vs .bnwlux-vs__row{border-color:var(--bnw-line)!important} #shopline-section-template--index__lux-vs .bnwlux-vs__yes{color:rgb(var(--color-button-background))!important} #shopline-section-template--index__lux-vs .bnwlux-vs__no{color:#8B3232!important} #shopline-section-template--index__lux-vs .bnwlux-vs__cell{font-size:15px!important} @media (max-width:959px){ #shopline-section-template--index__lux-story .bnwlux,#shopline-section-template--index__lux-vs .bnwlux{padding-top:48px!important;padding-bottom:48px!important} #shopline-section-template--index__lux-story .bnwlux-story__title,#shopline-section-template--index__lux-vs .bnwlux-h2{font-size:28px!important} } #shopline-section-template--index__lux-vs .bnwlux-vs__cell{letter-spacing:0!important;text-transform:none!important;color:rgb(var(--color-text))!important} #shopline-section-template--index__lux-vs .bnwlux-vs__row--head .bnwlux-vs__cell{letter-spacing:.14em!important;text-transform:uppercase!important;font-size:12px!important;font-weight:600!important;color:rgb(var(--color-text) / .6)!important} #shopline-section-template--index__lux-vs .bnwlux-vs__row--head .bnwlux-vs__cell:nth-child(2){color:rgb(var(--color-button-background))!important} #shopline-section-template--index__lux-vs .bnwlux-vs__cell:first-child{font-weight:500!important} /* 13. touch screens: second product image via auto cross-fade + swipe, with 2 dots */ @media (hover:none),(max-width:959px){ html body product-item .product-card__image .media-secondary{transition:opacity .55s ease!important;opacity:0} html body product-item.bnw-show-2 .product-card__image .media-secondary{opacity:1!important} html body product-item .product-card__image .media:first-child{transition:opacity .55s ease} .bnw-card-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:5px;pointer-events:none;z-index:3} .bnw-card-dots i{width:6px;height:6px;border-radius:50%;background:rgb(43 33 24 / .25);transition:background .3s,transform .3s} .bnw-card-dots i.is-on{background:rgb(43 33 24 / .8);transform:scale(1.15)} } /* 14. Hero on phones: copy sits at the bottom over a soft dark gradient, buttons side by side */ @media (max-width:959px){ #shopline-section-template--index__slideshow .slideshow__image::after{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(180deg,rgba(20,16,10,0) 0%,rgba(20,16,10,.55) 55%,rgba(20,16,10,.78) 100%);pointer-events:none;z-index:1} #shopline-section-template--index__slideshow .slideshow__content{z-index:2} #shopline-section-template--index__slideshow .block-subheading{font-size:11px!important;letter-spacing:.18em!important;margin-bottom:4px!important} #shopline-section-template--index__slideshow .block-heading{font-size:36px!important;line-height:1.1!important;margin-bottom:6px!important} #shopline-section-template--index__slideshow .block-button-group,#shopline-section-template--index__slideshow [class*="button-group"],#shopline-section-template--index__slideshow .block-group-content > div:has(> .button){display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important} #shopline-section-template--index__slideshow .button{min-height:40px!important;padding:0 14px!important;font-size:11px!important;letter-spacing:.06em!important;white-space:nowrap!important;width:auto!important;flex:0 0 auto!important} #shopline-section-template--index__slideshow .block-button-group > *{width:auto!important;flex:0 0 auto!important} } /* 15. Reviews: long quotes clamp to 6 lines and the swipe row no longer stretches short cards to the tallest one */ #shopline-section-template--index__customer-reviews .customer-reviews__grid{align-items:start!important} #shopline-section-template--index__customer-reviews .customer-reviews__quote{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden} #shopline-section-template--index__customer-reviews .customer-reviews__card{height:auto!important}