/* =====================================================
   GYMSTAR – MOBILE PERFORMANCE & STABILITY OVERRIDE
   STABILNÁ VERZIA (bez zelených experimentov)
   ===================================================== */

@media (max-width: 980px){

  /* =============================
     1. VYPNUŤ ŤAŽKÉ EFEKTY
     ============================= */

  /* Vypni blur (hlavný zdroj janku) */
  .site-header,
  .drawer,
  .drawer-overlay,
  .panel,
  .card,
  .benefit,
  .cta-strip,
  .hero-btn,
  .video-frame .video-play,
  .video-frame .video-full{
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* Sekcie – vypni iba filter blur,
     NEZABÍJAJ pseudo-elementy (kvôli banner fade) */
  .section::before,
  .section::after{
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* Ak má sekcia viacvrstvové background gradienty */
  .section{
    background-image: none !important;
  }

  /* =============================
     2. HERO ČITATEĽNOSŤ
     ============================= */

  .hero-left::after{
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(0,0,0,.42) !important;
    border-color: rgba(255,255,255,.06) !important;
  }

  .hero{
    min-height: 100svh !important;
    height: auto !important;
  }

  /* =============================
     3. PEVNÉ TMAVÉ PANELY (bez gradientov)
     ============================= */

  .card,
  .panel,
  .benefit,
  .cta-strip,
  .drawer,
  .drawer-overlay,
  .contact-grid > *{
    background-image: none !important;
    background: rgba(10, 12, 18, .92) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: none !important;
  }

  /* Zabi glowy pseudo-elementy na kartách */
  .card::before, .card::after,
  .panel::before, .panel::after,
  .benefit::before, .benefit::after{
    content: none !important;
    display: none !important;
  }

  /* =============================
     4. KONTAKT – ponechaj banner fade
     ============================= */

  .contact-hero{
    position: relative;
    overflow: hidden;
  }

  .contact-hero::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background: linear-gradient(180deg,
      rgba(11,13,18,0.05) 0%,
      rgba(11,13,18,0.55) 45%,
      rgba(11,13,18,0.92) 100%
    );
  }

  .contact-hero > *{
    position: relative;
    z-index: 1;
  }

  /* =============================
     5. INPUTY
     ============================= */

  input, textarea, select{
    background: rgba(0,0,0,.35) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    color: #fff !important;
  }

  ::placeholder{
    color: rgba(255,255,255,.55) !important;
  }

  html{
    scroll-behavior: auto !important;
  }
}