/* Approved CocoFox concept, implemented as responsive, accessible HTML. */
:root{--premium-blue:#004dd4;--premium-lime:#dae366;--premium-cream:#fbf2e6;--premium-forest:#183c29;--page-gutter:max(6vw,calc((100vw - 1220px)/2))}
body{color:var(--premium-blue);font-size:17px;line-height:1.55}
main{background:var(--premium-cream)}
body h1,body h2,body h3{font-family:Inter,Anuphan,sans-serif;letter-spacing:-.035em;font-weight:800;line-height:1.1}
body h2{font-size:clamp(30px,3.6vw,48px);margin-bottom:18px}
body h3{font-size:24px}.eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:16px}
body .section{padding:52px var(--page-gutter)}
body .page-intro{padding:48px var(--page-gutter) 30px}
body .page-intro h1{font-size:clamp(44px,6vw,76px);max-width:1000px}
body .button{border-radius:3px;box-shadow:none;background:var(--premium-blue);border:1.5px solid var(--premium-blue);color:var(--premium-cream);min-height:48px;padding:13px 23px;font-size:15px;line-height:1.35;gap:16px;font-weight:650}
body .button.outline{background:transparent;border-color:currentColor;color:inherit}
body .button:hover{box-shadow:none;transform:translateY(-2px)}
body .textlink{font-size:14px;line-height:1.5}
body .notice{font-size:12px;line-height:1.5;color:inherit;opacity:.85}
body .actions{margin-top:22px;gap:20px}
body .section-heading{margin-bottom:28px}
header{padding:18px var(--page-gutter);min-height:78px;background:var(--premium-cream);color:var(--premium-blue);gap:26px}
body header .logo{width:180px;max-width:180px}
body header nav{gap:24px;color:var(--premium-blue);font-size:13px;white-space:nowrap}
header .header-actions{gap:18px;padding-right:50px}
header #language{color:var(--premium-blue);font-size:13px;min-height:44px}
header #shop-link.button.small{font-size:13px;background:var(--premium-blue);color:var(--premium-cream);border-color:var(--premium-blue);padding:12px 18px}
#menu{top:17px;right:6vw;background:var(--premium-cream);color:var(--premium-blue);box-shadow:none;border-radius:3px;width:44px;height:44px;font-size:24px}
header nav.open{background:var(--premium-cream);color:var(--premium-blue);top:70px;right:6vw;border:1px solid #004dd422;border-radius:3px;box-shadow:0 10px 25px #00295e15}
header nav .nav-shop{display:none}header nav.open .nav-shop{display:block;color:var(--premium-blue);font-weight:800;border-bottom:1px solid #004dd433;padding-bottom:14px}
body[data-page="home"] header{background:var(--premium-blue);color:var(--premium-cream)}
body[data-page="home"] header #shop-link.button.small{background:var(--premium-lime);border-color:var(--premium-lime);color:var(--premium-blue)}
body[data-page="home"] #menu{background:var(--premium-blue);color:var(--premium-cream)}
body[data-page="home"] header .logo{visibility:hidden;pointer-events:none}
/* Bottle and character are real assets, not screenshots of the concept. */
.premium-product-stage{position:relative;min-width:0;height:430px;isolation:isolate}
.premium-product-stage .premium-product{position:absolute;height:123%;width:auto;max-width:none;left:8%;top:-14%;object-fit:contain;transform:rotate(12deg);z-index:2;filter:drop-shadow(8px 15px 10px #00000015)}
.premium-product-stage .premium-fox{position:absolute;width:63%;height:auto;right:-2%;bottom:-5%;z-index:1;object-fit:contain}
.premium-home-hero{background:var(--premium-blue);color:var(--premium-cream);padding:18px var(--page-gutter) 0;overflow:hidden}
.premium-wordmark img{width:100%;height:auto;filter:brightness(0) invert(1)}
.premium-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2%;align-items:center;margin-top:-16px}
.premium-hero-copy{position:relative;z-index:3;padding-block:24px 45px}
body .premium-home-hero .brand-slogan{font-family:Anton,Impact,sans-serif;font-size:clamp(62px,7.8vw,114px);letter-spacing:.005em;font-weight:400;line-height:1.03;color:var(--premium-lime);margin:0 0 18px}
.premium-hero-copy h1 span{display:block}
.premium-hero-copy p{max-width:430px;font-size:18px;margin-bottom:22px}
.premium-hero-copy .button{background:var(--premium-lime);border-color:var(--premium-lime);color:var(--premium-blue)}
.premium-purchase{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:30px;padding:27px var(--page-gutter);align-items:center;background:var(--premium-cream)}
.premium-purchase h2{font-size:clamp(25px,2.8vw,36px);margin-bottom:9px}
.premium-purchase p{font-size:14px;margin:0}.premium-purchase p span{padding-inline:8px}
.premium-purchase-order{display:flex;gap:22px;align-items:center;justify-content:flex-end;border-left:1px solid #004dd430;padding-left:25px}
.premium-price{display:flex;align-items:baseline;gap:7px;white-space:nowrap}
.premium-price strong{font-size:44px;line-height:1;font-weight:850}.premium-price span{font-size:14px}
.premium-channel-actions{display:flex;gap:10px;align-items:stretch}
.premium-channel-actions .button{padding:12px 18px;white-space:nowrap;font-size:14px}
.premium-purchase .notice{font-size:11px;margin:5px 0 2px}.premium-purchase .textlink{font-size:11px}
.premium-home-farm{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);background:var(--premium-cream);border-top:1px solid #004dd41c}
.premium-home-farm>img{width:100%;height:300px;object-fit:cover}
.premium-home-farm>div{align-self:center;padding:35px min(7vw,80px) 35px 45px}
.premium-home-farm h2{font-size:clamp(29px,3vw,42px)}
.premium-home-farm p{font-size:15px;max-width:390px;margin-bottom:14px}
.premium-home-notes{padding:44px var(--page-gutter);background:var(--premium-cream);border-top:1px solid #004dd420}
.premium-section-title{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}
.premium-section-title h2{margin-bottom:9px}.premium-section-title p{font-size:15px;margin-bottom:0}
body .note-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body .note-cards blockquote{border:1px solid var(--premium-blue);background:var(--sky);color:var(--premium-blue);border-radius:4px;box-shadow:none;padding:24px;min-width:0}
body .note-cards blockquote:nth-child(2){background:var(--premium-blue);color:var(--premium-cream)}
body .note-cards blockquote:nth-child(3){background:var(--sky);color:var(--premium-blue)}
body .note-cards p,body.th .note-cards p[lang="en"]{font-family:Inter,sans-serif;font-size:clamp(22px,2.2vw,30px);line-height:1.25;font-weight:750;margin-top:22px;letter-spacing:-.025em}
.premium-notes-link{margin-top:20px}
.premium-home-trade{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:32px var(--page-gutter);background:var(--premium-lime)}
.premium-home-trade h2{font-size:clamp(26px,3vw,38px);margin-bottom:10px}.premium-home-trade p{font-size:15px;margin:0}
.premium-home-trade .button{flex-shrink:0}
/* Shop: one product, one calculator, two visible ordering channels. */
.premium-shop-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4%;align-items:center;padding:38px var(--page-gutter) 18px;background:var(--premium-cream);overflow:hidden}
.premium-shop-hero h1{font-size:clamp(55px,7.3vw,104px);font-weight:900;line-height:1;letter-spacing:-.045em;margin-bottom:20px;color:var(--premium-blue)}
.premium-shop-hero p{font-size:21px;font-weight:600;margin-bottom:17px}
.premium-shop-hero .premium-product-stage{height:400px}
.premium-shop-hero .premium-product-stage::before{content:"";position:absolute;inset:10% 0 0 20%;aspect-ratio:1;border-radius:50%;background:var(--premium-lime);z-index:0}
.premium-shop-hero .premium-product{left:27%;top:-11%;height:116%}
.premium-shop-hero .premium-fox{right:auto;left:-12%;width:62%;bottom:-4%}
.premium-shop-order{padding:18px var(--page-gutter) 32px;background:var(--premium-cream)}
.premium-calculator{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);border:1.5px solid var(--premium-blue);border-bottom:0;border-radius:6px 6px 0 0;padding:25px;gap:25px}
.premium-calculator>div+div{border-left:1px solid #004dd430;padding-left:25px}
.premium-calculator label,.premium-control-label{font-weight:650;font-size:15px;display:block;margin-bottom:12px}
.premium-calculator .shop-presets{display:flex;gap:10px;margin:0}
.premium-calculator .shop-presets button{min-width:52px;min-height:46px;padding:9px 13px;font-size:18px;border:1px solid var(--premium-blue);border-radius:3px;background:transparent;color:var(--premium-blue)}
.premium-calculator .shop-presets button[aria-pressed="true"]{background:var(--premium-blue);color:var(--premium-cream)}
.premium-calculator .bottle-counter{max-width:215px;display:grid;grid-template-columns:44px minmax(50px,1fr) 44px;border:1px solid var(--premium-blue);border-radius:3px;overflow:hidden;margin:0}
.premium-calculator .bottle-counter input{width:100%;height:46px;min-width:0;background:transparent;border:0;border-inline:1px solid #004dd440;font-size:21px;color:var(--premium-blue);text-align:center;padding:0;appearance:textfield}
.premium-calculator .bottle-counter input::-webkit-inner-spin-button{appearance:none}
.premium-calculator .bottle-counter button{width:auto;height:46px;min-height:46px;background:transparent;border:0;color:var(--premium-blue);font-size:22px;padding:0}
.premium-calculator .bottle-counter button:disabled{opacity:.4}
.premium-subtotal>span{font-size:14px;display:block;margin-bottom:8px}
.premium-subtotal output{display:block;font-size:44px;font-weight:850;line-height:1.1;overflow-wrap:anywhere}
.premium-subtotal p{font-size:12px;margin:5px 0 0}
.premium-shop-channels{display:grid;grid-template-columns:1fr 1fr;gap:18px;border:1.5px solid var(--premium-blue);border-top:0;border-radius:0 0 6px 6px;padding:0 25px 20px}
.premium-shop-channels>div{border-top:1px solid #004dd430;padding-top:20px;min-width:0}
.premium-shop-channels .button{width:100%;min-height:56px;justify-content:center}
.premium-shop-channels .button img{width:92px;height:25px;object-fit:cover;object-position:center;background:white}
.premium-shop-channels p{font-size:12px;margin:9px 0 0}
.premium-shop-help{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding:28px var(--page-gutter) 38px;border-top:1px solid #004dd420}
.premium-shop-help h2{font-size:23px}.premium-shop-help p{font-size:14px;line-height:1.5;margin-bottom:12px}
/* Meet The Fox: framed illustrations and a light editorial story. */
body .premium-story-opening{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:6%;padding-block:35px 45px;color:var(--premium-blue)}
body .premium-story-opening h1{font-size:clamp(37px,4.5vw,64px);line-height:1.08;letter-spacing:-.035em;margin-bottom:24px}
body .premium-story-opening p,body .premium-story-name p{font-size:17px;line-height:1.55;max-width:500px}
body .premium-story-opening .fox-story-beat{font-size:19px;margin:16px 0 10px}
body .premium-story-photo{padding:12px;background:#fff;overflow:visible;box-shadow:0 10px 24px #183c2915;transform:rotate(2deg);max-width:480px;aspect-ratio:1;margin:auto}
body .premium-story-photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
body .premium-story-name{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:9%;background:var(--premium-lime);padding-block:35px;min-width:0}
body .premium-story-name .premium-story-photo{transform:rotate(-3deg);max-width:320px;padding:12px}
body .premium-story-name .fox-name-line{font-size:clamp(29px,9.5cqi,65px);white-space:nowrap;letter-spacing:-.035em;color:var(--premium-blue);margin-top:22px;line-height:1.12}
body .premium-story-notes{padding-block:36px;background:var(--premium-cream)}
body .premium-story-notes h2{font-size:clamp(30px,3.6vw,45px);margin-bottom:10px}
body .premium-story-notes .fox-notes-introduction p{font-size:16px;line-height:1.55;max-width:850px;margin-bottom:12px}
.premium-story-aside{font-size:14px;margin:10px 0 18px;max-width:850px}
.premium-story-aside summary{cursor:pointer;font-weight:600}.premium-story-aside p{margin-top:12px}
body .premium-story-notes .note-cards{margin-top:22px}
body .premium-story-notes .fox-notes-more{margin-top:18px;gap:18px}
body .premium-story-notes .fox-notes-more span{font-size:13px}
body .premium-story-finish{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;align-items:center;gap:25px;background:var(--premium-blue);color:var(--premium-cream);text-align:left;padding-block:30px}
body .premium-story-finish::before{display:none}
body .premium-story-finish h2{font-size:clamp(24px,2.6vw,35px);margin:0}
body .premium-story-finish p{font-size:14px;line-height:1.5;margin:0}
body .premium-story-finish .button{background:var(--premium-lime);border-color:var(--premium-lime);color:var(--premium-blue)}
/* Wholesale: clear formats on forest green, with the working enquiry form. */
.premium-wholesale-hero{background:var(--premium-forest);color:var(--premium-cream);padding:40px var(--page-gutter) 25px}
.premium-wholesale-title{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:35px;align-items:center;margin-bottom:32px}
.premium-wholesale-title h1{font-size:clamp(42px,5.2vw,76px);line-height:1.04;margin:0 0 20px;font-weight:850;letter-spacing:-.04em}
.premium-wholesale-title h1 span{display:block}.premium-wholesale-title h1 span:last-child{color:var(--premium-lime)}
.premium-wholesale-title p{font-size:18px;margin-bottom:0}
.premium-wholesale-title>img{width:200px;height:200px;object-fit:cover;border:8px solid var(--premium-cream);transform:rotate(3deg)}
.premium-supply-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;scroll-margin-top:80px}
.premium-supply-grid article{background:var(--premium-cream);color:var(--premium-blue);border-radius:5px;padding:25px 22px;text-align:center;display:flex;align-items:center;flex-direction:column;min-width:0}
.premium-supply-grid article:nth-child(2){background:var(--sky)}.premium-supply-grid article:nth-child(3){background:var(--premium-lime)}
.premium-supply-grid .eyebrow{font-size:12px;font-weight:750;margin-bottom:14px}
.premium-supply-grid svg{width:47px;height:54px;stroke:currentColor;stroke-width:1.6;fill:none;margin-bottom:15px}
.premium-supply-grid h2{font-size:clamp(27px,3vw,42px);margin:0 0 8px;white-space:nowrap}
.premium-supply-grid .premium-supply-process{font-size:17px;font-weight:650;margin:0 0 17px}
.premium-supply-grid p:not(.premium-supply-process){font-size:14px;border-top:1px solid #004dd435;padding-top:15px;width:100%;margin-bottom:20px}
.premium-supply-grid .textlink{margin-top:auto;font-size:12px}
.premium-wholesale-origin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;padding:15px var(--page-gutter) 40px;background:var(--premium-forest);color:var(--premium-cream);align-items:start}
.premium-wholesale-origin>img{width:100%;height:330px;object-fit:cover}
.premium-wholesale-origin h2{font-size:26px;color:var(--premium-lime);line-height:1.25}
.premium-wholesale-origin p{font-size:15px;margin-bottom:16px}
.premium-wholesale-origin .actions{margin:18px 0 20px}
.premium-trade-details details{padding:12px 0;border-top:1px solid #ffffff35}
.premium-trade-details summary{font-size:14px;font-weight:600;cursor:pointer}
.premium-trade-details p{font-size:14px;margin:12px 0 0}
.premium-wholesale-enquiry{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:5%;padding:40px var(--page-gutter);background:var(--premium-cream);align-items:start}
.premium-wholesale-enquiry h2{font-size:clamp(38px,5vw,70px)}
.premium-wholesale-enquiry>div>p{font-size:16px}
.premium-wholesale-enquiry .form{padding:25px;border:1px solid var(--premium-blue);background:transparent;color:var(--premium-blue);border-radius:4px}
.premium-wholesale-enquiry .form h3{font-size:23px;margin-bottom:22px}
.premium-wholesale-enquiry [data-fields]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px}
.premium-wholesale-enquiry [data-fields] label:has(textarea){grid-column:1/-1}
.premium-wholesale-enquiry .form label{font-size:13px;margin-bottom:15px}
.premium-wholesale-enquiry .form input,.premium-wholesale-enquiry .form select,.premium-wholesale-enquiry .form textarea{border:1px solid #004dd440;color:var(--premium-blue);background:#ffffff65;min-height:44px;font-size:16px;padding:10px;margin-top:5px;border-radius:3px}
.premium-wholesale-enquiry .form textarea{min-height:90px}
.premium-wholesale-enquiry .form .actions:empty{display:none}
/* Shared compact finish and secondary page treatments. */
footer{padding:36px var(--page-gutter) 22px;background:var(--premium-blue);color:var(--premium-cream)}
.premium-footer-main{display:grid;grid-template-columns:1fr 1.4fr .9fr;gap:35px;align-items:start;margin-bottom:28px}
body footer .brand-slogan{font-family:Anton,Impact,sans-serif;font-size:38px;font-weight:400;letter-spacing:.005em;line-height:1.15;color:var(--premium-lime);margin-bottom:12px}
.premium-footer-main p{font-size:13px;margin-bottom:0}
.premium-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:9px 22px}
.premium-footer-main a{font-size:13px;line-height:1.5}
.premium-footer-social{display:flex;flex-direction:column;gap:12px}
.footer-bottom{font-size:11px;align-items:center}.footer-bottom .footer-slogan{font-size:12px}
body .water-opening{padding-block:45px}
body .water-opening h1{font-size:clamp(44px,5vw,70px)}
body .water-manifesto{font-size:clamp(23px,2.7vw,35px);margin-bottom:20px}
body .water-opening-image .product-campaign{border:12px solid white;box-shadow:0 7px 20px #00000015;aspect-ratio:1;height:auto}
body .water-namhom .namhom-photo{max-width:330px;margin-top:24px}
body .water-pressure{color:var(--premium-cream)}
body .water-pressure h2{color:var(--premium-lime)}
body .water-ingredients h2{font-size:clamp(38px,5vw,67px)}
body .water-nutrition-highlights strong{font-size:52px}
body .water-order h2{font-size:clamp(40px,5vw,67px)}
body .farm-opening h1{font-size:clamp(40px,4.5vw,63px)}
body .farm-opening figure>img{height:380px;border-radius:3px}
body .farm-history figure>img{height:300px}
body .farm-history p,body .farm-selection p{font-size:16px}
body .farm-variety h2{font-size:clamp(43px,6vw,77px)}
body .farm-variety p{font-size:18px}
body .farm-selection h2{font-size:clamp(36px,4vw,56px)}
body .farm-finish h2{font-size:clamp(32px,3.5vw,48px)}
body .discovery-faq{padding-top:20px}
body .discovery-faq article{padding:22px 0}
body .form{color:var(--premium-blue);border-color:#004dd440}
body .form input,body .form select,body .form textarea{color:var(--premium-blue);font-size:16px}
body .business-card,body .quality-cards article{border-radius:4px;box-shadow:none;border-color:#004dd440}
body .quality-number{margin-bottom:20px}
body.th :is(h1,h2,h3)[lang="en"]{font-family:Inter,sans-serif;line-height:1.1;font-weight:800;letter-spacing:-.035em}
body.th .premium-home-hero .brand-slogan[lang="en"]{font-family:Anton,Impact,sans-serif;line-height:1.03;font-weight:400;letter-spacing:.005em}
body.th .premium-story-name .fox-name-line[lang="en"]{font-size:clamp(29px,9.5cqi,65px)}
body.th .premium-shop-hero h1[lang="en"]{font-size:clamp(55px,7.3vw,104px);line-height:1;font-weight:900}
body.th .premium-wholesale-title h1[lang="en"]{font-size:clamp(42px,5.2vw,76px);line-height:1.04;font-weight:850;letter-spacing:-.04em}
@media(max-width:1100px){
 header nav{gap:16px;font-size:12px}body header .logo{width:155px;max-width:155px}
 .premium-purchase{grid-template-columns:1fr;gap:18px}.premium-purchase-order{border-left:0;padding-left:0;justify-content:flex-start}
 .premium-wholesale-title{grid-template-columns:minmax(0,1fr) 155px;gap:22px}.premium-wholesale-title>img{width:155px;height:155px}
 .premium-wholesale-title h1,body.th .premium-wholesale-title h1[lang="en"]{font-size:6vw}
 .premium-story-finish{grid-template-columns:1fr 1fr}.premium-story-finish .button{grid-column:2;justify-self:start}
}
@media(max-width:850px){
 header{grid-template-columns:minmax(0,1fr) auto 44px;column-gap:8px;padding:14px 6%;min-height:72px}
 header .header-actions{gap:8px;margin:0;padding-right:0}header #shop-link.button.small{font-size:11px;padding:10px;min-height:42px}
 header #language{font-size:12px}body header .logo{width:170px;max-width:100%}
 .premium-home-hero{padding-top:15px}.premium-hero-grid{margin-top:0}.premium-product-stage{height:330px}
 body .premium-home-hero .brand-slogan{font-size:8.3vw}.premium-hero-copy p{font-size:16px}
 .premium-shop-hero .premium-product-stage{height:320px}
 .premium-shop-hero h1,body.th .premium-shop-hero h1[lang="en"]{font-size:8vw}
 .premium-calculator{gap:16px;padding:20px}.premium-calculator>div+div{padding-left:16px}
 .premium-calculator .shop-presets{gap:7px}.premium-calculator .shop-presets button{min-width:42px;padding:8px}
 .premium-footer-main{grid-template-columns:1fr 1.3fr}.premium-footer-social{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:25px}
 .premium-wholesale-enquiry{grid-template-columns:1fr;gap:25px}.premium-wholesale-enquiry h2{font-size:48px;margin-bottom:12px}
}
@media(max-width:720px){
 .premium-hero-grid,.premium-shop-hero,.premium-home-farm,.premium-wholesale-origin{grid-template-columns:minmax(0,1fr)}
 .premium-hero-copy{padding:12px 0 24px}.premium-hero-copy p{max-width:430px}
 .premium-wordmark img{max-width:none}
 body .premium-home-hero .brand-slogan{font-size:clamp(51px,12.5vw,84px)}
 .premium-product-stage{height:330px;width:min(100%,430px);margin:auto}
 .premium-home-hero .premium-product-stage .premium-product{height:114%;left:12%;top:-8%}
 .premium-home-hero .premium-fox{width:57%;right:0;bottom:-2%}
 .premium-purchase{padding-block:24px}.premium-purchase-order{align-items:flex-start;gap:18px;flex-wrap:wrap}
 .premium-price strong{font-size:38px}.premium-purchase-order>div:last-child{flex:1;min-width:220px}
 .premium-channel-actions .button{flex:1;min-width:0}
 .premium-home-farm>img{height:240px}.premium-home-farm>div{padding:30px 6%}
 .premium-section-title{align-items:flex-start}.premium-section-title>.textlink{white-space:nowrap}
 .premium-home-notes{padding-block:30px}.premium-home-trade{display:block;padding-block:28px}.premium-home-trade .button{margin-top:20px}
 .premium-shop-hero{padding-top:25px;gap:10px}.premium-shop-hero h1,body.th .premium-shop-hero h1[lang="en"]{font-size:clamp(55px,13vw,88px)}
 .premium-shop-hero p{font-size:17px}.premium-shop-hero .premium-product-stage{height:300px}
 .premium-shop-hero .premium-product{left:32%;height:115%}.premium-shop-hero .premium-fox{left:0;width:60%}
 .premium-calculator{grid-template-columns:1fr 1fr;gap:20px}
 .premium-calculator>div+div{padding-left:0;border-left:0}
 .premium-calculator .premium-subtotal{grid-column:1/-1;border-top:1px solid #004dd430;padding-top:18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 15px}
 .premium-subtotal output{font-size:38px;grid-column:2;grid-row:1/3}.premium-subtotal p{grid-column:1;grid-row:2}
 .premium-shop-channels{gap:12px;padding:0 20px 20px}.premium-shop-channels .button{padding:12px;font-size:14px;gap:10px}
 .premium-shop-channels .button img{display:none}
 .premium-shop-help{grid-template-columns:1fr;gap:23px;padding-block:25px}.premium-shop-help h2{margin-bottom:9px}
 body .premium-story-opening,body .premium-story-name{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:30px}
 body .premium-story-opening h1{font-size:clamp(37px,8.8vw,57px)}
 body .premium-story-opening p,body .premium-story-name p{font-size:16px;line-height:1.65}
 body .premium-story-photo{max-width:380px;width:94%;padding:10px;transform:rotate(1.5deg)}
 body .premium-story-name>div:first-child{order:2}
 body .premium-story-name .fox-name-line,body.th .premium-story-name .fox-name-line[lang="en"]{font-size:clamp(27px,8.6vw,47px)}
 body .premium-story-name .premium-story-photo{max-width:280px}
 body .premium-story-finish{display:block;padding-block:28px}.premium-story-finish h2{margin-bottom:14px}.premium-story-finish p{margin-bottom:20px}
 .premium-supply-grid{grid-template-columns:1fr;gap:15px}.premium-supply-grid article{display:grid;grid-template-columns:65px 1fr;gap:0 20px;text-align:left;align-items:center;padding:23px}
 .premium-supply-grid article>.eyebrow{grid-column:1/-1;margin-bottom:12px}.premium-supply-grid article svg{grid-column:1;grid-row:2/4;margin:0;width:50px;height:60px}
 .premium-supply-grid article h2{grid-column:2;grid-row:2;font-size:35px}.premium-supply-grid article .premium-supply-process{grid-column:2;grid-row:3;margin-bottom:10px}
 .premium-supply-grid article p:not(.premium-supply-process){grid-column:1/-1;padding-top:12px;margin:10px 0 15px}.premium-supply-grid article a{grid-column:1/-1;justify-self:start}
 .premium-wholesale-title{grid-template-columns:1fr}.premium-wholesale-title>img{display:none}
 .premium-wholesale-title h1,body.th .premium-wholesale-title h1[lang="en"]{font-size:clamp(35px,8.5vw,58px)}
 .premium-wholesale-title p{font-size:16px}.premium-wholesale-hero{padding-block:30px 20px}
 .premium-wholesale-origin{padding-top:10px;padding-bottom:30px;gap:25px}.premium-wholesale-origin>img{height:240px}
 .premium-wholesale-enquiry{padding-block:30px}
 body .note-cards{grid-template-columns:1fr;gap:13px}
 body .note-cards blockquote{padding:21px}
 body .note-cards p,body.th .note-cards p[lang="en"]{font-size:25px;max-width:500px;margin-top:16px}
 .premium-section-title{display:block}.premium-section-title>.textlink{margin-top:15px}
 body .section{padding-block:36px}body .page-intro{padding-block:28px 22px}
 body .page-intro h1{font-size:clamp(35px,9.4vw,54px)}
 body .water-opening,body .farm-opening{padding-block:30px}
 body .farm-opening figure>img{height:320px}
 .premium-footer-main{gap:25px}.premium-footer-links{gap:9px 12px}
}
@media(max-width:420px){
 .premium-purchase-order>div:last-child{flex-basis:100%}.premium-channel-actions{gap:9px}
 .premium-purchase h2{font-size:28px}.premium-purchase p{font-size:13px}.premium-purchase p span{padding-inline:3px}
 .premium-calculator{grid-template-columns:1fr;gap:19px}.premium-calculator .premium-subtotal{grid-column:1;grid-template-columns:1fr auto}
 .premium-calculator .shop-presets button{min-width:55px}
 .premium-shop-channels{grid-template-columns:1fr}.premium-shop-channels>div+div{border-top:0;padding-top:5px}
 .premium-shop-channels .button img{display:block}
 .premium-wholesale-enquiry [data-fields]{grid-template-columns:1fr}
 .premium-wholesale-enquiry .form{padding:20px}
 .premium-footer-main{grid-template-columns:1fr}.premium-footer-links{grid-template-columns:1fr 1fr}.premium-footer-social{grid-column:1}
 .premium-footer-main .brand-slogan{font-size:36px}.footer-bottom{gap:12px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){body .button:hover{transform:none}}
.premium-wholesale-origin>img{object-position:center 70%}
body .line-man-order img{width:92px;height:25px;object-fit:cover;object-position:center;background:white}
body .water-opening .actions .button.light{background:var(--premium-cream);border-color:var(--premium-cream);color:var(--premium-blue)}
body .water-opening .line-man-order{background:transparent;color:var(--premium-cream);border-color:var(--premium-cream)}
body .water-opening .water-size{flex-basis:100%}
.premium-contact-enquiry h2{font-size:clamp(36px,4.7vw,64px)}
@media(min-width:851px) and (max-width:1280px){body header nav:not(.open){display:none}header{justify-content:space-between}}
@media(min-width:1281px){body header nav{gap:18px;font-size:12px}}
/* Keep navigation clear on intermediate laptop widths and the blue homepage. */
body[data-page="home"] header nav:not(.open){color:var(--premium-cream)}
@media(min-width:851px) and (max-width:1100px){header nav:not(.open){display:none}header{justify-content:space-between}}

.premium-footer-coconut{display:block;width:180px;height:100px;max-width:100%;background:var(--sky);-webkit-mask:var(--coconut-mark) center/contain no-repeat;mask:var(--coconut-mark) center/contain no-repeat}

/* Align the shared footer on phones. */
@media(max-width:600px){
 body footer{padding-top:28px;padding-bottom:24px}
 body .premium-footer-main{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:24px}
 body .premium-footer-brand{display:flex;justify-content:center}
 body .premium-footer-coconut{width:160px;height:90px}
 body .premium-footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;align-items:start}
 body .premium-footer-links a{min-width:0;overflow-wrap:break-word}
 body .premium-footer-social{grid-column:1;flex-direction:column;align-items:flex-start;gap:12px}
 body .footer-bottom{flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}
 body .footer-bottom span.footer-slogan{margin-left:0;text-align:center;white-space:normal}
}

/* Text-only LINE MAN buttons share the LINE button dimensions. */
body a.button.line-man-order{background:#087d43;color:var(--premium-cream);border-color:#087d43}
body a.button.line-man-order:hover{background:#066535;border-color:#066535}
body a.button.line-man-order:focus-visible{outline:3px solid var(--premium-lime);outline-offset:3px}