/* ============================================
   MANAGERS CATALOG MOBILE — ПРЕМИАЛЬНАЯ АДАПТАЦИЯ
   Платина • Бриллианты • Холодный люкс
   ============================================ */

@media (max-width: 767px) {
    
    /* ----- ОСНОВНОЙ КОНТЕЙНЕР ----- */
    .managers-main {
        padding-top: 0.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    
    .managers-page {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 10px !important;
    }
    
    /* ----- ФИКСИРОВАННЫЙ ФОН ----- */
    .panther-fixed-bg {
        opacity: 0.35 !important;
    }
    
    /* ----- HERO СЕКЦИЯ ----- */
    .managers-hero {
        margin-bottom: 1rem !important;
        padding: 1.2rem 1rem !important;
        border-radius: 24px !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
    }
    
    .managers-hero::before {
        border-radius: 23px !important;
    }
    
    .managers-hero__glow {
        width: 100% !important;
        height: 180px !important;
        top: -20px !important;
        filter: blur(40px) !important;
        opacity: 0.6 !important;
    }
    
    .managers-hero__content {
        padding: 0 !important;
    }
    
    .managers-hero__title {
        font-size: 2.2rem !important;
        letter-spacing: 0.08em !important;
        line-height: 1 !important;
        text-align: center !important;
    }
    
    /* Статистика в герое */
    .managers-hero__stats {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 0.5rem !important;
        margin-top: 1.2rem !important;
    }
    
    .hero-stat {
        padding: 0.7rem 0.4rem !important;
        border-radius: 16px !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
    }
    
    .hero-stat__value {
        font-size: 1.5rem !important;
        margin-bottom: 0.2rem !important;
        text-align: center !important;
    }
    
    .hero-stat__label {
        font-size: 0.55rem !important;
        letter-spacing: 0.1em !important;
        text-align: center !important;
        line-height: 1.3 !important;
    }
    
    /* ----- ТУЛБАР С ФИЛЬТРАМИ ----- */
    .managers-toolbar {
        padding: 1rem 0.8rem !important;
        margin-bottom: 1.2rem !important;
        border-radius: 20px !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
    }
    
    .toolbar-top {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.8rem !important;
    }
    
    .field {
        width: 100% !important;
        gap: 0.3rem !important;
    }
    
    .field__label {
        font-size: 0.65rem !important;
        letter-spacing: 0.15em !important;
    }
    
    .field__control {
        height: 44px !important;
        padding: 0 1rem !important;
        font-size: 0.85rem !important;
        border-radius: 14px !important;
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
    }
    
    .field__control--select {
        background-position: right 0.8rem center !important;
        padding-right: 2.2rem !important;
    }
    
    .toolbar-bottom {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0.8rem !important;
        margin-top: 1rem !important;
    }
    
    /* Быстрые фильтры - горизонтальный скролл */
    .quick-filters {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        padding: 4px 2px 8px 2px !important;
        margin: 0 -2px !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }
    
    .quick-filters::-webkit-scrollbar {
        display: none !important;
    }
    
    .quick-filter {
        flex: 0 0 auto !important;
        min-height: 38px !important;
        padding: 0 14px !important;
        font-size: 0.68rem !important;
        letter-spacing: 0.08em !important;
        white-space: nowrap !important;
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
    }
    
    .toolbar-reset {
        width: 100% !important;
        min-height: 40px !important;
        font-size: 0.7rem !important;
        letter-spacing: 0.12em !important;
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
    }
    
    /* ----- СЕТКА КАРТОЧЕК ----- */
    .catalog-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    
    .manager-card {
        min-height: auto !important;
        border-radius: 24px !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
    }
    
    .manager-card::before {
        border-radius: 23px !important;
    }
    
    /* Декоративные углы для мобилки */
    .manager-card__corner--tl {
        top: 12px !important;
        left: 12px !important;
        width: 16px !important;
        height: 16px !important;
    }
    
    .manager-card__corner--br {
        bottom: 12px !important;
        right: 12px !important;
        width: 16px !important;
        height: 16px !important;
    }
    
    /* Шапка карточки */
    .manager-card__head {
        grid-template-columns: 100px 1fr !important;
        gap: 0.8rem !important;
        padding: 1rem 1rem 0.6rem !important;
    }
    
    .manager-card__avatar {
        height: 100px !important;
        border-radius: 18px !important;
    }
    
    .manager-card__badge {
        top: 8px !important;
        left: 8px !important;
        height: 26px !important;
        padding: 0 8px !important;
        font-size: 0.6rem !important;
        gap: 4px !important;
    }
    
    .manager-card__badge svg {
        width: 12px !important;
        height: 12px !important;
    }
    
    .manager-card__nickname {
        font-size: 0.7rem !important;
    }
    
    .manager-card__name {
        font-size: 1.1rem !important;
        line-height: 1.2 !important;
    }
    
    /* Мета-информация */
    .manager-card__meta {
        gap: 0.3rem !important;
        margin-top: 0.4rem !important;
    }
    
    .meta-chip {
        min-height: 26px !important;
        padding: 0 8px !important;
        font-size: 0.6rem !important;
    }
    
    .meta-chip svg {
        width: 11px !important;
        height: 11px !important;
    }
    
    /* Рейтинг */
    .manager-card__rating {
        margin-top: 8px !important;
        padding: 6px 10px !important;
    }
    
    .rating-stars {
        gap: 2px !important;
    }
    
    .rating-star svg {
        width: 12px !important;
        height: 12px !important;
    }
    
    .rating-value {
        font-size: 0.8rem !important;
        margin-left: 6px !important;
    }
    
    /* Описание */
    .manager-card__about {
        padding: 0.6rem 1rem 0 !important;
        margin-left: 1rem !important;
        font-size: 0.8rem !important;
        line-height: 1.6 !important;
        -webkit-line-clamp: 3 !important;
    }
    
    .manager-card__about svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    .manager-card__experience {
        padding: 0.4rem 1rem 0 !important;
        margin-left: 1rem !important;
        font-size: 0.75rem !important;
    }
    
    .manager-card__experience svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    /* Ниши */
    .manager-card__niches {
        padding: 0.8rem 1rem 0 !important;
    }
    
    .manager-card__section-title {
        font-size: 0.6rem !important;
        margin-bottom: 8px !important;
    }
    
    .manager-card__section-title svg {
        width: 12px !important;
        height: 12px !important;
    }
    
    .tag-list {
        gap: 6px !important;
    }
    
    .tag-item {
        min-height: 26px !important;
        padding: 0 10px !important;
        font-size: 0.65rem !important;
    }
    
    /* Превью моделей */
    .manager-card__models-preview {
        padding: 0.8rem 1rem 0 !important;
    }
    
    .models-row {
        gap: 8px !important;
    }
    
    .mini-model {
        min-height: 38px !important;
        padding: 4px 10px 4px 6px !important;
        gap: 8px !important;
    }
    
    .mini-model__avatar {
        width: 28px !important;
        height: 28px !important;
    }
    
    .mini-model__avatar svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    .mini-model__name {
        font-size: 0.7rem !important;
    }
    
    /* Футер карточки */
    .manager-card__foot {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0.8rem !important;
        padding: 1rem !important;
    }
    
    .manager-card__counts {
        justify-content: flex-start !important;
    }
    
    .count-pill {
        min-height: 34px !important;
        padding: 0 12px !important;
        font-size: 0.7rem !important;
    }
    
    .count-pill svg {
        width: 13px !important;
        height: 13px !important;
    }
    
    /* Кнопки действий */
    .manager-card__actions {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        gap: 8px !important;
        width: 100% !important;
    }
    
    .action-btn {
        width: 42px !important;
        height: 42px !important;
        border-radius: 12px !important;
        flex-shrink: 0 !important;
    }
    
    .action-btn svg {
        width: 18px !important;
        height: 18px !important;
    }
    
    .action-btn--comment {
        width: auto !important;
        padding: 0 12px !important;
        gap: 5px !important;
        font-size: 0.75rem !important;
    }
    
    .manager-card__action {
        flex: 1 !important;
        min-width: 0 !important;
        height: 42px !important;
        padding: 0 12px !important;
        font-size: 0.7rem !important;
        gap: 5px !important;
    }
    
    .manager-card__action svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    /* ----- ПУСТОЕ СОСТОЯНИЕ ----- */
    .catalog-empty {
        min-height: 250px !important;
        padding: 1.5rem !important;
        border-radius: 20px !important;
    }
    
    .catalog-empty__icon {
        font-size: 2.5rem !important;
    }
    
    .catalog-empty h3 {
        font-size: 1rem !important;
    }
    
    .catalog-empty p {
        font-size: 0.8rem !important;
    }
    
    /* ----- МОДАЛЬНОЕ ОКНО ----- */
    .manager-modal {
        padding: 8px !important;
        align-items: flex-end !important;
    }
    
    .manager-modal__dialog {
        width: 100% !important;
        max-height: 90vh !important;
        padding: 1rem !important;
        border-radius: 24px 24px 16px 16px !important;
        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;
    }
    
    .manager-modal__close {
        width: 40px !important;
        height: 40px !important;
        font-size: 1.5rem !important;
        border-radius: 12px !important;
        top: 8px !important;
        right: 8px !important;
    }
    
    /* Детальный просмотр - мобильная версия */
    .manager-detail {
        gap: 1rem !important;
    }
    
    .manager-detail__top {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    .manager-detail__avatar {
        width: 100% !important;
        max-width: 280px !important;
        min-height: 280px !important;
        border-radius: 20px !important;
        margin: 0 auto !important;
    }
    
    .manager-detail__title h2 {
        font-size: 1.4rem !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }
    
    .manager-detail__subtitle {
        font-size: 0.75rem !important;
        justify-content: center !important;
    }
    
    /* Рейтинг и лайк в модалке */
    .manager-detail .rating-stars {
        justify-content: center !important;
    }
    
    .manager-detail .action-btn--like {
        width: 44px !important;
        height: 44px !important;
    }
    
    .manager-detail__meta {
        padding: 0.8rem !important;
        margin-top: 0.8rem !important;
    }
    
    .manager-detail__meta-grid {
        grid-template-columns: 1fr !important;
        gap: 0.5rem !important;
    }
    
    .detail-metric {
        padding: 0.6rem 0.8rem !important;
    }
    
    .detail-metric span {
        font-size: 0.6rem !important;
        margin-bottom: 4px !important;
    }
    
    .detail-metric strong {
        font-size: 0.85rem !important;
    }
    
    /* Блоки в модалке */
    .manager-detail__block {
        padding: 1rem !important;
    }
    
    .manager-detail__block-title {
        font-size: 0.8rem !important;
        margin-bottom: 0.8rem !important;
    }
    
    .manager-detail__block-title svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    .manager-detail__block p {
        font-size: 0.8rem !important;
        line-height: 1.7 !important;
    }
    
    /* Портфолио */
    .manager-detail__portfolio {
        padding: 1rem !important;
    }
    
    .portfolio-item {
        min-height: 44px !important;
        padding: 0 0.8rem !important;
        font-size: 0.75rem !important;
    }
    
    .portfolio-item a {
        font-size: 0.75rem !important;
    }
    
    /* Модели в модалке */
    .manager-detail__models {
        padding: 1rem !important;
    }
    
    .detail-models-grid {
        grid-template-columns: 1fr !important;
        gap: 0.6rem !important;
    }
    
    .detail-model-card {
        grid-template-columns: 50px 1fr !important;
        gap: 0.6rem !important;
        padding: 0.6rem !important;
    }
    
    .detail-model-card__avatar {
        width: 50px !important;
        height: 50px !important;
        border-radius: 12px !important;
    }
    
    .detail-model-card__name {
        font-size: 0.8rem !important;
    }
    
    .detail-model-card__meta {
        margin-top: 3px !important;
        gap: 3px !important;
    }
    
    .detail-model-card__meta .meta-chip {
        min-height: 20px !important;
        padding: 0 6px !important;
        font-size: 0.55rem !important;
    }
    
    .detail-model-card__about {
        font-size: 0.7rem !important;
        line-height: 1.4 !important;
        -webkit-line-clamp: 2 !important;
    }
    
    /* Комментарии */
    .manager-detail__comments {
        padding: 1rem !important;
    }
    
    .comment-item {
        padding: 10px !important;
    }
    
    .comment-item span:first-child {
        font-size: 0.8rem !important;
    }
    
    .comment-item span:first-child svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    .comment-item span:last-child {
        font-size: 0.6rem !important;
    }
    
    .comment-item div:last-child {
        font-size: 0.75rem !important;
        line-height: 1.5 !important;
    }
    
    /* Загрузчик */
    .modal-loader {
        min-height: 180px !important;
        gap: 0.8rem !important;
    }
    
    .modal-loader__shine {
        width: 44px !important;
        height: 44px !important;
    }
    
    .modal-loader span {
        font-size: 0.8rem !important;
    }
    
    /* ----- ОБЩИЕ СТИЛИ ДЛЯ SVG ----- */
    .catalog-grid svg,
    .manager-card svg,
    .manager-detail svg {
        flex-shrink: 0 !important;
    }
    
    /* Отключаем тяжелые анимации для производительности */
    .managers-hero__glow {
        animation: none !important;
    }
    
    .manager-card:hover {
        transform: none !important;
    }
    
    /* Улучшаем тач-области */
    .quick-filter,
    .toolbar-reset,
    .manager-card__action,
    .action-btn,
    .field__control--select,
    .manager-modal__close,
    .mini-model,
    .tag-item {
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent !important;
    }
    
    /* Активное состояние для тача */
    .quick-filter:active,
    .toolbar-reset:active,
    .manager-card__action:active,
    .action-btn:active {
        transform: scale(0.97) !important;
        opacity: 0.9 !important;
    }
    
    .mini-model:active,
    .tag-item:active {
        transform: scale(0.98) !important;
    }
    
    /* Скрываем декоративные элементы для производительности */
    .diamond-bg__spark {
        opacity: 0.2 !important;
    }
    
    .manager-card__shine {
        opacity: 0.5 !important;
    }
    
    /* Адаптация для очень маленьких экранов */
    @media (max-width: 380px) {
        .managers-hero__title {
            font-size: 1.8rem !important;
        }
        
        .hero-stat__value {
            font-size: 1.2rem !important;
        }
        
        .hero-stat__label {
            font-size: 0.45rem !important;
        }
        
        .manager-card__head {
            grid-template-columns: 85px 1fr !important;
        }
        
        .manager-card__avatar {
            height: 85px !important;
        }
        
        .manager-card__name {
            font-size: 1rem !important;
        }
        
        .meta-chip {
            min-height: 24px !important;
            padding: 0 6px !important;
            font-size: 0.55rem !important;
        }
        
        .manager-card__actions {
            flex-wrap: wrap !important;
        }
        
        .action-btn--comment {
            order: 1 !important;
            width: 100% !important;
            justify-content: center !important;
        }
        
        .action-btn--like {
            order: 2 !important;
        }
        
        .manager-card__action {
            order: 3 !important;
            flex: 2 !important;
        }
        
        .manager-detail__avatar {
            max-width: 240px !important;
            min-height: 240px !important;
        }
    }
    
    /* Ландшафтная ориентация */
    @media (max-width: 767px) and (orientation: landscape) {
        .manager-modal__dialog {
            max-height: 95vh !important;
        }
        
        .manager-detail__top {
            flex-direction: row !important;
            align-items: flex-start !important;
        }
        
        .manager-detail__avatar {
            width: 180px !important;
            min-height: 180px !important;
            margin: 0 !important;
        }
        
        .manager-detail__title-wrap {
            flex: 1 !important;
        }
        
        .manager-detail__title h2 {
            text-align: left !important;
        }
        
        .manager-detail__subtitle {
            justify-content: flex-start !important;
        }
        
        .manager-detail .rating-stars {
            justify-content: flex-start !important;
        }
    }
}