/* Geologica (variable), self-hosted — без запросов к Google Fonts. */
@font-face{font-family:"Geologica";font-style:normal;font-display:swap;font-weight:100 900;
  src:url("../fonts/geologica-cyrillic-wght-normal.b23d17dab853.woff2") format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Geologica";font-style:normal;font-display:swap;font-weight:100 900;
  src:url("../fonts/geologica-latin-wght-normal.429fc8a75e26.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Тема v2 (barber/muSTAFin v2.dc.html) поверх токенов ds.css. */
:root{--font-heading:"Geologica",system-ui,sans-serif;--font-body:"Geologica",system-ui,sans-serif;--font-heading-weight:700;--color-bg:#0e0e0e;--color-surface:#1a1a1a;--color-text:#f4f1ea;--color-accent:#d9a93b;--color-divider:rgba(244,241,234,0.16);--color-accent-100:#2a2112;--color-accent-200:#3a2d15;--color-accent-300:#5a4519;--color-accent-400:#b8892a;--color-accent-500:#d9a93b;--color-accent-600:#e6bb55;--color-accent-700:#e9c46a;--color-accent-800:#f0d48e;--color-accent-900:#f7e6b8;--color-neutral-100:#1a1a1a;--color-neutral-200:#242424;--color-neutral-300:#333333;--color-neutral-400:#555555;--color-neutral-500:#7a7a7a;--color-neutral-600:#9a9a9a;--color-neutral-700:#b3b0a8;--color-neutral-800:#d6d3cc;--color-neutral-900:#eeebe4}
html{scroll-behavior:smooth}
body{margin:0}
a{color:var(--color-accent-700)}
a:hover{color:var(--color-accent-900)}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.pick:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}
.booking-error{margin:0;padding:12px 16px;border:1px solid var(--color-accent);background:var(--color-accent-100);color:var(--color-accent-800)}
form.htmx-request{opacity:.6;cursor:progress}
#net-error{position:fixed;left:0;right:0;bottom:0;z-index:20;text-align:center}

@media (max-width:599px){.nav-links{display:none!important}}

/* Узкий экран: кнопки «Назад/Далее» — в липкой нижней панели, а не в боковой сводке. */
.mobile-bar{display:none}
@media (max-width:899px){
  .mobile-bar{display:flex;position:sticky;bottom:0;z-index:5;margin:0 -16px;padding:12px 16px;background:var(--color-bg);border-top:1px solid var(--color-divider);align-items:center;gap:10px}
  .aside-actions{display:none}
}