.edenred-window-card-x4-center {
  position: relative;
  padding: var(--edenred-y-padding-desktop) var(--edenred-x-padding-desktop);
  overflow: hidden;
}

/* Background via pseudo */
.edenred-window-card-x4-center::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: var(--edenred-bg-desktop);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  .edenred-window-card-x4-center::before {
    background-image: var(--edenred-bg-mobile, var(--edenred-bg-desktop));
  }
}

.edenred-window-card-x4-center__header,
.edenred-window-card-x4-center__layout,
.edenred-window-card-x4-center__mobile {
  position: relative;
  z-index: 1;
}

.edenred-window-card-x4-center__layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}

/* Cards */
.edenred-window-card-x4-center__card {
  border-radius: 14px;
  padding: 1.25rem .625rem;
}

.edenred-window-card-x4-center__col {
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}

/* Centrage vertical des 3 colonnes sur desktop */
@media (min-width: 768px) {
  .edenred-window-card-x4-center__layout {
    grid-template-columns: 1fr auto 1fr;
    align-items: center; /* centre verticalement les 3 colonnes */
  }

  .edenred-window-card-x4-center__col--center {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: calc(70rem / 2.5);
  }
}

/* Image centre */
.edenred-window-card-x4-center__center-img {
  width: min(450px, 100%);
  height: auto;
  display: block;
  border-radius: 16px;
}

/* Mobile: on masque la grille desktop, on montre la version mobile */
.edenred-window-card-x4-center__mobile { display: none; }

@media (max-width: 767px) {
  .edenred-window-card-x4-center__layout { display: none; }
  .edenred-window-card-x4-center__mobile { display: block; margin-top: 1.25rem; }

  .edenred-window-card-x4-center__mobile-center {
    margin-bottom: 1rem;
  }

  .edenred-window-card-x4-center__swiper {
    overflow: visible;
  }

  /* Hauteurs uniformes des slides */
  .edenred-window-card-x4-center__swiper .swiper-wrapper { align-items: stretch; }
  .edenred-window-card-x4-center__swiper .swiper-slide {
    height: auto !important;
    display: flex;
  }
  .edenred-window-card-x4-center__card { height: 100%; width: 100%; }
}