.full-bleed-grid {
    position: relative;
    z-index: 0;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-bottom: 2.75rem;
}

/* Collapse the built-in hero spacing when a full-bleed grid follows it directly. */
.experience-component.experience-nike_layouts-fullBleedHeroCarousel + .experience-component.experience-nike_layouts-fullBleedGrid .full-bleed-grid {
    margin-top: -2.75rem;
}

.one-row-layout .experience-component.experience-nike_layouts-fullBleedHeroCarousel + .experience-component.experience-nike_layouts-fullBleedGrid {
    margin-top: -12px;
}

.full-bleed-grid .fb-grid-inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
}

.full-bleed-grid .fb-grid-item {
    min-width: 0;
}

.full-bleed-grid .fb-grid-item.hidden-item {
    display: none;
}

.brand-theme .full-bleed-grid {
    background: var(--brand-bg);
}

.full-bleed-grid.equal-height .fb-grid-item > .region,
.full-bleed-grid.equal-height .fb-grid-item > .region > .experience-component,
.full-bleed-grid.equal-height .fb-grid-item > .region > .experience-component > .fb-grid-tile {
    height: 100%;
}

@media (min-width: 1825px) {
    .full-bleed-grid {
        width: 1824px;
        max-width: 1824px;
        margin-left: calc(50% - 912px);
        margin-right: calc(50% - 912px);
    }
}

@media (max-width: 767.98px) {
    .full-bleed-grid.mobile-single-column .fb-grid-inner {
        grid-template-columns: minmax(0, 1fr);
    }

    .full-bleed-grid.mobile-two-columns .fb-grid-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}