/* Шапка с меню для страниц с собственной вёрсткой (/fitobot, /fitolab, /ai-master): та же, что на главной. */
.site-header,.m-menu{--green:#758D64;--green-dark:#5f7551;--hero-top:#FFFEF5;--hero-bottom:#DDDBCD;--font-body:'Manrope',Arial,sans-serif;--font-head:'Bebas Neue','Arial Narrow',Arial,sans-serif;--gutter:clamp(20px,4.7vw,60px)}
.site-header,.site-header *,.m-menu,.m-menu *{box-sizing:border-box}
.site-header{position:fixed;left:0;right:0;top:0;z-index:60;font-family:var(--font-body);color:#000;transition:background .3s ease,box-shadow .3s ease}
.site-header a{color:inherit}
.site-header img,.m-menu img{display:block;max-width:none}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;width:100%;margin:0 auto;padding-inline:var(--gutter)}
.logo{flex:none;display:block}
.header-nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:600;line-height:16px;letter-spacing:-.4px;text-transform:uppercase}
.header-nav a{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.main-nav a[aria-current="page"]{background:rgba(117,141,100,.18)}
.main-nav a[aria-current="page"]:hover{background:var(--green)}
#allrecords .hero{padding-top:128px!important}
@media (max-width:1400px){#allrecords .hero{padding-top:104px!important}}
/* ── Главное меню на главной ───────────────────────────────────────────── */
.main-nav{display:flex;align-items:center;gap:2px;margin-left:24px;margin-right:0;padding:5px;border-radius:40px;background:rgba(255,255,255,.62);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(117,141,100,.28);box-shadow:0 10px 28px -20px rgba(37,48,26,.5);
  font-size:13.5px;line-height:20px;font-weight:600;letter-spacing:-.1px}
.main-nav a{white-space:nowrap;text-decoration:none;padding:8px 12px;border-radius:30px;color:#1c2418;transition:background .2s,color .2s}
.main-nav a:hover{background:var(--green);color:#fff}
.support{display:flex;align-items:center;gap:12px;flex:none;padding-left:18px;border-left:1px solid rgba(0,0,0,.14)}
.support__label{font:600 11px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:rgba(0,0,0,.45)}
.support .header-nav{display:flex;gap:8px}
.support .header-nav a{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 15px;border-radius:30px;background:var(--green);color:#fff;font-size:11.5px;line-height:1;
  letter-spacing:.04em;text-transform:uppercase;transition:background .2s,transform .2s}
.support .header-nav a:hover{background:var(--green-dark);color:#fff;transform:translateY(-1px)}
.support .header-nav img{width:13px;height:13px;filter:brightness(0) invert(1)}
.m-burger{display:none;height:45px;padding:0 24px;border:1px solid rgba(0,0,0,.22);border-radius:40px;background:transparent;font:600 12px/1 var(--font-body);letter-spacing:-.2px;text-transform:uppercase;cursor:pointer}
.m-menu{position:fixed;inset:0;z-index:70;visibility:hidden;pointer-events:none;transition:visibility 0s .5s}
.m-menu.is-open{visibility:visible;pointer-events:auto;transition-delay:0s}
.m-menu__shade{position:absolute;inset:0;background:rgba(28,38,22,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .45s ease}
.m-menu.is-open .m-menu__shade{opacity:1}
.m-menu__box{position:absolute;inset:0 0 0 auto;display:flex;flex-direction:column;gap:18px;width:min(420px,90vw);padding:22px 28px 32px;overflow:hidden auto;
  background:linear-gradient(var(--hero-top),var(--hero-bottom));border-radius:28px 0 0 28px;box-shadow:-24px 0 60px -30px rgba(0,0,0,.5);
  transform:translateX(104%);transition:transform .55s cubic-bezier(.22,.8,.2,1)}
.m-menu.is-open .m-menu__box{transform:none}
.m-menu__leaf{position:absolute;right:-170px;bottom:-60px;width:520px;opacity:.5;pointer-events:none;transform:rotate(-12deg)}
.m-menu__top{position:relative;display:flex;align-items:center;justify-content:space-between}
.m-menu__logo img{width:65px;height:43px}
.m-menu__close{position:relative;width:46px;height:46px;border:1px solid rgba(0,0,0,.22);border-radius:50%;background:rgba(255,255,255,.6);cursor:pointer;transition:transform .4s ease,background .2s}
.m-menu__close span{position:absolute;left:13px;top:22px;width:18px;height:1.6px;background:#000;border-radius:2px;transform:rotate(45deg)}
.m-menu__close span + span{transform:rotate(-45deg)}
.m-menu.is-open .m-menu__close{animation:m-spin .6s .1s cubic-bezier(.2,.8,.2,1) both}
@keyframes m-spin{from{transform:rotate(-90deg) scale(.6);opacity:0}to{transform:none;opacity:1}}
.m-menu nav{position:relative;display:grid;margin-top:22px}
.m-menu nav a{display:flex;align-items:baseline;gap:14px;padding:11px 0;border-bottom:1px solid rgba(117,141,100,.28);font:400 clamp(24px,7vw,29px)/1.1 var(--font-head);
  text-decoration:none;text-transform:uppercase;color:#000;opacity:0;transform:translateX(34px);
  transition:opacity .5s ease calc(.15s + var(--i) * .07s),transform .6s cubic-bezier(.2,.8,.2,1) calc(.15s + var(--i) * .07s),color .2s}
.m-menu nav a small{font:600 12px/1 var(--font-body);letter-spacing:.1em;color:var(--green)}
.m-menu nav a:active,.m-menu nav a:hover{color:var(--green-dark)}
.m-menu.is-open nav a{opacity:1;transform:none}
.m-menu__sup{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;opacity:0;transform:translateY(16px);
  transition:opacity .5s ease calc(.15s + var(--i) * .07s),transform .6s cubic-bezier(.2,.8,.2,1) calc(.15s + var(--i) * .07s)}
.m-menu.is-open .m-menu__sup{opacity:1;transform:none}
.m-pill{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 22px;border-radius:40px;background:var(--green);color:#fff;font:600 13px/1 var(--font-body);letter-spacing:.02em;text-transform:uppercase;text-decoration:none}
.m-pill img{width:14px;height:14px;filter:brightness(0) invert(1)}
@media (prefers-reduced-motion:reduce){.m-menu__box,.m-menu nav a,.m-menu__sup,.m-menu__shade{transition:none}.m-menu.is-open .m-menu__close{animation:none}}
@media (max-width:1400px){
  .main-nav{display:none}
  .support{display:none}
  .m-burger{display:inline-flex;align-items:center;margin-left:auto}
}
/* шапка главной шире основной сетки: в неё помещается меню + блок поддержки */
.site-header .wrap{max-width:1440px}
.site-header .logo img{width:50px;height:33px}

/* шапка: логотип, меню и блок «Поддержка» стоят рядом одной группой по центру */
.site-header .wrap{justify-content:center}
.support{margin-left:18px}
@media (max-width:1400px){.site-header .wrap{justify-content:space-between}}

.site-header .wrap{gap:0}
.main-nav{margin-left:22px}
.support{margin-left:18px}

/* закрепление при прокрутке (везде, и на телефоне): сверху прозрачная, при прокрутке — матовое полупрозрачное стекло */
.site-header .wrap{padding-bottom:0;transition:padding .3s ease}
.site-header.is-stuck{background:rgba(255,254,245,.66);-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);box-shadow:0 1px 0 rgba(117,141,100,.22),0 14px 30px -24px rgba(37,48,26,.45)}
.site-header.is-stuck .wrap{padding-top:10px;padding-bottom:10px}

/* градиент у нижнего края экрана: текст уходит «под дымку» при прокрутке; у подвала скрывается */
.page-fade{position:fixed;left:0;right:0;bottom:0;height:76px;z-index:40;pointer-events:none;opacity:1;transition:opacity .35s ease;
  background:linear-gradient(to bottom,rgba(255,255,255,0),var(--fade,#fff) 88%)}
.page-fade.is-off{opacity:0}