.elementor-5621 .elementor-element.elementor-element-7a838dc{--display:flex;}.elementor-5621 .elementor-element.elementor-element-e68838a{--display:flex;}.elementor-5621 .elementor-element.elementor-element-4559f6e{--display:flex;}.elementor-5621 .elementor-element.elementor-element-04cc42f{--display:flex;}.elementor-5621 .elementor-element.elementor-element-8be2613 .cart button, .elementor-5621 .elementor-element.elementor-element-8be2613 .cart .button{transition:all 0.2s;}.elementor-5621 .elementor-element.elementor-element-8be2613 .quantity .qty{transition:all 0.2s;}@media(max-width:767px){.elementor-5621 .elementor-element.elementor-element-417509a{text-align:right;}.elementor-5621 .elementor-element.elementor-element-417509a .elementor-heading-title{font-size:25px;}.elementor-5621 .elementor-element.elementor-element-04cc42f{--content-width:500px;--min-height:0px;}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-8be2613 */.woocommerce .quantity {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 10px auto;
}

.woocommerce .quantity input.qty {
  width: 50px;
  height: 40px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #252525;
}

.woocommerce .quantity button.plus,
.woocommerce .quantity button.minus {
  width: 40px;
  height: 40px;
  background-color: #00b3a4;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.woocommerce .quantity button.plus {
  padding-top: 1px; /* رفع رمز + للأسفل شوي */
}

.woocommerce .quantity button.minus {
  padding-bottom: 1px; /* خفض رمز - للأعلى شوي */
}
.woocommerce .quantity {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* زر + و - */
.woocommerce .quantity button.plus,
.woocommerce .quantity button.minus {
  width: 40px;
  height: 40px;
  border: none;
  background-color: #61c0b5;
  color: white;
  font-size: 22px;
  font-weight: bold;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 0; /* فرق مهم هنا */
  position: relative;
  top: 1px; /* ده الرفع الطفيف اللي بيحل المشكلة بصريًا */
}

/* خانة الرقم */
.woocommerce .quantity input.qty {
  width: 45px;
  height: 40px;
  text-align: center;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.woocommerce .quantity button.plus {
  position: relative;
  left: 12px; /* زودنا المسافة للشمال */
}
.woocommerce .quantity button.plus {
  position: relative;
  left: 11px;
}
.woocommerce .quantity button.plus {
  position: relative;
  left: 10px;
}/* End custom CSS */