/* Shared task navigation follows the existing warm-paper palette. */
[data-customer-navigation].site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:1rem;width:100%;max-width:none;margin:0;padding:12px max(20px,calc((100vw - 1160px)/2));min-height:84px;background:#f8f1e7;border-bottom:1px solid transparent;color:#392f29;box-sizing:border-box}
[data-customer-navigation] .brand{margin-right:auto;min-width:0;color:inherit;text-decoration:none;display:flex;align-items:center;gap:.65rem}
[data-customer-navigation] .brand strong{font-size:1.15rem;white-space:nowrap}
[data-customer-navigation] .brand small{display:none}
[data-customer-navigation] .brand-logo{width:44px;height:44px;flex:0 0 44px;object-fit:contain}
[data-customer-navigation] [data-customer-menu]{display:contents}
[data-customer-navigation] [data-nav-link]{font:inherit;font-weight:650;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1rem;border-radius:999px;text-decoration:none;color:inherit;background:transparent;box-sizing:border-box}
[data-customer-navigation] [data-nav-link][aria-current]{background:#42654d;color:#fff}
@media(hover:hover){[data-customer-navigation] [data-nav-link]:not([aria-current]):hover{background:#e8e2d6}}
[data-customer-navigation] [data-nav-link]:active{box-shadow:inset 0 0 0 2px #42654d}
[data-customer-navigation] [data-nav-link="shop"]{order:1}
[data-customer-navigation] [data-nav-link="story"]{order:2}
[data-customer-navigation] [data-nav-link="find-us"]{order:3}
[data-customer-navigation] .language-control{order:4;display:flex;align-items:center;gap:.3rem}
[data-customer-navigation] button{font:inherit;min-height:44px;min-width:44px;padding:.5rem .65rem;border:1px solid #cbbfb2;border-radius:10px;background:#fffaf3;color:#392f29;cursor:pointer;white-space:nowrap}
[data-customer-navigation] button[aria-pressed="true"]{font-weight:750;border-color:#42654d}
[data-customer-navigation] [data-menu-toggle]{display:none;order:5}
[data-customer-navigation].navigation-compact{border-bottom-color:#ddd0c3;background:#f8f1e7;box-shadow:0 2px 8px #392f290c}
[data-customer-navigation].navigation-compact::after{content:'';position:absolute;inset:0;pointer-events:none}
[data-customer-navigation] :focus-visible,[data-store-footer] :focus-visible{outline:3px solid #2d6f91;outline-offset:3px}
html{scroll-padding-top:100px}#story{scroll-margin-top:0}
[data-current-language]{font-size:.9rem;font-weight:650}
.drawer-only,.drawer-backdrop{display:none!important}
.contact-icon{width:22px;height:22px;flex:0 0 22px;vertical-align:middle}
html.drawer-open,html.share-open{overflow:hidden}
html body .site-footer.customer-footer{display:block;box-sizing:border-box;width:100%;max-width:none;margin:48px 0 0;padding:36px max(24px,calc((100vw - 1160px)/2)) 18px;background:#40362e;color:#faf5ec;text-align:left;border:0;border-radius:0}
.customer-footer .footer-grid{display:grid;gap:36px;align-items:start}
.customer-footer .footer-brand-name{font:750 24px/1.3 system-ui,sans-serif;letter-spacing:.035em;color:inherit;text-decoration:none}
.customer-footer p{font:400 14px/1.6 system-ui,sans-serif;margin:6px 0 12px;color:#e8ded2}
.customer-footer h2,.customer-footer .footer-store-title{font:700 16px/1.5 system-ui,sans-serif;margin:0 0 10px;color:inherit}
.customer-footer [data-store-footer]{margin:0;padding:0;border:0;text-align:left}
.customer-footer .footer-store-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.customer-footer .platform-link,.whatsapp-link{display:flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 12px;box-sizing:border-box;border-radius:9px;text-decoration:none;font:650 15px/1.3 system-ui,sans-serif;border:0;white-space:nowrap}
.whatsapp-link{background:#188b4b;color:#fff!important}
.whatsapp-link:hover{background:#11783d}
.customer-footer .footer-tools{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px}
.customer-footer .footer-tools a,.customer-footer .footer-tools button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;background:none;border:0;color:inherit;font:400 14px/1.4 system-ui,sans-serif;text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.customer-footer .footer-copyright{border-top:1px solid #ffffff35;margin:26px 0 0;padding-top:12px;font-size:12px}
.customer-footer :focus-visible,.website-share-dialog :focus-visible{outline:3px solid #91c7e1;outline-offset:4px}
.website-share-dialog{box-sizing:border-box;position:fixed;inset:0;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:28px;border:1px solid #dccdbd;border-radius:20px;background:#fffaf3;color:#392f29;box-shadow:0 20px 80px #0003;overflow:auto;text-align:center}
.website-share-dialog::backdrop{background:#20181080}
.website-share-dialog h2{font:700 24px/1.4 system-ui,sans-serif;margin:0 30px 16px}
.website-share-dialog .share-close{position:absolute;right:8px;top:8px;width:44px;height:44px;padding:0;border:0;background:none;color:inherit;font:28px/1 system-ui;cursor:pointer}
.website-share-qr{display:block;width:208px;max-width:100%;height:auto;margin:0 auto 18px}
.website-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.website-share-actions button{min-height:48px;border-radius:9px;border:1px solid #49755c;background:#49755c;color:white;font:650 15px/1.4 system-ui;cursor:pointer;padding:8px}
.website-share-actions .share-copy{background:transparent;color:#392f29}
.share-address{display:block;text-align:left;font:400 13px/1.4 system-ui;margin-top:18px}
.share-address input{box-sizing:border-box;width:100%;margin-top:6px;padding:10px;border:1px solid #cbbfb2;border-radius:6px;background:#fff;color:#392f29;font:14px/1.4 system-ui}
.share-feedback,.share-qr-status{font:400 14px/1.5 system-ui;margin:12px 0 0}
.share-feedback:empty{display:none}
.website-share-dialog [hidden],.whatsapp-shortcut[hidden]{display:none!important}
.whatsapp-shortcut{position:fixed;right:24px;bottom:24px;z-index:25}
.whatsapp-shortcut-link{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:#188b4b;border:2px solid #fff;color:#fff;box-shadow:0 3px 12px #0003}
.whatsapp-shortcut-link .contact-icon{width:29px;height:29px}
.whatsapp-dismiss{position:absolute;right:-8px;top:-20px;width:28px;height:28px;border:1px solid #d2c5b7;border-radius:50%;color:#392f29;background:#fffaf3;cursor:pointer;font:20px/1 system-ui}
@media(min-width:761px){[data-customer-navigation].navigation-compact{min-height:64px;padding-top:2px;padding-bottom:2px;margin-bottom:20px}}
@media(max-width:760px){
 [data-customer-navigation].site-header{min-height:64px;padding:8px 16px;gap:8px;flex-wrap:nowrap}
 [data-customer-navigation] .brand{gap:8px}
 [data-customer-navigation] .brand-logo{width:36px;height:36px;flex-basis:36px}
 [data-customer-navigation] .brand strong{font-size:1rem}
 [data-customer-navigation] [data-menu-toggle]{display:inline-flex;align-items:center;justify-content:center;font-size:14px}
 [data-customer-navigation] [data-menu-toggle]:disabled{cursor:default;opacity:.65}
 [data-customer-navigation] [data-customer-menu]{box-sizing:border-box;position:fixed;right:0;top:0;bottom:0;width:max(70vw,272px);max-width:calc(100vw - 24px);height:100dvh;padding:72px 20px 24px;display:flex;flex-direction:column;align-items:stretch;gap:4px;background:#f8f1e7;z-index:52;overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);visibility:hidden;transition:transform .22s ease,visibility .22s;box-shadow:-10px 0 40px #0002}
 [data-customer-navigation].menu-open [data-customer-menu]{transform:translateX(0);visibility:visible;transition:transform .22s ease}
 [data-customer-navigation] .drawer-only{display:flex!important}
 [data-customer-navigation] .drawer-close{position:absolute;right:14px;top:14px;align-items:center;justify-content:center;font-size:26px;padding:0}
 [data-customer-navigation] [data-nav-link]{order:0!important;flex:none;width:100%;justify-content:flex-start;padding:10px 12px;min-height:48px;font-size:16px;border-radius:8px}
 [data-customer-navigation] [data-nav-link="homeLink"]{order:-3!important}
 [data-customer-navigation] [data-nav-link="shop"]{order:-2!important}
 [data-customer-navigation] [data-nav-link="find-us"]{order:-1!important}
 [data-customer-navigation] .language-control{order:2;flex:none;min-height:56px;border-top:1px solid #dccfc0;margin-top:14px;padding-top:12px;justify-content:flex-start;gap:10px}
 [data-customer-navigation] .drawer-contact,[data-customer-navigation] .drawer-share{order:1;align-items:center;justify-content:flex-start;gap:8px;margin:8px 0 0;padding:10px 12px;min-height:48px;font-size:16px;font-weight:650;color:inherit;text-decoration:none;white-space:nowrap;border:0;background:transparent}
 [data-customer-navigation] .drawer-share{order:3;margin:0}
 [data-customer-navigation].menu-open .drawer-backdrop{display:block!important;position:fixed;inset:0;width:100%;height:100dvh;border:0;border-radius:0;background:#20181066;z-index:51}
 .whatsapp-shortcut{display:none!important}
 html body .site-footer.customer-footer{padding:24px 24px 16px;margin-top:32px}
 .customer-footer .footer-grid{display:flex;flex-direction:column;gap:16px}
 .customer-footer .footer-grid>div{width:100%;min-width:0}
 .customer-footer .footer-brand-name{font-size:24px}
 .customer-footer p{margin:4px 0 8px;font-size:14px}
 .customer-footer .footer-brand p{margin-bottom:0}
 .customer-footer .footer-contact h2{display:none}
 .customer-footer .footer-contact p{margin:0 0 10px}
 .customer-footer .footer-store-title{font-size:15px;margin:0 0 8px}
 .customer-footer .footer-store-actions{gap:10px}
 .customer-footer .platform-link,.whatsapp-link{font-size:14px;min-height:48px;padding:10px 8px}
 .customer-footer [data-platform-entry="profile"]{grid-column:1/-1;justify-content:flex-start;width:max-content;min-height:40px;padding:0;background:transparent!important;color:#faf5ec!important;border:0;text-decoration:underline;text-underline-offset:5px;font-weight:400}
 .customer-footer .footer-tools{margin-top:8px;gap:8px 22px}
 .customer-footer .footer-copyright{margin-top:12px;padding-top:10px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){[data-customer-navigation] *{transition:none!important;animation:none!important}}
/* Keep the original JPG mark intact; its built-in dark-green ring is the only ring. */
[data-customer-navigation] .brand strong{letter-spacing:.06em;text-transform:uppercase}
[data-customer-navigation] .brand-name-line{display:flex;align-items:center;gap:.42rem;white-space:nowrap}
[data-customer-navigation] .brand-sg{display:inline-grid;place-items:center;flex:none;min-width:1.55rem;height:1.28rem;padding:0 .2rem;border-radius:4px;background:#bd3f45;color:#fff;font:800 .62rem/1 system-ui,sans-serif;letter-spacing:.06em}
[data-customer-navigation] .brand-logo{border-radius:50%;outline:0;background:transparent}
[data-store-footer] .platform-link{gap:.45rem}
[data-store-footer] .platform-icon,.store-actions .platform-icon{width:1.1rem;height:1.1rem;flex:0 0 1.1rem;fill:currentColor;stroke:none}

/* Platform destinations keep their brand treatment on every customer surface. */
[data-platform="shopee"]{color:#fff!important;background:#ee4d2d!important;border-color:#ee4d2d!important}
[data-platform="tiktok"]{color:#fff!important;background:#000!important;border-color:#000!important}
[data-platform="shopee"] .platform-icon,[data-platform="tiktok"] .platform-icon{color:inherit;fill:currentColor;stroke:none}
@media(hover:hover){
 [data-platform="shopee"]:hover{color:#fff!important;background:#d94327!important;border-color:#d94327!important}
 [data-platform="tiktok"]:hover{color:#fff!important;background:#1c1c1c!important;border-color:#1c1c1c!important}
}

/* Desktop footer proportions follow the wide reference while leaving the mobile stack untouched. */
@media(min-width:761px){
 html body .site-footer.customer-footer{padding:48px clamp(40px,4vw,60px) 24px}
 .customer-footer .footer-grid,.customer-footer .footer-copyright{width:100%;max-width:1120px;margin-inline:auto}
 .customer-footer .footer-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,1fr);gap:36px}
 .customer-footer .footer-grid>div{align-self:stretch;min-width:0}
 .customer-footer .footer-contact .whatsapp-link{width:min(100%,300px)}
 .customer-footer .footer-store-actions,.customer-footer .footer-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,320px);column-gap:16px}
 .customer-footer .footer-store-actions>.platform-link{width:100%;max-width:none}
 .customer-footer .footer-tools a,.customer-footer .footer-tools button{justify-content:center;font-size:13px;white-space:nowrap;min-width:0}
 .customer-footer .footer-tools .contact-icon{width:18px;height:18px;flex-basis:18px}
}
@media(min-width:1000px){
 .customer-footer .footer-contact,.customer-footer .footer-shopping{position:relative}
 .customer-footer .footer-contact::before,.customer-footer .footer-shopping::before{content:'';position:absolute;left:-18px;top:0;bottom:0;width:1px;background:#ffffff26}
}
@media(min-width:1200px){
 .customer-footer .footer-grid{grid-template-columns:26% 37% 37%;gap:0}
 .customer-footer .footer-contact,.customer-footer .footer-shopping{padding-left:clamp(40px,4.5vw,64px)}
 .customer-footer .footer-contact::before,.customer-footer .footer-shopping::before{left:0}
}
@media(min-width:761px) and (max-width:999px){
 .customer-footer .footer-grid{grid-template-columns:1fr 1fr;gap:24px}
 .customer-footer .footer-brand{grid-column:1/-1}
}
