/* 1) kontrolki: OFF -> nie pokazuj */
.quantity-control[data-enabled="0"]{
display: none;
}
/* 2) kontrolki: ON -> pokaż */
.quantity-control[data-enabled="1"]{
display: block;
}
/* 3) ukryj input tylko tam, gdzie kontrolki ON w danej grupie */
.product-details__quantity:has(.quantity-control[data-enabled="1"]) .quantity__field-js{
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* wygląd tekstu */
.qty-text{
display: flex;              /* ważne, bo masz flex-direction */
flex-direction: column;
align-items: center;
text-align: center;
border: 1px solid #ccc;
padding: 6px 8px;
border-radius: 4px;
font-size: 14px;
background: #f9f9f9;
color: #555;
margin: 0 10px; /* między - i + */
gap: 2px;
}
.js-sale-text{ font-weight: 700; }
/* kasujemy dziedziczone marginesy spanów z szablonu */
.quantity-control .qty-text > span{
margin: 0 !important;
}
.qty-price{
display: flex;
flex-direction: column; /* jeden pod drugim */
gap: 2px;               /* odstęp między liniami (opcjonalnie) */
}