.bestseller-section {
    padding-block: clamp(4rem, 3.6479rem + 1.5023vw, 5rem);
}
 .bestseller-section .section-header {
     position: relative;
     display: flex;
     align-items: center;
     justify-content: space-between;
     flex-wrap: wrap;
     margin-bottom: clamp(2rem, 1.8239rem + 0.7512vw, 2.5rem);
}
 .bestseller-section .section-title {
     font-weight: 400;
     line-height: 130%;
     margin: 0 0 clamp(0.75rem, 0.662rem + 0.3756vw, 1rem);
}
 .bestseller-section .section-description{
     font-size: clamp(1rem, 0.956rem + 0.1878vw, 1.125rem);
     line-height: 150%;
     margin:0;
     color: #00000099;
}
/*
 * The template used to carry style="display: none;" inline on this link, which is both a CSP
 * violation and invisible to anyone editing the widget. The rule is moved here unchanged so the
 * storefront looks exactly as it did.
 *
 * To show the link: delete this one declaration. To remove it entirely: clear the widget's
 * "View All Path" parameter (the CMS block home-page-best-seller-slider currently sets
 * datalink="shop.html"), and the anchor is not rendered at all.
 */
 .bestseller-section .view-all-btn {
     display: none;
     font-size: clamp(0.875rem, 0.831rem + 0.1878vw, 1rem);
     font-weight:500;
     background: transparent;
     border: 1px solid #ccc;
     padding: 6px 12px;
     text-transform: uppercase;
     text-decoration: none;
     border-radius: 4px;
     transition: all 0.3s ease;
     color:#000;

}
 .bestseller-section .view-all-btn:hover {
     background: #000;
     color: #fff;
     border-color: #000;
}
 .bestseller-section .product-item-info{
    width:100%;
    position: relative;
}
 .bestseller-section .product-item-info:hover .wishlist-icon{
    left: 10px;
}
 .wishlist-icon {
     position: absolute;
     bottom: 10px;
     left: -100%;
     z-index: 9;
     line-height: 1;
     width: 26px;
     height: 26px;
     background: #B8B8FF;
     border-radius: 4px;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.3s ease;
}
 .wishlist-icon a{
    transition: none;
}
 .product-item .wishlist-icon .action.towishlist:before{
    margin:-2px 0px 0 0;
    color: #CDCDFF;
}
 .wishlist-icon span {
    display: none;
}
 .bestseller-section .slick-list {
    margin: 0 -16px;
}
 .bestseller-section .slick-slide {
    padding: 0 16px;
    box-sizing: border-box;
}
 .bestseller-section .image {
     border: 1px solid #00000026;
     border-radius: 8px;
     overflow: hidden;
     margin-bottom:16px;
     position: relative;
}
 .bestseller-section .image img {
     display: block;
     max-height: 240px;
     /* Was `content`, which is not a valid object-fit value, so the declaration was dropped and
        the image stretched to fill (the initial value). `contain` keeps the aspect ratio, which
        is what the max-height/width pair was reaching for. */
     object-fit: contain;
     width: 100%;
}
 .product-item-detail .product-name{
    font-size: clamp(0.75rem, 0.662rem + 0.3756vw, 1rem);
    line-height: 150%;
    font-weight:400;
    margin-bottom:clamp(0.25rem, 0.096rem + 0.6573vw, 0.6875rem);
}
 .product-item-detail div.price-wrapper{
    margin-bottom:10px;
}
 .product-item-detail .price-container{
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    column-gap:12px;
    gap:12px;
}
 .product-item .product-item-detail .price-box{
    margin:0;
}
 .product-item-detail .price-box .price-including-tax{
    font-size:1rem;
}
 .product-item-detail .price-box .price-including-tax .price{
    font-size: clamp(0.875rem, 0.743rem + 0.5634vw, 1.25rem);
    line-height: 150%;
    font-weight:600;
}
 .product-item-detail .price-box .price-excluding-tax{
    margin-top:0;
}
 .product-item-detail .price-box .price-excluding-tax .price{
    font-size:clamp(0.75rem, 0.662rem + 0.3756vw, 1rem);
    line-height: 150%;
    color:rgba(0,0,0,0.6);
    font-weight:400;
    margin-right:4px;
}
 .product-item-detail .price-including-tax + .price-excluding-tax:before, .product-item-detail .weee[data-label]:before{
    display: none
}
 .product-item-detail .price-including-tax + .price-excluding-tax:after, .product-item-detail .weee[data-label]:after {
    content: attr(data-label);
    font-size:clamp(0.75rem, 0.662rem + 0.3756vw, 1rem);
    line-height: 150%;
    color:rgba(0,0,0,0.6);
    font-weight:400;
}
 .product-item-detail .rating-summary .rating-result > span:before{
    color: #5125B4;
}
 .product-item-detail .product-reviews-summary, .product-item .product-reviews-summary .rating-summary{
    line-height: 1;
    margin:0;
}
 .bestseller-section .product-item .product-reviews-summary .reviews-actions{
    display: none;
}
 .bestseller-products .slick-list{
    padding-bottom:86px;
}
 .bestseller-products .slick-arrow.slick-prev, .bestseller-products .slick-arrow.slick-next{
     right: 0;
     left: unset;
     top: unset;
     bottom: 0;
     transform:none;
     background: rgba(255, 255, 255, 0.3019607843);
     width: 48px;
     height: 48px;
     border: 1px solid rgba(0, 0, 0, 0.1490196078);
     border-radius: 4px;
}
 .bestseller-products .slick-arrow.slick-prev{
     right:64px;
}
 .bestseller-products .slick-arrow.slick-prev:before, .bestseller-products .slick-arrow.slick-next:before{
     content: "";
     background: url(../images/right-arrow-alt.svg) no-repeat;
     width: 24px;
     height: 24px;
     background-size: 24px;
     background-position: center;
     display: inline-block;
     opacity: 30%;
     padding:0;
}
 .bestseller-products .slick-arrow.slick-prev:before{
     transform: rotate(180deg);
}
 .bestseller-products .slick-arrow.slick-prev:hover::before, .bestseller-products .slick-arrow.slick-next:hover::before{
     opacity:1;
}
 .bestseller-products .slick-dots{
     position:absolute;
     left:0;
     bottom:0;
     padding: 9px 0;
     text-align: left;
}
 .bestseller-products .slick-dots li{
    margin: 0 8px 0 0;
    width: 8px;
     height: 8px;
}
 .bestseller-products .slick-dots li button{
    width: 8px;
     height: 8px;
     background:rgba(0,0,0,0.2);
    border:none;
}
 .bestseller-products .slick-dots li.slick-active button{
    background:rgba(0,0,0,1);
}
 .bestseller-products .slick-dots li:last-child{
    margin: 0;
}
  @media(max-width:991px){
    .bestseller-products{display:grid;grid-template-columns: repeat(1, 1fr);grid-gap:20px;}
}
 @media(max-width:767px){
     .bestseller-section .section-description{
        margin-bottom:24px;
    }
     .bestseller-section .slick-list{
        margin:0 -10px;
    }
     .bestseller-section .slick-slide {
        padding: 0 10px;
    }
     .product-item-detail .product-name{
        font-weight:500;
    }
     .product-item-detail .price-container {
        column-gap: 0px;
        gap: 0px;
        flex-direction: column;
        align-items: flex-start;
    }
     .bestseller-products .slick-arrow.slick-prev, .bestseller-products .slick-arrow.slick-next{width:40px;height:40px;}
     
}
.bestseller-section .slick-track {margin: 0; }