/* Оптимизации производительности для анимации самолета */

/* Отключаем анимацию на устройствах с предпочтением уменьшенного движения */
@media (prefers-reduced-motion: reduce) {
  section.steps svg,
  section.steps #plane,
  section.steps #maskPath22,
  section.steps #flightPath {
    animation: none !important;
    transition: none !important;
  }
}

/* Оптимизации для слабых устройств */
@media (max-width: 768px) {
  section.steps svg {
    /* Уменьшаем сложность рендеринга на мобильных */
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
  }
  
  /* Упрощаем анимацию на мобильных */
  section.steps #plane {
    will-change: transform;
    transform: translateZ(0);
  }
}

/* Оптимизации для устройств с низкой производительностью */
@media (max-width: 480px) {
  section.steps {
    /* Уменьшаем размер SVG на очень маленьких экранах */
    background-size: 80% auto;
  }
  
  section.steps svg {
    width: 80% !important;
    height: auto !important;
  }
}

/* Оптимизации для устройств с высоким DPI */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  section.steps svg {
    /* Улучшаем рендеринг на Retina дисплеях */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
}

/* Оптимизации для устройств с ограниченной памятью */
@media (max-width: 320px) {
  section.steps {
    /* Минимальные настройки для очень старых устройств */
    background-image: none;
  }
  
  section.steps svg {
    display: none;
  }
}

/* Оптимизации для устройств в режиме экономии батареи */
@media (prefers-reduced-motion: reduce) {
  section.steps svg {
    /* Показываем статичное изображение вместо анимации */
    animation: none !important;
  }
  
  section.steps #plane {
    /* Показываем самолет в конечной позиции */
    transform: translate(1075.44px, 2.46699px) !important;
  }
  
  section.steps #maskPath22 {
    /* Показываем полный путь */
    stroke-dashoffset: 0 !important;
  }
}