.header-actions,.shop-header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
.announcement>span[data-i18n]{color:inherit}
.language-switch{display:inline-flex!important;align-items:center;gap:3px!important;border:1px solid #ced8ca;border-radius:100px;padding:3px;background:#fff;flex-shrink:0;font-family:'DM Sans','Noto Sans Thai',sans-serif}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:36px;padding:6px 11px;border-radius:100px;font-size:.875rem!important;line-height:1.2;color:#38523d;text-decoration:none;font-weight:600}
.language-switch a[aria-current=true]{background:#264b34;color:#fff}
.language-switch a:hover{background:#e3eedc;color:#23472e}
.language-switch a[aria-current=true]:hover{background:#1c3b27;color:#fff}
.shop-header-actions>a{font-size:.875rem;text-decoration:none}
html[lang=en] .hero h1{font-size:clamp(2.7rem,4.5vw,4.8rem);line-height:1.16;letter-spacing:-.045em}
html[lang=en] .hero-fiber-bridge h2{font-size:clamp(1.35rem,2.15vw,2rem);line-height:1.3}
html[lang=en] .hero-description{line-height:1.7}
html[lang=en] .halal-hero-link{max-width:100%}
html[lang=en] .halal-hero-copy{font-size:.8125rem}
html[lang=en] .hero-cta{min-width:0;max-width:100%}
html[lang=en] .ingredients-copy h2{font-size:clamp(2.4rem,4.5vw,4.4rem);line-height:1.12}
html[lang=en] .ingredient-node>span{font-size:.8125rem;white-space:normal;line-height:1.3}
html[lang=en] .ingredient-detail h3{font-size:1.55rem}
html[lang=en] .ingredient-detail p{line-height:1.65}
html[lang=en] .section-heading h2,html[lang=en] .halal-copy h2{line-height:1.16}
html[lang=en] .hydration-narrative h3{font-size:clamp(1.65rem,3.7vw,3.8rem);line-height:1.2}
html[lang=en] .hydration-narrative p{line-height:1.7}
html[lang=en] .hydration-chapters strong{line-height:1.35}
html[lang=en] .order-card h3{font-size:1.4rem;line-height:1.35}
html[lang=en] .offer-intro h2{font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.22}
html[lang=en] .promo-saving-board strong{font-size:clamp(1.5rem,3vw,2.4rem)}
html[lang=en] .promo-saving-board strong b{font-size:clamp(3.5rem,8vw,7rem)}
html[lang=en] .product-info dl>div{grid-template-columns:120px minmax(0,1fr)}
html[lang=en] .facts-label-note p{line-height:1.65}
html[lang=en] .faq-list p{line-height:1.75}
html[lang=en] .halal-record-data .halal-expiry{font-size:1.2rem}
html[lang=en] .page-heading h1{line-height:1.12;font-family:'DM Sans',sans-serif}
html[lang=en] .status-heading{font-family:'DM Sans',sans-serif}
html[lang=en] .grand-total dd{font-size:1.7rem;white-space:nowrap}
html[lang=en] .totals>div{flex-wrap:wrap}
html[lang=en] .method small{line-height:1.5}
html[lang=en] .method-icon{flex-shrink:0}
@media(max-width:1180px){.header>nav{display:none}.header-actions{gap:12px}}
@media(max-width:760px){.announcement>span[data-i18n]:first-child{display:none}}
@media(max-width:760px){.header-actions{gap:8px}.header-actions .nav-buy{display:none}.language-switch a{min-height:36px;padding:6px 10px}.header .language-switch{display:inline-flex!important}.shop-header{gap:12px}.shop-header-actions{gap:10px;flex-wrap:wrap;justify-content:flex-end}.shop-header-actions>a{font-size:.8125rem}.shop-header .logo span{display:none}html[lang=en] .announcement:before{content:'Buy 1 box, get 1 free'}html[lang=en] .hero h1{font-size:clamp(2.55rem,10vw,3.9rem)}html[lang=en] .mobile-buy .button{font-size:.8125rem;padding:13px 16px}html[lang=en] .halal-hero-link{flex-wrap:wrap}html[lang=en] .halal-hero-copy{padding-left:10px}html[lang=en] .hero-meta{font-size:.75rem;flex-wrap:wrap}html[lang=en] .prep-step strong{font-size:1.05rem}html[lang=en] .hydration-narrative h3{font-size:1.8rem}html[lang=en] .product-info dl>div{grid-template-columns:100px minmax(0,1fr)}html[lang=en] .halal-copy h2{font-size:2.3rem}html[lang=en] .halal-record-data{grid-template-columns:1fr}html[lang=en] .steps{flex-wrap:wrap;gap:10px 20px}html[lang=en] .shop-header-actions>a{max-width:110px;text-align:right}html[lang=en] .panel-title{flex-wrap:wrap}html[lang=en] .status-actions>*{min-width:100%}}