
/* ---- каталог JoomShopping: карточки в ряд ----
   Шаблон responsive_brooksite_v2 выводит колонки col-md-* без обёртки .row,
   а в Bootstrap 5 такие колонки без флекс-родителя не раскладываются в ряд. */
.jshop_grid.list_product {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.jshop_grid.list_product > .block_product {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
}
.jshop_grid.list_product > .block_product > * {
    width: 100%;
}
/* картинки товаров одинаковой высоты */
.jshop_grid.list_product .block_product .image_block img,
.jshop_grid.list_product .block_product img {
    max-height: 260px;
    width: auto;
    object-fit: contain;
    margin: 0 auto;
}
/* сетка подкатегорий — та же история */
.jshop_list_category, .jshop_categ_list {
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 767px) {
    .jshop_grid.list_product > .block_product { width: 100%; }
}