/* ... existing css ... */

/* ========================================
   SWIPER CUSTOMIZATION
   ======================================== */
:root {
    --swiper-theme-color: #222 !important;
    --swiper-pagination-bullet-inactive-color: #fff !important;
    --swiper-pagination-bullet-inactive-opacity: 0.5 !important;
}

.swiper-pagination-bullet {
    width: 6px !important;
    height: 6px !important;
    background: #fff !important;
    opacity: 0.5 !important;
}

.swiper-pagination-bullet-active {
    background: #fff !important;
    opacity: 1 !important;
    transform: scale(1.2);
}