.edenred-solutions-carte { 
    padding: var(--edenred-y-padding-desktop) var(--edenred-x-padding-desktop);
}

.edenred-solutions-carte__swiper {
     overflow: visible!important; 
     width: 60rem;
}
.edenred-solutions-carte__swiper .swiper-wrapper {
    align-items: stretch;
}
/* Cards */
.edenred-solutions-carte__card {
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    height: 430px;
    display: flex;
    align-items: flex-end;
    box-shadow: 0px 10px 20px 0px #101A7733;
}

.edenred-solutions-carte__card.is-bg {
  background-image: var(--sc-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.edenred-solutions-carte__img { width: 100%; height: auto; display: block; }

.edenred-solutions-carte__content { 
    padding: 20px; 
    box-shadow: none;
    border-radius: 24px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    width: 100%;
}

/* Nav buttons icon like DoubleCarte */
.edenred-solutions-carte__nav-btn {
        width: 20px;
        height: 20px;
        border-radius: 999px;
        background: transparent;
        border: none;
        cursor: pointer;
        background-image: url(../../icons/min-arrow-left.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px 16px;
}
.edenred-solutions-carte__nav-btn:disabled {
    opacity: 0.4;
    cursor: default;
}

.edenred-solutions-carte__next { transform: rotate(180deg); }

.edenred-solutions-carte__fraction { min-width: 6ch; text-align: center; }

/* Une "page" = un slide Swiper, contenant N cartes */
.edenred-solutions-carte__page {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(var(--sc-cols, 1), minmax(0, 1fr));
}

.edenred-solutions-carte__content *{
    margin-bottom: 0;
}


/* Nav par défaut = mobile */
.edenred-solutions-carte__nav {
  display: flex;
  gap: .75rem;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}
.edenred-solutions-carte__slider{
    min-height: 430px;
}
/* Desktop: nav en overlay, fraction masquée */
@media (min-width: 768px) {
    .edenred-solutions-carte__nav-btn {
        width: 50px;
        height: 50px;
        border-radius: 999px;
        background-color: #FFF;
        cursor: pointer;

        background-image: url("../../icons/arrow-left-blue.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 30px 30px;
        box-shadow: 0px 10px 20px 0px #101A7733;
    }
  .edenred-solutions-carte__slider {
    position: relative;
    --sc-swiper-width: 60rem; /* ta largeur swiper */
  }

  .edenred-solutions-carte__swiper {
    width: min(var(--sc-swiper-width), 100%);
    margin: 0 auto;
    overflow: visible;         /* ne coupe pas les ombres */
    padding: 14px 12px;        /* laisse respirer le box-shadow */
    box-sizing: border-box;
  }

  .edenred-solutions-carte__nav {
    position: absolute;
    inset: 0;
    margin-top: 0;
    pointer-events: none; /* ne bloque pas le drag */
  }

  .edenred-solutions-carte__nav .edenred-solutions-carte__nav-btn {
    pointer-events: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  /* Collées au bord du SWIPER (pas du slider) */
  .edenred-solutions-carte__nav .edenred-solutions-carte__prev {
    left: 0;
  }
  .edenred-solutions-carte__nav .edenred-solutions-carte__next {
    right: 0;
    transform: rotate(180deg);
    box-shadow: 0px -10px 20px 0px #101A7733;
  }

  .edenred-solutions-carte__fraction { display: none; }
}

@media (max-width: 767px) {
    .edenred-solutions-carte__slider, 
    .edenred-solutions-carte__swiper {
        max-width: 100%;
    }
    .edenred-solutions-carte__nav--inner {
        display: flex;
        justify-content: center;
    }
    .edenred-solutions-carte__nav--inner >div{
        width: fit-content;
        background-color: var(--edenred-color-grey-200);
        border-radius: 40px;
        padding: 8px 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0rem;
        margin-top: 1rem;
    }
}