/**
 * Homepage — Elementor loop carousel quantity label bug.
 * Template reuses first product's quantity id/label on every slide.
 */

/* Keep quantity accessible but not visible as broken duplicate text */
body.home .e-loop-item .quantity label.screen-reader-text,
body.page-id-2 .e-loop-item .quantity label.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Compact add-to-cart on promo carousel — qty defaults to 1 */
body.home .e-loop-item form.cart .quantity,
body.page-id-2 .e-loop-item form.cart .quantity {
  display: none !important;
}

body.home .e-loop-item .single_add_to_cart_button,
body.page-id-2 .e-loop-item .single_add_to_cart_button {
  width: 100%;
  margin-top: 8px;
}

/* Elementor sometimes renders quantity label visibly (not sr-only) */
body.home .e-loop-item form.cart label[for*="quantity"],
body.page-id-2 .e-loop-item form.cart label[for*="quantity"] {
  display: none !important;
}