/* Locale typography and reading direction; product artwork stays in its original orientation. */
html:lang(ja){--sans:"Yu Gothic",Meiryo,"Hiragino Kaku Gothic ProN",sans-serif;--serif:"Yu Mincho","Hiragino Mincho ProN",serif}
html:lang(ko){--sans:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;--serif:Batang,"Noto Serif KR",serif}
html:lang(ar){--sans:Tahoma,Arial,sans-serif;--serif:"Traditional Arabic","Noto Naskh Arabic",Tahoma,serif}
html:is(:lang(ja),:lang(ko),:lang(ar)) :is(h1,h2,h3){letter-spacing:normal;line-height:1.25;overflow-wrap:anywhere}
html:is(:lang(ja),:lang(ko),:lang(ar)) :is(.eyebrow,.custom-minimum-label,.design-pill){letter-spacing:normal}
html:is(:lang(ja),:lang(ko)) .retail-hero.hero-carousel-layout h1{font-size:clamp(36px,3.5vw,58px);line-height:1.25}
html:lang(ar) .retail-hero.hero-carousel-layout h1{font-size:clamp(44px,4.4vw,74px);line-height:1.2}
html:lang(ar) body{line-height:1.75}
html:lang(ko) body{word-break:keep-all;overflow-wrap:anywhere}
html:is(:lang(ja),:lang(ko),:lang(ar)) :is(.hero-copy,.collection-copy,.product-info,.footer-top>*,.section-heading>*){min-width:0}
html:is(:lang(ja),:lang(ko),:lang(ar)) .wordmark{letter-spacing:normal}
html:is(:lang(ja),:lang(ko)) .hero-copy h1{text-wrap:balance}
.language-picker,.hero-carousel-controls,.gallery-frame,.gallery-thumbs,.quantity{direction:ltr}
#language-options{max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain}
#language-options button{direction:ltr;white-space:nowrap}
#language-options button>span:last-child{margin-left:auto;font-size:11px;color:var(--muted)}
html[dir=rtl] #language-options{right:auto;left:0}
html[dir=rtl] .gallery-thumbs button{direction:rtl}
html[dir=rtl] :is(input[type=email],input[type=url],input[type=tel],input[type=number],.mini-book){direction:ltr}
html[dir=rtl] :is(.product-price,#product-price,.bag-total>span:last-child,.retail-spec-value){unicode-bidi:plaintext}
html[dir=rtl] :is(.retail-quick-facts>div:first-child dd,.spec-table>div:first-child dd,.dimension-top,.dimension-side){direction:ltr;unicode-bidi:isolate;text-align:right}
html[dir=rtl] .collection-choose td:nth-child(3){direction:ltr;unicode-bidi:isolate;text-align:right}
html[dir=rtl] :is(.product-copy,.policy-copy,.article-copy,.quote-layout,.retail-specifications,.wholesale-options){text-align:start}
html[dir=rtl] .readiness{border-left:0;border-right:3px solid var(--gold)}
html[dir=rtl] .bag-dialog{margin:0 auto 0 0}
html[dir=rtl] .image-dialog .close{float:left}
html[dir=rtl] .button>svg,html[dir=rtl] .inline-link>svg{transform:scaleX(-1)}
html[dir=rtl] .signature-visual{direction:ltr}
html[dir=rtl] :is(table,.story-navigation button){text-align:start}
html[dir=rtl] .policy-copy>p:first-child,html[dir=rtl] .form-errors{border-left:0;border-right:3px solid var(--gold)}
html[dir=rtl] .form-errors{border-right-color:#903d32}
html:lang(ja) .story-features::before{content:"心を込めた表紙。その中には、もっと広い世界。"}
html:lang(ko) .story-features::before{content:"세심하게 만든 표지. 그 안에 펼쳐지는 새로운 세계."}
html:lang(ar) .story-features::before{content:"غلاف متقن. وعالم كامل في الداخل."}
@media(max-width:720px){
 html:lang(ja) .retail-hero.hero-carousel-layout h1{font-size:36px}
 html:lang(ko) .retail-hero.hero-carousel-layout h1{font-size:40px}
 html:lang(ar) .retail-hero.hero-carousel-layout h1{font-size:48px}
 html:is(:lang(ja),:lang(ko),:lang(ar)) .header-tools{gap:4px}
 html:is(:lang(ja),:lang(ko),:lang(ar)) #language-button{gap:5px;padding-inline:4px}
 html[dir=rtl] #language-options{left:4%;right:auto}
 html[dir=rtl] .retail-team-note a{margin-left:0;margin-right:39px}
}