/* ============================================================
   CATALOG — МОБИЛЬНАЯ ВЕРСИЯ (≤768px)
   Фильтры сеткой + фичи 2 колонки + ТАП-ФЛИП фасад/план
   ============================================================ */

@media (max-width: 768px) {

  /* ────────── ТУЛБАР ────────── */
  .catalog__toolbar {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  /* ────────── ФИЛЬТРЫ — сетка 2 колонки ────────── */
  .catalog__filters {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    overflow: visible !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .catalog__chip {
    width: 100%;
    justify-content: center;
    min-height: 44px;
  }

  /* ────────── СОРТИРОВКА ────────── */
  .catalog__sort {
    width: 100%;
    align-self: stretch !important;
  }
  .catalog__sort-btn {
    width: 100%;
    justify-content: space-between;
  }
  .catalog__sort-menu {
    width: 100%;
    min-width: 0 !important;
    left: 0;
    right: auto;
  }

  /* ────────── ФИЧИ в карточке: 2 колонки ────────── */
  .house-card__bottom .house-card__features {
    grid-template-columns: 1fr 1fr !important;
  }

  /* ════════════════════════════════════════════════════════
     ТАП-ФЛИП: ОТКЛЮЧАЕМ HOVER, упр-е только через .is-flipped
     ════════════════════════════════════════════════════════ */

  /* 1) Сбрасываем все hover-эффекты на мобиле */
  .house-card:hover .house-card__img--front { opacity: 1 !important; transform: none !important; }
  .house-card:hover .house-card__img--plan  { opacity: 0 !important; }
  .house-card:hover .house-card__badge      { opacity: 1 !important; transform: none !important; pointer-events: auto !important; }
  .house-card:hover .house-card__hint       { opacity: 0 !important; transform: translateY(8px) !important; }
  .house-card:hover                         { transform: none !important; box-shadow: none !important; }

  .house-card__media { cursor: pointer; }

  /* 2) Переворот по тапу — только класс .is-flipped */
  .house-card.is-flipped .house-card__img--front { opacity: 0 !important; }
  .house-card.is-flipped .house-card__img--plan  { opacity: 1 !important; }
  .house-card.is-flipped .house-card__badge      { opacity: 0 !important; pointer-events: none !important; }
  .house-card.is-flipped .house-card__hint       { opacity: 1 !important; transform: translateY(0) !important; }
}