/* === catalog buy-box visual fix v2 START === */

/* Только список товаров/карточки */
body.catalog-list-page .product-block .buy-box {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Между кнопкой и счетчиком будет зазор через gap, отдельно margin не нужен */
body.catalog-list-page .product-block .buy-box > .button.card.js-add-to-basket {
    margin-right: 0 !important;
}

/* Сам блок количества не раздуваем, только аккуратно собираем */
body.catalog-list-page .product-block .buy-box > .numeric-input {
    display: inline-flex !important;
    align-items: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Чиним белый квадрат у цифры */
body.catalog-list-page .product-block .buy-box > .numeric-input > input.input.number.js-basket-amount {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

/* На всякий случай убираем браузерные стрелки/оформление */
body.catalog-list-page .product-block .buy-box > .numeric-input > input.input.number.js-basket-amount::-webkit-outer-spin-button,
body.catalog-list-page .product-block .buy-box > .numeric-input > input.input.number.js-basket-amount::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

body.catalog-list-page .product-block .buy-box > .numeric-input > input.input.number.js-basket-amount {
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

/* === catalog buy-box visual fix v2 END === */

/* === catalog cards align fix START === */

/* Карточки в сетке тянем по высоте внутри одной строки */
body.catalog-list-page .product-list.block {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* Каждая карточка становится нормальным flex-контейнером */
body.catalog-list-page .product-list.block > .product-block {
    display: flex !important;
}

/* Внутренность карточки выстраиваем сверху вниз */
body.catalog-list-page .product-list.block > .product-block > .product-container {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

/* Картинка/слайдер не должны растягиваться */
body.catalog-list-page .product-list.block > .product-block .photo-wrap {
    flex: 0 0 auto !important;
}

/* Название делаем блочным, чтобы все следующие элементы считались ровно */
body.catalog-list-page .product-list.block > .product-block .custom-title-product {
    display: block !important;
    flex: 0 0 auto !important;
}

/* Наличие тоже отдельной строкой */
body.catalog-list-page .product-list.block > .product-block .product-block-stocks {
    display: block !important;
    flex: 0 0 auto !important;
}

/* Цена уезжает вниз, поэтому блок цены + кнопка становятся в одну нижнюю линию по карточкам */
body.catalog-list-page .product-list.block > .product-block .price-block {
    margin-top: auto !important;
    flex: 0 0 auto !important;
    min-height: 62px !important;
    box-sizing: border-box !important;
}

/* Низ карточки: кнопка/количество или "Доступен в магазине" */
body.catalog-list-page .product-list.block > .product-block .buy-box,
body.catalog-list-page .product-list.block > .product-block .notton {
    flex: 0 0 auto !important;
}

/* Чтобы "Доступен в магазине" тоже стоял в одной нижней зоне */
body.catalog-list-page .product-list.block > .product-block .notton {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* Текущий фикс количества сохраняем: зазор между "В корзину" и количеством 6px */
body.catalog-list-page .product-block .buy-box {
    gap: 6px !important;
}

/* === catalog cards align fix END === */

/* === catalog stocks hide fix START === */

/* Убираем лишнюю надпись "В наличии на ... складах" в карточках */
body.catalog-list-page .product-list.block > .product-block .product-block-stocks {
    display: none !important;
}

/* === catalog stocks hide fix END === */