:root{--safe-top:max(env(safe-area-inset-top,0px),var(--eazo-safe-area-top,0px));--safe-right:max(env(safe-area-inset-right,0px),var(--eazo-safe-area-right,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px),var(--eazo-safe-area-bottom,0px));--safe-left:max(env(safe-area-inset-left,0px),var(--eazo-safe-area-left,0px))}
.app-shell[data-view="camera"],.camera-stage,.try-on-workbench,.preview-pane{height:calc(100dvh - var(--eazo-handoff-top,0px) - var(--eazo-handoff-bottom,0px))}
.app-shell[data-view="home"]{height:calc(100dvh - var(--eazo-handoff-top,0px) - var(--eazo-handoff-bottom,0px))}
.app-shell{padding-left:var(--safe-left);padding-right:var(--safe-right)}
.site-header{padding-top:var(--safe-top)}
.commerce-tools{display:flex;justify-content:center;align-items:center;gap:18px;padding:4px 0 8px;font-size:11px}
.bag-link{color:inherit;text-decoration:none;white-space:nowrap}
#locale-select{border:0;background:transparent;color:inherit;font-size:11px;padding:7px;max-width:130px}
.collection-view{padding-bottom:calc(40px + var(--safe-bottom))}
.topbar{top:calc(18px + var(--safe-top))}.topbar-actions{top:calc(74px + var(--safe-top))}
.product-dock{bottom:calc(8px + var(--safe-bottom))}
.product-sheet{top:var(--eazo-handoff-top,0px);bottom:var(--eazo-handoff-bottom,0px);padding-top:calc(35px + var(--safe-top));padding-bottom:calc(35px + var(--safe-bottom))}
.experience-dialog{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 40px);overflow:auto}
.home-carousel-controls{bottom:calc(22px + var(--safe-bottom))}
.app-shell[data-view="home"] .atelier-hero-copy{padding-bottom:calc(90px + var(--safe-bottom))}
#add-to-bag{margin-bottom:12px}.product-sheet .source-link{margin-top:12px}
@font-face{font-family:NotoChinese;src:url(../assets/fonts/NotoSansSC.ttf) format("truetype");font-weight:100 900;font-display:swap}html:lang(zh-CN),html:lang(zh-CN) body,html:lang(zh-CN) .app-shell:not([data-view="camera"]),html:lang(zh-CN) .site-header nav button,html:lang(zh-CN) .atelier-home,html:lang(zh-CN) button,html:lang(zh-CN) select,html:lang(zh-CN) input{font-family:Arial,NotoChinese,sans-serif}
@media(max-width:600px){.topbar-actions{top:calc(65px + var(--safe-top))}.commerce-tools{padding-bottom:2px}.site-header{padding-top:var(--safe-top)}.atelier-hero-copy #home-title{font-size:clamp(22px,6vw,32px)}}
@media(max-height:650px){.app-shell[data-view="home"]{height:auto;min-height:100dvh;overflow:visible}.app-shell[data-view="home"] .atelier-hero{min-height:470px}}

/* Compact storefront header: preserve the hero’s available height. */
.site-header{min-height:0;grid-template-columns:1fr auto;padding-bottom:2px;align-items:center}
.site-header .atelier-announcement{display:none}
.site-header .wordmark{grid-column:1;grid-row:1;justify-self:start}
.site-header .commerce-tools{grid-column:2;grid-row:1}
.site-header nav{grid-column:1/-1;grid-row:2}
@media(min-width:701px){.site-header{grid-template-columns:auto 1fr auto;column-gap:20px}.site-header nav{grid-column:2;grid-row:1}.site-header .commerce-tools{grid-column:3}}

.site-header .wordmark{padding:9px 0 5px;font-size:22px}
.atelier-announcement{padding:5px 16px;font-size:9px}
.site-header nav{min-height:30px;gap:20px}
.site-header nav button{padding:5px 6px;font-size:11px}
.commerce-tools{padding:0 0 4px;gap:14px}
#locale-select{padding:4px;font-size:10px}
@media(max-width:700px){.site-header{padding-bottom:3px}.site-header .wordmark{padding:8px 0 3px;font-size:21px}.atelier-announcement{padding:4px 12px;font-size:8px}.site-header nav{min-height:27px;gap:10px}.site-header nav button{padding:4px 3px;font-size:10px}.commerce-tools{padding-bottom:1px;font-size:10px}}