.product-cards__content {
    justify-items: center;
    grid-template-rows: 1fr auto 1fr;
}

.product-cards__wrapper {
    max-height: 740px;
    height: fit-content;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: .375rem;
    padding: .25rem 0.25rem;
    grid-column: 1 / -1;
    grid-row: 2;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-color: var(--color-accent) var(--bg-color-secondary);
}

.product-cards__wrapper > .product-radio-card {
    scroll-snap-align: center;
}

@media (min-width: 768px) {
    .product-cards__content {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .product-cards__content {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .product-cards__content {
        max-width: 1280px;
    }
}

@media (min-width: 1440px) {
    .product-cards__content {
        max-width: 1536px;
    }
}