/* Produits : grande grille au-dessus de météo/village */
body .edo-accueil-grid > .edo-produits-zone,
body .edo-produits-zone{
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 30px auto 26px auto !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  display: block !important;
  clear: both !important;
}

body .edo-produits-zone .indexhaut,
body .edo-produits-zone .indexhaut-hero{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .edo-produits-zone .indexhaut-head{
  display: none !important;
}

body .edo-produits-zone .indexhaut-cards{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  width: 100% !important;
}

body .edo-produits-zone .ih-card{
  width: 100% !important;
  min-height: 270px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

body .edo-produits-zone .ih-card a{
  min-height: 270px !important;
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
  color: inherit !important;
}

body .edo-produits-zone .ih-img{
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: contain !important;
  padding: 18px !important;
  box-sizing: border-box !important;
}

body .edo-produits-zone .ih-title{
  text-align: center !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
  padding: 12px 14px 0 14px !important;
}

body .edo-produits-zone .ih-price{
  margin-top: auto !important;
  text-align: center !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #F5C063 !important;
  padding: 12px 14px 20px 14px !important;
}

/* Wrapper uniquement : ne modifie PAS le style interne de météo/village */
body .edo-accueil-grid > .edo-premium-links-row,
body .edo-premium-links-row{
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: start !important;
  clear: both !important;
}

/* Important : aucune règle display, padding, height, animation ou transform sur .edo-meteo-premium */

@media (max-width: 900px){
  body .edo-produits-zone .indexhaut-cards{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  body .edo-produits-zone .ih-card,
  body .edo-produits-zone .ih-card a{
    min-height: 220px !important;
  }
}

@media (max-width: 720px){
  body .edo-premium-links-row{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 0 10px !important;
  }
}

@media (max-width: 520px){
  body .edo-produits-zone{
    padding: 0 10px !important;
  }

  body .edo-produits-zone .ih-title{
    font-size: 14px !important;
  }

  body .edo-produits-zone .ih-price{
    font-size: 19px !important;
  }
}

/* Alignement météo + village sur la même ligne visuelle */
body .edo-premium-links-row{
  align-items: center !important;
}

body .edo-premium-links-row > .edo-meteo-premium,
body .edo-premium-links-row > .edo-village-premium{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  align-self: center !important;
}

body .edo-premium-links-row > .edo-meteo-premium{
  justify-self: end !important;
}

body .edo-premium-links-row > .edo-village-premium{
  justify-self: start !important;
}

/* Respect ordre HTML : produits avant météo/village */
body .edo-produits-zone{
  order: unset !important;
}

body .edo-premium-links-row{
  order: unset !important;
}

/* FORCE ORDRE VISUEL ACCUEIL :
   1) grille produits
   2) météo + village
   Ne touche pas au design interne météo/village.
*/
body .edo-accueil-grid{
  display: grid !important;
}

body .edo-accueil-grid > .edo-produits-zone{
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  order: 1 !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 34px auto 26px auto !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}

body .edo-accueil-grid > .edo-premium-links-row{
  grid-column: 1 / -1 !important;
  grid-row: 4 !important;
  order: 2 !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: center !important;
}

/* Garde les cartes météo/village dans leur style existant */
body .edo-premium-links-row > .edo-meteo-premium,
body .edo-premium-links-row > .edo-village-premium{
  grid-column: auto !important;
  margin: 0 !important;
  align-self: center !important;
}

@media (max-width: 760px){
  body .edo-accueil-grid > .edo-produits-zone{
    grid-row: 3 !important;
    margin: 24px auto 22px auto !important;
    padding: 0 10px !important;
  }

  body .edo-accueil-grid > .edo-premium-links-row{
    grid-row: 4 !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 0 10px !important;
  }
}