.ds-products-carousel{
position: relative; --ds-pc-card-radius: 22px;
--ds-pc-image-radius: 20px;
--ds-pc-card-padding: 8px;
--ds-pc-shadow-normal: 0.06;
--ds-pc-shadow-hover: 0.12;
--ds-pc-hover-scale: 1.015;
--ds-pc-title-color: #041e42;
--ds-pc-author-color: #6c757d;
--ds-pc-btn-bg: #041e42;
--ds-pc-btn-text: #ffffff;
--ds-pc-btn-radius: 999px;
} .ds-products-carousel .ds-pc-swiper-wrap{
position: relative;
} .ds-products-carousel .swiper{
padding: 6px 6px 12px;
} .ds-products-carousel:not(.ds-pc-native) .swiper{
touch-action: pan-y;
}
.ds-products-carousel:not(.ds-pc-native) .swiper-wrapper{
touch-action: pan-y;
} .ds-products-carousel.ds-pc-native .swiper,
.ds-products-carousel.ds-pc-native .swiper-wrapper,
.ds-products-carousel.ds-pc-native .swiper-slide{
touch-action: auto;
} .ds-products-carousel .swiper-wrapper{
align-items: stretch;
}
.ds-products-carousel .swiper-slide{
height: auto;
display: flex;
} .ds-products-carousel .ds-pc-card{
width: 100%;
border: none !important;
background: none !important;
padding: 0;
box-shadow: none !important;
overflow: visible;
display: flex;
}
.ds-products-carousel .ds-pc-card__inner{
background: #ffffff;
border-radius: var(--ds-pc-card-radius); box-shadow: 0 4px 14px rgba(0, 0, 0, var(--ds-pc-shadow-normal));
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
padding: var(--ds-pc-card-padding);
overflow: hidden;
transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease;
}
.ds-products-carousel .swiper-slide:hover .ds-pc-card__inner{
transform: scale(var(--ds-pc-hover-scale));
box-shadow: 0 8px 22px rgba(0, 0, 0, var(--ds-pc-shadow-hover));
background-color: #ffffff;
} .ds-products-carousel .woocommerce-loop-product__thumbnail{
background: #f3f5f7; border-radius: var(--ds-pc-image-radius);
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
aspect-ratio: var(--ds-pc-thumb-ar, 2/3);
}
.ds-products-carousel .woocommerce-loop-product__thumbnail img{
display: block;
width: 100%;
height: 100%;
object-fit: contain;
transition: transform .25s ease, opacity .18s ease;
} .ds-products-carousel img.ds-pc-lazy{ opacity: 0; }
.ds-products-carousel img.ds-pc-img--loaded{ opacity: 1; }
.ds-products-carousel .swiper-slide:hover .woocommerce-loop-product__thumbnail img{
transform: scale(1.03);
} .ds-products-carousel .woocommerce-loop-product__body{
padding-top: 10px;
display: flex;
flex-direction: column;
flex: 1;
} .ds-products-carousel .bwgb-products-carousel__product-title,
.ds-products-carousel .ds-pc-title{
margin: 0 0 4px;
font-size: 14px;
line-height: 1.25;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.ds-products-carousel .bwgb-products-carousel__product-title a,
.ds-products-carousel .ds-pc-title a{
color: var(--ds-pc-title-color);
font-weight: 600;
text-decoration: none;
}
.ds-products-carousel .bwgb-products-carousel__product-title a:hover,
.ds-products-carousel .ds-pc-title a:hover{
text-decoration: underline;
} .ds-products-carousel .woocommerce-loop-product__author{
margin: 0 0 6px;
font-size: 13px;
color: var(--ds-pc-author-color);
}
.ds-products-carousel .woocommerce-loop-product__author a{
color: inherit;
text-decoration: none;
} .ds-products-carousel .bwgb-products-carousel__product-price{
display: flex;
justify-content: center;
text-align: center;
margin: 6px 0 10px;
}
.ds-products-carousel .bwgb-products-carousel__product-price .price{
font-weight: 700;
} .ds-products-carousel .ds-pc-stock{
margin: 6px 0 8px;
} .ds-products-carousel .ds-pc-actions{
margin-top: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
}
.ds-products-carousel .ds-pc-actions form,
.ds-products-carousel .ds-pc-actions .cart{
margin: 0;
width: 100%;
display: flex;
justify-content: center;
} .ds-products-carousel .ds-pc-actions .button,
.ds-products-carousel .ds-pc-actions .add_to_cart_button,
.ds-products-carousel .ds-pc-actions .single_add_to_cart_button{
margin: 0;
} .ds-products-carousel .ds-pc-wishlist{
display: inline-flex;
}
.ds-products-carousel .ds-pc-wishlist a{
width: 40px;
height: 40px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #ffffff;
border: 1px solid rgba(4,30,66,.18);
color: var(--ds-pc-title-color);
text-decoration: none;
font-size: 0; line-height: 0;
}
.ds-products-carousel .ds-pc-wishlist svg{
width: 18px;
height: 18px;
display: block;
}
.ds-products-carousel .ds-pc-wishlist a:hover{
box-shadow: none !important;
} @media (max-width: 768px){
.ds-products-carousel.ds-pc-native .swiper{
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
overscroll-behavior-x: contain;
touch-action: pan-x pan-y;
}
.ds-products-carousel.ds-pc-native .swiper::-webkit-scrollbar{ display: none; }
.ds-products-carousel.ds-pc-native .swiper{ scrollbar-width: none; }
.ds-products-carousel.ds-pc-native .swiper-wrapper{
display: flex;
flex-wrap: nowrap;
gap: var(--ds-pc-space);
transform: none !important;
} .ds-products-carousel.ds-pc-native .swiper-slide{
scroll-snap-align: start;
flex: 0 0 calc((100% - (var(--ds-pc-space) * (var(--ds-pc-spv-m) - 1))) / var(--ds-pc-spv-m));
max-width: calc((100% - (var(--ds-pc-space) * (var(--ds-pc-spv-m) - 1))) / var(--ds-pc-spv-m));
} .ds-products-carousel.ds-pc-native .swiper-button-prev,
.ds-products-carousel.ds-pc-native .swiper-button-next{
display: flex !important;
align-items: center;
justify-content: center;
} .ds-products-carousel .swiper-slide:hover .ds-pc-card__inner{
transform: none;
}
} .ds-products-carousel .swiper-button-prev,
.ds-products-carousel .swiper-button-next{
display: flex !important;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
border-radius: 999px;
background: rgba(255,255,255,.92); box-shadow: 0 6px 14px rgba(0,0,0,.16), 0 1px 2px rgba(0,0,0,.08);
border: 1px solid rgba(4,30,66,.18);
color: var(--ds-pc-title-color);
z-index: 20;
}
.ds-products-carousel .swiper-button-prev:after,
.ds-products-carousel .swiper-button-next:after{
content: '';
display: block;
width: 10px;
height: 10px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(-45deg);
}
.ds-products-carousel .swiper-button-prev:after{
transform: rotate(135deg);
}
.ds-products-carousel .swiper-button-prev{
left: 10px;
}
.ds-products-carousel .swiper-button-next{
right: 10px;
} @media (max-width: 767px){
.ds-products-carousel .swiper-button-prev,
.ds-products-carousel .swiper-button-next{
width: 40px;
height: 40px;
}
.ds-products-carousel .swiper-button-prev{ left: 6px; }
.ds-products-carousel .swiper-button-next{ right: 6px; }
}