.language-flags{display:grid;grid-template-columns:repeat(4,40px);gap:2px;direction:ltr;align-items:center}
.language-flag{display:grid;place-items:center;width:40px;height:44px;padding:5px;border:1px solid transparent;border-radius:5px;background:transparent;cursor:pointer}
.language-flag img{display:block;width:28px;height:20px;object-fit:contain;filter:drop-shadow(0 0 1px #0003)}
.language-flag:hover{background:#f5f1e8}.language-flag[aria-pressed="true"]{border-color:#987343;background:#f7f2e8}
.language-flag:focus-visible{outline:3px solid #9b773f;outline-offset:2px}
.header-end{flex-shrink:0}.site-header nav{min-width:0}.site-header nav a,.site-header nav summary{overflow-wrap:anywhere}
html[lang="de"] .site-header nav{gap:17px}html[lang="de"] .site-header nav a,html[lang="de"] .site-header nav summary{font-size:10px}
html[lang="ar"] body,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] select{font-family:Tahoma,Arial,sans-serif}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] p,html[lang="ar"] a,html[lang="ar"] button,html[lang="ar"] span,html[lang="ar"] strong,html[lang="ar"] label,html[lang="ar"] summary,html[lang="ar"] th{letter-spacing:0;text-transform:none}
html[lang="ar"] h1,html[lang="ar"] h2{line-height:1.5}
[dir="rtl"] .topline>a{margin-left:0;margin-right:auto}
[dir="rtl"] .header-end{margin-left:0;margin-right:10px}
[dir="rtl"] .hero-caption{margin-left:0;margin-right:34px}
[dir="rtl"] .studio-screen-card,[dir="rtl"] .catalog-card,[dir="rtl"] .screen-card,[dir="rtl"] th,[dir="rtl"] td{text-align:start}
[dir="rtl"] .project-checks{padding-left:0;padding-right:20px}
[dir="rtl"] .dialog-close{right:auto;left:18px}
[dir="rtl"] .studio-screen-card[aria-pressed="true"]:after{right:auto;left:10px}
[dir="rtl"] .motion-toggle,[dir="rtl"] .opening-control output{margin-left:0;margin-right:auto}
[dir="rtl"] .studio-series-select{padding-left:35px;padding-right:12px}
[dir="rtl"] .studio-screen-detail figcaption>span:not(.eyebrow){margin-right:0;margin-left:15px}
[dir="rtl"] #colour-prev,[dir="rtl"] #colour-next,[dir="rtl"] #system-prev,[dir="rtl"] #system-next,[dir="rtl"] #product-image-prev,[dir="rtl"] #product-image-next{transform:scaleX(-1)}
/* Product geometry and the range positions retain their original orientation. */
.product-preview,.screen-motion-stage,input[type="range"],.product-colours img,#fabric-code,#fabric-colour-index,#product-modal-count,#system-position{direction:ltr;unicode-bidi:isolate}
.catalog-card h2,.catalog-card strong,#fabric-title,#studio-fabric-name,#studio-fabric-code{unicode-bidi:plaintext}
@media(max-width:1100px){html[lang="de"] .site-header nav{gap:11px}}
@media(max-width:900px){[dir="rtl"] .header-end{margin-left:0;margin-right:auto}html[lang="de"] .site-header nav{gap:0}.language-flags{grid-template-columns:repeat(2,40px);gap:2px}.language-flag{height:32px;padding:3px}}
@media(max-width:760px){html[lang="ar"] .topline{font-size:10px}.product-intro h1{overflow-wrap:anywhere}html[lang="de"] .site-header nav a,html[lang="de"] .site-header nav summary{font-size:12px}[dir="rtl"] .hero-caption{margin:0 13px 86px}}
@media(max-width:380px){.site-header .brand{width:135px;min-width:0}.site-header{gap:10px}.header-end{gap:9px}}

/* Larger navigation labels across every page and language. */
.site-header #site-nav{--main-nav-size:14px;--submenu-size:14px}
html .site-header #site-nav>a,html .site-header #site-nav>details>summary{font-size:var(--main-nav-size);line-height:1.5}
html .site-header #site-nav .dropdown-panel a{font-size:var(--submenu-size);line-height:1.6}
html .site-header #site-nav .dropdown-label{font-size:11px;letter-spacing:.8px}
@media(max-width:1100px){.site-header #site-nav{--main-nav-size:13px;gap:12px}.language-flags{grid-template-columns:repeat(2,40px)}.language-flag{height:32px;padding:3px}}
@media(max-width:900px){.site-header #site-nav{--main-nav-size:16px;--submenu-size:15px;gap:0}}

/* A larger header mark and a readable live-text brand descriptor. */
.site-header{height:128px;min-height:128px}
.site-header .brand{display:block;width:260px;flex-shrink:0}
.site-header .brand img{display:block;width:100%;height:auto;object-fit:contain}
.site-header .brand-tagline{display:block;margin-top:-7px;font-size:11px;line-height:1.3;font-weight:600;letter-spacing:.1px;text-align:center;color:#3e4c52;direction:ltr;unicode-bidi:isolate}
@media(max-width:1100px){.site-header{padding-inline:3%}.site-header .brand{width:220px}.site-header #site-nav{gap:8px}}
@media(max-width:900px){.site-header{height:112px;min-height:112px;padding:7px 5%}.site-header .brand{width:195px}.site-header .brand-tagline{margin-top:-6px;font-size:10px}.site-header #site-nav{gap:0}}
@media(max-width:420px){.site-header{gap:10px}.site-header .brand{width:180px}.site-header .header-end{gap:9px}}
@media(max-width:380px){.site-header .brand{width:150px}.site-header .brand-tagline{margin-top:-4px}}

/* Partnership navigation keeps the larger logo and labels readable. */
html .site-header #site-nav>.dealer-nav-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 15px;border:1px solid #d8c19b;border-radius:6px;color:#785727;background:#f8f3e9}
.dealer-nav-link svg{flex-shrink:0}
html .site-header #site-nav>.dealer-nav-link:hover,html .site-header #site-nav>.dealer-nav-link[aria-current="page"]{background:#eadcc3;color:#533b1a}
@media(max-width:1600px){.site-header{gap:20px}.site-header #site-nav{column-gap:12px}.language-flags{grid-template-columns:repeat(2,40px)}.language-flag{height:32px;padding:3px}.site-header .header-end{margin-inline:0}}
@media(max-width:1400px){
 .site-header #site-nav{display:none;position:absolute;top:100%;left:3%;right:3%;width:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;background:#fff;box-shadow:0 15px 30px #15221926;padding:20px 25px;border-radius:0 0 18px 18px;max-height:calc(100dvh - 170px);overflow-y:auto;--main-nav-size:16px;--submenu-size:15px}
 .site-header #site-nav[data-open="true"]{display:flex}
 .site-header #site-nav>a{padding:16px 0;border-bottom:1px solid #eee}
 .site-header #site-nav>details>summary{padding:16px 0;border-bottom:1px solid #eee;justify-content:space-between}
 .site-header #site-nav .dropdown-panel{position:static;box-shadow:none;grid-template-columns:1fr 1fr;width:auto;border-top:0;padding:23px 0 10px;gap:15px}
 html .site-header #site-nav>.dealer-nav-link{justify-content:flex-start;margin-top:14px;padding:14px 16px;border:1px solid #d8c19b}
 .site-header .header-end{margin-inline-start:auto;gap:20px}
 .site-header .mobile-menu-toggle{display:flex;flex-direction:column;gap:4px;background:none;padding:10px 0}
 .site-header .mobile-menu-toggle span{display:block;width:23px;height:2px;background:#283530}
}
@media(max-width:420px){.site-header{gap:10px}.site-header .header-end{gap:9px}}

/* A compact native disclosure shows the current flag and reveals four choices. */
.language-picker{position:relative;flex-shrink:0}
.language-picker>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:9px;min-width:64px;min-height:44px;padding:9px;border:1px solid #ded8cb;border-radius:6px;background:#fff;cursor:pointer}
.language-picker>summary::-webkit-details-marker{display:none}
.language-picker>summary img{width:28px;height:20px;object-fit:contain;filter:drop-shadow(0 0 1px #0003)}
.language-picker>summary>span{font-size:14px;color:#785727}
.language-picker[open]>summary{background:#f7f2e8;border-color:#987343}
.language-picker #language-flags{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:60;grid-template-columns:repeat(2,40px);gap:5px;padding:9px;width:105px;background:#fff;border:1px solid #e1dccf;border-radius:9px;box-shadow:0 10px 24px #1d303320}
.language-picker:not([open]) #language-flags{display:none}
.language-picker #language-flags .language-flag{height:40px;padding:5px}

/* Nested blind systems remain within the product menu on every viewport. */
html .site-header #site-nav .blind-submenu>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;font-size:14px;line-height:1.6;font-weight:400;border:0}
.blind-submenu-links{border-inline-start:2px solid #cfb58a;margin:6px 0 12px;padding-inline-start:12px}
html .site-header #site-nav .blind-submenu-links>a{white-space:normal;font-size:14px;padding:8px 0;line-height:1.6}
.blind-submenu-links>a:last-child{color:#92703e}

/* Keep the shared navigation available while scrolling on every page. */
.site-header{position:sticky;top:0;z-index:40;box-shadow:0 3px 16px #243b4212}
html{scroll-padding-top:144px}
@media(max-width:900px){html{scroll-padding-top:128px}}
