.swsc-root,
.swsc-root * {
    box-sizing: border-box !important;
}

.swsc-root {
    position: relative !important;
    isolation: isolate;
    width: 100% !important;
    max-width: none !important;
    min-height: 620px;
    overflow: hidden !important;
    font-family: Montserrat, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    color: #000;
    background: #fff;
}

.swsc-root .co-carousel-wrap {
    position: relative !important;
    z-index: 9;
    width: 100% !important;
    min-height: 620px;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 70px 0;
}

.swsc-root .co-carousel.swiper {
    position: relative !important;
    display: block !important;
    margin: 0 auto !important;
    width: min(760px, 70vw) !important;
    max-width: none !important;
    height: 400px !important;
    overflow: visible !important;
    padding: 0 !important;
}

.swsc-root .swiper-wrapper {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1;
    display: flex !important;
    transition-property: transform;
    box-sizing: content-box !important;
}

.swsc-root .swiper-slide.co-carousel__slide {
    position: relative !important;
    flex-shrink: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition-property: transform;
}

.swsc-root .co-card {
    position: relative !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex: none !important;
    height: 400px !important;
    width: 250px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 20px !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) !important;
    background: linear-gradient(163deg, #fdf3ea 0%, #fbe5cc 100%) !important;
    transform-origin: center center;
    will-change: transform;
}

.swsc-root .co-card--style-1 {
    background: linear-gradient(163deg, #f7fdfc 0%, #c3e3dd 100%) !important;
}

.swsc-root .co-card--style-2 {
    background: linear-gradient(163deg, #fcf4f4 0%, #f6c8cb 100%) !important;
}

.swsc-root .co-card--style-3 {
    background: linear-gradient(163deg, #f9f2fb 0%, #eac7f5 100%) !important;
}

.swsc-root .co-card__shoe {
    position: relative !important;
    top: -20px;
    width: 130% !important;
    max-width: none !important;
    flex: 0 0 130% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.swsc-root img.co-card__shoe-img {
    position: relative !important;
    z-index: 9;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    user-select: none;
    pointer-events: none;
    will-change: transform;
}

.swsc-root .co-card__shoe-shadow {
    position: absolute !important;
    z-index: 1;
    top: 80px;
    left: 0;
    right: 0;
    display: block !important;
    width: 20px;
    height: 20px;
    margin: 0 auto !important;
    border-radius: 50%;
    opacity: 0.3;
    background: #000;
    box-shadow: 0 0 30px 40px #000;
    will-change: transform;
}

.swsc-root .co-card__info {
    position: absolute !important;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 0;
    display: block !important;
    padding: 20px !important;
    margin: 0 !important;
    color: #000 !important;
    text-align: left !important;
}

.swsc-root .co-card__collection,
.swsc-root .co-card__title,
.swsc-root .co-card__price {
    margin: 0 !important;
    padding: 0 !important;
    color: #000 !important;
    text-align: left !important;
}

.swsc-root .co-card__collection {
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    opacity: 0.3;
}

.swsc-root .co-card__title {
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

.swsc-root .co-card__price {
    margin-top: 10px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.swsc-root .text-mask {
    overflow: hidden !important;
}

.swsc-root .text-mask span {
    display: inline-flex !important;
    color: inherit !important;
    will-change: transform;
}

.swsc-root .co-background {
    position: absolute !important;
    z-index: 0;
    inset: 0;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0;
    pointer-events: none;
    will-change: opacity;
}

.swsc-root .co-background--style-0 {
    opacity: 0.5;
    background: linear-gradient(163deg, #fdf3ea 0%, #fbe5cc 100%);
}

.swsc-root .co-background--style-1 {
    background: linear-gradient(163deg, #f7fdfc 0%, #c3e3dd 100%);
}

.swsc-root .co-background--style-2 {
    background: linear-gradient(163deg, #fcf4f4 0%, #f6c8cb 100%);
}

.swsc-root .co-background--style-3 {
    background: linear-gradient(163deg, #f9f2fb 0%, #eac7f5 100%);
}

@media (max-width: 767px) {
    .swsc-root,
    .swsc-root .co-carousel-wrap {
        min-height: 520px;
    }

    .swsc-root .co-carousel-wrap {
        padding: 55px 0;
    }

    .swsc-root .co-carousel.swiper {
        width: 100% !important;
        height: 360px !important;
    }

    .swsc-root .co-card {
        width: 220px !important;
        height: 360px !important;
    }
}