.tf-carousel-wrap {
    position: relative;
    padding: 0 3em 2.5em;
}

.tf-carousel-wrap .swiper {
    overflow: hidden;
}

.tf-carousel-wrap .swiper-slide img {
    width: 100%;
    height: var(--tf-carousel-height, 300px);
    object-fit: cover;
    display: block;
    border-radius: 4px;
}

/* Navigation flèches - en dehors des images */
.tf-carousel-wrap .swiper-button-next,
.tf-carousel-wrap .swiper-button-prev {
    color: var(--ast-global-color-0, #17304f);
    top: calc(var(--tf-carousel-height, 300px) / 2);
}

.tf-carousel-wrap .swiper-button-prev {
    left: 0;
}

.tf-carousel-wrap .swiper-button-next {
    right: 0;
}

.tf-carousel-wrap .swiper-button-next:after,
.tf-carousel-wrap .swiper-button-prev:after {
    font-size: 1.25rem;
}

/* Pagination points */
.tf-carousel-wrap .swiper-pagination {
    position: relative !important;
    margin-top: 1em;
}

.tf-carousel-wrap .swiper-pagination-bullet-active {
    background: var(--ast-global-color-1, #e76423);
}

/* Flèches hover */
.tf-carousel-wrap .swiper-button-next:hover,
.tf-carousel-wrap .swiper-button-prev:hover {
    color: var(--ast-global-color-1, #e76423);
}

/* Mobile - pas de flèches, swipe natif */
@media (max-width: 1279px) {
    .tf-carousel-wrap .swiper-button-next,
    .tf-carousel-wrap .swiper-button-prev {
        display: none;
    }

    .tf-carousel-wrap {
        padding-left: 0;
        padding-right: 0;
    }
}