#orderModal {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(10px);
    opacity: 0;
    transition: opacity 0.25s ease;
}

#orderModal.active {
    display: flex;
    opacity: 1;
}

#orderModal .modal-content,
#orderModal .checkout-container {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border: none !important;
    max-width: 100% !important;
}

#orderModal .modal-close {
    display: none !important;
}

.btn-gradient {
    background: linear-gradient(135deg, var(--checkout-primary, #6366f1), var(--checkout-secondary, #8b5cf6));
}

.btn-gradient:hover {
    filter: brightness(1.1);
    transform: translateY(-1px);
}

.input-focus-ring:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.4);
}

.custom-scrollbar::-webkit-scrollbar { width: 4px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.1); border-radius: 10px; }
.dark .custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); }

.success-animation { animation: successPulse 0.5s ease-in-out; }

.checkout-theme-v2 {
    background:
        linear-gradient(145deg, rgba(var(--checkout-primary-rgb, 99, 102, 241), 0.14), transparent 34%),
        linear-gradient(315deg, rgba(var(--checkout-secondary-rgb, 139, 92, 246), 0.14), transparent 38%),
        rgba(15, 23, 42, 0.98) !important;
    border-color: rgba(var(--checkout-primary-rgb, 99, 102, 241), 0.34) !important;
    box-shadow:
        0 28px 90px rgba(2, 6, 23, 0.42),
        0 0 0 1px rgba(var(--checkout-primary-rgb, 99, 102, 241), 0.12) inset !important;
}

.checkout-theme-v2 > form {
    background: transparent;
}

.checkout-theme-v2 .btn-gradient {
    background: linear-gradient(135deg, var(--checkout-primary, #6366f1), var(--checkout-secondary, #8b5cf6)) !important;
    box-shadow: 0 16px 42px rgba(var(--checkout-primary-rgb, 99, 102, 241), 0.28);
}

.checkout-theme-v2 .input-focus-ring:focus {
    border-color: rgba(var(--checkout-primary-rgb, 99, 102, 241), 0.75) !important;
    box-shadow: 0 0 0 3px rgba(var(--checkout-primary-rgb, 99, 102, 241), 0.28) !important;
}

.checkout-theme-v2 .text-indigo-500 {
    color: var(--checkout-primary, #6366f1) !important;
}

.checkout-theme-v2 .border-indigo-500,
.checkout-theme-v2 input[type="radio"]:checked + div {
    border-color: var(--checkout-primary, #6366f1) !important;
}

.checkout-theme-v2 .bg-indigo-900\/10,
.checkout-theme-v2 input[type="radio"]:checked + div {
    background-color: rgba(var(--checkout-primary-rgb, 99, 102, 241), 0.10) !important;
}

.checkout-theme-v2 .bg-gray-50\/80,
.checkout-theme-v2 .dark\:bg-gray-900\/80,
.checkout-theme-v2 .bg-gray-50\/50 {
    background: rgba(15, 23, 42, 0.52) !important;
    border-color: rgba(var(--checkout-primary-rgb, 99, 102, 241), 0.16) !important;
}

.checkout-theme-v2 input,
.checkout-theme-v2 select,
.checkout-theme-v2 textarea {
    background-color: rgba(15, 23, 42, 0.72) !important;
    border-color: rgba(148, 163, 184, 0.22) !important;
}

.checkout-theme-v2 input:hover,
.checkout-theme-v2 select:hover,
.checkout-theme-v2 textarea:hover {
    border-color: rgba(var(--checkout-primary-rgb, 99, 102, 241), 0.45) !important;
}

.checkout-theme-v2 .custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(var(--checkout-primary-rgb, 99, 102, 241), 0.42);
}