/* Image Slider Dots */

.slider-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 12px 0;
    background: #fff;
}

.slider-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ddd;
    transition: all 0.3s;
}

.slider-dot.active {
    width: 24px;
    border-radius: 4px;
    background: var(--primary);
}