.wd-carousel{position:relative}
.wd-carousel ul.products{--wd-per-desk:var(--zb-car-desk, 4.5);--wd-per-tab:var(--zb-car-tab, 3.5);--wd-per-mob:var(--zb-car-mob, 2.5);--wd-gap-count-desk:var(--zb-car-gcd, 4);--wd-gap-count-tab:var(--zb-car-gct, 3);--wd-gap-count-mob:var(--zb-car-gcm, 2);--wd-gap:var(--zb-car-gap-desk, 16px);--wd-per:var(--wd-per-desk);--wd-gap-count:var(--wd-gap-count-desk);display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;gap:var(--wd-gap)!important;margin:0!important;padding:6px 2px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none;-webkit-user-select:none}
.wd-carousel ul.products::-webkit-scrollbar{display:none}
.wd-carousel ul.products.is-dragging{cursor:grabbing!important;scroll-behavior:auto!important;scroll-snap-type:none!important}
.wd-carousel ul.products>li.product{flex:0 0 calc((100% - var(--wd-gap-count)*var(--wd-gap))/var(--wd-per))!important;width:calc((100% - var(--wd-gap-count)*var(--wd-gap))/var(--wd-per))!important;max-width:calc((100% - var(--wd-gap-count)*var(--wd-gap))/var(--wd-per))!important;box-sizing:border-box!important;margin:4px 0!important;scroll-snap-align:start;display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto 1fr auto!important;grid-template-areas:"image image" "title title" "button price"!important}
.wd-carousel ul.products>li.product figure,.wd-carousel ul.products>li.product .ct-media-container{width:100%!important;aspect-ratio:1/1!important;overflow:hidden!important;border-radius:12px!important}
.wd-carousel ul.products>li.product figure img,.wd-carousel ul.products>li.product .ct-media-container img{width:100%!important;height:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:12px!important}
.wd-carousel.columns-1 ul.products{--wd-per-desk:1;--wd-gap-count-desk:0}
.wd-carousel.columns-2 ul.products{--wd-per-desk:2;--wd-gap-count-desk:1}
.wd-carousel.columns-3 ul.products{--wd-per-desk:3;--wd-gap-count-desk:2}
.wd-carousel.columns-4 ul.products{--wd-per-desk:4;--wd-gap-count-desk:3}
.wd-carousel.columns-5 ul.products{--wd-per-desk:5;--wd-gap-count-desk:4}
.wd-carousel.columns-6 ul.products{--wd-per-desk:6;--wd-gap-count-desk:5}
@media(max-width:1024px){.wd-carousel ul.products{--wd-per:var(--wd-per-tab)!important;--wd-gap-count:var(--wd-gap-count-tab)!important}}
@media(max-width:767px){.wd-carousel ul.products{--wd-gap:var(--zb-car-gap-mob, 12px)!important;--wd-per:var(--wd-per-mob)!important;--wd-gap-count:var(--wd-gap-count-mob)!important}}
@media(prefers-reduced-motion:reduce){.wd-carousel ul.products{scroll-behavior:auto}}
.wd-carousel .wd-nav{position:absolute;top:50%;transform:translateY(-50%)!important;z-index:5;width:30px;height:30px;padding:0;border:0;border-radius:9px;background:var(--zb-black-20,#fff);color:var(--zb-black-1000,#202020);box-shadow:0 4px 16px rgba(0,0,0,.2);cursor:pointer;display:grid;place-items:center;transition:opacity .2s,transform .2s}
.wd-carousel .wd-nav:hover{transform:translateY(-50%) scale(1.06)!important}
.wd-carousel .wd-nav:disabled{opacity:0;pointer-events:none}
.wd-carousel .wd-prev{inset-inline-start:-10px}
.wd-carousel .wd-next{inset-inline-end:-10px}
.wd-carousel .wd-nav svg{width:18px;height:18px}
.wd-carousel .wd-next svg{transform:scaleX(-1)}
[dir="rtl"] .wd-carousel .wd-prev svg{transform:scaleX(-1)}
[dir="rtl"] .wd-carousel .wd-next svg{transform:none}
.zb-carousel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 4px}
.zb-carousel-title{font-size:18px;font-weight:600;color:var(--zb-dark,#202020);margin:0}
.zb-carousel-view-all{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--zb-pink,#e5003b);text-decoration:none;transition:color .2s}
.zb-carousel-view-all:hover{color:var(--zb-pink-hover,#ffaebb)}
.zb-carousel-view-all svg{width:14px;height:14px;fill:currentColor}
[dir="rtl"] .zb-carousel-view-all svg{transform:scaleX(-1)}

/* === Figma product card (Design System 458:21039). Desktop: "big" 271x396, padding 12, picture 247x220 r4,
   title Label/large 18/32, price 18/32, old price and currency 14/24, plus 40. Phone/tablet: "small" 193 wide,
   padding 8, picture 177x120, title Label/small 14/24, price Label/medium 16/28. Out of stock: grey picture,
   title at 50% opacity, the unavailable text in Red/500, no badge and no button. === */
body.zb-card-figma .wd-carousel ul.products>li.product{flex:0 0 271px!important;width:271px!important;max-width:271px!important;min-height:396px;padding:12px!important;row-gap:12px!important;border:1.5px solid var(--zb-black-50,#f0f3eb)!important;border-radius:12px!important;background:var(--zb-black-20,#fff)!important;box-shadow:none!important}
body.zb-card-figma .wd-carousel ul.products>li.product figure,body.zb-card-figma .wd-carousel ul.products>li.product>.ct-media-container{width:100%!important;height:220px!important;aspect-ratio:auto!important;border-radius:4px!important;margin:0!important;padding:6px 0!important;box-sizing:border-box!important;background:var(--zb-black-20,#fff)}
body.zb-card-figma .wd-carousel ul.products>li.product figure .ct-media-container{padding:0!important;height:100%!important;aspect-ratio:auto!important}
body.zb-card-figma .wd-carousel ul.products>li.product figure img,body.zb-card-figma .wd-carousel ul.products>li.product .ct-media-container img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:4px!important}
body.zb-card-figma .wd-carousel ul.products>li.product .woocommerce-loop-product__title{margin:0!important;font-size:18px!important;line-height:32px!important;font-weight:500!important;color:var(--zb-black-1000,#202020)!important;height:64px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:right}
body.zb-card-figma .wd-carousel ul.products>li.product .woocommerce-loop-product__title a{font:inherit!important;color:inherit!important}
body.zb-card-figma .wd-carousel .wd-price-new,body.zb-card-figma .wd-carousel .wd-price-new .amount,body.zb-card-figma .wd-carousel .wd-price-new bdi{font-size:18px!important;line-height:32px!important;font-weight:500!important;color:var(--zb-black-1000,#202020)!important}
body.zb-card-figma .wd-carousel .wd-price-new .woocommerce-Price-currencySymbol{font-size:14px!important;line-height:24px!important;font-weight:500!important}
body.zb-card-figma .wd-carousel .wd-old-num,body.zb-card-figma .wd-carousel .wd-old-num .amount{font-size:14px!important;line-height:24px!important;font-weight:500!important;color:var(--zb-black-700,#5c5b5e)!important}
body.zb-card-figma .wd-carousel .zb-card-action-btn{width:40px!important;height:40px!important;min-width:40px!important}
body.zb-card-figma .wd-carousel .wd-unavailable-text{font-size:18px!important;line-height:32px!important;font-weight:500!important;color:var(--zb-red-500,#e5484d)!important}
@media (max-width:1023.98px){
	body.zb-card-figma .wd-carousel ul.products>li.product{flex-basis:193px!important;width:193px!important;max-width:193px!important;min-height:264px;padding:8px!important}
	body.zb-card-figma .wd-carousel ul.products>li.product figure,body.zb-card-figma .wd-carousel ul.products>li.product>.ct-media-container{height:120px!important}
	body.zb-card-figma .wd-carousel ul.products>li.product .woocommerce-loop-product__title{font-size:14px!important;line-height:24px!important;height:48px}
	body.zb-card-figma .wd-carousel .wd-price-new,body.zb-card-figma .wd-carousel .wd-price-new .amount,body.zb-card-figma .wd-carousel .wd-price-new bdi{font-size:16px!important;line-height:28px!important}
	body.zb-card-figma .wd-carousel .wd-price-new .woocommerce-Price-currencySymbol{font-size:12px!important;line-height:20px!important}
	body.zb-card-figma .wd-carousel .wd-old-num,body.zb-card-figma .wd-carousel .wd-old-num .amount{font-size:12px!important;line-height:20px!important}
	body.zb-card-figma .wd-carousel .zb-card-action-btn{width:32px!important;height:32px!important;min-width:32px!important}
	body.zb-card-figma .wd-carousel .wd-unavailable-text{font-size:14px!important;line-height:24px!important}
}
li.product.outofstock figure img,li.product.outofstock .ct-media-container img{filter:grayscale(1)}
li.product.outofstock .woocommerce-loop-product__title{opacity:.5}

/* Fixed Figma card widths give the slider a large intrinsic width; inside a flex row (e.g. next to the
   "تخفیف‌ها" banner) it must still shrink to the space it has and scroll inside it. */
.wd-carousel{min-width:0!important;max-width:100%!important}
.wd-carousel ul.products{max-width:100%!important}

/* Variation swatches (CartFlows/"Variation Swatches for WooCommerce" .cfvsw_variations_form) make some cards taller.
   Every card keeps picture, title and price at the top, the swatches right under the price, and any extra
   height of the slide goes to the bottom (no centred content). */
.wd-carousel ul.products>li.product{grid-template-rows:auto auto auto 1fr!important;grid-template-areas:"image image" "title title" "button price" "swatch swatch"!important;align-content:start!important}
.wd-carousel ul.products>li.product>.woocommerce-loop-product__title{align-self:start!important}
.wd-carousel ul.products>li.product>.zb-card-footer{align-self:start!important;margin-top:0!important}
.wd-carousel ul.products>li.product>.cfvsw_variations_form,.wd-carousel ul.products>li.product>.variations_form{grid-area:swatch!important;align-self:start!important;margin:0!important}
/* Same rule for the product page's "کالاهای پیشنهادی" slider (flex cards). */
.single-product :is(.related,.upsells) .flexy-item>.product{justify-content:flex-start!important}
.single-product :is(.related,.upsells) .flexy-item>.product .zb-card-footer{margin-top:0!important}