@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
.site-preferences{display:flex;justify-content:flex-end;gap:24px;align-items:center;padding:8px 5%;border-bottom:1px solid var(--line);background:var(--paper);font-size:12px}
.preference-group{display:flex;align-items:center;gap:5px}.preference-group>span{margin-right:5px;opacity:.75}.preference-group button{border:1px solid transparent;border-radius:18px;padding:5px 10px;background:transparent;color:var(--green);font-size:12px}.preference-group button[aria-pressed=true]{background:var(--green);color:var(--paper)}
html[lang=th] body,html[lang=th] button,html[lang=th] input,html[lang=th] select,html[lang=th] textarea{font-family:'Noto Sans Thai','DM Sans',sans-serif}
html[lang=th] h1,html[lang=th] h2,html[lang=th] h3,html[lang=th] .sidebar-note b,html[lang=th] .article-aside p{font-family:'Noto Sans Thai',sans-serif;letter-spacing:-.02em;line-height:1.4;font-weight:500}
html[lang=th] h1{font-size:clamp(38px,5.2vw,78px)}html[lang=th] h2{font-size:clamp(28px,3.5vw,48px)}html[lang=th] .eyebrow{letter-spacing:.06em}html[lang=th] header nav{gap:18px}html[lang=th] .catalog-card h3{font-size:16px}html[lang=th] .non-alcoholic-feature h2{font-size:34px}
html[data-theme=winter]{--paper:#faf3e8;--green:#57382b;--muted:#826450;--line:#dfcdb9}
html[data-theme=winter] .announcement,html[data-theme=winter] .contact{background:#58382c;color:#fff1da}
html[data-theme=winter] .editorial-lead,html[data-theme=winter] .shop-intro,html[data-theme=winter] .values,html[data-theme=winter] .sidebar-note{background:#eee0cb}
html[data-theme=winter] .hero:after{background:linear-gradient(90deg,#422a24a6,#6d40221a),linear-gradient(0deg,#492c245c,transparent 45%)}
html[data-theme=winter] h1 em{color:#f5d9aa}html[data-theme=winter] #store-app h1 em{color:#97613d}
html[data-theme=winter] .intro-copy p,html[data-theme=winter] .farm-copy>p:not(.eyebrow),html[data-theme=winter] .article-prose p,html[data-theme=winter] .editorial-lead .lead-copy,html[data-theme=winter] .world-intro,html[data-theme=winter] .full-footer>div>a,html[data-theme=winter] .product-description,html[data-theme=winter] .shop-intro p:last-child,html[data-theme=winter] .value-grid p{color:#745644}
html[data-theme=winter] .pink,html[data-theme=winter] .catalog-card:nth-child(3n+3) .product-image{background:#efddd1}html[data-theme=winter] .peach,html[data-theme=winter] .catalog-card .product-image{background:#f1e4ce}html[data-theme=winter] .gold,html[data-theme=winter] .catalog-card:nth-child(3n+2) .product-image,html[data-theme=winter] .detail-photo{background:#e9ddc9}
html[data-theme=winter] .leaf-motion-toggle{background:#faf3e8ed;color:#754a32;border-color:#d0b795}html[data-theme=winter] .light{background:#fff2dc;color:#57382b}
@media(max-width:800px){.site-preferences{justify-content:space-between;gap:10px;padding:8px 5%}header nav{top:160px}html[lang=th] .hero h1{font-size:44px}html[lang=th] .hero-content{padding-top:65px}html[lang=th] .non-alcoholic-feature h2{font-size:29px}}
@media(max-width:400px){.preference-group button{padding:5px 8px}.site-preferences{gap:6px}.preference-group>span{display:none}html[lang=th] .hero h1{font-size:38px}}
html[lang=th] .shop-sidebar h2{font-size:13px;line-height:1.5;letter-spacing:.03em}html[lang=th] .checkout-form h2,html[lang=th] .checkout-panel h2{font-size:25px;line-height:1.4}html[lang=th] .detail-copy h1{font-size:clamp(32px,3.6vw,48px)}html[lang=th] .bag-head h2{font-size:36px}