/* ================================================
   GLOBAL SWIPER NAVIGATION BUTTONS - RESPONSIVE
   ================================================ */

/* Base Button Styles - Desktop */
.swiper-button-next,
.swiper-button-prev {
    width: 56px !important;
    height: 56px !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .swiper-button-next,
    .swiper-button-prev {
        width: 48px !important;
        height: 48px !important;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .swiper-button-next,
    .swiper-button-prev {
        width: 40px !important;
        height: 40px !important;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .swiper-button-next,
    .swiper-button-prev {
        width: 36px !important;
        height: 36px !important;
    }
}

/* SVG Icon Sizes - Responsive */
.swiper-button-next svg,
.swiper-button-prev svg,
.swiper-button-next .nav-icon,
.swiper-button-prev .nav-icon {
    width: 24px !important;
    height: 24px !important;
}

@media (max-width: 1024px) {
    .swiper-button-next svg,
    .swiper-button-prev svg,
    .swiper-button-next .nav-icon,
    .swiper-button-prev .nav-icon {
        width: 20px !important;
        height: 20px !important;
    }
}

@media (max-width: 768px) {
    .swiper-button-next svg,
    .swiper-button-prev svg,
    .swiper-button-next .nav-icon,
    .swiper-button-prev .nav-icon {
        width: 18px !important;
        height: 18px !important;
    }
}

@media (max-width: 480px) {
    .swiper-button-next svg,
    .swiper-button-prev svg,
    .swiper-button-next .nav-icon,
    .swiper-button-prev .nav-icon {
        width: 16px !important;
        height: 16px !important;
    }
}

/* Hide buttons on very small screens if needed */
@media (max-width: 360px) {
    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }
}