.elementor-9 .elementor-element.elementor-element-16fbba36{--display:flex;}.elementor-9 .elementor-element.elementor-element-5522599b{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:20px 20px 20px 20px;}/* Start custom CSS for text-editor, class: .elementor-element-5522599b *//* ============================================
   1) Center text inside all cart/coupon buttons
   The theme injects a stray <br> before the button
   text, which pushes the text down/off-center.
   ============================================ */
.elementor-9 .elementor-element.elementor-element-5522599b .button,
.elementor-9 .elementor-element.elementor-element-5522599b button[name="apply_coupon"],
.elementor-9 .elementor-element.elementor-element-5522599b button[name="update_cart"],
.elementor-9 .elementor-element.elementor-element-5522599b .wd-coupon-form .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: normal !important;
  white-space: nowrap !important;
}

/* hide the stray line break that causes the misalignment */
.elementor-9 .elementor-element.elementor-element-5522599b .button br,
.elementor-9 .elementor-element.elementor-element-5522599b button[name="apply_coupon"] br,
.elementor-9 .elementor-element.elementor-element-5522599b button[name="update_cart"] br {
  display: none !important;
  content: none !important;
}

/* ============================================
   2) Align the quantity minus / input / plus
   into one neat row, same height
   ============================================ */
.elementor-9 .elementor-element.elementor-element-5522599b .quantity {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.elementor-9 .elementor-element.elementor-element-5522599b .quantity p {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}

.elementor-9 .elementor-element.elementor-element-5522599b .quantity input.qty {
  height: 36px !important;
  width: 44px !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* covers the common class names WordPress/WooCommerce themes use
   for the +/- quantity buttons, so this works regardless of which
   one your theme actually renders */
.elementor-9 .elementor-element.elementor-element-5522599b .quantity .plus,
.elementor-9 .elementor-element.elementor-element-5522599b .quantity .minus,
.elementor-9 .elementor-element.elementor-element-5522599b .quantity .qty-button,
.elementor-9 .elementor-element.elementor-element-5522599b .quantity button.plus,
.elementor-9 .elementor-element.elementor-element-5522599b .quantity button.minus,
.elementor-9 .elementor-element.elementor-element-5522599b .quantity span.plus,
.elementor-9 .elementor-element.elementor-element-5522599b .quantity span.minus,
.elementor-9 .elementor-element.elementor-element-5522599b .quantity .quantity-nav .qty-btn {
  height: 36px !important;
  width: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}/* End custom CSS */