/* ==============================================
   TM24 NOVAChild – PDP Preisbox: Mengenfeld
   Modul: modules/product/pricebox/pricebox-qty.css
   Scope: body[data-page="2"] #quantity-grp
   UTF-8 ohne BOM
   ============================================== */

/* ---- Mengenfeld-Gruppe ---- */
body[data-page="2"] #quantity-grp {
    display: inline-flex;
    align-items: stretch;
    border-radius: 12px;
    border: 1px solid var(--brd);
    overflow: hidden;
    height: 48px;
}

/* ---- Plus/Minus-Buttons ---- */
body[data-page="2"] #quantity-grp .btn {
    border: 0;
    background: transparent;
    color: var(--txt);
    padding: 0 14px;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    transition: background var(--speed), color var(--speed);
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
}

body[data-page="2"] #quantity-grp .btn:hover {
    background: var(--pl);
    color: var(--p);
}

/* ---- Eingabefeld ---- */
body[data-page="2"] #quantity-grp .form-control,
body[data-page="2"] #quantity-grp input[type="number"] {
    border: 0;
    border-left: 1px solid var(--brd);
    border-right: 1px solid var(--brd);
    text-align: center;
    font-family: var(--f);
    font-weight: 700;
    font-size: 15px;
    color: var(--txt);
    min-width: 52px;
    width: 60px;
    background: transparent;
    border-radius: 0;
    padding: 0;
    -moz-appearance: textfield;
}

body[data-page="2"] #quantity-grp input[type="number"]::-webkit-inner-spin-button,
body[data-page="2"] #quantity-grp input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}