.checkout-page {
    min-height: 100vh;
}

.payment-tab {
    transition: all 0.3s ease;
    cursor: pointer;
}

    .payment-tab.active {
        box-shadow: 0 4px 12px rgba(79, 70, 229, 0.2);
    }

.payment-method {
    animation: fadeIn 0.3s ease;
}

    .payment-method.hidden {
        display: none !important;
    }

input[type="text"],
input[type="email"] {
    transition: all 0.3s ease;
}

input:focus {
    transform: translateY(-1px);
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (max-width: 768px) {
    .checkout-page .order-1 {
        order: 2 !important;
    }

    .checkout-page .order-2 {
        order: 1 !important;
    }

    .sticky {
        position: relative !important;
        top: 0 !important;
    }
}