/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/a89-home.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
/* A.89 этап 3 (P-10): главная /{region}/ по макету index.html v13.51 (м61).
   Базовые классы эталона (.hero, .search-card, .quiz-cta, .qz-* и .qm-*,
   .ctaband, .collections, .hjc, .view-switch, .show-more, .ad-banner,
   .bp-slider, .pdn-check) уже в etalon.css (A.89a/b) — здесь только поправки
   и добавки главной. Скоуп: .a89-home — корневой div страницы региона. */

/* ---------- Hero ---------- */
/* Строка «Цены и наличие обновлены … по московскому времени» (источник даты —
   MAX(updated_at) опубликованных ЖК региона, см. page.tsx) */
.a89-home .hero-upd {
  margin-top: 14px;
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.62);
}

/* ---------- Поисковая панель ---------- */
/* v13.51: компактная строка («Район, метро или ЖК» + «Найти · N ЖК») видна
   и на десктопе — прежнее правило .v72 .search-compact{display:none} гасило её */
.v72.a89-home .search-compact {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
}
.v72.a89-home .search-compact .btn-outline {
  height: 48px;
  padding: 0 18px;
  font-size: 14.5px;
  flex: none;
}
.v72.a89-home .search-compact .btn-primary {
  height: 48px;
  padding: 0 20px;
  font-size: 14.5px;
  flex: none;
}
.v72.a89-home .search-compact input {
  flex: 1 1;
  height: 48px;
}

/* ---------- Карточка квиза ---------- */
/* Мобильный вариант index.html v13.51: строка со стрелкой, кнопка скрыта */
@media (max-width: 768px) {
  .a89-home .quiz-cta {
    margin-top: 12px;
    padding: 13px 16px;
    gap: 12px;
  }
  .a89-home .quiz-cta-btn {
    display: none;
  }
  .a89-home .quiz-cta-t b {
    font-size: 14px;
  }
  .a89-home .quiz-cta-t > span {
    font-size: 12.5px;
    margin-top: 1px;
  }
  .a89-home .quiz-cta-arrow {
    display: block;
  }
}

/* ---------- «Часто ищут» ---------- */
/* М-46: «Смотреть на карте» — акцентная подложка, не теряется на фото */
.a89-home .quick-links a.map-link {
  background: rgba(11, 27, 51, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: var(--radius-pill);
  padding: 9px 16px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  box-shadow: 0 2px 10px rgba(8, 18, 38, 0.3);
  transition: background 0.15s;
  border-bottom-style: solid;
}
.a89-home .quick-links a.map-link:hover {
  background: rgba(11, 27, 51, 0.85);
  color: #fff;
}
/* М-46: мобильная лента тегов с hit area под палец */
@media (max-width: 768px) {
  .a89-home .quick-links {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 8px;
    padding-bottom: 6px;
  }
  .a89-home .quick-links::-webkit-scrollbar {
    display: none;
  }
  .a89-home .quick-links .lbl {
    flex: none;
    align-self: center;
  }
  .a89-home .quick-links a.chip {
    flex: none;
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 8px 18px;
    font-size: 14px;
  }
  .a89-home .quick-links a.map-link {
    flex: none;
    align-self: center;
    margin-left: 0;
    order: -1;
  }
}

/* ---------- Подборки новостроек ---------- */
/* В макете 4 карточки в ряд (эталонный .collections — 3 колонки) */
.a89-home .collections {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1080px) {
  .a89-home .collections {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px) {
  .a89-home .collections {
    grid-template-columns: 1fr;
  }
}

/* ---------- Демо-рекламный слот ---------- */
/* Баннер-ссылка на /{region}/ipoteka/ (метка «Реклама», не «Пример размещения») */
a.ad-banner {
  text-decoration: none;
  color: inherit;
  display: flex;
}
a.ad-banner:hover {
  border-color: var(--accent);
}

/* ---------- Лид-блоки (.ctaband) ---------- */
/* Селекты бюджета/канала на тёмной подложке — как поля ввода эталона */
.ctaband-f select {
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  border-radius: var(--radius-m);
  padding: 12px 34px 12px 14px;
  font: inherit;
  font-size: 14.5px;
  flex: none;
  min-width: 150px;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, rgba(255, 255, 255, 0.7) 50%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.7) 50%, transparent 50%);
  background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%;
  background-size: 5px 5px;
  background-repeat: no-repeat;
}
.ctaband-f select option {
  color: var(--text);
  background: #fff;
}
/* Согласия на тёмном фоне: компактный .pdn-check (A.89a G-4) в светлой подаче */
.pdn-check.on-dark {
  color: rgba(255, 255, 255, 0.72);
}
.pdn-check.on-dark a {
  color: #fff;
  text-decoration: underline;
}
.pdn-check.on-dark input {
  accent-color: var(--accent);
}

/* ---------- Журнал на главной ---------- */
/* Карточки без фото (в API статей изображений нет) — компенсируем воздухом */
.a89-home .hjc {
  min-height: 100%;
}

/* ---------- Hero-статистика на мобильном: сетка 2×2 (макет) ---------- */
@media (max-width: 768px) {
  .a89-home .hero-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px 20px;
    gap: 16px 20px;
  }
}