html {
    font-size: 100%;
}

html .page-wrapper {
    font-size: 62.5%!important;
}

.breadcrumbs .items {
    font-size: 12px!important;
}

[data-swatch-id].is-active {
    border: 1px solid black;
    position: relative;
}

[data-swatch-id].is-active:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #fff;
}

.base-carousel__container {
    --items-number: 1.25;
    --frame: max(calc(1 - var(--is-carousel)), var(--is-carousel) * 4);
    --is-carousel: 1;
    --frames: 2;
    --delay: calc(-1s * ((var(--frame) - 1) / var(--frames)));
    animation: carousel-states 1s var(--delay) paused;
    --gap: 16px;
    --tile-width: calc(
        (100% / var(--items-number)) - var(--gap) +
        (var(--gap) / var(--items-number))
    );
}

.base-carousel__carousel > * {
    min-width: var(--tile-width);
    width: var(--tile-width);
}

.base-carousel__container a {
    color: #000!important;
}

@media (min-width: 640px) {
    .base-carousel__container {
        --items-number: 2;
    }
}

@media (min-width: 768px) {
    .base-carousel__container {
        --items-number: 3;
    }
}

@media (min-width: 1024px) {
    .base-carousel__container {
        --items-number: 4;
    }
}

@media (min-width: 768px) {
    .cms-index-index [data-title-wrapper].empty-title {
        margin: 0!important;
        padding: 0!important;
    }
}

[data-dots-wrapper]:empty {
    margin: 0!important;
    padding: 0!important;
}

.base-carousel__container .product-image-container {
    margin-bottom: 0;
}

.base-carousel__container a {
    color: #000!important;
}

.base-carousel__container button:hover {
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    border-color: rgb(0 0 0/var(--tw-bg-opacity));
}

.base-carousel__container button:focus {
    background-color: rgb(0 0 0/var(--tw-bg-opacity));
    border-color: rgb(0 0 0/var(--tw-bg-opacity));
}

.base-carousel__container button.wishlist {
    transition: 0.3s all;
}

.base-carousel__container button.wishlist > svg > path {
    transition: 0.3s all;
}

.base-carousel__container button.wishlist:hover {
    background-color: #000;
}

.base-carousel__container button.wishlist:hover > svg > path {
    fill: #fff;
}

.base-carousel__container span.product-flag {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: .75rem;
    font-weight: 400;
    line-height: .875rem;
    user-select: none;
}

.base-carousel__carousel .product-flag:after {
    content: "•";
    margin-left: 4px;
    margin-right: 4px;
}

.base-carousel__carousel .product-flag:last-child:after {
    content: none;
}

@media (min-width: 1024px) {
    .base-carousel__container span.product-flag {
        font-size: .875rem;
        line-height: 1rem;
    }
}

@keyframes carousel-states {
    0% {
        --tile-width: calc(
            ((100% / var(--items-number)) - var(--gap)) +
            (var(--gap) / var(--items-number))
        );

        flex-wrap: wrap;
    }

    100% {
        --tile-width: calc(
            (100% / var(--items-number)) - var(--gap) +
            (var(--gap) / var(--items-number))
        );
    }
}

.disable-carousel > .relative {
    max-width: 100%;
}

@media (min-width: 768px) {
    .disable-carousel .base-carousel__carousel {
        flex-flow: row wrap;
    }

    .disable-carousel .base-carousel__carousel > .catalog-product__grid-product {
        width: 100%;
        flex: 0 1 calc(50% - 8px);
    }

    .disable-carousel [data-dots-wrapper] {
        display: none;
    }
}