/* Product listing style */
.emts-product-carousel .product { overflow: hidden; text-align: center; }
.emts-product-carousel .product > a > .product-thumbnail > img { margin-bottom: 0; }
.emts-product-carousel .product > a > .product-thumbnail { margin-bottom: 20px; }
.emts-product-carousel .product .woocommerce-loop-product__title { padding: 0; margin-bottom: 13px; }
.emts-product-carousel .product a,
.emts-product-carousel .product a img,
.emts-product-carousel .product .button { margin: 0; }
.emts-product-carousel .product .onsale { font-family: var(--primaryfont); font-size: clamp(0.625rem, 0.5673rem + 0.2564vw, 0.875rem); top: 20px; /* 20px */ left: clamp(0.625rem, 0.4808rem + 0.641vw, 1.25rem); /* 20px */ right: auto; line-height: 1; border-radius: 10px; min-height: inherit; padding: clamp(0.375rem, 0.3462rem + 0.1282vw, 0.5rem); /* 8px*/ background-color: var(--secondarycolor); font-weight: 500; }
.emts-product-carousel .product > a > .product-thumbnail { overflow: hidden; border-radius: 10px; }
.emts-product-carousel .product > a > .product-thumbnail > img { -webkit-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.emts-product-carousel .product:hover > a > .product-thumbnail > img { -webkit-transform: scale(1.1); transform: scale(1.1); }


.emts-product-carousel .product .product-thumbnail { display: grid; align-items: end; margin-bottom: 25px; border-radius: 20px; overflow: hidden; }
.emts-product-carousel .product .product-thumbnail > div { grid-area: 1/-1; }
.emts-product-carousel .product .product-thumbnail > div.media-content { padding: clamp(0.625rem, 0.2644rem + 1.6026vw, 2.1875rem); /* 35px to 10px */ }
.emts-product-carousel .product .star-rating { font-size: 22px; margin: 0 auto; padding-bottom: 25px; float: none; }
.emts-product-carousel .product .product-thumbnail .media-content a.add_to_cart_button { padding: 14px 20px; background-color: var(--accentcolor); color: var(--accenttxtcolor); border-radius: 10px; width: 100%; transition: all 0.3s ease-out; -webkit-transform: translateY(20px); transform: translateY(20px); opacity: 0; }
.emts-product-carousel .product:hover .product-thumbnail .media-content a.add_to_cart_button { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
.emts-product-carousel .product .product-thumbnail .media-content a.add_to_cart_button:hover { background-color: var(--linkhovercolor); }
.emts-product-carousel .product h4 { font-size: clamp(1rem, 0.8846rem + 0.5128vw, 1.5rem); /* 24px to 16px */ }
.emts-product-carousel .product .price { font-size: clamp(1rem, 0.8846rem + 0.5128vw, 1.5rem); /* 24px to 16px */ line-height: 1; }

.emts-product-carousel .product h4 a { color: var(--secondarycolor); transition: all 0.3s ease-out; }
.emts-product-carousel .product h4 a:hover { color: var(--linkhovercolor); }
.emts-product-carousel .product .price { color: #000000; }

.emts-product-carousel .product .content-description-area > h4 { margin-bottom: 10px; }
.emts-product-carousel .product .content-description-area > .star-rating { color: goldenrod; margin-bottom: 20px; }

/* product-color-swatches filter */
.emts-product-carousel .product .product-color-swatches { position: relative; display: flex; gap: 10px; cursor: pointer; width: fit-content; margin: 17px auto 0; padding: 2px; }
.emts-product-carousel .product .product-color-swatches > a { box-sizing: content-box; position: relative; display: inline-block; width: clamp(1.5625rem, 1.3462rem + 0.9615vw, 2.5rem) !important; /* 40px to 25px */ height: clamp(1.5625rem, 1.3462rem + 0.9615vw, 2.5rem) !important; /* 40px to 25px */ border-radius: 50%; margin: 0 !important; text-align: center; box-shadow: 0 0 4px -2px rgb(0, 0, 0); transition: box-shadow var(--m-duration-default, .25s) ease, transform var(--m-duration-default, .25s) ease; }
.emts-product-carousel .product .product-color-swatches > a:hover { box-shadow: 0 0 0 2px rgba(var(--secondarycolorRgba)), inset 0 0 0 4px rgba(var(--bodybgcolorRgba)); }

.emts-product-carousel .product .wishlist-wrapper { position: absolute; right: clamp(0.625rem, 0.4808rem + 0.641vw, 1.25rem); /* 20px to 10px */ top: clamp(0.625rem, 0.4808rem + 0.641vw, 1.25rem); /* 20px to 10px */ transform: translateX(100%); transition: all 0.3s ease-out; opacity: 0; }
.emts-product-carousel .product:hover .wishlist-wrapper { opacity: 1; transform: translateX(0); }
.emts-product-carousel .product .wishlist-button { font-size: clamp(0.75rem, 0.6346rem + 0.5128vw, 1.25rem); /* 20px to 12px */ width: clamp(1.5625rem, 1.3462rem + 0.9615vw, 2.5rem); /* 40px to 20px */ height: clamp(1.5625rem, 1.3462rem + 0.9615vw, 2.5rem); /* 40px to 20px */ padding: 0; margin: 0 !important; border-radius: 50%; display: inline-flex !important; align-items: center; justify-content: center; line-height: 0; background-color: var(--accenttxtcolor) !important; }



/* --- layout swifting issue fix --- */
@media (min-width: 1541px) {
    .emts-product-carousel:not(.swiper-initialized).desktop-1 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 1) - (0 * 1 / 1));
    }

    .emts-product-carousel:not(.swiper-initialized).desktop-2 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 2) - (var(--product-slides-gap-desktop) * 1 / 2));
    }

    .emts-product-carousel:not(.swiper-initialized).desktop-3 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 3) - (var(--product-slides-gap-desktop) * 2 / 3));
    }

    .emts-product-carousel:not(.swiper-initialized).desktop-4 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 4) - (var(--product-slides-gap-desktop) * 3 / 4));
    }

    .emts-product-carousel:not(.swiper-initialized).desktop-5 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 5) - (var(--product-slides-gap-desktop) * 4 / 5));
    }

    .emts-product-carousel:not(.swiper-initialized).desktop-6 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 6) - (var(--product-slides-gap-desktop) * 5 / 6));
    }

    .emts-product-carousel:not(.swiper-initialized).desktop-g-10 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-desktop) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).desktop-g-20 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-desktop) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).desktop-g-30 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-desktop) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).desktop-g-40 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-desktop) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).desktop-g-50 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-desktop) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).desktop-g-60 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-desktop) !important;
    }
}

@media screen and (min-width: 1281px) and (max-width: 1540px) {

    .emts-product-carousel:not(.swiper-initialized).laptop-1 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 1) - (0 * 1 / 1));
    }

    .emts-product-carousel:not(.swiper-initialized).laptop-2 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 2) - (var(--product-slides-gap-laptop) * 1 / 2));
    }

    .emts-product-carousel:not(.swiper-initialized).laptop-3 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 3) - (var(--product-slides-gap-laptop) * 2 / 3));
    }

    .emts-product-carousel:not(.swiper-initialized).laptop-4 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 4) - (var(--product-slides-gap-laptop) * 3 / 4));
    }

    .emts-product-carousel:not(.swiper-initialized).laptop-5 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 5) - (var(--product-slides-gap-laptop) * 4 / 5));
    }

    .emts-product-carousel:not(.swiper-initialized).laptop-6 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 6) - (var(--product-slides-gap-laptop) * 5 / 6));
    }

    .emts-product-carousel:not(.swiper-initialized).laptop-g-10 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-laptop) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).laptop-g-20 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-laptop) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).laptop-g-30 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-laptop) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).laptop-g-40 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-laptop) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).laptop-g-50 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-laptop) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).laptop-g-60 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-laptop) !important;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {

    .emts-product-carousel:not(.swiper-initialized).tablet-lan-1 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 1) - (0 * 1 / 1));
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-lan-2 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 2) - (var(--product-slides-gap-tablet-lan) * 1 / 2));
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-lan-3 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 3) - (var(--product-slides-gap-tablet-lan) * 2 / 3));
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-lan-4 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 4) - (var(--product-slides-gap-tablet-lan) * 3 / 4));
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-lan-5 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 5) - (var(--product-slides-gap-tablet-lan) * 4 / 5));
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-lan-6 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 6) - (var(--product-slides-gap-tablet-lan) * 5 / 6));
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-lan-g-10 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-tablet-lan) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-lan-g-20 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-tablet-lan) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-lan-g-30 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-tablet-lan) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-lan-g-40 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-tablet-lan) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-lan-g-50 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-tablet-lan) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-lan-g-60 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-tablet-lan) !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

    .emts-product-carousel:not(.swiper-initialized).tablet-1 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 1) - (0 * 1 / 1));
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-2 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 2) - (var(--product-slides-gap-tablet) * 1 / 2));
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-3 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 3) - (var(--product-slides-gap-tablet) * 2 / 3));
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-4 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 4) - (var(--product-slides-gap-tablet) * 3 / 4));
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-5 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 5) - (var(--product-slides-gap-tablet) * 4 / 5));
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-6 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 6) - (var(--product-slides-gap-tablet) * 5 / 6));
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-g-10 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-tablet) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-g-20 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-tablet) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-g-30 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-tablet) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-g-40 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-tablet) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-g-50 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-tablet) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).tablet-g-60 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-tablet) !important;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {

    .emts-product-carousel:not(.swiper-initialized).mobile-lan-1 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 1) - (0 * 1 / 1));
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-lan-2 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 2) - (var(--product-slides-gap-mobile-lan) * 1 / 2));
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-lan-3 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 3) - (var(--product-slides-gap-mobile-lan) * 2 / 3));
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-lan-4 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 4) - (var(--product-slides-gap-mobile-lan) * 3 / 4));
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-lan-5 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 5) - (var(--product-slides-gap-mobile-lan) * 4 / 5));
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-lan-6 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 6) - (var(--product-slides-gap-mobile-lan) * 5 / 6));
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-lan-g-10 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-mobile-lan) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-lan-g-20 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-mobile-lan) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-lan-g-30 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-mobile-lan) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-lan-g-40 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-mobile-lan) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-lan-g-50 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-mobile-lan) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-lan-g-60 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-mobile-lan) !important;
    }
}

@media screen and (min-width: 1px) and (max-width: 479px) {
    .emts-product-carousel:not(.swiper-initialized).mobile-1 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 1) - (0 * 1 / 1));
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-2 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 2) - (var(--product-slides-gap-mobile) * 1 / 2));
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-3 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 3) - (var(--product-slides-gap-mobile) * 2 / 3));
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-4 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 4) - (var(--product-slides-gap-mobile) * 3 / 4));
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-5 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 5) - (var(--product-slides-gap-mobile) * 4 / 5));
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-6 .swiper-wrapper>div.swiper-slide {
        width: calc((100% / 6) - (var(--product-slides-gap-mobile) * 5 / 6));
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-g-10 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-mobile) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-g-20 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-mobile) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-g-30 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-mobile) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-g-40 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-mobile) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-g-50 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-mobile) !important;
    }

    .emts-product-carousel:not(.swiper-initialized).mobile-g-60 > .swiper-wrapper >div.swiper-slide {
        margin-right: var(--product-slides-gap-mobile) !important;
    }
}