/* Isolated language switch. Never changes hero, price cards or page layout. */
.pandi-lang { display:flex; align-items:center; flex:0 0 auto; gap:4px; margin:0; padding:0; }
.pandi-lang__label { font-size:15px; line-height:1; }
.pandi-lang select { appearance:auto; min-width:64px; max-width:72px; height:38px; border:1px solid #d1d5db; background:#fff; border-radius:9px; color:#151719; font-size:13px; font-weight:750; padding:0 5px; cursor:pointer; }
.pandi-lang select:focus-visible { outline:2px solid #101010; outline-offset:2px; }
@media(max-width:760px) { .pandi-lang { margin-left:auto; } .pandi-lang select { min-width:59px; height:40px; } .pandi-lang__label { font-size:13px; } .header__inner .menu-toggle { margin-left:0; } }
@media(max-width:385px) { .header__inner { gap:7px; } .header__inner .logo small { display:none; } .pandi-lang select { min-width:58px; } }
/* German and Ukrainian labels can be longer. Keep the existing hero appearance, but
   allow its background to grow with the content instead of clipping at 320px. */
@media(min-width:481px) and (max-width:760px) {
    html:not([lang="sk"]) .hero__visual { height:auto; min-height:320px; }
    html:not([lang="sk"]) .hero__visual > img { position:absolute; inset:0; width:100%; height:100%; }
    html:not([lang="sk"]) .hero__overlay { position:relative; inset:auto; min-height:320px; }
}
html:not([lang="sk"]) .hero__badge,
html:not([lang="sk"]) .hero__title,
html:not([lang="sk"]) .pandi-hair-pricing__card { overflow-wrap:break-word; }
/* At tablet width the translated desktop navigation may not fit; use the existing hamburger menu. */
@media(min-width:761px) and (max-width:980px) {
    .header__inner > .nav { display:none; }
    .header__inner .pandi-lang { margin-left:auto; }
    .header__inner > .menu-toggle { display:inline-flex; margin-left:0; }
    .mobile-menu { display:block; }
}