.edo-produit-page{
  min-height:70vh;
  padding:42px 16px 54px;
  background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,248,232,.82));
}

.edo-produit-card{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr;
  gap:28px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(245,192,99,.55);
  border-radius:28px;
  padding:22px;
  box-shadow:0 18px 42px rgba(0,0,0,.10);
  backdrop-filter:blur(8px);
}

@media (min-width:850px){
  .edo-produit-card{
    grid-template-columns:minmax(320px, 470px) 1fr;
    padding:34px;
    align-items:center;
  }
}

.edo-produit-image-wrap{
  background:#fff;
  border-radius:24px;
  padding:18px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);
}

.edo-produit-image{
  width:100%;
  aspect-ratio:4 / 3;
  object-fit:contain;
  display:block;
  border-radius:18px;
}

.edo-produit-label{
  margin:0 0 10px;
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:#fff3d4;
  color:#6b3b00;
  font-weight:800;
  font-size:13px;
}

.edo-produit-content h1{
  margin:0;
  font-size:clamp(30px, 4vw, 50px);
  line-height:1.05;
  color:#2b1600;
}

.edo-produit-price{
  margin:16px 0 18px;
  font-size:32px;
  font-weight:900;
  color:#F5C063;
}

.edo-produit-accroche{
  font-size:19px;
  line-height:1.55;
  color:#3b332a;
  font-weight:700;
}

.edo-produit-description{
  margin-top:22px;
  color:#443b32;
}

.edo-produit-description h2{
  margin:0 0 8px;
  font-size:20px;
  color:#2b1600;
}

.edo-produit-description p{
  margin:0;
  font-size:16px;
  line-height:1.7;
}

.edo-produit-bon{
  margin-top:22px;
  padding:16px;
  border-radius:18px;
  background:#fff8e8;
  border:1px solid rgba(245,192,99,.55);
}

.edo-produit-bon strong{
  display:block;
  margin-bottom:6px;
  color:#2b1600;
}

.edo-produit-bon span{
  color:#4c4036;
  line-height:1.5;
}

.edo-commande-box{
  margin-top:26px;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(135deg, #fff7e2, #ffffff);
  border:1px solid rgba(245,192,99,.65);
  box-shadow:0 12px 26px rgba(245,192,99,.18);
  position:relative;
  overflow:hidden;
}

.edo-commande-box::before{
  content:"";
  position:absolute;
  inset:-60px auto auto -60px;
  width:130px;
  height:130px;
  border-radius:999px;
  background:rgba(245,192,99,.25);
  animation:edoCommandeFloat 4.5s ease-in-out infinite;
}

.edo-commande-pulse{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border-radius:999px;
  background:#F5C063;
  color:#2b1600;
  font-weight:900;
  letter-spacing:.02em;
  animation:edoCommandePulse 1.9s ease-in-out infinite;
}

.edo-commande-actions{
  position:relative;
  margin-top:16px;
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

@media (min-width:620px){
  .edo-commande-actions{
    grid-template-columns:1fr 1fr;
  }
}

.edo-commande-link{
  display:flex;
  align-items:center;
  gap:10px;
  padding:14px 15px;
  border-radius:18px;
  text-decoration:none;
  background:#fff;
  color:#2b1600;
  border:1px solid rgba(0,0,0,.07);
  box-shadow:0 8px 18px rgba(0,0,0,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.edo-commande-link:hover,
.edo-commande-link:focus{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(0,0,0,.12);
  border-color:rgba(245,192,99,.9);
}

.edo-commande-link span{
  font-size:22px;
}

.edo-commande-link strong{
  font-size:16px;
  word-break:break-word;
}

.edo-produit-retour{
  margin-top:22px;
  display:inline-flex;
  text-decoration:none;
  font-weight:800;
  color:#2b1600;
  background:#f1eadf;
  padding:12px 18px;
  border-radius:999px;
}

@keyframes edoCommandePulse{
  0%,100%{transform:scale(1); box-shadow:0 0 0 0 rgba(245,192,99,.45);}
  50%{transform:scale(1.035); box-shadow:0 0 0 10px rgba(245,192,99,0);}
}

@keyframes edoCommandeFloat{
  0%,100%{transform:translate3d(0,0,0);}
  50%{transform:translate3d(12px,10px,0);}
}


/* EDOUARGOT SECURITE SCROLLBAR PRODUIT DEBUT */

/*
  NOTE VERTE :
  Sécurité pour que produit.php garde le défilement navigateur normal.
  Ne change pas le thème visuel.
*/

html,
body {
  overflow-y: auto !important;
}

/* EDOUARGOT SECURITE SCROLLBAR PRODUIT FIN */

/* EDOUARGOT PRODUIT BLOCS INFOS PROPRES DEBUT */

/*
  NOTE VERTE :
  Correction légère pour produit.php.

  Ne change pas :
  - la position de l'image ;
  - le style du badge "Spécialité Edouargot" ;
  - le style du prix.

  Objectifs :
  - récupérer le volet déroulant vertical du navigateur ;
  - rendre Ingrédients et Conservation plus lisibles ;
  - différencier les deux blocs.
*/

html:not(.edo-prechargement-actif),
html:not(.edo-prechargement-actif) body {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.edo-produit-bon {
  position: relative !important;
  display: block !important;

  margin-top: 14px !important;
  padding: 14px 16px 14px 18px !important;

  border-radius: 15px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  border: 1px solid rgba(245, 192, 99, 0.65) !important;
  box-shadow: 0 6px 16px rgba(51, 7, 5, 0.06) !important;

  color: #301910 !important;
}

.edo-produit-bon strong {
  display: block !important;
  margin-bottom: 7px !important;

  color: #301910 !important;
  font-weight: 950 !important;
  font-size: 1rem !important;
  letter-spacing: 0.01em !important;
}

.edo-produit-bon span {
  display: block !important;
  color: #301910 !important;
  font-size: 0.98rem !important;
  line-height: 1.45 !important;
}

/* Ingrédients : accent orange */
.edo-produit-ingredients {
  border-left: 7px solid #F5C063 !important;
  background:
    linear-gradient(90deg, rgba(245, 192, 99, 0.18), rgba(255, 255, 255, 0.82) 38%) !important;
}

/* Conservation : accent marron, différent des ingrédients */
.edo-produit-conservation {
  border-left: 7px solid #301910 !important;
  border-color: rgba(48, 25, 16, 0.28) !important;
  background:
    linear-gradient(90deg, rgba(48, 25, 16, 0.10), rgba(255, 255, 255, 0.82) 42%) !important;
}

.edo-produit-conservation strong {
  color: #301910 !important;
}

@media (max-width: 700px) {
  .edo-produit-bon {
    padding: 13px 14px 13px 16px !important;
  }
}

/* EDOUARGOT PRODUIT BLOCS INFOS PROPRES FIN */

/* EDOUARGOT PRODUIT H1 SNAILET NAV AUTRES DEBUT */

/*
  NOTE VERTE :
  Réglage produit.php.

  Objectifs :
  - H1 en police Snailet ;
  - taille H1 suffisante ;
  - navigation vers les autres produits sous la fiche ;
  - ne pas déplacer l'image produit ;
  - ne pas transformer le thème général.

  Réglage taille H1 :
  - plus grand : augmente 4.6rem ou 5.2rem ;
  - plus petit : baisse 4.6rem vers 4rem.
*/

:root {
  --edo-produit-h1-snailet-taille: clamp(2.7rem, 5.2vw, 4.6rem);
}

/* H1 produit en Snailet */
.edo-produit-content h1 {
  font-family: "Snailets BRK", "Snailets", cursive !important;
  font-size: var(--edo-produit-h1-snailet-taille) !important;
  line-height: 1.02 !important;
  color: #301910 !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  text-wrap: balance !important;
}

/* Navigation autres produits sous la fiche */
.edo-produit-nav-autres {
  width: min(980px, calc(100% - 28px)) !important;
  margin: 26px auto 42px auto !important;
  padding: 0 !important;

  display: flex !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
}

.edo-produit-nav-autres.single-block {
  justify-content: center !important;
}

.edo-produit-nav-block {
  width: min(100%, 310px) !important;
  max-width: 310px !important;

  background: rgba(255, 255, 255, 0.92) !important;
  border: 2px solid rgba(245, 192, 99, 0.65) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 28px rgba(51, 7, 5, 0.12) !important;

  transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}

.edo-produit-nav-block:hover,
.edo-produit-nav-block:focus-within {
  border-color: #F5C063 !important;
  box-shadow:
    0 0 0 3px rgba(245, 192, 99, 0.22),
    0 14px 30px rgba(51, 7, 5, 0.16) !important;
}

.edo-produit-nav-block a {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  text-decoration: none !important;
  color: #301910 !important;
  background: #ffffff !important;
}

.edo-produit-nav-block img {
  width: 100% !important;
  height: 150px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #ffffff !important;
  padding: 14px !important;
  box-sizing: border-box !important;
}

.edo-produit-nav-block .article-nav-title {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  min-height: 72px !important;
  padding: 12px 14px 16px 14px !important;

  text-align: center !important;
  color: #301910 !important;
  font-weight: 950 !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
  background: #ffffff !important;
}

.edo-produit-nav-fleche {
  color: #F5C063 !important;
  font-size: 1.15em !important;
  line-height: 1 !important;
}

.edo-produit-nav-block:hover .edo-produit-nav-fleche,
.edo-produit-nav-block:focus-within .edo-produit-nav-fleche {
  color: #301910 !important;
}

@media (max-width: 700px) {
  :root {
    --edo-produit-h1-snailet-taille: clamp(2.3rem, 11vw, 3.5rem);
  }

  .edo-produit-content h1 {
    text-align: center !important;
  }

  .edo-produit-nav-autres {
    margin-top: 22px !important;
    gap: 16px !important;
  }

  .edo-produit-nav-block {
    max-width: 340px !important;
  }
}

/* EDOUARGOT PRODUIT H1 SNAILET NAV AUTRES FIN */

/* EDOUARGOT PRODUIT CARD BORDURE LARGEUR DEBUT */

/*
  NOTE VERTE :
  Correction de la fiche produit.

  Objectif :
  - empêcher .edo-produit-card de s'étaler sur toute la page ;
  - garder une vraie bordure visible ;
  - garder l'image à gauche ;
  - garder le contenu à droite ;
  - garder un affichage propre sur ordinateur et mobile.

  Réglage :
  - fiche trop large : baisse 1280px vers 1180px ;
  - fiche trop serrée : augmente 1280px vers 1360px.
*/

.edo-produit-page {
  width: min(1280px, calc(100% - 48px)) !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

.edo-produit-card {
  width: 100% !important;
  max-width: 1280px !important;
  margin: 26px auto 42px auto !important;

  display: grid !important;
  grid-template-columns: minmax(280px, 420px) minmax(0, 1fr) !important;
  gap: clamp(22px, 3vw, 38px) !important;
  align-items: center !important;

  padding: clamp(22px, 3vw, 36px) !important;

  border: 2px solid #F5C063 !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 14px 34px rgba(51, 7, 5, 0.12) !important;

  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* Image à gauche, contenue */
.edo-produit-image-wrap {
  width: 100% !important;
  max-width: 420px !important;
  justify-self: center !important;
  align-self: center !important;

  border: 1px solid rgba(245, 192, 99, 0.45) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 8px 18px rgba(51, 7, 5, 0.08) !important;
  overflow: hidden !important;
}

.edo-produit-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 360px !important;
  object-fit: contain !important;
  background: #ffffff !important;
}

/* Contenu à droite, pas étiré à l'infini */
.edo-produit-content {
  width: 100% !important;
  max-width: 780px !important;
  justify-self: start !important;
  box-sizing: border-box !important;
}

/* H1 Snailet, bonne taille, sans casser la fiche */
.edo-produit-content h1 {
  font-family: "Snailets BRK", "Snailets", cursive !important;
  font-size: clamp(2.4rem, 4.2vw, 4.1rem) !important;
  line-height: 1.06 !important;
  color: #301910 !important;
  font-weight: 700 !important;
  text-wrap: balance !important;
  max-width: 760px !important;
}

/* Blocs infos restent dans la largeur du contenu */
.edo-produit-bon,
.edo-commande-box {
  max-width: 760px !important;
  box-sizing: border-box !important;
}

/* Mobile : fiche en colonne */
@media (max-width: 850px) {
  .edo-produit-page {
    width: min(100% - 24px, 560px) !important;
  }

  .edo-produit-card {
    grid-template-columns: 1fr !important;
    margin-top: 18px !important;
    padding: 18px !important;
    border-radius: 22px !important;
  }

  .edo-produit-image-wrap {
    max-width: 420px !important;
  }

  .edo-produit-content {
    max-width: 100% !important;
    justify-self: stretch !important;
  }

  .edo-produit-content h1 {
    max-width: 100% !important;
    text-align: center !important;
    font-size: clamp(2.2rem, 10vw, 3.4rem) !important;
  }
}

/* EDOUARGOT PRODUIT CARD BORDURE LARGEUR FIN */

/* EDOUARGOT PRODUIT NAV AUTRES ACTION PROPRE DEBUT */

/*
  NOTE VERTE :
  Navigation "Autres produits" sous produit.php.

  Objectif :
  - ne plus afficher une flèche toujours à droite du titre ;
  - afficher "Voir la fiche" sous le titre ;
  - sans survol : marron ;
  - au survol : orange ;
  - soulignement propre comme un lien.
*/

.edo-produit-nav-block .article-nav-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;

  text-align: center !important;
  color: #301910 !important;
}

/* Ancienne flèche : masquée si elle existe encore dans une ancienne version */
.edo-produit-nav-fleche {
  display: none !important;
}

/* Nouveau texte Voir la fiche */
.edo-produit-nav-action {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  padding: 0 2px 5px 2px !important;

  color: #301910 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;

  transition: color 0.18s ease !important;
}

.edo-produit-nav-action::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  height: 3px !important;
  border-radius: 999px !important;
  background: #301910 !important;

  transition: background-color 0.18s ease, height 0.18s ease !important;
}

/* Survol : le petit lien passe orange */
.edo-produit-nav-block:hover .edo-produit-nav-action,
.edo-produit-nav-block:focus-within .edo-produit-nav-action {
  color: #F5C063 !important;
}

.edo-produit-nav-block:hover .edo-produit-nav-action::after,
.edo-produit-nav-block:focus-within .edo-produit-nav-action::after {
  background: #F5C063 !important;
  height: 4px !important;
}

/* EDOUARGOT PRODUIT NAV AUTRES ACTION PROPRE FIN */

/* EDOUARGOT PRODUIT NAV AUTRES SNAILET DETAIL DEBUT */

/*
  NOTE VERTE :
  Réglage des petites vignettes "autres produits" sous produit.php.

  Objectifs :
  - titre en police Snailet ;
  - remplacer "Voir la fiche" par "Voir le détail →" ;
  - même logique couleur que les cartes d'accueil :
    sans survol : texte orange + soulignement marron ;
    au survol : texte marron + soulignement orange.
*/

/* Titre produit dans la petite vignette */
.edo-produit-nav-block .article-nav-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  text-align: center !important;
  color: #301910 !important;

  font-family: "Snailets BRK", "Snailets", cursive !important;
  font-size: clamp(1.35rem, 2.2vw, 1.85rem) !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;

  min-height: 92px !important;
}

/* Ancienne flèche seule : masquée si elle existe encore */
.edo-produit-nav-fleche {
  display: none !important;
}

/* Action Voir le détail, comme les cartes d'accueil */
.edo-produit-nav-action {
  position: relative !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;

  width: fit-content !important;
  padding: 0 0 6px 0 !important;

  color: #F5C063 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;

  transition: color 0.18s ease !important;
}

.edo-produit-nav-action::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  width: 100% !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #301910 !important;

  transition: background-color 0.18s ease, height 0.18s ease !important;
}

.edo-produit-nav-action-arrow {
  display: inline-block !important;
  color: inherit !important;
  font-size: 1.05em !important;
  line-height: 1 !important;
  transform: translateX(0) !important;
  transition: transform 0.18s ease !important;
}

/* Survol : texte marron + soulignement orange */
.edo-produit-nav-block:hover .edo-produit-nav-action,
.edo-produit-nav-block:focus-within .edo-produit-nav-action {
  color: #301910 !important;
}

.edo-produit-nav-block:hover .edo-produit-nav-action::after,
.edo-produit-nav-block:focus-within .edo-produit-nav-action::after {
  background: #F5C063 !important;
  height: 4px !important;
}

.edo-produit-nav-block:hover .edo-produit-nav-action-arrow,
.edo-produit-nav-block:focus-within .edo-produit-nav-action-arrow {
  transform: translateX(3px) !important;
}

/* EDOUARGOT PRODUIT NAV AUTRES SNAILET DETAIL FIN */

/* EDOUARGOT PRODUIT NAV SNAILET GROS ALIGNE DEBUT */

/*
  NOTE VERTE :
  Réglage des petites vignettes "autres produits".

  Objectifs :
  - titre plus gros en Snailet ;
  - même hauteur visuelle entre les vignettes ;
  - "Voir le détail →" aligné en bas, même si le titre a moins de lignes ;
  - même comportement couleur que les cartes de l'accueil.

  Réglages :
  - titre trop petit : augmente 2.25rem vers 2.45rem ;
  - titre trop gros : baisse 2.25rem vers 2rem ;
  - bouton trop haut/bas : règle height: 138px.
*/

.edo-produit-nav-block {
  min-height: 276px !important;
}

.edo-produit-nav-block a {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* Image : hauteur stable pour que les titres commencent au même endroit */
.edo-produit-nav-block img {
  height: 140px !important;
  object-fit: contain !important;
  object-position: center center !important;
}

/* Zone titre + Voir le détail : hauteur fixe et harmonieuse */
.edo-produit-nav-block .article-nav-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;

  height: 138px !important;
  min-height: 138px !important;
  padding: 12px 14px 16px 14px !important;
  gap: 8px !important;

  text-align: center !important;
  color: #301910 !important;

  font-family: "Snailets BRK", "Snailets", cursive !important;
  font-size: clamp(1.75rem, 2.7vw, 2.25rem) !important;
  line-height: 1.02 !important;
  font-weight: 700 !important;

  overflow: visible !important;
}

/* Voir le détail : poussé en bas pour être aligné entre les cartes */
.edo-produit-nav-action {
  margin-top: auto !important;
  margin-bottom: 0 !important;

  color: #F5C063 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 0.94rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

/* Trait marron au repos */
.edo-produit-nav-action::after {
  background: #301910 !important;
  height: 3px !important;
}

/* Survol : texte marron + trait orange, comme les cartes produits */
.edo-produit-nav-block:hover .edo-produit-nav-action,
.edo-produit-nav-block:focus-within .edo-produit-nav-action {
  color: #301910 !important;
}

.edo-produit-nav-block:hover .edo-produit-nav-action::after,
.edo-produit-nav-block:focus-within .edo-produit-nav-action::after {
  background: #F5C063 !important;
  height: 4px !important;
}

.edo-produit-nav-action-arrow {
  color: inherit !important;
  transform: translateX(0) !important;
}

.edo-produit-nav-block:hover .edo-produit-nav-action-arrow,
.edo-produit-nav-block:focus-within .edo-produit-nav-action-arrow {
  transform: translateX(3px) !important;
}

/* Mobile : un peu moins gros pour éviter les débordements */
@media (max-width: 700px) {
  .edo-produit-nav-block .article-nav-title {
    height: 126px !important;
    min-height: 126px !important;
    font-size: clamp(1.55rem, 8vw, 2rem) !important;
  }
}

/* EDOUARGOT PRODUIT NAV SNAILET GROS ALIGNE FIN */


/* EDOUARGOT PRODUIT IMAGE GAUCHE INFOS SOUS IMAGE DEBUT */

/*
  NOTE VERTE :
  Mise en page de produit.php.

  Objectifs :
  - image en haut à gauche ;
  - ne pas ajouter un deuxième carré/bordure directement autour de l'image ;
  - garder seulement le cadre .edo-produit-image-wrap ;
  - placer Ingrédients et Conservation sous l'image ;
  - garder Commander dans la colonne de droite.

  Réglage :
  - image trop grande : baisse 420px ;
  - colonne gauche trop large : baisse 430px.
*/

.edo-produit-card {
  display: grid !important;
  grid-template-columns: minmax(280px, 430px) minmax(0, 1fr) !important;
  gap: clamp(22px, 3vw, 38px) !important;
  align-items: start !important;
}

/* Colonne gauche : image + ingrédients/conservation */
.edo-produit-col-gauche {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;

  width: 100% !important;
  max-width: 430px !important;
  justify-self: start !important;
  align-self: start !important;
  gap: 18px !important;
}

/* Cadre unique autour de l'image */
.edo-produit-col-gauche .edo-produit-image-wrap {
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 !important;

  border: 2px solid rgba(245, 192, 99, 0.75) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 10px 24px rgba(51, 7, 5, 0.10) !important;
  overflow: hidden !important;
}

/* Pas de deuxième carré/bordure autour de l'image elle-même */
.edo-produit-col-gauche .edo-produit-image {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 360px !important;

  object-fit: contain !important;
  object-position: center center !important;

  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Infos sous image */
.edo-produit-infos-sous-image {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 13px !important;
  width: 100% !important;
}

/* Les blocs sous image restent compacts */
.edo-produit-infos-sous-image .edo-produit-bon {
  max-width: 100% !important;
  margin-top: 0 !important;
  box-sizing: border-box !important;
}

/* Colonne droite */
.edo-produit-content {
  align-self: start !important;
  justify-self: stretch !important;
  max-width: 780px !important;
}

/* Le bloc commander reste à droite */
.edo-produit-content .edo-commande-box {
  max-width: 760px !important;
  margin-top: 18px !important;
}

/* Mobile : image puis infos puis contenu */
@media (max-width: 850px) {
  .edo-produit-card {
    grid-template-columns: 1fr !important;
  }

  .edo-produit-col-gauche {
    max-width: 100% !important;
    justify-self: stretch !important;
  }

  .edo-produit-col-gauche .edo-produit-image-wrap {
    max-width: 420px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .edo-produit-infos-sous-image {
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .edo-produit-content {
    max-width: 100% !important;
  }
}

/* EDOUARGOT PRODUIT IMAGE GAUCHE INFOS SOUS IMAGE FIN */


/* EDOUARGOT MINI VIGNETTES PRODUITS SOUS IMAGE DEBUT */

/*
  NOTE VERTE :
  Mini-vignettes des autres produits sous l'image principale.

  Objectif :
  - remplir proprement la zone sous l'image ;
  - afficher les 2 autres produits ;
  - titre en Snailet ;
  - bouton "Voir le détail →" avec le même comportement que les cartes produits.
*/

/* Grille sous l'image */
.edo-mini-produits-sous-image {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;

  width: 100% !important;
  margin-top: 18px !important;
}

/* Mini carte */
.edo-mini-produit-card {
  background: #ffffff !important;
  border: 2px solid rgba(245, 192, 99, 0.75) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 18px rgba(51, 7, 5, 0.10) !important;

  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease !important;
}

.edo-mini-produit-card:hover,
.edo-mini-produit-card:focus-within {
  border-color: #F5C063 !important;
  box-shadow:
    0 0 0 3px rgba(245, 192, 99, 0.20),
    0 10px 22px rgba(51, 7, 5, 0.14) !important;
}

.edo-mini-produit-card a {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;

  color: #301910 !important;
  text-decoration: none !important;
  background: #ffffff !important;
}

/* Image mini */
.edo-mini-produit-card img {
  width: 100% !important;
  height: 105px !important;
  object-fit: contain !important;
  object-position: center center !important;

  padding: 10px !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
}

/* Titre en Snailet */
.edo-mini-produit-title {
  min-height: 74px !important;
  padding: 6px 8px 0 8px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  text-align: center !important;
  color: #301910 !important;

  font-family: "Snailets BRK", "Snailets", cursive !important;
  font-size: clamp(1.18rem, 2vw, 1.55rem) !important;
  line-height: 1.04 !important;
  font-weight: 700 !important;
}

/* Prix */
.edo-mini-produit-price {
  min-height: 34px !important;
  padding: 4px 8px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #F5C063 !important;
  font-weight: 950 !important;
  font-size: 0.98rem !important;
  text-align: center !important;
}

/* Voir le détail : même logique que les cartes de l'accueil */
.edo-mini-produit-action {
  position: relative !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;

  width: fit-content !important;
  margin: auto auto 13px auto !important;
  padding: 0 0 5px 0 !important;

  color: #F5C063 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

.edo-mini-produit-action::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  height: 3px !important;
  border-radius: 999px !important;
  background: #301910 !important;

  transition: background-color 0.18s ease, height 0.18s ease !important;
}

.edo-mini-produit-action-arrow {
  color: inherit !important;
  transform: translateX(0) !important;
  transition: transform 0.18s ease !important;
}

.edo-mini-produit-card:hover .edo-mini-produit-action,
.edo-mini-produit-card:focus-within .edo-mini-produit-action {
  color: #301910 !important;
}

.edo-mini-produit-card:hover .edo-mini-produit-action::after,
.edo-mini-produit-card:focus-within .edo-mini-produit-action::after {
  background: #F5C063 !important;
  height: 4px !important;
}

.edo-mini-produit-card:hover .edo-mini-produit-action-arrow,
.edo-mini-produit-card:focus-within .edo-mini-produit-action-arrow {
  transform: translateX(3px) !important;
}

/* Si les blocs ingrédients/conservation sont aussi sous l'image, ils passent après */
.edo-produit-infos-sous-image {
  margin-top: 16px !important;
}

/* Mobile */
@media (max-width: 520px) {
  .edo-mini-produits-sous-image {
    grid-template-columns: 1fr !important;
  }

  .edo-mini-produit-card img {
    height: 120px !important;
  }
}

/* EDOUARGOT MINI VIGNETTES PRODUITS SOUS IMAGE FIN */

/* EDOUARGOT MINI VIGNETTES SOUS IMAGE PLACEMENT FORCE DEBUT */

/*
  NOTE VERTE :
  Force les mini-vignettes à rester sous l'image,
  dans la colonne gauche de produit.php.
*/

.edo-produit-col-gauche .edo-mini-produits-sous-image {
  width: 100% !important;
  margin-top: 18px !important;
  margin-bottom: 16px !important;
}

.edo-produit-col-gauche .edo-produit-infos-sous-image {
  margin-top: 0 !important;
}

/* EDOUARGOT MINI VIGNETTES SOUS IMAGE PLACEMENT FORCE FIN */

/* EDOUARGOT PRODUIT INFOS IMAGE NAV AVANT DEBUT */

/*
  NOTE VERTE :
  Organisation de produit.php.

  À gauche sous l'image :
  - Ingrédients
  - Conservation

  Sous la fiche produit :
  - autres produits, comme avant

  Les mini-vignettes sous image sont masquées.
*/

/* Sécurité : ne plus afficher les mini-vignettes sous l'image */
.edo-mini-produits-sous-image {
  display: none !important;
}

/* Colonne gauche */
.edo-produit-col-gauche {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;

  width: 100% !important;
  max-width: 430px !important;
  justify-self: start !important;
  align-self: start !important;
}

/* Image en haut à gauche */
.edo-produit-col-gauche .edo-produit-image-wrap {
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 !important;
}

/* Pas de deuxième cadre sur l'image elle-même */
.edo-produit-col-gauche .edo-produit-image {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Infos sous image */
.edo-produit-infos-sous-image {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 13px !important;
  width: 100% !important;
  margin-top: 0 !important;
}

.edo-produit-infos-sous-image .edo-produit-bon {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  box-sizing: border-box !important;
}

/* Emojis propres */
.edo-produit-ingredients strong::before {
  content: "🍴" !important;
  margin-right: 7px !important;
}

.edo-produit-conservation strong::before {
  content: "❄️" !important;
  margin-right: 7px !important;
}

/* Navigation autres produits sous la fiche */
.edo-produit-nav-autres {
  width: min(980px, calc(100% - 28px)) !important;
  margin: 28px auto 44px auto !important;

  display: flex !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
}

/* Mobile */
@media (max-width: 850px) {
  .edo-produit-col-gauche {
    max-width: 100% !important;
    justify-self: stretch !important;
  }

  .edo-produit-col-gauche .edo-produit-image-wrap,
  .edo-produit-infos-sous-image {
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* EDOUARGOT PRODUIT INFOS IMAGE NAV AVANT FIN */

/* EDOUARGOT PRODUIT INFOS DESCRIPTION MARRON HARMONIE DEBUT */

/*
  NOTE VERTE :
  Harmonise produit.php.

  Objectifs :
  - titre "Description" en marron comme le H1 ;
  - texte de description en marron ;
  - blocs Ingrédients / Conservation plus propres sous l'image ;
  - visuel cohérent avec le bloc Commander.
*/

.edo-produit-description h2 {
  color: #301910 !important;
  font-weight: 950 !important;
  font-size: clamp(1.35rem, 2vw, 1.65rem) !important;
  line-height: 1.18 !important;
  margin: 0 0 9px 0 !important;
}

.edo-produit-description p,
.edo-produit-accroche {
  color: #301910 !important;
}

.edo-produit-description p {
  font-size: 1.03rem !important;
  line-height: 1.62 !important;
  font-weight: 500 !important;
}

.edo-produit-accroche {
  font-size: 1.08rem !important;
  line-height: 1.55 !important;
  font-weight: 800 !important;
}

/* Colonne gauche : image + infos mieux équilibrées */
.edo-produit-col-gauche {
  gap: 18px !important;
}

/* Conteneur des deux blocs sous l'image */
.edo-produit-infos-sous-image {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;

  width: 100% !important;
  max-width: 460px !important;
  margin: 0 !important;
}

/* Blocs Ingrédients / Conservation */
.edo-produit-infos-sous-image .edo-produit-bon {
  position: relative !important;

  width: 100% !important;
  min-height: 84px !important;
  margin: 0 !important;
  padding: 15px 18px 15px 20px !important;

  border-radius: 17px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  color: #301910 !important;

  box-shadow: 0 8px 20px rgba(51, 7, 5, 0.07) !important;
  box-sizing: border-box !important;
}

/* Ingrédients : rappel orange comme Commander */
.edo-produit-infos-sous-image .edo-produit-ingredients {
  border: 1px solid rgba(245, 192, 99, 0.9) !important;
  border-left: 8px solid #F5C063 !important;
  background:
    linear-gradient(90deg, rgba(245, 192, 99, 0.16), rgba(255,255,255,0.82) 42%) !important;
}

/* Conservation : rappel marron plus sobre */
.edo-produit-infos-sous-image .edo-produit-conservation {
  border: 1px solid rgba(48, 25, 16, 0.26) !important;
  border-left: 8px solid rgba(48, 25, 16, 0.55) !important;
  background:
    linear-gradient(90deg, rgba(48, 25, 16, 0.08), rgba(255,255,255,0.82) 42%) !important;
}

.edo-produit-infos-sous-image .edo-produit-bon strong {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;

  margin: 0 0 7px 0 !important;

  color: #301910 !important;
  font-size: 1.04rem !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

.edo-produit-infos-sous-image .edo-produit-bon span {
  display: block !important;

  color: #301910 !important;
  font-size: 0.98rem !important;
  line-height: 1.48 !important;
  font-weight: 500 !important;
}

/* Emojis plus petits et alignés */
.edo-produit-ingredients strong::before {
  content: "🍴" !important;
  font-size: 0.95em !important;
  line-height: 1 !important;
  margin-right: 1px !important;
}

.edo-produit-conservation strong::before {
  content: "❄️" !important;
  font-size: 0.95em !important;
  line-height: 1 !important;
  margin-right: 1px !important;
}

/* Bloc Commander : même largeur visuelle que la description */
.edo-produit-content .edo-commande-box {
  max-width: 760px !important;
  margin-top: 24px !important;
  border-radius: 18px !important;
}

/* Alignement général entre description et commander */
.edo-produit-description {
  max-width: 760px !important;
  margin-bottom: 22px !important;
}

@media (max-width: 850px) {
  .edo-produit-infos-sous-image {
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .edo-produit-infos-sous-image .edo-produit-bon {
    min-height: auto !important;
  }
}

/* EDOUARGOT PRODUIT INFOS DESCRIPTION MARRON HARMONIE FIN */


/* EDOUARGOT PRODUIT ESPACE IMAGE INFOS PROPRE DEBUT */

/*
  NOTE VERTE :
  Corrige l'espace entre l'image produit et les blocs
  Ingrédients / Conservation.

  Important :
  - ne pas remettre gap: 0 ;
  - l'espace principal se règle avec gap: 26px.
*/

.edo-produit-col-gauche {
  gap: 26px !important;
}

/* Le conteneur des infos ne doit pas coller l'image */
.edo-produit-infos-sous-image {
  margin-top: 0 !important;
  gap: 16px !important;
}

/* Blocs lisibles, pas trop serrés */
.edo-produit-infos-sous-image .edo-produit-bon {
  padding: 17px 20px 17px 22px !important;
  min-height: 92px !important;
  border-radius: 18px !important;
}

.edo-produit-infos-sous-image .edo-produit-bon strong {
  margin-bottom: 9px !important;
  font-size: 1.08rem !important;
  line-height: 1.25 !important;
}

.edo-produit-infos-sous-image .edo-produit-bon span {
  font-size: 1rem !important;
  line-height: 1.55 !important;
}

/* Mobile : espace un peu réduit */
@media (max-width: 850px) {
  .edo-produit-col-gauche {
    gap: 20px !important;
  }

  .edo-produit-infos-sous-image {
    gap: 14px !important;
  }

  .edo-produit-infos-sous-image .edo-produit-bon {
    min-height: auto !important;
    padding: 16px 18px !important;
  }
}

/* EDOUARGOT PRODUIT ESPACE IMAGE INFOS PROPRE FIN */

/* EDOUARGOT ANIMATION EURO TANGUE DEBUT */

/*
  NOTE VERTE :
  Animation du symbole €.

  Objectif :
  - seul le symbole € bouge ;
  - le prix reste stable ;
  - mouvement léger comme un bateau qui tangue.

  Réglage :
  - plus lent : augmente 2.4s vers 3s ;
  - plus rapide : baisse 2.4s vers 1.8s ;
  - moins fort : baisse rotate(7deg) vers rotate(4deg).
*/

.edo-euro-tangue {
  display: inline-block !important;
  transform-origin: 50% 80% !important;
  animation: edoEuroTangue 2.4s ease-in-out infinite !important;
  will-change: transform !important;
}

@keyframes edoEuroTangue {
  0% {
    transform: rotate(0deg) translateY(0);
  }

  25% {
    transform: rotate(-7deg) translateY(1px);
  }

  50% {
    transform: rotate(0deg) translateY(0);
  }

  75% {
    transform: rotate(7deg) translateY(1px);
  }

  100% {
    transform: rotate(0deg) translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .edo-euro-tangue {
    animation: none !important;
  }
}

/* EDOUARGOT ANIMATION EURO TANGUE FIN */