:root{
  --es-yellow:#ffdf02;
  --es-yellow-dark:#e6c800;
  --es-black:#111111;
  --es-text:#222222;
  --es-muted:#666666;
  --es-border:#e0e0e0;
  --es-card:#f8f8f8;
  --es-head:"Poppins","Prompt","Noto Sans Thai",system-ui,sans-serif;
  --es-body:"Inter","Noto Sans Thai",system-ui,sans-serif;

                                                                                
  --gold:#111111;
  --gold-deep:#111111;
  --gold-soft:#ffdf02;
  --accent:#111111;
  --accent-deep:#111111;
  --accent-soft:#fff6b3;
  --ink:#111111;
  --ink-soft:#666666;
  --line:#e0e0e0;
  --paper:#ffffff;
  --cream:#f8f8f8;
  --sun:#ffdf02;
  --shadow:0 18px 40px -24px rgba(0,0,0,.28);
  --shadow-sm:0 8px 20px -14px rgba(0,0,0,.25);
}

                                
body{font-family:var(--es-body);color:var(--es-text);background:#fff}
h1,h2,h3,h4,
.hero h1,.product-title,.product-aspirational-headline,.shop-cat-title,.guide-title,
.topnav__name,.site-footer__logo span,.site-footer__delivery h4,
.price-now,.atc-price-now,.price-block .price,.scard-price .now,.scard-meta h3,.product .scard h3,
.also-card-name,.buybox-also-name,.sticky-buy-name,.sticky-buy-now,
.cart-item-body h3,.cart-item-price,.cart-trust-body h3,.cart-upsell-body h3,.cart-upsell-price,
.review-meta .big,.rcard .av,.review-card-avatar,.review-row-avatar,.brand .name,.overlay a{
  font-family:var(--es-head)}
h1,.hero h1,.product-title{font-weight:900;letter-spacing:-1px;line-height:1.08;color:var(--es-black)}
h2{font-weight:800;letter-spacing:-1px;line-height:1.12;color:var(--es-black)}
h3,h4{font-weight:700;letter-spacing:-.3px;color:var(--es-black)}
h1 em,h2 em,.hero h1 em{font-style:normal;background:linear-gradient(transparent 58%,var(--es-yellow) 58%);padding:0 .08em}
:lang(th) h1,:lang(th) h2,:lang(th) h3,:lang(th) .product-title{letter-spacing:0;line-height:1.3}
a{color:var(--es-black)}

                                  
.eyebrow,.section-label,.cart-upsell-eyebrow{
  display:inline-block;background:var(--es-yellow);color:var(--es-black)!important;
  font-family:var(--es-body);font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  padding:6px 14px;border-radius:999px}
.divider{background:var(--es-yellow)!important}
.product-h1-keywords,p.eyebrow{padding:0!important;color:var(--es-muted)!important;background:none!important;font-family:var(--es-body)!important;font-size:.78rem!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase}

                                   
.btn{font-family:var(--es-body);border-radius:10px;font-weight:700;padding:14px 32px;letter-spacing:0}
.btn-primary,.atc-btn,.sticky-buy-btn,.scard .btn-primary{
  background:var(--es-yellow)!important;color:var(--es-black)!important;border:2px solid var(--es-yellow)!important;box-shadow:none!important}
.btn-primary:hover,.atc-btn:hover,.sticky-buy-btn:hover{background:var(--es-yellow-dark)!important;border-color:var(--es-yellow-dark)!important;transform:translateY(-2px)}
.btn-dark{background:var(--es-black)!important;color:#fff!important;border:2px solid var(--es-black)!important}
.btn-ghost,.btn-outline{background:transparent!important;color:var(--es-black)!important;border:2px solid var(--es-black)!important}
.btn-ghost:hover,.btn-outline:hover{background:var(--es-black)!important;color:#fff!important}
.btn-light{background:#fff!important;color:var(--es-black)!important;border:2px solid var(--es-black)!important}

                                                                  
.topnav,
body.home-hero .topnav,
body.home-hero .topnav:not(.is-scrolled):not(.is-drawer-open),
.topnav.is-scrolled,.topnav.is-drawer-open,
body.home-hero .topnav.is-scrolled,body.home-hero .topnav.is-drawer-open{
  background:var(--es-yellow)!important;border-bottom:1px solid var(--es-yellow-dark)!important;backdrop-filter:none!important;font-family:var(--es-body)}
.topnav .topnav__brand,.topnav .topnav__name,.topnav .topnav__trigger,.topnav .topnav__cart,
:is(.topnav.is-scrolled,.topnav.is-drawer-open) :is(.topnav__brand,.topnav__name,.topnav__trigger,.topnav__cart),
body.home-hero .topnav:not(.is-scrolled):not(.is-drawer-open) :is(.topnav__brand,.topnav__name,.topnav__trigger,.topnav__cart){
  color:var(--es-black)!important;text-shadow:none!important}
.topnav__name{font-weight:900;letter-spacing:-.5px;font-size:1.2rem}
.topnav__trigger{font-weight:600}
.topnav__trigger:hover,.topnav__item.is-open .topnav__trigger,
.topnav.is-scrolled .topnav__trigger:hover,.topnav.is-scrolled .topnav__item.is-open .topnav__trigger{
  color:var(--es-black)!important;background:rgba(0,0,0,.08)!important}
.topnav__drop{border-color:var(--es-border);border-radius:14px}
.topnav__drop a:hover{background:#fff8c2;color:var(--es-black)}
.topnav__cta,.topnav__cta--drawer{
  background:var(--es-black)!important;color:#fff!important;border:2px solid var(--es-black)!important;
  border-radius:10px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.04em;box-shadow:none!important}
.topnav__cta:hover{background:#333!important}
.topnav__lang,.topnav .topnav__lang{
  border:2px solid var(--es-black)!important;border-radius:999px!important;color:var(--es-black)!important;
  background:transparent!important;font-weight:600;padding:5px 14px!important;text-decoration:none}
.topnav__lang:hover{background:var(--es-black)!important;color:#fff!important}
.cart-badge{background:var(--es-black)!important;color:var(--es-yellow)!important}
.topnav__burger,:is(.topnav.is-scrolled,.topnav.is-drawer-open) .topnav__burger{background:transparent!important;border-color:var(--es-black)!important}
.topnav__burger span{background:var(--es-black)!important}
.topnav__drawer{background:var(--es-yellow)}
.topnav__draw-head,.topnav__draw-links a{color:var(--es-black)!important}
                                                                         
body.home-hero .hero{padding-top:72px}

                                         
.hero{background:#fff}
.hero-bg::after{background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 42%,rgba(255,255,255,0) 72%)!important}
.hero-content{color:var(--es-black)}
.hero-content p{color:var(--es-text)}
.hero-trust{color:var(--es-text)}
.benefits,.faq,.contact{background:var(--es-card)}
.product,.guide,.shop,.summary{background:#fff}
.bcard,.cmethod,.faq-item,.highlight-card,.buybox-disc,.option-card,.scard,.metre-pack,.sum-facts{
  border-radius:20px!important;border:1px solid var(--es-border)!important;box-shadow:none!important;background:#fff}
.bcard:hover,.scard:hover{border-color:var(--es-black)!important;transform:translateY(-3px)}
.bcard .ic,.ic{background:var(--es-yellow)!important;color:var(--es-black)!important;border-radius:14px}
.shop-jump-links a{border:2px solid var(--es-black);border-radius:999px;color:var(--es-black);background:#fff;font-weight:600}
.shop-jump-links a:hover{background:var(--es-yellow);border-color:var(--es-yellow)}
.strip{background:var(--es-yellow)!important;color:var(--es-black)!important}
.strip *{color:var(--es-black)!important}
.urgency,.badge,.scard-badge{background:var(--es-black)!important;color:var(--es-yellow)!important;border-radius:999px}

                                        
.breadcrumb a{color:var(--es-muted)}
.price-now,.atc-price-now{color:var(--es-black);font-weight:800}
.price-save{background:var(--es-yellow);color:var(--es-black);border-radius:999px;padding:3px 10px;font-weight:700}
.option-card.is-selected,.metre-pack.is-selected{border:2px solid var(--es-black)!important;background:#fffbe0!important}
.metre-pack-main em{background:var(--es-black);color:var(--es-yellow);font-style:normal;border-radius:999px;padding:2px 10px}
.buybox-row-chip{background:var(--es-yellow);color:var(--es-black);border-radius:999px}
.faq-icon{color:var(--es-black)}
.sale-timer{background:var(--es-black);color:#fff;border-radius:20px;padding:16px 20px}
.sale-timer .countdown{--timer-color:var(--es-yellow);color:var(--es-yellow)!important;font-family:var(--es-head);font-weight:800;margin-bottom:4px!important}
.sale-timer .sale-title{color:#fff;font-family:var(--es-head);font-size:1rem!important;margin:0}

                                  
.site-footer{background:var(--es-black)!important;color:rgba(255,255,255,.75);font-family:var(--es-body);border-top:6px solid var(--es-yellow)}
.site-footer__contact a,.site-footer__col a:hover,.site-footer__faith a{color:var(--es-yellow)!important}
.site-footer__col h4{color:var(--es-yellow)}
.site-footer__cross{color:var(--es-yellow)}
.product-title{font-size:clamp(1.5rem,2.6vw,2.1rem)!important;letter-spacing:-.5px;line-height:1.15}
.product-aspirational-headline{font-weight:900!important;letter-spacing:-1px}
                                                             
.topnav__name,.topnav__trigger,.topnav__cta,.topnav__lang{white-space:nowrap}
.topnav__lang{font-style:normal!important;line-height:1.2}
.topnav__menu{gap:2px}
.topnav__trigger{padding:10px 9px}
:lang(th) .topnav__trigger,:lang(th) .topnav__cta,:lang(th) .topnav__lang{font-size:.88rem}
                                                                                   
.site-footer__delivery{background:var(--es-yellow);color:var(--es-black)!important;border-radius:20px;padding:22px 26px;margin:26px 0}
.site-footer__delivery *{color:var(--es-black)!important}


                                                                                                     
                                                             
.topnav,.topnav__drop,.topnav__drawer,.site-footer,.btn,.overlay .btn,input,select,textarea,button{font-family:var(--es-body)}
.topnav__name small,.site-footer__logo small{font-family:var(--es-body)}
.site-footer__logo span,.site-footer__delivery h4,.topnav__name{font-family:var(--es-head)}
                                                           
:root{--gold:#111111;--orange:#111111}
                                                           
.trust-strip{background:var(--es-yellow)!important;color:var(--es-black)!important;border:0!important}
.trust-strip *{color:var(--es-black)!important}
.trust-strip svg{stroke:var(--es-black)!important}
                      
.highlight-card,.feature-block,.cart-trust-item,.cart-delivery-option,.company-card,.spec-table{border-radius:20px!important}
.highlight-icon,.cart-trust-icon{background:var(--es-yellow)!important;color:var(--es-black)!important;border-radius:14px}
.scard-price .now{color:var(--es-black);font-family:var(--es-head);font-weight:800}
.scard-price .was{color:var(--es-muted)}
.tbadge{background:var(--es-yellow);color:var(--es-black);border-radius:999px;font-weight:700}
.shop-cat-title{font-weight:800;letter-spacing:-.5px}
.shop-cat-title::after{content:"";display:block;width:56px;height:5px;border-radius:3px;background:var(--es-yellow);margin-top:10px}
                                 
.cart-delivery-option{border:1px solid var(--es-border)!important}
.cart-delivery-option:has(input:checked){border:2px solid var(--es-black)!important;background:#fffbe0!important}
.cart-section-label{font-family:var(--es-head);font-weight:800;color:var(--es-black)}
                   
.prose-page h1{font-weight:900;letter-spacing:-1px;line-height:1.1}
:lang(th) .prose-page h1{letter-spacing:0;line-height:1.3}
.prose-page a{text-decoration-color:var(--es-yellow-dark);text-decoration-thickness:2px;text-underline-offset:3px}
                 
.sticky-cta,.sticky-buy{border-top:3px solid var(--es-yellow)!important}
                                   
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--es-black);outline-offset:2px}
                                                                                    
.cart-item-body h2,.cart-upsell-body h2{font-size:1.12rem!important;font-weight:700;letter-spacing:-.2px;line-height:1.3}
.cart-item-body h2 a,.cart-upsell-body h2 a{font-size:inherit!important;font-weight:inherit;text-decoration:none}

                                                           
                                                                                          
body.home-hero,body.home-hero .btn,body.home-hero .faq-q h3{font-family:var(--es-body)!important}
body.home-hero h1,body.home-hero h2,body.home-hero h3,body.home-hero h4{font-family:var(--es-head)!important}
.about-chip{background:var(--es-card);border:1px solid var(--es-border);color:var(--es-black);font-weight:600}
.about-chip--faith{background:var(--es-yellow)!important;border-color:var(--es-yellow)!important}
.about-company-card{background:#fffbe0!important;border:1px solid var(--es-border)!important;border-radius:20px!important}
.about-card{border-radius:20px!important;border:1px solid var(--es-border)!important}
.about-card:hover{border-color:var(--es-black)!important}
.about-policy-links a{border:2px solid var(--es-black)!important;color:var(--es-black)!important;border-radius:999px}
.about-policy-links a:hover{background:var(--es-yellow)!important;border-color:var(--es-yellow)!important}
.shop-other-lang a{font-weight:700}
                                                                                           
                                                                                        
                                                                      
.topnav__name{white-space:normal!important;font-size:1.02rem!important;line-height:1.08;max-width:10.5em}