/* ─── OUR SOLUTIONS ───────────────────────────────────────────────────────────
 * Desktop 1440px: padding 140px, 2-column grid of 6 card--solution cards
 * Tablet  768–1439px: padding 120px, 2-column grid
 * Mobile  ≤767px: padding 100px, 1-column
 * ─────────────────────────────────────────────────────────────────────────── */

.our-solutions {
    background-color: var(--color-white);
    /* calc(5.147rem + 4.902vw): 100px at 360, 120px at 768, capped at 140px */
    margin: clamp(6.25rem, calc(5.147rem + 4.902vw), 8.75rem) 0;
}

/* ─── SECTION HEADER ──────────────────────────────────────────────────────── */

.our-solutions__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-md);
    margin-bottom: 45px;
}

/* ─── GRID ────────────────────────────────────────────────────────────────── */

.our-solutions__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(1.25rem, 1.389vw, 1.25rem); /* 20px fixed */
}

.our-solutions__btn {
    position: absolute;
    right: 0;
    top: 7.5px;
}

/* ─── TABLET ──────────────────────────────────────────────────────────────── */

@media (max-width: 1439px) {
    /* section padding handled by single clamp above */

    /* Figma 252:473: single column, cards 688px (full container width), gap 10px */
    .our-solutions__grid {
        grid-template-columns: 1fr;
        gap: 0.625rem; /* 10px */
        margin-bottom: 45px;
    }

    .our-solutions__btn {
        position: unset;
        right: unset;
        top: 0;
        width: 100%;
    }
    .our-solutions__btn .btn__label {
        flex-grow: 1;
    }
}

/* ─── MOBILE ──────────────────────────────────────────────────────────────── */

@media (max-width: 767px) {
    /* section padding handled by single clamp above */

    .our-solutions__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.25rem;
        margin-bottom: 2.1875rem; /* 35px */
    }

    .our-solutions__header .btn {
        display: none;
    }

    .our-solutions__grid {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
}