/* parvigov.com — booking page. Same tokens and components as the home page, only what this page uses. */
:root{
  --bg:#0E1520; --bg2:#152030; --card:#121C2D;
  --line:rgba(255,255,255,.06); --line2:rgba(255,255,255,.12);
  --text:#e8e8f0; --muted:#9a9ab0; --dim:#6a6a82;
  --accent:#D4A574; --accent-10:rgba(212,165,116,.10); --accent-glow:rgba(212,165,116,.35);
  --grad-accent:linear-gradient(135deg,#D4A574,#C49A65);
  --radius:14px; --radius-sm:10px;
  --mono:"Space Mono",ui-monospace,SFMono-Regular,monospace;
  --sans:"DM Sans",system-ui,-apple-system,sans-serif;
  --display:"Space Grotesk","DM Sans",system-ui,-apple-system,sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(ellipse 70% 40% at 50% 0%,rgba(212,165,116,.10),transparent 70%)}
a{color:var(--accent);text-decoration:none}

header.site{position:sticky;top:0;z-index:10;backdrop-filter:blur(12px);background:rgba(14,21,32,.88);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:16px;max-width:1180px;margin:0 auto;padding:12px max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px))}
.brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:1.08rem;color:var(--text);white-space:nowrap}
.brand .bird{width:28px;height:28px;display:block}
.brand-text .gov{color:var(--accent)}
.back{margin-left:auto;color:var(--muted);font-size:.86rem}
.back:hover{color:var(--text)}
.lang-switch{display:flex;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:2px}
.lang-switch button{background:none;border:none;color:var(--dim);font:600 .72rem var(--sans);padding:4px 7px;border-radius:5px;cursor:pointer;text-transform:uppercase;letter-spacing:.03em}
.lang-switch button.active{background:var(--accent);color:#0E1520}
.lang-switch button:hover:not(.active){color:var(--text)}
@media(max-width:560px){.back{display:none}.lang-switch{margin-left:auto}}

.wrap{max-width:820px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.book{padding-block:64px 48px}
.tag{display:block;font:600 .72rem var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
h1{font-family:var(--display);font-size:clamp(1.9rem,4.5vw,2.8rem);line-height:1.12;letter-spacing:-.02em;text-wrap:balance;margin-bottom:14px}
.lead{color:var(--muted);font-size:1.08rem;max-width:40rem;margin-bottom:36px}

.cal-slot{min-height:640px;border:1px solid var(--line2);border-radius:var(--radius);overflow:hidden;background:var(--card)}
.book-fallback{background:var(--card);border:1px solid var(--line2);border-radius:20px;padding:32px clamp(18px,4vw,40px)}
.fb-note{color:var(--text);background:var(--accent-10);border:1px solid rgba(212,165,116,.25);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:24px;font-size:.94rem}

.contact-form{display:grid;gap:14px}
.contact-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.contact-form .row{grid-template-columns:1fr}}
.contact-form .field{display:flex;flex-direction:column;min-width:0}
.contact-form label{font-size:.78rem;color:var(--dim);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.contact-form input,.contact-form textarea,.contact-form select{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;color:var(--text);font:400 .92rem var(--sans);width:100%;height:48px;-webkit-appearance:none;appearance:none}
.contact-form textarea{min-height:110px;height:110px;resize:vertical;line-height:1.5}
.contact-form select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236a6a82' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;cursor:pointer}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:none;border-color:var(--accent)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:var(--radius-sm);font:600 .95rem var(--sans);border:1px solid transparent;cursor:pointer;width:100%}
.btn-primary{background:var(--grad-accent);color:#0E1520;box-shadow:0 0 0 1px rgba(212,165,116,.2),0 8px 30px -8px var(--accent-glow)}
.btn:focus-visible,.lang-switch button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.form-note{text-align:center;font-size:.8rem;color:var(--dim)}

.site-mini{border-top:1px solid var(--line);padding:24px 16px;text-align:center;color:var(--dim);font-size:.8rem}
.site-mini .mail{color:var(--muted);user-select:all}