/* ==========================================================
   RESPONSIVE.CSS
   Общие адаптивные стили проекта
   ========================================================== */

/* ---------- Широкие экраны ---------- */

@media (max-width:1200px){

    .container{
        max-width:1000px;
    }

}


/* ---------- Планшеты ---------- */

@media (max-width:992px){

    html{
        scroll-padding-top:90px;
    }

    .container{
        max-width:100%;
    }

    section{
        padding:70px 0;
    }

    .button{
        min-height:50px;
    }

}


/* ---------- Телефоны ---------- */

@media (max-width:768px){

    html{
        scroll-padding-top:80px;
    }

    body{
        overflow-x:hidden;
    }

    section{
        padding:60px 0;
    }

    .container{
        padding-left:18px;
        padding-right:18px;
    }

    .button{
        width:100%;
    }

    .section-header{
        margin-bottom:40px;
    }

    .section-header p{
        font-size:1rem;
    }

    img{
        height:auto;
    }

}


/* ---------- Маленькие телефоны ---------- */

@media (max-width:576px){

    html{
        font-size:15px;
    }

    section{
        padding:50px 0;
    }

    .container{
        padding-left:16px;
        padding-right:16px;
    }

    .card{
        border-radius:16px;
    }

}


/* ---------- Очень маленькие экраны ---------- */

@media (max-width:400px){

    html{
        font-size:14px;
    }

    h1{
        line-height:1.2;
    }

    h2{
        line-height:1.25;
    }

    .button{
        padding:14px 18px;
        font-size:.95rem;
    }

}


/* ---------- Устройства без hover ---------- */

@media (hover:none){

    .button:hover,
    .card:hover,
    .service-card:hover,
    .process-item:hover,
    .article-card:hover,
    .faq-item:hover,
    .hero-benefit:hover{
        transform:none;
        box-shadow:var(--shadow-sm);
    }

}


/* ---------- Пользователи с отключенной анимацией ---------- */

@media (prefers-reduced-motion:reduce){

    *,
    *::before,
    *::after{
        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;
    }

}


/* ---------- Печать ---------- */

@media print{

    body{
        background:#ffffff;
        color:#000000;
    }

    header,
    footer,
    .button,
    .application-form,
    .assessment,
    .faq-question span{
        display:none !important;
    }

    section{
        padding:20px 0;
        page-break-inside:avoid;
    }

    a{
        color:#000;
        text-decoration:none;
    }

}