/* TOPFIT unified navigation + retention UX, 2026-09-08 */
.tf-topbar{position:sticky!important;top:0!important;z-index:10020!important;background:rgba(9,9,15,.97)!important;border-bottom:1px solid rgba(210,62,255,.20)!important;backdrop-filter:blur(16px)}
.tf-topbar .tf-wrap{max-width:1320px!important;width:calc(100% - 32px)!important;min-height:72px!important;margin:auto!important;padding:0!important;display:flex!important;align-items:center!important;gap:18px!important}
.tf-topbar .tf-brand{display:flex!important;align-items:center!important;flex:0 0 auto!important}
.tf-topbar .tf-logo{height:42px!important;width:auto!important;max-width:120px!important;display:block!important}
.tf-toplinks{display:flex!important;align-items:center!important;justify-content:center!important;gap:15px!important;flex:1 1 auto!important;white-space:nowrap!important;min-width:0!important}
.tf-toplinks a{color:#f5f5f7!important;font:700 12px 'PT Sans Caption',sans-serif!important;text-decoration:none!important;padding:26px 0!important}
.tf-toplinks a:hover{color:#39d8ff!important}
.tf-head-tools{display:flex!important;align-items:center!important;gap:9px!important;flex:0 0 auto!important}
.tf-search-open,.tf-lang-mini a,.tf-head-book{height:38px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;text-decoration:none!important;font:700 12px 'PT Sans Caption',sans-serif!important}
.tf-search-open{width:40px!important;border:1px solid rgba(255,255,255,.18)!important;background:#14141d!important;color:#fff!important;cursor:pointer!important}
.tf-lang-mini{display:flex!important;gap:4px!important;padding:3px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;background:#111119!important}
.tf-lang-mini a{height:30px!important;padding:0 8px!important;color:#c8c8d1!important}
.tf-lang-mini a.active{background:linear-gradient(90deg,#bd34ff,#25c8ff)!important;color:#08080d!important}
.tf-head-book{padding:0 15px!important;background:linear-gradient(90deg,#bd34ff,#25c8ff)!important;color:#08080d!important}
.tf-nav-toggle{display:none!important}
.tf-page-trail{background:#0d0d14;border-bottom:1px solid rgba(255,255,255,.07)}
.tf-page-trail .tf-wrap{max-width:1320px!important;width:calc(100% - 32px)!important;margin:auto!important;padding:9px 0!important;display:flex!important;align-items:center!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none!important}
.tf-page-trail a,.tf-page-trail button{white-space:nowrap!important;border:1px solid rgba(255,255,255,.12)!important;background:#15151e!important;color:#ddd!important;border-radius:999px!important;padding:8px 12px!important;font:700 12px 'PT Sans Caption',sans-serif!important;text-decoration:none!important;cursor:pointer!important}
.tf-page-trail .tf-trail-home{color:#7ce7ff!important}
.tf-overlay{z-index:10030!important}.tf-drawer{z-index:10040!important}
.tf-search-modal{position:fixed;inset:0;z-index:10060;display:none;align-items:flex-start;justify-content:center;padding:8vh 18px;background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}
.tf-search-modal.is-open{display:flex}.tf-search-panel{width:min(760px,100%);max-height:82vh;overflow:hidden;background:#101018;border:1px solid rgba(206,78,255,.35);border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.55)}
.tf-search-head{display:flex;gap:10px;padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.tf-search-input{flex:1;min-width:0;background:#09090f;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:14px 16px;color:#fff;font:600 16px 'PT Sans Caption',sans-serif;outline:none}
.tf-search-input:focus{border-color:#3dd8ff}.tf-search-close{width:48px;border:0;border-radius:14px;background:#242432;color:#fff;font-size:24px;cursor:pointer}
.tf-search-hint{padding:12px 18px;color:#aaa;font-size:12px}.tf-search-results{max-height:58vh;overflow:auto;padding:0 10px 14px}
.tf-search-result{display:block;padding:12px 14px;margin:4px 0;border-radius:12px;color:#f7f7fa!important;text-decoration:none!important;background:#171720;border:1px solid transparent}
.tf-search-result:hover{border-color:rgba(63,216,255,.45);background:#1c1c28}.tf-search-result small{display:block;color:#999;margin-top:3px}
.tf-mobile-bottom{display:none}
@media(max-width:1180px) and (min-width:901px){.tf-toplinks{gap:10px!important}.tf-toplinks a{font-size:11px!important}.tf-head-book{padding:0 12px!important}}
@media(max-width:900px){
 body{padding-bottom:64px!important}.tf-topbar{height:60px!important;min-height:60px!important}.tf-topbar .tf-wrap{height:60px!important;min-height:60px!important;width:100%!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) 52px!important;padding:0 8px!important;gap:0!important}
 .tf-topbar .tf-brand{grid-column:2!important;justify-self:center!important}.tf-topbar .tf-logo{height:32px!important;max-width:112px!important}
 .tf-toplinks,.tf-head-tools{display:none!important}.tf-nav-toggle{display:flex!important;position:absolute!important;left:8px!important;top:10px!important;right:auto!important;width:42px!important;height:40px!important;padding:0!important;border-radius:12px!important;align-items:center!important;justify-content:center!important;z-index:10025!important;background:#181821!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;font-size:0!important}
 .tf-nav-toggle span{font-size:22px!important;line-height:1!important}.tf-mobile-lang{display:flex!important;position:absolute!important;right:8px!important;top:13px!important;z-index:10025!important;gap:3px!important}.tf-mobile-lang a{font:800 11px 'PT Sans Caption',sans-serif!important;color:#aaa!important;text-decoration:none!important;padding:7px 6px!important;border-radius:9px!important}.tf-mobile-lang a.active{background:#242432!important;color:#fff!important}
 .tf-page-trail .tf-wrap{width:calc(100% - 20px)!important;padding:8px 0!important}.tf-page-trail a,.tf-page-trail button{padding:7px 10px!important;font-size:11px!important}
 .tf-mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;z-index:10015;background:rgba(9,9,15,.97);border-top:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);padding:6px 4px max(6px,env(safe-area-inset-bottom))}
 .tf-mobile-bottom a,.tf-mobile-bottom button{border:0;background:transparent;color:#d8d8df;text-decoration:none;font:700 10px 'PT Sans Caption',sans-serif;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;min-height:46px}.tf-mobile-bottom b{font-size:18px;line-height:1}.tf-mobile-bottom .book{color:#71e6ff}
 .tf-mobile-quick{display:none!important}
}

/* 2026-09-08 mobile sticky retention header: logo | admin Telegram | menu */
@media(max-width:900px){
  .tf-topbar{position:sticky!important;top:0!important;z-index:10020!important;height:58px!important;min-height:58px!important}
  .tf-topbar .tf-wrap{height:58px!important;min-height:58px!important;width:100%!important;display:grid!important;grid-template-columns:48px minmax(150px,1fr) 48px!important;align-items:center!important;gap:8px!important;padding:0 8px!important;box-sizing:border-box!important}
  .tf-topbar .tf-brand{grid-column:1!important;justify-self:start!important;width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
  .tf-topbar .tf-logo{height:34px!important;width:34px!important;max-width:34px!important;object-fit:contain!important;margin:0!important}
  .tf-mobile-admin{grid-column:2!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;height:40px!important;min-width:0!important;padding:0 12px!important;border-radius:999px!important;background:linear-gradient(90deg,#bd34ff,#25c8ff)!important;color:#08080d!important;-webkit-text-fill-color:#08080d!important;text-decoration:none!important;font:800 12px 'PT Sans Caption',sans-serif!important;white-space:nowrap!important;box-shadow:0 5px 18px rgba(37,200,255,.18)!important}
  .tf-mobile-admin .tf-mobile-admin-icon{font-size:15px!important;line-height:1!important}
  .tf-mobile-admin .tf-mobile-admin-short{display:none!important}
  .tf-nav-toggle{display:flex!important;position:relative!important;grid-column:3!important;justify-self:end!important;left:auto!important;right:auto!important;top:auto!important;width:42px!important;height:42px!important;border-radius:12px!important;z-index:10025!important}
  .tf-mobile-lang{display:none!important}
  .tf-mobile-quick{display:none!important}
  .tf-toplinks,.tf-head-tools,.tf-head-actions{display:none!important}
}
@media(max-width:390px){
  .tf-topbar .tf-wrap{grid-template-columns:44px minmax(126px,1fr) 44px!important;gap:6px!important;padding:0 6px!important}
  .tf-topbar .tf-brand{width:40px!important;height:40px!important}
  .tf-topbar .tf-logo{height:31px!important;width:31px!important;max-width:31px!important}
  .tf-mobile-admin{height:38px!important;padding:0 10px!important;font-size:11px!important}
  .tf-mobile-admin .tf-mobile-admin-full{display:none!important}
  .tf-mobile-admin .tf-mobile-admin-short{display:inline!important}
  .tf-nav-toggle{width:40px!important;height:40px!important}
}
/* fix: hamburger lives outside header DOM, pin it to the right slot */
@media(max-width:900px){
  .tf-nav-toggle{position:fixed!important;right:8px!important;left:auto!important;top:8px!important;margin:0!important}
}
@media(max-width:390px){.tf-nav-toggle{right:6px!important;top:9px!important}}

/* 2026-09-08 FINAL CLEAN HEADER FIX
   Desktop: logo | directions | trainers | personal | schedule | prices | trial | UA/RU | book
   Mobile: logo | admin Telegram | menu. No overlapping trail. */
.tf-mobile-admin,.tf-mobile-lang{display:none!important}
.tf-page-trail{display:none!important}
@media(min-width:901px){
  .tf-topbar{height:72px!important;min-height:72px!important}
  .tf-topbar .tf-wrap{max-width:1240px!important;width:calc(100% - 40px)!important;min-height:72px!important;display:flex!important;align-items:center!important;gap:20px!important;padding:0!important}
  .tf-topbar .tf-brand{display:flex!important;flex:0 0 auto!important}
  .tf-topbar .tf-logo{height:40px!important;width:auto!important;max-width:112px!important}
  .tf-toplinks{display:flex!important;flex:1 1 auto!important;align-items:center!important;justify-content:center!important;gap:17px!important;white-space:nowrap!important}
  .tf-toplinks a{font-size:12px!important;padding:27px 0!important}
  .tf-head-tools{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important}
  .tf-search-open{display:none!important}
  .tf-lang-mini{display:flex!important}
  .tf-head-book{display:inline-flex!important;min-width:100px!important}
  .tf-nav-toggle,.tf-mobile-admin,.tf-mobile-lang{display:none!important}
}
@media(min-width:901px) and (max-width:1120px){
  .tf-topbar .tf-wrap{width:calc(100% - 24px)!important;gap:12px!important}
  .tf-toplinks{gap:10px!important}
  .tf-toplinks a{font-size:11px!important}
  .tf-head-book{padding:0 12px!important;min-width:auto!important}
}
@media(max-width:900px){
  body{padding-top:0!important;padding-bottom:64px!important}
  .tf-topbar{position:sticky!important;top:0!important;z-index:10020!important;height:58px!important;min-height:58px!important;overflow:visible!important}
  .tf-topbar .tf-wrap{height:58px!important;min-height:58px!important;width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;gap:8px!important;padding:0 8px!important;box-sizing:border-box!important}
  .tf-topbar .tf-brand{grid-column:1!important;display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;margin:0!important;overflow:hidden!important}
  .tf-topbar .tf-logo{height:32px!important;width:32px!important;max-width:32px!important;object-fit:contain!important;margin:0!important}
  .tf-mobile-admin{grid-column:2!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:38px!important;min-width:0!important;max-width:100%!important;padding:0 12px!important;border-radius:999px!important;background:linear-gradient(90deg,#bd34ff,#25c8ff)!important;color:#08080d!important;-webkit-text-fill-color:#08080d!important;text-decoration:none!important;font:800 12px 'PT Sans Caption',sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;box-shadow:none!important}
  .tf-mobile-admin .tf-mobile-admin-icon{font-size:14px!important;flex:0 0 auto!important}
  .tf-mobile-admin .tf-mobile-admin-full{display:inline!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .tf-mobile-admin .tf-mobile-admin-short{display:none!important}
  .tf-nav-toggle{display:flex!important;position:fixed!important;right:8px!important;left:auto!important;top:8px!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;border-radius:12px!important;align-items:center!important;justify-content:center!important;z-index:10025!important;background:#181821!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;font-size:0!important}
  .tf-nav-toggle span{font-size:22px!important;line-height:1!important;margin:0!important}
  .tf-toplinks,.tf-head-tools,.tf-head-actions,.tf-mobile-lang,.tf-page-trail{display:none!important}
}
@media(max-width:420px){
  .tf-topbar .tf-wrap{grid-template-columns:42px minmax(0,1fr) 42px!important;gap:6px!important;padding:0 6px!important}
  .tf-mobile-admin{height:36px!important;padding:0 10px!important;font-size:11px!important}
  .tf-mobile-admin .tf-mobile-admin-full{display:none!important}
  .tf-mobile-admin .tf-mobile-admin-short{display:inline!important}
  .tf-nav-toggle{right:6px!important;top:9px!important;width:40px!important;height:40px!important}
}

/* 2026-09-08 MOBILE HEADER OVERLAP HARD FIX
   Keep all three controls inside a single 58px sticky row. */
@media(max-width:900px){
  .tf-topbar{position:sticky!important;top:0!important;height:58px!important;min-height:58px!important;max-height:58px!important;overflow:visible!important}
  .tf-topbar .tf-wrap{position:relative!important;display:block!important;width:100%!important;max-width:none!important;height:58px!important;min-height:58px!important;max-height:58px!important;margin:0!important;padding:0!important;overflow:visible!important}
  .tf-topbar .tf-brand{position:absolute!important;left:8px!important;top:8px!important;width:42px!important;height:42px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2!important}
  .tf-topbar .tf-logo{width:32px!important;height:32px!important;max-width:32px!important;margin:0!important;object-fit:contain!important}
  .tf-mobile-admin{position:absolute!important;left:60px!important;right:60px!important;top:10px!important;width:auto!important;max-width:none!important;height:38px!important;margin:0!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;z-index:2!important}
  .tf-nav-toggle{position:fixed!important;right:8px!important;left:auto!important;top:8px!important;width:42px!important;height:42px!important;margin:0!important;z-index:10025!important}
  .tf-page-trail{display:none!important}
}
@media(max-width:420px){
  .tf-topbar .tf-brand{left:6px!important;top:9px!important;width:40px!important;height:40px!important}
  .tf-topbar .tf-logo{width:30px!important;height:30px!important;max-width:30px!important}
  .tf-mobile-admin{left:54px!important;right:54px!important;top:11px!important;height:36px!important;padding:0 8px!important;font-size:11px!important}
  .tf-nav-toggle{right:6px!important;top:9px!important;width:40px!important;height:40px!important}
}

/* 2026-09-08 MOBILE DARK BACKGROUND HARD FIX
   Prevents white gaps/containers on dark TOPFIT content pages when sections reflow on mobile. */
@media (max-width: 900px){
  html{background:#09090d!important;}
  body.tf-page{background:#09090d!important;color:#f5f5f7!important;min-height:100vh!important;}
  body.tf-page main,
  body.tf-page .tf-hero,
  body.tf-page .tf-section,
  body.tf-page .tf-seo-commerce,
  body.tf-page .tf-seo-growth,
  body.tf-page .tf-commercial,
  body.tf-page .tf-gsc-deep,
  body.tf-page .tf-page-trail,
  body.tf-page .tf-related,
  body.tf-page section:not(.tf-trial-ribbon){background-color:#09090d!important;}
  body.tf-page .tf-section.alt{background:#0e0e14!important;}
  body.tf-page .tf-commercial-card,
  body.tf-page .tf-card,
  body.tf-page .tf-faq details,
  body.tf-page .tf-gsc-card,
  body.tf-page .tf-gsc-faq details{
    background:#15151d!important;
    color:#f5f5f7!important;
    border-color:rgba(255,255,255,.10)!important;
  }
  body.tf-page .tf-commercial-cta,
  body.tf-page .tf-note,
  body.tf-page .tf-gsc-note{background:rgba(214,51,255,.08)!important;color:#f5f5f7!important;}
  body.tf-page .tf-commercial-card p,
  body.tf-page .tf-commercial-card li,
  body.tf-page .tf-commercial-card h2,
  body.tf-page .tf-commercial-card h3,
  body.tf-page .tf-section p,
  body.tf-page .tf-section li{color:#e7e3eb!important;}
}