
/* ---------- Global Start ---------- */


.card .card-figcaption-body {
    display: none !important;
}

.card .card-img-container.card-slider:after {
    content: unset;
}

.card .card-image {
    position: unset !important; 
}

.card .card-body  {
    padding: 0;
}



/* ---------- Global End ---------- */





/* ---------- Home Page Start ---------- */
    
.card .card-img-container:after {
    padding: 0 !important;
}



.card .card-slider .slick-dots {
    display: block !important;
    position: relative;
    bottom: 0;
}

.card .slick-dots li {
    height: 1rem;
    width: 1rem;
    padding: 0;
}

.card .slick-dots li button,
.card .slick-dots li button::before {
    height: 0.5rem;
    width: 0.5rem;
}


/* ---------- Home Page End ---------- */




/* ---------- Product Page Start ---------- */


        
.product-page .productCarousel {
    margin-bottom: 0;
}

.product-page .productView-images .slider-for {
    margin-bottom: 20px;
}

.product-page .slick-slide {
    height: unset !important;
}

.product-page .productView-images .slider-for img {
    height: auto;
    cursor: pointer;
}

.product-page .productView-images .slider-nav .slick-track {
    display: flex;
    gap: 10px;
}

.product-page .productView-images .slider-nav .slick-slide {
    
}

.product-page .productView-images .slider-nav img {
    width: 100%;
    height: 100px;
    object-fit: contain;
    cursor: pointer;
}

.product-page .productView-images .slick-next {
    right: -1.5rem;
}

.product-page .productView-images .slick-prev {
    left: -1.5rem;
}

.product-page .card .card-figure .sale-flag-side {
    width: 35px;
    height: 35px;
    padding: 4px 8px;
}    

.product-page .card .card-figure .sale-flag-side .sale-text {
    font-size: 10px;
}

.product-page .productView-rating.mobile-only .productView-reviewLink {
    font-size: 1rem;
}

.product-page .card .card-slider .slick-dots {
    display: block !important;
    position: relative;
    bottom: 0;
    margin-top: 5px;
}

.product-page .card .slick-dots li {
    height: 1rem;
    width: 1rem;
    padding: 0;
    margin: 0 !important;
}

.product-page .card .slick-dots li button,
.product-page .card .slick-dots li button::before {
    height: 0.5rem;
    width: 0.5rem;
}




/* ---------- Product Page End ---------- */