/* =================================================================== LIVE REPLAYS section css =================================================================== */
.live-replays {
    padding-block: var(--sectionGap);
    background: var(--surface-1);

    & .live-replays__head {
        display: grid;
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
        align-items: end;
        gap: var(--sp50);
        margin-bottom: var(--sp50);

        & .section-title-wrap { margin-bottom: 0; }
    }

    & .live-replays__intro {
        display: flex; flex-direction: column;
        gap: var(--sp15);
        & p { font-size: var(--f16); }
    }

    & .live-replays__grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: var(--g30);
    }
}

/* =================================================================== RESPONSIVE =================================================================== */
@media (max-width: 991.98px) {
    .live-replays {
        & .live-replays__head { grid-template-columns: 1fr; gap: var(--sp20); }
        & .live-replays__grid { grid-template-columns: 1fr 1fr; }
    }
}

@media (max-width: 575.98px) {
    .live-replays {
        & .live-replays__grid { grid-template-columns: 1fr; }
    }
}