/* ======================================================================
   Product checkout (PDP actions) — Cohort 1 (Professional Charcoal)
   Bootstrap-first: btn / input-group / form-control / d-flex / gap classes
   come from Bootstrap. This file adds sizing polish + hover transitions.
   ====================================================================== */

.product-checkout-1-cart,
.product-checkout-1-buynow {
    min-height: 48px;
    font-weight: 600;
    letter-spacing: 0.02em;
    transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.product-checkout-1-cart:hover,
.product-checkout-1-buynow:hover { transform: translateY(-1px); }

.product-checkout-1-cart:active,
.product-checkout-1-buynow:active { transform: translateY(0); }

.product-checkout-1-call,
.product-checkout-1-whatsapp {
    min-height: 44px;
    transition: transform 0.15s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.product-checkout-1-call:hover,
.product-checkout-1-whatsapp:hover { transform: translateY(-1px); }

.product-checkout-1-qty {
    align-items: stretch;
}

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

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

.product-checkout-1-whatsapp:hover {
    background: #128338 !important;
    border-color: #128338 !important;
    color: #fff !important;
}

.product-checkout-1-call:hover {
    border-color: #1f2937;
    color: #1f2937;
}