body {
    margin-left: 27%;
    margin-right: 27%;
    padding: 0 20px;
    min-width: 400px;  /* Réduit de 850px à 400px */
    font-family: 'Cairo', 'Tajawal', 'Arial', sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    direction: rtl;
    background-color: #eee3df;
}

/* Ajustement des marges pour tablettes */
@media screen and (max-width: 1200px) {
    body {
        margin-left: 20%;
        margin-right: 20%;
        min-width: 350px;
    }
}

@media screen and (max-width: 900px) {
    body {
        margin-left: 10%;
        margin-right: 10%;
        min-width: 300px;
    }
}

@media screen and (max-width: 768px) {
    body {
        margin-left: 5%;
        margin-right: 5%;
        min-width: 280px;
    }
}

@media screen and (max-width: 480px) {
    body {
        margin-left: 2%;
        margin-right: 2%;
        min-width: 250px;
    }
}