/* ═══════════════════════════════════════════════════════════════
   home-hero.css — hero главной, вариант 2 (редизайн, шаг 3, 04.10.2026).
   Одно фото, затемнение легче (было до .90 слева), поиск отдельной белой
   карточкой с категориями. Правая часть — фото (карточку «Свежие объявления»
   убрали 04.10 по решению владельца: дубль блока «Объявления» ниже, отвлекает от поиска).
   Только ПК: на телефоне .hero скрыт, там свой .mob-hero (mobile-home.js).
   ═══════════════════════════════════════════════════════════════ */
.hero.hero-v2{height:auto;min-height:600px}
/* 07.10: смена фото вернулась — зум на общем контейнере, у кадров одинаковый масштаб (иначе «двоение» при растворении) */
.hero-v2 .hero-bg{animation:hzoom 30s ease-in-out infinite alternate;will-change:transform}
.hero-v2 .hero-slide{animation:none;transform:none;transition:opacity 1.4s ease}
@media (prefers-reduced-motion:reduce){.hero-v2 .hero-bg{animation:none}}
.hero-v2 .hero-overlay{background:
  linear-gradient(90deg,rgba(10,34,24,.78) 0%,rgba(10,34,24,.62) 34%,rgba(10,34,24,.22) 62%,rgba(10,34,24,.05) 82%),
  linear-gradient(0deg,rgba(10,34,24,.45) 0%,rgba(10,34,24,0) 35%)}
.hero-v2 .hero-content{padding-top:72px;padding-bottom:72px}
.hv2-grid{width:100%}
.hero-v2 .hero-inner{max-width:620px}
.hero-v2 .hero-title{margin-bottom:14px}
.hv2-sub{font-size:17px;line-height:1.55;color:rgba(255,255,255,.82);max-width:520px;margin-bottom:28px;
  opacity:0;transform:translateY(12px);animation:fadeUp .65s ease .36s forwards}

/* Поиск — отдельная белая карточка */
.hv2-search{background:#fff;border-radius:18px;padding:10px;box-shadow:0 18px 48px rgba(0,0,0,.28);
  opacity:0;transform:translateY(12px);animation:fadeUp .65s ease .46s forwards}
.hv2-search .hero-search{box-shadow:none;border-radius:12px;background:var(--cream);margin:0}
.hv2-search .hero-search input{background:transparent}
.hv2-search .search-btn{border-radius:10px;margin:4px;height:46px}
.hv2-cats{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 6px 4px}
.hv2-cats-label{font-size:13px;color:var(--gr500);margin-right:2px}
.hv2-cat{height:30px;padding:0 12px;border-radius:100px;border:1px solid var(--line-warm);background:#fff;
  font:600 13px/1 var(--font-text);color:var(--g800);cursor:pointer;transition:.15s}
.hv2-cat:hover{background:var(--straw-50);border-color:var(--straw)}

.hv2-sell{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:15px;font-weight:600;color:#fff;
  text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:2px;transition:.15s}
.hv2-sell:hover{color:var(--straw-300);border-color:var(--straw-300)}


/* ── Телефон: hero собирает mobile-home.js (.mob-hero), приведён к ПК 04.10.2026 ──
   Поиск белой карточкой с категориями, «Каталог» убран (он в нижнем меню), одна ссылка
   «Разместите объявление», цифры компактной строкой; hero ниже — первые объявления видны сразу. */
@media (max-width:768px){
  .mob-hero-content{padding:18px 16px 14px!important}
  .mob-hero-title{font-size:24px!important;letter-spacing:-.4px;margin-bottom:14px!important}
  .mh-card{background:#fff;border-radius:16px;padding:8px;box-shadow:0 10px 28px rgba(0,0,0,.25)}
  .mh-search{display:flex;align-items:center;gap:6px;background:var(--cream);border-radius:12px;padding-left:10px}
  .mh-search-ico{width:18px;height:18px;flex-shrink:0;fill:none;stroke:var(--gr400);stroke-width:2;stroke-linecap:round}
  .mh-search .mob-hero-input{flex:1;min-width:0;height:46px!important;background:transparent!important;padding:0 4px!important;border-radius:0!important;font-size:15px!important}
  .mh-search .mob-hero-input:focus{outline:none!important}
  .mh-search .mob-hero-find{height:40px!important;margin:3px;padding:0 16px!important;border-radius:10px!important}
  .mh-cats{display:flex;gap:6px;overflow-x:auto!important;max-width:none!important;padding:8px 2px 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mh-cats::-webkit-scrollbar{display:none}
  .mh-cats a{flex-shrink:0;height:30px;padding:0 12px;display:inline-flex;align-items:center;border-radius:100px;border:1px solid var(--line-warm);
    font-size:13px;font-weight:600;color:var(--g800);text-decoration:none;background:#fff}
  .mh-sell{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:14px;font-weight:600;color:#fff;text-decoration:none;
    border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:1px}
  .mh-sell svg{width:15px;height:15px;fill:none;stroke:var(--straw-300);stroke-width:2.2;stroke-linecap:round}
  .mh-stats{display:flex!important;flex-wrap:wrap;gap:4px 14px!important;margin-top:14px;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.12)!important;font-size:12px;color:rgba(255,255,255,.7)}
  .mh-stats b{font:800 14px/1 var(--font-display);color:#fff;margin-right:2px}
}

/* «Подобрано для вас» (13.10.2026) */
.reco-section{padding-bottom:0}
.reco-sub{font-size:14px;color:var(--gr500);margin-top:4px}
#reco-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.reco-item{display:flex;flex-direction:column;gap:6px;min-width:0}
.reco-item>.listing-card,.reco-item>a{flex:1}
.reco-why{font-size:12px;font-weight:600;color:var(--g700);padding:0 4px}
@media (max-width:1024px){#reco-grid{grid-template-columns:repeat(2,1fr);gap:12px}}
@media (max-width:600px){#reco-grid{grid-template-columns:1fr}}