/* 1. Сбрасываем вредные настройки Битрикса */
.goods_list_item a picture {
    height: auto !important;
    display: block !important;
}
.goods_list_item a:has(img) {
    flex-grow: 0 !important;
    display: block !important;
}

/* 2. Создаем жесткую рамку 4:5 для всех без исключения */
.goods_list_item .img {
    aspect-ratio: 4 / 5 !important;
    width: 100% !important;
    display: block !important;
    overflow: hidden !important; /* Обрезает всё, что вылезает за рамки */
    background-color: #f8f8f8; /* Нейтральный фон на случай микро-зазоров */
}

/* 3. Заставляем картинку заполнить рамку, сохраняя верх (головы) */
.goods_list_item .img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* Растягивает картинку, чтобы не было пустых мест */
    object-position: top center !important; /* ВАЖНО: держит фокус на верхней части фото */
    display: block !important;
}

/* 4. Выравниваем карточки */
.goods_list_item {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}