/* Shared by all language editions. Native details/links work without JS. */
.topbar{align-items:center;gap:20px;position:relative;z-index:30;min-height:48px}
.topbar>span{margin-inline-start:auto;text-align:end}
.language-menu{position:relative;flex:none;font-size:14px;letter-spacing:0;color:#fff}
.language-menu summary{cursor:pointer;display:flex;align-items:center;gap:9px;list-style:none;padding:5px 0;white-space:nowrap;min-height:30px}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu summary b{font-weight:400}
.language-menu summary span{letter-spacing:0;color:inherit;font-size:16px}
.language-menu nav{position:absolute;inset-inline-end:0;top:calc(100% + 12px);width:210px;max-width:85vw;max-height:75vh;overflow-y:auto;padding:9px;background:#fcfcf8;color:#272b25;border:1px solid #dedfd5;box-shadow:0 12px 30px #17201524;z-index:50}
.language-menu ul{margin:0;padding:0;list-style:none}
.language-menu a{display:block;padding:9px 14px;min-height:42px;line-height:1.7;border-radius:2px}
.language-menu a:hover,.language-menu a:focus-visible{background:#e7ebdf}
.language-menu a[aria-current=page]{background:#303a2c;color:#fff}
.header{flex-wrap:wrap}.header nav{flex-wrap:wrap;row-gap:10px}.header .button{flex-shrink:0}
.hero-copy,.detail-intro,.section-heading>div,.product-card,.gallery-card,.specifications>div,.quote-page>div{min-width:0}
html:not([lang=en]) h1{font-size:clamp(40px,5.2vw,75px);overflow-wrap:break-word}
html:not([lang=en]) .detail-intro h1{font-size:clamp(36px,4.3vw,62px)}
html:not([lang=en]) .section-heading>p{flex-shrink:1;max-width:360px}
html:not([lang=en]) .hero-tags{flex-wrap:wrap}
html[lang=de] h1,html[lang=de] h2{hyphens:auto}
.detail-nav{flex-wrap:wrap}.button{max-width:100%;white-space:normal}.related>div>a{overflow-wrap:anywhere}
html[dir=rtl] body{text-align:right;font-family:Tahoma,Arial,sans-serif}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.45}
html[dir=rtl] .eyebrow,html[dir=rtl] .topbar,html[dir=rtl] .collection-heading>span{letter-spacing:0}
html[dir=rtl] .wordmark{font-family:Arial,Helvetica,sans-serif;text-align:left}
html[dir=rtl] .hero-tags span{border-left:0;border-right:1px solid #bdc3b4;padding-left:0;padding-right:17px}
html[dir=rtl] .feature-list li:before{margin-right:0;margin-left:14px}
html[dir=rtl] .button span,html[dir=rtl] .image-arrow{transform:scaleX(-1)}
html[dir=rtl] .hero-art>.eyebrow{left:auto;right:30px}
html[dir=rtl] .image-arrow{right:auto;left:17px}
html[dir=rtl] .contact-number{text-align:right;unicode-bidi:isolate}
html[dir=rtl] .finish-visual{direction:ltr}
html[lang=ja] body{font-family:'Yu Gothic',Meiryo,Arial,sans-serif}
html[lang=ko] body{font-family:'Malgun Gothic','Apple SD Gothic Neo',Arial,sans-serif}
html[lang=ja] h1,html[lang=ja] h2,html[lang=ja] h3,html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3{font-family:inherit;letter-spacing:0;line-height:1.45;word-break:normal;overflow-wrap:anywhere}
html[lang=ar] .detail-intro h1,html[lang=ja] .detail-intro h1,html[lang=ko] .detail-intro h1{font-size:clamp(32px,3.8vw,56px)}
html[lang=ja] .eyebrow,html[lang=ko] .eyebrow{letter-spacing:.03em}
@media(max-width:1180px){html:not([lang=en]) .header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid #dedfd5;padding-top:16px}html:not([lang=en]) .header .button{margin-inline-start:auto}}
@media(max-width:760px){.topbar{padding:9px 6%;gap:15px;font-size:12px}.topbar>span{display:none}.language-menu{margin-inline-start:auto}.language-menu summary{font-size:13px}.language-menu nav{top:calc(100% + 9px)}.topbar .language-menu span{max-width:none;text-align:inherit}.header nav{gap:12px 18px;font-size:14px}.detail-nav{gap:13px 20px;font-size:13px}html:not([lang=en]) h1{font-size:clamp(40px,10vw,64px)}html:not([lang=en]) .hero h1{font-size:clamp(39px,10vw,62px)}html:not([lang=en]) .detail-intro h1{font-size:clamp(35px,9vw,52px)}html:not([lang=en]) .section-heading>p{max-width:none}html[lang=ar] .hero h1,html[lang=ja] .hero h1,html[lang=ko] .hero h1{font-size:clamp(32px,8vw,50px)}html[lang=ar] .page-intro h1,html[lang=ja] .page-intro h1,html[lang=ko] .page-intro h1{font-size:clamp(32px,8vw,50px)}html[lang=ar] .detail-intro h1,html[lang=ja] .detail-intro h1,html[lang=ko] .detail-intro h1{font-size:clamp(30px,8vw,48px)}}