/* Легче — общая шапка и подвал публичных страниц (v2).
   Подключается после styles.css и перекрывает старую шапку. Классы .site-header, .main-nav,
   .menu-toggle и .header-cta сохранены: на них опираются site.js и legko-nav.js. */

header.site-header{--hd-green:#5a7f2c;--hd-dark:#1e3814;
  height:76px;padding:0 max(24px,calc((100% - 1200px)/2));display:flex;align-items:center;gap:28px;
  background:rgba(251,248,241,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(30,56,20,.06);position:sticky;top:0;z-index:50}

header.site-header .brand{display:inline-flex;align-items:center;gap:8px;font:700 italic 31px/1 var(--serif);letter-spacing:-.025em;color:var(--hd-dark);white-space:nowrap}
header.site-header .brand .logo-leaf{width:38px;height:38px;flex:none}
header.site-header .brand:focus-visible,header.site-header a:focus-visible,header.site-header button:focus-visible{outline:3px solid #8fae4f;outline-offset:3px;border-radius:10px}

header.site-header .main-nav{display:flex;align-items:center;gap:34px;margin-left:12px}
header.site-header .main-nav a{font:500 15px/1 var(--sans);color:#243a17;padding:10px 0;position:relative;transition:color .2s}
header.site-header .main-nav a:hover{color:var(--hd-green)}
header.site-header .main-nav a.active{color:var(--hd-green);font-weight:700}
header.site-header .main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:2px;background:var(--hd-green)}
header.site-header .main-nav .nav-login{display:none}

header.site-header .hd-actions{margin-left:auto;display:flex;align-items:center;gap:22px}
header.site-header .hd-login{font:600 14px/1 var(--sans);color:#243a17;padding:12px 4px}
header.site-header .hd-login:hover{color:var(--hd-green)}
header.site-header .header-cta{background:var(--hd-green);color:#fff;padding:14px 28px;border-radius:999px;font:600 15px/1 var(--sans);white-space:nowrap;box-shadow:0 8px 20px rgba(90,127,44,.25);transition:transform .2s,box-shadow .2s,background .2s}
header.site-header .header-cta:hover{background:#47661f;transform:translateY(-1px);box-shadow:0 12px 24px rgba(71,102,31,.3)}

header.site-header .menu-toggle{display:none}

@media(max-width:1040px){
  header.site-header{gap:14px;padding:0 20px;height:68px}
  header.site-header .brand{font-size:27px}
  header.site-header .brand .logo-leaf{width:33px;height:33px}
  header.site-header .hd-actions{gap:10px}
  header.site-header .hd-login{display:none}
  header.site-header .header-cta{padding:12px 20px;font-size:14px}
  header.site-header .menu-toggle{display:flex;width:44px;height:44px;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:#fffdf8;border:1px solid #d9dfc6;border-radius:50%;padding:0;order:3;cursor:pointer}
  header.site-header .menu-toggle i{display:block;width:18px;height:2px;border-radius:2px;background:var(--hd-dark)}
  header.site-header .main-nav{display:none;position:absolute;top:68px;left:0;right:0;margin:0;background:#fbf8f1;padding:10px 24px 22px;box-shadow:0 22px 30px rgba(30,56,20,.12);flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #eee8d8}
  header.site-header .main-nav.open{display:flex}
  header.site-header .main-nav a{font-size:17px;padding:16px 4px;border-bottom:1px solid #eee8d8}
  header.site-header .main-nav a.active:after{display:none}
  header.site-header .main-nav .nav-login{display:block;border-bottom:0;color:var(--hd-green);font-weight:700}
}
@media(max-width:420px){
  header.site-header{padding:0 14px}
  header.site-header .brand{font-size:25px}
  header.site-header .header-cta{padding:11px 15px;font-size:13px}
}

/* подвал: тот же логотип */
.site-footer .brand{display:inline-flex;align-items:center;gap:8px;font:700 italic 28px/1 var(--serif);letter-spacing:-.02em}
.site-footer .brand .logo-leaf{width:34px;height:34px}