/**
 * B2BRICS: Стили карточек товаров (RF-витрина, главная)
 * Переопределяет тему без правок theme LESS.
 */

/* === ШИРИНА БЛОКА (как у witrina-products-header, чуть шире для выравнивания) === */

.container-fluid-row:has(.grid-list.ut2-gl) {
  max-width: 1370px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* === РАЗМЕР КАРТОЧЕК — значительно меньше, 5 в ряд помещаются === */

.grid-list.ut2-gl {
  --gl-thumbs-height: 150 !important;
  --gl-thumbs-width: 150 !important;
  --gl-item-default-height: 280 !important;
}

/* === РАССТОЯНИЕ МЕЖДУ КАРТОЧКАМИ === */

.grid-list.ut2-gl .ut2-gl__wrap {
  gap: 20px !important;
}

@media (max-width: 576px) {
  .grid-list.ut2-gl .ut2-gl__wrap {
    gap: 14px !important;
  }
}

/* === СКРУГЛЕНИЕ КАРТОЧЕК (как у witrina-products-header) === */

.grid-list.ut2-gl .ut2-gl__body {
  border-radius: 16px !important;
  overflow: hidden;
}

.grid-list.ut2-gl .ut2-gl__image {
  border-radius: 16px 16px 0 0 !important;
}

/* При hover тень должна учитывать скругление */
.grid-list.ut2-gl .ut2-gl__item:hover .ut2-gl__body {
  border-radius: 16px !important;
}