@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/fonts/poppins-800.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap}

body{font-family:Poppins,Arial,sans-serif}
body :is(h1,h2,h3,h4,h5,h6,button,input,select,textarea,.button,.price,.hero-title,.eyebrow,.home-card-meta,.home-card-detail,.home-card-highlight,.similar-name,.pdp-price){font-family:Poppins,Arial,sans-serif}
.home-products .product-card{border:1px solid #dedede;border-radius:18px;background:#fff;padding:14px;overflow:hidden}
.home-products .product-card h3{font-family:Poppins,Arial,sans-serif}
@media(max-width:700px){.home-products .product-card{padding:10px;border-radius:14px}}
/* Preserve the original hero typography while keeping compact catalog names. */
body .hero-main .hero-title{font-family:MontserratLocal,Arial,sans-serif}
body .hero-main .eyebrow,body .hero-main .hero-actions .button{font-family:RobotoLocal,Arial,sans-serif}
body .home-products .product-card h3{font-size:16px;line-height:1.4}
body .similar-products .similar-name{font-size:14px;line-height:1.4}
@media(max-width:700px){body .home-products .product-card h3{font-size:12px;line-height:1.4}body .similar-products .similar-name{font-size:12px}}

/* Shop Now opens directly into the product catalog. */
body.information-page:has(.collection-desktop-products) .section{padding-top:24px}
/* Floating navigation, with separate rounded utility buttons. */
body .site-header{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:24px;padding:22px 3vw;min-height:96px;background:transparent;box-shadow:none}
body .site-header.scrolled,body .site-header.solid,body.information-page .site-header,body.affiliate-body .site-header{background:rgba(255,255,255,.95);box-shadow:0 1px 0 #0000000a}
body .site-header .desktop-nav{display:flex;align-items:center;justify-content:center;gap:36px;padding:8px 30px;min-height:54px;border:1px solid #ffffff10;border-radius:17px;background:rgba(25,25,25,.9);backdrop-filter:blur(14px);color:#fff;font-size:13px;font-weight:400}
body .site-header .desktop-nav>a,body .site-header .mega-wrap>a{color:#f4f4f4;white-space:nowrap;padding:10px 0;text-decoration:none}
body .site-header .desktop-nav>a:hover,body .site-header .mega-wrap>a:hover{color:#fff;opacity:.75}
body .site-header .header-actions{gap:10px;justify-self:end}
body .site-header .header-actions .locale-pill{display:none}
body .site-header .header-actions .icon-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #ffffff12;border-radius:14px;background:rgba(25,25,25,.9);color:#fff;padding:10px;flex-shrink:0}
body .site-header .header-actions .icon-button svg{width:23px;height:23px;stroke-width:1.4}
body .site-header .cart-link span{background:#fff;color:#181818;border:1px solid #222;right:-4px;top:-5px;font-size:10px;min-width:17px;height:17px}
body .site-header .desktop-nav .mega-panel{top:calc(100% + 10px);border-radius:14px;grid-template-columns:repeat(5,130px);color:#171717}
body .site-header .desktop-nav .mega-panel:before{content:'';position:absolute;left:0;right:0;top:-22px;height:24px}
body .site-header .desktop-nav .mega-panel a{color:#171717;font-family:Poppins,Arial,sans-serif;font-size:12px}
@media(min-width:1001px){body .site-header .header-actions .mobile-toggle{display:none}}
@media(max-width:1000px){body .site-header{grid-template-columns:1fr auto;padding:16px 20px;min-height:78px;gap:16px}body .site-header .desktop-nav{display:none}body .site-header .header-actions .mobile-toggle{display:flex}body .site-header .header-actions{gap:8px}}
@media(max-width:550px){body .site-header{padding:12px 16px;min-height:66px;gap:12px}body .site-header .brand img{width:min(var(--logo-width-mobile,110px),27vw);max-width:27vw}body .site-header .header-actions{gap:6px}body .site-header .header-actions .icon-button{width:34px;height:34px;border-radius:10px;padding:7px}body .site-header .header-actions .icon-button svg{width:20px;height:20px}}
/* Slimmer header proportions. */
@media(min-width:1001px){body .site-header{padding:12px 3vw;min-height:72px;gap:20px}body .site-header .desktop-nav{min-height:42px;padding:4px 24px;gap:30px;border-radius:13px;font-size:12px}body .site-header .desktop-nav>a,body .site-header .mega-wrap>a{padding:8px 0}body .site-header .header-actions .icon-button{width:36px;height:36px;padding:8px;border-radius:11px}body .site-header .header-actions .icon-button svg{width:20px;height:20px}body .site-header .header-actions{gap:8px}}
@media(min-width:551px) and (max-width:1000px){body .site-header{padding:12px 20px;min-height:66px}body .site-header .header-actions .icon-button{width:36px;height:36px;padding:8px;border-radius:11px}}