/*
 * Swiper 11/14 navigation icons.
 *
 * Swiper 11+ ships its own thin SVG arrows. We hide those and render a single,
 * centered, slightly thicker arrow via a CSS mask so all .swiper-button-prev /
 * .swiper-button-next elements look consistent across the site.
 */

.swiper-button-prev .swiper-navigation-icon,
.swiper-button-next .swiper-navigation-icon,
.swiper-button-prev:after,
.swiper-button-next:after {
    display: none !important;
}

.swiper-button-prev,
.swiper-button-next {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.swiper-button-prev:before,
.swiper-button-next:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.swiper-button-prev:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E");
}

.swiper-button-next:before {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
}