/* ══════════════════════════════════════════════════════════════
   ЕДИНАЯ ШАПКА САЙТА — один источник стилей для ВСЕХ страниц.
   Разметка: partials/header.php. Подключается и на главной (index.php),
   и на внутренних страницах (через head.php).
   Токены (--ink, --accent, --r-* и т.д.) берутся из :root страницы.
   ══════════════════════════════════════════════════════════════ */
.site-hdr{position:sticky;top:0;z-index:50;background:rgba(251,248,241,.88);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line-soft)}
.site-hdr__in{max-width:1320px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:22px}
.site-logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.site-logo__mark{width:56px;height:38px;display:grid;place-items:center;background:var(--ink);border-radius:9px;flex-shrink:0;padding:4px 8px}
.site-logo__mark img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.site-logo__txt{display:flex;flex-direction:column;line-height:1}
.site-logo__txt strong{font-family:var(--serif);font-size:20px;font-weight:500;color:var(--ink);letter-spacing:-.015em;line-height:1}
.site-logo__txt small{font-family:var(--sans);font-size:10px;font-weight:500;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.12em;margin-top:3px}
.site-nav{display:flex;gap:2px;margin-left:auto}
.site-nav a{padding:7px 9px;border-radius:var(--r-sm);font-size:13px;font-weight:500;color:var(--ink-2);text-decoration:none;white-space:nowrap;transition:.15s}
.site-nav a:hover{background:var(--surface-2);color:var(--ink)}
.site-nav a.is-active{color:var(--accent);background:var(--accent-soft);font-weight:700}
.site-phone{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:15px;color:var(--ink);white-space:nowrap;text-decoration:none}
.site-phone svg{color:var(--accent)}
.site-cta{display:inline-flex;align-items:center;border:none;cursor:pointer;background:var(--accent);color:#fff;
  font-family:var(--sans);font-size:15px;font-weight:600;padding:10px 18px;border-radius:var(--r-md);transition:.18s;text-decoration:none}
.site-cta:hover{background:#1b8a92;transform:translateY(-1px)}
.site-burger{display:none;flex-direction:column;gap:4px;width:42px;height:38px;background:none;border:1px solid var(--line);border-radius:8px;cursor:pointer;padding:0;align-items:center;justify-content:center}
.site-burger span{width:18px;height:2px;background:var(--ink);border-radius:2px;transition:.2s}

/* Кнопки разделов — в строку на десктопе/ноутбуке. Чтобы все влезали, на узких
   экранах сначала прячем кнопку «Оставить заявку», потом номер телефона (иконка
   остаётся), и только на телефонах (≤880px) меню сворачивается в бургер. */
@media (max-width:1240px){ .site-cta{display:none} }
@media (max-width:1040px){ .site-phone span{display:none} }
@media (max-width:880px){
  .site-nav{position:fixed;inset:64px 0 auto;flex-direction:column;gap:0;background:var(--surface);
    border-bottom:1px solid var(--line);padding:8px;margin:0;transform:translateY(-130%);transition:.25s;box-shadow:var(--sh-2);z-index:60}
  body.nav-open .site-nav{transform:translateY(0)}
  .site-nav a{padding:13px 14px;font-size:16px;border-radius:var(--r-sm);white-space:normal}
  .site-phone{margin-left:auto}
  .site-burger{display:flex}
}