/* ============================================================
   CF Widget — Product Kit
   ============================================================ */

.cw-product-kit {
    width: 100%;
}

.cw-btn-kit {
    width: 100%;
    height: 52px;
    background: #E53535;
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    font-family: inherit;
    line-height: 1;
    cursor: pointer;
    transition: background 200ms ease, color 200ms ease, border-color 200ms ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
}

.cw-btn-kit:not(:disabled):hover {
    background: #CC2929;
}

.cw-btn-kit:not(:disabled):active {
    transform: scale(0.98);
}

.cw-btn-kit:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

/* ── Spinner ────────────────────────────────────────────── */

.cw-btn-kit .cw-btn-spinner {
    display: none;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #FFFFFF;
    border-radius: 50%;
    animation: cw-kit-spin 0.7s linear infinite;
    flex-shrink: 0;
}

.cw-btn-kit.cw-loading .cw-btn-spinner { display: inline-block; }
.cw-btn-kit.cw-loading .cw-btn-label   { display: none; }

@keyframes cw-kit-spin {
    to { transform: rotate(360deg); }
}