/* ╔══════════════════════════════════════════════╗
   ║  JJW PRODUCT SLIDER  v3.0                     ║
   ╚══════════════════════════════════════════════╝ */

.jjw-slider-wrap {
    overflow: hidden;
    padding: 0;
}

.jjw-slider .slick-slide {
    padding: 0 8px;
}

.jjw-slider .slick-track {
    display: flex;
}

.jjw-slider .slick-list {
    overflow: hidden;
}

/* Arrows */
.jjw-slider .slick-prev,
.jjw-slider .slick-next {
    width: 40px; height: 40px;
    background: var(--jj-white, #fff);
    border: 1px solid var(--jj-border, rgba(0,0,0,0.06));
    border-radius: 50%;
    z-index: 5;
    display: flex !important; align-items: center; justify-content: center;
    transition: all 0.25s cubic-bezier(0.34,1.56,0.64,1);
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.jjw-slider .slick-prev:hover,
.jjw-slider .slick-next:hover {
    background: var(--jj-blue, #2296D0);
    border-color: var(--jj-blue, #2296D0);
    box-shadow: 0 4px 16px rgba(34,150,208,0.3);
}
.jjw-slider .slick-prev::before,
.jjw-slider .slick-next::before {
    color: var(--jj-text-mid, #5a5a5a);
    font-size: 16px;
    opacity: 1;
}
.jjw-slider .slick-prev:hover::before,
.jjw-slider .slick-next:hover::before {
    color: #fff;
}

.jjw-slider .slick-prev { left: -4px; }
.jjw-slider .slick-next { right: -4px; }

/* Dots */
.jjw-slider .slick-dots {
    bottom: -32px;
}
.jjw-slider .slick-dots li button::before {
    font-size: 8px;
    color: var(--jj-text-faint, #b0b0b0);
}
.jjw-slider .slick-dots li.slick-active button::before {
    color: var(--jj-blue, #2296D0);
}