/* --- استایل‌های صفحه پرداخت در محل --- */

/* 1. باکس شماره مرحله */
.step-number {
    width: 60px;
    height: 60px;
}

/* 2. انیمیشن تپش نارنجی (اگر قبلا اضافه نکرده‌اید) */
@keyframes orange-pulse {
    0% { box-shadow: 0 0 0 0 rgba(245, 102, 20, 0.4); }
    70% { box-shadow: 0 0 0 15px rgba(245, 102, 20, 0); }
    100% { box-shadow: 0 0 0 0 rgba(245, 102, 20, 0); }
}
.pulse-orange-animation {
    animation: orange-pulse 2s infinite;
}

/* 3. کارت‌های روش ارسال */
.method-card {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.hover-up-orange:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(245, 102, 20, 0.15);
    border-color: #f56614 !important;
}

.hover-up-orange:hover .icon-circle {
    background-color: #f56614 !important;
    color: #fff !important;
}

/* 4. متغیرهای رنگی (اگر موجود نیست) */
.bg-orange-light { background-color: #fff4ed; }
.text-orange { color: #f56614; }

/* 5. تنظیمات عمومی */
.lh-lg { line-height: 2 !important; }
.rounded-4 { border-radius: 1rem !important; }