:root {
  --mv-encre: #1B1A2E;
  --mv-gris: #55526B;
  --mv-rouge: #B8330C;
  --mv-rouge-fonce: #962A0A;
  --mv-brume: #F1EFF7;
  --mv-blanc: #FFFFFF;
  --mv-nuit: #1B1A2E;
  --mv-ciel: #9DB7F5;
  --mv-pale: #C8C5DA;
  --mv-trait: #DEDAEA;
  --mv-r-carte: 18px;
  --mv-r-photo: 999px 999px 16px 16px;
  --mv-r-champ: 12px;
  --mv-titre: "Unbounded", system-ui, sans-serif;
  --mv-texte: "Figtree", system-ui, sans-serif;
  --mv-marge: 20px;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; font-family: var(--mv-texte); font-size: 16px; line-height: 1.55; color: var(--mv-encre);
  background: var(--mv-blanc);
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
h1, h2, h3 { margin: 0; font-weight: 600; }
p { margin: 0; }
button, input, select { font: inherit; color: inherit; }

.mv-sauter {
  position: absolute; left: 12px; top: -60px; z-index: 50; background: var(--mv-encre); color: var(--mv-blanc);
  padding: 10px 18px; border-radius: 999px; text-decoration: none;
}
.mv-sauter:focus { top: 12px; }
.mv-conteneur { max-width: 1200px; margin: 0 auto; padding: 0 var(--mv-marge); }
.mv-cache { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }


.mv-h1 { font-family: var(--mv-titre); font-size: 34px; line-height: 1.08; letter-spacing: -0.01em; }
.mv-h2 { font-family: var(--mv-titre); font-size: 28px; line-height: 1.15; letter-spacing: -0.01em; }
.mv-h3 { font-family: var(--mv-titre); font-size: 22px; line-height: 1.2; }
.mv-chapo { font-size: 18px; line-height: 1.5; color: var(--mv-gris); }
.mv-petit { font-size: 13px; line-height: 1.4; }


.mv-bouton, .mv-bouton-second {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px;
  padding: 0 26px; border-radius: 999px; font-weight: 700; text-decoration: none; cursor: pointer;
  border: 2px solid transparent; transition: background .15s, color .15s;
}
.mv-bouton { background: var(--mv-rouge); color: var(--mv-blanc); }
.mv-bouton:hover { background: var(--mv-rouge-fonce); }
.mv-bouton-second { background: transparent; border-color: var(--mv-encre); color: var(--mv-encre); }
.mv-bouton-second:hover { background: var(--mv-encre); color: var(--mv-blanc); }
.mv-fond-nuit .mv-bouton-second { border-color: var(--mv-blanc); color: var(--mv-blanc); }
.mv-lien { color: var(--mv-rouge); font-weight: 700; text-decoration: none; }
.mv-lien:hover { text-decoration: underline; }


.mv-bande { background: var(--mv-encre); color: var(--mv-blanc); text-align: center; font-size: 13px; padding: 8px 12px; }
.mv-entete { position: sticky; top: 0; z-index: 20; background: var(--mv-blanc); border-bottom: 1px solid var(--mv-trait); }
.mv-entete-in { display: flex; align-items: center; gap: 16px; min-height: 64px; }
.mv-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-family: var(--mv-titre);
  font-size: 18px; font-weight: 600; white-space: nowrap; }
.mv-logo svg { width: 30px; height: 30px; flex: none; }
.mv-nav { display: none; }
.mv-entete-actions { margin-left: auto; display: flex; align-items: center; gap: 6px; }
.mv-icone-bouton {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 44px; height: 44px;
  padding: 0 10px; border-radius: 999px; border: 0; background: transparent; cursor: pointer; text-decoration: none;
}
.mv-icone-bouton svg { width: 24px; height: 24px; }
.mv-compte { min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: var(--mv-rouge); color: var(--mv-blanc);
  font-size: 13px; font-weight: 700; line-height: 22px; text-align: center; }
.mv-tiroir { display: none; position: fixed; inset: 0; z-index: 40; background: rgba(27, 26, 46, .45); }
.mv-tiroir[data-lm26je] { display: block; }
.mv-tiroir-panneau { position: absolute; top: 0; right: 0; bottom: 0; width: min(86vw, 360px); background: var(--mv-blanc);
  padding: 20px 20px 32px; overflow-y: auto; border-radius: 18px 0 0 18px; }
.mv-tiroir-haut { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.mv-tiroir ul { list-style: none; margin: 0; padding: 0; }
.mv-tiroir li a { display: flex; flex-direction: column; padding: 12px 0; border-bottom: 1px solid var(--mv-trait); text-decoration: none; }
.mv-tiroir li a span { color: var(--mv-gris); font-size: 13px; }
.mv-tiroir li a strong { font-size: 18px; font-weight: 600; }


.mv-section { padding: 64px 0; }
.mv-fond-brume { background: var(--mv-brume); }
.mv-fond-blanc { background: var(--mv-blanc); }
.mv-fond-nuit { background: var(--mv-nuit); color: var(--mv-blanc); }
.mv-fond-nuit .mv-chapo, .mv-fond-nuit p { color: var(--mv-pale); }
.mv-tete { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 8px 24px; margin-bottom: 28px; }
.mv-tete-textes { display: grid; gap: 8px; max-width: 640px; }
.mv-tete p { color: var(--mv-gris); }


.mv-heros { padding: 40px 0 64px; text-align: center; }
.mv-heros .mv-chapo { max-width: 640px; margin: 18px auto 0; color: var(--mv-gris); }
.mv-heros-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 24px; }
.mv-oculaire-grille { margin-top: 36px; display: grid; gap: 28px; }
.mv-oculaire { width: min(64vw, 240px); aspect-ratio: 1; margin: 0 auto; border-radius: 50%; overflow: hidden;
  background: var(--mv-encre); box-shadow: 0 0 0 10px var(--mv-blanc), 0 0 0 11px var(--mv-trait); }
.mv-oculaire img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.32); border-radius: 50%; }
.mv-colonne { display: none; }
.mv-colonne ul { list-style: none; margin: 0; padding: 0; }
.mv-rayons-heros { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px var(--mv-marge) 10px;
  margin: 24px calc(var(--mv-marge) * -1) 0; scrollbar-width: none; }
.mv-rayons-heros::-webkit-scrollbar { display: none; }
.mv-ray { flex: 0 0 auto; scroll-snap-align: start; display: flex; align-items: center; gap: 12px; padding: 10px 18px 10px 10px;
  background: var(--mv-blanc); border-radius: 999px; text-decoration: none; text-align: left; border: 1px solid var(--mv-trait); }
.mv-ray img { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; flex: none; }
.mv-ray span { display: block; font-size: 13px; color: var(--mv-gris); }
.mv-ray strong { display: block; font-size: 16px; font-weight: 700; white-space: nowrap; }
.mv-ray:hover strong { color: var(--mv-rouge); }


.mv-echelle { margin: 28px auto 0; max-width: 980px; }
.mv-echelle-ligne { position: relative; display: flex; justify-content: space-between; align-items: center; padding: 0 2px; }
.mv-echelle-ligne::before { content: ""; position: absolute; left: 20px; right: 20px; top: 50%; height: 2px; background: var(--mv-pale);
  transform: translateY(-50%); }
.mv-echelle-point { position: relative; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center;
  text-decoration: none; margin: 0 -7px; }
.mv-echelle-point::after { content: ""; width: 26px; height: 26px; border-radius: 50%; border: 2px solid var(--mv-gris);
  background: radial-gradient(circle, var(--mv-pale) 0 4px, var(--mv-blanc) 4.5px); }
.mv-echelle-point[aria-current]::after { border-color: var(--mv-rouge);
  background: radial-gradient(circle, var(--mv-blanc) 0 4px, var(--mv-rouge) 4.5px); }
.mv-echelle-point:hover::after { border-color: var(--mv-rouge); }
.mv-echelle-bouts { display: flex; justify-content: space-between; margin-top: 10px; font-size: 13px; color: var(--mv-gris); }
.mv-echelle-noms { display: none; }
.mv-echelle-legende { margin-top: 10px; font-size: 16px; color: var(--mv-gris); }
.mv-echelle-legende strong { color: var(--mv-encre); }


.mv-carte { display: flex; flex-direction: column; gap: 6px; padding: 12px 12px 18px; background: var(--mv-blanc);
  border: 1px solid var(--mv-trait); border-radius: var(--mv-r-carte); text-decoration: none; height: 100%; }
.mv-c-photo { aspect-ratio: 4 / 5; border-radius: var(--mv-r-photo); overflow: hidden; background: var(--mv-brume); margin-bottom: 8px; }
.mv-c-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.mv-carte:hover .mv-c-photo img { transform: scale(1.04); }
.mv-c-dist { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--mv-gris); }
.mv-pastille { width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--mv-rouge); flex: none; }
.mv-c-nom { font-family: var(--mv-texte); font-size: 16px; font-weight: 600; line-height: 1.3; }
.mv-c-prix { margin-top: auto; padding-top: 4px; color: var(--mv-rouge); font-weight: 700; font-size: 18px; }


.mv-rail { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 2px var(--mv-marge) 12px;
  margin: 0 calc(var(--mv-marge) * -1); list-style: none; scrollbar-width: none; }
.mv-rail::-webkit-scrollbar { display: none; }
.mv-rail > li { flex: 0 0 66%; scroll-snap-align: start; }
.mv-grille { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }


.mv-onglets { display: flex; gap: 8px; overflow-x: auto; padding: 2px var(--mv-marge) 14px; margin: 0 calc(var(--mv-marge) * -1) 14px;
  scrollbar-width: none; }
.mv-onglets::-webkit-scrollbar { display: none; }
.mv-onglet { flex: none; display: inline-flex; flex-direction: column; align-items: flex-start; padding: 10px 18px; border-radius: 18px;
  border: 1px solid var(--mv-trait); background: var(--mv-blanc); cursor: pointer; text-align: left; }
.mv-onglet span { font-size: 13px; color: var(--mv-gris); }
.mv-onglet strong { font-size: 16px; }
.mv-onglet[aria-selected="true"] { background: var(--mv-encre); border-color: var(--mv-encre); color: var(--mv-blanc); }
.mv-onglet[aria-selected="true"] span { color: var(--mv-pale); }
.mv-panneau-pied { margin-top: 18px; }


.mv-recit { display: grid; gap: 32px; align-items: center; }
.mv-recit-photo { border-radius: var(--mv-r-photo); overflow: hidden; aspect-ratio: 4 / 5; max-width: 460px; width: 100%; margin: 0 auto; }
.mv-recit-photo img { width: 100%; height: 100%; object-fit: cover; }
.mv-recit-texte { display: grid; gap: 16px; }
.mv-recit-texte .mv-bouton, .mv-recit-texte .mv-bouton-second { justify-self: start; margin-top: 8px; }
.mv-promesses { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 12px; }
.mv-promesses li { display: flex; gap: 12px; align-items: flex-start; }
.mv-promesses svg { width: 32px; height: 32px; flex: none; color: var(--mv-rouge); }
.mv-promesses a { color: var(--mv-encre); font-weight: 600; }


.mv-plis { display: grid; gap: 10px; max-width: 820px; }
.mv-pli { background: var(--mv-brume); border-radius: var(--mv-r-carte); padding: 4px 20px 8px; }
.mv-fond-brume .mv-pli { background: var(--mv-blanc); }
.mv-pli summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px;
  padding: 14px 0; font-weight: 700; font-size: 16px; }
.mv-pli summary::-webkit-details-marker { display: none; }
.mv-pli summary::after { content: "+"; font-family: var(--mv-titre); font-size: 22px; color: var(--mv-rouge); line-height: 1; }
.mv-pli[open] summary::after { content: "–"; }
.mv-pli-corps { padding: 0 0 18px; display: grid; gap: 10px; }
.mv-pli:not([open]) > .mv-pli-corps { display: none; }
.mv-pli-corps ul { margin: 0; padding-left: 20px; }


.mv-pied { background: var(--mv-brume); padding: 56px 0 28px; }
.mv-pied-haut { display: grid; gap: 32px; }
.mv-pied-marque p { margin-top: 12px; color: var(--mv-gris); max-width: 340px; }
.mv-pied h2 { font-family: var(--mv-texte); font-size: 16px; font-weight: 700; margin-bottom: 10px; }
.mv-pied ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.mv-pied a { text-decoration: none; }
.mv-pied a:hover { color: var(--mv-rouge); }
.mv-pied address { font-style: normal; display: grid; gap: 6px; }
.mv-pied-bas { margin-top: 36px; padding-top: 20px; border-top: 1px solid var(--mv-trait); display: flex; flex-wrap: wrap;
  justify-content: space-between; align-items: center; gap: 14px; font-size: 13px; color: var(--mv-gris); }
.mv-paiements { display: flex; gap: 8px; align-items: center; }
.mv-paiements svg { width: 52px; height: 34px; }


.mv-rayon-tete { display: grid; gap: 28px; align-items: center; }
.mv-rayon-tete .mv-chapo { margin-top: 12px; }
.mv-fil { font-size: 13px; color: var(--mv-gris); margin-bottom: 14px; }
.mv-fil a { color: var(--mv-gris); display: inline-block; padding: 13px 4px; margin: -13px 0; }
.mv-rayon-photo { border-radius: var(--mv-r-photo); overflow: hidden; aspect-ratio: 4 / 3; }
.mv-rayon-photo img { width: 100%; height: 100%; object-fit: cover; }
.mv-outils { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 22px; }
.mv-outils label { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; }
.mv-select { min-height: 44px; padding: 0 14px; border-radius: var(--mv-r-champ); border: 1px solid var(--mv-gris); background: var(--mv-blanc); }
.mv-puces { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.mv-puce { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border-radius: 999px;
  border: 1px solid var(--mv-trait); background: var(--mv-blanc); text-decoration: none; font-weight: 600; }
.mv-puce:hover { border-color: var(--mv-rouge); color: var(--mv-rouge); }


.mv-fiche { display: grid; gap: 28px; }
.mv-galerie-principale { border-radius: var(--mv-r-photo); overflow: hidden; aspect-ratio: 1; background: var(--mv-brume); }
.mv-galerie-principale img { width: 100%; height: 100%; object-fit: cover; }
.mv-vignettes { display: flex; gap: 10px; margin-top: 12px; list-style: none; padding: 0; }
.mv-vignette { width: 60px; height: 75px; padding: 0; border: 2px solid transparent; border-radius: 999px 999px 12px 12px;
  overflow: hidden; cursor: pointer; background: var(--mv-brume); }
.mv-vignette img { width: 100%; height: 100%; object-fit: cover; }
.mv-vignette[aria-pressed="true"] { border-color: var(--mv-rouge); }
.mv-achat { display: grid; gap: 16px; align-content: start; }
.mv-achat .mv-h1 { font-size: 28px; line-height: 1.15; }
.mv-dist { display: inline-flex; align-items: center; gap: 8px; color: var(--mv-gris); }
.mv-dist a { color: var(--mv-encre); font-weight: 700; }
.mv-prix-fiche { font-size: 22px; font-weight: 700; color: var(--mv-rouge); }
.mv-option { border: 0; margin: 0; padding: 0; display: grid; gap: 8px; }
.mv-option legend { font-weight: 700; padding: 0; margin-bottom: 8px; }
.mv-option-valeurs { display: flex; flex-wrap: wrap; gap: 8px; }
.mv-opt { min-height: 44px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--mv-gris); background: var(--mv-blanc); cursor: pointer; }
.mv-opt[aria-pressed="true"] { background: var(--mv-encre); border-color: var(--mv-encre); color: var(--mv-blanc); }
.mv-ajout { width: 100%; }
.mv-ajoute { color: var(--mv-encre); font-weight: 600; }
.mv-ajoute:empty { display: none; }
.mv-ajoute a { color: var(--mv-rouge); }
.mv-livraison-ligne { display: flex; gap: 10px; align-items: center; color: var(--mv-gris); }
.mv-livraison-ligne svg { width: 28px; height: 28px; color: var(--mv-rouge); flex: none; }
.mv-achat .mv-plis { margin-top: 8px; }
.mv-points { margin: 0; padding-left: 20px; }
.mv-specs { width: 100%; border-collapse: collapse; font-size: 16px; }
.mv-specs th, .mv-specs td { text-align: left; vertical-align: top; padding: 10px 0; border-bottom: 1px solid var(--mv-trait); }
.mv-specs th { width: 40%; padding-right: 14px; color: var(--mv-gris); font-weight: 600; }
.mv-reassurance { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.mv-reassurance li { background: var(--mv-blanc); border-radius: var(--mv-r-carte); padding: 18px 14px; display: grid; gap: 10px;
  align-content: start; }
.mv-reassurance svg { width: 44px; height: 44px; color: var(--mv-rouge); }
.mv-reassurance strong { font-size: 16px; }
.mv-reassurance span { color: var(--mv-gris); }
.mv-deux { display: grid; gap: 40px; }
.mv-etapes { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 18px; counter-reset: mv-etape; }
.mv-etapes li { display: flex; gap: 14px; align-items: flex-start; }
.mv-etapes li::before { counter-increment: mv-etape; content: counter(mv-etape); flex: none; width: 44px; height: 44px; border-radius: 50%;
  border: 2px solid var(--mv-rouge); display: grid; place-items: center; font-family: var(--mv-titre); font-weight: 600; color: var(--mv-rouge); }
.mv-etapes p { padding-top: 9px; }
.mv-boite { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 10px; }
.mv-boite li { display: flex; gap: 12px; align-items: center; background: var(--mv-brume); border-radius: 14px; padding: 12px 14px; }
.mv-boite svg { width: 28px; height: 28px; flex: none; color: var(--mv-rouge); }
.mv-sous-titre { font-size: 18px; color: var(--mv-gris); margin-top: 8px; }


.mv-panier { display: grid; gap: 28px; align-items: start; }
.mv-lignes { display: grid; gap: 12px; }
.mv-ligne { display: grid; grid-template-columns: 76px 1fr; gap: 14px; background: var(--mv-blanc); border-radius: var(--mv-r-carte);
  padding: 12px 14px 16px 12px; border: 1px solid var(--mv-trait); }
.mv-ligne-photo { width: 76px; height: 95px; border-radius: 999px 999px 12px 12px; overflow: hidden; background: var(--mv-brume); }
.mv-ligne-photo img { width: 100%; height: 100%; object-fit: cover; }
.mv-ligne-infos { display: grid; gap: 6px; align-content: start; }
.mv-ligne-infos a { font-weight: 700; text-decoration: none; }
.mv-ligne-variante { color: var(--mv-gris); }
.mv-ligne-bas { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; margin-top: 4px; }
.mv-qte { display: inline-flex; align-items: center; border: 1px solid var(--mv-gris); border-radius: 999px; overflow: hidden; }
.mv-qte button { width: 44px; height: 44px; border: 0; background: transparent; cursor: pointer; font-size: 18px; border-radius: 999px; }
.mv-qte input { width: 44px; height: 44px; border: 0; text-align: center; border-radius: 12px; -moz-appearance: textfield; }
.mv-qte input::-webkit-outer-spin-button, .mv-qte input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.mv-retirer { border: 0; background: transparent; color: var(--mv-gris); text-decoration: underline; cursor: pointer; min-height: 44px;
  padding: 0 6px; border-radius: 10px; }
.mv-ligne-prix { color: var(--mv-rouge); font-weight: 700; }
.mv-recap { background: var(--mv-blanc); border-radius: var(--mv-r-carte); padding: 22px 20px 24px; display: grid; gap: 12px; border: 1px solid var(--mv-trait); }
.mv-recap-ligne { display: flex; justify-content: space-between; gap: 12px; }
.mv-recap-total { font-size: 18px; font-weight: 700; padding-top: 12px; border-top: 1px solid var(--mv-trait); }
.mv-recap .mv-bouton { width: 100%; }
.mv-vide { display: grid; gap: 16px; justify-items: start; background: var(--mv-blanc); border-radius: var(--mv-r-carte); padding: 28px 22px; }
[hidden] { display: none !important; }


.mv-texte { max-width: 760px; display: grid; gap: 34px; }
.mv-texte section { display: grid; gap: 12px; }
.mv-texte ul, .mv-texte ol { margin: 0; padding-left: 22px; display: grid; gap: 6px; }
.mv-texte a { color: var(--mv-rouge); font-weight: 600; }
.mv-contact { display: grid; gap: 12px; max-width: 760px; }
.mv-contact-carte { display: flex; gap: 16px; align-items: center; background: var(--mv-brume); border-radius: var(--mv-r-carte);
  padding: 18px 20px; text-decoration: none; }
.mv-contact-carte svg { width: 36px; height: 36px; flex: none; color: var(--mv-rouge); }
.mv-contact-carte span { display: block; color: var(--mv-gris); font-size: 16px; }
.mv-contact-carte strong { display: block; font-size: 18px; overflow-wrap: anywhere; }


.mv-perdu { text-align: center; display: grid; gap: 18px; justify-items: center; }


@media (min-width: 760px) {
  :root { --mv-marge: 32px; }
  .mv-grille { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
  .mv-rail > li { flex-basis: 40%; }
  .mv-reassurance { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mv-pied-haut { grid-template-columns: 1.4fr 1fr 1fr 1.4fr; }
  .mv-echelle-noms { display: flex; justify-content: space-between; margin-top: 10px; }
  .mv-echelle-noms a { width: 16%; text-align: center; font-size: 13px; color: var(--mv-gris); text-decoration: none; }
  .mv-echelle-noms a:first-child { text-align: left; }
  .mv-echelle-noms a:last-child { text-align: right; }
  .mv-echelle-noms a[aria-current] { color: var(--mv-rouge); font-weight: 700; }
  .mv-echelle-bouts { display: none; }
}
@media (min-width: 1000px) {
  :root { --mv-marge: 48px; }
  .mv-section { padding: 96px 0; }
  .mv-heros { padding: 64px 0 96px; }
  .mv-h1 { font-size: 64px; }
  .mv-h2 { font-size: 40px; }
  .mv-h3 { font-size: 26px; }
  .mv-achat .mv-h1 { font-size: 40px; }
  .mv-prix-fiche { font-size: 26px; }
  .mv-c-nom { font-size: 18px; }
  .mv-rail { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; overflow: visible; margin: 0; padding: 0; }
  .mv-grille { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mv-onglets { flex-wrap: wrap; overflow: visible; margin: 0 0 22px; padding: 0; }
  .mv-oculaire-grille { grid-template-columns: 1fr auto 1fr; align-items: center; gap: 48px; margin-top: 48px; }
  .mv-oculaire { width: 380px; }
  .mv-colonne { display: block; }
  .mv-colonne ul { display: grid; gap: 14px; }
  .mv-colonne-gauche .mv-ray { flex-direction: row-reverse; text-align: right; padding: 10px 10px 10px 22px; }
  .mv-colonne-gauche ul { justify-items: end; }
  .mv-colonne-droite ul { justify-items: start; }
  .mv-rayons-heros { display: none; }
  .mv-recit { grid-template-columns: 5fr 6fr; gap: 72px; }
  .mv-recit-inverse .mv-recit-photo { order: 2; }
  .mv-rayon-tete { grid-template-columns: 6fr 5fr; gap: 64px; }
  .mv-fiche { grid-template-columns: 1.05fr 1fr; gap: 64px; align-items: start; }
  .mv-galerie { position: sticky; top: 96px; }
  .mv-galerie-principale { aspect-ratio: 4 / 5; }
  .mv-vignette { width: 76px; height: 95px; }
  .mv-deux { grid-template-columns: 1fr 1fr; gap: 64px; }
  .mv-panier { grid-template-columns: 2fr 1fr; gap: 40px; }
  .mv-ligne { grid-template-columns: 96px 1fr; }
  .mv-ligne-photo { width: 96px; height: 120px; }
}
@media (min-width: 1100px) {
  .mv-nav { display: flex; gap: 22px; margin-left: 28px; }
  .mv-nav a { text-decoration: none; font-weight: 600; white-space: nowrap; }
  .mv-nav a:hover, .mv-nav a[aria-current] { color: var(--mv-rouge); }
  .mv-menu-bouton { display: none; }
}