/* ===========================================================
   ADAPTIVE.CSS – планшетная версия (769–1024px)
   Удалены все мобильные правила (они перенесены в mobile.css)
=========================================================== */

@media (max-width: 1024px) {
    .hero .container {
        grid-template-columns: 1fr;
        gap: 60px;
        padding: 0 20px;
        /* ИЗМЕНЕНО: text-align: center убрано — текст выравнивается по левому краю, как на about */
    }
    /* ИЗМЕНЕНО: удалены .hero-left p { margin: auto } и .hero-buttons { justify-content: center } */
    .hero-right {
        height: auto;
        min-height: 500px;
        justify-content: center;
        padding: 20px 0;
    }
    .main-card { max-width: 100%; min-height: 400px; }
    .floating-card { display: none; }
    .timeline { grid-template-columns: repeat(3, 1fr); }
    #about .container { grid-template-columns: 1fr; }
    #contacts .container { grid-template-columns: 1fr; }
    footer .container:first-of-type {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
    section h2 { font-size: 38px; }
    .map-wrapper iframe { height: 300px; }
    .about-video { height: 400px; }
}