/* v4-хром для клиентских страниц упражнений (шапка-пилюля + подвал).
   Линкуется ПОСЛЕ собственного <style> страницы - перебивает старые .site-head/.site-foot.
   Шапка sticky (не fixed) - резервирует место в потоке, не нужен padding-top у body. */
:root{
  --v4-green:#2db84e; --v4-green-btn:#1e8339; --v4-green-dark:#1a6e32;
  --v4-grad-cta:linear-gradient(93deg, #f2691f, #e3346b);
  --v4-cta-glow:0 8px 24px rgba(227,52,107,.32);
  --v4-glass-bg:rgba(255,255,255,.72); --v4-glass-line:rgba(0,0,0,.06);
  --v4-ease:cubic-bezier(.22,1,.36,1);
}
/* --- ШАПКА-ПИЛЮЛЯ --- */
.site-head{position:sticky; top:14px; z-index:50; background:transparent !important; border:0 !important; padding:0 14px; display:flex; justify-content:center; margin-bottom:8px}
.head-inner{pointer-events:auto; display:flex !important; align-items:center; gap:24px !important; width:100%; max-width:1096px; padding:8px 10px 8px 20px !important; border-radius:999px; flex-wrap:nowrap !important;
  background:var(--v4-glass-bg); -webkit-backdrop-filter:blur(20px) saturate(180%); backdrop-filter:blur(20px) saturate(180%);
  border:1px solid var(--v4-glass-line); box-shadow:0 8px 32px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.9)}
.site-head .logo-link{flex:none; display:flex; align-items:center}
.site-head .logo-link img{height:38px; width:auto; display:block}
.site-head .site-nav{display:flex; gap:4px 22px; flex-wrap:wrap; align-items:center}
.site-head .site-nav a{color:#1c1c1e; text-decoration:none; font-size:.93rem; font-weight:500; padding:6px 2px; border-radius:6px; white-space:nowrap; transition:color .18s}
.site-head .site-nav a:hover{color:var(--v4-green-dark)}
.site-head .v4-cta{margin-left:auto; flex:none; display:inline-block; font-size:.9rem; font-weight:700; color:#fff; background:var(--v4-grad-cta); box-shadow:var(--v4-cta-glow); padding:9px 18px; border-radius:999px; text-decoration:none; transition:transform .18s var(--v4-ease), filter .18s}
.site-head .v4-cta:hover{filter:brightness(1.08); transform:translateY(-1px)}
.v4-burger{display:none; margin-left:auto; flex:none; width:42px; height:42px; border:0; border-radius:12px; background:transparent; cursor:pointer; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:0}
.v4-burger span{display:block; width:20px; height:2px; border-radius:2px; background:#1c1c1e; transition:transform .25s var(--v4-ease), opacity .2s}
.v4-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.v4-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.v4-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.v4-mnav{position:fixed; top:70px; left:12px; right:12px; z-index:49; display:none; flex-direction:column; padding:10px;
  background:rgba(255,255,255,.94); -webkit-backdrop-filter:blur(20px) saturate(180%); backdrop-filter:blur(20px) saturate(180%);
  border:1px solid var(--v4-glass-line); border-radius:20px; box-shadow:0 18px 50px rgba(0,0,0,.18)}
.v4-mnav.openm{display:flex}
.v4-mnav a{padding:13px 14px; border-radius:12px; text-decoration:none; color:#1c1c1e; font-weight:600; font-size:1.05rem}
.v4-mnav a+a{border-top:1px solid rgba(0,0,0,.05)}
.v4-mnav .v4-cta{margin:8px 4px 4px; text-align:center; color:#fff; background:var(--v4-grad-cta); box-shadow:var(--v4-cta-glow)}
@media (max-width:840px){
  .site-head .site-nav, .site-head .v4-cta{display:none}
  .v4-burger{display:flex}
}
/* --- ПОДВАЛ --- */
.site-foot{position:relative; overflow:hidden; color:#d4d5d7 !important; font-size:.88rem; margin-top:48px;
  background:linear-gradient(155deg, #242a27 0%, #17191c 50%, #14111b 100%) !important; border-top:1px solid rgba(255,255,255,.08)}
.site-foot::before{content:""; position:absolute; left:-140px; top:-160px; width:480px; height:480px; border-radius:50%; pointer-events:none;
  background:radial-gradient(closest-side, rgba(45,184,78,.20), transparent); filter:blur(38px)}
.site-foot::after{content:""; position:absolute; right:-160px; bottom:-200px; width:520px; height:520px; border-radius:50%; pointer-events:none;
  background:radial-gradient(closest-side, rgba(242,105,31,.14), rgba(143,108,246,.12) 60%, transparent); filter:blur(42px)}
.site-foot .foot-inner{position:relative; z-index:1; max-width:1120px; margin:0 auto; padding:30px 20px 34px}
.foot-social{display:flex; gap:10px 14px; flex-wrap:wrap; margin:0 0 16px}
.foot-social a{display:inline-flex; align-items:center; gap:8px; color:#fff; text-decoration:none; font-weight:500; font-size:.88rem; padding:8px 15px; border-radius:999px;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); transition:background .18s}
.foot-social a:hover{background:rgba(255,255,255,.17)}
.foot-social svg{width:18px; height:18px; flex:none}
.foot-nav{display:flex; gap:8px 22px; flex-wrap:wrap; margin:0 0 12px; padding:0; list-style:none}
.foot-nav a{color:#d4d5d7; text-decoration:none; font-size:.88rem}
.foot-nav a:hover{color:#7ee2a8}
.site-foot .foot-contacts{display:flex; gap:8px 26px; flex-wrap:wrap; margin:0 0 12px; padding:0; list-style:none}
.site-foot .foot-contacts a{color:#fff !important; text-decoration:none; font-weight:500}
.site-foot .foot-contacts a:hover{color:#7ee2a8 !important}
.site-foot .foot-copy{color:#b9bbbd !important; font-size:.8rem; line-height:1.5}