.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root{--muted:#9d9894;--surface:#f3f2f0;--gutter:20px}
.header-inner{max-width:none;padding:0 5%;height:70px}
.header-inner .icon-button{min-width:24px}
main{max-width:1050px}
.reference-home{padding-top:60px;padding-bottom:64px}
.category-carousel{position:relative;margin:0 20px}
.banner-rail{grid-auto-columns:45%;gap:34px;padding:0;scroll-snap-type:x mandatory}
.category-banner{position:relative;display:flex;align-items:center;justify-content:center;height:172px;border-radius:14px;overflow:hidden;background:#d5dfd3}
.category-banner img{position:absolute;width:48%;height:145%;left:0;top:-22%;object-fit:cover;mix-blend-mode:multiply}
.category-banner span{position:relative;margin-left:28%;font-size:26px;font-weight:800;line-height:1.1;text-transform:uppercase;text-align:center;max-width:65%;padding:10px;color:var(--green)}
.category-banner.bottled{background:#eae6d8}
.category-banner.bottled img,.category-banner.tea img{height:135%;top:-18%;object-fit:contain}
.category-banner.tea{background:#e2d5b7}.category-banner.coffee{background:#dacdbd}
.banner-prev,.banner-next{position:absolute;top:calc(50% - 20px);height:40px!important;width:40px!important;background:#18371b75!important;font-size:25px!important}
.banner-prev{left:35px}.banner-next{right:35px}
.section{padding:24px 20px 0}
.section-head{margin-bottom:18px;gap:16px}
.section-head h2{font-size:16px;line-height:24px;letter-spacing:0;font-weight:800}
.section-head small:empty{display:none}
.reference-home .all-link{display:none}
.round{width:20px;height:20px;background:#888982;color:white;border:0;font-size:17px}
.section-actions{gap:5px}
.rail:not(.banner-rail){grid-auto-columns:calc((100% - 40px)/4.2);gap:10px;padding-bottom:28px}
.product-image{aspect-ratio:1.28;border-radius:8px;margin-bottom:10px}
.product-kind{font-size:10px;line-height:16px;letter-spacing:0;font-weight:600;margin-bottom:3px}
.product h3{font-size:14px;line-height:21px;font-weight:600;margin-bottom:6px}
.product .price{font-size:13px;line-height:20px;color:#9d9894}
.product .tag{font-size:9px;letter-spacing:0;top:10px;left:12px}
dialog{width:400px}dialog details{padding:20px 0}
@media(max-width:600px){
 .header-inner{height:45px;padding:0 20px}.brand{width:104px}.brand img{height:30px}
 .reference-home{padding-top:24px;padding-bottom:32px}
 .banner-rail{grid-auto-columns:86%;gap:14px;margin-right:-20px;padding-right:20px}
 .category-banner{height:130px;border-radius:10px}.category-banner span{font-size:21px}
 .banner-prev{left:10px}.banner-next{right:0}.banner-prev,.banner-next{width:28px!important;height:28px!important;top:calc(50% - 14px)}
 .section{padding-top:26px}.section-head h2{font-size:16px}.section-head{margin-bottom:20px}
 .section-actions .round{display:block}.rail:not(.banner-rail){grid-auto-columns:44%;gap:10px;padding-bottom:24px}
 .product-image{aspect-ratio:1;border-radius:8px}.product h3{font-size:12px;line-height:18px}
 .product-kind{font-size:10px;line-height:16px}.product .price{font-size:12px;line-height:18px}
}