/* ============================================================
   agroparkspb.ru — правки отображения фото в блоге/новостях
   Файл: catalog/view/theme/prostore/css/custom.css
   Добавлено: 2026-07-10 (Craft Agent)
   Причина: ComfyUI-фото разных пропорций «растягивало» карточки
            и контентные фото в статьях.
   Подключается ПОСЛЕ app.min.css в common/header.twig.
   ============================================================ */

/* ────────────────────────────────────────────
   ЗОНА 1 — Карточки превью блога (страница /shopblog)
   Было: .blog__item-image::before { padding-top:136% }
   → вертикальная рамка 1:1.36, а фото 480x320 (3:2) горизонтальные
   → двойная обрезка боков при object-fit:cover.
   Делаем горизонтальную карточку под реальный кеш 3:2.
   ──────────────────────────────────────────── */
.blog__item-image {
  aspect-ratio: 3 / 2;
  max-height: none;
}
.blog__item-image::before {
  content: none;            /* гасим старую вертикальную пропорцию */
}
.blog__item-image img {
  object-fit: cover;
  object-position: center;
}

/* ────────────────────────────────────────────
   ЗОНА 2 — Фото внутри статьи блога/новости
   Контент приходит из БД с жёстким style="width:976px" от генератора.
   Гасим хардкод-ширину, держим пропорции, центрируем.
   ──────────────────────────────────────────── */
#tab-description img,
.article__body img,
.article__body--blog img,
.article__body--news img,
.ui-wysiwyg img {
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 8px;
}

/* ────────────────────────────────────────────
   ЗОНА 3 — Главное (обложечное) фото статьи
   Было: .article__image { height:46.5rem } + cover → жёсткий кроп.
   Делаем адаптивную высоту под пропорцию 3:2 обложки (1500x1000).
   ──────────────────────────────────────────── */
.article__image {
  height: auto;
  aspect-ratio: 3 / 2;
  max-height: 62rem;
}
.article__image::after {
  display: none;            /* убираем тёмный градиент-затемнение низа */
}

/* ============================================================
   ЗОНА 4 — ГЛАВНАЯ СТРАНИЦА: блог-слайдер (.blog-featured)
   Добавлено: 2026-07-10 (Craft Agent, правка II)
   Было: :before { padding:136% 0 0 0 } → вертикальная рамка 1:1.36
   Фото 480x269 (16:9) кромались по бокам → «растянуто/съехало».
   Делаем горизонтальную карточку под реальную пропорцию фото.
   ============================================================ */
.blog-featured__item-image {
  aspect-ratio: 16 / 9;
  max-height: none;
}
.blog-featured__item-image::before {
  content: none !important;          /* гасим старую вертикальную пропорцию */
  padding: 0 !important;
  float: none !important;
}
.blog-featured__item-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* ============================================================
   ЗОНА 5 — ГЛАВНАЯ СТРАНИЦА: блок новостей (.news-featured)
   Было: height:18rem (фиксированная) → обрезка фото разных пропорций.
   Делаем адаптивную высоту под пропорцию 3:2.
   ============================================================ */
.news-featured__item-image {
  aspect-ratio: 3 / 2;
  height: auto;
  max-height: 24rem;
}
.news-featured__item-image img {
  object-position: center;
}

/* Версия кеша для сброса CDN/браузера */
/* ============================================================
   ЗОНА 6 — ПОИСК В МОБИЛЬНОЙ ШАПКЕ
   Добавлено: 2026-08-20 (Craft Agent)
   Возвращаем штатную кнопку поиска, ранее скрытую в app.min.css.
   На desktop строка рендерится в header_7.twig.
   ============================================================ */
@media (max-width: 1198px) {
  .header__mobile .header__search {
    display: block !important;
  }
}