/* Responsive: all media queries */
/* ===== RESPONSIVE ===== */
        @media(max-width:1024px){
            .hero{grid-template-columns:1fr}
            .hero::before{display:none}
            .hero-video-col{position:absolute;inset:-2px;z-index:0;clip-path:none;overflow:hidden}
            .hero-video-main video{object-fit:cover}
            .hero-video-bg{display:none}
            .hero-video-col::after{display:none}
            .hero-video-main::after{
                content:'';position:absolute;inset:0;z-index:2;
                background:linear-gradient(180deg,rgba(13,12,10,.85) 0%,rgba(13,12,10,.65) 40%,rgba(13,12,10,.75) 70%,rgba(13,12,10,.95) 100%);
            }
            .hero-content{position:relative;z-index:2;padding:80px 40px 60px}
            .hero-desc{color:rgba(255,255,255,.75)}
            .hero-trait{color:rgba(255,255,255,.8)}
            .hero-slogan{color:var(--yellow)}
            .hero-badge{display:none}
            .about-inner{grid-template-columns:1fr}
            .about-features{margin-top:32px}
            .ev-grid{grid-template-columns:1fr}
            .today-inner{grid-template-columns:1fr}
            .side-social{display:none}
        }
        @media(max-width:768px){
            .topbar{background:var(--dark) !important;color:rgba(255,255,255,.5) !important;border-bottom:1px solid rgba(255,255,255,.06) !important}
            .topbar-left a{color:rgba(255,255,255,.5) !important}
            .topbar-right a{color:rgba(255,255,255,.35) !important}
            .topbar-left{gap:12px}
            .topbar-left span.hide-mob{display:none}
            .nav{height:64px;background:var(--bg) !important;border-bottom:1px solid rgba(0,0,0,.06) !important}
            .nav.scrolled{background:var(--bg) !important;box-shadow:0 2px 12px rgba(0,0,0,.06)}
            .nav-left,.nav-account{display:none}
            .nav-burger{display:flex}
            .nav-burger span{background:var(--dark)}
            .nav-burger span::before,.nav-burger span::after{background:var(--dark)}
            .nav-burger.on span{background:transparent !important}
            .nav-logo img{height:40px}
            .nav-logo-text{font-size:.9rem}
            .nav-logo-text span{font-size:.55rem}
            .nav-inner{padding:0 20px}
            .announce-inner{padding:8px 20px;font-size:.72rem}
            .nav-cta{background:var(--dark) !important;color:#fff !important;padding:8px 18px;font-size:.7rem}
            .hero-content{padding:60px 24px 48px}
            .hero-btns{flex-direction:column;width:100%}
            .btn-y,.btn-o{width:100%;justify-content:center}
            .about-inner{padding:0 24px;gap:32px}
            .about-features{grid-template-columns:1fr}
            .schedule-inner{padding:0 24px}
            .sch{display:none}
            .sch-legend{display:none}
            .sch-mob{display:flex !important}
            .banner{padding:32px 0}
            .banner-inner{padding:0 24px;flex-direction:column;text-align:center}
            .events-inner{padding:0 24px}
            .today-inner{padding:0 24px;gap:32px}
            .today-cards{grid-template-columns:1fr}
            .stats-inner{grid-template-columns:1fr;padding:0 24px;gap:12px}
            .stat{padding:28px}
            .coaches-inner{padding:0 24px}
            .coaches-grid{grid-template-columns:1fr 1fr;gap:12px}
            .reviews-inner{padding:0 24px}
            .pricing-inner{padding:0 24px}
            .pricing-grid{grid-template-columns:1fr}
            .gallery-inner{padding:0 24px}
            .gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:160px 160px 160px}
            .gallery-item:nth-child(1){grid-column:span 2}
            .faq-inner{padding:0 24px}
            .contacts-inner{grid-template-columns:1fr;padding:0 24px;gap:32px}
            .contacts-map{min-height:280px}
            .news-inner{padding:0 24px}
            .news-grid{grid-template-columns:1fr}
            .footer-top{grid-template-columns:1fr 1fr;gap:28px}
            .footer-inner{padding:0 24px}
            .footer-bottom{flex-direction:column;gap:10px;text-align:center}
            .footer-inner{flex-direction:column;gap:14px;text-align:center;padding:0 24px}
        }