/* START : ******** PRODUCT CATEGORY CAROUSEL */
/* MOBILE — arrows always hidden */
@media(max-width: 768px){
    .carousel-arrow { display: none !important; }
}
/* DESKTOP — arrows hidden by default */
@media(min-width: 769px){
    .carousel-arrow {opacity: 0;pointer-events: none;transition: opacity 0.25s ease;}
    .product-carousel:hover .carousel-arrow {opacity: 1;pointer-events: auto;}
}
.product-carousel {position: relative;width: 100%;overflow: hidden;aspect-ratio: 1 / 1;}
/* --- MOBILE: SLIDE MODE --- */
@media(max-width: 768px) {
    .product-carousel-track {display: flex;transition: transform 0.35s ease;height: 100%;}
    .product-slide {position: relative;flex: 0 0 100%;opacity: 1 !important;}
}
/* --- DESKTOP: FADE MODE --- */
@media(min-width: 769px) {
    .product-carousel-track {position: relative;width: 100%;height: 100%;}
    .product-slide {position: absolute;inset: 0;opacity: 0;transition: opacity 0.35s ease;}
    .product-slide.active {opacity: 1;z-index: 1;}
}
.product-slide img {width: 100%;display: block;}
.carousel-arrow {box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;position: absolute;top: 50%;transform: translateY(-50%);padding: 10px;background: #fff;border-radius: 4px;font-size: 14px;cursor: pointer;z-index: 20;user-select: none;}
.carousel-arrow.left { left: 5px; }
.carousel-arrow.right { right: 5px; }
.carousel-dots {position: absolute;bottom: 8px;left: 50%;transform: translateX(-50%);display: flex;gap: 6px;z-index: 10;}
.carousel-dot {width: 7px;height: 7px;background: #b2b2b2;border-radius: 50%;transition: background 0.3s ease, transform 0.3s ease;}
.carousel-dot.active {background: #626262;transform: scale(1.2);}
.arrow-sign {margin: auto;transition: transform 0.5s;float: right;border: solid #6b6969;border-width: 0px 1.5px 1.5px 0;padding: 2px;width: 4px;height: 4px;}
.arrow-sign.right {transform: rotate(315deg);-webkit-transform: rotate(315deg);}
.arrow-sign.left {transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.product-carousel-track {touch-action: pan-y;}
/*whenon-slider js fail */
.product-carousel:not(.slider-initialized) .product-slide:first-child {position: relative; opacity: 1;z-index: 1;}
/* END : PRODUCT CATEGORY CAROUSEL *