.language-switcher {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid rgba(126, 236, 239, 0.18);
  border-radius: 12px;
  background: rgba(1, 10, 15, 0.64);
}

.language-switcher button {
  min-width: 29px;
  height: 34px;
  padding: 0 6px;
  border: 0;
  border-radius: 9px;
  color: #86aeb4;
  background: transparent;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  touch-action: manipulation;
}

.language-switcher button.active {
  color: #efffff;
  background: linear-gradient(145deg, #0d4b57, #082a34);
  box-shadow: inset 0 0 0 1px rgba(113, 240, 232, 0.24);
}

.gallery-language-switcher {
  position: static;
  z-index: 5;
  flex: 0 0 auto;
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(0, 0, 0, 0.56);
  backdrop-filter: blur(9px);
}

.drawer-language-switcher {
  margin-inline-start: auto;
  flex: 0 0 auto;
}

html[dir="ltr"] .drawer {
  right: auto;
  left: 0;
  border-right: 1px solid rgba(113, 232, 236, 0.18);
  border-left: 0;
  transform: translateX(-103%);
  box-shadow: 18px 0 50px rgba(0, 0, 0, 0.4);
}

html[dir="ltr"] .drawer.open { transform: none; }
html[dir="ltr"] .dest, html[dir="ltr"] .voice-search-status { text-align: left; }
html[dir="ltr"] .bar i, html[dir="ltr"] .progress i { transform-origin: left; }

@media (max-width: 640px) {
  .tools { gap: 5px; padding: 7px; }
  .language-switcher button { min-width: 27px; padding: 0 4px; }
  .mainbtn { padding: 0 10px; }
  .gallery-language-switcher {
    position: absolute;
    top: 52px;
    left: 50%;
    transform: translateX(-50%);
  }
}