/** Shopify CDN: Minification failed

Line 179:0 Expected ")" to go with "("

**/
.image-with-text .grid {
  margin-bottom: 0;
}

.image-with-text .grid__item {
  position: relative;
}

@media screen and (min-width: 750px) {
  .image-with-text__grid--reverse {
    flex-direction: row-reverse;
  }
}

/* ========================= */
/* 🔒 HAUTEURS OBLIGATOIRES (Dawn) */
/* ========================= */

/* Mobile */
.image-with-text__media--small {
  height: 31.4rem;
}

.image-with-text__media--medium {
  height: 46rem;
}

.image-with-text__media--large {
  height: 69.5rem;
}

/* Desktop */
@media screen and (min-width: 750px) {
  .image-with-text__media--small {
    height: 38rem;
  }

  .image-with-text__media--medium {
    height: 56rem;
  }

  .image-with-text__media--large {
    height: 82rem;
  }
}

/* ========================= */
/* MEDIA */
/* ========================= */

.image-with-text__media {
  min-height: 100%;
  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ========================= */
/* PLACEHOLDER */
/* ========================= */

.image-with-text__media--placeholder {
  position: relative;
  overflow: hidden;
}

.image-with-text__media--placeholder:after {
  content: '';
  position: absolute;
  background: rgba(var(--color-foreground), 0.04);
}

.image-with-text__media--placeholder > svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  fill: currentColor;
}

/* ========================= */
/* TEXTE */
/* ========================= */

.image-with-text__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4rem calc(4rem / var(--font-body-scale)) 5rem;
  position: relative;
  z-index: 1;
}

/* ========================= */
/* 🔥 IMAGE ADAPTÉE AU CADRE */
/* 🔥 C’EST ICI QUE TU AGRANDIS L’IMAGE */
/* ========================= */

.image-with-text__media img {
  max-width: 80%;     /* ⬅️ change cette valeur pour agrandir */
  max-height: 100%;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
  display: block;
}

@media screen and (min-width: 750px) {
  .image-with-text__media-item {
    flex: 0 0 55%;
    max-width: 55%;
  }

  .image-with-text__text-item {
    flex: 0 0 45%;
    max-width: 45%;
  }
}


@media screen and (min-width: (750px) {
  .image-with-text__media img {
    transform: translateX(-6rem); /* ⬅️ décale UNIQUEMENT l’image */
  }
}

@media screen and (min-width: 750px) {

  /* 🔒 Texte : largeur fixe */
  .image-with-text__text-item {
    flex: 0 0 700px;
    max-width: 700px;
  }

  /* 📸 Image : prend tout l’espace restant */
  .image-with-text__media-item {
    flex: 1 1 auto;
    max-width: none;
  }

  /* 👉 Décalage visuel du texte (sans casser le layout) */
  .image-with-text__content {
    padding-left: 2rem;
  }

  /* 🖼️ Image libre dans sa colonne */
  .image-with-text__media img {
    max-width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 750px) {
  .image-with-text__content {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
  }
}

/* ✅ Arrondi léger et propre (style carte) */
.image-with-text__media,
.image-with-text__media * {
  border-radius: 8px !important;
}

.image-with-text__media {
  overflow: hidden !important;
}