/* Update 4: shared language controls and deliberate Arabic layout adjustments. */
@font-face{font-family:'Noto Sans Arabic';src:url('fonts/noto-sans-arabic.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
.language-selector{display:flex;align-items:center;gap:0;flex-shrink:0;font-family:Manrope,Arial,sans-serif}
.language-selector a{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:30px;font-size:11px;font-weight:700;border-radius:3px;color:var(--muted)}
.language-selector a[aria-current=true]{color:var(--blue);background:var(--paper)}
.language-selector a:hover{color:var(--blue);text-decoration:underline}
.drawer nav.language-selector{display:flex;gap:8px;margin:12px 0 24px}
.drawer nav.language-selector a{font-size:14px;min-width:56px;padding:8px 14px;border:1px solid var(--line);justify-content:center}
.header-main{gap:18px}.header-actions{gap:8px}
.portfolio-item{text-align:start}
input[type=email],input[type=tel],input[type=number],input[type=date],a[href^='tel:'],a[href^='mailto:']{direction:ltr;unicode-bidi:isolate}
.honeypot{position:fixed;left:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}
html[dir=rtl] body{font-family:'Noto Sans Arabic',Arial,sans-serif;line-height:1.85}
html[dir=rtl] :is(h1,h2,h3,.eyebrow,.hero-bottom,.scene-caption,.card-meta,.brand-moment strong,.request-form legend){letter-spacing:normal;word-spacing:normal}
html[dir=rtl] :is(h1,h2,h3){line-height:1.45}
html[dir=rtl] .hero h1{font-size:clamp(60px,7.3vw,106px);line-height:1.3;letter-spacing:normal}
html[dir=rtl] .hero-intro{min-width:240px}
html[dir=rtl] .hero-intro p{line-height:1.9}
html[dir=rtl] .brand-moment strong{line-height:1.6}
html[dir=rtl] .drawer{margin:0 auto 0 0}
html[dir=rtl] .filter-option span{margin-left:0;margin-right:auto}
html[dir=rtl] .gallery-thumbnails p{margin-left:0;margin-right:auto}
html[dir=rtl] .sort-label{margin-left:0;margin-right:auto}
html[dir=rtl] .request-form legend span{margin-right:0;margin-left:18px}
html[dir=rtl] .quote-aside ol,html[dir=rtl] .file-guide ul{padding-left:0;padding-right:20px}
html[dir=rtl] .configuration-summary dd{text-align:left}
html[dir=rtl] .footer-credit{text-align:left}
html[dir=rtl] .footer-contact[href^='tel:']{justify-content:flex-end}
html[dir=rtl] .process-visual>span{left:auto;right:20px}
html[dir=rtl] .image-arrow{right:auto;left:12px}
html[dir=rtl] .drawer nav .mobile-collections a{padding-left:0;padding-right:12px}
html[dir=rtl] .text-link>svg:not(.keep-direction),html[dir=rtl] .button>svg,html[dir=rtl] .image-arrow>svg,html[dir=rtl] .category-tile>div>svg,html[dir=rtl] .sector-list>a>svg,html[dir=rtl] .mega-all>svg,html[dir=rtl] .drawer nav:not(.language-selector) a>svg,html[dir=rtl] .search-suggestions svg{transform:scaleX(-1)}
/* Contact icons and the logo are never mirrored; physical corner positions stay fixed. */
html[dir=rtl] .product-whatsapp svg,html[dir=rtl] .floating-contact svg,html[dir=rtl] .footer-contact svg{transform:none}
html[dir=rtl] .floating-call{left:16px;right:auto}
html[dir=rtl] .floating-whatsapp{right:16px;left:auto}
@media(min-width:1001px) and (max-width:1190px){.desktop-nav{gap:12px}.header-main{gap:12px}.header-quote{font-size:11px}.brand{width:140px}.language-selector a{min-width:27px}}
@media(max-width:700px){
 .header-main{height:76px;display:grid;grid-template-columns:1fr auto;gap:4px}.header-main>.brand{width:126px;padding:0}.header-actions{gap:0;display:grid;grid-template-columns:40px auto 40px;grid-template-rows:32px 36px;align-items:center}.header-actions>.language-selector{grid-column:1/-1;grid-row:1;justify-content:flex-end}.header-actions>.language-selector a{min-height:30px;min-width:30px;font-size:10px}.header-actions>.icon-button,.header-actions>.header-quote{grid-row:2;min-height:34px;height:34px}.header-actions>.icon-button:first-of-type{grid-column:1}.header-actions>.header-quote{grid-column:2;padding:7px 10px}.header-actions>.mobile-only{grid-column:3}
 html[lang=en] .header-quote:before{content:'Quote'}html[lang=ar] .header-quote:before{content:'عرض سعر';font-family:'Noto Sans Arabic',Arial,sans-serif;font-size:11px}
 html[dir=rtl] .hero h1{font-size:clamp(52px,11vw,76px);line-height:1.35}
 html[dir=rtl] .hero-intro .text-link{margin-left:0;margin-right:14px}
 html[dir=rtl] .catalogue-sidebar.is-open{inset:0 auto 0 0;box-shadow:60px 0 0 100vw #14223988}
 html[dir=rtl] .image-arrow{left:8px}
 html[dir=rtl] .footer-credit{text-align:right}
 html[dir=rtl] .card-meta{font-size:10px}
 html[dir=rtl] .product-card h3{font-size:18px}
 html[dir=rtl] .eyebrow{font-size:10px}
 html[dir=rtl] .form-grid>label{font-size:12px}
 html[dir=rtl] .product-info h1{font-size:36px}
}
@media(max-width:370px){.header-main>.brand{width:108px}.header-actions>.header-quote{padding-inline:8px}html[dir=rtl] .hero-intro .text-link{margin-right:0}html[dir=rtl] .category-tile h3{font-size:13px}}