/* HayMat international language switcher */
.hm-lang{display:flex;gap:4px;align-items:center;flex-shrink:0;margin-inline-start:12px;padding:4px;border:1px solid #d5e0e2;border-radius:10px;background:rgba(255,255,255,.96);position:relative;z-index:8}
.hm-lang a{display:inline-flex;min-width:35px;padding:8px 5px;border-radius:6px;align-items:center;justify-content:center;font:700 12px/1.1 system-ui,sans-serif;letter-spacing:.02em;text-decoration:none;color:#28434e;transition:background .15s ease}
.hm-lang a.selected,.hm-lang a[aria-current="true"]{color:#fff;background:#103440}
.hm-lang a:focus-visible{outline:2px solid #f3b13b;outline-offset:2px}
@media(max-width:1050px){.nav-inner{flex-wrap:wrap}.hm-lang{order:2;margin-inline-start:auto}.nav-toggle{order:3}.menu{order:4}}
@media(max-width:640px){.hm-lang{gap:0;padding:2px}.hm-lang a{min-width:28px;padding:7px 3px;font-size:11px}}
html[dir="rtl"] .inner-hero,html[dir="rtl"] .editorial,html[dir="rtl"] .contact-section,html[dir="rtl"] .hm-products{text-align:right}
html[dir="rtl"] .contact-form input,html[dir="rtl"] .contact-form select,html[dir="rtl"] .contact-form textarea{direction:auto;text-align:right}
html[dir="rtl"] .hm-lang{direction:ltr}html[dir="rtl"] .logo,html[dir="rtl"] .utility-in a{direction:ltr}

/* v3.2 - header must not hide the language switcher in Turkish Lithophane pages. */
.header .nav-inner{min-width:0}
.header .hm-lang{display:flex;visibility:visible;opacity:1;flex-shrink:0}
.header .hm-lang a{white-space:nowrap}
@media(min-width:1121px){
  .header .nav-inner{gap:12px}
  .header .menu{gap:12px}
  .header .menu .menu-list{gap:13px}
  .header .logo-sub{display:none}
}
@media(min-width:781px) and (max-width:1350px){
  .header .nav-inner{height:auto;min-height:92px;flex-wrap:wrap;gap:8px 18px;padding-block:12px}
  .header .logo{order:1}
  .header .hm-lang{order:2;margin-inline-start:auto}
  .header .menu{order:3;flex-basis:100%;justify-content:center;gap:16px}
  .header .nav-toggle{order:4}
}
@media(max-width:780px){
  .header .nav-inner{height:auto;min-height:70px;flex-wrap:wrap;gap:6px 9px;padding-block:7px}
  .header .logo{order:1;flex:0 1 auto}
  .header .logo img{width:clamp(98px,24vw,135px);height:auto}
  .header .hm-lang{order:2;margin-inline-start:auto}
  .header .nav-toggle{order:3;flex-shrink:0}
  .header .menu{order:4}
}
@media(max-width:420px){
  .header .nav-inner{gap:5px}
  .header .hm-lang{gap:0;padding:2px}
  .header .hm-lang a{min-width:27px;padding:7px 2px}
  .header .nav-toggle{width:30px;padding:5px}
}