/* ==========================================================================
   RESPONSYWNOŚĆ (MEDIA QUERIES)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. DUŻE EKRANY / DESKTOP (min-width: 992px)
   -------------------------------------------------------------------------- */
@media (min-width: 992px) {
    .hero-section {
        min-height: calc(100vh - 198px);
    }

    .hero-section .row {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        align-items: center;
    }

    .google-reviews-box, .features-list {
        min-height: 320px; 
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}

/* --------------------------------------------------------------------------
   2. TABLETY / IPADY (992px - 1399px)
   -------------------------------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1399px) {
    .navbar-nav .nav-link {
        font-size: 0.85rem !important;
        padding-left: 0.3rem !important;
        padding-right: 0.3rem !important;
        white-space: nowrap !important;
    }

    .hero-center-logo {
        max-width: 280px !important;
    }

    .hero-center-content {
        margin-top: 0 !important;
    }

    .google-reviews-box, 
    .features-list {
        max-width: 100% !important;
        min-height: auto !important;
    }

    .google-reviews-box {
        margin-bottom: 1rem;
    }

    .hero-section {
        padding-top: 30px !important;
        padding-bottom: 40px !important;
        height: auto !important;
    }
}

/* --------------------------------------------------------------------------
   3. EKRANY PONIŻEJ 1100px ORAZ TABLETY W PIONIE (max-width: 1099px)
   -------------------------------------------------------------------------- */
@media (max-width: 1099px) {
    .hero-section {
        height: auto !important;
        min-height: auto !important;
        padding-top: 30px !important;
        padding-bottom: 50px !important;
    }

    .hero-center-content {
        margin-top: 0 !important;
        margin-bottom: 1.5rem !important;
    }

    .google-reviews-box {
        max-width: 100% !important;
        margin-bottom: 1.5rem !important;
    }
}

/* --------------------------------------------------------------------------
   4. SMARTFONY / IPHONE (max-width: 576px)
   -------------------------------------------------------------------------- */
@media (max-width: 576px) {
    .hero-section {
        padding-top: 15px !important;
        padding-bottom: 40px !important;
    }

    .hero-center-logo {
        max-width: 230px !important;
    }

    .hero-center-content h1 {
        font-size: 1.05rem !important;
    }

    .hero-subtitle {
        font-size: 0.85rem !important;
    }

    .glass-card {
        padding: 1.25rem !important;
        border-radius: 1.25rem !important;
    }

    .btn-cta-rainbow,
    .btn-cta-glass,
    .btn-cta-main,
    .btn-primary {
        width: 100% !important;
        padding: 0.75rem 1rem !important;
        font-size: 0.95rem !important;
    }

    .feature-icon-wrapper {
        width: 40px !important;
        height: 40px !important;
    }

    .feature-badge {
        padding: 0.75rem 1rem !important;
    }
}