/* =================================================================== PARTNER VALUE section css =================================================================== */
.partner-value {
    padding-block: var(--sectionGap);
    background: var(--surface-1);

    & .partner-value__grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
        align-items: start;
        gap: var(--sp80);

        & .section-title-wrap { margin-bottom: var(--sp25); }
    }

    & .partner-value__copy p { font-size: var(--f18); }

    & .partner-value__items {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--sp15);
    }

    & .partner-value__items--1 { grid-template-columns: 1fr; }

    & .partner-value__item {
        display: flex; flex-direction: column;
        gap: var(--sp8);
        padding: var(--sp25);
        background: var(--white);
        border-radius: var(--r-md);
        box-shadow: var(--shadow-sm);
        transition: var(--transition);

        &:hover { box-shadow: var(--shadow-sm); transform: translateY(-3px); }
    }

    & .partner-value__tag { font-size: var(--f13); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--primary); }

    & .partner-value__title { font-size: var(--f18); line-height: 1.35; letter-spacing: -.01em; }

    & .partner-value__item p { font-size: var(--f15); }

    & .partner-value__result {
        grid-column: 1 / -1;
        padding: var(--sp25) var(--sp30);
        background: var(--blue-50);
        border: 1px solid var(--blue-100);
        border-left: 4px solid var(--primary);
        border-radius: var(--r-md);

        & span { display: block; margin-bottom: var(--sp4); font-size: var(--f13); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--primary); }
        & p { font-size: var(--f18); font-weight: 600; color: var(--ink); }
    }
}

/* =================================================================== RESPONSIVE =================================================================== */
@media (max-width: 1199.98px) {
    .partner-value {
        & .partner-value__grid { gap: var(--sp50); }
    }
}

@media (max-width: 991.98px) {
    .partner-value {
        & .partner-value__grid { grid-template-columns: 1fr; }
    }
}

@media (max-width: 575.98px) {
    .partner-value {
        & .partner-value__items { grid-template-columns: 1fr; }
    }
}