/* Scoped rules avoid the existing mobile menu's generic nav styles. */
nav.language-switcher{position:static;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;padding:0 20px 10px;margin:0;background:var(--paper,#f8f8f2);border:0;font:14px/1.5 Arial,Helvetica,sans-serif}
nav.language-switcher>a{display:inline-flex;align-items:center;min-height:44px;padding:4px 8px;border:0;text-decoration:underline;text-underline-offset:5px;color:var(--ink,#20221f)}
nav.language-switcher>a[aria-current=page]{font-weight:700;text-decoration-thickness:3px}
.language-switcher a:focus-visible{outline:3px solid var(--ink,#20221f);outline-offset:2px;border-radius:3px}
.language-suggestion{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 24px;padding:8px 20px;background:var(--td-color-surface,var(--paper));color:var(--ink);border-bottom:1px solid var(--line);font:14px/1.5 Arial,Helvetica,sans-serif}
.language-suggestion>a,.language-suggestion>button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 4px;color:inherit;white-space:normal;text-align:center;max-width:100%;overflow-wrap:anywhere}
.language-suggestion>a{text-decoration:underline;text-underline-offset:4px;font-weight:700}
.language-suggestion>button{font:inherit;border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.language-suggestion>:focus-visible{outline:3px solid var(--td-color-focus,var(--ink));outline-offset:3px;border-radius:3px}
.header{gap:20px}
.header #navigation{margin-left:auto}
.header .language-control{position:relative;flex:none;order:2;font:14px/1.4 Arial,Helvetica,sans-serif}
.language-control>summary{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 8px;border-radius:5px;white-space:nowrap;color:var(--ink)}
.language-control>summary:hover{background:var(--td-color-surface)}
.language-control>summary:focus-visible{outline:3px solid var(--td-color-focus,var(--ink));outline-offset:3px}
.language-globe{width:19px;height:19px;flex:none}
.language-chevron{width:12px;height:12px;flex:none}
.language-control[open] .language-chevron{transform:rotate(180deg)}
.language-control nav.language-switcher{position:absolute;inset:calc(100% + 8px) 0 auto auto;z-index:25;display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:176px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--paper);box-shadow:0 8px 24px #20221f14}
.language-control nav.language-switcher>a{padding:8px 12px;border-radius:4px;text-decoration:none}
.language-control nav.language-switcher>a:hover{background:var(--td-color-surface);color:var(--ink)}
.language-control nav.language-switcher>a[aria-current=page]{text-decoration:underline;text-underline-offset:4px}
/* Allow translated labels to determine the purchase button's width. Keep the price fixed. */
.hero-actions .playful-buy{width:max-content;max-width:100%;gap:20px;padding-right:24px;min-width:278px}
.hero-actions .playful-buy .cta-label{min-width:0;white-space:normal;line-height:1.4;flex:1 1 auto}
.hero-actions .playful-buy .cta-price{flex:none;white-space:nowrap;padding-left:20px;line-height:1.4}
@media(min-width:761px) and (max-width:1100px){.header{flex-wrap:wrap;gap:12px 20px}.header #navigation{order:3;width:100%;justify-content:flex-end;margin-left:0}.header .language-control{margin-left:auto}}
@media(max-width:760px){.header{gap:8px}.header .identity{margin-right:auto}.header .menu-toggle{order:3;flex:none}.header .language-control{margin-left:0}.hero-actions{grid-template-columns:minmax(0,auto) minmax(0,auto)}.hero-actions .playful-buy{width:100%;min-width:0;min-height:64px;gap:16px;padding-right:20px}.hero-actions .playful-buy .cta-price{padding-left:16px}}
@media(max-width:420px){.header{padding-inline:16px}.header .identity>span{display:none}.header .menu-toggle{font-size:0;padding:0;justify-content:center;width:44px;gap:0}.header .language-control>summary{padding-inline:5px}}
@media(max-width:760px){.hero-actions .sample-link{width:auto;min-width:0;white-space:normal;text-align:center;justify-content:center}.hero-actions>.outline{min-width:0}}
/* The original full-bleed cast extends two pixels past tablet viewports. */
@media(min-width:761px) and (max-width:900px){.hero-scene{overflow-x:clip}}
.localized-art-window{position:relative;overflow:hidden;width:100%;aspect-ratio:var(--crop-ratio)}
.localized-art-window img{position:absolute!important;width:calc(100% / var(--visible-x))!important;height:auto!important;max-width:none!important;max-height:none!important;left:calc(-100% * var(--crop-left) / var(--visible-x));top:calc(-100% * var(--crop-top) / var(--visible-y));border-radius:0;object-fit:initial!important}
.localized-art-frame{position:relative;display:block;width:100%;height:100%;isolation:isolate;container-type:inline-size}
.localized-art-frame>img{display:block;width:100%;height:auto;max-width:100%}
.localized-art-label{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;padding:0;font:600 min(2cqw,16px)/1.1 Arial,Helvetica,sans-serif;overflow:hidden;white-space:normal;z-index:1}
.localized-outfit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:20px;background:var(--td-color-surface)}
.localized-outfit-grid img{width:100%;height:220px!important;max-height:220px;object-fit:contain}
@media(max-width:760px){.localized-outfit-grid{gap:10px;padding:10px}.localized-outfit-grid img{height:140px!important}}
/* Facts stay in readable translated HTML beside the art; avoid tiny image labels. */
@media(max-width:760px){.localized-art-label{font-size:0;line-height:0}}
.td-filter-row{flex-wrap:wrap}
html:not([lang=en]) .button,html:not([lang=en]) .nav-buy{white-space:normal;text-align:center;height:auto;min-height:48px;padding-block:12px}
html:not([lang=en]) .feature-copy,html:not([lang=en]) .pack-contents{min-width:0;overflow-wrap:anywhere}
html:not([lang=en]) .header #navigation{gap:16px}
html:not([lang=en]) .hero-product{white-space:normal}
html:not([lang=en]) .td-product h3{overflow-wrap:anywhere;hyphens:auto}
html[lang=ja],html[lang=ko],html[lang=zh-Hans]{--display:"Noto Sans CJK JP","Yu Gothic","Malgun Gothic","Microsoft YaHei",sans-serif;word-break:normal;line-break:strict}
html:is([lang=ja],[lang=ko],[lang=zh-Hans]) body{font-family:"Noto Sans CJK JP","Yu Gothic","Malgun Gothic","Microsoft YaHei",sans-serif}
@font-face{font-family:"Characterz Japanese";src:url('/assets/fonts/characterz-japanese.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html[lang=ja]{--display:Poppins,"Characterz Japanese",sans-serif;line-break:strict;word-break:normal}
html[lang=ja] body{font-family:Arial,"Characterz Japanese",sans-serif}
html[lang=ja] :is(p,button,summary,figcaption,caption,th,td,dt,dd,label,small,.nav-pack-links,.footer-links,.viewer-gesture,.td-filter-row){font-family:Arial,"Characterz Japanese",sans-serif}
html[lang=ja] :is(a:not(.identity):not(.footer-brand),.identity>span,.footer-brand>span,.localized-art-label){font-family:Arial,"Characterz Japanese",sans-serif}
html[lang=ja] #preview-3d .viewer-loading-label{font-family:Arial,"Characterz Japanese",sans-serif}
html[lang=ja] h4{font-family:var(--display)}
.language-switcher a[lang=ja],.language-control span[lang=ja],.language-suggestion a[lang=ja]{font-family:"Characterz Japanese",sans-serif}
@font-face{font-family:"Characterz Korean";src:url('/assets/fonts/characterz-korean.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html[lang=ko]{--display:Poppins,"Characterz Korean",sans-serif;word-break:keep-all;overflow-wrap:anywhere;line-break:strict}
html[lang=ko] body{font-family:Arial,"Characterz Korean",sans-serif}
html[lang=ko] :is(p,button,summary,figcaption,caption,th,td,dt,dd,label,small,.nav-pack-links,.footer-links,.viewer-gesture,.td-filter-row){font-family:Arial,"Characterz Korean",sans-serif}
html[lang=ko] :is(a:not(.identity):not(.footer-brand),.identity>span,.footer-brand>span,.localized-art-label){font-family:Arial,"Characterz Korean",sans-serif}
html[lang=ko] #preview-3d .viewer-loading-label{font-family:Arial,"Characterz Korean",sans-serif}
html[lang=ko] h4{font-family:var(--display)}
html[lang=ko] .td-product h3{hyphens:none}
@media(max-width:360px){html[lang=ko] .feature-copy h3{font-size:28px}}
.language-switcher a[lang=ko],.language-control span[lang=ko],.language-suggestion a[lang=ko]{font-family:"Characterz Korean",sans-serif}
@media(max-width:760px){html:not([lang=en]) .header #navigation{gap:0}nav.language-switcher{gap:0 4px;padding-inline:10px}html:not([lang=en]) .pack-contents{overflow-x:auto}html:not([lang=en]) .adultz-faq summary,html:not([lang=en]) .faq-section summary{padding-right:30px}}
@media(max-width:380px){.header .identity>span{display:none}}
@font-face{font-family:"Characterz Chinese";src:url('/assets/fonts/characterz-chinese.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
html[lang=zh-Hans]{--display:Poppins,"Characterz Chinese",sans-serif;line-break:strict;word-break:normal;overflow-wrap:anywhere}
html[lang=zh-Hans] body{font-family:Arial,"Characterz Chinese",sans-serif}
html[lang=zh-Hans] :is(p,button,summary,figcaption,caption,th,td,dt,dd,label,small,.nav-pack-links,.footer-links,.viewer-gesture,.td-filter-row){font-family:Arial,"Characterz Chinese",sans-serif}
html[lang=zh-Hans] :is(a:not(.identity):not(.footer-brand),.identity>span,.footer-brand>span,.localized-art-label){font-family:Arial,"Characterz Chinese",sans-serif}
html[lang=zh-Hans] #preview-3d .viewer-loading-label{font-family:Arial,"Characterz Chinese",sans-serif}
html[lang=zh-Hans] h4{font-family:var(--display)}
html[lang=zh-Hans] .td-product h3{hyphens:none}
.language-switcher a[lang=zh-Hans],.language-control span[lang=zh-Hans],.language-suggestion a[lang=zh-Hans]{font-family:"Characterz Chinese",sans-serif}