/* ==============================
   Responsive
============================== */
@media (max-width: 1024px) {
    .section-cap .grid.grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-cap .card.cap,
    .section-cap .card.cap:nth-child(4),
    .section-cap .card.cap:nth-child(5) {
        grid-column: auto;
    }

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

@media (min-width: 980px) {
    .offeringShowcase__media {
        display: block;
        position: sticky;
        top: 110px; /* adjust to your header height */
        height: 520px;
        border-radius: 26px;
        overflow: hidden;
        box-shadow: 0 26px 70px rgba(0,0,0,0.12);
    }

    .offeringShowcase__layout {
        grid-template-columns: 1.05fr 0.95fr;
        gap: 26px;
        align-items: start;
    }
}

/* Responsive */
@media (max-width: 920px) {
    .approach__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .approach__card {
        min-height: 220px;
    }
}



/* ========== Responsive ========== */
@media (max-width: 900px) {
    .verde-teamIntro__grid {
        grid-template-columns: 1fr;
    }

    .verde-team__header {
        flex-direction: column;
        align-items: flex-start;
    }

    .verde-teamGrid {
        grid-template-columns: 1fr;
    }

    .verde-personCard {
        grid-template-columns: 1fr;
    }

    .verde-personCard__media {
        height: 420px;
    }

    .product-detail__inner {
        grid-template-columns: 1fr;
    }

    .product-detail__media {
        order: 2;
    }

    .cap-grid--compact {
        grid-template-columns: 1fr;
        gap: 14px;
    }

        .cap-grid--compact .cap-card {
            grid-column: auto !important;
        }

    .cap-card--compact {
        min-height: 140px; /* slightly shorter for mobile */
    }
}

@media (max-width: 820px) {
    .contact-strip__inner {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .team-grid {
        grid-template-columns: 1fr;
    }

    .contact-form__grid {
        grid-template-columns: 1fr;
    }

    .contact-form {
        border-radius: 16px;
    }
}

/* Slightly shorter on small screens */
@media (max-width: 720px) {
    .contact-map__frame iframe {
        height: 360px;
    }

    .verde-fade-band__inner {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    /*START COOKIE TABLE*/

    .fee-table2 {
        border: 0;
        border-radius: 0;
    }

        .fee-table2 .row2.header2 {
            display: none;
        }

        .fee-table2 .row2.data2 {
            display: grid;
            grid-template-columns: 1fr;
            border: var(--border);
            border-radius: 10px;
            margin-bottom: 10px;
            background: #fff;
        }

            .fee-table2 .row2.data2 .cell2 {
                border: 0;
                border-top: var(--border);
                padding: 12px 14px;
            }

        .fee-table2 .row2.data .cell2:first-child {
            border-top: 0;
        }

        /* labels for small screens */
        .fee-table2 .cell2::before {
            content: attr(data-label);
            display: block;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: .02em;
            text-transform: uppercase;
            color: var(--muted);
            margin-bottom: 6px;
        }
    /*END COOKIE TABLE*/
    
}



@media (max-width: 640px) {
    .section-cap {
        padding: 64px 18px;
    }

        .section-cap .grid.grid-3 {
            grid-template-columns: 1fr;
        }

    .hero-ctas {
        width: 100%;
    }

    .hero-btn {
        width: 100%;
        justify-content: center;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .verde-footer__nav ul {
        flex-direction: column;
        gap: 14px;
    }

    .section-diff .grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 500px) {
    .content-width {
        padding: 0px 20px 0px 20px;
    }

    .nav_container {
        padding: 40px 20px 15px 20px;
        box-sizing: border-box;
    }

    .burger_menu {
        margin: 10px 20px 0px 0px;
        float: right;
        right: 0px;
    }

    .hero_box2 {
        padding: 20px;
    }

    .content_inner_container {
        padding: 50px 20px 50px 20px;
    }

    .section-team {
        padding: 50px 20px 100px 20px;
    }

    .verde-personCard__media {
        height: 300px;
    }

    .verde-personCard {
        margin-bottom:20px;
    }
}

/* Mobile tweaks */
@media (max-width: 480px) {
    .verde-approach {
        padding: 48px 18px;
    }

    .verde-approach__kicker {
        margin-bottom: 14px;
        letter-spacing: 0.22em;
    }

    .verde-approach__rule {
        margin-bottom: 18px;
        width: 78%;
    }
}