/* Contextual "Works Well With" block — full-width alternating editorial rows.
   Native product card on one side, reason on the other; sides alternate. */
.mpr-pairings.mpr-seo-block { margin: 0; padding: 0; }

.mpr-pairings__head { max-width: 48rem; margin: 0 0 1.25rem; }
.mpr-pairings__title { margin: 0 0 0.375rem; font-size: 1.35rem; font-weight: 600; line-height: 1.25; }
.mpr-pairings__intro { margin: 0; color: var(--mpr-text-secondary, #6c757d); }

/* one pairing per row, stacked on mobile */
.mpr-pairings .mpr-pair {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    padding: 2rem 0;
}
.mpr-pairings .mpr-pair + .mpr-pair {
    border-top: 1px solid var(--bs-border-color, #e6e8eb);
}

.mpr-pairings .mpr-pair__card { width: 100%; max-width: 16rem; }
.mpr-pairings .mpr-pair__card .product-miniature,
.mpr-pairings .mpr-pair__card .js-product-miniature { width: 100%; margin-bottom: 0; }

.mpr-pairings .mpr-pair__reason { width: 100%; max-width: 40rem; }
.mpr-pairings .mpr-pair__why p { margin: 0 0 0.9rem; line-height: 1.62; }
.mpr-pairings .mpr-pair__why p:last-child { margin-bottom: 0; }
.mpr-pairings .mpr-pair__why strong { font-weight: 600; color: var(--mpr-text, #1f2226); }
.mpr-pairings .mpr-pair__link { color: var(--mpr-primary, #fc6139); text-decoration: none; }
.mpr-pairings .mpr-pair__link:hover { text-decoration: underline; }

.mpr-pair__type {
    display: block;
    margin: 0 0 0.4rem;
    color: var(--mpr-primary, #fc6139);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* desktop: side-by-side, alternating sides, vertically centred */
@media (min-width: 768px) {
    .mpr-pairings .mpr-pair {
        flex-direction: row;
        align-items: center;
        gap: 3rem;
        padding: 2.25rem 0;
    }
    .mpr-pairings .mpr-pair--rev { flex-direction: row-reverse; }
    .mpr-pairings .mpr-pair__card { flex: 0 0 16rem; max-width: 16rem; }
    .mpr-pairings .mpr-pair__reason { flex: 1; max-width: none; }
}
