/* === ZM33 m202d: mobile — «В корзину» (каталог + Хиты/Выгодно на главной) === */
@media (max-width: 767px) {
  /* Скрыть статус «На складе» — вместо него CTA */
  #mainContainer .products .products__item .products__item-status.products__item-status--true,
  .products-featured .products .products__item .products__item-status.products__item-status--true,
  .products-featured .products__item .products__item-status.products__item-status--true {
    display: none !important;
  }

  /* Нет в наличии — оставить пилюлю, спрятать корзину */
  #mainContainer .products .products__item:has(.products__item-status--false) .products__item-action,
  .products-featured .products .products__item:has(.products__item-status--false) .products__item-action,
  .products-featured .products__item:has(.products__item-status--false) .products__item-action {
    display: none !important;
  }

  #mainContainer .products .products__item .products__item-status.products__item-status--false,
  .products-featured .products .products__item .products__item-status.products__item-status--false,
  .products-featured .products__item .products__item-status.products__item-status--false {
    display: inline-flex !important;
  }

  /* Показать блок действия (m201 прятал display:none — грузится раньше m202d) */
  #mainContainer .products .products__item .products__item-action,
  .products-featured .products .products__item .products__item-action,
  .products-featured .products__item .products__item-action {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-order: 4 !important;
    order: 4 !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0.15rem !important;
    position: relative !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  #mainContainer .products .products__item .ui-add-to-cart,
  .products-featured .products .products__item .ui-add-to-cart,
  .products-featured .products__item .ui-add-to-cart {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }

  #mainContainer .products .products__item .ui-add-to-cart .ui-btn--view,
  .products-featured .products .products__item .ui-add-to-cart .ui-btn--view,
  .products-featured .products__item .ui-add-to-cart .ui-btn--view {
    display: none !important;
  }

  /* Кнопка «В корзину» — пилюля; текст ставит JS (.zm33-cart-label) */
  #mainContainer .products .products__item .ui-add-to-cart:not(.is-active) > .ui-btn--primary,
  .products-featured .products .products__item .ui-add-to-cart:not(.is-active) > .ui-btn--primary,
  .products-featured .products__item .ui-add-to-cart:not(.is-active) > .ui-btn--primary {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 3.4rem !important;
    height: 3.4rem !important;
    padding: 0.4rem 0.8rem !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #FF6B00 !important;
    color: #FFFFFF !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
    box-shadow: none !important;
  }

  #mainContainer .products .products__item .ui-add-to-cart:not(.is-active) > .ui-btn--primary:hover,
  #mainContainer .products .products__item .ui-add-to-cart:not(.is-active) > .ui-btn--primary:focus,
  .products-featured .products .products__item .ui-add-to-cart:not(.is-active) > .ui-btn--primary:hover,
  .products-featured .products .products__item .ui-add-to-cart:not(.is-active) > .ui-btn--primary:focus,
  .products-featured .products__item .ui-add-to-cart:not(.is-active) > .ui-btn--primary:hover,
  .products-featured .products__item .ui-add-to-cart:not(.is-active) > .ui-btn--primary:focus {
    background: #E85D00 !important;
    color: #FFFFFF !important;
  }

  #mainContainer .products .products__item .ui-add-to-cart:not(.is-active) > .ui-btn--primary svg,
  .products-featured .products .products__item .ui-add-to-cart:not(.is-active) > .ui-btn--primary svg,
  .products-featured .products__item .ui-add-to-cart:not(.is-active) > .ui-btn--primary svg {
    display: none !important;
  }

  #mainContainer .products .products__item .ui-add-to-cart:not(.is-active) > .ui-btn--primary .zm33-cart-label,
  .products-featured .products .products__item .ui-add-to-cart:not(.is-active) > .ui-btn--primary .zm33-cart-label,
  .products-featured .products__item .ui-add-to-cart:not(.is-active) > .ui-btn--primary .zm33-cart-label {
    display: inline !important;
    color: #FFFFFF !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* fallback если JS ещё не отработал */
  #mainContainer .products .products__item .ui-add-to-cart:not(.is-active) > .ui-btn--primary:not(:has(.zm33-cart-label))::after,
  .products-featured .products .products__item .ui-add-to-cart:not(.is-active) > .ui-btn--primary:not(:has(.zm33-cart-label))::after,
  .products-featured .products__item .ui-add-to-cart:not(.is-active) > .ui-btn--primary:not(:has(.zm33-cart-label))::after {
    content: "В корзину" !important;
    color: #FFFFFF !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
  }

  #mainContainer .products .products__item .ui-add-to-cart:not(.is-active) .ui-number,
  .products-featured .products .products__item .ui-add-to-cart:not(.is-active) .ui-number,
  .products-featured .products__item .ui-add-to-cart:not(.is-active) .ui-number {
    display: none !important;
  }

  /* После добавления — только + количество − */
  #mainContainer .products .products__item .ui-add-to-cart.is-active > .ui-btn--primary,
  .products-featured .products .products__item .ui-add-to-cart.is-active > .ui-btn--primary,
  .products-featured .products__item .ui-add-to-cart.is-active > .ui-btn--primary {
    display: none !important;
  }

  #mainContainer .products .products__item .ui-add-to-cart.is-active .ui-number,
  .products-featured .products .products__item .ui-add-to-cart.is-active .ui-number,
  .products-featured .products__item .ui-add-to-cart.is-active .ui-number {
    display: block !important;
    position: relative !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  #mainContainer .products .products__item .ui-add-to-cart.is-active .ui-number__input,
  .products-featured .products .products__item .ui-add-to-cart.is-active .ui-number__input,
  .products-featured .products__item .ui-add-to-cart.is-active .ui-number__input {
    height: 3.4rem !important;
    min-height: 3.4rem !important;
    padding: 0.3rem 3rem !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #f0f2f5 !important;
    color: #111 !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  #mainContainer .products .products__item .ui-add-to-cart.is-active .ui-number__decrease,
  #mainContainer .products .products__item .ui-add-to-cart.is-active .ui-number__increase,
  .products-featured .products .products__item .ui-add-to-cart.is-active .ui-number__decrease,
  .products-featured .products .products__item .ui-add-to-cart.is-active .ui-number__increase,
  .products-featured .products__item .ui-add-to-cart.is-active .ui-number__decrease,
  .products-featured .products__item .ui-add-to-cart.is-active .ui-number__increase {
    top: 0.3rem !important;
    bottom: 0.3rem !important;
    width: 2.6rem !important;
    border-radius: 999px !important;
    background: transparent !important;
  }

  #mainContainer .products .products__item .ui-add-to-cart.is-active .ui-number__decrease:hover,
  #mainContainer .products .products__item .ui-add-to-cart.is-active .ui-number__increase:hover,
  .products-featured .products .products__item .ui-add-to-cart.is-active .ui-number__decrease:hover,
  .products-featured .products .products__item .ui-add-to-cart.is-active .ui-number__increase:hover,
  .products-featured .products__item .ui-add-to-cart.is-active .ui-number__decrease:hover,
  .products-featured .products__item .ui-add-to-cart.is-active .ui-number__increase:hover {
    background: rgba(0, 0, 0, 0.06) !important;
  }

  #mainContainer .products .products__item .ui-add-to-cart.is-active .ui-number__decrease,
  .products-featured .products .products__item .ui-add-to-cart.is-active .ui-number__decrease,
  .products-featured .products__item .ui-add-to-cart.is-active .ui-number__decrease {
    left: 0.2rem !important;
  }

  #mainContainer .products .products__item .ui-add-to-cart.is-active .ui-number__increase,
  .products-featured .products .products__item .ui-add-to-cart.is-active .ui-number__increase,
  .products-featured .products__item .ui-add-to-cart.is-active .ui-number__increase {
    right: 0.2rem !important;
  }
}
