.maham-modal-responsive {
    /* این خط باعث می‌شود مودال به اندازه محتوایش جمع شود */
    width: fit-content !important;
    /* حداقل عرض برای اینکه خیلی زشت نشود */
    min-width: 300px !important;
    /* وسط چین کردن محتوا در رادزن */
    margin: auto !important;
}

/* --- 1. Extra Large (XL) --- */
/* درخواستی شما: دسکتاپ 85% - موبایل حدود 95% */
.maham-modal-xl {
    max-width: 98vw !important; /* موبایل: تقریبا تمام صفحه */
}

@media (min-width: 1200px) {
    .maham-modal-xl {
        max-width: 85vw !important; /* دسکتاپ: سقف 85 درصد */
    }
}

/* --- 2. Large (L) --- */
.maham-modal-large {
    max-width: 95vw !important;
}

@media (min-width: 992px) {
    .maham-modal-large {
        max-width: 70vw !important; /* دسکتاپ: سقف 70 درصد */
    }
}

/* --- 3. Medium (M) --- */
.maham-modal-medium {
    max-width: 90vw !important;
}

@media (min-width: 768px) {
    .maham-modal-medium {
        max-width: 50vw; /* دسکتاپ: سقف 50 درصد */
    }
}

/* --- 4. Small (S) --- */
.maham-modal-small {
    max-width: 85vw !important;
}

@media (min-width: 576px) {
    .maham-modal-small {
        max-width: 400px; /* دسکتاپ: عدد ثابت بهتر است */
    }
}

/* --- 5. Full Screen --- */
.maham-modal-full {
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    border-radius: 0 !important;
}