/* ==================================================================
   MDV — Carte des terroirs : harmonisation + compactage
   Complete le snippet « MDV - Carte des terroirs (trace + fiche) -
   VERSION DE REFERENCE ».
   ================================================================== */

/* -- 1. Echelle interne de la fiche (toutes largeurs) --------------
   Avant : la fiche pleine montait a ~670 px alors que la carte n'en
   faisait que ~400 -> le bloc sautait a chaque survol.
   On resserre l'echelle pour qu'elle tienne dans la rangee. */
.mdv-terr .mdv-fiche-labels{margin-bottom:6px}
.mdv-terr .mdv-fiche-nom{font-size:clamp(20px,1.85vw,26px);line-height:1.05;margin:0 0 5px}
.mdv-terr .mdv-fiche-meta{font-size:10.5px;line-height:1.4}
.mdv-terr .mdv-fiche-mini{width:45%;max-width:64px;margin:8px auto 0}
.mdv-terr .mdv-fiche-txt{font-size:clamp(12.5px,.95vw,13.5px);line-height:1.4;margin-top:9px}
.mdv-terr .mdv-fiche-txt p{margin:0 0 7px}
.mdv-terr .mdv-fiche-pied{margin-top:10px;font-size:11.5px;line-height:1.3}

@media (min-width:901px){

  /* -- 2. Une seule rangee, hauteur stable et compacte -------------
     min-height calee sur la fiche la plus haute : aucun saut de mise
     en page entre l'etat vide, le survol et l'epinglage.
     Pour rendre le bloc plus haut / plus bas, ne toucher qu'a la
     valeur 41.5vw (et la meme dans .mdv-map-svg juste en dessous). */
  .mdv-terr .mdv-terr-carte{
    align-items:stretch;
    min-height:clamp(350px,41.5vw,510px);
  }

  /* -- 3. Fiche : contenu centre verticalement --------------------- */
  .mdv-terr .mdv-terr-fiche{
    flex:0 0 clamp(260px,25vw,340px);
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:clamp(16px,1.6vw,24px);
  }

  /* -- 4. Carte : centree dans la rangee --------------------------- */
  .mdv-terr .mdv-terr-map,
  .mdv-terr .mdv-terr-map.has{
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .mdv-terr .mdv-map-svg{
    max-height:clamp(350px,41.5vw,510px);
    margin-inline:auto;
  }

  /* -- 5. Colonne de droite : centree sur la rangee ---------------- */
  .mdv-terr .mdv-terr-leg{
    flex:0 0 clamp(206px,21.5vw,296px);
    --cru:clamp(50px,4.7vw,62px);   /* largeur reservee aux pastilles 1ER CRU */
    display:flex;
    flex-direction:column;
    justify-content:center;
  }
  /* titres de colonne : centres, un cran plus grands */
  .mdv-terr .mdv-terr-leg h4{
    text-align:center;
    font-size:clamp(12.5px,1.05vw,15.5px);
    letter-spacing:.07em;
    margin:0 0 12px;
  }
  .mdv-terr .mdv-terr-leg h4.second{margin-top:22px}

  /* -- 6. Boutons d'appellations : tous a la meme taille -----------
     Grille a 2 colonnes : le nom occupe toute la largeur disponible,
     la 2e colonne reste reservee meme sans « 1er cru » — donc tous
     les cadres ont la meme largeur et les pastilles s'alignent. */
  /* pas de « 1er cru » dans la liste : on recupere la colonne reservee
     pour que les boutons occupent toute la largeur, centres sous le titre */
  .mdv-terr .mdv-terr-leg:not(:has(.mdv-terr-app i)) .mdv-terr-app{grid-template-columns:1fr}
  .mdv-terr .mdv-terr-leg:not(:has(.mdv-terr-app i)) .mdv-terr-app b{grid-column:1}

  /* denominations rattachees a Macon-Villages : en retrait, plus discretes */
  .mdv-terr .mdv-terr-leg .mdv-terr-app.sous b{font-size:clamp(10px,.8vw,11.5px);opacity:.85;border-color:rgba(184,145,47,.5)}
  /* fleuron du village vise depuis la colonne */
  .mdv-terr :is(.mdv-map-mac,.mdv-map-bj) .mdv-mac-mark.vise{fill:#B29760;font-size:34px}

  .mdv-terr .mdv-terr-leg .mdv-terr-app{
    display:grid;
    grid-template-columns:1fr var(--cru);
    column-gap:8px;
    align-items:stretch;
    margin-bottom:7px;
  }
  .mdv-terr .mdv-terr-leg .mdv-terr-app b{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    text-transform:uppercase;
    font-size:clamp(11px,.9vw,13px);
    letter-spacing:.06em;
    padding:6px 8px;
    line-height:1.15;
  }
  .mdv-terr .mdv-terr-leg .mdv-terr-app i{
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:clamp(9px,.72vw,10.5px);
    padding:3px 5px;
    line-height:1.15;
  }
  /* hauteur de ligne identique pour tous les cadres */
  .mdv-terr .mdv-terr-leg .mdv-terr-app b,
  .mdv-terr .mdv-terr-leg .mdv-terr-app i{
    min-height:clamp(30px,2.8vw,38px);
  }

  /* -- 7. Animation identique aux boutons de sous-categories de la
     page Nos Vins (.cv-wrap .cv-filter-btn) : remplissage dore qui
     monte par le bas + leger ecartement des lettres. */
  .mdv-terr .mdv-terr-leg .mdv-terr-app b,
  .mdv-terr .mdv-terr-leg .mdv-terr-app i{
    box-shadow:inset 0 0 0 0 #B29760;
    transition:color .4s,
               box-shadow .45s cubic-bezier(.22,.61,.36,1),
               letter-spacing .4s,
               border-color .4s;
    transform:none;
  }
  .mdv-terr .mdv-terr-leg .mdv-terr-app:hover b{
    background:transparent !important;
    box-shadow:inset 0 -60px 0 0 #B29760;
    border-color:#B29760;
    color:#fffbf0 !important;
    letter-spacing:.1em;
  }
  .mdv-terr .mdv-terr-leg .mdv-terr-app:hover i{
    box-shadow:inset 0 -60px 0 0 #B29760;
    border-color:#B29760;
    color:#fffbf0;
  }
  /* l'appellation epinglee reste remplie */
  .mdv-terr .mdv-terr-leg .mdv-terr-app.pin b{
    box-shadow:inset 0 -60px 0 0 #B29760;
  }
}

/* -- 8. Cartes produits au format « cuvee » ------------------------
   Reprend l'apparence des cartes de la section « Nos cuvees » :
   bouteille a gauche, texte a droite, boutons Acheter / Fiche.
   Memes valeurs que « .mdv-cuvees .mdv-cuvee-* », re-portees sur
   « .mdv-terr » (la classe .mdv-cuvees ne peut pas etre reutilisee :
   c'est une section pleine largeur).
   Le markup est produit par le snippet JS
   « MDV - Carte des terroirs : cartes au format cuvee ». */
.mdv-terr .mdv-cuvee{gap:12px}
.mdv-terr .mdv-cuvee-img{flex:0 0 38%}
.mdv-terr .mdv-cuvee-img img{max-height:200px}
.mdv-terr .mdv-cuvee-region{margin:2px 0 1px;font-family:"Alegreya SC",Georgia,serif;font-size:clamp(13px,1.05vw,17px);font-weight:400;letter-spacing:.02em;line-height:1.15;color:#402E15}
.mdv-terr .mdv-cuvee-meta{margin:0 0 14px;font-family:"Alegreya SC",Georgia,serif;font-size:clamp(11px,.9vw,14px);line-height:1.25;color:#402E15}
.mdv-terr .mdv-cuvee-meta .sep{display:inline-block;margin:0 5px;color:#B29760;font-size:.9em;transform:translateY(-1px)}
.mdv-terr .mdv-cuvee-name{margin:0 0 3px;font-family:"Alegreya SC",Georgia,serif;font-weight:400;font-size:clamp(12px,1vw,16px);letter-spacing:.01em;line-height:1.2;color:#B29760}
.mdv-terr .mdv-cuvee-name .app{display:block}
.mdv-terr .mdv-cuvee-dom{margin:0 0 8px;font-family:"Alegreya SC",Georgia,serif;font-size:clamp(11px,.95vw,15px);line-height:1.2;color:#402E15}
.mdv-terr .mdv-cuvee-badges{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 10px}
.mdv-terr .mdv-cuvee-acts{margin-top:auto;display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;align-items:flex-start}
.mdv-terr .mdv-cuvee-btn{font-family:"Alegreya SC",Georgia,serif;font-size:10px;letter-spacing:.06em;line-height:1.1;color:#B29760 !important;border:1px solid #B29760;padding:4px 11px;background:transparent;white-space:nowrap}
.mdv-terr .mdv-cuvee-btn:hover{background:#B29760;border-color:#B29760;color:#FFFBF0 !important}
@media (max-width:720px){.mdv-terr .mdv-cuvee-img{flex:0 0 auto}}

/* -- 9. Carte du Maconnais ----------------------------------------
   Le SVG est injecte par le snippet « MDV - Carte des terroirs :
   carte du Maconnais (JS) ». Meme traitement que la Cote Chalonnaise :
   des traces (fill:none + stroke), contour du vignoble en pointille,
   appellations en trait plein, fleuron + nom, Saone doree.
   La carte est en portrait : on la sort du flux pour qu'elle remplisse
   la hauteur de la rangee, fixee par la colonne de droite (14
   appellations). .mdv-terr-map.has est deja en position:relative. */
.mdv-terr .mdv-map-svg:is(.mdv-map-mac,.mdv-map-bj){
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  max-height:none;
}
.mdv-terr :is(.mdv-map-mac,.mdv-map-bj) .mdv-mac-base{fill:none;stroke:#B29760;stroke-width:13;stroke-dasharray:34 24;stroke-linecap:round;stroke-linejoin:round}
.mdv-terr :is(.mdv-map-mac,.mdv-map-bj) .zone{fill:transparent;stroke:#B29760;stroke-width:13;stroke-linejoin:round;cursor:pointer;transition:fill .18s}
.mdv-terr :is(.mdv-map-mac,.mdv-map-bj) .zone.nostroke{stroke:none}
.mdv-terr :is(.mdv-map-mac,.mdv-map-bj) .zone.deco{pointer-events:none}
/* appellations absentes du caveau : trait en pointilles */
.mdv-terr :is(.mdv-map-mac,.mdv-map-bj) .zone.hors{stroke-dasharray:34 24;stroke-opacity:.5}
/* meme traitement pour la Cote Chalonnaise, ou le bloc met deja
   en pointilles les appellations absentes du caveau (Couchois) */
.mdv-terr .mdv-map-svg .mdv-area.nc{stroke-opacity:.5}
.mdv-terr :is(.mdv-map-mac,.mdv-map-bj) .zone:hover{fill:rgba(201,168,76,.22)}
.mdv-terr :is(.mdv-map-mac,.mdv-map-bj) .mdv-mac-riv{fill:none;stroke:#B29760;stroke-width:23;stroke-linecap:round;stroke-linejoin:round}
.mdv-terr :is(.mdv-map-mac,.mdv-map-bj) .mdv-mac-dot{fill:#B29760}
.mdv-terr :is(.mdv-map-mac,.mdv-map-bj) .mdv-mac-city{fill:#8B5A2B}
.mdv-terr :is(.mdv-map-mac,.mdv-map-bj) .mdv-mac-mark{font-family:"Segoe UI Symbol","Apple Symbols",serif;font-size:26px;fill:#4A2E14}
.mdv-terr :is(.mdv-map-mac,.mdv-map-bj) .mdv-mac-lab{font-family:"Alegreya SC",Georgia,serif;font-size:21px;fill:#4A2E14}
.mdv-terr :is(.mdv-map-mac,.mdv-map-bj) .mdv-mac-riv-lab{font-family:Alegreya,Georgia,serif;font-style:italic;font-size:18px;fill:#B29760}


/* ------------------------------------------------------------------
   10. Boutons centres sous le titre
   La colonne reservee aux pastilles « 1er cru » decalait les boutons
   vers la gauche : on ajoute une colonne fantome de meme largeur a
   gauche, les boutons se centrent et les pastilles restent alignees.
   ------------------------------------------------------------------ */
.mdv-terr .mdv-terr-leg .mdv-terr-app{grid-template-columns:var(--cru) 1fr var(--cru)}
.mdv-terr .mdv-terr-leg .mdv-terr-app b{grid-column:2}
.mdv-terr .mdv-terr-leg .mdv-terr-app i{grid-column:3}

/* bouton allume depuis le survol d un village sur la carte */
.mdv-terr .mdv-terr-leg .mdv-terr-app.vise b{background:transparent !important;box-shadow:inset 0 -60px 0 0 #B29760;border-color:#B29760;color:#fffbf0 !important;letter-spacing:.1em}


/* ------------------------------------------------------------------
   11. Onglets « Carte des appellations » / « Les domaines »
   Deux boutons centres au lieu d une barre pleine largeur : capitales
   espacees en Alegreya (et non en petites capitales), actif en or
   plein, inactif en contour.
   ------------------------------------------------------------------ */
.mdv-terr .mdv-terr-right .mdv-terr-tabs{justify-content:center;gap:10px}
.mdv-terr .mdv-terr-right .mdv-terr-tabs button{
  flex:0 0 auto;
  width:clamp(210px,21vw,270px);
  white-space:nowrap;
  font-family:"Alegreya",Georgia,serif;
  font-variant:normal;
  font-feature-settings:normal;
  text-transform:uppercase;
  font-size:clamp(11px,.9vw,13px);
  letter-spacing:.12em;
  padding:9px 14px;
  line-height:1.2;
  /* les onglets etaient colles : le second n avait pas de bord gauche */
  border-left:1px solid rgb(166,140,70);
}


/* ------------------------------------------------------------------
   12. Bloc identite de la region : mise en page horizontale
   Le texte de la region et les cepages etaient empiles, ce qui
   donnait un bloc tres haut. On les met cote a cote a partir de
   900 px : titre + vignette en haut, texte a gauche, cepages a
   droite. En dessous de 900 px, on retrouve l empilement d origine.
   ------------------------------------------------------------------ */
@media (min-width:900px){
  .mdv-terr .mdv-terr-panel .mdv-terr-left{
    max-width:1080px;
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);
    column-gap:clamp(28px,4vw,64px);
    align-items:start;
    justify-items:center;
  }
  .mdv-terr .mdv-terr-panel .mdv-terr-left > .mdv-terr-head{grid-column:1/-1;grid-row:1}
  .mdv-terr .mdv-terr-panel .mdv-terr-left > svg{grid-column:1/-1;grid-row:2}
  .mdv-terr .mdv-terr-panel .mdv-terr-left > h3:nth-of-type(1){grid-column:1;grid-row:3;margin-top:4px}
  .mdv-terr .mdv-terr-panel .mdv-terr-left > p:nth-of-type(1){grid-column:1;grid-row:4}
  .mdv-terr .mdv-terr-panel .mdv-terr-left > p:nth-of-type(2){grid-column:1;grid-row:5}
  .mdv-terr .mdv-terr-panel .mdv-terr-left > h3:nth-of-type(2){grid-column:2;grid-row:3;margin-top:4px}
  .mdv-terr .mdv-terr-panel .mdv-terr-left > .mdv-terr-ceps{grid-column:2;grid-row:4/6;align-self:center}
}


/* ------------------------------------------------------------------
   13. Fiche d appellation a la hauteur de son texte
   La fiche etait etiree sur toute la hauteur de la rangee, ce qui
   donnait un grand cadre presque vide. Elle prend maintenant la
   hauteur de son contenu et se centre verticalement.
   ------------------------------------------------------------------ */
.mdv-terr .mdv-terr-carte > .mdv-terr-fiche{align-self:center;min-height:0}


/* ------------------------------------------------------------------
   14. Les trois colonnes rapprochees
   Sur grand ecran la colonne de la carte s etalait et laissait un
   grand vide de chaque cote du dessin. On borne la rangee, on la
   centre, et la colonne de la carte prend exactement la largeur du
   trace (hauteur x rapport du viewBox).
   ------------------------------------------------------------------ */
.mdv-terr .mdv-terr-carte{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
  gap:clamp(16px,2vw,34px);
  justify-content:center;
}
.mdv-terr .mdv-terr-carte > .mdv-terr-map:has(.mdv-map-mac),
.mdv-terr .mdv-terr-carte > .mdv-terr-map:has(.mdv-map-bj){
  flex:0 0 auto;
  align-self:center;
  height:clamp(350px,41.5vw,510px);
  width:auto;
}
.mdv-terr .mdv-terr-carte > .mdv-terr-map:has(.mdv-map-mac){aspect-ratio:702/1147}
.mdv-terr .mdv-terr-carte > .mdv-terr-map:has(.mdv-map-bj){aspect-ratio:661/1148}


/* ------------------------------------------------------------------
   15. Largeur de la colonne des appellations
   Elle etait calee sur un pourcentage de la fenetre : les boutons
   s allongeaient sur grand ecran sans que le texte grandisse. Elle
   se cale maintenant sur le plus long nom de la region affichee,
   tous les boutons gardant la meme largeur entre eux.
   ------------------------------------------------------------------ */
.mdv-terr .mdv-terr-carte > .mdv-terr-leg{
  flex:0 0 auto;
  width:max-content;
  max-width:min(32vw,340px);
}


/* --------------------------------------------
   16. Cote Chalonnaise : les aires regionales ne sont plus en pointilles
   -------------------------------------------- */
.mdv-terr .mdv-map-svg .base{stroke-dasharray:none}


/* --------------------------------------------
   17. Survol : le meme remplissage que les boutons de sous-categorie
   du catalogue (.cv-wrap .cv-filter-btn) : le dore monte par le bas,
   au lieu d un aplat pose d un coup par une ancienne regle.
   -------------------------------------------- */
.mdv-terr .mdv-terr-leg .mdv-terr-app b,
.mdv-terr .mdv-terr-leg .mdv-terr-app i{background:transparent !important;transition:color .4s, box-shadow .45s cubic-bezier(.22,.61,.36,1), letter-spacing .4s, border-color .4s !important;transform:none !important}
.mdv-terr .mdv-terr-leg .mdv-terr-app:hover b,
.mdv-terr .mdv-terr-leg .mdv-terr-app:hover i,
.mdv-terr .mdv-terr-leg .mdv-terr-app.pin b,
.mdv-terr .mdv-terr-leg .mdv-terr-app.pin i,
.mdv-terr .mdv-terr-leg .mdv-terr-app.vise b{background:transparent !important;box-shadow:inset 0 -60px 0 0 #B29760;border-color:#B29760;color:#fffbf0 !important;letter-spacing:.13em}


/* --------------------------------------------
   18. Le bouton ne s assombrit plus au survol.
   L etat .hi (pose par le bloc, au survol du bouton comme de la zone)
   appliquait filter:brightness(.78) : le meme assombrissement que la
   zone de la carte, ce qui rendait l aplat dore terne. On lui donne
   a la place le remplissage dore du catalogue.
   -------------------------------------------- */
.mdv-terr .mdv-terr-leg .mdv-terr-app.hi b,
.mdv-terr .mdv-terr-leg .mdv-terr-app.hi i{filter:none !important;background:transparent !important;box-shadow:inset 0 -60px 0 0 #B29760;border-color:#B29760;color:#fffbf0 !important;letter-spacing:.13em}


/* --------------------------------------------
   19. Largeur egale : bouton + pastille 1er cru occupent exactement
   la meme largeur qu un bouton d appellation regionale.
   -------------------------------------------- */
.mdv-terr .mdv-terr-leg .mdv-terr-app{grid-template-columns:minmax(0,1fr) var(--cru)}
.mdv-terr .mdv-terr-leg .mdv-terr-app b{grid-column:1}
.mdv-terr .mdv-terr-leg .mdv-terr-app i{grid-column:2}
.mdv-terr .mdv-terr-leg .mdv-terr-app:not(:has(i)) b{grid-column:1 / -1}


/* --------------------------------------------
   20. Onglet « Les domaines » : les logos seuls, et une fiche
   qui apparait a gauche au survol, comme la fiche d appellation.
   -------------------------------------------- */
.mdv-terr .mdv-dom-wrap{display:flex;flex-direction:column;align-items:stretch;gap:clamp(24px,3vw,44px);max-width:1180px;margin:0 auto}
.mdv-terr .mdv-dom-wrap > .mdv-dom-fiche{order:2;flex:none;width:100%;max-width:680px;align-self:center;margin:0 auto;min-height:200px;display:flex;align-items:center;justify-content:center;gap:clamp(8px,1vw,16px);border:1px solid rgba(166,140,70,.5);background:#FFFBF0;padding:clamp(20px,2.2vw,32px) clamp(22px,2.6vw,40px);text-align:center}
.mdv-terr .mdv-dom-fiche .mdv-dom-corps{flex:0 0 auto;width:min(100%,420px);min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px}
.mdv-terr .mdv-dom-fiche .mdv-dom-titre{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:clamp(10px,1.2vw,22px)}
.mdv-terr .mdv-dom-wrap > .mdv-terr-doms{order:1;flex:none;grid-template-columns:repeat(4,clamp(126px,14vw,178px));justify-content:center;gap:clamp(2px,.3vw,6px)}

.mdv-terr .mdv-dom-wrap .mdv-terr-dom{padding:2px 2px;cursor:pointer}
.mdv-terr .mdv-dom-wrap .mdv-terr-dom.epingle img{opacity:1}
.mdv-terr .mdv-dom-wrap .mdv-terr-dom span{display:none}
/* toutes les vignettes ont exactement le meme gabarit : le logo se loge dedans */
.mdv-terr .mdv-dom-wrap .mdv-terr-dom img{width:100%;height:clamp(72px,7.4vw,94px);max-height:none;object-fit:contain;opacity:.82;mix-blend-mode:multiply;transform:translate(var(--tx,0),var(--ty,0)) scale(var(--k,1));transition:opacity .35s,transform .35s}
.mdv-terr .mdv-dom-wrap:hover .mdv-terr-dom img{opacity:.4}
.mdv-terr .mdv-dom-wrap .mdv-terr-dom.vise img{opacity:1;transform:translate(var(--tx,0),var(--ty,0)) scale(calc(var(--k,1) * 1.06))}
/* domaine sans logo : son nom compose comme une pastille */
.mdv-terr .mdv-dom-wrap .mdv-terr-dom.sans-logo span{display:block;margin:0;font-family:"Alegreya SC",Georgia,serif;font-size:clamp(11px,.9vw,13px);letter-spacing:.05em;color:#B29760;border:1px solid #C6B892;padding:16px 10px;transition:opacity .35s,border-color .35s}
.mdv-terr .mdv-dom-wrap:hover .mdv-terr-dom.sans-logo span{opacity:.35}
.mdv-terr .mdv-dom-wrap .mdv-terr-dom.sans-logo.vise span{opacity:1;border-color:#B29760}

.mdv-terr .mdv-dom-fiche .mdv-dom-logo{display:block;flex:0 0 clamp(140px,15vw,175px);width:clamp(140px,15vw,175px);max-width:none;max-height:125px;object-fit:contain;mix-blend-mode:multiply;margin:0}
.mdv-terr .mdv-dom-fiche h3{margin:0;font-family:"Alegreya SC",Georgia,serif;font-weight:400;font-size:clamp(16px,1.5vw,22px);letter-spacing:.04em;color:#B29760;line-height:1.15}
.mdv-terr .mdv-dom-fiche .mdv-dom-meta{margin:0;font-family:"Alegreya SC",Georgia,serif;font-size:clamp(10px,.8vw,12px);letter-spacing:.08em;color:#B29760}
.mdv-terr .mdv-dom-fiche .mdv-dom-apps{margin:0;font-family:"Alegreya",Georgia,serif;font-size:clamp(13px,1.1vw,17px);color:#402E15;line-height:1.3}
.mdv-terr .mdv-dom-fiche .mdv-dom-txt{margin:0;font-family:"Alegreya",Georgia,serif;font-size:clamp(12px,1vw,15px);color:#402E15;line-height:1.6;max-width:56ch}
.mdv-terr .mdv-dom-fiche.att{border-color:rgba(166,140,70,.32);justify-content:center}
.mdv-terr .mdv-dom-fiche .mdv-dom-invite{margin:0;font-family:"Alegreya",Georgia,serif;font-size:clamp(11px,.9vw,13.5px);color:#B29760;line-height:1.55}

@media (max-width:860px){
  .mdv-terr .mdv-dom-wrap{flex-direction:column;align-items:stretch}
  .mdv-terr .mdv-dom-wrap > .mdv-dom-fiche{flex:0 0 auto;order:2;margin-top:18px}
  .mdv-terr .mdv-dom-wrap > .mdv-terr-doms{grid-template-columns:repeat(2,1fr)}
}


/* --------------------------------------------
   21. Bloc identite de la region : une seule bande a trois colonnes
   (medaillon + nom | le texte | les cepages) au lieu d un empilement
   qui laissait de grands vides.
   -------------------------------------------- */
@media (min-width:900px){
  .mdv-terr .mdv-terr-panel .mdv-terr-left{max-width:1180px;margin-inline:auto;width:100%;
    grid-template-columns:minmax(165px,.62fr) minmax(0,1.15fr) minmax(380px,1.05fr);
    grid-template-rows:min-content auto auto auto;
    column-gap:clamp(30px,4vw,72px);row-gap:0;align-items:start;justify-items:start}
  .mdv-terr .mdv-terr-panel .mdv-terr-left > .mdv-terr-head{grid-column:1;grid-row:1/3;
    display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;
    justify-self:center;align-self:end;margin:0;padding:0;border:0}
  .mdv-terr .mdv-terr-panel .mdv-terr-left > svg{display:none}
  .mdv-terr .mdv-terr-panel .mdv-terr-left > h3:nth-of-type(1){grid-column:2;grid-row:1;align-self:end;margin:0 0 10px;text-align:left}
  .mdv-terr .mdv-terr-panel .mdv-terr-left > p:nth-of-type(1){grid-column:2;grid-row:2;margin:0 0 10px;max-width:54ch;text-align:left}
  .mdv-terr .mdv-terr-panel .mdv-terr-left > p:nth-of-type(2){grid-column:2;grid-row:3;margin:0;max-width:54ch;text-align:left}
  .mdv-terr .mdv-terr-panel .mdv-terr-left > h3:nth-of-type(2){grid-column:3;grid-row:1;align-self:end;justify-self:stretch;margin:0 0 10px;text-align:center}
  .mdv-terr .mdv-terr-panel .mdv-terr-left > .mdv-terr-ceps{grid-column:3;grid-row:2/4;align-self:start;justify-self:stretch;justify-content:center;margin:0;flex-wrap:nowrap;align-items:flex-start;gap:clamp(6px,.8vw,14px)}
}




/* --------------------------------------------
   22. Carte de cuvee du bloc terroirs : horizontale reequilibree.
   Elle porte maintenant le nom de cuvee, le millesime, le prix,
   le profil et les accords mets ; la region, redondante avec le
   titre de la section, disparait.
   -------------------------------------------- */
.mdv-terr .mdv-terr-prods .mdv-terr-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:clamp(14px,1.8vw,26px)}
.mdv-terr .mdv-terr-prods .mdv-cuvee{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center;border:1px solid rgba(166,140,70,.42);background:#FFFBF0;padding:16px 18px}
.mdv-terr .mdv-terr-prods .mdv-cuvee-img{width:96px}
.mdv-terr .mdv-terr-prods .mdv-cuvee-img img{width:100%;height:auto;display:block}
.mdv-terr .mdv-terr-prods .mdv-cuvee-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.mdv-terr .mdv-terr-prods .mdv-cuvee-name{font-family:"Alegreya SC",Georgia,serif;font-weight:400;font-size:clamp(15px,1.3vw,18px);letter-spacing:.03em;color:#B29760;margin:0;line-height:1.2}
.mdv-terr .mdv-terr-prods .mdv-cuvee-cuvee{font-style:italic;font-size:15px;margin:0;color:#B29760;line-height:1.3}
.mdv-terr .mdv-terr-prods .mdv-cuvee-titre{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4em;min-width:0}
.mdv-terr .mdv-terr-prods .mdv-cuvee-dom{font-family:"Alegreya SC",Georgia,serif;font-size:13px;letter-spacing:.04em;color:#5B4B3C;margin:0}
.mdv-terr .mdv-terr-prods .mdv-cuvee-puces{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none}
.mdv-terr .mdv-terr-prods .mdv-cuvee-puces li{font-family:"Alegreya SC",Georgia,serif;font-size:11px;letter-spacing:.06em;color:#B29760;border:1px solid #E4D6B0;padding:2px 8px;line-height:1.35}
.mdv-terr .mdv-terr-prods .mdv-cuvee-puces li.fmt{background:#E4D6B0;color:#5B4B3C}
.mdv-terr .mdv-terr-prods .mdv-cuvee-profil{font-size:14px;color:#5B4B3C;margin:2px 0 0;line-height:1.4}
.mdv-terr .mdv-terr-prods .mdv-cuvee-multi{font-family:"Alegreya",Georgia,serif;font-style:italic;font-size:13px;color:#B29760;margin:2px 0 0;line-height:1.4}
.mdv-terr .mdv-terr-prods .mdv-cuvee-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}
/* alignement bas de carte */
.mdv-terr .mdv-terr-prods .mdv-cuvee-body{align-self:stretch}
.mdv-terr .mdv-terr-prods .mdv-cuvee-bas{margin-top:auto}
.mdv-terr .mdv-terr-prods .mdv-cuvee-prix{font-family:"Alegreya SC",Georgia,serif;font-size:16px;color:#402E15;font-variant-numeric:tabular-nums}
.mdv-terr .mdv-terr-prods .mdv-cuvee-acts{display:flex;gap:8px}
.mdv-terr .mdv-terr-prods .mdv-cuvee-btn{font-family:"Alegreya SC",Georgia,serif;font-size:12.5px;letter-spacing:.08em;color:#B29760;border:1px solid #B29760;padding:6px 14px;text-decoration:none;background:transparent;line-height:1.2;box-shadow:inset 0 0 0 0 #B29760;transition:box-shadow .45s cubic-bezier(.22,.61,.36,1),color .4s,letter-spacing .4s}
.mdv-terr .mdv-terr-prods .mdv-cuvee-btn:hover{box-shadow:inset 0 -46px 0 0 #B29760;color:#FFFBF0;letter-spacing:.12em}

/* ==================================================================
   Typographie des cartes cuvee du bloc terroirs
   Place en fin de feuille : memes selecteurs que plus haut, donc
   ces regles priment. La pastille de contenance reprend exactement
   l habillage des loop items du catalogue (page Nos Vins).
   ================================================================== */
.mdv-terr .mdv-terr-prods .mdv-cuvee-profil{
  font-family: "Alegreya", Georgia, serif;
}

.mdv-terr .mdv-terr-prods .mdv-cuvee-cuvee{
  font-family: "Alegreya SC", Georgia, serif;
}

.mdv-terr .mdv-terr-prods .mdv-cuvee-puces li.fmt{
  background: #B29760;
  color:#FFFBF0;
  border: 0;
  border-radius: 0;
  padding: 3px 6px;
  font-family: "Alegreya SC", Georgia, serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: .88px;
  text-transform: uppercase;
}

/* les contenances : une pastille par format, elle commande le prix et le lien */
.mdv-terr .mdv-terr-prods .mdv-cuvee-fmts{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 0;padding:0;list-style:none}
/* meme habillage que les pastilles de contenance des fiches produit (.mdv-contenance-badge) */
.mdv-terr .mdv-terr-prods .mdv-cuvee-fmt{display:inline-flex;align-items:center;justify-content:center;background-color:#B29760;color:#fffbf0;font-size:11px;font-family:"Alegreya SC",serif;letter-spacing:.08em;padding:5px 10px;text-transform:uppercase;white-space:nowrap;flex-shrink:0;border:0;line-height:1.65;cursor:pointer;transition:background-color .3s,box-shadow .3s}
.mdv-terr .mdv-terr-prods .mdv-cuvee-fmt:hover{background-color:#B29760;color:#fffbf0}
.mdv-terr .mdv-terr-prods .mdv-cuvee-fmt.actif{background-color:#B29760;box-shadow:0 0 0 2px #FFFBF0, 0 0 0 3px #B29760}
.mdv-terr .mdv-terr-prods .mdv-cuvee-fmt:focus-visible{outline:2px solid #B29760;outline-offset:2px}


/* les cartes brutes du bloc terroirs restent invisibles le temps
   que le snippet des cartes cuvee les reprenne : on evite le clignotement
   de l ancien modele. Filet de securite : elles reapparaissent apres 4 s. */
.mdv-terr .mdv-terr-prods .mdv-terr-prod{opacity:0;animation:mdvReveleCarte 0s linear 4s forwards}
@keyframes mdvReveleCarte{to{opacity:1}}


/* --------------------------------------------
   Titre de la selection de cuvees : centre et habille
   comme les onglets (Alegreya, capitales, or).
   Le bouton « Voir toute la region » passe en absolu
   pour ne pas decaler le centrage.
   -------------------------------------------- */
.mdv-terr .mdv-terr-prods .mdv-terr-prodhead{position:relative;justify-content:center;text-align:center}
.mdv-terr .mdv-terr-prods .mdv-terr-prodhead > span{font-family:"Alegreya",Georgia,serif;font-variant:normal;font-feature-settings:normal;text-transform:uppercase;font-size:clamp(12px,1vw,14px);letter-spacing:.12em;color:#B29760}
.mdv-terr .mdv-terr-prods .mdv-terr-prodhead > button{position:absolute;right:0;top:50%;transform:translateY(-50%);
  background:transparent;border:1px solid rgb(166,140,70);border-radius:0;color:rgb(124,106,63);
  font-family:"Alegreya",Georgia,serif;font-variant:normal;font-feature-settings:normal;
  text-transform:uppercase;font-size:clamp(11px,.9vw,13px);letter-spacing:.12em;
  padding:9px 14px;line-height:1.2;white-space:nowrap;cursor:pointer;transition:background .18s,color .18s}
.mdv-terr .mdv-terr-prods .mdv-terr-prodhead > button:hover{background:rgb(166,140,70);color:#FFFBF0}


/* --------------------------------------------
   Compte des cuvees de la region, sous les cepages.
   -------------------------------------------- */
.mdv-terr .mdv-terr-left .mdv-terr-compte{font-family:"Alegreya SC",Georgia,serif;font-size:clamp(11px,.9vw,13px);letter-spacing:.07em;color:#B29760;margin:6px 0 0;text-align:center;white-space:pre-line;line-height:1.25}

/* le second paragraphe de region est vide depuis la fusion : on le retire du flux */
.mdv-terr .mdv-terr-left > p:empty{display:none}

/* medaillons de cepages : meme gabarit pour tous, un cran plus grands */
/* medaillons de cepages */
.mdv-terr .mdv-terr-panel .mdv-terr-left .mdv-terr-cep{flex:0 1 auto;min-width:0;width:clamp(100px,9vw,132px)}
.mdv-terr .mdv-terr-panel .mdv-terr-left .mdv-terr-cep img{display:block;width:100%;max-width:none;height:auto;aspect-ratio:1/1;object-fit:contain}


/* ------------------------------------------------------------------
   Survol d’une appellation : plus de taches claires.
   Le « centre nu » etait repeint en couleur de fond (#FFFBF0) avec un
   contour de 26px, ce qui creait une tache et une trainee pales sur la
   surface coloree. Il prend desormais la meme teinte que le reste.
   ------------------------------------------------------------------ */
.mdv-terr .mdv-map-svg .mdv-area.hv:not(.nc){
  fill:   #F9F1DC !important;   /* equivalent opaque de rgba(201,168,76,.12) sur #FFFBF0 */
  stroke: #F9F1DC !important;   /* referme les fins interstices entre les polygones */
  stroke-width: 34 !important;
}


/* ------------------------------------------------------------------
   Cartes cuvees des terroirs : meme format compact que le catalogue
   « Les Cuvees a decouvrir » (cadre plus petit, 4 par ligne).
   ------------------------------------------------------------------ */
.mdv-terr .mdv-terr-prods .mdv-terr-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:clamp(10px,1.1vw,20px)}
.mdv-terr .mdv-terr-prods .mdv-cuvee{display:flex;gap:10px;align-items:stretch;padding:12px 12px 14px}
.mdv-terr .mdv-terr-prods .mdv-cuvee-img{flex:0 0 30%;width:auto}
.mdv-terr .mdv-terr-prods .mdv-cuvee-body{display:flex;flex-direction:column;min-width:0}
.mdv-terr .mdv-terr-prods .mdv-cuvee-name{font-size:15px}
.mdv-terr .mdv-terr-prods .mdv-cuvee-cuvee{font-size:13px}
.mdv-terr .mdv-terr-prods .mdv-cuvee-dom{font-size:12px;margin:5px 0 0}
.mdv-terr .mdv-terr-prods .mdv-cuvee-puces{gap:5px;margin:6px 0 0}
.mdv-terr .mdv-terr-prods .mdv-cuvee-puces li{font-size:10px;padding:2px 7px}
.mdv-terr .mdv-terr-prods .mdv-cuvee-profil{font-size:13px;margin:6px 0 0}
.mdv-terr .mdv-terr-prods .mdv-cuvee-multi{font-size:12px;margin:4px 0 0}
.mdv-terr .mdv-terr-prods .mdv-cuvee-bas{margin-top:auto;padding-top:8px}


/* ------------------------------------------------------------------
   Medaillons cepages : les visuels sources n'ont ni la meme taille de
   dessin ni le meme centrage dans leur carre de 300x300.
   On les normalise pour qu'ils rendent tous identiques et parfaitement
   centres dans leur case (mesures relevees sur les PNG).
   ------------------------------------------------------------------ */
.mdv-terr .mdv-terr-cep img{transform-origin:50% 50%}
.mdv-terr .mdv-terr-cep img[src*="cepage-chardonnay"]{transform:translate(-1.95%,6.76%) scale(.9944)}
.mdv-terr .mdv-terr-cep img[src*="cepage-gamay"]{transform:translate(.21%,2.25%) scale(.9367)}
.mdv-terr .mdv-terr-cep img[src*="cepage-pinot-noir"]{transform:translate(-2.71%,5.55%) scale(1.0178)}
.mdv-terr .mdv-terr-cep img[src*="cepage-aligote"]{transform:translate(-1.13%,5.37%) scale(1.0406)}