/* ============================================================================
   chrome.css — СКВОЗНОЙ КАРКАС сайта Уролесан (шапка / подвал / sticky-дисклеймер).
   Один источник на ВСЕ страницы (класс review-logic: «сквозной компонент чинится по одной
   странице» → правится здесь один раз). baseline 1920, rem = px/16.
   Сгенерировано ИИ из дизайна Уролесан / «Для верстки» 134:2, 2026-07.
   ⚠️ Подвал и sticky-дисклеймер — ЗАГЛУШКИ (футер в макете не утверждён, вердикт 07.07):
      финализируются на пассе «каркас последним». Точные тексты/дизайн — уточнить у Веры.
   ============================================================================ */

/* --- ШАПКА: плавающая пилюля-меню (Figma instance 1876:2050) ---------------- */
.u-header {
  position: fixed; top: 0.75rem; left: 50%; transform: translateX(-50%);
  z-index: 100;
  width: var(--wm-container); max-width: calc(100% - 1.5rem);
  height: 5.375rem;                                   /* 86px */
  border-radius: 0.75rem;                             /* rounded-12 */
  -webkit-backdrop-filter: blur(60px);
          backdrop-filter: blur(60px);
  background: rgba(255, 255, 255, 0.72);              /* пилюля поверх героя */
}
.u-header__logo {
  position: absolute; left: 1.75rem; top: 1.25rem;   /* 28 / 20 */
  width: 13.75rem; height: 2.8704rem;                /* 220 × 45.927 */
}
.u-header__logo img { width: 100%; height: 100%; }
.u-nav {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  display: flex; align-items: center; gap: 2.875rem; /* gap-46 */
  font-family: var(--wm-font);
  font-weight: 400; font-size: 1.3125rem;            /* 21px Inter Tight Regular */
  line-height: 0.9; text-transform: uppercase; white-space: nowrap;
}
.u-nav a { color: var(--wm-ink); text-decoration: none; }
@media (hover: hover) { .u-nav a:hover { color: var(--wm-brand); text-decoration: none; } }
.u-nav a[aria-current="page"] { color: var(--wm-brand); }

/* CTA-кнопка «Где купить» справа в пилюле (component Frame 26 / 797:53 — на ВСЕХ страницах,
   была пропущена в первой версии chrome.css; системная правка шапки, node 1876:2050;797:53) */
.u-header__cta {
  position: absolute; right: 1.6875rem; top: 50%; transform: translateY(-50%);  /* 27px справа, по центру */
  display: inline-flex; align-items: center; justify-content: center;
  height: 3.5625rem; padding: 0 1.75rem;              /* 57px высота, 28px по бокам */
  border-radius: 1.25rem;                             /* 20px */
  background: rgba(190, 222, 6, 0.46); color: #5f5f5f; /* КАНОН CTA 797:53/1925:1979: транслюцент-лайм + тёмно-серый текст (Д3, реестр #32). Было: сплошной var(--wm-brand)+#fff — выдуманный стиль, не перенёс канон с мобильного блока chrome.css:131 */
  font-family: var(--wm-font); font-weight: 500; font-size: 1.13rem; line-height: 1;   /* 16px Inter Tight Medium */
  text-decoration: none; white-space: nowrap;
}
@media (hover: hover) { .u-header__cta:hover { filter: brightness(0.95); } }

/* --- ПОДВАЛ (ЖИВОЙ, компонент Figma «Футер» 1979:1222 / инстанс 2001:5246, 360-канон Веры) ----
   Заведён на пассе «каркас последним» (07-12): плейсхолдер .u-footer__ph снят, populate по кадру.
   Сквозной блок — правится ЗДЕСЬ один раз, инжектится assemble-page.js во все 9 страниц (единый каркас).
   Десктоп-раскладка = деривация (кадр подвала только 360). Весь текст #5f5f5f (var(--wm-ink)) —
   истина REST + консистентно с принятым серым (без НОВЫХ contrast-провалов). Зазор до футера — канон 264px. */
.u-footer {
  margin-top: 16.5rem;                               /* 264px — канон «лево-направо» (утв. Антоном 09.07) */
  background: #fff;
  color: var(--wm-ink);
  border-top: 1px solid rgba(95, 95, 95, 0.14);
  padding: 4rem 0 3rem;                              /* 64 / 48 */
  font-family: var(--wm-font);
}
.u-footer__inner { width: var(--wm-container); max-width: calc(100% - 3.5rem); margin: 0 auto; }
.u-footer__top { display: flex; justify-content: space-between; gap: 3rem; flex-wrap: wrap; }
.u-footer__logo { display: block; width: 16.5rem; margin-bottom: 1.5rem; }   /* 264px */
.u-footer__logo img { width: 100%; height: auto; display: block; }
.u-footer__org { font-weight: 600; font-size: 1.125rem; line-height: 1.3; margin: 0 0 0.5rem; }  /* 18px */
.u-footer__reg { font-size: 0.875rem; line-height: 1.5; margin: 0; }         /* 14px */
.u-footer__nav { display: flex; flex-direction: column; gap: 1.375rem; max-width: 22rem; }
.u-footer__nav a { color: var(--wm-ink); text-decoration: none; text-transform: uppercase; font-size: 1.25rem; line-height: 1.05; letter-spacing: 0.01em; }   /* 20px, как кадр */
.u-footer__contacts { display: flex; flex-direction: column; gap: 0.5rem; }
.u-footer__phone, .u-footer__email { color: var(--wm-ink); text-decoration: none; font-size: 1.25rem; line-height: 1.4; }  /* 20px */
.u-footer__addr { font-size: 0.875rem; line-height: 1.5; margin: 1.25rem 0 0; max-width: 18rem; }  /* 14px */
.u-footer__legal { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid rgba(95, 95, 95, 0.14); display: flex; flex-direction: column; gap: 1rem; font-size: 0.8125rem; line-height: 1.5; }  /* 13px */
.u-footer__legal-title { font-weight: 600; margin: 0; }
.u-footer__legal p { margin: 0; }
@media (hover: hover) { .u-footer__nav a:hover, .u-footer__phone:hover, .u-footer__email:hover { color: var(--wm-brand); } }

/* --- STICKY-ДИСКЛЕЙМЕР (ЗАГЛУШКА — фарм-предупреждение; в макете отдельным
   узлом не найден, подтвердить текст/вид у Веры). Скрыт по умолчанию до утверждения. */
.u-disclaimer {
  position: sticky; bottom: 0; z-index: 90;
  background: rgba(95, 95, 95, 0.92); color: #fff;
  font-family: var(--wm-font); font-size: 0.875rem; text-align: center;
  padding: 0.625rem 2.5rem;
}
.u-disclaimer[hidden] { display: none; }

/* --- БУРГЕР (скрыт на десктопе, появляется ≤1279 — планшет и мобильный) ------- */
.u-burger { display: none; }

/* ============================================================================
   АДАПТИВ КАРКАСА — по кадрам Figma 360 (Главная 2001:4035, шапка 2001:4249).
   Ниже 1280 base.css переключает html на font-size:16px → значения ниже в px.
   ============================================================================ */
@media (max-width: 1280px) {
  .u-nav {
    gap: 1rem;
  }
}

/* ── ОБЩЕЕ для планшета и мобильного (≤1279): шапка = бургер-раскладка ─────────── */
@media (max-width: 1000px) {
  .u-header {
    display: flex; align-items: center;
    height: auto;                                    /* высота задаётся по брейкпоинту ниже */
    backdrop-filter: blur(120px); -webkit-backdrop-filter: blur(120px);
  }
  /* абсолютные дети десктопа → в поток флекса */
  .u-header__logo, .u-header__cta { position: static; transform: none; }
  .u-header__logo img { width: 100%; height: 100%; object-fit: contain; }

  .u-burger {
    display: flex; flex-direction: column; justify-content: center;
    flex: none; padding: 0; border: 0; background: none; cursor: pointer;
  }
  .u-burger span { display: block; background: #5f5f5f; border-radius: 1px; }

  /* nav → выпадающая панель под пилюлей (открытое состояние в кадре не задано —
     функциональный дефолт: белая карточка со стопкой ссылок) */
  .u-nav {
    position: absolute; top: calc(100% + 8px); left: 0; right: 0;
    transform: none;
    flex-direction: column; align-items: stretch; gap: 0;
    background: #fff; border-radius: 12px; padding: 8px 20px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    text-transform: none; white-space: normal; line-height: 1.3;
    display: none;
  }
  .u-header.is-menu-open .u-nav { display: flex; }
  .u-nav a { padding: 14px 0; font-size: 16px; border-bottom: 1px solid rgba(95,95,95,0.12); }
  .u-nav a:last-child { border-bottom: 0; }
  body.u-noscroll { overflow: hidden; }
}

/* ── МОБИЛЬНЫЙ ≤767 (кадр 341×48, пилюля #F8FFDA@55%) ─────────────────────────── */
@media (max-width: 1000px) {
  .u-header {
    top: 10px; width: calc(100% - 20px); max-width: calc(100% - 20px);
    height: auto; border-radius: 12px;
    padding: 4px 4px 4px 16px;
  }
  .u-header.is-scrolled {
    background: rgba(248, 255, 218, 0.55);           /* пале-лайм фон только при скролле */
  }
  .u-burger { width: 24px; height: 14px; gap: 5px; }
  .u-burger span { width: 24px; height: 1px; }
  .u-header__logo { width: 103px; height: auto; margin-left: 16px; }
  .u-header__cta {
    margin-left: auto; height: 40px; padding: 0 16px; border-radius: 12px;
    font-size: 12.4px;
    background: rgba(190, 222, 6, 0.46); color: #5F5F5F;   /* CTA по кадру: транслюцент-лайм, тёмный текст */
  }
}

/* Осознанная заглушка (ждёт контент клиента) — Часть 1 перелинковки */
[data-stub] { cursor: default; opacity: .55; }

/* ── Плавные ховеры (реш. Антона 13.07): смена цвета переходом, без подчёркиваний ── */
.u-nav a, .u-footer__nav a, .u-footer__phone, .u-footer__email, .gk__crumbs a,
.spec-card__title, .op-article__cap, .st-rel__title, .op-refs__list a, .zab-refs__list a,
.op-tab, .spec__tab, .gk__tab { transition: color 0.25s ease, opacity 0.25s ease; }
.u-header__cta, .op-link, .gk-submit, .otz__all, .spec__more { transition: filter 0.25s ease; }