/* ================= SIMULATEUR ================= */
.simulateur__grille {
  display: grid;
  grid-template-columns: 45fr 55fr;
  gap: 56px;
  align-items: center;
}

.simulateur__visuel { position: relative; }
.simulateur__visuel .media-organique { aspect-ratio: 1 / 1; }
.simulateur__sticker {
  bottom: -18px;
  left: -20px;
  transform: rotate(-6deg);
}

.simulateur__benefices {
  display: grid;
  gap: 13px;
  margin-bottom: 34px;
}
.simulateur__benefices li {
  position: relative;
  padding-left: 30px;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.45;
  color: var(--brun-doux);
}
/* pastille terracotta ronde */
.simulateur__benefices li::before {
  content: '';
  position: absolute;
  left: 3px;
  top: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--terracotta);
  box-shadow: 0 4px 10px -4px rgba(237, 104, 65, 0.7);
}

@media (max-width: 991px) {
  .simulateur__grille { gap: 36px; }
  .simulateur__benefices li { font-size: 16px; }
}

@media (max-width: 767px) {
  /* colonnes empilées, image d'abord (ordre du DOM) */
  .simulateur__grille { grid-template-columns: 1fr; gap: 44px; }
  .simulateur__visuel .media-organique { aspect-ratio: 4 / 3; }
  .simulateur__sticker { bottom: -14px; left: -8px; font-size: 21px; }
}

@media (max-width: 479px) {
  .simulateur__grille { gap: 36px; }
  .simulateur__benefices { gap: 11px; margin-bottom: 30px; }
  .simulateur__benefices li { font-size: 15.5px; padding-left: 26px; }
  .simulateur__benefices li::before { width: 10px; height: 10px; top: 6px; }
  .simulateur__sticker { font-size: 19px; padding: 8px 18px 10px; }
}