/* MENU DU TÉLÉPHONE — second volet pour « La Maison » et « Boutiques » (08/11/2026, demande de la Maison).
   Le volet glisse depuis la droite par-dessus le menu, qui recule doucement ; « ‹ Retour » le refait glisser.
   Outil : site TEST/outils/menu-volet/poser.py */
body .hz-mobile-menu.hz-mm-volets { position: relative; overflow: hidden; }
/* La Maison et Boutiques ne se déplient plus sur place : une flèche › à la place du + */
body .hz-mobile-menu.hz-mm-volets .hz-mm-avolet > .hz-dd,
body .hz-mobile-menu.hz-mm-volets .hz-mm-avolet > .hz-mega { display: none !important; }
body .hz-mobile-menu .hz-mm-avolet > .hz-mm-plus::after { content: none; }
body .hz-mobile-menu .hz-mm-avolet > .hz-mm-plus::before {
  width: 7px; height: 7px; margin: -4px 0 0 -6px; background: none;
  border-top: 1px solid var(--site-ink); border-right: 1px solid var(--site-ink); transform: rotate(45deg);
}

/* Le menu principal recule pendant que le volet est ouvert */
body .hz-mobile-menu.hz-mm-volets > ul,
body .hz-mobile-menu.hz-mm-volets > .hz-mm-pied { transition: transform .42s cubic-bezier(.22,.61,.36,1), opacity .3s ease; }
body .hz-mobile-menu.is-volet > ul,
body .hz-mobile-menu.is-volet > .hz-mm-pied { transform: translateX(-18%); opacity: 0; pointer-events: none; }

/* Le second volet */
.hz-mm-volet {
  position: absolute; inset: 0; z-index: 2; overflow-y: auto;
  padding: 4px 24px 30px; background: #fff;
  transform: translateX(100%); visibility: hidden;
  transition: transform .42s cubic-bezier(.22,.61,.36,1), visibility 0s linear .42s;
}
.hz-mm-volet.is-ouvert { transform: none; visibility: visible; transition: transform .42s cubic-bezier(.22,.61,.36,1), visibility 0s; }
.hz-mm-volet__tete { display: flex; align-items: center; height: 56px; border-bottom: 1px solid #efe8e1; }
body .hz-mobile-menu .hz-mm-retour, body.hz-chrome .hz-header .hz-mm-retour {
  display: inline-flex; align-items: center; gap: 12px; height: 56px; padding: 0 12px 0 0; border: 0; background: none; cursor: pointer;
  font: 400 10px/1 var(--site-title, "Montserrat", Arial, sans-serif); letter-spacing: .2em; text-transform: uppercase; color: #8a837a;
}
.hz-mm-retour svg { flex: none; }
.hz-mm-volet__titre {
  margin: 26px 0 8px;
  font: 400 12px/1.4 var(--site-title, "Montserrat", Arial, sans-serif); letter-spacing: .22em; text-transform: uppercase; color: var(--site-ink, #242424);
}
.hz-mm-volet__titre.is-current { color: var(--site-accent, #c09578); }
/* les choix : Cormorant, aérés, avec leur ligne d'explication */
body .hz-mobile-menu .hz-mm-volet .hz-mm-volet__corps { display: block !important; position: static; height: auto; padding: 0; margin: 0; list-style: none; opacity: 1; visibility: visible; transform: none; box-shadow: none; }
body .hz-mobile-menu .hz-mm-volet .hz-dd > li { border-bottom: 1px solid #f2ede8; }
body .hz-mobile-menu .hz-mm-volet .hz-dd a { display: block; padding: 16px 0 15px; }
body .hz-mobile-menu .hz-mm-volet .hz-dd__t { display: block; font: 400 21px/1.25 var(--site-body, "Cormorant Garamond", Georgia, serif); color: var(--site-ink, #242424); }
body .hz-mobile-menu .hz-mm-volet .hz-dd__d { display: block; margin-top: 3px; font: italic 400 15px/1.35 var(--site-body, "Cormorant Garamond", Georgia, serif); color: #9a928a; }
body .hz-mobile-menu .hz-mm-volet [data-hz-sub].is-current .hz-dd__t,
body .hz-mobile-menu .hz-mm-volet a[aria-current="page"] .hz-dd__t { color: var(--site-accent, #c09578); }
body .hz-mobile-menu .hz-mm-volet .hz-mm-volet__tout {
  display: inline-block; width: auto; margin-top: 26px; padding: 0 0 3px; border: 0; border-bottom: 1px solid var(--site-accent, #c09578);
  font: 400 10px/1 var(--site-title, "Montserrat", Arial, sans-serif); letter-spacing: .2em; text-transform: uppercase; color: var(--site-ink, #242424);
}
@media (prefers-reduced-motion: reduce) {
  .hz-mm-volet, .hz-mm-volet.is-ouvert, body .hz-mobile-menu.hz-mm-volets > ul, body .hz-mobile-menu.hz-mm-volets > .hz-mm-pied { transition: none; }
}