/* For browsers that support clamp  */
@supports (font-size: clamp(1rem, 1vi, 1rem)) {
    :root {
        --fs-sm: clamp(0.5rem, -0.15vi + 0.54rem, 0.42rem);
        --fs-base: clamp(1rem, 0.45vi + 0.89rem, 1.25rem);
        --fs-md: clamp(2rem, 3.18vi + 1.2rem, 3.75rem);
    }
}

/* For browsers that don't support clamp */
@supports not (font-size: clamp(1rem, 1vi, 1rem)) {
    :root {
        --fs-sm: 0.5rem;
        --fs-base: 1rem;
        --fs-md: 2rem;
    }

    @media screen and (min-width: 1280px) {
        :root {
            --fs-sm: 0.42rem;
            --fs-base: 1.25rem;
            --fs-md: 3.75rem;
        }
    }
}

:root {
    --color-green: #8D9D34;
    --color-purple: #9900AD;
}

@media (max-width: 768px) {

    .breadcrumb li:last-child {
        display: inline;
    }

    .breadcrumb li:last-child::after,
    .wislish-button,
    .ets_wa_whatsapp_block {
        display: none !important;
    }

    .slick-slider {
        border-bottom: solid 1px #e6e6e6;
    }

    .slick-dots {
        display: flex;
        justify-content: center;
        align-items: center;
        bottom: 5px;
    }

    .ets-rv-grade-stars {
        height: fit-content;
        top: initial;
    }

    .plist-matrixlab .thumbnail-container .product-title {
        min-height: initial;
    }

    .plist-matrixlab .thumbnail-container .product-title a {
        padding: 15px;
        font-size: var(--fs-base);
        color: #595959;
    }

    .plist-matrixlab .product-price-and-shipping .price {
        font-size: var(--fs-md);
        line-height: 1;
        color: #000;
        display: block;
        margin: 0;
    }

    .thumbnail-container {
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        border: solid 1px #e6e6e6;
        border-radius: 10px;
        overflow: hidden;
    }

    .thumbnail-container .product-meta {
        position: relative;
    }

    .product-list-reviews {
        top: 0;
        bottom: initial;
        left: 0;
        background: none;
        width: fit-content;
        padding: 15px;
        position: relative;
        margin-bottom: -15px;
    }

    .plist-matrixlab .cus-addcart {
        flex-direction: row-reverse;
        align-items: end;
    }

    .thumbnail-container .product-price-and-shipping {
        padding: 15px;
        line-height: 1;
    }


    .plist-matrixlab .product-meta button.add-to-cart {
        padding: 0;
        padding-right: 5px;
        font-size: var(--fs-md);
        color: #000;
        min-width: 100px;
        height: 50px;
        line-height: var(--fs-md);
        filter: drop-shadow(0 0px 5px rgba(0, 0, 0, 0.25));
    }

    .plist-matrixlab .product-meta button.add-to-cart::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 20px;
        background: inherit;
        right: initial;
        transform: skewX(-20deg);
        left: -10px;
        border-top-left-radius: 5px;
    }

    .plist-matrixlab .product-meta button.add-to-cart .icon-cart {
        vertical-align: text-bottom;
        font-size: var(--fs-md);
    }

    .slick-dotted.slick-slider,
    .product-meta {
        margin: 0;
    }

    .ets_rv_grade_stars {
        fill: var(--color-green);
        color: var(--color-green);
        
        font-size: 24px;
    }

    .product-list-reviews .ets-rv-comments-nb {
        font-size: var(--fs-sm);
        line-height: 1;
    }

}