/* css/component/form.css */

.commerce-order-item-add-to-cart-form {
  display: flex;
  flex-direction: column; /* ВАЖНО: Делаем в колонку вместо строки */
  gap: 1.5rem; /* Красивый отступ между секцией количества, подпиской и кнопкой */
  align-items: stretch;
}

.commerce-order-item-add-to-cart-form input[type="number"] {
  width: 100%; /* Теперь инпут ручного ввода занимает всю ширину */
  max-width: 150px;
  padding: 1rem;
  border: 1px solid #ccc;
  background: white;
  font-size: 1rem;
  font-family: var(--font-main);
  box-sizing: border-box;
}