/**
 * Оптимизация для мобильных устройств
 * Отключаем тяжелые эффекты: blur, тени, анимации
 * Дата: 16.12.2025
 */

/* ============================================
   МОБИЛЬНЫЕ УСТРОЙСТВА (до 991px)
   ============================================ */
@media (max-width: 991px) {
    
    /* ==========================================
       ОТКЛЮЧАЕМ BLUR ЭФФЕКТЫ
       ========================================== */
    
    /* Убираем blur-фон в карточках */
    .blur-background {
        display: none !important;
    }
    
    /* Убираем backdrop-filter (тяжелый эффект) */
    * {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    
    /* ==========================================
       УПРОЩАЕМ ТЕНИ
       ========================================== */
    
    /* Убираем сложные тени в карточках */
    .cart {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    }
    
    /* Убираем drop-shadow фильтры */
    .cart img,
    .cart video,
    .cart .animated-photo {
        filter: none !important;
        -webkit-filter: none !important;
    }

    /* НО: иконки метро/район/пригород в карточке оставляем в цвет дизайна */
    .cart .infTop .metro img,
    .cart .infTop .rayon img,
    .cart .infTop .prigorod img {
        filter: brightness(0) invert(1) drop-shadow(0 0 4px rgba(64,224,255,.6)) !important;
        -webkit-filter: brightness(0) invert(1) drop-shadow(0 0 4px rgba(64,224,255,.6)) !important;
    }
    
    /* Упрощаем тени при hover */
    .cart:hover {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
    }
    
    /* ==========================================
       ОТКЛЮЧАЕМ ТЯЖЕЛЫЕ АНИМАЦИИ
       ========================================== */
    
    /* Отключаем анимации свечения */
    .premium-photo-glow,
    .premium-top-glow,
    .premium-bottom-glow,
    [class*="glow"] {
        animation: none !important;
    }
    
    /* Отключаем анимации пульсации */
    [class*="pulse"],
    [class*="Pulse"] {
        animation: none !important;
    }
    
    /* Отключаем анимации покачивания и дыхания */
    .breathe,
    .gentleSway,
    [class*="sway"] {
        animation: none !important;
    }
    
    /* Упрощаем transition для быстрой отзывчивости */
    .cart,
    .cart *,
    .mini-cart-girl,
    .mini-cart-girl * {
        transition-duration: 0.15s !important;
    }
    
    /* Отключаем transform анимации при hover (кроме scale) */
    .cart:hover img,
    .cart:hover video {
        transform: scale(1.02) !important;
    }
    
    /* ==========================================
       ОПТИМИЗАЦИЯ РЕНДЕРИНГА
       ========================================== */
    
    /* Включаем аппаратное ускорение для карточек */
    .cart {
        will-change: auto !important;
        contain: layout style paint !important;
    }
    
    /* Оптимизируем отрисовку изображений */
    .cart img,
    .cart video {
        image-rendering: auto !important;
        will-change: auto !important;
    }
    
    /* ==========================================
       УБИРАЕМ ДЕКОРАТИВНЫЕ ЭФФЕКТЫ
       ========================================== */
    
    /* Убираем градиентные эффекты в заголовках */
    .gradient-text,
    [class*="gradient"] {
        background: none !important;
        -webkit-background-clip: unset !important;
        background-clip: unset !important;
        -webkit-text-fill-color: inherit !important;
    }
    
    /* Убираем сложные границы */
    .premium-border,
    [class*="premium-border"] {
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
    
    /* ==========================================
       ОПТИМИЗАЦИЯ ШРИФТОВ
       ========================================== */
    
    /* Отключаем text-shadow */
    h1, h2, h3, h4, h5, h6,
    .title, .name, .cost,
    [class*="title"],
    [class*="heading"] {
        text-shadow: none !important;
    }
}

/* ============================================
   ОТКЛЮЧАЕМ ДВИЖЕНИЕ КАРТОЧЕК ПРИ НАВЕДЕНИИ (до 1200px)
   ============================================ */
@media (max-width: 1200px) {
    
    /* Убираем смещение карточки при hover */
    .cart:hover {
        transform: none !important;
    }
    
    /* Убираем смещение карточек в разделе "Девушки поблизости" */
    main .main-content .others .girls .cart:hover {
        transform: none !important;
    }
    
    /* Убираем смещение текста при hover */
    .cart:hover .infTop .col .name a,
    .cart:hover .infTop .col .name span[itemprop="name"],
    main .main-content .others .girls .cart:hover .infTop .col .name a,
    main .main-content .others .girls .cart:hover .infTop .col .name span[itemprop="name"] {
        transform: none !important;
    }
    
    /* Убираем анимированные подчеркивания */
    .cart:hover .infTop .col .name a::after,
    .cart:hover .infTop .col .name span[itemprop="name"]::after,
    main .main-content .others .girls .cart:hover .infTop .col .name a::after,
    main .main-content .others .girls .cart:hover .infTop .col .name span[itemprop="name"]::after {
        width: 0 !important;
    }
}

/* ============================================
   МАЛЕНЬКИЕ МОБИЛЬНЫЕ УСТРОЙСТВА (до 768px)
   ============================================ */
@media (max-width: 768px) {
    
    /* Ещё больше упрощаем тени */
    .cart {
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) !important;
    }
    
    .cart:hover {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
        transform: none !important;
        border-color: rgba(255, 255, 255, 0.1) !important;
    }
    
    /* Минимальные transition */
    .cart,
    .cart *,
    a,
    button {
        transition-duration: 0.1s !important;
    }
    
    /* Отключаем все transform */
    .cart:hover,
    .cart:hover img,
    .cart:hover video,
    .cart:hover * {
        transform: none !important;
    }
}

/* ============================================
   ПРАВОЕ МОБИЛЬНОЕ МЕНЮ — ПОЛНЫЙ РЕДИЗАЙН
   Чистый, минималистичный, компактный
   ============================================ */
@media (max-width: 1200px) {
    
    /* ==========================================
       СБРОС ВСЕХ СТИЛЕЙ МЕНЮ
       ========================================== */
    
    .slide-menu-right.slide-menu-filters {
        background: #0a0d14 !important;
        border-left: 1px solid rgba(255, 255, 255, 0.04) !important;
        box-shadow: -4px 0 24px rgba(0, 0, 0, 0.4) !important;
        width: 280px !important;
        max-width: 85% !important;
    }
    
    .slide-menu-right.slide-menu-filters::before {
        display: none !important;
    }
    
    .slide-menu-right .row {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* ==========================================
       КОНТЕЙНЕР КОНТЕНТА
       ========================================== */
    
    .slide-menu-filters .mobile-filters-content {
        background: transparent !important;
        padding: 20px 16px 40px 16px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }
    
    .slide-menu-filters .mobile-filters-content::before {
        display: none !important;
    }
    
    /* ==========================================
       СЕКЦИИ (ЛОКАЦИИ, ПОКАЗАТЬ ТОЛЬКО, и т.д.)
       ========================================== */
    
    .slide-menu-filters .mobile-filters-content .locationsWrapper,
    .slide-menu-filters .mobile-filters-content .showOnlyWrapper,
    .slide-menu-filters .mobile-filters-content .selectWrapper {
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
        margin: 0 0 24px 0 !important;
        box-shadow: none !important;
    }
    
    .slide-menu-filters .mobile-filters-content .locationsWrapper::before,
    .slide-menu-filters .mobile-filters-content .showOnlyWrapper::before,
    .slide-menu-filters .mobile-filters-content .selectWrapper::before {
        display: none !important;
    }
    
    .slide-menu-filters .mobile-filters-content .kindOfSelect {
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
    }
    
    .slide-menu-filters .mobile-filters-content .kindOfSelect:last-child {
        margin-bottom: 0 !important;
    }
    
    /* ==========================================
       ЗАГОЛОВКИ СЕКЦИЙ
       ========================================== */
    
    .slide-menu-filters .mobile-filters-content .kindOfSelect .title {
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        padding: 0 0 8px 0 !important;
        margin: 0 0 10px 0 !important;
        height: auto !important;
        min-height: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        position: relative !important;
    }
    
    .slide-menu-filters .mobile-filters-content .kindOfSelect .title::before,
    .slide-menu-filters .mobile-filters-content .kindOfSelect .title::after {
        display: none !important;
    }
    
    .slide-menu-filters .mobile-filters-content .kindOfSelect .title p {
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
        -webkit-background-clip: unset !important;
        background-clip: unset !important;
        -webkit-text-fill-color: rgba(255, 255, 255, 0.4) !important;
        color: rgba(255, 255, 255, 0.4) !important;
        text-shadow: none !important;
        animation: none !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        letter-spacing: 2px !important;
        text-transform: uppercase !important;
    }
    
    .slide-menu-filters .mobile-filters-content .kindOfSelect .title i {
        display: none !important;
    }
    
    /* ==========================================
       КНОПКИ — ЕДИНЫЙ СТИЛЬ
       ========================================== */
    
    /* Сброс для всех кнопок */
    .slide-menu-filters .mobile-filters-content .changeArea,
    .slide-menu-filters .mobile-filters-content .buttons {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        padding: 0 !important;
        margin: 0 !important;
        flex-direction: row !important;
    }
    
    .slide-menu-filters .mobile-filters-content .changeArea a,
    .slide-menu-filters .mobile-filters-content .buttons a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        
        /* Размеры */
        padding: 10px 14px !important;
        min-height: 38px !important;
        height: auto !important;
        
        /* Стиль */
        background: rgba(255, 255, 255, 0.03) !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        border-radius: 8px !important;
        
        /* Текст */
        font-size: 13px !important;
        font-weight: 500 !important;
        color: rgba(255, 255, 255, 0.75) !important;
        text-decoration: none !important;
        text-shadow: none !important;
        white-space: nowrap !important;
        
        /* Эффекты */
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        transition: background 0.15s, border-color 0.15s, color 0.15s !important;
        
        /* Сброс */
        transform: none !important;
        animation: none !important;
        position: relative !important;
        overflow: hidden !important;
    }
    
    /* Hover */
    .slide-menu-filters .mobile-filters-content .changeArea a:hover,
    .slide-menu-filters .mobile-filters-content .changeArea a:active,
    .slide-menu-filters .mobile-filters-content .buttons a:hover,
    .slide-menu-filters .mobile-filters-content .buttons a:active {
        background: rgba(64, 224, 255, 0.08) !important;
        border-color: rgba(64, 224, 255, 0.25) !important;
        color: #fff !important;
        transform: none !important;
        box-shadow: none !important;
    }
    
    /* Активные */
    .slide-menu-filters .mobile-filters-content .changeArea a.active,
    .slide-menu-filters .mobile-filters-content .buttons a.active {
        background: rgba(64, 224, 255, 0.12) !important;
        border-color: rgba(64, 224, 255, 0.35) !important;
        color: #fff !important;
        box-shadow: none !important;
        animation: none !important;
    }
    
    /* Текст внутри кнопок */
    .slide-menu-filters .mobile-filters-content .changeArea a span,
    .slide-menu-filters .mobile-filters-content .buttons a span {
        font-size: 13px !important;
        font-weight: 500 !important;
        color: inherit !important;
        text-shadow: none !important;
        transform: none !important;
        -webkit-text-fill-color: inherit !important;
    }
    
    /* Скрываем лишнее */
    .slide-menu-filters .mobile-filters-content .changeArea a .mobile-nav-icon,
    .slide-menu-filters .mobile-filters-content .changeArea a .piramyd,
    .slide-menu-filters .mobile-filters-content .changeArea a .image,
    .slide-menu-filters .mobile-filters-content .changeArea a i,
    .slide-menu-filters .mobile-filters-content .buttons a i,
    .slide-menu-filters .mobile-filters-content .buttons a .mobile-nav-icon,
    .slide-menu-filters .mobile-filters-content .buttons .line {
        display: none !important;
    }
    
    /* ==========================================
       ШИРИНА КНОПОК ПО БЛОКАМ
       ========================================== */
    
    /* Локации — в ряд */
    .slide-menu-filters .mobile-filters-content .locationsWrapper .changeArea a {
        flex: 0 0 auto !important;
        width: auto !important;
    }
    
    /* Показать только — в ряд */
    .slide-menu-filters .mobile-filters-content .showOnlyWrapper .buttons a {
        flex: 0 0 auto !important;
        width: auto !important;
    }
    
    /* Цена, Возраст и т.д. — по 2 в ряд */
    .slide-menu-filters .mobile-filters-content .selectWrapper .buttons a {
        flex: 1 1 calc(50% - 4px) !important;
        width: calc(50% - 4px) !important;
        min-width: calc(50% - 4px) !important;
    }
    
    /* ==========================================
       РАЗДЕЛИТЕЛИ
       ========================================== */
    
    .slide-menu-filters .mobile-filters-content .buttons .line,
    .slide-menu-filters .mobile-filters-content .buttons span.line {
        display: none !important;
    }
    
    /* ==========================================
       СКРОЛЛБАР
       ========================================== */
    
    .slide-menu-right.slide-menu-filters {
        scrollbar-width: none !important;
    }
    
    .slide-menu-right.slide-menu-filters::-webkit-scrollbar {
        width: 0 !important;
        display: none !important;
    }
    
    /* ==========================================
       АНИМАЦИИ — ОТКЛЮЧЕНЫ
       ========================================== */
    
    .slide-menu-filters .mobile-filters-content,
    .slide-menu-filters .mobile-filters-content * {
        animation: none !important;
    }
    
    .slide-menu-filters .mobile-filters-content *::before,
    .slide-menu-filters .mobile-filters-content *::after {
        animation: none !important;
    }
}

/* ============================================
   ЭКОНОМИЯ БАТАРЕЙКИ (prefers-reduced-motion)
   ============================================ */
@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
    }
}