/* ==========================================================================
   overrides.css — landing-specific values
   --------------------------------------------------------------------------
   ВСЁ, что меняется с ленда на ленд, живёт здесь. Файл подключается ПОСЛЕДНИМ —
   значит любая переменная или правило отсюда перекрывает базовые из других
   файлов. Бери этот файл за основу при заведении нового ленда.

   Содержит ровно три секции:
     1. Бренд-переменные   (цвет акцента, золота, фон, радиусы)
     2. Шрифт и оффер      (название продукта, цены, ссылки)
     3. Точечные правки    (для микрокорректировок без переписывания компонентов)
   ========================================================================== */

:root {
    /* --- 1. Бренд-переменные ------------------------------------------ */
    /* Основной синий бренда */
    --c-navy:      #2D4B38;
    --c-navy-deep: #52AB6A;
    --c-darker:    #307143;
    /* Синий-акцент (футер-лого, кнопки "Tudj meg többet") */
    --c-accent:    #3D8558;
    --c-tint:      #C6E8CF;
    --c-wash:      #EAF7EE;
    /* Жёлтый акцент CTA */
    --c-gold:      #FF8F39;
    --c-gold-soft: #ffebbe;
    --c-gold-text: #dd9b00;
    /* Красный (warning) */
    --c-danger:    #da2f15;
    --c-danger-bg: #ffece9;

    /* --- 2. Типографика, оффер ---------------------------------------- */
    --ff-display: 'Brygada 1918', 'Geologica', serif;
    --ff-body:    'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

    /* Радиусы (если ленд требует более плоский/острый стиль) */
    --radius-sm: 8px;
    --radius:    12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
}

/* --- 3. Точечные правки --------------------------------------------------
   Здесь можно держать одиночные правила, которые «подкручивают» компонент,
   не переписывая его исходные стили. Примеры:

   .topbar { background: linear-gradient(...); }
   .product__cta { text-transform: uppercase; }
   .desc__title { font-style: italic; }

   Сейчас правок нет — оставлено пустым.
   ----------------------------------------------------------------------- */


.product__feature svg path {
    fill: var(--c-darker);
}

.video {
    max-width: 800px;
}

.steps__card {
    max-width: 400px;
    margin-inline: auto;
}

.specs__head {
    min-height: 51px;
    height: auto;
}

@media (max-width: 768px) {
  .video {
    aspect-ratio: initial;
  }
}