/* ==========================================================================
   Мобільні оптимізації для NexioGate
   ========================================================================== */

/* Загальні оптимізації продуктивності */
@media screen and (max-width: 767px) {
  /* Відключення важких анімацій */
  [data-w-id] {
    transform: none !important;
    opacity: 1 !important;
    transition: none !important;
    will-change: auto !important;
  }

  /* Оптимізація рендерингу */
  * {
    will-change: auto !important;
    transform: translateZ(0) !important;
  }

  /* Спрощення градієнтів для кращої продуктивності */
  .section-features,
  .section_testimonial,
  .padding-section-medium {
    background: linear-gradient(135deg, #3c00ab 0%, #200045 100%) !important;
  }

  /* Прискорення завантаження тексту */
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeSpeed;
  }

  /* Оптимізація зображень */
  img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
  }

  /* Спрощення складних елементів */
  .calculator-wrapper {
    background: rgba(0, 0, 60, 0.95) !important;
    backdrop-filter: none !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
  }

  /* Оптимізація форм */
  .register-form input {
    transform: none !important;
    transition: border-color 0.2s ease !important;
  }

  /* Спрощення навігації */
  .navbar_menu {
    backdrop-filter: none !important;
  }
}

/* Оптимізації для дуже маленьких екранів */
@media screen and (max-width: 479px) {
  /* Приховування декоративних елементів */
  .testimonial-pattern-image,
  .review-pattern-image,
  .hero-pattern,
  .cta_background-image {
    display: none !important;
  }

  /* Спрощення відступів */
  .padding-section-large {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .padding-section-medium {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  /* Оптимізація сітки */
  .layout1_content,
  .header49_content,
  .testimonial18_list {
    grid-template-columns: 1fr !important;
    grid-gap: 1rem !important;
  }

  /* Спрощення карток */
  .testimonial18_card {
    padding: 1.5rem !important;
    border-radius: 10px !important;
  }

  /* Оптимізація тексту */
  h1 {
    font-size: 2rem !important;
    line-height: 1.3 !important;
  }

  h2 {
    font-size: 1.75rem !important;
    line-height: 1.3 !important;
  }

  /* Спрощення слайдерів */
  .slider-container {
    padding: 1rem 0 !important;
  }
}

/* Оптимізації для повільних з'єднань */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Спеціальні оптимізації для iOS */
@supports (-webkit-touch-callout: none) {
  .calculator-wrapper,
  .cta_component,
  .testimonial18_card {
    transform: translateZ(0);
    will-change: scroll-position;
  }
}

/* Критичні стилі для швидкого відображення */
.critical-content {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Оптимізація завантаження шрифтів */
@media screen and (max-width: 767px) {
  .w-webfont-loader * {
    font-display: swap;
  }
}