/* Reserve space while loading without stretching the finished product cards. */
.catalog-stable-loading {
    --cs-catalog-card-min-height: 20rem;
    --cs-catalog-clothes-min-height: 31rem;
}
.catalog-stable-loading > .loaded-variant { display: contents; }
.catalog-stable-loading > .loaded-variant > .catalog-placeholder {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}
@media (min-width: 768px) {
    .catalog-stable-loading.catalog-type-clothes > .loaded-variant > .catalog-placeholder { width: 33.33333333%; }
}
.catalog-stable-loading .catalog-product-skeleton {
    min-height: var(--cs-catalog-card-min-height);
}
.catalog-stable-loading.catalog-type-clothes .catalog-product-skeleton {
    min-height: var(--cs-catalog-clothes-min-height);
}
.catalog-product-skeleton__media,
.catalog-product-skeleton__content span,
.catalog-product-skeleton__purchase span {
    background: #f1f3f4;
    border-radius: 0.3rem;
    display: block;
}
.catalog-product-skeleton__media { aspect-ratio: 1 / 1; align-self: start; }
.catalog-product-skeleton__content span { height: 1rem; margin-bottom: 1.25rem; }
.catalog-product-skeleton__content span:first-child { height: 2.5rem; }
.catalog-product-skeleton__content span:last-child { width: 65%; }
.catalog-product-skeleton__purchase span { height: 2rem; margin-bottom: 1rem; }
.catalog-type-clothes .catalog-product-skeleton { display: block; padding: 1.5rem; }
.catalog-type-clothes .catalog-product-skeleton__media { height: 300px; margin-bottom: 1rem; }
.catalog-type-clothes .catalog-product-skeleton__content span { margin-bottom: 0.7rem; }
.catalog-type-clothes .catalog-product-skeleton__content span:nth-child(n+3),
.catalog-type-clothes .catalog-product-skeleton__purchase { display: none; }
@media (max-width: 991.98px) {
    .catalog-stable-loading { --cs-catalog-card-min-height: 45rem; }
    .catalog-product-skeleton__media { aspect-ratio: 4 / 3; margin-bottom: 1rem; }
}