/*
 * KingSoft / Osapa 2.2.4 migration — Phase 8
 * Keep the single-product quantity control (- 1 +) on one horizontal axis.
 */

/*
 * The migrated child stylesheet had a later, more specific rule setting the
 * product quantity wrapper to display:block. That overrode Osapa 2.2.4's flex
 * layout and made the numeric input sit on the text baseline below the +/-
 * controls. Restore the intended flex row only on the single-product form.
 */
.single-product #content div.product .summary form.cart .quantity,
.single-product #content div.product .summary .cart .quantity {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

.single-product #content div.product .summary form.cart .quantity > .svg-minus,
.single-product #content div.product .summary form.cart .quantity > .svg-plus,
.single-product #content div.product .summary form.cart .quantity > input.qty {
    float: none !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    align-self: center !important;
    vertical-align: middle !important;
}

.single-product #content div.product .summary form.cart .quantity > input.qty {
    display: block !important;
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 45px !important;
}