/* ── RESPONSIVE BREAKPOINTS ── */

/* Large tablets / small desktops */
@media (max-width: 1100px) {
    .hero                      { padding: 90px 40px 0; min-height: 720px; }
    .hero-inner                { gap: 36px; }
    .hero-phones .phone-center { width: 250px; }
    .hero-phones .phone-side   { width: 210px; }
}

/* Tablets */
@media (max-width: 960px) {
    .hero                      { padding: 70px 28px 0; min-height: 620px; }
    .hero-inner                { gap: 24px; }
    .hero h1                   { font-size: 2.3rem; }
    .hero-phones .phone-center { width: 210px; }
    .hero-phones .phone-side   { width: 172px; }

}

/* Mobile */
@media (max-width: 768px) {
    .header                    { padding: 0 18px; }
    .nav-links                 { display: none; }
    .mobile-menu-button        { display: block; margin-right: 4px; }

    .hero                      { padding: 48px 20px 0; min-height: unset; }
    .hero-inner                { flex-direction: column-reverse; align-items: center; }
    .hero-text                 { padding-bottom: 36px; padding-top: 40px; text-align: center; }
    .hero h1                   { font-size: 2rem; max-width: 100%; }
    .hero p.sub                { max-width: 100%; }
    .hero-buttons              { justify-content: center; }
    .stats-bar                 { justify-content: center; gap: 24px; flex-wrap: wrap; white-space: normal; }
    .hero-phones               { justify-content: center; gap: 10px; }
    .hero-phones .phone-center { width: 155px; }
    .hero-phones .phone-side   { width: 125px; margin-bottom: 20px; }

    .section-wrap              { padding: 44px 16px; }
    .section-title             { font-size: 1.55rem; }
}

/* Small mobile */
@media (max-width: 480px) {
    .hero h1                   { font-size: 1.65rem; }
    .stats-bar                 { gap: 16px; }
    .hero-phones .phone-center { width: 130px; }
    .hero-phones .phone-side   { width: 104px; }
}