/* =========================================================================
   Професійний та оптимізований responsive.css (Desktop-First)
   Стилі структуровані в строгому низхідному порядку для каскадного перевизначення.
   ========================================================================= */

/* =========================================================================
   1. Планшети та мобільні пристрої (до 991px)
   ========================================================================= */
@media only screen and (max-width: 991px) {
    /* --- Навігація --- */
    .nav-logo-text {
        margin-left: 0;
    }
    /* --- Секція ціноутворення (Картки переваг) --- */
    .our-pricing {
        padding: 60px 0;
    }

    .our-pricing .col-lg-4 {
        margin-bottom: 24px;
    }

    .our-pricing .col-lg-4:last-child {
        margin-bottom: 0;
    }

    .mb-lg-0 {
        margin-bottom: 24px !important;
    }

    /* --- Секції та контейнери --- */

    .padding-custom {
        padding: 40px 20px !important; /* Внутрішні відступи секцій на тач-екранах */
    }

    .bookcab {
        padding: 100px 0;
    }

    .container-shadow {
        width: calc(100% - 30px) !important;
        margin: 0 auto !important;
        overflow: hidden !important;
    }

    /* --- Інтерактивна карта --- */
    .google-map {
        display: none !important; /* Приховуємо важку карту на мобільних і планшетах */
    }
}

/* =========================================================================
   2. Усі мобільні телефони (до 767px)
   ========================================================================= */
@media only screen and (max-width: 767px) {
}

/* =========================================================================
   2.5 Вертикальні смартфони (до 575px)
   ========================================================================= */
@media only screen and (max-width: 575px) {

}

/* =========================================================================
   3. Вузькі мобільні телефони (до 428px)
   ========================================================================= */
@media only screen and (max-width: 428px) {
    /* --- Інші елементи --- */
    .bookcab-heading {
        font-size: 35px;
    }

    .bookcab-heading small {
        font-size: 1em;
    }
}