/* ============================================================
   BOOKING LIMO ANIMATION
============================================================ */

.book-car-track{
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:1;
}

.book-limo-pair{
    position:absolute;
    width:clamp(320px,30vw,520px);
    will-change:transform;
}

.book-limo-pair img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:auto;
    object-fit:contain;
    display:block;
    will-change:opacity;
    transition:opacity .25s ease;
}

.book-limo-pair::after{
    content:'';
    display:block;
    padding-top:28%;
}

/* ---------------- BLACK ---------------- */

#blackPair{
    top:50%;
    left:0;
    z-index:1;
}

#blackPair .limo-fwd{
    opacity:1;
    transform:scaleX(1);
}

#blackPair .limo-rev{
    opacity:0;
    transform:scaleX(-1);
}

/* ---------------- WHITE ---------------- */

#whitePair{
    top:50%;
    left:0;
    z-index:1;
}

#whitePair .limo-fwd{
    opacity:1;
    transform:scaleX(-1); /* faces LEFT — driving in from right */
}

#whitePair .limo-rev{
    opacity:0;
    transform:scaleX(1);  /* faces RIGHT — reversing back out right */
}

/* Booking form always above cars */

.book-inner{
    position:relative;
    z-index:5;
}

.pass{
    position:relative;
    z-index:10;
}