/* Menu commun du site VidaBela sur la page PRP (2026-10-22) : « Nos soins »
   ouvre les soins et la clinique, comme sur les autres pages ; ☰ sur
   téléphone. Style repris de l'en-tête livré par Codex. */
.desktop-nav{align-items:center}
.vb-menu{position:relative}
.vb-menu-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:10px 0;font:inherit;font-size:13px;color:#dfddd6;cursor:pointer;transition:color 180ms ease}
.vb-menu-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform 200ms var(--ease-out)}
.vb-menu-btn:hover,.vb-menu-btn[aria-expanded="true"]{color:var(--gold)}
.vb-menu-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.vb-panel{position:absolute;left:-24px;top:100%;padding-top:14px;z-index:40;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity 200ms var(--ease-out),transform 200ms var(--ease-out),visibility 200ms}
.vb-menu.is-open .vb-panel{opacity:1;visibility:visible;transform:none}
.vb-panel{width:min(620px,calc(100vw - 48px))}
.vb-panel{display:grid;grid-template-columns:1.35fr 1fr;border-radius:14px;overflow:hidden}
.vb-panel>.vb-panel-col{padding:24px;background:#07111c;border:1px solid rgba(248,245,239,.12)}
.vb-panel>.vb-clinic{border-left:0;background:#0a1622}
.vb-panel>.vb-panel-col:first-child{border-radius:14px 0 0 14px}
.vb-panel>.vb-clinic{border-radius:0 14px 14px 0}
.vb-k{margin:0;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(248,245,239,.55)}
.vb-panel ul,.vb-mobile-inner ul{list-style:none;margin:10px 0 0;padding:0}
.vb-treat a{display:block;margin:0 -12px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--cream);transition:background-color 160ms ease}
.vb-treat a:hover,.vb-treat a[aria-current="page"]{background:rgba(248,245,239,.06)}
.vb-t{display:flex;align-items:center;gap:8px;font-family:'EB Garamond',serif;font-style:italic;font-size:22px;line-height:1.15}
.vb-treat a:hover .vb-t{color:var(--gold)}
.vb-s{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:rgba(248,245,239,.65)}
.vb-badge{font-family:'DM Sans',sans-serif;font-style:normal;font-size:11px;font-weight:500;background:var(--gold);color:var(--navy);border-radius:999px;padding:2px 8px}
.vb-clinic a,.vb-mobile-inner ul:not(.vb-treat) a{display:block;padding:8px 0;font-size:15px;text-decoration:none;color:rgba(248,245,239,.85);transition:color 160ms ease}
.vb-clinic a:hover{color:var(--gold)}

/* Téléphone : bouton ☰ et panneau plein écran sous l'en-tête */
.vb-burger{display:none}
@media (max-width: 800px){
  .vb-burger{display:inline-grid;place-content:center;gap:6px;width:44px;height:44px;margin-left:8px;background:none;border:0;cursor:pointer}
  .vb-burger span{display:block;width:22px;height:1.5px;background:var(--cream);transition:transform 220ms var(--ease-out)}
  .vb-burger[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}
  .vb-burger[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
  .site-header .header-cta{margin-left:auto}
  .vb-mobile-menu{position:fixed;inset:var(--header-height) 0 0;z-index:30;background:var(--navy);overflow-y:auto;overscroll-behavior:contain;animation:vb-menu-in 260ms var(--ease-out) both}
  .vb-mobile-menu[hidden]{display:none}
  .vb-mobile-inner{padding:24px 24px calc(32px + env(safe-area-inset-bottom))}
  .vb-mobile-inner .vb-k{margin-top:24px}
  .vb-mobile-inner .vb-k:first-child{margin-top:0}
  .vb-mobile-inner .vb-treat a{margin:0;padding:10px 0}
  .vb-mobile-inner .vb-s{display:none}
  .vb-mobile-cta{display:flex;justify-content:center;width:100%;margin-top:28px;min-height:54px}
  html.vb-menu-open{overflow:hidden}
}
@keyframes vb-menu-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.vb-panel,.vb-mobile-menu,.vb-burger span{transition:none;animation:none}}