/* Стили блока «Меню массажа» (в макете massage.html были в <head> как #mm-styles). Подключаются блоком massage-menu. */
.mm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--sp-5) var(--sp-7);margin-top:var(--sp-6)}
.mm-card{padding:var(--sp-5) 0;border-top:2px solid var(--accent,#9B4E3B)}
.mm-card__title{margin:0 0 var(--sp-3);font-size:clamp(1.05rem,0.9rem+0.6vw,1.35rem);text-transform:uppercase;letter-spacing:.02em;line-height:1.2}
.mm-list{list-style:none;margin:0;padding:0}
.mm-list li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:6px 0;border-bottom:1px solid var(--line,rgba(0,0,0,.1))}
.mm-dur{color:var(--fg-muted,#6b625a)}
.mm-price{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--accent,#9B4E3B)}
.mm-note{margin-top:var(--sp-6);color:var(--fg-muted,#6b625a);font-style:italic}