/* ======================================================================
   Product checkout (PDP actions) — Cohort 1 (Professional Charcoal)
   Bootstrap-first: btn / input-group / form-control / d-flex / gap classes
   come from Bootstrap. This file is intentionally lean — only sizing
   polish for the qty stepper + WhatsApp green hover state.
   ====================================================================== */

.product-checkout-5-cart,
.product-checkout-5-buynow {
    min-height: 48px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.product-checkout-5-qty .qty-down,
.product-checkout-5-qty .qty-up {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-weight: 600;
    user-select: none;
}

.product-checkout-5-qty .qty-val::-webkit-outer-spin-button,
.product-checkout-5-qty .qty-val::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.product-checkout-5-qty .qty-val { -moz-appearance: textfield; }

.product-checkout-5-whatsapp:hover {
    background: #1ea355 !important;
    border-color: #1ea355 !important;
    color: #FFFFFF !important;
}

.product-checkout-5-call:hover {
    border-color: var(--bs-primary, #111827);
    color: var(--bs-primary, #111827);
}