/* Медиа-запросы для адаптивности */

/* Планшеты */
@media (min-width: 768px) {
    :root {
        --container-padding: 2rem;
    }

    .header__logo {
        width: 85px;
        height: 47px;
        object-fit: contain;
    }

    .header__icon {
        width: 24px;
        height: 24px;
        min-width: 24px;
        min-height: 24px;
        object-fit: contain;
    }

    /* Иконки поиска и аккаунта на планшете: 30×30 */
    .header__right .header__icon:nth-child(1),
    .header__right .header__icon:nth-child(2) {
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
    }
}

/* Десктоп 1024px */
@media (min-width: 1024px) {
    :root {
        --container-padding: 3rem;
    }

    /* Хедер 1024–1919px: без нав-меню, отступы 181px, лого 202×102 */
    .header__left {
        margin-left: 181px;
    }

    .header__logo {
        width: 202px;
        height: 102px;
        object-fit: contain;
    }

    .header__nav {
        display: none;
    }

    .header__right {
        margin-right: 181px;
    }

    .header__icon {
        width: 24px;
        height: 24px;
        min-width: 24px;
        min-height: 24px;
        object-fit: contain;
    }

    /* Иконки поиска и аккаунта на десктопе: 50×50 */
    .header__right .header__icon:nth-child(1),
    .header__right .header__icon:nth-child(2) {
        width: 50px;
        height: 50px;
        min-width: 50px;
        min-height: 50px;
    }

    /* Секции: main 638px, комментарии 1352px */
    .main-content {
        max-width: 638px;
        width: 100%;
    }

    .comments-inner {
        max-width: 1352px;
        width: 100%;
    }

    .main-content h1 {
        font-size: 54px;
    }

    .main-content p {
        font-size: 22px;
    }

    .main-content > p:first-of-type {
        font-size: 22px;
    }

    .advantages-title {
        font-size: 32px;
    }

    .main-content h2.section-title,
    .section-title {
        font-size: 32px;
    }

    .comment-card__author {
        font-size: 22px;
    }

    .comment-card__text {
        font-size: 22px;
    }

    /* Футер: max-width 1920px, контейнер 1280px, линия, отступ вниз 20px */
    .footer {
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }

    .footer__line {
        background: linear-gradient(to right, #C798FD, #482422);
    }

    .footer__inner {
        max-width: 1280px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        gap: 72px;
        padding-top: 72px;
        padding-bottom: 72px;
        margin-bottom: 20px;
    }

    .footer__logo img {
        width: 202px;
        height: 102px;
        object-fit: contain;
    }

    .footer__link {
        font-size: 22px;
    }

    .footer__legal {
        gap: 32px;
    }

    .footer__legal-p {
        font-size: 18px;
    }

    .footer__copyright {
        margin-top: 40px;
    }
}

/* Хедер как на 1920px, но адаптивно: нав показывается с 1440px */
@media (min-width: 1440px) {
    /* Логотип: чёткий размер под 1440px, пропорция 202×102, WEB-версия через JS */
    .header__logo {
        width: clamp(170px, 10.5vw, 202px);
        height: clamp(86px, 5.3vw, 102px);
        object-fit: contain;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }

    /* Иконки поиска и аккаунта: размер под 1440px */
    .header__right .header__icon:nth-child(1),
    .header__right .header__icon:nth-child(2) {
        width: clamp(40px, 2.6vw, 50px);
        height: clamp(40px, 2.6vw, 50px);
        min-width: 40px;
        min-height: 40px;
        object-fit: contain;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }

    .header__left {
        margin-left: clamp(120px, 13.75vw, 264px);
    }

    .header__nav {
        display: flex;
        align-items: center;
        gap: clamp(18px, 1.56vw, 30px);
        margin-left: clamp(80px, 7.55vw, 145px);
    }

    .header__nav-link {
        font-family: 'Bebas Neue', sans-serif;
        font-size: clamp(20px, 1.35vw, 26px);
        color: var(--color-secondary);
        text-decoration: none;
    }

    .header__nav-link:hover {
        opacity: 0.9;
    }

    .header__right {
        margin-left: clamp(80px, 7.55vw, 145px);
        margin-right: clamp(120px, 13.75vw, 264px);
    }

    /* С 1440px скрыть бургер-меню, нав в шапке */
    .header__right > a:nth-child(3) {
        display: none;
    }
}

/* Широкий экран 1920px: те же стили хедера (clamp даёт 264px/145px/30px/26px), max-width .main-content 1352px */
@media (min-width: 1920px) {
    .main-content {
        max-width: 1352px;
    }

    /* Хедер: фиксированные отступы на 1920px (как в макете) */
    .header__left {
        margin-left: 264px;
    }

    .header__nav {
        display: flex;
        align-items: center;
        gap: 30px;
        margin-left: 145px;
    }

    .header__nav-link {
        font-family: 'Bebas Neue', sans-serif;
        font-size: 26px;
        color: var(--color-secondary);
        text-decoration: none;
    }

    .header__nav-link:hover {
        opacity: 0.9;
    }

    .header__right {
        margin-left: 145px;
        margin-right: 264px;
    }

    /* На 1920px и выше скрыть иконку бургер-меню */
    .header__right > a:nth-child(3) {
        display: none;
    }
}

/* Здесь добавьте специфичные стили для разных разрешений */