/* Compact add affordance for touch menu cards; handlers and labels stay with their source buttons. */
body:is([data-layout="mobile"], [data-layout="portrait"])
  section.touch-menu-section .menu-row.menu-item .qty-box > :is(.qty-plus, .nova-product-add.add-button, .touch-config-trigger),
body:is([data-layout="mobile"], [data-layout="portrait"])
  section.touch-menu-section .menu-row.menu-item.has-desktop-price-pill .qty-box > .qty-plus[data-display-price],
body:is([data-layout="mobile"], [data-layout="portrait"])
  #bestsellerCarousel .bestseller-card .bestseller-add-button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 0 0 44px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  border: 4px solid transparent !important;
  border-radius: 16px !important;
  background: #fcede9 !important;
  background-clip: padding-box !important;
  color: #b93830 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-family: Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 17px !important;
  transform: none !important;
  transition: none !important;
}
body:is([data-layout="mobile"], [data-layout="portrait"])
  section.touch-menu-section .menu-row.menu-item .qty-box > :is(.qty-plus, .nova-product-add.add-button, .touch-config-trigger):not(:disabled):hover,
body:is([data-layout="mobile"], [data-layout="portrait"])
  #bestsellerCarousel .bestseller-card .bestseller-add-button:not(:disabled):hover {
  background-color: #f9e3de !important;
  color: #b93830 !important;
  box-shadow: none !important;
  transform: none !important;
}
body:is([data-layout="mobile"], [data-layout="portrait"])
  section.touch-menu-section .menu-row.menu-item .qty-box > :is(.qty-plus, .nova-product-add.add-button, .touch-config-trigger):disabled,
body:is([data-layout="mobile"], [data-layout="portrait"])
  #bestsellerCarousel .bestseller-card .bestseller-add-button:disabled {
  opacity: .5;
  cursor: not-allowed;
}
/* Keep the bestseller's localized text/aria-label, but render the same visible plus glyph. */
body:is([data-layout="mobile"], [data-layout="portrait"])
  #bestsellerCarousel .bestseller-card .bestseller-add-button {
  font-size: 0 !important;
}
body:is([data-layout="mobile"], [data-layout="portrait"])
  #bestsellerCarousel .bestseller-card .bestseller-add-button::after {
  content: "+";
  font: 500 17px/17px Arial, sans-serif !important;
}
body:is([data-layout="mobile"], [data-layout="portrait"])
  #bestsellerCarousel .bestseller-card .bestseller-add-button:disabled::after {
  content: "—";
}