/* Root variables */
:root {
  --font-main: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-accent: "Raleway", sans-serif;
  --color-bg: #242424;
  --color-text: #ffffff;
  --color-text-2: #242424;

  --color-accent: #2563eb;
  --color-muted: #6b7280;
  --container-width: 1200px;
  --border-radius: 0.5rem;
  --transition-fast: 0.2s ease-in-out;

  --color-nav-bg: #FFFDF2;

  --color-header-bg: #000;
  --color-border: #000;

  /* === locales === */
  --color-locales-text-selected: #000000;
  --color-locales-text: #ffffff;
  --color-locales-border: #000000;
  /* === End locales === */
}

/* ===== iframe map ===== */

.map-text-container {
    display: flex;
    gap: 20px; /* расстояние между картой и текстом */
    align-items: flex-start; /* выравнивание по верху */
    flex-wrap: wrap; /* чтобы на маленьких экранах текст и карта шли друг под другом */
    margin-top: 40px;
  }

  .map-container {
    flex: 1 1 400px; /* карта растягивается, но минимум 400px */
    height: 300px;
  }

  .map-container iframe {
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 8px;
  }

  .map-text {
    flex: 1 1 200px; /* текст занимает оставшееся место */
  }

/* ===== End iframe map ===== */