@charset "utf-8";

.quantity-buy-flex { display: flex; width: fit-content; gap: 25px; }

.quantity-flex { flex: 1 1 0%; display: flex; align-items: center; gap: 10px; }

.quantity-flex span { display: block; text-align: center; padding-top: 15px; }

.quantity-text { width: 100%; height: auto; }

.quantity-text span { font-weight: 500; }

@media only screen and (max-width: 766px) {
  .quantity-buy-flex { display: flex; width: 100%; gap: 5px; margin-bottom: 25px; }
  .quantity-flex .flex.flex-nowrap.items-center.justify-start { width: 100%; justify-content: center; padding: 0px 10px; }
  .calculated-text { font-size: 3vw; }
  .quantity-flex span { padding-top: 6px; }
}