/* =========================================================
   hm-home-mobile.css — компактные карточки на мобильных
   Подключается после hm-home.css и hm-card.css
   ========================================================= */

/* =========================================================
   Мобильная главная: спокойная сетка, без «витринной» плотности.
   Карточки крупнее и с нормальным текстом, ленты — свайп одной карточкой
   с подглядыванием следующей, подписи разделов — в одну строку.
   ========================================================= */

@media (max-width: 768px) {

  /* Секции тянутся от края до края: вернуть боковые поля контейнера.
     .hm-index и .hm-fresh объявляют padding: 0 ... и перебивают .container. */
  .hm-index,
  .hm-fresh {
    padding-left: var(--hm-sp-4);
    padding-right: var(--hm-sp-4);
  }

  .hm-index {
    padding-top: var(--hm-sp-7);
  }

  .hm-fresh__block {
    padding: var(--hm-sp-5) 0;
  }

  /* Подпись ленты и «Все» в одну строку, без лишней высоты */
  .hm-fresh__label {
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--hm-sp-3);
  }

  .hm-fresh__label h3 {
    font-size: 1.25rem;
  }

  /* Лента: несколько карточек на экран, следующие выглядывают */
  .hm-rail-compact .hm-rail-item {
    flex: 0 0 46vw;
    max-width: 195px;
  }

  .hm-rail {
    gap: var(--hm-sp-3);
    padding-bottom: var(--hm-sp-3);
  }

  /* Кнопки-стрелки на тач-экране не нужны: лента листается пальцем */
  .hm-rail-wrap .hm-rail-btn {
    display: none;
  }

  /* Карточка: читаемые размеры вместо уменьшенных ad-блоков */
  .hm-card {
    border-radius: 14px;
  }

  .hm-card-media {
    aspect-ratio: 4 / 3;
    max-height: none;
  }

  .hm-card-noimg {
    font-size: 2rem;
  }

  .hm-card-badge {
    top: 8px;
    left: 8px;
    padding: 4px 9px;
    font-size: 0.7rem;
  }

  .hm-card-body {
    padding: var(--hm-sp-3) var(--hm-sp-3) var(--hm-sp-4);
    gap: 6px;
  }

  .hm-card-title {
    font-size: 1rem;
    line-height: 1.3;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
  }

  .hm-card-meta {
    font-size: 0.8rem;
    line-height: 1.35;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
    color: var(--hm-muted);
  }

  .hm-card-price {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 2px 0 0;
  }

  .hm-card-price .hm-rub {
    font-size: 0.95rem;
  }

  .hm-card-negotiable {
    font-size: 0.7rem;
    padding: 1px 6px;
  }

  .hm-card-foot {
    font-size: 0.75rem;
    gap: 8px;
    margin-top: 2px;
  }

  .hm-card-city i {
    font-size: 0.75rem;
  }

  .hm-empty-text {
    font-size: var(--hm-fs-body);
  }
}