/* تنسيق خاص باللغة الإنجليزية فقط */
body.lang-en .hero-section {
    direction: ltr;
    text-align: left;
    
}
body.lang-en .title{
    left:50px
}
body.lang-en .all-safe{
    font-size:50px;
}
body.lang-en .desc{
    font-size:26px;
    left:55px;
    right:0;
    top:10px
}
body.lang-en .responsive{
    direction: ltr;
}
body.lang-en .nav-items{
    gap:20px;
    justify-content: flex-start;
    position:relative;
    left:-60px
}
body.lang-en .navRentYourCar{
    margin:0;
    padding:0;
    left:-55px;

}
body.lang-en .nav-inquiry{
    margin: 0;
    padding:0;
    left:-55px;

}
body.lang-en .login-ar{
    position:relative;
    left:-55px
}
body.lang-en .our p{
    direction: ltr;
    font-size: 26px;

}

body.lang-en .star{
    direction: ltr;
}
body.lang-en .one-content{
    direction: ltr;
}
body.lang-en .hero-titles{
    direction:ltr;
}
body.lang-en .two-desc{
    font-size: 13px;
}
body.lang-en .enters-cars div{
    direction: rtl;

}
body.lang-en .enters-cars div svg{
    justify-content: flex-start;
    left:-50px;
}
body.lang-en .enters-cars div i{
    justify-content: flex-start;
    left:-68px;
}
body.lang-en .enters-cars div input{
    direction: ltr;
    left:-65px;
}
body.lang-en .inquiry {
    direction: ltr;
}
body.lang-en .inquiry svg{

    margin-left:3px;
}
body.lang-en .title-carrent{
    font-size: 13px;
}
body.lang-en .flex-listnav{
    direction: rtl;
}
body.lang-en .popup-nav{
    left:0;
}
body.lang-en .done-save{
    direction:ltr;
}
/* ============================================================
   Responsive overrides — English (lang-en) only
   Tablet: max-width 768px
   Mobile: max-width 480px
   Small mobile: max-width 360px
   لا تعديل على الكود الأصلي — إضافات فقط
   ============================================================ */

/* ── Tablet ─────────────────────────────────────────── 768px */
@media (max-width: 768px) {

    body.lang-en .hero-section {
        padding: 20px;
    }

    body.lang-en .title {
        left: 20px;
        font-size: 36px;
    }

    body.lang-en .all-safe {
        font-size: 36px;
    }

    body.lang-en .desc {
        font-size: 20px;
        left: 20px;
        top: 8px;
    }

    body.lang-en .nav-items {
        left: -30px;
        gap: 14px;
        flex-wrap: wrap;
    }

    body.lang-en .navRentYourCar {
        left: -30px;
    }

    body.lang-en .nav-inquiry {
        left: -30px;
    }

    body.lang-en .login-ar {
        left: -30px;
    }

    body.lang-en .our p {
        font-size: 15px;
    }
    body.lang-en .who-title{
        font-size: 20px;
    }
    body.lang-en .enters-cars div svg{
        justify-content: flex-start;
        left:15px;
    }
    body.lang-en .enters-cars div i{
        justify-content: flex-start;
        left:15px;
    }
    body.lang-en .enters-cars div input{
        direction: ltr;
        left:15px;
        text-align: left;
    }
}

/* ── Mobile ─────────────────────────────────────────── 480px */
@media (max-width: 480px) {

    body.lang-en .hero-section {
        padding: 16px 12px;
    }

    body.lang-en .title {
        left: 0;
        font-size: 26px;
    }

    body.lang-en .all-safe {
        font-size: 26px;
    }

    body.lang-en .desc {
        font-size: 16px;
        left: 0;
        right: 0;
        top: 6px;
    }

    body.lang-en .nav-items {
        left: 0;
        gap: 10px;
        flex-direction: column;
        align-items: flex-start;
    }

    body.lang-en .navRentYourCar {
        left: 0;
    }

    body.lang-en .nav-inquiry {
        left: 0;
    }

    body.lang-en .login-ar {
        left: 0;
    }

    body.lang-en .our p {
        font-size: 16px;
    }

    body.lang-en .responsive {
        width: 100%;
    }
}

/* ── Small mobile ───────────────────────────────────── 360px */
@media (max-width: 360px) {

    body.lang-en .title {
        font-size: 22px;
    }

    body.lang-en .all-safe {
        font-size: 22px;
    }

    body.lang-en .desc {
        font-size: 14px;
    }

    body.lang-en .our p {
        font-size: 14px;
    }

    body.lang-en .nav-items {
        gap: 8px;
    }
}