@media (min-width: 40rem) {
    .features-bar__inner {
        grid-template-columns: repeat(3, 1fr);
    }

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

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

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

    .field-row {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 48rem) {
    .hero__grid {
        grid-template-columns: 1fr 1fr;
    }

    .features-bar__inner {
        grid-template-columns: repeat(5, 1fr);
    }

    .philosophy {
        grid-template-columns: 1.2fr 1fr;
    }

    .experience {
        grid-template-columns: 1fr 1fr;
    }

    .checkout__layout {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    }

    .summary-card {
        position: sticky;
        top: calc(var(--header-height) + 1rem);
    }
}

@media (max-width: 63.9375rem) {
    .container {
        width: min(100% - 1.5rem, var(--container-max));
    }

    .section__title,
    .page-title {
        font-size: clamp(1.5rem, 6vw, var(--text-3xl));
        overflow-wrap: anywhere;
    }

    .nav__toggle {
        display: flex;
    }

    .nav__menu {
        position: fixed;
        inset: 0;
        top: 0;
        flex-direction: column;
        justify-content: center;
        background: var(--color-bg);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s, visibility 0.3s;
        z-index: 99;
    }

    .nav__menu.is-open {
        opacity: 1;
        visibility: visible;
    }

    .nav__links {
        flex-direction: column;
        align-items: center;
        gap: var(--space-xl);
    }

    .nav__link {
        font-size: var(--text-base);
    }

    .mobile-sticky-cta {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 90;
        padding: var(--space-md);
        padding-bottom: max(var(--space-md), env(safe-area-inset-bottom));
        background: var(--color-bg-elevated);
        border-top: 1px solid var(--color-border);
        box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.06);
        transform: translateY(110%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
    }

    .mobile-sticky-cta.is-visible {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .section--onboarding {
        scroll-margin-bottom: 5rem;
    }

    .section--final-cta {
        padding-bottom: 5rem;
    }

    body.checkout-paytr-open .mobile-sticky-cta {
        display: none;
    }
}

@media (min-width: 64rem) {
    .nav__toggle {
        display: none;
    }
}