:root{--site-shell:1180px;--site-gutter:24px}
  html{background:var(--olive)}
  .topbar{height:auto!important;min-height:38px!important;padding:8px 16px!important;background:var(--olive)!important;color:#fff!important;font-size:.86rem!important;font-weight:700!important;letter-spacing:.08em!important;line-height:1.4!important;text-align:center}
  html[lang="th"] .topbar{font-size:.95rem!important;letter-spacing:.11em!important}
  html[lang="th"] h1,html[lang="th"] h2,html[lang="th"] h3{line-height:1.3;letter-spacing:-.015em}
  html[lang="th"] .choice,html[lang="th"] .benefit{white-space:normal}
  @media(max-width:600px){.topbar{min-height:36px!important;font-size:.8rem!important}html[lang="th"] .topbar{font-size:.88rem!important}}
  .thai-type{font-family:"Noto Sans Thai",sans-serif!important}
  header .wrap{
    width:min(var(--site-shell),calc(100% - (var(--site-gutter) * 2)))!important;
    margin-inline:auto!important;
  }
  header .logo{display:inline-flex!important;align-items:center;width:132px;height:52px;font-size:0!important;letter-spacing:0!important;flex:0 0 auto}
  header .logo img{display:block;width:100%;height:auto;max-height:52px;object-fit:contain;object-position:left center}
  header .account-header-link{transition:background .2s,border-color .2s,color .2s}
  header .account-header-link:hover,body.account-signed-in header .account-header-link{background:var(--olive);border-color:var(--olive);color:#fff}
  header .account-header-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  header .cart-header-link{position:relative;flex-shrink:0}
  header .cart-header-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  header .cart-count{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 3px;border-radius:10px;background:var(--olive);color:#fff;font:700 10px/16px Manrope;text-align:center}
  @media(max-width:420px){header .logo{max-width:100px}header .icons{gap:5px!important}header .icons .icon{width:32px;height:32px}}
  header .language-picker{position:relative}
  header .language-toggle{font:700 .7rem Manrope;letter-spacing:.05em}
  header .language-menu{position:absolute;right:0;top:calc(100% + 10px);width:128px;padding:7px;background:var(--cream);border:1px solid var(--line);box-shadow:0 16px 36px rgba(41,41,41,.14);opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s;z-index:20}
  header .language-picker.open .language-menu{opacity:1;visibility:visible;transform:translateY(0)}
  header .language-menu button{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;padding:9px 10px;color:var(--ink);font:600 .74rem Manrope;text-align:left}
  header .language-menu button.active{background:rgba(77,89,69,.1);color:var(--olive)}
  header .language-menu button[aria-disabled="true"]{color:var(--muted);cursor:not-allowed}
  header .language-menu button.active::after{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
  footer .policy-footer-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
  footer .policy-footer-links a{position:relative;color:inherit;text-decoration:none;white-space:nowrap}
  footer .policy-footer-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:currentColor;transition:right .2s}
  footer .policy-footer-links a:hover:after{right:0}
  .about-cta a,.faq-contact a,.help a,.collection-cta .cta-row a,.notice a,.contact-card a,.collection-widget .collection-link{background:var(--olive)!important;color:#fff!important;border:1px solid transparent!important}
  .faq-contact a,.help a,.notice a,.signature .collection-link{border-color:rgba(255,255,255,.55)!important}
  .about-cta a b,.help a b,.notice a i,.contact-card a i{color:inherit}
  .collection-widget .collection-link i{background:#fff!important;color:var(--olive)!important}
  .about-cta,.faq-contact,.help,.collection-cta,.notice,.contact-policy{background:#e6e9de!important;color:var(--ink)!important}
  .about-cta p,.faq-contact p,.help p,.notice p,.contact-policy p{color:#5f665a!important}
  .about-cta .about-label,.help span{color:var(--olive)!important}
  .faq-contact a,.help a,.notice a,.contact-policy a{border-color:transparent!important}
  footer.site-footer{display:block!important;background:var(--olive)!important;color:#fff!important;padding:24px 0!important;border-top:0!important;font-size:inherit!important}
  footer.site-footer>.wrap{display:block!important;width:min(var(--site-shell),calc(100% - (var(--site-gutter) * 2)))!important;margin-inline:auto!important}
  footer.site-footer .footer-main{display:flex!important;justify-content:space-between;align-items:end;gap:36px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.2)}
  footer.site-footer .footer-main h2{font:600 clamp(2.4rem,5vw,4.8rem)/1 Manrope;letter-spacing:-.055em;margin:0;color:#fff}
  footer.site-footer .footer-main>a{display:inline-block;background:var(--cream);color:var(--ink);padding:14px 20px;border-radius:100px;font-weight:600;white-space:nowrap}
  footer.site-footer .footer-bottom{padding-top:0;color:rgba(255,255,255,.7);font-size:.78rem}
  body.contact-page footer.site-footer{border-top:6px solid var(--cream)!important}
  footer .footer-meta-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;width:100%}
  footer .footer-meta-row>span:first-of-type{grid-column:1;grid-row:1;justify-self:start}
  footer .footer-meta-row>.policy-footer-links{grid-column:2;grid-row:1;justify-self:center}
  footer .footer-meta-row>span:last-of-type{grid-column:3;grid-row:1;justify-self:end;text-align:right}
  .page-head>.wrap,
  .intro>.wrap,
  .hero>.wrap,
  .collection-hero>.wrap,
  .about-hero .hero-grid.wrap,
  .contact-hero .contact-grid.wrap,
  .checkout-layout.wrap{
    width:min(var(--site-shell),calc(100% - (var(--site-gutter) * 2)))!important;
    margin-inline:auto!important;
  }
  body>main>.hero .hero-copy{
    padding-left:max(var(--site-gutter),calc((100vw - var(--site-shell))/2))!important;
  }
  @media(max-width:850px){
    :root{--site-gutter:16px}
    header .logo{width:116px;height:46px}
    header .logo img{max-height:46px}
    body>main>.hero .hero-copy{padding-left:var(--site-gutter)!important;padding-right:var(--site-gutter)!important}
  }
  @media(max-width:620px){
    footer.site-footer{padding:24px 0!important}
    footer .footer-meta-row{grid-template-columns:1fr!important;gap:10px!important}
    footer .footer-meta-row>span:first-of-type,footer .footer-meta-row>.policy-footer-links,footer .footer-meta-row>span:last-of-type{grid-column:1;justify-self:center;text-align:center}
    footer .footer-meta-row>span:first-of-type{grid-row:1}
    footer .footer-meta-row>.policy-footer-links{grid-row:2;justify-content:center}
    footer .footer-meta-row>span:last-of-type{grid-row:3}
  }