/* ==========================================================================
   Телефон 390. Значения из Figma: макеты 19–24 · Mobile 390.
   Раскладка на телефоне не повторяет десктоп — она короче и своя.
   ========================================================================== */
@media (max-width:519px){

/* ── Подвал (390×497) ──────────────────────────────────────────────────*/
.v-footer__inner{padding:44px 20px 24px;gap:30px}
.v-footer__cols{display:flex;flex-wrap:wrap;gap:30px 20px;align-items:flex-start}
.v-footer__brand{flex:1 1 100%;display:flex;flex-direction:column;gap:16px}
.v-footer__logo{display:block;line-height:21px}
.v-footer__logo-text{font-family:var(--font-text);font-weight:700;font-size:17px;line-height:21px}
.v-footer__tagline{margin:0;font-size:13px;line-height:20px;color:var(--a-cream-60)}
.v-footer__socials{display:flex;gap:9px}
.v-footer__social{width:38px;height:38px;border-radius:var(--r-pill);background:var(--a-cream-08)}
.v-footer__social .v-ico{width:18px;height:18px}
/* В мобильном макете колонок две; «О нас» и «Связь» переезжают вниз. */
.v-footer__col{flex:0 0 165px;max-width:165px;gap:14px}
.v-footer__col:nth-of-type(n+3),.v-footer__col--contacts{display:none}
.v-footer__col-title{margin:0;font-size:11px;line-height:13px;letter-spacing:.06em;
  font-weight:700;color:var(--cream-50)}
.v-footer__links{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:11px}
.v-footer__links li,.v-footer__links a{font-size:13px;line-height:20px;color:var(--a-cream-60)}
.v-footer__bottom{flex-direction:column;align-items:flex-start;gap:6px;padding-top:20px;border:0}
.v-footer__bottom-email{display:block;font-weight:600;font-size:15px;line-height:23px;color:var(--cream-50)}
.v-footer__copy{margin:0;font-size:12px;line-height:18px;color:var(--a-cream-60)}
.v-footer__legal{display:none}


/* ── Хлебные крошки: «Главная / Известные личности / Абдулло Ходжаев»
   в одну строку не помещались и раздвигали страницу шире экрана. ──────*/
.v-phero__crumbs,.v-shero__crumbs,.v-acover__crumbs,.v-ahero__crumbs,.v-hhero__crumbs,
.v-ehero__crumbs{flex-wrap:wrap;height:auto;row-gap:4px;min-width:0}

/* ── Заголовок материала: длинные названия новостей на 34 px давали по
   переносу в каждой строке — на телефоне кегль чуть меньше. ────────────*/
.v-acover__title{font-size:26px;line-height:1.12}

/* ── Показатели «О долине»: на узком экране в две строки ───────────────*/
/* Три колонки с разделителями не влезают уже на 360 — переносим. */
.v-about__facts{flex-wrap:wrap;gap:18px 0}
.v-about__fact{flex:1 1 45%;min-width:140px;padding-right:18px}
.v-about__fact + .v-about__fact{padding-left:18px}
.v-about__fact:nth-child(odd){padding-left:0;border-left:0}
/* «400 000» — неразрывное число: на 27px оно шире половины экрана и вылезало из ячейки. */
.v-about__fact-value{font-size:22px}

/* ── Метки на карте: у правого края уводим подпись внутрь ──────────────*/
.v-map__pin{max-width:calc(100% - 24px)}
.v-map__pin-label{white-space:normal}

}

/* Совсем узкие экраны (320): «400 000» не помещается даже в половину ряда —
   показатели встают в одну колонку. */
@media (max-width:359px){
  .v-about__fact{flex:1 1 100%;padding-right:0}
  .v-about__fact + .v-about__fact{padding-left:0;border-left:0}
}

/* Самые узкие телефоны (320): с переключателем языка шапка не помещалась. */
@media (max-width:359px){
  .v-header__actions{gap:8px}
  .v-header__logo-text{font-size:18px}
  .v-header__lang-btn{padding:8px 8px}
}