/* Mobile first — overrides for larger screens */

/* Small screens: stack grids, hide side nav */
@media (max-width: 767px) {
    .grid-2,
    .grid-3,
    .grid-4 {
        grid-template-columns: 1fr;
    }

    .side-nav {
        display: none;
    }

    .section {
        padding: var(--space-md) var(--space-sm);
    }

    .section--zones {
        padding: var(--space-md) var(--space-sm);
    }

    .glass-panel {
        padding: var(--space-md);
        border-radius: 20px;
    }

    .glass-panel--dark {
        padding: var(--space-md);
        border-radius: 20px;
    }

    .pricing-card--featured {
        transform: none;
    }

    .steps {
        flex-direction: column;
    }

    .footer__inner {
        flex-direction: column;
        text-align: center;
    }

    .footer__links {
        flex-direction: column;
        gap: var(--space-sm);
    }

    .footer__bottom {
        flex-direction: column;
        gap: var(--space-sm);
        text-align: center;
    }

    .hero__content {
        text-align: center;
    }

    .hero__content .subtitle {
        margin-left: auto;
        margin-right: auto;
    }

    .hero__content .btn {
        margin-left: auto;
        margin-right: auto;
    }


    .heading-hero {
        text-align: center;
    }

    .hero__tagline {
        text-align: center;
    }

    .nav .lang-switch {
        display: none;
    }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
    .grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }

    .steps {
        flex-wrap: wrap;
    }

    .step {
        flex: 1 1 45%;
    }
}

/* Desktop large */
@media (min-width: 1400px) {
    .section {
        padding: var(--space-xl) var(--space-lg);
    }
}