@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Sans+Khmer:wght@400;500&display=swap');
:root{--ivory:#f8f5ed;--ink:#293329;--muted:#606456;--gold:#a88137;--line:#d9d6c8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:'DM Sans','Noto Sans Khmer',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:6px}header{height:108px;max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{font-family:Georgia,serif;font-size:34px;letter-spacing:6px;line-height:1.1}.brand span{display:block;font:10px/2.4 'DM Sans',sans-serif;letter-spacing:4px;text-align:center}nav{display:flex;align-items:center;gap:38px;font-size:14px}nav a:hover,.text-link:hover{color:var(--gold)}.nav-products{position:relative}.nav-products summary{padding:12px 0;align-items:center;gap:8px}.nav-products summary:after{content:'⌄';font-size:15px;color:var(--gold);transition:transform .2s}.nav-products[open] summary:after{transform:rotate(180deg)}.submenu{display:none;position:absolute;top:calc(100% + 10px);left:-18px;min-width:230px;padding:10px;background:#fffdf7;border:1px solid var(--line);box-shadow:0 18px 45px #29332922}.submenu a{display:block;padding:11px 12px;white-space:nowrap;border-bottom:1px solid #ece7d9}.submenu a:last-child{border-bottom:0}.submenu a:hover{background:#efebde}.nav-products[open] .submenu,.nav-products:hover .submenu,.nav-products:focus-within .submenu{display:block}.header-link{font-size:14px;border-bottom:1px solid var(--gold);padding-bottom:7px}.header-link span{margin-left:25px}.hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:735px}.hero-copy{padding:65px 9% 36px 11%;display:flex;align-items:flex-start;flex-direction:column}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:500;margin:0 0 27px;display:flex;align-items:center;gap:12px}.eyebrow span{height:1px;width:30px;background:var(--gold)}h1,h2,h3,.ingredient{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(58px,5.8vw,88px);line-height:1.06;letter-spacing:-3px;margin:0 0 26px}em{font-weight:400;color:var(--gold)}.intro{max-width:340px;margin:0 0 30px;color:var(--muted);font-size:16px;line-height:1.8}.button{background:var(--ink);color:white;min-height:53px;padding:14px 25px;display:flex;gap:40px;align-items:center;font-size:14px;transition:background .2s}.button:hover{background:#47523d}.hero-bottom{display:flex;gap:20px;align-items:center;margin-top:auto;padding-top:37px}.hero-bottom>span{font-family:'Noto Sans Khmer',sans-serif;font-size:28px;color:var(--gold)}.hero-bottom p{font-size:12px;line-height:1.8;margin:0;color:var(--muted)}.hero-art{position:relative;margin:0;min-height:735px;background:#b4a27c;overflow:hidden}.hero-art img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}.hero-art:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#18231b99);pointer-events:none}.hero-art figcaption{position:absolute;bottom:30px;left:35px;right:35px;color:#fff;display:flex;justify-content:space-between;gap:16px;z-index:1;font-size:12px;letter-spacing:1px}.ribbon{background:var(--ink);color:#e4d2a9;display:flex;align-items:center;justify-content:space-around;padding:25px 6%;gap:20px;font-size:12px;letter-spacing:3px}.ribbon i{font-size:22px;font-style:normal}.collection{max-width:1440px;margin:auto;padding:95px 5.5% 105px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}h2{font-size:clamp(36px,3.4vw,50px);line-height:1.15;letter-spacing:-1.5px;margin:0}.section-heading .eyebrow{margin-bottom:19px}.section-heading>p{font-size:14px;color:var(--muted);margin:0 0 5px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{padding:27px;background:#e8ebdf}.product-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px;gap:10px}.tag{padding:4px 8px;border:1px solid currentColor;border-radius:20px;font-size:10px}.ingredient{font-size:44px;line-height:1.18;letter-spacing:-1px;margin:45px 0 55px}.aloe .ingredient em{color:#758048}.coffee{background:#3d2e25;color:#f9f0e0}.coffee .ingredient em{color:#d1ae74}.soap{background:#eaddc0}.soap .ingredient em{color:#927135}.product-info{border-top:1px solid #79826d66;padding-top:21px}.coffee .product-info{border-color:#ffffff40}h3{font-size:27px;line-height:1.25;margin:0 0 5px}.product-info>p{font-size:14px;margin:0;opacity:.85}.product-info .description{margin:21px 0 27px;min-height:78px;line-height:1.85}.product-link{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #79826d66;padding-top:18px;font-size:14px;font-weight:500}.coffee .product-link{border-color:#ffffff40}.product-link:hover span{transform:translateX(4px)}.product-link span{font-size:20px;transition:transform .2s}.product details{border-top:1px solid #79826d66}.coffee details{border-color:#ffffff40}summary{cursor:pointer;list-style:none;padding:18px 0 0;display:flex;justify-content:space-between;gap:12px;font-size:14px}summary::-webkit-details-marker{display:none}summary span{font-size:22px;line-height:1}details[open] summary span{transform:rotate(45deg)}.detail-content{font-size:14px;line-height:1.75;padding-top:20px}.story{border-top:1px solid var(--line);padding:85px 10%;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;background:#efebde}.story-label>span{font-family:'Noto Sans Khmer',sans-serif;font-size:clamp(48px,7vw,100px);color:#b39a61;line-height:1.8}.story-copy h2{margin-bottom:26px}.story-copy>p{max-width:510px;color:var(--muted);line-height:1.9}.text-link{display:inline-block;margin-top:18px;border-bottom:1px solid var(--gold);padding-bottom:7px;font-size:14px}.text-link span{margin-left:30px}footer{padding:44px 5.5%;display:flex;justify-content:space-between;align-items:center;gap:30px}footer p{font-size:13px}footer p span{color:var(--muted)}footer>a:last-child{font-size:13px}body{animation:appear .5s ease-out}@keyframes appear{from{opacity:0}to{opacity:1}}@media(min-width:1600px){.hero{border-inline:1px solid var(--line)}}@media(max-width:1000px){header{height:90px}.hero{min-height:640px}.hero-copy{padding-top:45px}.hero-art{min-height:640px}h1{font-size:62px}.hero-art figcaption{flex-direction:column}.product{padding:20px}.ingredient{font-size:36px}h3{font-size:24px}.product-info .description{min-height:105px}.story{padding:70px 6%;gap:35px}}@media(max-width:700px){header{padding:20px 6%;height:auto;gap:20px}.brand{font-size:27px;letter-spacing:4px}.brand span{font-size:9px;letter-spacing:2.5px}nav{gap:10px 18px;font-size:13px;flex-wrap:wrap;justify-content:flex-end}.nav-products{position:static}.nav-products summary{padding:0}.submenu{top:100%;left:4%;right:4%;min-width:0}.header-link{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 7% 30px}.eyebrow{font-size:11px}h1{font-size:62px;letter-spacing:-2px}.intro{max-width:400px}.hero-bottom{padding-top:32px}.hero-art{min-height:440px}.hero-art img{object-position:center 58%}.hero-art figcaption{flex-direction:row;left:25px;right:25px}.ribbon{gap:10px;padding:21px 4%;font-size:9px;letter-spacing:1px}.ribbon i{font-size:18px}.collection{padding:58px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:23px}.product-grid{grid-template-columns:1fr;gap:18px}.product{padding:27px}.ingredient{font-size:45px;margin:35px 0}.product-info .description{min-height:0;max-width:400px}.story{grid-template-columns:1fr;gap:25px;padding:50px 7%}.story-label>span{font-size:50px}.story-label .eyebrow{margin-bottom:5px}.story-copy h2{font-size:40px}footer{flex-wrap:wrap;padding:32px 6%;gap:24px}footer p{font-size:12px}footer>a:last-child{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{animation:none}}

.product-photo{margin:0 0 25px;aspect-ratio:16/10;overflow:hidden;background:#d9c9a6}.product-photo img{display:block;width:100%;height:100%;object-fit:cover}.aloe .product-photo{background:#eee1cb}.coffee .product-photo{background:#ad8053}.soap .product-photo{background:#dbbc85}.product .ingredient{margin-bottom:28px}

.story{padding:48px 7%;grid-template-columns:minmax(0,200px) minmax(0,640px);justify-content:center;align-items:center;gap:clamp(28px,4vw,56px)}
.story-label{min-width:0}
.story-label .eyebrow{margin-bottom:10px}
.story-label>span{display:block;font-size:48px;line-height:1.5}
.story-logo{display:block;width:min(100%,112px);height:auto;margin-top:6px}
.story-copy{min-width:0}
@media(max-width:700px){.story{grid-template-columns:1fr;padding:36px 7%;gap:24px}.story-label>span{font-size:40px}.story-logo{width:min(100%,96px);margin-top:5px}}
.aloe .ingredient{font-size:clamp(28px,2.6vw,40px)}

/* Facebook news feed */
.facebook-news{border-top:1px solid var(--line);padding:52px 8%;display:grid;grid-template-columns:minmax(270px,.72fr) minmax(360px,460px);gap:clamp(32px,5vw,70px);align-items:center;justify-content:center;background:#f8f5ed}
.facebook-news-copy{padding-top:8px}
.facebook-news-copy h2{font-size:clamp(42px,4.2vw,60px);margin-bottom:18px}
.facebook-news-copy>p:last-of-type{max-width:400px;margin:0;color:var(--muted);font-size:1rem;line-height:1.85}
.facebook-page-link{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;max-width:360px;margin-top:24px;padding:13px 0;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);font-size:14px}
.facebook-page-link:hover{color:var(--gold)}
.facebook-page-link small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.facebook-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1877f2;color:#fff;font-family:Arial,sans-serif;font-size:23px;font-weight:700;line-height:1}
.facebook-feed-card{width:100%;max-width:460px;margin-left:auto;padding:14px;background:#fff;border:1px solid #ddd8cb;box-shadow:10px 10px 0 #e5d3aa}
.facebook-feed-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 10px;font-size:10px;letter-spacing:1.2px;color:#5d6458}
.live-label{display:flex;align-items:center;gap:7px;color:#50604c}
.live-label i{width:8px;height:8px;border-radius:50%;background:#4f8a4a;box-shadow:0 0 0 4px #4f8a4a1c}
.facebook-embed{width:100%;max-width:420px;margin:auto;min-height:520px;background:#f0eee8;overflow:hidden}
.facebook-embed iframe{display:block;width:100%;max-width:420px;height:520px;margin:auto}
.facebook-fallback{margin:10px 3px 0;color:var(--muted);font-size:12px;line-height:1.65}
.facebook-fallback a{text-decoration:underline;text-underline-offset:4px;color:#5d451d}
@media(max-width:900px){.facebook-news{grid-template-columns:1fr;padding:46px 6%;gap:28px}.facebook-news-copy{padding-top:0}.facebook-news-copy>p:last-of-type{max-width:580px}.facebook-feed-card{margin:0 auto}}
@media(max-width:700px){.facebook-news{padding:34px 5%;gap:22px}.facebook-news-copy h2{font-size:42px}.facebook-feed-card{padding:10px;box-shadow:6px 6px 0 #e5d3aa}.facebook-feed-top{font-size:9px;letter-spacing:.8px}.facebook-embed{min-height:500px}.facebook-embed iframe{height:500px}.facebook-fallback{font-size:11px}}

/* Khmer promotion and product details */
.hero-copy{min-width:0}
h1.promo-title{font-family:'DM Sans','Noto Sans Khmer',sans-serif;font-size:clamp(1.8rem,3.1vw,3rem);font-weight:500;line-height:1.65;letter-spacing:0;overflow-wrap:anywhere;margin:0 0 28px}
.promo-title [lang="en"]{font-weight:600}
.details-main{max-width:1440px;margin:auto;padding:36px 5.5% 80px}
.details-back{display:inline-block;font-size:14px;text-decoration:underline;text-underline-offset:5px;margin-bottom:30px}
.details-intro{max-width:960px;margin:0 auto 48px}
.details-intro .promo-title{text-align:center;margin-bottom:32px}
.details-benefits{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.details-benefits li{padding:22px 24px;background:#efebde;border:1px solid #d7bd7c;font-size:1.125rem;line-height:1.95;overflow-wrap:anywhere}
.details-benefits li:last-child{grid-column:1/-1}
.details-divider{border:0;border-top:1px solid var(--line);margin:32px 0}
.details-contact{text-align:center}
.details-contact p{font-size:1.125rem;line-height:2;margin:0 0 24px}
.telegram-button{display:inline-flex;justify-content:center;max-width:100%;font-size:1rem;overflow-wrap:anywhere}
.details-posters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.details-posters a{display:block;line-height:0;border:1px solid #d7bd7c;box-shadow:0 12px 30px #29332912}
.details-posters img{display:block;width:100%;height:auto}
@media(max-width:900px){.details-posters{grid-template-columns:1fr;max-width:600px;margin:auto;gap:28px}}
@media(max-width:700px){.details-main{padding:28px 6% 50px}.details-benefits{grid-template-columns:1fr}.details-benefits li{padding:18px 20px;font-size:1rem}.details-contact p{font-size:1rem}.details-intro{margin-bottom:36px}}

/* Responsive, click-to-play hero video */
.hero-video{min-width:0;margin:0;padding:40px clamp(16px,2.5vw,40px);display:flex;flex-direction:column;justify-content:center;gap:20px;background:#eaddc0}
.video-frame{width:100%;aspect-ratio:16/9;min-height:200px;background:#151b16;box-shadow:0 18px 45px #29332924}
.video-frame iframe{display:block;width:100%;height:100%;border:0}
.hero-video figcaption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:14px}
.hero-video figcaption>span{letter-spacing:2px}
.hero-video figcaption a{text-decoration:underline;text-underline-offset:5px}
.hero-video figcaption a:hover{color:#70551f}
@media(max-width:700px){.hero-video{padding:28px 16px;gap:18px}}

/* Contact section and contact details page */
nav a[aria-current="page"]{color:var(--gold)}
.contact{padding:95px 8%;display:grid;grid-template-columns:minmax(260px,.75fr) minmax(560px,1.4fr);gap:8%;background:#293329;color:#f8f5ed}
.contact-heading{align-self:start;position:sticky;top:40px}
.contact-heading .eyebrow{color:#e7ce8d}
.contact-heading h2{font-size:clamp(50px,5vw,74px);margin-bottom:25px}
.contact-heading p:last-child{max-width:360px;color:#cbd0c2;line-height:1.8}
.contact-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ffffff2e;border-left:1px solid #ffffff2e}
.social-button{min-height:155px;padding:26px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:18px;border-right:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e;transition:background .25s,color .25s}
.social-button:hover{background:#f8f5ed;color:#293329}
.social-icon{width:48px;height:48px;border:1px solid #d5ba78;border-radius:50%;display:grid;place-items:center;color:#e7ce8d}
.social-icon svg,.contact-socials svg{width:23px;height:23px;fill:currentColor}
.social-button small{display:block;color:#aaaf9f;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:5px}
.social-button:hover small{color:#6e7368}
.action-arrow{font-size:21px;color:#d5ba78}
.info-icon{font-family:Georgia,serif;font-size:26px;font-style:italic}
.contact-main{min-height:calc(100vh - 220px)}
.contact-hero{max-width:1280px;margin:auto;padding:90px 6%;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}
.contact-hero-copy>p:not(.eyebrow){max-width:460px;color:var(--muted);line-height:1.9}
.contact-direct-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.contact-direct-actions .button{justify-content:center;font-size:1rem}
.contact-facebook-button{background:transparent;color:var(--ink);border:1px solid var(--gold)}
.contact-facebook-button:hover{background:#e8dbb9}
.contact-card{background:#293329;color:#f8f5ed;padding:42px 50px;box-shadow:20px 20px 0 #d7bd7c}
.contact-card>img{width:90px;height:auto;max-height:138px;object-fit:contain;display:block;margin:0 auto 22px}
.card-label{font-size:11px;letter-spacing:2px;color:#d7bd7c;margin:0 0 13px}
.detail-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:21px 0;border-top:1px solid #ffffff2e}
.detail-row span{font-size:13px;color:#c4c9bc}
.detail-row strong{font-size:15px;font-weight:500;text-align:right;overflow-wrap:anywhere}
.detail-row:hover strong{color:#e7ce8d}
.contact-socials{display:flex;gap:12px;margin-top:24px}
.contact-socials a{width:48px;height:48px;border:1px solid #d7bd7c;border-radius:50%;display:grid;place-items:center;color:#e7ce8d;transition:background .2s,color .2s}
.contact-socials a:hover{background:#e7ce8d;color:#293329}

@media(max-width:1000px){
  .contact{grid-template-columns:1fr;gap:45px;padding:70px 6%}
  .contact-heading{position:static}
  .contact-heading p:last-child{max-width:520px}
  .contact-hero{padding:70px 6%;gap:6%}
  .contact-card{padding:35px}
}
@media(max-width:700px){
  header{align-items:flex-start}
  nav{gap:10px 18px;flex-wrap:wrap;justify-content:flex-end}
  .contact{padding:55px 6%;gap:30px}
  .contact-heading h2{font-size:48px}
  .contact-actions{grid-template-columns:1fr}
  .social-button{min-height:120px;padding:22px 20px}
  .contact-hero{grid-template-columns:1fr;padding:55px 7%;gap:50px}
  .contact-card{padding:30px 22px;box-shadow:10px 10px 0 #d7bd7c}
  .detail-row{display:block}
  .detail-row strong{display:block;text-align:left;margin-top:4px}
  .contact-main h1{font-size:52px}
}

/* Product education pages */
.product-detail-main{max-width:1440px;margin:auto;padding:42px 5.5% 90px}
.product-detail-back{display:inline-flex;align-items:center;gap:9px;margin-bottom:30px;font-size:14px;border-bottom:1px solid var(--gold);padding-bottom:5px}
.product-detail-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);background:#efe9d9;min-height:510px}
.product-detail-visual{margin:0;min-width:0;overflow:hidden;background:#d4b172}
.product-detail-visual img{display:block;width:100%;height:100%;object-fit:cover}
.product-detail-intro{padding:clamp(38px,6vw,76px);display:flex;flex-direction:column;justify-content:center}
.product-detail-number{margin:0 0 18px;font-size:12px;letter-spacing:2px;color:var(--gold);font-weight:600}
.product-detail-intro h1{font-size:clamp(40px,4.7vw,68px);line-height:1.08;letter-spacing:-2px;margin-bottom:22px}
.product-detail-khmer{font-size:1.22rem;line-height:1.9;margin:0 0 20px;color:#6c542a}
.product-detail-lead{font-size:1.05rem;line-height:2;margin:0;color:var(--muted)}
.product-detail-content{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:clamp(35px,7vw,95px);padding:72px 3% 25px}
.ingredient-panel{align-self:start;position:sticky;top:35px;padding:32px;background:#293329;color:#f8f5ed}
.ingredient-panel .eyebrow{color:#d9bd78;margin-bottom:18px}
.ingredient-panel h2{font-size:2rem;margin-bottom:20px;color:#e7ce8d}
.ingredient-list{margin:0;color:#e7e9e1;line-height:1.9;font-size:15px;overflow-wrap:anywhere}
.care-sections{min-width:0}
.care-block{padding:0 0 35px;margin-bottom:35px;border-bottom:1px solid var(--line)}
.care-block:last-child{border-bottom:0;margin-bottom:0}
.care-block h2{font-family:'Noto Sans Khmer','DM Sans',sans-serif;font-size:clamp(28px,3vw,40px);letter-spacing:0;margin-bottom:20px}
.care-block p{font-size:1.05rem;line-height:2.05;margin:0;color:#444c40}
.usage-list{list-style:none;counter-reset:usage;padding:0;margin:0;display:grid;gap:14px}
.usage-list li{counter-increment:usage;display:grid;grid-template-columns:44px 1fr;gap:15px;align-items:start;padding:18px 20px;background:#efebde;font-size:1.02rem;line-height:1.9}
.usage-list li:before{content:counter(usage,decimal-leading-zero);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#a88137;color:#fff;font-size:13px;font-weight:600}
.storage-note{padding:22px 24px;border-left:4px solid var(--gold);background:#f2ead8}
.product-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:60px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.product-switcher a{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;transition:background .2s,color .2s}
.product-switcher a span{display:block;margin-bottom:5px;font-size:11px;letter-spacing:1.5px;color:var(--gold)}
.product-switcher a:hover,.product-switcher a[aria-current="page"]{background:#293329;color:#fff}
.product-switcher a[aria-current="page"] span{color:#e7ce8d}
.product-body-scrub .product-detail-hero{background:#3d2e25;color:#f9f0e0}
.product-body-scrub .product-detail-lead{color:#e3d6c7}
.product-body-scrub .product-detail-khmer{color:#d6b97d}
.product-soap .product-detail-hero{background:#eaddc0}
@media(max-width:900px){
  .product-detail-hero{grid-template-columns:1fr}.product-detail-visual{aspect-ratio:16/9}.product-detail-content{grid-template-columns:1fr;padding-inline:0}.ingredient-panel{position:static}.product-switcher{grid-template-columns:1fr}
}
@media(max-width:700px){
  .product-detail-main{padding:28px 5% 60px}.product-detail-back{margin-bottom:22px}.product-detail-intro{padding:34px 26px}.product-detail-intro h1{font-size:40px;letter-spacing:-1px}.product-detail-content{padding-top:45px;gap:35px}.ingredient-panel{padding:26px 22px}.care-block h2{font-size:28px}.care-block p,.usage-list li{font-size:1rem}.usage-list li{grid-template-columns:38px 1fr;padding:16px}.usage-list li:before{width:38px;height:38px}.product-switcher{margin-top:40px}
}

/* Prices page */
.submenu .submenu-prices{margin-top:6px;padding-top:13px;border-top:1px solid var(--gold);color:#8a6724;font-weight:600}
.submenu .submenu-info{margin-top:6px;padding-top:13px;border-top:1px solid var(--gold);color:#8a6724;font-weight:600}
.submenu .submenu-info+.submenu-prices{margin-top:0;border-top:0;padding-top:11px}
.prices-main{background:#120c08}
.prices-hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(34px,5vw,78px);padding:68px 6%;color:#f8f5ed}
.prices-heading .eyebrow{color:#ddb14f;margin-bottom:24px}
.prices-heading h1{font-size:clamp(54px,6vw,88px);margin-bottom:20px}
.prices-khmer{font-size:1.45rem!important;color:#ddb14f!important;margin-bottom:12px!important;line-height:1.8!important}
.prices-heading>p:not(.eyebrow){margin:0;max-width:440px;color:#d4c9bb;line-height:1.85}
.prices-heading .text-link{color:#f8f5ed;margin-top:28px}
.prices-art{margin:0;border:1px solid #a97b2f;padding:10px;background:#0d0906;box-shadow:16px 16px 0 #c997321f}
.prices-art img{display:block;width:100%;height:auto}
.price-list-section{background:#f8f5ed;padding:80px 7% 90px}
.price-list-section>*{max-width:1280px;margin-inline:auto}
.price-list-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
.price-list-heading .eyebrow{margin:0}
.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.price-card{min-height:160px;padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #d4c9b6;background:#efe9dc;transition:transform .2s,box-shadow .2s}
.price-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #2f281d18}
.price-card span{display:block;margin-bottom:10px;font-size:11px;letter-spacing:1.5px;color:#8d6c2c}
.price-card h3{font-size:28px;margin-bottom:7px}
.price-card p{margin:0;color:var(--muted);font-size:14px}
.price-card strong{flex:0 0 auto;color:#9a7123;font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,3vw,42px);font-weight:400;white-space:nowrap}
.price-card strong small{font-family:'Noto Sans Khmer','DM Sans',sans-serif;font-size:.55em}
.price-coffee{background:#35261f;color:#fff4e5;border-color:#49352a}
.price-coffee p{color:#d9c9b9}
.price-coffee span{color:#d8ae62}
.price-coffee strong{color:#e0b554}
.price-soap{background:#eadabd}
.price-contact{margin-top:30px;padding:26px 30px;background:#293329;color:#f8f5ed;display:flex;align-items:center;justify-content:space-between;gap:25px}
.price-contact p{margin:0;line-height:1.9}
.price-contact .button{flex:0 0 auto;background:#d0a046;color:#1b150e}
.price-contact .button:hover{background:#e2b85f}
@media(max-width:900px){
  .prices-hero{grid-template-columns:1fr;padding:52px 6%}.prices-art{max-width:900px}.price-list-heading{display:block}.price-list-heading h2{margin-top:18px}.price-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .prices-hero{padding:42px 5%;gap:30px}.prices-heading h1{font-size:52px}.prices-khmer{font-size:1.2rem!important}.prices-art{padding:5px;box-shadow:8px 8px 0 #c997321f}.price-list-section{padding:52px 5% 60px}.price-card{min-height:140px;padding:22px 20px;display:block}.price-card strong{display:block;margin-top:18px}.price-contact{padding:23px 20px;display:block}.price-contact .button{margin-top:18px;justify-content:space-between}
}

/* Promotion news page */
.promotions-main{background:#f8f5ed}
.promotion-masthead{padding:64px 7% 58px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);gap:clamp(40px,8vw,120px);align-items:end;background:#182219;color:#f8f5ed;border-bottom:8px solid #c39337}
.promotion-masthead .eyebrow{color:#e1bc6d}
.promotion-masthead h1{font-size:clamp(58px,7vw,96px);margin:0}
.promotion-intro>p{margin:0 0 30px;color:#e0e4db;font-size:1.125rem;line-height:2}
.promotion-frequency{padding-top:18px;border-top:1px solid #ffffff35;display:flex;justify-content:space-between;gap:22px;align-items:center}
.promotion-frequency strong{color:#e1bc6d;font-size:.78rem;letter-spacing:1.4px}
.promotion-frequency span{color:#b9c1b5;font-size:.875rem}
.promotion-feed{max-width:1440px;margin:auto;padding:72px 5.5% 96px}
.promotion-toolbar{display:flex;justify-content:space-between;align-items:end;gap:34px;margin-bottom:36px}
.promotion-toolbar .eyebrow{margin-bottom:13px;color:#8a6724}
.promotion-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.promotion-filters button{min-height:44px;padding:10px 17px;border:1px solid #bdb8aa;background:transparent;color:var(--ink);font:500 .875rem/1.2 'DM Sans','Noto Sans Khmer',sans-serif;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.promotion-filters button:hover,.promotion-filters button:focus-visible{border-color:var(--gold)}
.promotion-filters button:focus-visible{outline:3px solid #a8813766;outline-offset:2px}
.promotion-filters button.is-active{background:var(--ink);border-color:var(--ink);color:#fff}
.promotion-featured-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);min-height:470px;margin-bottom:28px;background:#2f231d;color:#fff6e8}
.promotion-featured-poster{min-width:0;background:#120c08;display:grid;place-items:center;overflow:hidden}
.promotion-featured-poster img{display:block;width:100%;height:100%;max-height:590px;object-fit:contain;transition:transform .35s ease}
.promotion-featured-poster:hover img,.promotion-card-poster:hover img{transform:scale(1.018)}
.promotion-featured-banner{display:block;min-height:0;background:#17100d}
.promotion-featured-banner .promotion-featured-poster{aspect-ratio:683/286;background:#17100d}
.promotion-featured-banner .promotion-featured-poster img{width:100%;height:100%;max-height:none;object-fit:cover}
.promotion-featured-banner .promotion-featured-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 34px;padding:24px clamp(24px,4vw,52px)}
.promotion-featured-banner .promotion-meta{grid-column:1/-1;margin:0 0 2px}
.promotion-featured-banner .promotion-featured-copy h3{font-size:clamp(1.45rem,2.6vw,2.3rem);line-height:1.35;margin:0}
.promotion-featured-banner .promotion-subtitle,.promotion-featured-banner .promotion-summary{display:none}
.promotion-featured-banner .promotion-read-link{min-width:190px;margin:0}
.promotion-featured-copy{padding:clamp(34px,5vw,66px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.promotion-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 24px;color:#d6c6b5;font-size:.8rem;letter-spacing:.7px}
.promotion-label{color:#e7bd65;font-weight:600;letter-spacing:1.5px}
.promotion-featured-copy h3,.promotion-card-copy h3{font-family:'Noto Sans Khmer','DM Sans',sans-serif;letter-spacing:0;overflow-wrap:anywhere}
.promotion-featured-copy h3{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.55;margin:0 0 8px}
.promotion-subtitle{margin:0;color:#d0a953;font-size:.92rem;font-weight:600;letter-spacing:.5px}
.promotion-summary{margin:22px 0 0;font-size:1rem;line-height:2;color:#dfd5c8}
.promotion-read-link{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:30px;padding:14px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;font-size:.9rem;font-weight:600}
.promotion-read-link span{font-size:1.1rem;transition:transform .2s}
.promotion-read-link:hover span{transform:translate(3px,-3px)}
.promotion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.promotion-card{min-width:0;display:flex;flex-direction:column;background:#efe9dc;border:1px solid #d4c9b6}
.promotion-card-poster{aspect-ratio:4/5;display:grid;place-items:center;overflow:hidden;background:#271c17}
.promotion-card-poster img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s ease}
.promotion-card-copy{padding:25px 24px 27px;display:flex;flex-direction:column;flex:1}
.promotion-card .promotion-meta{color:#6c6f63;margin-bottom:17px;font-size:.74rem}
.promotion-card-copy h3{font-size:1.45rem;line-height:1.45;margin:0 0 7px}
.promotion-card .promotion-summary{color:#555b50;margin-top:17px;line-height:1.85}
.promotion-card .promotion-read-link{margin-top:auto;padding-top:20px;border-bottom:0;color:#76591f}
.promotion-empty{padding:36px;border:1px dashed #aaa596;text-align:center;color:var(--muted);font-size:1rem}
@media(max-width:1150px){header nav{gap:20px}.header-link{display:none}}
@media(max-width:900px){
  .promotion-masthead{grid-template-columns:1fr;padding:52px 6%;gap:30px}.promotion-intro>p{max-width:720px}.promotion-toolbar{display:block}.promotion-filters{justify-content:flex-start;margin-top:28px}.promotion-featured-card{grid-template-columns:1fr}.promotion-featured-poster{aspect-ratio:16/9}.promotion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .promotion-masthead{padding:42px 6% 40px;border-bottom-width:6px}.promotion-masthead h1{font-size:54px}.promotion-intro>p{font-size:1rem}.promotion-frequency{display:block}.promotion-frequency span{display:block;margin-top:7px}.promotion-feed{padding:48px 5% 62px}.promotion-toolbar{margin-bottom:28px}.promotion-filters{display:grid;grid-template-columns:1fr 1fr}.promotion-filters button:first-child{grid-column:1/-1}.promotion-featured-card{min-height:0;margin-bottom:20px}.promotion-featured-poster{aspect-ratio:16/10}.promotion-featured-copy{padding:28px 22px 32px}.promotion-featured-copy h3{font-size:1.8rem}.promotion-meta{align-items:flex-start}.promotion-grid{grid-template-columns:1fr}.promotion-card-poster{aspect-ratio:4/4.7}.promotion-card-copy{padding:23px 20px 25px}
  .promotion-featured-banner .promotion-featured-poster{aspect-ratio:683/286}.promotion-featured-banner .promotion-featured-copy{grid-template-columns:1fr;padding:22px 20px 26px}.promotion-featured-banner .promotion-read-link{min-width:0;margin-top:6px}
}

/* Products Info */
.products-info-page{font-family:'Noto Sans Khmer','DM Sans',sans-serif}
.products-info-page h1,.products-info-page h2,.products-info-page h3,.products-info-page h4{letter-spacing:0}
.info-wrap{max-width:1280px;margin-inline:auto;padding-inline:6%}
.info-intro{background:#243027;color:#f7f1df;position:relative;overflow:hidden}
.info-intro:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#1b2921 25%,#4c5036 100%);opacity:.85}
.info-intro-inner{position:relative;max-width:1280px;margin:auto;padding:72px 6% 78px}
.info-kicker,.info-number,.info-section-head>span{display:block;color:#bb9654;font:600 .8rem/1.5 'DM Sans',sans-serif;letter-spacing:2px}
.info-intro h1{font-family:Georgia,serif;font-size:clamp(3.5rem,8vw,6.7rem);line-height:1.1;margin:22px 0;letter-spacing:-.045em}
.info-intro em{color:#e8c77d}
.info-intro p:not(.info-kicker){font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.7;margin:0 0 15px}
.info-intro-inner>span{color:#d6cba9;font-size:1rem}
.info-jump{padding:15px 6%;gap:9px;justify-content:center;background:#ebe8dc;border-bottom:1px solid var(--line);flex-wrap:wrap}
.info-jump a{font-size:.875rem;padding:8px 15px;border:1px solid #c9c3ae;border-radius:30px;white-space:nowrap}
.info-jump a:hover{background:#293329;color:#fff}
.info-about,.info-retail{padding-top:78px;padding-bottom:88px}
.info-section-head{margin-bottom:32px}
.info-section-head h2{font:500 clamp(1.8rem,3vw,2.7rem)/1.55 'Noto Sans Khmer',sans-serif;margin:15px 0 0;max-width:900px}
.info-about-grid,.info-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,90px)}
.info-about h3,.info-columns h3{font:500 1.25rem/1.65 'Noto Sans Khmer',sans-serif;margin:0 0 22px}
.info-principles{counter-reset:principle;list-style:none;padding:0;margin:0}
.info-principles li{position:relative;padding:14px 0 14px 55px;border-top:1px solid var(--line);line-height:1.8}
.info-principles li:before{counter-increment:principle;content:counter(principle,decimal-leading-zero);position:absolute;left:0;top:16px;color:#a88137;font:600 1rem 'DM Sans',sans-serif}
.info-team{margin:0}.info-team>div{display:grid;grid-template-columns:115px 1fr;gap:15px;padding:17px 0;border-top:1px solid var(--line)}
.info-team dt{font:600 .85rem 'DM Sans',sans-serif;color:#8d6c2c;letter-spacing:.5px}.info-team dd{margin:0;line-height:1.8}
.info-product{padding:70px 0 85px;border-top:1px solid #d5d0c0}
.info-gel{background:#e9ede3}.info-scrub{background:#32271f;color:#f7f0e5}.info-soap{background:#eddfc3}
.info-product-top{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,70px);align-items:center;margin-bottom:55px}
.info-product h2{font:400 clamp(2.8rem,5vw,4.6rem)/1.16 Georgia,serif;letter-spacing:-.03em;margin:20px 0 23px}
.info-gel h2 em{color:#71834a}.info-scrub h2 em{color:#d4ab6b}.info-soap h2 em{color:#956e35}
.info-kh-name{font-size:1.18rem;line-height:1.8;margin:0 0 12px}.info-lead{font-size:1rem;line-height:1.9;color:#475642;margin:0}
.info-product figure{margin:0;overflow:hidden;aspect-ratio:16/9;background:#d5c29a}
.info-product figure img{width:100%;height:100%;display:block;object-fit:cover}
.info-columns{border-top:1px solid #827d704f;padding-top:38px}
.info-columns>div>p,.info-ingredient p,.info-steps li,.info-note{font-size:1rem;line-height:1.95}
.info-ingredient{border-top:1px solid #827d704f;padding:17px 0 12px}
.info-ingredient h4{font:600 1rem/1.7 'Noto Sans Khmer',sans-serif;margin:0 0 7px;color:#8c6b31}
.info-ingredient p{margin:0}.info-scrub .info-ingredient h4{color:#d9b779}
.info-columns>div>h3:not(:first-child){margin-top:30px}
.info-columns>div>p{margin-top:0}
.info-steps{padding-left:1.7em;margin:0}.info-steps li{padding-left:.35em;margin-bottom:9px}.info-steps li::marker{color:#a88137;font-family:'DM Sans',sans-serif}
.info-note{border-left:2px solid var(--gold);padding-left:16px;margin-top:18px}
.info-price-list{border-top:1px solid var(--line)}.info-price-list>div{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding:20px 5px;font-size:1.1rem}
.info-price-list small{display:block;font:400 .86rem 'DM Sans',sans-serif;color:var(--muted);margin-top:3px}
.info-price-list strong{font-weight:600;white-space:nowrap;color:#8d6c2c}.info-price-note{margin:25px 0 0;color:var(--muted);line-height:1.8}
.info-why{background:#293329;color:#f7f2e7;padding:76px 0 85px}.info-why .info-section-head h2{max-width:1000px}
.info-why ul{list-style:none;padding:0;margin:0;columns:2;column-gap:70px}
.info-why li{break-inside:avoid;padding:17px 0 17px 28px;border-top:1px solid #ffffff30;position:relative;line-height:1.9}
.info-why li:before{content:'✓';position:absolute;left:0;color:#ddb96c}
.info-closing{text-align:center;padding:48px 6% 55px;background:#e8dbb9}.info-closing span{font:400 2.5rem Georgia,serif;letter-spacing:.15em}.info-closing p{font-size:1.2rem;margin:8px 0 0}
@media(max-width:850px){.info-product-top{grid-template-columns:1fr;gap:25px}.info-product figure{max-width:750px}.info-about-grid,.info-columns{gap:35px}}
@media(max-width:650px){.info-intro-inner{padding:55px 6% 62px}.info-jump{justify-content:flex-start}.info-about,.info-retail{padding-top:55px;padding-bottom:60px}.info-about-grid,.info-columns{grid-template-columns:1fr}.info-product{padding:55px 0 65px}.info-product-top{margin-bottom:38px}.info-product h2{font-size:clamp(2.8rem,11vw,4rem)}.info-columns{padding-top:28px}.info-price-list>div{align-items:flex-start;gap:10px;flex-direction:column}.info-why{padding:60px 0}.info-why ul{columns:1}.info-team>div{grid-template-columns:85px 1fr}}

/* Special stock offer: two complete campaign posters */
.promotion-stock-special{margin-bottom:42px;padding:clamp(20px,3.5vw,44px);background:#281c15;color:#fff4df;border:1px solid #ad823d}
.stock-special-heading{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #be955747}
.stock-special-heading .eyebrow{margin-bottom:12px;color:#e1bc6d;font-size:.875rem;letter-spacing:1.5px}
.stock-special-heading h2{font:500 clamp(1.8rem,3vw,2.65rem)/1.6 'Noto Sans Khmer','DM Sans',sans-serif;letter-spacing:0;margin:0}
.stock-special-offer{margin:10px 0 0;color:#eed3a0;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.9}
.stock-special-posters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.stock-special-posters figure{margin:0;min-width:0;background:#17100c;border:1px solid #8e682f}
.stock-special-poster{display:block;aspect-ratio:1;overflow:hidden}
.stock-special-poster img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.stock-special-posters figcaption{padding:13px 18px;text-align:center;border-top:1px solid #8e682f;font-size:.95rem;line-height:1.7}
.stock-special-posters figcaption a{display:inline-block;color:#eed3a0;text-decoration:underline;text-underline-offset:4px}
.stock-special-posters figcaption a:hover{color:white}
@media(max-width:700px){.stock-special-posters{grid-template-columns:1fr;gap:22px}.promotion-stock-special{padding:18px;margin-bottom:28px}.stock-special-heading{margin-bottom:22px;padding-bottom:18px}.stock-special-offer{font-size:1rem}}

/* Agent registration navigation */
nav .agent-register-link{font-size:12px;line-height:1.6;max-width:190px;color:#8b6b29}header nav{flex-wrap:wrap}@media(max-width:760px){header nav .agent-register-link{max-width:none;white-space:normal}}
