.language-switch{position:relative;flex:none;width:max-content;font-size:12px;letter-spacing:0;font-weight:600;text-align:left}.language-switch>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-size);padding:4px 10px;cursor:pointer;border-radius:5px;white-space:nowrap}.language-switch>summary::-webkit-details-marker{display:none}.language-switch>summary:hover,.language-switch[open]>summary{background:#223c260c}.language-switch>summary:focus-visible{outline:2px solid var(--teal-dark);outline-offset:-2px}.language-chevron{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px}.language-switch[open] .language-chevron{transform:rotate(225deg);margin-top:3px}.language-options{position:absolute;inset-inline-end:0;top:calc(100% + 3px);z-index:2;width:170px;max-width:calc(100vw - 32px);padding:5px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 24px #223c261f}.language-options a{display:flex;align-items:center;min-height:var(--control-size);padding:8px 12px;border-radius:5px}.language-options a:hover{background:var(--canvas)}.language-options a[aria-current="true"]{color:var(--teal-dark);background:var(--mint)}.language-options a:focus-visible{outline-offset:-2px}.announcement{position:relative;z-index:11}.announcement .wrap{gap:12px}.announcement-message{min-width:0}.announcement-right{margin-left:auto}.announcement-short{display:none}.detail-copy>.language-switch{margin-left:auto;margin-bottom:8px;z-index:2}.seo-header>.language-switch{margin-left:auto}@media(max-width:760px){.announcement .wrap{justify-content:space-between;gap:8px}.announcement-full{display:none}.announcement-short{display:inline}.announcement-message{font-size:10px;letter-spacing:.3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.announcement .language-switch>summary{min-height:var(--control-size);padding-inline:8px}.language-options a{min-height:44px}}
.translation-note{font-size:12px;line-height:1.6;color:var(--muted);margin-block:8px}.translation-fallback{display:block;font-size:10px;color:var(--muted);margin-top:4px}html:not([lang^="zh"]) .hero h1{font-size:clamp(30px,4.3vw,57px);line-height:1.12}html:not([lang^="zh"]) .hero-description{max-width:38ch}html:not([lang^="zh"]) .hero-sticker{font-size:13px}html:not([lang^="zh"]) .hero-sticker strong{font-size:18px}html:not([lang^="zh"]) .navigation{gap:20px}html:not([lang^="zh"]) .product-card h3{overflow-wrap:anywhere}html:not([lang^="zh"]) .catalogue-banner h1{font-size:clamp(28px,4vw,44px)}html:not([lang^="zh"]) .service-strip>span{flex:1;min-width:0}html:not([lang^="zh"]) .hero-copy{min-width:0}.seo-header{flex-wrap:wrap}@media(max-width:760px){html{scroll-padding-top:157px}html:not([lang^="zh"]) .navigation{gap:18px}html:not([lang^="zh"]) .hero h1{font-size:37px}html:not([lang^="zh"]) .occasion h2{font-size:22px}html:not([lang^="zh"]) .hero-sticker{font-size:11px}html:not([lang^="zh"]) .hero-sticker strong{font-size:14px}}
html:not([lang^="zh"]) .category-tile small,html:not([lang^="zh"]) .product-english{display:none}
html:not([lang^="zh"]) .hero-sticker{text-align:center;padding:8px}@media(max-width:760px){.navigation a[href$="#about"]{display:none}html:not([lang^="zh"]) .hero{grid-template-columns:1fr;min-height:0;padding-bottom:42px}html:not([lang^="zh"]) .hero-copy{padding:25px 0 8px}html:not([lang^="zh"]) .hero h1{font-size:32px;line-height:1.15;max-width:20ch}html:not([lang^="zh"]) .hero-copy p{max-width:42ch;margin-block:12px 16px}html:not([lang^="zh"]) .hero-products{min-height:265px}html:not([lang^="zh"]) .hero-disc{width:240px;height:240px;left:calc(50% - 120px);top:0}html:not([lang^="zh"]) .pack-one{width:165px;height:165px;left:0;top:58px}html:not([lang^="zh"]) .pack-two{width:195px;height:195px;left:calc(50% - 80px);top:4px}html:not([lang^="zh"]) .pack-three{width:128px;height:128px;right:-5px;top:123px}html:not([lang^="zh"]) .hero-sticker{width:92px;height:92px;top:0;right:0;font-size:10px;line-height:1.3}html:not([lang^="zh"]) .hero-sticker strong{font-size:12px}html:not([lang^="zh"]) .hero-image-note{bottom:-5px;right:0;font-size:7px;white-space:normal}html:not([lang^="zh"]) .hero-controls{left:calc(50% - 66px);bottom:8px}html:not([lang^="zh"]) .hero-footnote{font-size:var(--text-mobile);letter-spacing:0}}

@media(max-width:760px){.language-switch,.translation-note,.translation-fallback{font-size:var(--text-mobile)}}
@media(max-width:760px){.hero-controls,html:not([lang^="zh"]) .hero-controls{left:50%;transform:translateX(-50%);bottom:8px}}
@media(max-width:420px){html[lang^="zh"] .hero{grid-template-columns:1fr;min-height:0;padding-bottom:54px}html[lang^="zh"] .hero-copy{padding:25px 0 8px}html[lang^="zh"] .hero h1{font-size:32px;line-height:1.25;letter-spacing:-1px}html[lang^="zh"] .hero-copy p{font-size:var(--text-mobile);margin-block:12px 16px}html[lang^="zh"] .hero-products{min-height:265px}html[lang^="zh"] .hero-disc{width:240px;height:240px;left:calc(50% - 120px);top:0}html[lang^="zh"] .pack-one{width:165px;height:165px;left:0;top:58px}html[lang^="zh"] .pack-two{width:195px;height:195px;left:calc(50% - 80px);top:4px}html[lang^="zh"] .pack-three{width:128px;height:128px;right:-5px;top:123px}html[lang^="zh"] .hero-sticker{width:92px;height:92px;top:0;right:0;font-size:12px;line-height:1.3}html[lang^="zh"] .hero-sticker strong{font-size:14px}html[lang^="zh"] .hero-footnote{margin-bottom:12px}}
