/* ===== Loop Carousel - Homepage product carousels ===== */

/* Dark section background */
.elementor-widget-loop-carousel .swiper {
 padding-bottom: 8px;
}
/* Product card from loop template */
.elementor-widget-loop-carousel .elementor-loop-item {
 height: 100%;
}
/* Arrow buttons */
.elementor-widget-loop-carousel .elementor-swiper-button {
 width: 48px !important;
 height: 48px !important;
 background: rgba(255,255,255,0.12) !important;
 border: 1.5px solid rgba(255,255,255,0.25) !important;
 border-radius: 50% !important;
 color: #fff !important;
 transition: background .2s, border-color .2s, transform .2s !important;
 backdrop-filter: blur(6px);
}
.elementor-widget-loop-carousel .elementor-swiper-button:hover {
 background: #e2641f !important;
 border-color: #e2641f !important;
 transform: scale(1.1) !important;
}
.elementor-widget-loop-carousel .elementor-swiper-button i,
.elementor-widget-loop-carousel .elementor-swiper-button svg {
 color: #fff !important;
 font-size: 18px !important;
}
/* Product card hover effect */
.elementor-widget-loop-carousel .swiper-slide > .e-con {
 transition: transform .3s ease, box-shadow .3s ease !important;
}
.elementor-widget-loop-carousel .swiper-slide:hover > .e-con {
 transform: translateY(-6px) !important;
 box-shadow: 0 16px 40px rgba(0,0,0,.2) !important;
}
/* WC product images inside loop card */
.elementor-widget-loop-carousel .woocommerce-product-gallery__image img,
.elementor-widget-loop-carousel .woocommerce-product-gallery img {
 height: 240px !important;
 object-fit: cover !important;
 width: 100% !important;
 border-radius: 12px 12px 0 0 !important;
}
/* Add to cart button */
.elementor-widget-loop-carousel .woocommerce a.button,
.elementor-widget-loop-carousel .woocommerce button.button {
 background: #15171b !important;
 color: #fff !important;
 border-radius: 6px !important;
 font-family: Archivo,sans-serif !important;
 font-weight: 700 !important;
 width: 100% !important;
 text-align: center !important;
 transition: background .2s !important;
}
.elementor-widget-loop-carousel .woocommerce a.button:hover,
.elementor-widget-loop-carousel .woocommerce button.button:hover {
 background: #e2641f !important;
 color: #fff !important;
}