/* Desktop HQ source switching only. Mobile fallbacks remain the exact V105 assets. */
.desktop-hq-picture{display:contents;}



html body #home-view #contact .founder-portrait-figure{
    display:block;
    width:min(238px,64vw);
    margin:0 auto 22px;
    padding:0;
    line-height:0;
    text-align:center;
}
html body #home-view #contact .founder-portrait-figure picture{
    display:block;
    width:100%;
}
html body #home-view #contact .founder-portrait-img{
    display:block;
    width:100%;
    height:auto;
    margin:0 auto;
    object-fit:contain;
    object-position:center bottom;
    filter:drop-shadow(0 16px 24px rgba(0,0,0,.28));
    transform:none;
}
html body #home-view #contact .contact-valentin-divider + .eyebrow.lang-en,
html body #home-view #contact .contact-valentin-divider + .eyebrow.lang-en + .eyebrow.lang-fr{
    margin-bottom:12px!important;
}
@media (min-width:1024px){
    html body #home-view #contact .founder-portrait-figure{
        width:260px;
        margin-bottom:24px;
    }
}
@media (max-width:440px){
    html body #home-view #contact .founder-portrait-figure{
        width:min(210px,62vw);
        margin-bottom:20px;
    }
}



html body .valentin-name-strong{
    font-weight:700!important;
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
}



/* Desktop only: header navigation uses the exact typography of “Premium Mercedes Fleet”. */
@media (min-width:1024px){
    html body header > nav > a{
        font-family:var(--font-ui)!important;
        font-size:.73rem!important;
        font-weight:600!important;
        letter-spacing:.18em!important;
        line-height:1.45!important;
        text-transform:uppercase!important;
        color:#fff!important;
    }
    html body header > nav > a:hover,
    html body header > nav > a:focus-visible{
        color:var(--accent-gold)!important;
    }
}



/* v161 — desktop journal: center the third card on the grid axis */
@media (min-width: 901px) {
    #home-view #journal .journal-grid > .journal-card:nth-child(3) {
        grid-column: 1 / -1 !important;
        width: calc((100% - 22px) / 2) !important;
        justify-self: center !important;
    }
}



/* DESKTOP ONLY — mobile/tablet below 1024px remains untouched.
   Final Journal geometry:
   - balanced section rhythm;
   - two perfectly aligned cards on row 1;
   - third card exactly centered on the grid axis;
   - equal card tracks and CTA baselines;
   - icon positioning made explicit for Lucide SVG replacement. */
@media (min-width:1024px){

    html body #home-view #journal{
        padding-top:clamp(72px,4.3vw,82px)!important;
        padding-bottom:clamp(64px,4vw,76px)!important;
    }

    html body #home-view #journal .luxury-inner{
        width:min(1220px,100%)!important;
        max-width:1220px!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }

    html body #home-view #journal .eyebrow{
        margin:0 0 12px!important;
    }

    html body #home-view #journal .luxury-title{
        width:min(1120px,100%)!important;
        margin:0 auto 16px!important;
        line-height:1.08!important;
    }

    html body #home-view #journal .luxury-intro{
        width:min(880px,100%)!important;
        max-width:880px!important;
        margin:0 auto clamp(36px,2.45vw,44px)!important;
        font-size:clamp(.88rem,.78rem + .10vw,.97rem)!important;
        line-height:1.70!important;
    }

    html body #home-view #journal .journal-grid{
        --journal-column-gap:clamp(18px,1.25vw,22px);
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        grid-auto-rows:1fr!important;
        column-gap:var(--journal-column-gap)!important;
        row-gap:clamp(20px,1.45vw,26px)!important;
        width:100%!important;
        margin:0!important;
        align-items:stretch!important;
    }

    /* Neutralise the legacy first-card margin asymmetry. */
    html body #home-view #journal .journal-card,
    html body #home-view #journal .journal-card + .journal-card{
        position:relative!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
        justify-content:flex-start!important;
        min-width:0!important;
        width:auto!important;
        max-width:none!important;
        height:100%!important;
        min-height:216px!important;
        margin:0!important;
        padding:
            clamp(28px,1.7vw,32px)
            clamp(28px,1.75vw,34px)
            clamp(28px,1.7vw,32px)
            clamp(78px,4.75vw,88px)!important;
        box-sizing:border-box!important;
    }

    /* Lucide replaces <i> with <svg>; target the persistent class, not the tag. */
    html body #home-view #journal .journal-card > .lux-icon{
        position:absolute!important;
        left:clamp(30px,2vw,36px)!important;
        top:clamp(30px,1.8vw,34px)!important;
        margin:0!important;
    }

    html body #home-view #journal .journal-card h3{
        width:100%!important;
        margin:0 0 10px!important;
        min-height:24px!important;
        font-size:clamp(1.02rem,.90rem + .13vw,1.16rem)!important;
        line-height:1.34!important;
    }

    html body #home-view #journal .journal-card p{
        width:100%!important;
        margin:0 0 18px!important;
        font-size:clamp(.80rem,.72rem + .08vw,.88rem)!important;
        line-height:1.68!important;
    }

    html body #home-view #journal .journal-card .service-link{
        margin-top:auto!important;
        align-self:flex-start!important;
        padding-top:0!important;
    }

    /* One card wide, centered exactly on the two-column grid axis. */
    html body #home-view #journal .journal-grid > .journal-card:nth-child(3){
        grid-column:1 / -1!important;
        width:calc((100% - var(--journal-column-gap))/2)!important;
        justify-self:center!important;
    }
}

/* Compact desktop: same structure, slightly tighter without collapsing columns. */
@media (min-width:1024px) and (max-width:1199px){
    html body #home-view #journal{
        padding-top:70px!important;
        padding-bottom:62px!important;
    }

    html body #home-view #journal .journal-grid{
        --journal-column-gap:18px;
        row-gap:20px!important;
    }

    html body #home-view #journal .journal-card,
    html body #home-view #journal .journal-card + .journal-card{
        min-height:220px!important;
        padding:27px 24px 27px 70px!important;
    }

    html body #home-view #journal .journal-card > .lux-icon{
        left:26px!important;
        top:29px!important;
    }

    html body #home-view #journal .luxury-intro{
        width:min(820px,100%)!important;
        max-width:820px!important;
        margin-bottom:36px!important;
    }
}



/* DESKTOP ONLY (>=1024px) — final geometry for "What You Can Expect on Board".
   The mobile/tablet layout remains untouched.
   Goals: balanced 50/50 split, stable optical centre, equal feature rows,
   controlled paragraph rhythm, and fluid proportions from compact desktop
   through ultra-wide screens without pixel-offset positioning. */
@media (min-width:1024px){

    html body #home-view #details .signature-details{
        width:min(1180px,100%)!important;
        max-width:1180px!important;
        margin-left:auto!important;
        margin-right:auto!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        column-gap:clamp(42px,3.2vw,56px)!important;
        row-gap:0!important;
        align-items:center!important;
    }

    html body #home-view #details .signature-details-copy{
        width:100%!important;
        max-width:560px!important;
        min-width:0!important;
        margin:0!important;
        justify-self:center!important;
        align-self:center!important;
        box-sizing:border-box!important;
    }

    html body #home-view #details .signature-details-copy .eyebrow{
        width:100%!important;
        margin:0 auto 14px!important;
        text-align:center!important;
    }

    html body #home-view #details .signature-details-copy .luxury-title{
        width:100%!important;
        max-width:560px!important;
        margin:0 auto 20px!important;
        line-height:1.08!important;
        text-align:center!important;
    }

    html body #home-view #details .signature-details-copy .luxury-intro{
        width:100%!important;
        max-width:545px!important;
        margin-left:auto!important;
        margin-right:auto!important;
        margin-bottom:clamp(22px,1.55vw,28px)!important;
        font-size:clamp(.90rem,.84rem + .07vw,.97rem)!important;
        line-height:1.76!important;
        text-align:center!important;
        box-sizing:border-box!important;
    }

    html body #home-view #details .signature-details-copy .luxury-intro[style*="margin-bottom:0"]{
        margin-bottom:0!important;
    }

    html body #home-view #details .detail-list{
        width:100%!important;
        max-width:548px!important;
        min-width:0!important;
        margin:0!important;
        justify-self:center!important;
        align-self:center!important;
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        grid-auto-rows:1fr!important;
        gap:clamp(10px,.8vw,14px)!important;
        box-sizing:border-box!important;
    }

    html body #home-view #details .detail-item{
        width:100%!important;
        min-width:0!important;
        min-height:clamp(100px,6vw,108px)!important;
        height:100%!important;
        margin:0!important;
        padding:clamp(14px,.95vw,18px) clamp(12px,.9vw,16px)!important;
        gap:8px!important;
        box-sizing:border-box!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        text-align:center!important;
    }

    html body #home-view #details .detail-item > .lux-icon{
        flex:0 0 auto!important;
        width:18px!important;
        height:18px!important;
        margin:0 auto!important;
    }

    html body #home-view #details .detail-item > div{
        width:100%!important;
        min-width:0!important;
        margin:0!important;
    }

    html body #home-view #details .detail-item strong{
        margin:0 0 4px!important;
        line-height:1.32!important;
    }

    html body #home-view #details .detail-item span{
        display:block!important;
        line-height:1.46!important;
        overflow-wrap:normal!important;
        word-break:normal!important;
    }
}

/* Compact desktop: preserve the same two-column composition while giving
   the feature grid slightly more breathing room for longer EN/FR labels. */
@media (min-width:1024px) and (max-width:1199px){
    html body #home-view #details .signature-details{
        column-gap:36px!important;
        grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)!important;
    }

    html body #home-view #details .signature-details-copy{
        max-width:500px!important;
    }

    html body #home-view #details .signature-details-copy .luxury-title{
        max-width:500px!important;
    }

    html body #home-view #details .signature-details-copy .luxury-intro{
        max-width:490px!important;
        font-size:.90rem!important;
        line-height:1.72!important;
    }

    html body #home-view #details .detail-list{
        max-width:none!important;
        gap:10px!important;
    }

    html body #home-view #details .detail-item{
        min-height:104px!important;
        padding:14px 11px!important;
    }
}



@media (min-width: 1024px) {
    /* Keep the section boundary as the visual separator, but give it
       enough negative space on both sides to read as an intentional
       transition rather than a compressed stack. Values scale only on
       desktop and are capped for large / ultra-wide displays. */
    html body #home-view #reviews {
        padding-bottom: clamp(60px, 4vw, 76px) !important;
    }

    html body #home-view #contact {
        padding-top: clamp(60px, 4vw, 76px) !important;
    }
}



/* =========================================================
   DESKTOP ONLY (>=1024px) — final geometry for the
   PRIVATE ASSISTANCE / FOUNDER / DIRECT CONTACT composition.
   The mobile layout (<=1023px) is intentionally untouched.
   ========================================================= */
@media (min-width:1024px){
    /* Lock the visible composition to the existing 1120px contact axis.
       This prevents generic section rules from making the story, portrait
       and direct-contact row drift independently at wider viewports. */
    html body #home-view #contact .contact-luxury{
        width:min(1120px,100%)!important;
        max-width:1120px!important;
        margin-left:auto!important;
        margin-right:auto!important;
        box-sizing:border-box!important;
    }

    html body #home-view #contact .contact-luxury > .eyebrow{
        width:100%!important;
        margin-left:auto!important;
        margin-right:auto!important;
        margin-bottom:14px!important;
        text-align:center!important;
    }

    html body #home-view #contact .contact-luxury > .luxury-title{
        width:min(1040px,100%)!important;
        max-width:1040px!important;
        margin-left:auto!important;
        margin-right:auto!important;
        margin-bottom:clamp(22px,1.45vw,28px)!important;
        text-align:center!important;
    }

    /* Stable reading measure for both EN and FR. The text remains left
       aligned for readability, while the text block itself is centered
       exactly on the section axis. */
    html body #home-view #contact .founder-story-copy{
        width:min(780px,100%)!important;
        max-width:780px!important;
        margin-left:auto!important;
        margin-right:auto!important;
        margin-bottom:0!important;
        text-align:left!important;
        font-size:clamp(.92rem,.89rem + .05vw,.98rem)!important;
        line-height:1.78!important;
        box-sizing:border-box!important;
    }

    html body #home-view #contact .founder-story-copy p{
        margin-top:0!important;
        margin-bottom:clamp(15px,1vw,18px)!important;
    }

    html body #home-view #contact .founder-story-copy .founder-story-closing{
        margin-top:clamp(22px,1.45vw,26px)!important;
        margin-bottom:0!important;
    }

    /* Separate story, portrait and identity using one proportional rhythm
       instead of the cumulative legacy margins. */
    html body #home-view #contact .contact-valentin-divider{
        margin:clamp(34px,2.25vw,42px) auto clamp(26px,1.7vw,32px)!important;
    }

    html body #home-view #contact .founder-portrait-figure{
        width:clamp(250px,14vw,278px)!important;
        max-width:278px!important;
        margin:0 auto clamp(24px,1.55vw,28px)!important;
    }

    html body #home-view #contact .founder-portrait-figure picture,
    html body #home-view #contact .founder-portrait-img{
        width:100%!important;
        max-width:100%!important;
    }

    /* The inline margins in the markup are normalized here only on
       desktop so the founder name and contact row share a predictable
       vertical relationship at every desktop width. */
    html body #home-view #contact .founder-portrait-figure + .eyebrow.lang-en,
    html body #home-view #contact .founder-portrait-figure + .eyebrow.lang-en + .eyebrow.lang-fr{
        width:100%!important;
        margin-top:0!important;
        margin-left:auto!important;
        margin-right:auto!important;
        margin-bottom:clamp(26px,1.75vw,32px)!important;
        text-align:center!important;
    }

    html body #home-view #contact .contact-actions-grid{
        width:100%!important;
        max-width:1120px!important;
        margin:0 auto!important;
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:clamp(12px,1vw,16px)!important;
        align-items:stretch!important;
        box-sizing:border-box!important;
    }

    html body #home-view #contact .contact-action{
        width:100%!important;
        min-width:0!important;
        min-height:80px!important;
        margin:0!important;
        padding:16px 18px!important;
        box-sizing:border-box!important;
        align-items:center!important;
    }

    html body #home-view #contact .contact-action > div{
        min-width:0!important;
        max-width:100%!important;
    }

    html body #home-view #contact .contact-action small{
        max-width:100%!important;
        overflow-wrap:anywhere!important;
        word-break:normal!important;
    }
}

/* Compact desktop: preserve all three direct-contact actions on one row,
   but tighten only the local spacing. No tablet/mobile breakpoint changes. */
@media (min-width:1024px) and (max-width:1199px){
    html body #home-view #contact .founder-story-copy{
        width:min(740px,100%)!important;
        max-width:740px!important;
        font-size:.91rem!important;
        line-height:1.74!important;
    }

    html body #home-view #contact .contact-valentin-divider{
        margin-top:34px!important;
        margin-bottom:26px!important;
    }

    html body #home-view #contact .founder-portrait-figure{
        width:250px!important;
        margin-bottom:24px!important;
    }

    html body #home-view #contact .founder-portrait-figure + .eyebrow.lang-en,
    html body #home-view #contact .founder-portrait-figure + .eyebrow.lang-en + .eyebrow.lang-fr{
        margin-bottom:26px!important;
    }

    html body #home-view #contact .contact-actions-grid{
        gap:12px!important;
    }

    html body #home-view #contact .contact-action{
        min-height:78px!important;
        padding:14px 14px!important;
        gap:11px!important;
    }

    html body #home-view #contact .contact-action small{
        font-size:.68rem!important;
    }
}



/* Keep the wrapper completely layout-neutral outside desktop so the
   already locked mobile/tablet rendering remains unchanged. */
html body #home-view #contact .founder-profile-card{
    display:contents;
}

@media (min-width:1024px){
    /* Same visual language as the existing home-page relief cards:
       #080808 neutral surface, #1e1e1e border, subtle gold hover,
       and the same -3px lift used by .service-card. */
    html body #home-view #contact .founder-profile-card{
        display:block!important;
        width:clamp(290px,17vw,320px)!important;
        margin:0 auto clamp(26px,1.75vw,32px)!important;
        padding:clamp(18px,1.15vw,22px) 18px 16px!important;
        box-sizing:border-box!important;
        background:#080808!important;
        border:1px solid #1e1e1e!important;
        border-radius:10px!important;
        transition:border-color .3s ease, background .3s ease, transform .3s ease!important;
    }

    html body #home-view #contact .founder-profile-card:hover{
        border-color:rgba(223,184,107,.5)!important;
        background:#0d0d0d!important;
        transform:translateY(-3px)!important;
    }

    /* Keep the portrait geometry from v174 unchanged. Only the previous
       name-to-contact outer spacing is transferred to the card itself. */
    html body #home-view #contact .founder-profile-card > .eyebrow.lang-en,
    html body #home-view #contact .founder-profile-card > .eyebrow.lang-fr{
        width:100%!important;
        margin-top:0!important;
        margin-left:auto!important;
        margin-right:auto!important;
        margin-bottom:0!important;
        text-align:center!important;
    }
}



/* V212 — MOBILE ONLY. Desktop header (>=1024px) intentionally untouched. */
@media (max-width:1023px){
    html body header{
        --v212-header-control:clamp(44px,10.45vw,46px);
        --v212-header-logo:clamp(44px,10.45vw,46px);
        --v212-header-icon:clamp(1.48rem,5.15vw,1.62rem);
        --v212-hamburger-line:clamp(21px,5.45vw,24px);
        --v212-language-flag-w:clamp(31px,7.73vw,34px);
        --v212-language-flag-h:clamp(21px,5.45vw,24px);
        --v212-language-block-w:clamp(50px,11.82vw,52px);
        /* V211 reference = 28px. 24.64px is exactly -12%; smaller screens scale proportionally. */
        --v212-language-menu-gap:clamp(17.9px,5.60vw,24.64px);
        --v212-language-panel-w:calc(var(--v212-header-control) + 20px);
        --v212-language-flags-gap:clamp(20px,5.2vw,23px);
    }

    html body header > .logo-container .logo-img{
        width:var(--v212-header-logo)!important;
        height:var(--v212-header-logo)!important;
        max-width:var(--v212-header-logo)!important;
        flex-basis:var(--v212-header-logo)!important;
    }
    html body header > .header-actions{
        flex:1 1 0!important;width:auto!important;min-width:0!important;
        justify-content:flex-end!important;gap:0!important;overflow:visible!important;
    }
    html body header .header-contact-actions{
        order:1!important;display:flex!important;flex:1 1 0!important;width:auto!important;min-width:0!important;
        height:var(--v212-header-control)!important;align-items:center!important;justify-content:space-evenly!important;
        gap:0!important;margin:0!important;padding:0!important;
    }
    html body header .header-contact-actions > .btn-email-subtle{display:none!important;}
    html body header .header-contact-actions > .btn-phone-prestige,
    html body header .header-contact-actions > .btn-whatsapp-subtle{
        display:inline-flex!important;flex:0 0 var(--v212-header-control)!important;
        width:var(--v212-header-control)!important;min-width:var(--v212-header-control)!important;max-width:var(--v212-header-control)!important;
        height:var(--v212-header-control)!important;min-height:var(--v212-header-control)!important;max-height:var(--v212-header-control)!important;
        margin:0!important;padding:0!important;border:1px solid rgba(223,184,107,.60)!important;border-radius:50%!important;
        box-sizing:border-box!important;background:rgba(223,184,107,.045)!important;overflow:hidden!important;
    }
    html body header .header-contact-actions > .btn-phone-prestige{font-size:0!important;}
    html body header .header-contact-actions > .btn-phone-prestige > .header-contact-ph-icon,
    html body header .header-contact-actions > .btn-whatsapp-subtle > .fa-whatsapp{font-size:var(--v212-header-icon)!important;}

    /* Language + hamburger remain the right-hand block. */
    html body header .lang-switcher.language-dropdown{
        order:2!important;flex:0 0 var(--v212-language-block-w)!important;
        width:var(--v212-language-block-w)!important;min-width:var(--v212-language-block-w)!important;max-width:var(--v212-language-block-w)!important;
        height:var(--v212-header-control)!important;min-height:var(--v212-header-control)!important;
        margin:0!important;padding:0!important;border:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
        overflow:visible!important;position:relative!important;isolation:isolate!important;
    }
    html body header .language-current-btn{
        width:var(--v212-language-block-w)!important;min-width:var(--v212-language-block-w)!important;max-width:var(--v212-language-block-w)!important;
        height:var(--v212-header-control)!important;min-height:var(--v212-header-control)!important;max-height:var(--v212-header-control)!important;
        display:grid!important;grid-template-columns:var(--v212-language-flag-w) 9px!important;
        grid-template-rows:16px 9px!important;column-gap:5px!important;row-gap:0!important;
        align-content:center!important;justify-content:center!important;padding:0!important;margin:0!important;box-sizing:border-box!important;
        position:relative!important;z-index:3!important;
    }
    html body header .language-current-flag{
        width:var(--v212-language-flag-w)!important;min-width:var(--v212-language-flag-w)!important;max-width:var(--v212-language-flag-w)!important;
        height:var(--v212-language-flag-h)!important;min-height:var(--v212-language-flag-h)!important;max-height:var(--v212-language-flag-h)!important;
        object-fit:cover!important;
    }
    html body header .language-current-code{width:9px!important;min-width:9px!important;max-width:9px!important;font-size:8.5px!important;}

    /* Authoritative dropdown geometry. Both flags use the same grid columns,
       dimensions and centre axis. This overrides the legacy mobile rules. */
    html body header .language-menu{
        top:-5px!important;bottom:auto!important;left:50%!important;right:auto!important;
        transform:translateX(-50%)!important;transform-origin:top center!important;
        width:var(--v212-language-panel-w)!important;min-width:var(--v212-language-panel-w)!important;max-width:var(--v212-language-panel-w)!important;
        padding:calc(var(--v212-header-control) + var(--v212-language-flags-gap)) 5px 8px!important;
        border:1px solid rgba(223,184,107,.60)!important;border-radius:9px!important;
        background:linear-gradient(160deg,rgba(18,18,18,.995),rgba(5,5,5,.995))!important;
        box-shadow:0 14px 32px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.025)!important;
        backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
        box-sizing:border-box!important;z-index:2!important;
    }
    html body header .language-menu .language-option:not(.active){
        display:grid!important;grid-template-columns:var(--v212-language-flag-w) 9px!important;
        grid-template-rows:var(--v212-language-flag-h)!important;column-gap:5px!important;
        align-items:center!important;justify-content:center!important;
        width:100%!important;min-width:100%!important;max-width:100%!important;
        height:var(--v212-language-flag-h)!important;min-height:var(--v212-language-flag-h)!important;max-height:var(--v212-language-flag-h)!important;
        margin:0!important;padding:0!important;border:0!important;background:transparent!important;
    }
    html body header .language-menu .language-option:not(.active) .language-option-stack{display:contents!important;}
    html body header .language-menu .language-option:not(.active) .language-option-flag{
        grid-column:1!important;grid-row:1!important;justify-self:center!important;align-self:center!important;
        width:var(--v212-language-flag-w)!important;min-width:var(--v212-language-flag-w)!important;max-width:var(--v212-language-flag-w)!important;
        height:var(--v212-language-flag-h)!important;min-height:var(--v212-language-flag-h)!important;max-height:var(--v212-language-flag-h)!important;
        object-fit:cover!important;margin:0!important;
    }
    html body header .language-menu .language-option:not(.active) .language-option-code{
        grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:center!important;
        width:9px!important;min-width:9px!important;max-width:9px!important;margin:0!important;text-align:center!important;font-size:8.5px!important;
    }

    html body header .header-actions > .mobile-menu-toggle{
        order:3!important;flex:0 0 var(--v212-header-control)!important;
        width:var(--v212-header-control)!important;min-width:var(--v212-header-control)!important;max-width:var(--v212-header-control)!important;
        height:var(--v212-header-control)!important;min-height:var(--v212-header-control)!important;max-height:var(--v212-header-control)!important;
        margin:0 0 0 var(--v212-language-menu-gap)!important;padding:0!important;box-sizing:border-box!important;
        border:0!important;border-radius:50%!important;
    }
    html body header .header-actions > .mobile-menu-toggle::after,
    html body header .header-actions > .mobile-menu-toggle.menu-open::after{
        width:var(--v212-header-control)!important;height:var(--v212-header-control)!important;
        min-width:var(--v212-header-control)!important;min-height:var(--v212-header-control)!important;
        border:1px solid rgba(223,184,107,.60)!important;box-sizing:border-box!important;
    }
    html body header .header-actions > .mobile-menu-toggle > span,
    html body header .header-actions > .mobile-menu-toggle.menu-open > span{
        width:var(--v212-hamburger-line)!important;height:1px!important;min-height:1px!important;
    }

    /* Hamburger opens a right-side drawer only. The page remains visible on
       the left; the transparent outer surface still safely captures outside taps. */
    html body .mobile-luxury-menu{
        padding:0!important;background:transparent!important;background-image:none!important;
        backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
        align-items:flex-end!important;justify-content:stretch!important;transform:none!important;
    }
    html body .mobile-luxury-menu.open{display:flex!important;transform:none!important;}
    html body .mobile-menu-panel{
        width:clamp(240px,68vw,315px)!important;max-width:80vw!important;height:100%!important;
        margin:0 0 0 auto!important;
        padding:clamp(18px,4.6vh,34px) clamp(18px,5vw,24px) max(16px,env(safe-area-inset-bottom))!important;
        box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;
        background:linear-gradient(165deg,rgba(15,15,15,.995),rgba(3,3,3,.995))!important;
        border-left:1px solid rgba(223,184,107,.22)!important;
        box-shadow:-18px 0 40px rgba(0,0,0,.34)!important;
        overflow-y:auto!important;overscroll-behavior:contain!important;
    }
    /* The drawer itself is on the right. Inside it, links and signature share
       one centred vertical axis with the logo for a calmer luxury composition. */
    html body .mobile-menu-nav{
        display:flex!important;flex:0 0 auto!important;width:100%!important;flex-direction:column!important;
        align-items:center!important;justify-content:flex-start!important;gap:0!important;
        padding:clamp(8px,2.2vh,18px) 0 0!important;margin:0!important;overflow:visible!important;
    }
    html body .mobile-menu-nav a{
        width:100%!important;min-height:0!important;padding:clamp(9px,1.55vh,13px) 0!important;
        display:flex!important;align-items:center!important;justify-content:center!important;
        text-align:center!important;font-size:clamp(1.32rem,5.75vw,1.78rem)!important;
        line-height:1.03!important;letter-spacing:-.010em!important;
    }
    html body .mobile-menu-signature{
        width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;
        text-align:center!important;padding:clamp(16px,3vh,25px) 0 0!important;margin:0!important;gap:5px!important;
    }
    html body .mobile-menu-brand-logo{
        display:block!important;width:clamp(72px,18.8vw,98px)!important;max-width:38%!important;height:auto!important;
        margin:0 auto 9px!important;object-fit:contain!important;filter:none!important;
    }
    html body .mobile-menu-signature > .mobile-menu-brand-name{
        width:100%!important;text-align:center!important;font-size:clamp(.76rem,2.55vw,.90rem)!important;line-height:.98!important;
    }
    html body .mobile-menu-signature > small{
        width:100%!important;text-align:center!important;font-size:clamp(.45rem,1.68vw,.54rem)!important;line-height:1.45!important;
    }
}

/* Mobile-only compositor stabilization. Keep the selected vehicle raster on a
   persistent layer so scrolling cannot promote/demote it with a visible tint
   change, and isolate the Passenger Information card while the visual viewport
   is resized by the software keyboard. */
@media (max-width:1023px){
    html body #checkout-view .checkout-vehicle-reassurance{
        isolation:isolate!important;contain:paint!important;
        -webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;
    }
    html body #checkout-view .checkout-vehicle-reassurance img{
        filter:none!important;-webkit-filter:none!important;opacity:1!important;
        animation:none!important;transition:none!important;mix-blend-mode:normal!important;
        -webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;
        transform:translate3d(0,0,0)!important;-webkit-transform:translate3d(0,0,0)!important;
        will-change:transform!important;image-rendering:auto!important;
    }
    html body #checkout-view .checkout-form-container{
        isolation:isolate!important;contain:paint!important;
        -webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;
        transform:translate3d(0,0,0)!important;-webkit-transform:translate3d(0,0,0)!important;
    }
    html.red-v212-passenger-keyboard-stabilizing,
    html.red-v212-passenger-keyboard-stabilizing body{scroll-behavior:auto!important;}
}