/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 30 2025 | 21:08:38 */
/* Modal از پایین بیاد بالا (Bottom Sheet) */
#rajet-modal-overlay {
    display: flex;
    justify-content: center;
    align-items: flex-end !important;  /* چسبوندن به پایین */
}

#rajet-modal-box {
    max-width: 100% !important;
    width: 100% !important;
    max-height: 70vh !important;  /* نصف صفحه (60% ارتفاع) */
    min-height: 400px;
    border-radius: 24px 24px 0 0 !important;  /* گرد فقط بالا */
    margin: 0 !important;
    animation: slideUpFromBottom 0.4s ease-out !important;
    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.3) !important;
}

/* انیمیشن اومدن از پایین */
@keyframes slideUpFromBottom {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* هدر Modal */
#rajet-modal-box > div:first-child {
    border-radius: 24px 24px 0 0 !important;
}

/* دستگیره (Handle) بالای Modal */
#rajet-modal-box::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 5px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    z-index: 10;
}

/* موبایل: تمام صفحه */
@media (max-width: 768px) {
    #rajet-modal-box {
        max-height: 85vh !important;
        border-radius: 20px 20px 0 0 !important;
    }
}

/* دسکتاپ: نصف صفحه با حداکثر عرض */
@media (min-width: 769px) {
    #rajet-modal-box {
        max-width: 800px !important;
        border-radius: 24px 24px 0 0 !important;
    }
}