/** Нужен для быстрых фиксов типа "подровнять" или "подвинуть" **/

/* Палитра Keto Matcha Blue по Figma-макету (aVkhMB3KIOBrUKOYLjxUvY):
   H1/хайлайт/перелинковка — синий #4683BC, кнопки-ссылки #468DD4,
   callout-панели #EAF0F7 с рамкой #98B9D9, CTA — салатовый градиент
   #B9F6A2→#9FDD56 с тёмным текстом #28261B, стат-карта hero — #F5F5F5. */
:root {
    --primary-yellow: #F5F5F5;
    --start-accent: #4683BC;
    --accent-green: #468DD4;
    --accent-green-dark: #4683BC;
    --accent-green-soft: #EAF0F7;
    --accent-green-border: #98B9D9;
    --big-button-gradient: linear-gradient(90deg, #B9F6A2 0%, #9FDD56 100%);
}

#start .section__item.yellow {
    background: #F5F5F5;
}

.big-button {
    background: linear-gradient(90deg, #B9F6A2 0%, #9FDD56 100%);
    color: #28261B;
}

.big-button.black {
    background: linear-gradient(90deg, #FFF 0%, #DCECFF 100%);
}

/* Кнопки перелинковки/read-all — синие пилюли с белым текстом (по макету) */
.big-button.green-btn {
    color: #fff;
}

#start h1 {
    color: var(--accent-green-dark);
}

#start .selected {
    -webkit-text-fill-color: var(--accent-green-dark);
}

.selected {
    background: var(--accent-green-dark);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Лого шире: нативная пропорция SVG 242x40 (было 120px по width-атрибуту) */
.header__logo {
    width: 242px;
    height: auto;
    max-height: none;
}

@media (max-width: 480px) {
    .header__logo {
        width: 200px;
    }
}

/* Ревью 23.07 (Anastasiya M): HD 1280 — ужать вертикальные отступы hero;
   hero-пэкшот рендерился с fill-стретчем (543px при нативных 451) — натуральный AR */
#start .product-image-1 {
    height: auto;
}

@media (min-width: 1025px) and (max-width: 1440px) {
    #start .section__main-container {
        gap: 8px;
    }

    #start .section__main-container .section__inner-container:not(.top) {
        gap: 12px;
    }

    #start .product-image-1 {
        max-width: 480px;
    }
}

/* Ревью 23.07: iPad 768 — step-фото (672x600) резались cover'ом каппой 200px:
   натуральный AR, баннер-картинку секции (direct child) не трогаем */
@media (max-width: 1024px) {
    #where-page .section__card.img-card .section__image {
        height: auto;
        max-height: none;
    }
}