/* The stepper wraps Woo's named quantity input. It stays subject to Woo's min/max and visibility. */
.hui-native-order form.cart .quantity.hui-qty-row {
    display:flex; align-items:center; gap:12px; flex:0 0 100%; width:100%; min-width:0; box-sizing:border-box;
    float:none; clear:both; margin:0; padding:0;
}
.hui-storefront .hui-product-page[data-hui-unified-price] .hui-native-order form.cart .quantity.hui-qty-row {
    flex:none; flex-direction:column; align-items:flex-start; gap:7px; margin:12px 0 6px;
}
.hui-native-order form.cart .quantity.hui-qty-hidden,
.hui-storefront .hui-product-page[data-hui-unified-price] .hui-native-order form.cart .quantity.hui-qty-hidden { display:none; }
.hui-native-order .hui-qty-title { color:var(--ink,#1f3028); font:650 16px/1.35 var(--sans,sans-serif); }
.hui-native-order .hui-qty-controls {
    display:inline-grid; grid-template-columns:44px 40px 44px; grid-template-rows:44px; flex:0 0 auto;
    align-items:stretch; border:1px solid #a9b8ae; border-radius:999px; background:#fff; color:var(--green,#254b3e);
}
.hui-native-order form.cart .hui-qty-controls button.hui-qty-step,
.hui-native-order form.cart .hui-qty-controls input.qty {
    box-sizing:border-box; min-width:0; min-height:44px; width:100%; height:100%; margin:0; border:0; padding:0;
    background:transparent; color:inherit; box-shadow:none; float:none;
}
.hui-native-order form.cart .hui-qty-controls button.hui-qty-step {
    position:relative; display:grid; align-items:center; justify-items:center;
    border-radius:999px; font-size:0; cursor:pointer; touch-action:manipulation;
}
/* Optical centres match for both glyphs even when a device substitutes its own numeral font. */
.hui-native-order .hui-qty-controls .hui-qty-step::before,
.hui-native-order .hui-qty-controls .hui-qty-step:last-child::after {
    content:""; position:absolute; inset:0; margin:auto; display:block;
    width:12px; height:2px; background:currentColor; border-radius:2px;
}
.hui-native-order .hui-qty-controls .hui-qty-step:last-child::after { transform:rotate(90deg); }
.hui-native-order form.cart .hui-qty-controls button.hui-qty-step:enabled:is(:hover,:active) { background:#eaf1eb; color:var(--deep,#19382d); }
.hui-native-order form.cart .hui-qty-controls button.hui-qty-step:disabled { color:#829187; opacity:1; cursor:default; }
.hui-native-order form.cart .hui-qty-controls input.qty {
    appearance:textfield; -moz-appearance:textfield; text-align:center; border-radius:4px; color:var(--ink,#1f3028);
    font:600 16px/1.25 var(--sans,sans-serif); font-variant-numeric:tabular-nums;
}
.hui-native-order .hui-qty-controls input.qty::-webkit-inner-spin-button,
.hui-native-order .hui-qty-controls input.qty::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
.hui-native-order .hui-qty-controls :is(input.qty,button.hui-qty-step):focus-visible {
    position:relative; z-index:1; outline:2px solid var(--green,#254b3e); outline-offset:-3px;
}
@media(forced-colors:active) {
    .hui-native-order .hui-qty-controls .hui-qty-step::before,
    .hui-native-order .hui-qty-controls .hui-qty-step:last-child::after { forced-color-adjust:none; background:ButtonText; }
    .hui-native-order .hui-qty-controls .hui-qty-step:disabled::before,
    .hui-native-order .hui-qty-controls .hui-qty-step:disabled::after { background:GrayText; }
}