/* Agorajeux: use the branded vertical gold arrows on product carousels. */
body#index .elementor-widget-product-carousel .elementor-swiper-button,
body#product .product-slider-section .product-slider-container > .nav-arrow {
    width: 37px !important;
    height: 165px !important;
    min-width: 37px !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    opacity: 1 !important;
    overflow: visible !important;
    z-index: 45 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

body#index .elementor-widget-product-carousel .elementor-swiper-button i,
body#index .elementor-widget-product-carousel .elementor-swiper-button svg,
body#product .product-slider-section .product-slider-container > .nav-arrow i,
body#product .product-slider-section .product-slider-container > .nav-arrow svg {
    display: none !important;
}

body#index .elementor-widget-product-carousel .elementor-swiper-button-prev {
    left: 0 !important;
    background-image: url("../img/ag-slider-arrow-left-20260728.svg") !important;
}

body#index .elementor-widget-product-carousel .elementor-swiper-button-next {
    right: 0 !important;
    background-image: url("../img/ag-slider-arrow-right-20260728.svg") !important;
}

body#product .product-slider-section .product-slider-container > .nav-arrow.left {
    left: -37px !important;
    background-image: url("../img/ag-slider-arrow-left-20260728.svg") !important;
}

body#product .product-slider-section .product-slider-container > .nav-arrow.right {
    right: -37px !important;
    background-image: url("../img/ag-slider-arrow-right-20260728.svg") !important;
}

body#product .product-slider-section .product-slider-container > .nav-arrow {
    top: 44% !important;
}

body#product .product-slider-section .product-slider-container > .nav-arrow:hover {
    transform: translateY(-50%) scale(1.02) !important;
}

@media (max-width: 767px) {
    body#product .product-slider-section .product-slider-container > .nav-arrow.left {
        left: -12px !important;
    }

    body#product .product-slider-section .product-slider-container > .nav-arrow.right {
        right: -12px !important;
    }
}