/* ==========================================================================
   OLIVER STONE Paris — mobile-menu.css
   Bouton burger (mobile uniquement) + panneau de navigation coulissant
   ========================================================================== */
.burger{display:grid;place-items:center;width:44px;height:44px;color:var(--noir)}
.burger svg{width:22px;height:22px}
@media(min-width:960px){.burger{display:none}}
.mmenu{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;pointer-events:none;visibility:hidden}
.mmenu.on{visibility:visible}
.mmenu-bg{position:absolute;inset:0;background:rgba(20,18,16,.45);opacity:0;transition:opacity .3s}
.mmenu-panel{-webkit-overflow-scrolling:touch;position:absolute;top:0;left:0;bottom:0;width:min(340px,86vw);background:#FDFCFA;transform:translateX(-102%);transition:transform .34s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:18px 26px 30px;overflow-y:auto}
.mmenu.on{pointer-events:auto}
.mmenu.on .mmenu-bg{opacity:1}
.mmenu.on .mmenu-panel{transform:none}
.mmenu-head{display:flex;align-items:center;justify-content:space-between;min-height:56px;border-bottom:1px solid var(--ligne);margin-bottom:18px}
.mmenu-head img{height:34px;width:auto}
.mmenu-close{width:44px;height:44px;display:grid;place-items:center;font-size:1.5rem;color:var(--noir)}
.mmenu-cap{display:block;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gris);margin:22px 0 8px}
.mmenu-nav a{display:block;padding:12px 0;font-family:'Cormorant Garamond',serif;font-size:1.35rem;color:var(--noir);border-bottom:1px solid var(--ligne)}
.mmenu-nav a small{font-family:'Jost',sans-serif;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gris);margin-left:10px}
.mmenu-nav a.mm-simple{font-family:'Jost',sans-serif;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;padding:15px 0}