/* ===== PERFORMANCE OPTIMIZATION ===== */
/* Цей файл оптимізує продуктивність сайту */

/* Вимкнути важкі анімації на мобільних пристроях */
@media (max-width: 768px) {
    .cosmic-particles,
    .floating-orbs,
    .orb {
        display: none !important;
        animation: none !important;
    }
    
    .hero-background {
        display: none !important;
    }
}

/* Зменшити кількість backdrop-filter ефектів */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    .cosmic-particles,
    .floating-orbs,
    .orb {
        display: none !important;
    }
}

/* Оптимізація для слабких пристроїв */
@media (max-width: 1024px) {
    /* Зменшити розміри орб */
    .orb-1 {
        width: 150px !important;
        height: 150px !important;
    }
    
    .orb-2 {
        width: 100px !important;
        height: 100px !important;
    }
    
    .orb-3 {
        width: 75px !important;
        height: 75px !important;
    }
    
    /* Спростити backdrop-filter */
    .navbar {
        backdrop-filter: blur(10px) !important;
    }
    
    .feature-card,
    .service-preview-card {
        backdrop-filter: blur(5px) !important;
    }
}

/* Використовувати GPU прискорення для трансформацій */
.nav-link,
.btn,
.feature-card,
.service-preview-card {
    will-change: transform !important;
    transform: translateZ(0) !important;
}

/* Оптимізувати анімації - зменшити частоту */
.cosmic-particles {
    animation-duration: 40s !important;
}

.orb {
    animation-duration: 30s !important;
}

/* Спростити складні градієнти */
.hero-background {
    background: var(--background-color) !important;
    background-image: none !important;
}

/* Вимкнути непотрібні ефекти */
.scroll-indicator {
    display: none !important;
}

/* Оптимізувати тіні */
.feature-card:hover,
.service-preview-card:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
}

/* Спростити hover ефекти */
.nav-link:hover {
    transform: translateY(-1px) !important;
}

.btn:hover {
    transform: translateY(-2px) !important;
}

/* Вимкнути важкі анімації при наведенні */
.feature-card:hover::before,
.service-preview-card:hover::before {
    opacity: 0 !important;
}

/* Оптимізувати текстові тіні */
.hero-title .highlight,
.title-highlight {
    text-shadow: none !important;
}

/* Спростити subscription section */
.subscription-section::before,
.subscription-section::after {
    display: none !important;
}

/* Оптимізувати form ефекти */
.payment-form::before {
    display: none !important;
}

/* Вимкнути складні анімації кнопок */
.btn::before,
.btn::after {
    display: none !important;
}

/* Спростити анімації появи */
.title-line {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
}

/* Оптимізувати мобільне меню */
@media (max-width: 768px) {
    .nav-menu {
        backdrop-filter: blur(10px) !important;
    }
}