/* Fluid storefront: keep reading text bounded, let imagery/catalog use the screen. */
.page-width{width:calc(100% - clamp(32px,4vw,80px));max-width:none}
.header-account-link{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:8px 14px;border:1px solid #dce6df;border-radius:24px;color:#14391e;background:#fff;text-decoration:none;white-space:nowrap;font-size:14px;font-weight:750;flex-shrink:0}
.header-account-link svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.header-account-link:hover{background:#e9faef;border-color:#83bf94}
.header-account-link:focus-visible{outline:3px solid #27822b;outline-offset:3px}
@media(min-width:981px){
 .header-content{grid-template-columns:minmax(190px,1fr) auto auto auto auto}
 .header-content .header-account-link{grid-column:4;grid-row:1}
 .header-content .header-cart-button{grid-column:5;grid-row:1}
 .hero{min-height:clamp(590px,38vw,780px)}
 .hero-copy{padding:clamp(48px,5vw,100px)}
}
@media(min-width:1600px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){
 .header-content>.instagram-header-link{display:none}
 .header-content{gap:8px}
 .header-account-link{padding:8px 10px}
}
@media(max-width:650px){
 .page-width{width:calc(100% - 26px)}
 .header-account-link{width:44px;padding:8px}
 .header-account-link span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 .header-content{gap:6px}
}
@media(max-width:420px){.header-content .header-search-button{display:none}}