:root{--ink:#101e30;--muted:#5f6874;--line:#e3e6e9;--accent:#006de5;--white:#fff;--surface:#faf9f6;--sans:Arial,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:var(--surface);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}img{max-width:100%;display:block}button{background:none;border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.container{width:min(1280px,calc(100% - 96px));margin:auto}.announcement{text-align:center;font-size:11px;letter-spacing:2px;padding:10px 20px;background:#f7f7f7}.header{height:91px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fffffff5;z-index:20;backdrop-filter:blur(12px)}.header-side{display:flex;align-items:center;gap:21px;flex:1}.header-side.right{justify-content:flex-end}.desktop-link{font-size:13px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--sans);font-size:36px;font-weight:700;line-height:1.1}.brand-sub{display:block;font:8px Arial,sans-serif;letter-spacing:1.4px;margin-top:5px}.logo-art{height:58px;width:58px;position:relative;overflow:hidden;display:block}.logo-art img{position:absolute;width:116px;max-width:none;left:-29px;top:-29px}.icon-button{width:34px;height:40px;display:grid;place-items:center;padding:4px}.bag-button{position:relative}#bag-count{position:absolute;right:-4px;top:0;background:var(--accent);color:white;min-width:16px;height:16px;border-radius:100%;font-size:10px;line-height:16px}.nav{display:flex;justify-content:center;gap:38px;padding:19px 20px;font-size:13px;border-bottom:1px solid var(--line)}.nav a:hover,.text-link:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:610px;align-items:center;gap:60px;padding-top:36px;padding-bottom:40px}.hero h1{font-size:clamp(44px,4.8vw,70px);font-family:var(--sans);line-height:1.35;letter-spacing:2px;margin:0 0 22px;font-weight:700}.hero h1 em{font-style:normal;color:var(--accent)}.hero-copy>p{color:var(--muted);line-height:1.9;font-size:17px;margin:0 0 32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--ink);color:white;padding:17px 24px;font-size:14px;min-height:50px;border:1px solid var(--ink);transition:background .2s}.button:hover{background:#454545}.button.secondary{color:var(--ink);background:#fff}.text-link{display:block;font-size:13px;padding-top:23px;width:fit-content}.hero-art{position:relative;display:block}.hero-art>img{width:100%;aspect-ratio:1;object-fit:contain}.hero-caption{border-top:1px solid var(--line);padding:13px 0;display:flex;align-items:center;gap:18px;font-size:13px}.hero-caption span{margin-left:auto;color:var(--muted);font-size:11px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;gap:20px}.section-index{display:block;letter-spacing:2px;font-size:10px;color:var(--muted);margin-bottom:14px}.section-heading h2{font-size:29px;font-weight:500;margin:0}.section-heading>p,.section-heading>span{font-size:13px;color:var(--muted);margin:0}.collections{padding:50px 0 64px;border-top:1px solid var(--line)}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.collection-photo{overflow:hidden;background:#f7f7f7;aspect-ratio:1.32}.collection-photo img{width:100%;height:100%;object-fit:cover;object-position:center 36%;transition:transform .4s}.collection:hover img{transform:scale(1.035)}.collection-title{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.collection-title h3{font-size:20px;font-weight:500;margin:0}.collection-title>span{font-size:25px}.collection>p{color:var(--muted);font-size:13px;margin:10px 0 0}.products{padding:48px 0 72px;border-top:1px solid var(--line)}.filters{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0}.filter-tabs{display:flex;gap:24px}.filter-tabs button{padding:12px 0;color:var(--muted);font-size:13px;border-bottom:2px solid transparent}.filter-tabs button.active{color:var(--ink);border-color:var(--ink)}.search-field{display:flex;gap:12px;align-items:center;border-bottom:1px solid #ccc;padding:10px 0}.search-field svg{width:17px;height:17px}.search-field input{border:0;background:transparent;outline:0;width:185px;font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.product-photo{aspect-ratio:1;display:block;width:100%;position:relative;overflow:hidden;background:#f6f6f6;padding:0}.product-photo img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.product-photo:hover img{transform:scale(1.03)}.favorite{position:absolute;right:9px;top:9px;width:31px;height:31px;display:grid;place-items:center;background:white;border:1px solid var(--line);z-index:1}.favorite svg{width:17px;height:17px}.favorite.selected{color:var(--accent)}.favorite.selected svg{fill:var(--accent);stroke:var(--accent)}.product-card{position:relative}.product-category{font-size:10px;letter-spacing:1px;color:var(--muted);margin:17px 0 8px}.product-name{font-size:14px;line-height:1.6;margin:0;padding-right:27px;font-weight:500}.product-name button{padding:0;text-align:left}.product-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin-top:8px}.quick-add{width:30px;height:30px;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink)}.quick-add svg{width:16px;height:16px}.catalog-note{font-size:11px;color:#888;text-align:center;margin-top:34px;letter-spacing:.5px}.empty-state{text-align:center;padding:60px 10px}.empty-state h3{font-weight:500}.empty-state p{color:var(--muted);font-size:14px}.about{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafafa}.about-inner{display:flex;align-items:center;gap:95px;padding:60px 80px}.about-logo{width:250px;flex-shrink:0;aspect-ratio:1;overflow:hidden;position:relative}.about-logo img{width:500px;max-width:none;position:absolute;top:-125px;left:-125px}.about h2{font-size:29px;font-weight:500;margin:0 0 20px}.about p{font-size:14px;line-height:2;color:var(--muted)}footer{padding-top:45px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;padding-bottom:42px}.footer-brand{font-family:var(--sans);font-size:38px;font-weight:700}.footer-brand>span{color:var(--accent)}.footer-top p{color:var(--muted);font-size:12px}.footer-top h3{font-size:13px;font-weight:500;margin:8px 0 18px}.footer-top div>a:not(.footer-brand),.footer-top div>button{display:block;margin-top:13px;font-size:12px;color:var(--muted);padding:0}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:22px 0;font-size:10px;color:#888}.drawer{height:100dvh;max-height:100dvh;width:min(440px,100%);max-width:100%;margin:0 0 0 auto;padding:26px;border:0}.left-drawer{margin-left:0;margin-right:auto}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:20px}.dialog-header h2{font-size:21px;font-weight:500;margin:0}.close-button{font-size:30px;font-weight:300;width:36px;height:36px;line-height:30px}.floating-close{position:absolute;right:10px;top:10px;z-index:5;background:white}dialog::backdrop{background:#0006;backdrop-filter:blur(2px)}.menu-links>a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:22px 0;font-size:16px}.menu-links span{color:var(--muted);font-size:11px}.drawer-note{font-size:12px;color:var(--muted);padding-top:30px}.product-dialog{padding:0;border:0;width:min(960px,calc(100% - 40px));max-width:100%;max-height:90dvh;overflow:auto}.detail-layout{display:grid;grid-template-columns:1.05fr 1fr}.detail-photo{border:0;padding:0;background:#fafafa;cursor:zoom-in;align-self:start}.detail-photo img{width:100%;aspect-ratio:1;object-fit:contain}.detail-copy{padding:46px 35px}.detail-copy h2{font-size:27px;font-weight:500;line-height:1.5;margin:12px 0 17px}.detail-copy p{font-size:13px;color:var(--muted);line-height:1.9}.detail-copy label{font-size:13px;display:block;margin:20px 0 8px}.detail-copy select{width:100%;padding:12px;border:1px solid #ddd;background:white}.quantity{display:flex;align-items:center;border:1px solid #ddd;width:140px;margin:20px 0}.quantity button{padding:10px 15px;font-size:18px}.quantity output{flex:1;text-align:center;font-size:13px}.detail-copy .button{width:100%}.detail-copy small{display:block;color:#888;font-size:10px;line-height:1.7;margin-top:15px}.bag-item{display:grid;grid-template-columns:80px 1fr;gap:17px;padding:24px 0;border-bottom:1px solid var(--line)}.bag-item img{width:80px;height:90px;object-fit:contain;background:#fafafa}.bag-item h3{font-size:14px;font-weight:500;margin:0 0 8px}.bag-item p{font-size:11px;color:var(--muted);line-height:1.6}.bag-controls{display:flex;align-items:center;gap:14px;font-size:13px}.bag-controls button{border:1px solid #ddd;width:24px;height:24px}.bag-controls .remove{border:0;width:auto;color:#888;font-size:11px;margin-left:auto}.bag-bottom{padding-top:24px}.bag-bottom p{font-size:12px;line-height:1.8;color:var(--muted)}.bag-bottom .button{width:100%;margin-top:15px}.bag-bottom .button:disabled{opacity:.4;cursor:default}.info-dialog{border:0;width:min(480px,calc(100% - 36px));padding:28px}.info-dialog>p{font-size:14px;line-height:2;color:var(--muted);white-space:pre-line}.image-dialog{width:min(1000px,calc(100% - 20px));max-height:95dvh;padding:0;border:0;background:white}.image-dialog img{width:100%;object-fit:contain}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#181818;color:white;padding:15px 24px;z-index:99;font-size:13px;max-width:90%;text-align:center}[hidden]{display:none!important}
@media(max-width:1000px){.container{width:calc(100% - 48px)}.header{padding:0 24px}.hero{gap:30px;min-height:510px}.hero h1{font-size:48px}.hero-copy>p{font-size:15px}.collection-grid{gap:18px}.product-grid{gap:16px}.about-inner{padding:50px 25px;gap:45px}.about h2{font-size:25px}}
@media(max-width:650px){html{scroll-padding-top:85px}.container{width:calc(100% - 36px)}.announcement{font-size:9px;padding:9px;letter-spacing:1.1px}.header{height:73px;padding:0 14px}.header-side{gap:5px}.brand{font-size:27px;gap:4px}.brand-sub{font-size:6px;letter-spacing:.6px}.logo-art{width:42px;height:42px}.logo-art img{width:84px;left:-21px;top:-21px}.desktop-link,#favorites-button{display:none}.icon-button{width:30px}.icon-button svg{width:21px}.nav{gap:21px;padding:16px 10px;font-size:11px}.nav>a:last-child{display:none}.hero{grid-template-columns:1fr;gap:25px;padding-top:36px;padding-bottom:30px;min-height:0}.hero h1{font-size:45px;line-height:1.26;margin-bottom:20px}.hero-copy>p{font-size:14px;margin-bottom:23px}.hero .button{padding:14px 20px;font-size:13px}.hero-copy .text-link{display:none}.hero-art{margin-top:3px}.hero-art>img{aspect-ratio:1.07;object-fit:contain}.hero-caption{font-size:12px}.collections{padding:34px 0 40px}.section-heading{margin-bottom:22px;align-items:center}.section-heading h2{font-size:23px}.section-heading>p{display:none}.section-index{font-size:9px;margin-bottom:10px}.collection-grid{grid-template-columns:1fr;gap:26px}.collection{display:grid;grid-template-columns:42% 1fr;gap:0 18px;align-items:center}.collection-photo{grid-row:span 2;aspect-ratio:1.16}.collection-title{margin:0;align-self:end}.collection-title h3{font-size:17px}.collection-title span{font-size:22px}.collection>p{font-size:11px;margin:6px 0 10px;align-self:start}.products{padding:34px 0 45px}.filters{align-items:stretch;flex-direction:column;gap:15px;margin:22px 0}.filter-tabs{justify-content:space-between;gap:12px}.filter-tabs button{font-size:12px;padding:9px 0}.search-field{width:100%}.search-field input{width:100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.product-name{font-size:12px;padding-right:0}.product-category{font-size:9px;margin-top:13px}.product-meta{font-size:10px}.catalog-note{font-size:10px;line-height:1.8}.about-inner{padding:40px 0;flex-direction:column;gap:20px;align-items:flex-start}.about-logo{width:150px;margin:auto}.about-logo img{width:300px;left:-75px;top:-75px}.about h2{font-size:23px}.about p{font-size:12px;line-height:2}.footer-top{grid-template-columns:1.5fr 1fr 1fr;gap:13px}.footer-brand{font-size:29px}.footer-top h3{font-size:11px}.footer-top div>a:not(.footer-brand),.footer-top div>button{font-size:10px}.footer-top p{font-size:10px}.footer-bottom{font-size:9px;line-height:1.8;gap:20px}.detail-layout{grid-template-columns:1fr}.product-dialog{width:calc(100% - 24px)}.detail-copy{padding:25px}.detail-copy h2{font-size:23px}.detail-photo img{max-height:42dvh}.detail-copy label{margin-top:16px}.detail-copy .quantity{margin:15px 0}.drawer{padding:22px}.toast{bottom:18px;width:max-content}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.language-picker{position:relative;flex-shrink:0}
.language-button{display:flex;align-items:center;justify-content:center;gap:5px;width:48px;min-height:44px}
.country-flag{display:block;width:22px;height:22px;flex-shrink:0;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px #18181818}
.language-button>svg{width:12px;height:12px}
.language-menu{position:absolute;top:calc(100% + 12px);right:0;width:224px;padding:8px;background:var(--white);box-shadow:0 8px 30px #18181824;border-radius:12px;z-index:30}
.language-menu>button{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:10px 12px;text-align:left;font-size:14px;border-radius:6px}
.language-menu>button:hover,.language-menu>button:focus-visible{background:#f7f7f7}
.language-menu>button[aria-checked=true]{color:var(--accent);font-weight:600}
.language-check{width:17px;height:17px;margin-left:auto;visibility:hidden}
.language-menu>button[aria-checked=true] .language-check{visibility:visible}
html:not([lang=zh-CN]) .hero h1{font-size:clamp(36px,4.2vw,60px);letter-spacing:-.02em;overflow-wrap:break-word}
html:not([lang=zh-CN]) .nav{flex-wrap:wrap;gap:16px 30px}
html:not([lang=zh-CN]) .collection-title h3{overflow-wrap:anywhere}
@media(max-width:650px){.language-menu{right:-68px;max-width:calc(100vw - 28px)}html:not([lang=zh-CN]) .nav{gap:12px 20px}html:not([lang=zh-CN]) .hero h1{font-size:42px}html:not([lang=zh-CN]) .filter-tabs{flex-wrap:wrap;gap:8px 16px}.header-side{min-width:0}.header-side.right{flex-shrink:0;flex-basis:auto}.brand{flex-shrink:0}}
@media(max-width:380px){.header{padding-inline:10px}.header-side.right{gap:2px}.brand{font-size:24px}.logo-art{width:36px;height:36px}.logo-art img{width:72px;left:-18px;top:-18px}.brand-sub{font-size:5px}.language-button{width:44px}}

@media(max-width:650px){.header-side.right{gap:4px}.header-side:first-child{flex:0 0 30px}}

/* Storefront navigation, typography and controls inspired by Spree. */
::selection{background:#cfe4ff;color:var(--ink)}
input,textarea{caret-color:var(--accent)}
.announcement{background:#f0f2f4;color:var(--muted);letter-spacing:.6px}
.store-header{height:88px;display:flex;gap:28px;background:#faf9f6;backdrop-filter:none;border-bottom:0;padding-inline:32px}
.store-header>.header-side:first-child{display:none}
.store-header .brand{font-size:29px;flex-shrink:0;letter-spacing:-1px}
.store-header .brand-sub{font-size:7px;letter-spacing:1px}
.store-header .logo-art{width:48px;height:48px}
.store-header .logo-art img{width:96px;left:-24px;top:-24px}
.store-header .nav,html:not([lang=zh-CN]) .store-header .nav{flex:1;flex-wrap:nowrap;justify-content:flex-start;gap:24px;padding:0;border:0;font-size:14px;font-weight:500;white-space:nowrap}
.store-header .header-side.right{flex:0 0 auto;gap:8px;justify-self:end}
.icon-button{border-radius:10px;min-height:44px}
.icon-button:hover{background:#eaf1fa;color:var(--accent)}
.button{background:var(--accent);border-color:var(--accent);border-radius:14px;font-weight:600;box-shadow:0 4px 10px #006de51a}
.button:hover{background:#0057bc;border-color:#0057bc}
.button.secondary{background:var(--white);border-color:var(--line);box-shadow:none}
.button.secondary:hover{background:#edf4fd;color:var(--accent)}
.store-header .header-cta{min-height:44px;padding:12px 18px;white-space:nowrap;font-size:13px;margin-left:8px}
.hero{padding-top:56px;padding-bottom:64px}
.hero h1{letter-spacing:-.025em;line-height:1.18;font-weight:700}
.hero-copy>p{line-height:1.8;max-width:42ch}
.hero-art>img{border-radius:16px}
.section-heading h2,.about h2{font-weight:650;letter-spacing:-.025em}
.collection-title h3,.detail-copy h2{font-weight:600}
.collection-photo,.product-photo{border-radius:14px}
.favorite,.quick-add,.close-button{border-radius:9px}
.filter-tabs button.active{color:var(--accent);border-color:var(--accent)}
.about{background:#f0f4f9}
.detail-copy select,.quantity,.info-dialog,.product-dialog{border-radius:12px}
@media(max-width:1190px){
 .store-header{gap:16px;padding-inline:24px}
 .store-header .nav,html:not([lang=zh-CN]) .store-header .nav{gap:16px;font-size:13px}
 .store-header .header-cta{display:none}
}
@media(max-width:1000px){
 .store-header>.header-side:first-child{display:flex;flex:0 0 auto}
 .store-header .desktop-link,.store-header .nav,html:not([lang=zh-CN]) .store-header .nav{display:none}
 .store-header .header-side.right{margin-left:auto}
 .store-header .brand{margin:0;justify-self:center}
}
@media(max-width:650px){
 .store-header{height:76px;padding-inline:14px;gap:8px}
 .store-header .brand{font-size:24px;gap:4px;letter-spacing:-.7px}
 .store-header .brand-sub{font-size:5px;letter-spacing:.6px}
 .store-header .logo-art{width:36px;height:36px}
 .store-header .logo-art img{width:72px;left:-18px;top:-18px}
 .store-header .header-side.right{gap:2px}
 .store-header #search-button{display:none}
 .store-header .icon-button{width:38px}
 .store-header .language-button{width:44px}
 .hero{padding-top:36px;padding-bottom:40px}
 .hero h1,html:not([lang=zh-CN]) .hero h1{font-size:clamp(34px,10vw,44px);line-height:1.2;letter-spacing:-.025em}
 .hero .button{min-height:48px;padding:14px 22px}
 .language-menu{right:0}
}
@media(max-width:360px){.store-header{padding-inline:8px;gap:4px}.store-header .logo-art{display:none}}

/* Stronger, more readable storefront typography. */
body{font-size:16px}
.store-header .brand{font-size:34px;font-weight:750}
.store-header .nav,html:not([lang=zh-CN]) .store-header .nav{font-size:16px;font-weight:600;gap:22px}
.store-header .header-cta{font-size:15px;font-weight:700}
.hero h1{font-size:clamp(48px,5.2vw,76px);font-weight:750}
html:not([lang=zh-CN]) .hero h1{font-size:clamp(42px,4.8vw,68px);font-weight:750}
.hero-copy>p{font-size:18px;color:#515b69}
.button{font-size:16px;font-weight:700}
.text-link{font-size:15px;font-weight:500}
.section-heading h2,.about h2{font-size:32px;font-weight:700}
.collection-title h3{font-size:22px;font-weight:650}
.collection>p,.section-heading>p,.section-heading>span{font-size:15px}
.product-name{font-size:16px;font-weight:600}
.product-category{font-size:12px}
.product-meta,.filter-tabs button,.search-field input{font-size:14px}
.about p{font-size:16px}
.footer-top h3{font-size:15px;font-weight:600}
.footer-top div>a:not(.footer-brand),.footer-top div>button,.footer-top p{font-size:14px}
@media(max-width:1350px) and (min-width:1001px){.store-header .nav,html:not([lang=zh-CN]) .store-header .nav{gap:18px;font-size:15px}}
@media(max-width:650px){
 .store-header .brand{font-size:28px}
 .hero h1,html:not([lang=zh-CN]) .hero h1{font-size:clamp(38px,11vw,48px)}
 .hero-copy>p{font-size:16px}
 .hero .button{font-size:15px}
 .section-heading h2,.about h2{font-size:26px}
 .collection-title h3{font-size:19px}
 .collection>p{font-size:13px}
 .product-name{font-size:14px}
 .product-category,.product-meta{font-size:12px}
 .filter-tabs button,.search-field input{font-size:14px}
 .about p{font-size:14px}
 .footer-top div>a:not(.footer-brand),.footer-top div>button,.footer-top p{font-size:12px}
 .footer-top h3{font-size:13px}
}
