/* Candidate only. Same product-carousel breakpoints and spacing as current main.js. */
:root { --indicative-carousel-layout-ready: 1; }
.indicative-carousel-pending > .swiper-wrapper > .swiper-slide {
    width: var(--indicative-carousel-client-width, 100%);
    margin-right: 16px;
}
@media (min-width: 320px) {
    .indicative-carousel-pending > .swiper-wrapper > .swiper-slide {
        width: calc((var(--indicative-carousel-client-width, 100%) - 2px) / 1.25);
        margin-right: 8px;
    }
}
@media (min-width: 360px) {
    .indicative-carousel-pending > .swiper-wrapper > .swiper-slide { width: calc((var(--indicative-carousel-client-width, 100%) - 10px) / 2.25); }
}
@media (min-width: 576px) {
    .indicative-carousel-pending > .swiper-wrapper > .swiper-slide { width: calc((var(--indicative-carousel-client-width, 100%) - 16px) / 3); }
}
@media (min-width: 768px) {
    /* Swiper merges a breakpoint with base options, not with the previous breakpoint. */
    .indicative-carousel-pending > .swiper-wrapper > .swiper-slide { width: calc((var(--indicative-carousel-client-width, 100%) - 40px) / 3.5); margin-right: 16px; }
}
@media (min-width: 1200px) {
    .indicative-carousel-pending > .swiper-wrapper > .swiper-slide { width: calc((var(--indicative-carousel-client-width, 100%) - 80px) / 6); }
}