@import url('assets/inter.css');
:root{--sans:'Inter',Arial,sans-serif;--serif:'Inter',Arial,sans-serif}
body{font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased}
.store-hero h1{font-family:var(--sans);font-weight:600;font-size:clamp(43px,4.2vw,58px);letter-spacing:-1.8px;line-height:1.12}
.store-hero-copy p{font-size:13px;line-height:1.8;max-width:355px}
.section-title h2{font-weight:600;letter-spacing:-.55px;font-size:27px}
.hero-tag{font-size:8px;font-weight:500;letter-spacing:1.1px}
.hero-bottom-note{font-size:8px;font-weight:400;letter-spacing:.8px}
nav,nav a{font-size:12px;font-weight:500}
.search input{font-size:13px}
.search button{font-size:11px;font-weight:500}
.primary,.secondary{font-size:12px;font-weight:500}
.department-card strong{font-size:12px;font-weight:500}
.department-card small{font-size:9px}
.product-card h3{font-size:13px;font-weight:400;line-height:1.6}
.product-brand{font-size:9px;font-weight:500;letter-spacing:.6px}
.product-card .meta{font-size:11px}
.card-bottom .price{font-weight:600;font-size:21px;letter-spacing:-.3px}
.add-mini{font-weight:500;font-size:12px}
.tabs button{font-size:11px;font-weight:400}
.expansion-panel h2{font-weight:600;letter-spacing:-.8px}
.expansion-panel p{font-size:12px}
.quick-shelf h2{font-weight:500;letter-spacing:-.5px}
.product-info h1{font-weight:600;font-size:34px;letter-spacing:-1px}
.product-info .product-brand{font-size:10px;font-weight:500}
.benefit-intro{font-size:13px;line-height:1.8}
.product-subtitle{font-size:14px}
.price-area .price{font-weight:600;letter-spacing:-.5px}
.details-list summary{font-size:14px;font-weight:500}
.product-details p{font-size:13px}
.detail-heading{font-weight:500}
.wordmark{display:flex!important;align-items:center;gap:0;flex-shrink:0;font-size:0!important;letter-spacing:0!important;line-height:1}
.wordmark:before{content:none!important}
.wordmark .brand-logo{display:block;width:225px;height:62px;object-fit:contain;object-position:left center}
.footer-top .wordmark .brand-logo{width:225px;height:62px;filter:brightness(0) invert(1)}
.footer-top p,.footer-top a:not(.wordmark){font-size:12px}
.footer-top h3{font-weight:500}
@media(max-width:1100px){nav,nav a{font-size:10px}.wordmark .brand-logo{width:196px;height:55px}.header-main{gap:24px}.store-hero h1{font-size:49px}.product-card h3{font-size:12px}}
@media(max-width:760px){.wordmark .brand-logo{width:190px;height:47px}.header-main{padding-top:13px;padding-bottom:12px}.store-hero h1{font-size:42px;letter-spacing:-1.2px;line-height:1.14}.store-hero-copy p{font-size:12px;line-height:1.8}.section-title h2{font-size:23px;letter-spacing:-.5px}.department-card strong{font-size:10px;font-weight:500}.department-card small{font-size:7px}.tabs button{font-size:9px;padding:8px 12px}.product-card h3{font-size:11px;min-height:51px}.product-brand{font-size:7px}.product-card .meta{font-size:10px}.card-bottom .price{font-size:18px}.add-mini{font-size:11px}.search input{font-size:11px}nav,nav a,nav button{font-size:10px}.hero-tag{font-size:7px}.product-info h1{font-size:30px}.product-subtitle{font-size:12px}.benefit-intro{font-size:12px}.details-list summary{font-size:13px}.product-details p{font-size:12px}.footer-top p,.footer-top a:not(.wordmark){font-size:11px}.footer-top .wordmark .brand-logo{width:210px;height:56px}}