/* Grid tracks own the card width; reset the theme's legacy flex-list sizing. */
.pb-block--skechers .pb-grid--compact > .cards__item {
    width: 100%;
    min-width: 0;
    margin: 0;
}

.pb-block--skechers .pb-grid--compact > .cards__item > .product--skechers {
    border: none;
}

.pb-block--skechers .skx-card__media {
    background: transparent;
}

.pb-block--skechers .product--skechers__swatch.skx-card__swatch {
    flex: 0 0 3.5rem;
    width: 3.5rem;
    height: 3.5rem;
}

.pb-block--skechers .skx-card__swatch img {
    object-fit: contain;
}

@media screen and (max-width: 767px) {
    .pb-block--skechers .product--skechers__swatch.skx-card__swatch {
        flex-basis: 2.5rem;
        width: 2.5rem;
        height: 2.5rem;
    }
}

.pb-block--skechers-rectangular .skx-card__media {
    aspect-ratio: 16 / 10;
}

/* Responsive layouts may reduce the configured column count, never increase it. */
@media screen and (max-width: 1023px) {
    .pb-block--skechers .cards__grid.pb-grid--compact {
        grid-template-columns: repeat(min(var(--pb-grid-cols, 4), 3), minmax(0, 1fr));
    }
}

@media screen and (max-width: 680px) {
    .pb-block--skechers .cards__grid.pb-grid--compact {
        grid-template-columns: repeat(min(var(--pb-grid-cols, 4), 2), minmax(0, 1fr));
    }
}