/* =====================================================
   MY-MARKET.ONLINE — КАТАЛОГ ТОВАРОВ

   НАЗНАЧЕНИЕ:
   Исправление расположения кнопки «Добавить»
   и счётчика количества товаров в Chrome.

   ПРОБЛЕМА:
   В Chrome кнопка «Добавить» отображается
   под счётчиком количества, а не рядом с ним.

   РЕШЕНИЕ:
   На компьютерах счётчик и кнопка располагаются
   горизонтально, как в Safari.

   ОБЛАСТЬ ДЕЙСТВИЯ:
   Только каталог Tilda #rec2087229811.
   Только экраны шириной от 961 px.
   Мобильная версия не изменяется.

   ОТКАТ:
   Для отмены исправления удалить весь этот блок CSS.

   ===================================================== */

@media screen and (min-width: 961px) {

  /* Размещаем счётчик и кнопку в одну строку */
  #rec2087229811 .t-catalog__card__btns-wrapper:has(.t-catalog__prod__quantity) {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
  }

  /* Убираем принудительный перенос кнопки
     на вторую строку, заданный стилями Tilda */
  #rec2087229811 .t-catalog__card__btn_second {
    grid-column: auto !important;
    grid-row: auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
  }

}

/* =====================================================
   КОНЕЦ — ИСПРАВЛЕНИЕ КНОПКИ «ДОБАВИТЬ»
   ===================================================== */
   
   
   
   
   
   
   
   
   
   
/* =====================================================
   MY-MARKET.ONLINE — МОБИЛЬНЫЙ КАТАЛОГ

   НАЗНАЧЕНИЕ:
   Уменьшение вертикального расстояния между
   счётчиком количества (− 1 +) и кнопкой «Добавить».

   ОБЛАСТЬ ДЕЙСТВИЯ:
   Только каталог #rec2087229811.
   Только экраны шириной до 960 px.
   Компьютерная версия не изменяется.

   ОТКАТ:
   Удалить этот блок CSS.
   ===================================================== */

@media screen and (max-width: 960px) {

  #rec2087229811 .t-catalog__card__btns-wrapper:has(.t-catalog__prod__quantity) {
    row-gap: 6px !important;
  }

  #rec2087229811 .t-catalog__card__btn_second {
    margin-top: 0 !important;
  }

}

/* КОНЕЦ — ОТСТУП МЕЖДУ КНОПКАМИ */