.shop-detail .detail-wrapper .product-image-container {
     height: 100%;
 }

 .shop-detail .detail-wrapper .product-image-container .product-slider .detail-image img {
     width: 100%;
     cursor: crosshair;

 }

 /* Hide the radio buttons */
 .rating {
     flex-direction: row-reverse;
     display: inline-flex;
     text-align: right;
 }

 .rating input {
     display: none;
 }

 /* Style the stars */
 .rating label {
     font-size: 30px;
     color: gray;
     cursor: pointer;
 }

 /* Change the color of the stars on hover */
 .rating label:hover,
 .rating label:hover~label {
     color: gold;
 }

 /* Style the selected stars */
 .rating input:checked~label {
     color: gold;
 }

 .comment-box img {
     width: 60px;
 }


 section.product-description table {
     max-width: 100%
 }

 .fade:not(.show) {
     display: none;
 }


 .in_wishlist_position,
 .in_cart_position {
     position: absolute;
     top: 20px;
     left: 40px;
     z-index: 7;
     color: white;
     background: red;
     padding: 0px 8px;
     border-radius: 10px;
     font-size: 12px;
     gap: 0px;
     margin: 0;
     display: inline;
     letter-spacing: 1px;
 }

 .in_wishlist_position {
     left: unset;
     right: 40px;
     background: #eee;
     color: black;
     font-size: 19px;
     padding: 9px 18px;
     border-radius: 18px;
     box-shadow: 0px 0px 4px 3px #b1b0b085;
     font-family: cursive;
     letter-spacing: 0;
 }


 .slick-prev,
 .slick-next {
     z-index: 2 !important;
 }

 .in_wishlist_position span.wishlist_icon {
     width: 0px;
     overflow: hidden;
     transition: 0.7s;
     cursor: pointer;
 }

 .in_wishlist_position:hover span.wishlist_icon {
     width: auto;
 }





 .product-slider-asnav img {
     max-width: 80px;
     height: 65px;
     object-fit: scale-down;
 }

 /* Zoom */
 div#zoomBox {

     width: 100%;
     min-height: 400px;
     left: 0;
     top: 0;
     overflow: hidden;
     border: 1px solid #000;
     background-color: #fff;
     display: none;
     position: absolute;
     z-index: 999;
     max-height: 100%;

 }

 button.slick-arrow:hover,
 button.slick-arrow:focus,
 button.slick-arrow {
     background: var(--primary-color);
     border-radius: 50%;
     width: 30px;
     height: 30px;
 }



 .description-wrapper *:not(a, button) {
     background: transparent !important;

     table {
         max-width: 100%;
     }

     .small-heading {
        border-bottom: 1px solid #969696ee !important;
        padding-bottom: 5px !important;
        margin-bottom: 10px !important;
        position: relative;
     }

     .small-heading::after {
         position: absolute;
         background: #969696ee;
         width: 150px;
         height: 2px;
         content: '';
         bottom: 0;
         left: 0;
     }

 }