.elementor-12 .elementor-element.elementor-element-680a16b9{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-794ad76 *//* Wrapper to control layout */
.qty-wrap {
  display: inline-block;
}

/* Align minus, input, plus in a row with good tap targets */
.quantity {
  display: inline-flex;
  align-items: stretch;
  gap: 0.25rem;
}

/* Buttons: larger touch area, accessible contrast */
.quantity .qty-minus,
.quantity .qty-plus {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #ccc;
  background: #f7f7f7;
  color: #333;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 6px;
  cursor: pointer;
  user-select: none;
  touch-action: manipulation;
}

.quantity .qty-minus:active,
.quantity .qty-plus:active {
  background: #eee;
}

/* Input: readable, friendly on mobile */
.quantity input.qty {
  width: 3.5rem; /* will expand on mobile via media query */
  text-align: center;
  padding: 0.5rem 0.25rem;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 6px;
}

/* Make tap targets bigger and layout adaptive on small screens */
@media (max-width: 480px) {
  .quantity {
    gap: 0.375rem;
  }
  .quantity .qty-minus,
  .quantity .qty-plus {
    padding: 0.625rem 0.9rem;
    font-size: 1.1rem;
  }
  .quantity input.qty {
    width: 4rem;
    padding: 0.6rem 0.3rem;
    font-size: 1.05rem;
  }
}

/* Optional: prevent text selection while tapping repeatedly */
.quantity, .quantity * {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}/* End custom CSS */