/* Shared mobile navigation. Desktop navigation keeps its original layout. */
.mobile-nav-heading,.mobile-nav-icon { display:none; }
@media(max-width:980px) {
  .site-header { position:relative; z-index:30; }
  .menu-toggle {
    width:52px;height:52px;padding:0;border-radius:17px;color:#ffd297;
    border:1px solid #edb0d455;background:linear-gradient(145deg,#483049,#211a30);
    box-shadow:inset 0 1px 0 #ffffff20,0 4px 0 #100d19,0 8px 20px #0003;
    transition:transform .2s,background .2s,color .2s;
  }
  .menu-toggle[aria-expanded="true"] { color:#241529;background:linear-gradient(120deg,#ffc373,#f284cc);border-color:#ffc9cb; }
  .menu-toggle:active { transform:translateY(3px); }
  .site-header .nav {
    top:calc(100% + 10px);left:0;right:0;padding:19px 14px 16px;gap:6px;
    border:1px solid #d7a0d044;border-radius:24px;
    background:radial-gradient(ellipse at 100% 0,#56314b99,transparent 65%),#20182d;
    box-shadow:0 24px 65px #0009,inset 0 1px 0 #ffd39530;
    max-height:calc(100dvh - 135px);overflow-y:auto;
  }
  .site-header .nav.open { animation:mobile-menu-enter .24s ease-out both; }
  .mobile-nav-heading { display:flex;align-items:center;justify-content:space-between;padding:0 10px 13px;margin-bottom:5px;border-bottom:1px solid #d2a8ca25;color:#d8b6d0;font-size:14px; }
  .mobile-nav-wave { display:flex;gap:3px;align-items:center;height:22px; }
  .mobile-nav-wave i { width:3px;height:8px;background:#ffbd72;border-radius:4px; }
  .mobile-nav-wave i:nth-child(2n) { height:16px;background:#ef80c4; }
  .mobile-nav-wave i:nth-child(3) { height:22px;background:#b783ef; }
  .site-header .nav a { gap:13px;padding:9px 12px;min-height:56px;border-radius:14px;font-size:17px;font-weight:500;transition:background .2s,transform .2s; }
  .mobile-nav-icon { display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#e6bfdf0a;color:#cbb6d6;font-size:20px; }
  .site-header .nav a:not(.appointment-link).active { color:#ffd49c;background:linear-gradient(100deg,#f8b86b20,#df78c810);box-shadow:inset 3px 0 #ffb76e; }
  .site-header .nav a.active .mobile-nav-icon { color:#ffc27d;background:#ffc47e13; }
  .site-header .nav a:after { display:none; }
  .site-header .nav a:hover { background-color:#ffffff08; }
  .site-header .nav a:active { transform:translateX(3px); }
  .site-header .nav .appointment-link { margin:12px 3px 3px;padding:11px 10px;gap:8px;font-size:15px;min-height:54px;border-radius:14px;border:1px solid #ffd39b80;background:linear-gradient(115deg,#ffc16f,#f58dc7 70%,#c68dec);color:#28182d;box-shadow:0 4px 0 #77416c; }
  .site-header .nav .appointment-link .mobile-nav-icon { flex-basis:25px;width:25px;height:28px;background:none;color:inherit; }
}
@keyframes mobile-menu-enter { from { opacity:0;transform:translateY(-8px) scale(.98); } to { opacity:1;transform:none; } }
@media(prefers-reduced-motion:reduce) { .site-header .nav.open { animation:none; } }