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

@media (max-width: 767px) {
    
    /* ----- ОСНОВНОЙ КОНТЕЙНЕР ----- */
    .topics-feed-main {
        padding-top: 0.5rem !important;
        padding-bottom: 1.5rem !important;
    }
    
    .feed-page {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 12px !important;
    }
    
    /* ----- ФИКСИРОВАННЫЙ ФОН ----- */
    .panther-fixed-bg {
        opacity: 0.4 !important;
    }
    
    .topics-fixed-glow {
        width: 50vw !important;
        height: 50vw !important;
        filter: blur(40px) !important;
        opacity: 0.5 !important;
    }
    
    /* ----- HERO СЕКЦИЯ ----- */
    .feed-hero {
        margin-bottom: 1.2rem !important;
        padding: 0.8rem 0 0.3rem !important;
    }
    
    .feed-hero__glow {
        width: 100% !important;
        height: 160px !important;
        filter: blur(30px) !important;
    }
    
    .feed-hero__inner {
        max-width: 100% !important;
        padding: 0 0.5rem !important;
    }
    
    .feed-title {
        font-size: 2.8rem !important;
        letter-spacing: 0.1em !important;
        line-height: 1 !important;
    }
    
    .feed-subtitle {
        font-size: 0.85rem !important;
        line-height: 1.6 !important;
        margin-top: 0.6rem !important;
        padding: 0 0.5rem !important;
    }
    
    /* ----- БЫСТРАЯ НАВИГАЦИЯ ----- */
    .feed-quick-nav {
        margin: 0 0 1.2rem 0 !important;
        padding: 0.9rem 1rem !important;
        border-radius: 22px !important;
    }
    
    .feed-quick-nav__head {
        margin-bottom: 0.7rem !important;
    }
    
    .feed-quick-nav__actions {
        flex-direction: column !important;
        gap: 0.5rem !important;
    }
    
    .feed-quick-nav__btn {
        min-width: 100% !important;
        width: 100% !important;
        height: 44px !important;
        justify-content: center !important;
    }
    
    .feed-quick-nav__btn .btn-text {
        font-size: 0.75rem !important;
        white-space: nowrap !important;
    }
    
    /* ----- ОСНОВНАЯ ОБОЛОЧКА ----- */
    .feed-shell {
        border-radius: 24px !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
    }
    
    .feed-shell__inner {
        padding: 1rem 0.75rem !important;
    }
    
    /* ----- ТУЛБАР С ФИЛЬТРАМИ ----- */
    .feed-toolbar {
        flex-direction: column !important;
        gap: 0.8rem !important;
        margin-bottom: 1.2rem !important;
    }
    
    /* ----- КНОПКИ ФИЛЬТРОВ В ОДНУ СТРОКУ (МОБИЛЬНАЯ ВЕРСИЯ) ----- */
    .feed-toolbar__left {
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
        justify-content: space-between !important;
    }

    .feed-toolbar__left .filter-chip {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        height: 40px !important;
        padding: 0 6px !important;
        border-radius: 20px !important;
        font-size: 0.68rem !important;
        font-weight: 600 !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        background: linear-gradient(
            180deg,
            rgba(45, 52, 60, 0.55) 0%,
            rgba(18, 22, 28, 0.8) 100%
        ) !important;
        border: 1px solid rgba(235, 242, 250, 0.1) !important;
        box-shadow: 
            inset 0 1px 0 rgba(255, 255, 255, 0.04),
            0 4px 12px rgba(0, 0, 0, 0.2) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        color: rgba(220, 230, 242, 0.8) !important;
        transition: all 0.2s ease !important;
        position: relative !important;
        overflow: hidden !important;
        text-align: center !important;
    }

    /* Активная кнопка фильтра */
    .feed-toolbar__left .filter-chip.active {
        background: linear-gradient(
            180deg,
            rgba(70, 82, 98, 0.75) 0%,
            rgba(28, 34, 42, 0.9) 100%
        ) !important;
        border-color: rgba(245, 248, 252, 0.35) !important;
        color: #ffffff !important;
        box-shadow: 
            inset 0 1px 0 rgba(255, 255, 255, 0.1),
            0 6px 16px rgba(0, 0, 0, 0.25),
            0 0 14px rgba(220, 230, 245, 0.1) !important;
    }
    
    /* Контейнер поиска */
    .feed-toolbar__right {
        width: 100% !important;
    }
    
    .topics-search {
        min-width: 100% !important;
        width: 100% !important;
        height: 46px !important;
        border-radius: 30px !important;
        background: linear-gradient(
            180deg,
            rgba(30, 36, 44, 0.6) 0%,
            rgba(12, 16, 20, 0.8) 100%
        ) !important;
        border: 1px solid rgba(235, 242, 250, 0.12) !important;
    }
    
    .topics-search svg {
        width: 18px !important;
        height: 18px !important;
        margin-left: 4px !important;
    }
    
    .topics-search input {
        font-size: 0.85rem !important;
        padding: 0 8px !important;
    }
    
    .topics-search input::placeholder {
        color: rgba(200, 210, 225, 0.5) !important;
        font-size: 0.8rem !important;
    }
    
    /* ----- ЛЕЙАУТ: САЙДБАР + КОНТЕНТ ----- */
    .feed-layout {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    /* ----- САЙДБАР (становится горизонтальным) ----- */
    .feed-sidebar {
        position: static !important;
        top: auto !important;
        padding: 1rem !important;
        border-radius: 22px !important;
    }
    
    .sidebar-block {
        padding: 0 !important;
    }
    
    .sidebar-block + .sidebar-block {
        margin-top: 0.8rem !important;
        padding-top: 0.8rem !important;
    }
    
    .sidebar-kicker {
        font-size: 0.65rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    .viewer-role-badge {
        padding: 0.4rem 0.7rem !important;
        font-size: 0.7rem !important;
    }
    
    .sidebar-value {
        font-size: 1rem !important;
        margin-top: 0.5rem !important;
    }
    
    .sidebar-note {
        font-size: 0.8rem !important;
        line-height: 1.5 !important;
    }
    
    /* Статистика в сайдбаре */
    .sidebar-stats {
        display: flex !important;
        justify-content: center !important;
        gap: 0.5rem !important;
    }
    
    .sidebar-stat {
        flex: 1 !important;
        padding: 0.8rem 0.3rem !important;
        border-radius: 14px !important;
    }
    
    .sidebar-stat span {
        font-size: 1.6rem !important;
    }
    
    .sidebar-stat small {
        font-size: 0.6rem !important;
        letter-spacing: 0.1em !important;
    }
    
    /* Сортировка */
    .sort-switcher {
        display: flex !important;
        flex-direction: row !important;
        gap: 0.5rem !important;
    }
    
    .sort-btn {
        flex: 1 !important;
        min-height: 40px !important;
        font-size: 0.65rem !important;
        padding: 0 0.5rem !important;
    }
    
    /* ----- СЕТКА КАРТОЧЕК ----- */
    .topics-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    
    .topic-post {
        border-radius: 24px !important;
    }
    
    /* Обложка */
    .topic-post__cover {
        min-height: 200px !important;
        padding: 1rem !important;
    }
    
    .topic-post__city {
        font-size: 1.8rem !important;
    }
    
    .topic-post__city svg {
        width: 18px !important;
        height: 18px !important;
    }
    
    /* Бейджи */
    .topic-post__badges .badge,
    .topic-post__chips .badge {
        min-height: 28px !important;
        padding: 0 0.6rem !important;
        font-size: 0.6rem !important;
    }
    
    .topic-post__badges .badge svg,
    .topic-post__chips .badge svg {
        width: 10px !important;
        height: 10px !important;
    }
    
    /* Заголовок и контент */
    .topic-post__header,
    .topic-post__content,
    .topic-post__stats,
    .topic-post__actions {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    
    .topic-post__header {
        padding-top: 0.9rem !important;
        gap: 0.7rem !important;
    }
    
    .topic-post__avatar {
        width: 44px !important;
        height: 44px !important;
    }
    
    .topic-post__avatar svg {
        width: 20px !important;
        height: 20px !important;
    }
    
    .topic-post__author {
        font-size: 0.85rem !important;
    }
    
    .topic-post__meta {
        font-size: 0.65rem !important;
    }
    
    .topic-post__content {
        padding-top: 0.8rem !important;
    }
    
    .topic-post__title {
        font-size: 1rem !important;
        line-height: 1.4 !important;
    }
    
    .topic-post__excerpt {
        font-size: 0.85rem !important;
        line-height: 1.6 !important;
        -webkit-line-clamp: 2 !important;
    }
    
    /* Чипсы */
    .topic-post__chips {
        gap: 0.4rem !important;
        margin-top: 0.7rem !important;
    }
    
    /* Статистика и рейтинг */
    .topic-post__stats {
        padding-top: 0.8rem !important;
        flex-wrap: wrap !important;
        gap: 0.4rem !important;
    }
    
    .topic-rating {
        margin-right: 4px !important;
    }
    
    .topic-rating svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    .stat-pill {
        min-height: 30px !important;
        padding: 0 0.6rem !important;
        font-size: 0.65rem !important;
    }
    
    /* Кнопки действий */
    .topic-post__actions {
        padding: 0 1rem 1rem !important;
        gap: 8px !important;
    }
    
    .post-action-icon {
        width: 36px !important;
        height: 36px !important;
        border-radius: 10px !important;
    }
    
    .post-action-icon svg {
        width: 18px !important;
        height: 18px !important;
    }
    
    .post-action-icon span {
        font-size: 0.8rem !important;
    }
    
    .post-action-open {
        height: 36px !important;
        padding: 0 12px !important;
        font-size: 0.7rem !important;
    }
    
    .post-action-open svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    .post-action-open span {
        font-size: 0.7rem !important;
    }
    
    /* Пустое состояние */
    .topics-empty {
        padding: 2rem 1rem !important;
        font-size: 0.85rem !important;
    }
    
    .topics-empty svg {
        width: 36px !important;
        height: 36px !important;
    }
    
    /* ----- МОДАЛЬНОЕ ОКНО ----- */
    .topic-modal {
        padding: 12px !important;
    }
    
    .topic-modal__dialog {
        max-height: calc(100vh - 24px) !important;
        border-radius: 24px !important;
    }
    
    .topic-modal__close {
        width: 44px !important;
        height: 44px !important;
        top: 12px !important;
        margin-right: 12px !important;
    }
    
    .topic-modal__close span {
        width: 18px !important;
    }
    
    .topic-modal__body {
        padding: 0.3rem 1rem 1.2rem !important;
    }
    
    /* Детальный просмотр */
    .topic-detail {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    
    .topic-detail__main,
    .topic-detail__side {
        padding: 1rem !important;
        border-radius: 22px !important;
    }
    
    /* Обложка в деталях */
    .detail-cover {
        min-height: 220px !important;
        padding: 1rem !important;
        border-radius: 20px !important;
    }
    
    .detail-badges {
        gap: 0.4rem !important;
    }
    
    .detail-badges .badge {
        min-height: 28px !important;
        padding: 0 0.6rem !important;
        font-size: 0.6rem !important;
    }
    
    .detail-title {
        font-size: 1.4rem !important;
        line-height: 1.3 !important;
    }
    
    .detail-subtitle {
        font-size: 0.85rem !important;
        line-height: 1.6 !important;
        margin-top: 0.5rem !important;
    }
    
    /* Автор */
    .detail-author {
        padding: 0.8rem !important;
        gap: 0.8rem !important;
        margin-top: 1rem !important;
    }
    
    .detail-author__avatar {
        width: 48px !important;
        height: 48px !important;
    }
    
    .detail-author__avatar svg {
        width: 22px !important;
        height: 22px !important;
    }
    
    .detail-author__meta h3 {
        font-size: 0.9rem !important;
    }
    
    .detail-author__meta p {
        font-size: 0.7rem !important;
    }
    
    /* Теги */
    .detail-tags {
        gap: 0.4rem !important;
        margin-top: 0.8rem !important;
    }
    
    .detail-tags .badge {
        min-height: 28px !important;
        padding: 0 0.6rem !important;
        font-size: 0.6rem !important;
    }
    
    /* Кнопки действий в деталях */
    .detail-action-row {
        grid-template-columns: 1fr !important;
        gap: 0.6rem !important;
        margin-top: 1rem !important;
    }
    
    .btn-detail {
        min-height: 44px !important;
        font-size: 0.75rem !important;
    }
    
    .btn-detail svg {
        width: 16px !important;
        height: 16px !important;
    }
    
    /* Статистика в деталях */
    .detail-stats {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 0.4rem !important;
        margin-top: 0.8rem !important;
    }
    
    .detail-stats .stat-pill {
        min-height: 32px !important;
        padding: 0 0.7rem !important;
        font-size: 0.7rem !important;
    }
    
    .detail-stats .stat-pill svg {
        width: 12px !important;
        height: 12px !important;
    }
    
    /* Текст описания */
    .detail-copy {
        font-size: 0.85rem !important;
        line-height: 1.7 !important;
        margin-top: 1rem !important;
    }
    
    /* Инфо-сетка */
    .detail-info-grid {
        grid-template-columns: 1fr !important;
        gap: 0.6rem !important;
        margin-top: 1rem !important;
    }
    
    .info-card {
        padding: 0.8rem !important;
    }
    
    .info-card__label {
        font-size: 0.65rem !important;
    }
    
    .info-card__label svg {
        width: 12px !important;
        height: 12px !important;
    }
    
    .info-card__value {
        font-size: 0.85rem !important;
        margin-top: 0.3rem !important;
    }
    
    /* Модели в теме */
    .detail-models {
        margin-top: 1rem !important;
    }
    
    .detail-section-title {
        font-size: 0.9rem !important;
        margin-bottom: 0.7rem !important;
    }
    
    .detail-models-grid {
        grid-template-columns: 1fr !important;
        gap: 0.6rem !important;
    }
    
    .model-mini-card {
        padding: 0.8rem !important;
    }
    
    .model-mini-card__avatar {
        width: 44px !important;
        height: 44px !important;
    }
    
    .model-mini-card__avatar svg {
        width: 20px !important;
        height: 20px !important;
    }
    
    .model-mini-card__name {
        font-size: 0.85rem !important;
    }
    
    .model-mini-card__sub {
        font-size: 0.65rem !important;
    }
    
    /* Комментарии */
    .detail-comments {
        margin-top: 1.2rem !important;
    }
    
    .detail-comments-list {
        gap: 0.7rem !important;
    }
    
    .comment-card {
        padding: 0.9rem !important;
    }
    
    .comment-card__author {
        font-size: 0.85rem !important;
    }
    
    .comment-card__author svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    .comment-card__meta {
        font-size: 0.6rem !important;
    }
    
    .comment-card__text {
        font-size: 0.8rem !important;
        line-height: 1.6 !important;
    }
    
    /* Форма комментария */
    .comment-form {
        gap: 0.6rem !important;
    }
    
    .comment-form textarea {
        min-height: 90px !important;
        padding: 0.8rem !important;
        font-size: 0.8rem !important;
    }
    
    .comment-form button {
        min-height: 44px !important;
        font-size: 0.75rem !important;
    }
    
    .comment-form button svg {
        width: 16px !important;
        height: 16px !important;
    }
    
    /* Сайд-карточки в деталях */
    .detail-side-card {
        padding: 0.9rem !important;
        margin-top: 0.8rem !important;
    }
    
    .detail-side-card:first-child {
        margin-top: 0 !important;
    }
    
    .detail-side-card p {
        font-size: 0.8rem !important;
        line-height: 1.6 !important;
    }
    
    /* Секция caption */
    .section-caption {
        gap: 0.5rem !important;
    }
    
    .section-caption-diamond-img {
        width: 14px !important;
        height: 14px !important;
    }
    
    .section-caption-text {
        font-size: 0.65rem !important;
        letter-spacing: 0.15em !important;
    }
    
    /* Анимации отключаем для производительности */
    .topic-post__shine {
        animation: none !important;
    }
    
    .feed-hero__glow {
        animation: none !important;
    }
    
    /* Улучшаем тач-области */
    .post-action-icon,
    .post-action-open,
    .btn-detail,
    .filter-chip,
    .sort-btn,
    .feed-quick-nav__btn {
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent !important;
    }
    
    /* Скрываем тяжелые декоративные элементы */
    .diamond-bg__spark {
        opacity: 0.3 !important;
    }
    
    .platinum-card-facet {
        opacity: 0.4 !important;
    }
}