/* ============================================================
   style.ru.css — Russian (RU) additive overlay
   ------------------------------------------------------------
   ADDITIVE ONLY. Loaded AFTER style.css, on Russian pages only.
   Never edits style.css or main.js. Every rule is scoped to
   :lang(ru) so it can never affect the English surfaces.

   Sole purpose: absorb Russian text expansion without changing
   the V2 visual language. Russian copy runs ~10–20% longer than
   English, and UPPERCASE + letter-spacing renders Cyrillic wider
   still — so fixed-width chrome and tracked labels are the
   pressure points. This file eases those, nothing more.
   Reference: TRANSLATIONS/RUSSIAN/RU-2-HOME/EXPANSION-ANALYSIS.md
   ============================================================ */

/* ------------------------------------------------------------
   1) FLOATING NAV — the #1 documented pressure point.
   More items + longer labels («Международным пациентам») + a CTA.
   (a) On wide desktop, ease the row: slightly smaller type,
       tighter padding/gap. The CTA uses the Voice-Lock-sanctioned
       SHORT label «Консультация» (the full «Записаться на
       консультацию» stays in the hero, final CTA and footer).
   (b) In the tight 861–1119px band the full Russian row cannot
       sit horizontally without crowding — more so since the
       Concept-C language imprint («· RU») now adds ~35px on the
       LEFT of the brand. So the nav collapses to the SAME hamburger
       treatment style.css already uses ≤860px — just at a wider
       breakpoint for RU. The horizontal row therefore only appears
       ≥1120px, where brand + imprint + menu + CTA sit with
       comfortable slack. Long labels stack vertically below that.
       main.js drives the toggle unchanged (keys off .nav__toggle /
       [data-open]). The imprint itself stays in the always-visible
       brand at every width.
   ------------------------------------------------------------ */
:lang(ru) .nav__inner { gap: var(--s-2); padding-left: 1rem; }
:lang(ru) .nav__menu { gap: .2rem; }
:lang(ru) .nav__menu a:not(.btn) { font-size: .82rem; padding: .5rem .62rem; }

@media (min-width: 861px) and (max-width: 1119px) {
  :lang(ru) .nav__toggle { display: inline-flex; }
  :lang(ru) .nav__menu {
    position: absolute; top: calc(100% + .5rem); right: 0; left: 0;
    flex-direction: column; align-items: stretch; gap: .15rem;
    background: rgba(250,250,248,.96);
    -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
    border: 1px solid var(--border); border-radius: var(--radius); padding: var(--s-2);
    box-shadow: var(--shadow-2);
    transform-origin: top; transform: scaleY(.96); opacity: 0; visibility: hidden;
    transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease), visibility var(--dur);
  }
  :lang(ru) .nav__menu[data-open="true"] { opacity: 1; visibility: visible; transform: scaleY(1); }
  :lang(ru) .nav__menu a:not(.btn) { padding: .8rem 1rem; font-size: var(--fs-200); }
  :lang(ru) .nav__menu .btn { margin-top: .4rem; justify-content: center; }
}

/* ------------------------------------------------------------
   2) UPPERCASE TRACKED LABELS — Cyrillic caps + letter-spacing
   render notably wider than Latin. Trim the tracking a touch so
   kickers, principle lines, card eyebrows and stat sub-labels
   hold their intended line. Purely a width easing; the editorial
   uppercase look is preserved.
   ------------------------------------------------------------ */
:lang(ru) .kicker,
:lang(ru) .principle-line,
:lang(ru) .card__num { letter-spacing: .1em; }
:lang(ru) .hero__meta .stat span { letter-spacing: .07em; }

/* ------------------------------------------------------------
   3) PRINCIPLE LINE — the 5-term set is long in Russian
   («Индивидуальность · Баланс · Функция · Точность ·
   Долговечность»). Allow a graceful 2-line wrap instead of an
   overflow; keep it pinned to the bottom of cards as before.
   ------------------------------------------------------------ */
:lang(ru) .principle-line { flex-wrap: wrap; row-gap: .3rem; }

/* ------------------------------------------------------------
   4) HERO STATS — long Russian sub-labels (e.g. «Руководитель
   хирургической службы»). Keep three calm columns and let the
   sub-label wrap under its value rather than stretching the row.
   ------------------------------------------------------------ */
:lang(ru) .hero__meta { gap: var(--s-3) var(--s-4); }
:lang(ru) .hero__meta .stat { max-width: 17ch; }

/* ------------------------------------------------------------
   5) SECTION-HEAD TITLE — Russian headings run longer; widen the
   measure slightly so phrases like «Маршрут международного
   пациента» wrap to two balanced lines instead of a tall stack.
   ------------------------------------------------------------ */
:lang(ru) .section-head .title { max-width: 22ch; }