/*
 * Блок «Вы смотрели» (aspro/catalog.viewed.lite) — крупные превью встык
 * к рамке карточки. Текст (цена + название) — со своим внутренним padding'ом.
 *
 * Дефолт компонента:
 *   .catalog-viewed__item-wrap { padding: 23px 23px 19px; }
 *   .catalog-viewed__item__image { width: 80px; height: 80px; }
 *   img { max-width: 100%; max-height: 100% }
 *
 * После правки:
 *   - padding у wrap = 0, чтобы фото шло до серой рамки;
 *   - info-блок (цена + название) получает собственный padding 12px по бокам;
 *   - картинка стоит aspect-ratio 1/1, скругление только сверху (под овальную
 *     рамку wrap), фото покрывает блок через object-fit: cover.
 *
 * Подключается глобально через init.php (пк + мобила).
 */

.catalog-viewed__item-wrap {
  padding: 0 !important;
  overflow: hidden;
}
.catalog-viewed__item__image__wrap {
  margin: 0 !important;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  overflow: hidden;
}
.catalog-viewed__item__image {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 0 !important;
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
  overflow: hidden;
  position: relative;
}
.catalog-viewed__item__image a,
.catalog-viewed__item__image .thumb {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  border-radius: inherit;
  overflow: hidden;
}
.catalog-viewed__item__image img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  border-radius: 0 !important;
  display: block;
}

/* Текст под фото: цена + название. Padding 12px по бокам и снизу,
   8px сверху — чтобы оторвать от фото. */
.catalog-viewed__item__info {
  padding: 8px 12px 12px !important;
}

/* Мобила (≤600px) — те же отступы, серая рамка та же */
@media (max-width: 600px) {
  .catalog-viewed__item__info {
    padding: 6px 10px 10px !important;
  }
}