/* Meniul de pe telefon epitotal.ro (23.10.2026, Marius: «mai touch friendly — sa nimeresti cu degetul unde trebuie,
   iar cand apesi sa se vada pe ce ai apasat si unde te va duce»). Tinte de minimum 52px, text de 17/16px,
   sageata spre dreapta pe fiecare rand, culoare la apasare, pagina curenta marcata. Doar sub 1024px (lg:hidden). */
#mobile-menu-button { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; }
#mobile-menu-button[aria-expanded="true"] { background: #F3F4F6; }

.mm-panou { background: #fff; border-top: 1px solid #E5E7EB; max-height: calc(100vh - 72px); max-height: calc(100dvh - 72px);
  overflow-y: auto; overscroll-behavior: contain; box-shadow: 0 12px 24px rgba(17, 24, 39, .12); }
.mm-interior { padding: 8px 12px 16px; }

.mm-link { display: flex; align-items: center; justify-content: space-between; gap: 12px;
  min-height: 52px; padding: 12px 14px; border-radius: 12px; color: #1F2937; font-size: 17px; font-weight: 600;
  line-height: 1.25; text-decoration: none; -webkit-tap-highlight-color: transparent;
  transition: background-color .12s, color .12s; border-bottom: 1px solid #F3F4F6; }
.mm-link .mm-sageata { flex: none; color: #9CA3AF; transition: transform .12s, color .12s; }
.mm-link small { display: block; font-size: 13px; font-weight: 500; color: #6B7280; margin-top: 2px; }

/* grupul «Epilare definitiva» */
.mm-grup { margin: 6px 0 8px; background: #F9FAFB; border-radius: 14px; padding: 4px; }
.mm-grup .mm-link { border-bottom: 0; }
.mm-grup-titlu { font-size: 17px; }
.mm-sub { min-height: 50px; font-size: 16px; font-weight: 500; color: #374151; padding-left: 18px; background: #fff; margin-top: 4px; }

/* la apasare: se vede imediat pe ce ai apasat, si ramane asa pana se incarca pagina */
.mm-link:active, .mm-link.mm-apasat { background: #AE424F; color: #fff; }
.mm-link:active .mm-sageata, .mm-link.mm-apasat .mm-sageata { color: #fff; transform: translateX(3px); }
.mm-link:active small, .mm-link.mm-apasat small { color: #F7E6E9; }
.mm-link:focus-visible { outline: 3px solid #AE424F; outline-offset: 2px; }

/* pagina pe care esti acum */
.mm-curent { background: #FAF3F4; color: #8E3541; box-shadow: inset 4px 0 0 #AE424F; }
.mm-curent .mm-sageata { color: #AE424F; }

.mm-jos { display: grid; gap: 10px; padding-top: 14px; }
.mm-buton { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; border-radius: 12px;
  font-size: 17px; font-weight: 700; text-decoration: none; -webkit-tap-highlight-color: transparent; }
.mm-buton-tel { background: #F3F4F6; color: #1F2937; }
.mm-buton-tel:active { background: #E5E7EB; }
.mm-buton-programare { background: #AE424F; color: #fff; }
.mm-buton-programare:active { background: #8E3541; }

/* cat timp meniul e deschis, butoanele plutitoare (Programeaza-te, WhatsApp) nu acopera randurile */
html.mm-deschis .fixed.left-0.bottom-4, html.mm-deschis .fixed.bottom-6.right-6, html.mm-deschis a.fixed[href*="wa.me"] { display: none !important; }