.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #cbd5e1 !important;
    opacity: 1 !important;
    transition: all 0.3s ease-out;
}
.swiper-pagination-bullet-active {
    width: 45px !important;
    border-radius: 20px !important;
    background: #50ABE4 !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-weight: bold;
}
.swiper-pagination-custom {
    position: absolute !important;
    top: 14rem !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 50 !important;
    bottom: auto !important;
}
@media (max-width: 767px) {
    .swiper-pagination-custom {
        top: 12rem !important;
    }
}
    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-family: 'swiper-icons' !important; /* Paksa pakai icon bawaan swiper */
        font-size: 30px !important;
        font-weight: 900 !important;
        color: #000000 !important; /* Paksa warna hitam pekat */
        display: block !important;
    }

    /* Memperbaiki posisi tombol agar lebih mudah diklik di mobile */
    .swiper-button-next,
    .swiper-button-prev {
        width: 44px !important;
        height: 44px !important;
        background: rgba(255, 255, 255, 0.3); /* Beri background tipis agar terlihat di bg gelap */
        border-radius: 50%;
        top: 40% !important; /* Sesuaikan posisi vertikal agar pas di tengah gambar kapal */
    }

    /* Pagination Bullet Style (Custom --- - -) */
    .productSwiper .swiper-pagination-bullet {
        width: 10px !important;
        height: 10px !important;
        background: #cbd5e1 !important;
        opacity: 1 !important;
        transition: all 0.3s ease;
    }

    .productSwiper .swiper-pagination-bullet-active {
        width: 45px !important;
        border-radius: 20px !important;
        background: #50ABE4 !important;
    }

    .swiper-pagination-custom {
        position: absolute !important;
        top: 14rem !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        z-index: 50 !important;
        display: flex !important;
        justify-content: center;
        gap: 8px;
    }

    @media (max-width: 767px) {
        .swiper-pagination-custom {
            top: 12rem !important;
        }
        .swiper-button-next:after, .swiper-button-prev:after {
            font-size: 24px !important; /* Kecilkan panah di mobile */
        }
    }