:root{
    --black:#050505;
    --black-2:#0a0a0a;
    --panel:#111111;
    --panel-2:#151515;
    --panel-3:#1c1c1c;
    --border:#2c2c2c;

    --white:#ffffff;
    --silver:#e5e7eb;
    --silver-2:#cbd5e1;
    --muted:#9ca3af;

    --accent:#cfd6df;
    --accent-2:#9aa3af;
    --accent-3:#7dd3fc;

    --shadow:0 18px 50px rgba(0,0,0,.45);
    --shadow-strong:0 24px 70px rgba(0,0,0,.55);
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Poppins',sans-serif;
}

html{
    scroll-behavior:smooth;
}

body{
    color:var(--white);
    background:
        radial-gradient(circle at top left, rgba(255,255,255,.05), transparent 22%),
        radial-gradient(circle at top right, rgba(125,211,252,.05), transparent 20%),
        linear-gradient(180deg,#050505 0%, #080808 48%, #050505 100%);
    overflow-x:hidden;
}

a{
    text-decoration:none;
    color:inherit;
}

ul{
    list-style:none;
}

.container{
    width:min(1180px, 90%);
    margin:auto;
}

/* HEADER */

header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
    background:rgba(5,5,5,.90);
    backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(255,255,255,.08);
}

.nav{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 0;
}

.logo{
    font-size:24px;
    font-weight:900;
    letter-spacing:1px;
    color:#fff;
}

.logo span{
    color:var(--silver);
}

nav{
    display:flex;
    align-items:center;
    gap:28px;
}

nav a{
    color:var(--silver-2);
    font-weight:600;
    font-size:15px;
    transition:.25s ease;
}

nav a:hover{
    color:#fff;
}

.nav-buttons{
    display:flex;
    gap:12px;
}

.mobile-toggle{
    display:none;
    font-size:24px;
    color:#fff;
    cursor:pointer;
}

/* BUTTONS */

.btn-whatsapp,
.btn-outline,
.btn-premium{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:13px 22px;
    border-radius:14px;
    font-weight:700;
    transition:.25s ease;
}

.btn-whatsapp{
    background:linear-gradient(135deg,#d1d5db,#9ca3af);
    color:#050505;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 12px 24px rgba(255,255,255,.06);
}

.btn-whatsapp:hover{
    transform:translateY(-2px);
    background:linear-gradient(135deg,#e5e7eb,#bfc6d3);
}

.btn-outline{
    border:1px solid rgba(229,231,235,.22);
    background:rgba(255,255,255,.03);
    color:#fff;
}

.btn-outline:hover{
    background:rgba(255,255,255,.06);
    border-color:rgba(255,255,255,.35);
    transform:translateY(-2px);
}

/* HERO */

.hero{
    position:relative;
    min-height:100vh;
    padding-top:100px;
    display:flex;
    align-items:center;
    background:
        linear-gradient(90deg, rgba(0,0,0,.95) 0%, rgba(0,0,0,.76) 42%, rgba(0,0,0,.32) 100%),
        url("images/cars\ pages.png") center/cover no-repeat;
}

.hero-overlay{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 75% 35%, rgba(255,255,255,.08), transparent 18%),
        radial-gradient(circle at 88% 70%, rgba(125,211,252,.06), transparent 16%);
    pointer-events:none;
}

.hero-grid{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:34px;
    align-items:center;
}

.hero-content{
    padding:22px 0 24px 10px;
}

.hero-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(255,255,255,.06);
    color:var(--silver);
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    padding:10px 16px;
    font-size:14px;
    font-weight:700;
    box-shadow:var(--shadow);
    margin-bottom:18px;
    backdrop-filter:blur(10px);
}

.hero-badge i{
    color:var(--silver);
}

.hero h1{
    font-size:68px;
    line-height:1.02;
    letter-spacing:-1.5px;
    color:#fff;
    margin-bottom:16px;
    text-shadow:0 10px 30px rgba(0,0,0,.35);
}

.hero h1 span{
    color:var(--silver);
}

.hero p{
    color:var(--silver-2);
    font-size:18px;
    line-height:1.75;
    max-width:650px;
    margin-bottom:24px;
}

.hero-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-bottom:26px;
}

.hero-stats{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}

.stat-card{
    min-width:120px;
    padding:16px 18px;
    border-radius:18px;
    background:linear-gradient(145deg,var(--panel),var(--panel-2));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:var(--shadow);
}

.stat-card strong{
    display:block;
    font-size:24px;
    line-height:1;
    color:#fff;
}

.stat-card span{
    display:block;
    margin-top:6px;
    font-size:13px;
    color:var(--muted);
}

.hero-side{
    display:flex;
    justify-content:flex-end;
}

.info-card{
    width:min(100%, 430px);
    background:linear-gradient(145deg,rgba(17,17,17,.95),rgba(24,24,24,.92));
    border:1px solid rgba(255,255,255,.08);
    border-radius:26px;
    padding:28px;
    box-shadow:var(--shadow-strong);
}

.info-card h3{
    font-size:30px;
    line-height:1.08;
    margin:10px 0 12px;
    color:#fff;
}

.info-card p{
    color:var(--muted);
    line-height:1.75;
    margin-bottom:18px;
}

.info-list{
    display:grid;
    gap:10px;
}

.info-list div{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 14px;
    border-radius:14px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.06);
    color:#eef2f8;
    font-size:14px;
}

.info-list i{
    color:var(--silver);
}

.section-subtitle{
    display:block;
    color:var(--silver);
    font-size:13px;
    letter-spacing:1.8px;
    text-transform:uppercase;
    font-weight:800;
    margin-bottom:12px;
}

/* GLOBAL SECTIONS */

section{
    padding:100px 0;
}

.section-header{
    text-align:center;
    max-width:780px;
    margin:0 auto 54px;
}

.section-header h2,
.about-content h2{
    font-size:42px;
    line-height:1.15;
    color:#fff;
    margin-bottom:14px;
}

.section-header p,
.about-content p{
    color:var(--muted);
    font-size:16px;
    line-height:1.8;
}

/* ABOUT */

.about-section{
    background:linear-gradient(180deg,#070707,#0b0b0b);
}

.about-grid{
    display:grid;
    grid-template-columns:1.15fr .85fr;
    gap:50px;
    align-items:start;
}

.about-content{
    padding-top:8px;
}

.about-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
    margin-top:30px;
}

.feature-box{
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px;
    border-radius:18px;
    background:linear-gradient(145deg,var(--panel),var(--panel-2));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:var(--shadow);
}

.feature-icon{
    min-width:46px;
    height:46px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(125,211,252,.08));
    color:var(--silver);
}

.feature-box h4{
    color:#fff;
    font-size:16px;
    margin-bottom:4px;
}

.feature-box p{
    font-size:14px;
    color:var(--muted);
}

/* LOCATION CARD */

.location-card{
    background:linear-gradient(145deg,var(--panel),var(--panel-2));
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    padding:26px;
    box-shadow:var(--shadow-strong);
}

.location-card h3{
    color:#fff;
    font-size:28px;
    margin-bottom:10px;
}

.location-card p{
    color:var(--muted);
    margin-bottom:18px;
}

.map-frame{
    width:100%;
    height:300px;
    border:0;
    border-radius:18px;
    margin-bottom:16px;
    overflow:hidden;
}

.map-btn{
    width:100%;
}

/* FLEET */

.fleet{
    background:linear-gradient(180deg,#090909,#050505);
}

.cars{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}

.car-card{
    background:linear-gradient(145deg,var(--panel),var(--panel-2));
    border-radius:22px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:var(--shadow);
    transition:.28s ease;
}

.car-card:hover{
    transform:translateY(-6px);
    box-shadow:var(--shadow-strong);
}

.car-image{
    position:relative;
    height:220px;
    overflow:hidden;
}

.car-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.year-badge{
    position:absolute;
    top:14px;
    left:14px;
    background:rgba(5,5,5,.72);
    color:#fff;
    padding:7px 12px;
    border-radius:999px;
    font-size:12px;
    font-weight:800;
    border:1px solid rgba(255,255,255,.16);
}

.car-info{
    padding:20px;
}

.car-info h3{
    color:#fff;
    font-size:20px;
    margin-bottom:5px;
}

.model{
    color:var(--silver-2);
    font-size:14px;
    margin-bottom:14px;
}

.specs{
    margin-bottom:14px;
}

.specs li{
    color:#e5e7eb;
    font-size:14px;
    margin-bottom:8px;
}

.specs i{
    color:var(--silver);
    width:18px;
}

.price-note{
    font-size:24px;
    font-weight:900;
    color:#fff;
    margin-bottom:14px;
}

.price-note span{
    font-size:14px;
    color:var(--muted);
    font-weight:500;
}

.car-buttons{
    display:flex;
    gap:10px;
}

.car-buttons a{
    flex:1;
}

/* AIRPORTS */

.airports{
    background:linear-gradient(180deg,#050505,#090909);
}

.airport-features{
    display:flex;
    justify-content:center;
    gap:26px;
    flex-wrap:wrap;
    margin-bottom:46px;
    color:#e5e7eb;
    font-weight:600;
}

.airport-features i{
    color:var(--silver);
    margin-right:6px;
}

.airport-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.airport-card{
    display:flex;
    gap:16px;
    padding:20px;
    border-radius:18px;
    background:linear-gradient(145deg,var(--panel),var(--panel-2));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:var(--shadow);
    transition:.25s ease;
}

.airport-card:hover{
    transform:translateY(-4px);
}

.airport-icon{
    min-width:46px;
    height:46px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(125,211,252,.08));
    color:var(--silver);
    font-size:18px;
}

.airport-card h3{
    color:#fff;
    font-size:16px;
    margin-bottom:4px;
}

.airport-card p{
    color:var(--muted);
    font-size:13px;
}

.airport-card span{
    display:inline-block;
    margin-top:8px;
    color:var(--silver);
    font-size:13px;
    font-weight:700;
}

/* CTA */

.cta{
    background:linear-gradient(135deg, rgba(0,0,0,.95), rgba(15,15,15,.92));
    text-align:center;
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
}

.cta h2{
    color:#fff;
    font-size:40px;
    margin-bottom:10px;
}

.cta-text{
    max-width:620px;
    margin:0 auto 26px;
    color:var(--muted);
    line-height:1.8;
}

/* FOOTER */

footer{
    background:#050505;
    color:#d1d5db;
    padding:58px 0 30px;
    border-top:1px solid rgba(255,255,255,.08);
}

.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1.3fr;
    gap:36px;
}

footer h3,
footer h4{
    color:#fff;
    margin-bottom:14px;
}

footer h3 span{
    color:var(--silver);
}

footer p,
footer a{
    display:block;
    margin:8px 0;
    color:#d1d5db;
}

footer a:hover{
    color:#fff;
}

footer i{
    width:18px;
    color:var(--silver);
}

.socials{
    display:flex;
    gap:12px;
    margin-top:18px;
}

.socials a{
    width:46px;
    height:46px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.12);
    overflow:hidden;
    transition:.25s ease;
}

.socials a:hover{
    transform:translateY(-2px);
}

.socials img{
    width:22px;
    height:22px;
    display:block;
}

.social.facebook{
    background:#1877F2;
}

.social.instagram{
    background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5);
}

.copyright{
    text-align:center;
    margin-top:38px;
    padding-top:22px;
    border-top:1px solid rgba(255,255,255,.10);
    color:#94a3b8;
}

/* RESPONSIVE */

@media(max-width:1100px){
    .hero-grid,
    .about-grid{
        grid-template-columns:1fr;
    }

    .hero-side{
        justify-content:flex-start;
    }

    .cars,
    .airport-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){
    .mobile-toggle{
        display:block;
    }

    nav{
        display:none;
    }

    nav.active{
        display:flex;
        flex-direction:column;
        position:absolute;
        top:72px;
        left:0;
        width:100%;
        background:#050505;
        padding:20px 0;
        border-bottom:1px solid rgba(255,255,255,.08);
    }

    nav.active a{
        margin:10px 0;
    }

    .nav-buttons{
        display:none;
    }

    .hero{
        min-height:auto;
        padding:118px 0 72px;
    }

    .hero-content{
        padding-left:0;
    }

    .hero h1{
        font-size:44px;
    }

    .hero p{
        font-size:16px;
    }

    .about-features{
        grid-template-columns:1fr;
    }

    .footer-grid{
        grid-template-columns:1fr;
    }

    .car-buttons{
        flex-direction:column;
    }
}

@media(max-width:600px){
    section{
        padding:82px 0;
    }

    .section-header h2,
    .about-content h2,
    .cta h2{
        font-size:30px;
    }

    .hero h1{
        font-size:36px;
    }

    .cars,
    .airport-grid{
        grid-template-columns:1fr;
    }

    .map-frame{
        height:240px;
    }
}
/* === Requested updates: green WhatsApp CTA, language selector, email CTA, photos, testimonials === */

.header-actions{
    display:flex;
    align-items:center;
    gap:14px;
}

.language-switcher{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px;
    border-radius:999px;
    border:1px solid rgba(229,231,235,.18);
    background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(0,0,0,.26);
    backdrop-filter:blur(14px);
}

.language-option{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:50px;
    height:38px;
    padding:0 9px;
    border:0;
    border-radius:999px;
    background:transparent;
    color:var(--silver-2);
    font-weight:800;
    font-size:13px;
    letter-spacing:.4px;
    cursor:pointer;
    transition:.25s ease;
}

.language-option:hover{
    color:#fff;
    background:rgba(255,255,255,.08);
    transform:translateY(-1px);
}

.language-option.active{
    color:#050505;
    background:linear-gradient(135deg,#ffffff,#dbe3ee);
    box-shadow:0 8px 22px rgba(255,255,255,.13);
}

.language-option .flag{
    display:inline-flex;
    width:22px;
    height:22px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:17px;
    line-height:1;
    overflow:hidden;
    box-shadow:0 0 0 1px rgba(255,255,255,.18);
}

.language-label{
    line-height:1;
}

.btn-whatsapp{
    background:linear-gradient(135deg,#25D366,#128C4A);
    color:#ffffff;
    border:1px solid rgba(37,211,102,.55);
    box-shadow:0 14px 28px rgba(37,211,102,.18);
}

.btn-whatsapp:hover{
    background:linear-gradient(135deg,#31e676,#16a45a);
    color:#ffffff;
    transform:translateY(-2px);
}

.btn-email{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:13px 22px;
    border-radius:14px;
    font-weight:700;
    color:#050505;
    background:linear-gradient(135deg,#ffffff,#cfd6df);
    border:1px solid rgba(255,255,255,.35);
    box-shadow:0 12px 24px rgba(255,255,255,.08);
    transition:.25s ease;
}

.btn-email:hover{
    transform:translateY(-2px);
    background:linear-gradient(135deg,#ffffff,#e5e7eb);
}

.hero{
    background:
        linear-gradient(90deg, rgba(0,0,0,.95) 0%, rgba(0,0,0,.76) 42%, rgba(0,0,0,.32) 100%),
        url("images/cars pages.png") center/cover no-repeat;
}

.hero-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:14px;
    margin-bottom:26px;
}

.home-cta-stack{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px;
}

.home-cta-stack a{
    min-width:245px;
}

.real-photos{
    background:linear-gradient(180deg,#0b0b0b,#070707);
}

.photo-grid{
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:24px;
}

.photo-card{
    position:relative;
    min-height:430px;
    overflow:hidden;
    border-radius:26px;
    border:1px solid rgba(255,255,255,.10);
    background:linear-gradient(145deg,var(--panel),var(--panel-2));
    box-shadow:var(--shadow-strong);
}

.photo-card-large{
    min-height:520px;
}

.photo-card img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    filter:saturate(1.04);
    transition:.35s ease;
}

.photo-card:hover img{
    transform:scale(1.04);
}

.photo-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.78) 100%);
}

.photo-card > div{
    position:absolute;
    z-index:1;
    left:24px;
    right:24px;
    bottom:24px;
}

.photo-card span{
    display:inline-flex;
    align-items:center;
    padding:7px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.14);
    color:#fff;
    font-weight:800;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.photo-card h3{
    color:#fff;
    font-size:28px;
    line-height:1.12;
    margin-bottom:8px;
}

.photo-card p{
    color:#e5e7eb;
    line-height:1.7;
}

.testimonials{
    background:linear-gradient(180deg,#070707,#090909);
}

.testimonial-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.testimonial-card{
    padding:26px;
    border-radius:24px;
    background:linear-gradient(145deg,var(--panel),var(--panel-2));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:var(--shadow);
    transition:.25s ease;
}

.testimonial-card:hover{
    transform:translateY(-5px);
    box-shadow:var(--shadow-strong);
}

.stars{
    color:#fbbf24;
    letter-spacing:2px;
    font-size:18px;
    margin-bottom:16px;
}

.testimonial-card p{
    color:#e5e7eb;
    line-height:1.8;
    margin-bottom:22px;
}

.testimonial-author strong{
    display:block;
    color:#fff;
    margin-bottom:4px;
}

.testimonial-author span{
    color:var(--muted);
    font-size:13px;
}

html[dir="rtl"] body{
    direction:rtl;
}

html[dir="rtl"] .hero h1,
html[dir="rtl"] .section-header,
html[dir="rtl"] .about-content,
html[dir="rtl"] .info-card,
html[dir="rtl"] .location-card,
html[dir="rtl"] footer{
    text-align:right;
}

html[dir="rtl"] .hero-actions,
html[dir="rtl"] .hero-buttons,
html[dir="rtl"] .airport-features{
    justify-content:flex-start;
}

html[dir="rtl"] .photo-card > div{
    left:24px;
    right:24px;
}

@media(max-width:1100px){
    .header-actions{
        gap:10px;
    }

    .photo-grid,
    .testimonial-grid{
        grid-template-columns:1fr;
    }

    .photo-card,
    .photo-card-large{
        min-height:430px;
    }
}

@media(max-width:768px){
    .header-actions{
        margin-left:auto;
    }

    .language-switcher{
        gap:4px;
        padding:4px;
    }

    .language-option{
        min-width:44px;
        height:34px;
        padding:0 8px;
        font-size:12px;
    }

    .language-option .flag{
        width:20px;
        height:20px;
        font-size:15px;
    }

    .hero-actions,
    .home-cta-stack{
        width:100%;
    }

    .hero-actions a,
    .home-cta-stack a{
        width:100%;
    }

    .photo-card,
    .photo-card-large{
        min-height:340px;
    }

    .photo-card h3{
        font-size:24px;
    }
}

.testimonial-card{
    min-height:250px;
    display:flex;
    flex-direction:column;
}

.testimonial-author{
    margin-top:auto;
}

/* === Header layout fix: prevent desktop text wrapping and compact modern language switcher === */
header .container.nav{
    width:min(1320px,96%);
    gap:18px;
    padding:14px 0;
    flex-wrap:nowrap;
}

.logo{
    white-space:nowrap;
    flex:0 0 auto;
    font-size:clamp(20px,1.55vw,24px);
    line-height:1;
}

.mobile-toggle{
    display:none !important;
    flex:0 0 auto;
}

#navLinks{
    flex:1 1 auto;
    min-width:0;
    justify-content:center;
    gap:clamp(14px,1.55vw,26px);
}

#navLinks a{
    white-space:nowrap;
    font-size:clamp(13px,1vw,15px);
    line-height:1.1;
}

.header-actions{
    flex:0 0 auto;
    min-width:max-content;
    gap:10px;
}

.nav-buttons{
    flex-wrap:nowrap;
    gap:10px;
}

.nav-buttons a{
    white-space:nowrap;
    padding:11px 16px;
    border-radius:13px;
}

.language-switcher{
    flex:0 0 auto;
    gap:4px;
    padding:4px;
}

.language-option{
    width:38px;
    min-width:38px;
    height:34px;
    padding:0;
    gap:0;
    overflow:hidden;
    white-space:nowrap;
}

.language-option .flag{
    width:22px;
    height:22px;
    font-size:16px;
}

.language-option .language-label{
    width:0;
    max-width:0;
    opacity:0;
    overflow:hidden;
    font-size:0;
    transition:.25s ease;
}

.language-option.active{
    width:66px;
    min-width:66px;
    padding:0 10px;
    gap:6px;
}

.language-option.active .language-label{
    width:auto;
    max-width:28px;
    opacity:1;
    font-size:12px;
}

@media(max-width:1200px){
    header .container.nav{
        width:min(1260px,96%);
        gap:14px;
    }

    #navLinks{
        gap:14px;
    }

    .nav-buttons a{
        padding:10px 13px;
    }
}

@media(max-width:1060px){
    .nav-buttons .btn-outline{
        display:none;
    }
}

@media(max-width:980px){
    header .container.nav{
        position:relative;
        padding:14px 0;
        gap:12px;
    }

    .mobile-toggle{
        display:block !important;
        order:4;
        margin-left:4px;
    }

    #navLinks{
        display:none;
        position:absolute;
        top:100%;
        left:0;
        right:0;
        width:100%;
        background:rgba(5,5,5,.98);
        border:1px solid rgba(255,255,255,.08);
        border-top:0;
        border-radius:0 0 22px 22px;
        padding:18px;
        box-shadow:0 24px 60px rgba(0,0,0,.38);
    }

    #navLinks.active{
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        gap:14px;
    }

    #navLinks.active a{
        margin:0;
        width:100%;
        padding:8px 4px;
    }

    .header-actions{
        margin-left:auto;
        order:3;
    }

    .nav-buttons{
        display:flex;
    }
}

@media(max-width:620px){
    header .container.nav{
        width:92%;
    }

    .logo{
        font-size:20px;
    }

    .nav-buttons{
        display:none;
    }

    .language-option{
        width:34px;
        min-width:34px;
        height:32px;
    }

    .language-option.active{
        width:62px;
        min-width:62px;
        padding:0 8px;
    }
}


/* Real CSS flags: consistent on Windows, Mac, iPhone, Android, Chrome, Safari and Edge */
.language-option .flag{
    position:relative;
    display:inline-block;
    width:24px;
    height:24px;
    min-width:24px;
    border-radius:50%;
    overflow:hidden;
    font-size:0 !important;
    line-height:0;
    background:#111;
    box-shadow:0 0 0 1px rgba(255,255,255,.24), inset 0 0 0 1px rgba(0,0,0,.12);
}

.flag-fr{background:linear-gradient(90deg,#0055A4 0 33.33%,#fff 33.33% 66.66%,#EF4135 66.66% 100%);}
.flag-it{background:linear-gradient(90deg,#009246 0 33.33%,#fff 33.33% 66.66%,#CE2B37 66.66% 100%);}
.flag-es{background:linear-gradient(180deg,#AA151B 0 25%,#F1BF00 25% 75%,#AA151B 75% 100%);}
.flag-gb{background:#012169;}
.flag-gb::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(33deg, transparent 0 42%, #fff 42% 50%, #C8102E 50% 56%, #fff 56% 64%, transparent 64% 100%),
      linear-gradient(147deg, transparent 0 42%, #fff 42% 50%, #C8102E 50% 56%, #fff 56% 64%, transparent 64% 100%),
      linear-gradient(90deg, transparent 0 39%, #fff 39% 61%, transparent 61% 100%),
      linear-gradient(180deg, transparent 0 39%, #fff 39% 61%, transparent 61% 100%),
      linear-gradient(90deg, transparent 0 44%, #C8102E 44% 56%, transparent 56% 100%),
      linear-gradient(180deg, transparent 0 44%, #C8102E 44% 56%, transparent 56% 100%);
}
.flag-ma{background:#C1272D;}
.flag-ma::before{
    content:"★";
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#006233;
    font-size:14px;
    line-height:1;
    transform:scale(.95);
}

@media(max-width:1180px){
    .language-switcher{gap:3px;padding:4px;}
    .language-option{width:34px;min-width:34px;height:34px;padding:0;gap:0;}
    .language-option .flag{width:22px;height:22px;min-width:22px;}
    .language-option .language-label{display:none;}
    .language-option.active{width:38px;min-width:38px;padding:0;gap:0;}
}

@media(max-width:768px){
    .header-actions{gap:8px;}
    .language-switcher{max-width:100%;}
    .language-option{width:32px;min-width:32px;height:32px;}
    .language-option.active{width:36px;min-width:36px;}
    .language-option .flag{width:21px;height:21px;min-width:21px;}
}


/* === Real SVG flag images fix: no emoji, no pseudo-elements, works on PC browsers === */
.language-option .flag,
.flag-fr,.flag-gb,.flag-ma,.flag-es,.flag-it,
.flag-gb::before,.flag-ma::before{
    background:none !important;
    content:none !important;
}
.language-option .flag-img{
    display:block !important;
    width:24px !important;
    height:24px !important;
    min-width:24px !important;
    border-radius:50%;
    object-fit:cover;
    opacity:1 !important;
    visibility:visible !important;
    box-shadow:0 0 0 1px rgba(255,255,255,.28), 0 4px 10px rgba(0,0,0,.35);
}
.language-option{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.language-option.active{
    justify-content:center !important;
}
@media(max-width:1180px){
    .language-option .flag-img{width:22px !important;height:22px !important;min-width:22px !important;}
}
@media(max-width:768px){
    .language-option .flag-img{width:21px !important;height:21px !important;min-width:21px !important;}
}