/* ProTrenerov 19.0.2 — stable cinematic background */
.site-cinematic-bg18{
  position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;
  z-index:0!important;overflow:hidden!important;background:#08110f!important;
  pointer-events:none!important;isolation:isolate!important;
}
.site-cinematic-bg18 .cinematic-video18{
  position:absolute!important;left:50%!important;top:50%!important;
  width:calc(100% + 56px)!important;height:calc(100% + 56px)!important;
  min-width:calc(100% + 56px)!important;min-height:calc(100% + 56px)!important;
  transform:translate(-50%,-50%) scale(1.01)!important;
  object-fit:cover!important;object-position:center!important;display:block!important;
  margin:0!important;opacity:0!important;visibility:visible!important;
  filter:blur(5px) brightness(.68) saturate(.90)!important;
  backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;
  will-change:opacity!important;transition:opacity .65s linear!important;
}
.site-cinematic-bg18 .cinematic-video18.is-active{opacity:1!important}
.site-cinematic-bg18 .cinematic-vignette18{
  position:absolute!important;inset:0!important;z-index:3!important;pointer-events:none!important;
  background:linear-gradient(180deg,rgba(247,250,245,.34) 0%,rgba(244,248,242,.24) 40%,rgba(240,245,238,.34) 100%)!important;
  backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;
}
/* The homepage itself is transparent so the cinematic layer remains visible through every section. */
body.home-page.cinematic-bg18,
body.home-page.cinematic-bg18 #main-content,
body.home-page.cinematic-bg18 main,
body.home-page.cinematic-bg18 .site-canvas,
html[data-theme="light"] body.home-page.cinematic-bg18 .sport-principles,
html[data-theme="light"] body.home-page.cinematic-bg18 .section-v4,
html[data-theme="light"] body.home-page.cinematic-bg18 .soft-section,
html[data-theme="light"] body.home-page.cinematic-bg18 .cta-v4,
html[data-theme="dark"] body.home-page.cinematic-bg18 .sport-principles,
html[data-theme="dark"] body.home-page.cinematic-bg18 .section-v4,
html[data-theme="dark"] body.home-page.cinematic-bg18 .soft-section,
html[data-theme="dark"] body.home-page.cinematic-bg18 .cta-v4{
  background:transparent!important;
}
.cinematic-bg18 .site-canvas{position:relative!important;z-index:1!important;min-height:100vh}
/* Preserve intentional cards/surfaces; only page-level section backgrounds are transparent. */
.cinematic-bg18 .sport-hero,
.cinematic-bg18 .pricing-hero18,
.cinematic-bg18 .partner-hero18,
.cinematic-bg18 .internal-hero18{
  background:rgba(255,255,252,.30)!important;
  backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
}
.cinematic-bg18 .catalog-toolbar{background:rgba(255,255,255,.62)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.cinematic-bg18 .content-card-v4,
.cinematic-bg18 .coach-card-v4,
.cinematic-bg18 .arena-card-v4,
.cinematic-bg18 .trainer-row-v4,
.cinematic-bg18 .dashboard-section,
.cinematic-bg18 .filter-panel-v4,
.cinematic-bg18 .empty-v4,
.cinematic-bg18 .info-card-v4,
.cinematic-bg18 .aside-box-v4,
.cinematic-bg18 .how-v4-grid,
.cinematic-bg18 .cta-card-v4,
.cinematic-bg18 .search-hub,
.cinematic-bg18 .arena-preview-card,
.cinematic-bg18 .map-preview-card,
.cinematic-bg18 .profile-card-v4,
.cinematic-bg18 .profile-action-v4,
.cinematic-bg18 .profile-tabs-v4,
.cinematic-bg18 .pricing-card18,
.cinematic-bg18 .tariff-card18,
.cinematic-bg18 .tariff-public18,
.cinematic-bg18 .pricing-terms18>div,
.cinematic-bg18 .pricing-legal18{
  background:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.cinematic-bg18 .site-footer{background:rgba(247,250,245,.88)!important}
/* Light homepage: the directions section must not revert to the legacy opaque --bg. */
html[data-theme="light"] body.home-page.cinematic-bg18 .home-directions,
html[data-theme="light"] body.home-page.cinematic-bg18 .home-coaches,
html[data-theme="light"] body.home-page.cinematic-bg18 #how{
  background:transparent!important;
}
/* Dark homepage: keep the video visible, with a readable dark wash and light cards. */
html[data-theme="dark"] .site-cinematic-bg18{background:#07100e!important}
html[data-theme="dark"] .site-cinematic-bg18 .cinematic-video18{
  filter:blur(5px) brightness(.38) saturate(.84) contrast(1.06)!important;
}
html[data-theme="dark"] .site-cinematic-bg18 .cinematic-vignette18{
  background:linear-gradient(180deg,rgba(5,11,10,.30) 0%,rgba(5,11,10,.20) 40%,rgba(5,11,10,.44) 100%)!important;
  backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;
}
html[data-theme="dark"] .cinematic-bg18 .sport-hero,
html[data-theme="dark"] .cinematic-bg18 .pricing-hero18,
html[data-theme="dark"] .cinematic-bg18 .partner-hero18,
html[data-theme="dark"] .cinematic-bg18 .internal-hero18{background:rgba(7,15,13,.34)!important}
html[data-theme="dark"] .cinematic-bg18 .content-card-v4,
html[data-theme="dark"] .cinematic-bg18 .coach-card-v4,
html[data-theme="dark"] .cinematic-bg18 .arena-card-v4,
html[data-theme="dark"] .cinematic-bg18 .trainer-row-v4,
html[data-theme="dark"] .cinematic-bg18 .dashboard-section,
html[data-theme="dark"] .cinematic-bg18 .filter-panel-v4,
html[data-theme="dark"] .cinematic-bg18 .empty-v4,
html[data-theme="dark"] .cinematic-bg18 .info-card-v4,
html[data-theme="dark"] .cinematic-bg18 .aside-box-v4,
html[data-theme="dark"] .cinematic-bg18 .search-hub,
html[data-theme="dark"] .cinematic-bg18 .arena-preview-card,
html[data-theme="dark"] .cinematic-bg18 .map-preview-card,
html[data-theme="dark"] .cinematic-bg18 .profile-card-v4,
html[data-theme="dark"] .cinematic-bg18 .profile-action-v4,
html[data-theme="dark"] .cinematic-bg18 .profile-tabs-v4,
html[data-theme="dark"] .cinematic-bg18 .pricing-card18,
html[data-theme="dark"] .cinematic-bg18 .tariff-card18,
html[data-theme="dark"] .cinematic-bg18 .tariff-public18,
html[data-theme="dark"] .cinematic-bg18 .pricing-terms18>div,
html[data-theme="dark"] .cinematic-bg18 .pricing-legal18{
  background:rgba(10,18,16,.76)!important;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
html[data-theme="dark"] .cinematic-bg18 .site-footer{background:rgba(6,12,11,.84)!important}
@media(max-width:760px){
  .site-cinematic-bg18{height:100dvh!important}
  .site-cinematic-bg18 .cinematic-video18{width:calc(100% + 36px)!important;height:calc(100% + 36px)!important;min-width:calc(100% + 36px)!important;min-height:calc(100% + 36px)!important;filter:blur(4px) brightness(.68) saturate(.88)!important}
  .site-cinematic-bg18 .cinematic-vignette18{backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}
  html[data-theme="dark"] .site-cinematic-bg18 .cinematic-video18{filter:blur(4px) brightness(.34) saturate(.80) contrast(1.06)!important}
}
@media(prefers-reduced-motion:reduce){
  .site-cinematic-bg18 .cinematic-video18{display:none!important}
  .site-cinematic-bg18{background:#edf1eb!important}
  html[data-theme="dark"] .site-cinematic-bg18{background:#08110f!important}
}