/* FreshMart · PDP CTAs · template-4 */

.pdp-4-actions { display: flex; flex-direction: column; gap: 14px; margin: 18px 0; }

.pdp-4-row { display: flex; align-items: center; gap: 16px; }

.pdp-4-qty-label { font-size: 0.9375rem; font-weight: 500; color: var(--bs-body-color, #1F2937); }

.pdp-4-qty {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--bs-border-color, #E5E7EB);
    border-radius: 0.5rem;
    overflow: hidden;
    background: var(--bs-bg-surface, #FFFFFF);
}

.pdp-4-qty-btn {
    width: 36px; height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--bs-body-color, #1F2937);
    text-decoration: none;
    background: transparent;
    transition: background 0.15s ease, color 0.15s ease;
}

.pdp-4-qty-btn:hover { background: var(--bs-light-primary, #FFF1E4); color: var(--bs-primary, #E86A1C); }

.pdp-4-qty-input {
    width: 56px; height: 36px;
    border: 0;
    outline: 0;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    background: transparent;
    -moz-appearance: textfield;
}

.pdp-4-qty-input::-webkit-outer-spin-button,
.pdp-4-qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.pdp-4-ctas,
.pdp-4-alt { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }

.pdp-4-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 22px;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.2;
    border-radius: 0.5rem;
    border: 1px solid transparent;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.15s ease, color 0.15s ease, transform 0.1s ease;
    letter-spacing: 0.02em;
}

.pdp-4-btn-cart { background: var(--bs-primary, #E86A1C); color: #FFFFFF; border-color: var(--bs-primary, #E86A1C); }
.pdp-4-btn-cart:hover { background: var(--bs-link-hover-color, #B8521A); color: #FFFFFF; }

.pdp-4-btn-buynow { background: var(--bs-secondary, #0F3A26); color: #FFFFFF; border-color: var(--bs-secondary, #0F3A26); }
.pdp-4-btn-buynow:hover { background: #0A2A1B; color: #FFFFFF; }

.pdp-4-btn:active { transform: translateY(1px); }

.pdp-4-btn-whatsapp { background: #25D366; color: #FFFFFF; border-color: #25D366; }
.pdp-4-btn-whatsapp:hover { background: #1DA851; color: #FFFFFF; }

.pdp-4-btn-call { background: #1D4ED8; color: #FFFFFF; border-color: #1D4ED8; }
.pdp-4-btn-call:hover { background: #1E40AF; color: #FFFFFF; }

.pdp-4-btn-unavailable {
    background: var(--bs-bg-alt, #F6F7F9);
    color: var(--bs-secondary-color, #6B7280);
    border-color: var(--bs-border-color, #E5E7EB);
    cursor: not-allowed;
}

@media (max-width: 575.98px) {
    .pdp-4-ctas,
    .pdp-4-alt { grid-template-columns: 1fr; }
}
