/* ====================================
   PRODUCT SLIDER
==================================== */

 .jnp-product-slider {
     overflow: hidden;
     padding-bottom: 60px;
 }

 .jnp-product-slider .swiper-wrapper {
     align-items: flex-start;
 }

 .jnp-product-slider .swiper-slide {
     width: auto !important;
     flex-shrink: 0;
 }

 /* Card */
 .product-card {
     display: inline-flex;
     flex-direction: column;
     width: fit-content;
 }

 .product-card a {
     display: block;
     text-decoration: none;
     color: inherit;
 }

 /* Image */
 .product-image {
     line-height: 0;
 }

 .icon_button img {
     width: 25px !important;
     height: 25px !important;
 }

 .icon_button {
     position: absolute;
     bottom: 3%;
     right: 3%;
     background-color: #0000003b;
     padding: 10px;
     backdrop-filter: blur(10px);
 }

 .product-card:hover .icon_button {
     background-color: #E31E24;
 }

 .product-card:hover .product_thum img {
     transform: scale(1.05);
     transition: transform 0.3s ease;
 }


 .product-image {
     display: block;
     height: 480px;
     /* Change height as needed */
     width: 100%;
     max-width: none;
     position: relative;

 }

 .product_thum {
     overflow: hidden;
 }

 .product_thum img {
     height: 480px !important;
     object-fit: cover;
     width: auto;
     min-width: 100%;
     transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
 }

 /* Content */
 .product-content {
     padding-top: 20px;
     width: 350px;
 }

 /* Navigation */
 .jnp-product-slider .swiper-button-next,
 .jnp-product-slider .swiper-button-prev {
     width: 50px;
     height: 50px;
 }

 .jnp-product-slider .swiper-button-next:after,
 .jnp-product-slider .swiper-button-prev:after {
     font-size: 20px;
 }

 /* Tablet */
 @media (max-width:1024px) {

     .product-image img {
         height: 400px;
     }

     .product-content h3 {
         font-size: 22px;
     }

 }

 /* Mobile */
 @media (max-width:767px) {

     .product-image img {
         height: 280px;
     }

     .product-content h3 {
         font-size: 18px;
     }

     .product-content p {
         font-size: 14px;
     }

 }