/* =====================================================================
   Luxury Car Rental - home page v2.
   Generated from public/home-standalone.html (the design hand-off file;
   public/homestandalone.html is the 2026-09-09 version it replaced).
   Every rule is scoped under .hv2 so the design cannot leak into the rest of
   the site, which still loads Bootstrap through css/all.v25.min.css.
   Section backgrounds that come from the admin (hero, "worth it", chauffeur
   banner) read the --bg-img custom property, set inline by index.blade.php.
   ===================================================================== */

/* The design sets these on <body>. This stylesheet is loaded by the v2 home
   page only, so styling <body> directly is safe - and it is what stops the
   page inheriting the browser's default 8px margin. Everything else below
   stays scoped under .hv2. */
body{margin:0;background:#e5e7eb;overflow-x:hidden}

/* Sections with no admin image fall back to no image, rather than leaving an
   invalid var() that would void the whole `background` shorthand. */
.hv2{--bg-img:none}


/* =====================================================================
   LUXURY CAR RENTAL — HOME PAGE (rebuilt from luxurycarrental.ae)
   Mobile first. Breakpoints: 576 / 768 / 992 / 1200 (same as the live site).
   Section order: topbar+drawer, hero, brands, categories, offers, luxury,
   lamborghini, chauffeur, worth-it, exotic, steps, content, chauffeur-banner,
   testimonials, documents, blog, footer, floating buttons, book modal.
   ===================================================================== */.hv2{
  --orange:#ff5d12;           /* the live CSS names this --gold */
  --orange-dark:#e35310;
  --dark:#222428;
  --offers:#34373d;
  --body-bg:#e5e7eb;
  --text:#212529;
  --gray6:#848484;
  --gray8:#939598;
  --pill:#292b2c;
  --btn-gray:#35383c;
  --green:#25d366;
  --font:Helvetica,"Helvetica Neue",Arial,sans-serif;
}
.hv2,.hv2 *{box-sizing:border-box}
.hv2{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
.hv2{margin:0;font-family:var(--font);font-size:16px;line-height:1.5;color:var(--text);background:var(--body-bg);overflow-x:hidden}
.hv2 img{max-width:100%;display:block}
.hv2 a{color:inherit;text-decoration:none}
.hv2 h1,.hv2 h2,.hv2 h3,.hv2 p,.hv2 ul{margin:0}
.hv2 button{font:inherit;cursor:pointer;background:none;border:0;color:inherit;padding:0}
.hv2 .container{width:100%;max-width:96vw;margin:0 auto;padding:0 24px}
@media(min-width:768px){.hv2 .container{padding:0 48px}}
@media(min-width:1200px){.hv2 .container{max-width:1382px}}
.hv2 .section{margin-top:32px}
@media(min-width:768px){.hv2 .section{margin-top:48px}}
.hv2 h2.title{font-size:24px;font-weight:700;letter-spacing:1px;text-transform:capitalize;text-align:center;line-height:1.2}
@media(min-width:992px){.hv2 h2.title{font-size:32px;letter-spacing:2px}}
.hv2 .sub{text-align:center;max-width:760px;margin:16px auto 0}
.hv2 .orange{color:var(--orange)}
.hv2 .btn{display:inline-block;background:var(--orange);color:#fff;border:1px solid var(--orange);border-radius:12px;padding:8px 12px;font-size:16px;line-height:1.5;text-align:center;transition:background .15s}
.hv2 .btn:hover{background:var(--orange-dark);color:#fff}
.hv2 .btn.r5{border-radius:5px;padding:8px 48px}
@media(min-width:1200px){.hv2 .btn{padding:8px 48px;min-width:140px}}


/* ---------- icons: inline SVG masks (no icon font needed) ---------- */.hv2 .ic{display:inline-block;width:1em;height:1em;background:currentColor;vertical-align:-.15em;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.hv2 .ic-whatsapp{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.5 14.4c-.3-.1-1.8-.9-2-1s-.5-.1-.7.1-.8 1-1 1.2-.4.2-.7.1c-.3-.1-1.3-.5-2.4-1.5-.9-.8-1.5-1.8-1.7-2.1s0-.5.1-.6l.5-.5.3-.5c.1-.2 0-.4 0-.5l-.9-2.2c-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4s-1 1-1 2.5 1.1 2.9 1.2 3.1c.1.2 2.1 3.2 5.1 4.5.7.3 1.3.5 1.7.6.7.2 1.4.2 1.9.1.6-.1 1.8-.7 2-1.4s.2-1.3.2-1.4c-.1-.2-.3-.3-.6-.4M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2m0 18.2c-1.5 0-3-.4-4.3-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2'/%3E%3C/svg%3E")}
.hv2 .ic-phone{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1A17 17 0 0 1 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E")}
.hv2 .ic-calendar{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2m0 16H5V9h14z'/%3E%3C/svg%3E")}
.hv2 .ic-angles{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.5 5 7 7-7 7-1.4-1.4L10.7 12 5.1 6.4zm6 0 7 7-7 7-1.4-1.4 5.6-5.6-5.6-5.6z'/%3E%3C/svg%3E")}
.hv2 .ic-angles-up{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 17.5 7-7 7 7-1.4 1.4-5.6-5.6-5.6 5.6zm0-6 7-7 7 7-1.4 1.4L12 7.3l-5.6 5.6z'/%3E%3C/svg%3E")}
.hv2 .ic-angle-right{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m8.6 5 7 7-7 7-1.4-1.4 5.6-5.6-5.6-5.6z'/%3E%3C/svg%3E")}
.hv2 .ic-angle-left{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m15.4 5-7 7 7 7 1.4-1.4-5.6-5.6 5.6-5.6z'/%3E%3C/svg%3E")}
.hv2 .ic-angle-down{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 15.4-7-7L6.4 7l5.6 5.6L17.6 7 19 8.4z'/%3E%3C/svg%3E")}
.hv2 .ic-external{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h7v7h-2V6.4l-9.3 9.3-1.4-1.4L17.6 5H14zM5 5h6v2H5v12h12v-6h2v8H3V5z'/%3E%3C/svg%3E")}
.hv2 .ic-filter{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18v2l-7 8v6l-4-2v-4L3 6z'/%3E%3C/svg%3E")}
.hv2 .ic-filter-o{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M3 5h18l-7 8v6l-4-2v-4z'/%3E%3C/svg%3E")}
.hv2 .ic-search{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 2a8 8 0 1 0 4.9 14.3l5.4 5.4 1.4-1.4-5.4-5.4A8 8 0 0 0 10 2m0 2a6 6 0 1 1 0 12 6 6 0 0 1 0-12'/%3E%3C/svg%3E")}
.hv2 .ic-instagram{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.8 2h8.4A5.8 5.8 0 0 1 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8A5.8 5.8 0 0 1 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8A3.6 3.6 0 0 0 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6A3.6 3.6 0 0 0 16.4 4zm9.7 1.5a1.3 1.3 0 1 1 0 2.5 1.3 1.3 0 0 1 0-2.5M12 7a5 5 0 1 1 0 10 5 5 0 0 1 0-10m0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6'/%3E%3C/svg%3E")}
.hv2 .ic-facebook{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8h3V4h-3c-2.8 0-5 2.2-5 5v2H6v4h3v7h4v-7h3l1-4h-4V9c0-.6.4-1 1-1'/%3E%3C/svg%3E")}
.hv2 .ic-twitter{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 5.8c-.7.3-1.5.5-2.4.6a4 4 0 0 0 1.8-2.2c-.8.5-1.7.8-2.6 1a4.1 4.1 0 0 0-7 3.7A11.6 11.6 0 0 1 3.4 4.6a4.1 4.1 0 0 0 1.3 5.5c-.7 0-1.3-.2-1.9-.5a4.1 4.1 0 0 0 3.3 4c-.6.2-1.2.2-1.8.1a4.1 4.1 0 0 0 3.8 2.8A8.3 8.3 0 0 1 2 18.3 11.7 11.7 0 0 0 20 8.5v-.5c.8-.6 1.5-1.3 2-2.2'/%3E%3C/svg%3E")}
.hv2 .ic-youtube{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.6 7.2a2.5 2.5 0 0 0-1.8-1.8C18.2 5 12 5 12 5s-6.2 0-7.8.4A2.5 2.5 0 0 0 2.4 7.2 26 26 0 0 0 2 12a26 26 0 0 0 .4 4.8 2.5 2.5 0 0 0 1.8 1.8C5.8 19 12 19 12 19s6.2 0 7.8-.4a2.5 2.5 0 0 0 1.8-1.8A26 26 0 0 0 22 12a26 26 0 0 0-.4-4.8M10 15V9l5.2 3z'/%3E%3C/svg%3E")}
.hv2 .ic-bars{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18v2.5H3zm0 5.75h18v2.5H3zm0 5.75h18V19H3z'/%3E%3C/svg%3E")}
.hv2 .ic-close{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5.7 4.3 6.3 6.3 6.3-6.3 1.4 1.4-6.3 6.3 6.3 6.3-1.4 1.4-6.3-6.3-6.3 6.3-1.4-1.4 6.3-6.3-6.3-6.3z'/%3E%3C/svg%3E")}


/* =====================================================================
   TOP BAR — mobile: fixed black 72px bar. desktop (≥992): transparent nav
   ===================================================================== */.hv2 .topbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#000;min-height:72px;display:flex;align-items:center;padding:0 15px}
.hv2 .topbar-inner{width:100%;display:flex;align-items:center;justify-content:space-between}
.hv2 .tb-left{display:flex;align-items:center;gap:10px;width:96px;flex:none}
.hv2 .tb-right{width:86px;flex:none;display:flex;justify-content:flex-end}
.hv2 .burger{color:#fff;font-size:24px;display:flex}
.hv2 .lang-pill{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:700;font-size:16px;border:1px solid rgba(255,255,255,.35);border-radius:8px;padding:4px 10px;position:relative}
.hv2 .lang-pill img{width:20px;height:20px}
.hv2 .lang-pill::after{content:"";width:6px;height:6px;border-right:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(45deg);margin:-3px 0 0 4px}
.hv2 .tb-logo{display:block;max-width:150px;margin:0 auto}
.hv2 .tb-logo img{width:112px;height:auto}
.hv2 .tb-search{color:#fff;font-size:30px;display:flex}
.hv2 .desk-nav{display:none}

/* desktop */@media(min-width:992px){
  .hv2 .topbar{background:transparent;backdrop-filter:blur(5px);min-height:0;padding:0 48px;transition:background .2s linear}
  .hv2 .topbar.scrolled{background:rgba(34,36,40,.89)}
  .hv2 .tb-left,.hv2 .tb-right,.hv2 .tb-logo{display:none}
  .hv2 .desk-nav{display:flex;align-items:center;justify-content:space-between;width:100%;height:90px}
  .hv2 .nav-item{position:relative;height:90px;display:flex;align-items:center}
  .hv2 .nav-link{display:inline-flex;align-items:center;gap:4px;color:#fff;font-size:13px;padding:8px;border-radius:4px;white-space:nowrap;text-transform:uppercase}
  .hv2 .nav-link:hover,.hv2 .nav-link.active{background:var(--orange);color:#fff}
  .hv2 .nav-link.explore{border:1px solid var(--orange);border-radius:5px;padding:8px 12px}
  .hv2 .nav-link.explore:hover{background:var(--orange)}
  .hv2 .nav-logo{display:block;margin:0 12px}
  .hv2 .nav-logo img{width:240px;height:auto}
  .hv2 .dropdown{position:absolute;top:100%;left:0;display:none;background:var(--body-bg);border-radius:8px;padding:16px 12px;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:110;margin-top:-18px}
  .hv2 .nav-item:hover>.dropdown{display:block}
  .hv2 .dropdown.brands{width:834px;grid-template-columns:repeat(4,1fr);gap:2px 8px}
  .hv2 .nav-item:hover>.dropdown.brands{display:grid}
  .hv2 .brand-item{display:flex;align-items:center;gap:12px;padding:8px}
  .hv2 .brand-item img{width:48px;height:40px;object-fit:contain;filter:brightness(0);transition:transform .3s;flex:none}
  .hv2 .brand-item:hover img{transform:scale(1.15)}
  .hv2 .brand-item b{display:block;font-size:14px;line-height:1;color:#000;text-transform:uppercase}
  .hv2 .brand-item:hover b,.hv2 .cat-item:hover b{color:var(--orange)}
  .hv2 .brand-item small,.hv2 .cat-item small{display:block;font-size:12px;color:var(--gray6);margin-top:4px;line-height:1.5}
  .hv2 .dropdown.cats{width:760px;grid-template-columns:repeat(4,1fr);gap:0 8px}
  .hv2 .nav-item:hover>.dropdown.cats{display:grid}
  .hv2 .cat-item{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;width:180px;color:#000}
  .hv2 .cat-item b{font-size:14px;line-height:1;text-transform:uppercase}
  .hv2 .cat-item .ic{color:var(--orange);font-size:20px}
  .hv2 .dropdown.lang{left:auto;right:0;min-width:160px;padding:8px 0}
  .hv2 .dropdown.lang a{display:flex;align-items:center;gap:8px;padding:6px 16px;font-size:16px;color:#000}
  .hv2 .dropdown.lang a:hover{background:#fff}
  .hv2 .dropdown.lang img{width:18px;height:18px}
  .hv2 .nav-link.lang{text-transform:none}
  .hv2 .nav-link.lang img{width:20px;height:20px}
  .hv2 .nav-search{display:flex;align-items:center;gap:8px;color:#fff;margin-left:8px}
  .hv2 .nav-search input{width:0;opacity:0;padding:0;border:0;border-radius:20px;background:#fff;transition:width .25s,opacity .25s,padding .25s;font-size:14px;outline:none;font-family:var(--font)}
  .hv2 .nav-search.open input{width:200px;opacity:1;padding:8px 14px}
  .hv2 .nav-search button{font-size:22px;color:#fff;display:flex;width:30px;height:30px;align-items:center;justify-content:center}
}
@media(min-width:992px) and (max-width:1199px){.hv2 .nav-link{font-size:12px;padding:8px 6px}.hv2 .nav-logo img{width:170px}.hv2 .topbar{padding:0 20px}}


/* ---------- mobile drawer (left, light gray) ---------- */.hv2 .drawer{position:fixed;inset:0;z-index:200;visibility:hidden}
.hv2 .drawer.open{visibility:visible}
.hv2 .drawer-bg{position:absolute;inset:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .4s}
.hv2 .drawer.open .drawer-bg{opacity:1}
.hv2 .drawer-panel{position:absolute;top:0;left:0;bottom:0;width:93%;max-width:420px;background:var(--body-bg);color:#000;overflow-y:auto;overflow-x:hidden;transform:translateX(-100%);transition:transform .5s;padding:0 16px 40px}
.hv2 .drawer.open .drawer-panel{transform:none}
.hv2 .drawer-head{position:relative;text-align:center;padding:14px 0 0}
.hv2 .drawer-head img{height:44px;width:auto;margin:0 auto;max-width:180px}
.hv2 .drawer-close{position:absolute;right:-24px;top:8px;width:38px;height:38px;border-radius:50%;background:var(--body-bg);display:flex;align-items:center;justify-content:center;font-size:26px;color:#000;padding-right:10px}
.hv2 .drawer-links{margin-top:40px}
.hv2 .drawer-links>a,.hv2 .drawer-links summary{display:flex;justify-content:space-between;align-items:center;padding:16px;font-size:16px;text-transform:uppercase;color:#000;cursor:pointer;list-style:none;border-radius:4px}
.hv2 .drawer-links summary::-webkit-details-marker{display:none}
.hv2 .drawer-links summary .ic{color:var(--orange);font-size:18px;transition:transform .2s}
.hv2 .drawer-links details[open] summary .ic{transform:rotate(180deg)}
.hv2 .drawer-links>a.active{background:#b8babc}
.hv2 .dl-brands{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;padding:8px 0 16px}
.hv2 .dl-brands a{display:flex;align-items:center;gap:10px;padding:8px 4px;width:160px}
.hv2 .dl-brands img{width:36px;height:30px;object-fit:contain;filter:brightness(0);flex:none}
.hv2 .dl-brands b,.hv2 .dl-cats b{display:block;font-size:12px;text-transform:uppercase;line-height:1.2}
.hv2 .dl-brands small,.hv2 .dl-cats small{display:block;font-size:11px;color:var(--gray6);text-transform:uppercase}
.hv2 .dl-cats{padding:4px 0 12px}
.hv2 .dl-cats a{display:flex;justify-content:space-between;align-items:center;padding:10px 16px}
.hv2 .dl-cats .ic{color:var(--orange);font-size:18px}
.hv2 .dl-blog{padding:4px 0 12px}
.hv2 .dl-blog a{display:block;padding:10px 16px;font-size:14px;text-transform:uppercase}


/* ---------- mobile search overlay ---------- */.hv2 .msearch{position:fixed;left:0;right:0;bottom:0;z-index:210;background:#fff;transform:translateY(100%);transition:transform .25s;box-shadow:0 -4px 20px rgba(0,0,0,.3)}
.hv2 .msearch.open{transform:none}
.hv2 .msearch-bar{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:2px solid #e9e9e9;border-top:2px solid #e9e9e9;background:#f9f9f9}
.hv2 .msearch-bar input{flex:1;border:0;background:#f9f9f9;font-size:17px;outline:none;font-family:var(--font)}
.hv2 .msearch-bar .ic{font-size:20px;color:#333}
.hv2 .msearch-bar button{display:flex;font-size:22px;color:#333}
.hv2 .msearch-results{max-height:40vh;overflow:auto;background:#f1f2f4}
.hv2 .msearch-results a{display:block;padding:10px 16px;border-bottom:1px solid #e5e7eb;font-size:14px}
.hv2 .msearch .apply{display:block;margin:12px 16px;background:var(--orange);color:#fff;text-align:center;border-radius:10px;padding:10px;font-size:16px}


/* =====================================================================
   HERO
   ===================================================================== */.hv2 .hero{position:relative;min-height:70vh;max-height:900px;overflow:hidden;display:flex;justify-content:center;background:#222 var(--bg-img) center/cover;padding-top:72px}
.hv2 .hero>picture,.hv2 .hero>picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:bottom}
.hv2 .hero-content{position:relative;z-index:1;text-align:center;padding:64px 24px 48px;width:100%}
.hv2 .hero h1{color:#fff;font-size:28.8px;line-height:1.2;font-weight:500;letter-spacing:3px;margin-bottom:8px;text-transform:uppercase}
.hv2 .hero h1 strong{font-weight:700}
.hv2 .hero form{position:relative;display:inline-block;width:30%;min-width:300px;margin-top:32px}
.hv2 .hero-search{width:100%;height:42px;background:rgba(185,187,189,.63);border:1px solid #fff;border-radius:50px;padding:0 15px 0 40px;color:#fff;font-size:16px;outline:none;font-family:var(--font)}
.hv2 .hero-search::placeholder{color:#eee}
.hv2 .hero-search:focus{background:#fff;color:#000;border-color:var(--orange);box-shadow:0 0 5px var(--orange)}
.hv2 .hero form .ic{position:absolute;left:15px;top:13px;color:#fff;font-size:16px;pointer-events:none}
.hv2 .hero-search:focus~.ic{color:#666}
.hv2 .hero-results{position:absolute;top:110%;left:0;right:0;background:#fff;border-radius:12px;text-align:left;max-height:260px;overflow:auto;display:none;box-shadow:0 8px 24px rgba(0,0,0,.3);z-index:5}
.hv2 .hero-results.show{display:block}
.hv2 .hero-results a{display:block;padding:10px 16px;color:#000;font-size:14px;border-bottom:1px solid #eee}
.hv2 .hero-results a:hover{background:#f3f3f3}
.hv2 .hero .btn{margin-top:24px}
@media(min-width:768px){.hv2 .hero{height:92vh;padding-top:45px}.hv2 .hero-content{padding-top:100px}.hv2 .hero h1{font-size:40px;margin-bottom:30px}}


/* =====================================================================
   BRANDS STRIP  (mobile 4 up / desktop 164px tiles)
   ===================================================================== */.hv2 .brands{margin-top:48px}
.hv2 .brand-strip{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;margin-top:40px;padding:0 0 12px;scroll-snap-type:x mandatory}
.hv2 .brand-strip::-webkit-scrollbar{display:none}
.hv2 .brand-box{flex:none;width:calc((100% - 60px)/4);aspect-ratio:1/1;background:#000;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:14px;scroll-snap-align:start}
.hv2 .brand-box img{width:100%;max-height:100%;object-fit:contain;filter:brightness(0) invert(1)}
@media(min-width:700px){.hv2 .brand-box{width:calc((100% - 80px)/5);padding:18px}.hv2 .brand-box img{width:auto;max-width:70%;max-height:70%}}
@media(min-width:1200px){.hv2 .brand-box{width:164px}.hv2 .brand-strip{gap:20px}}


/* =====================================================================
   CATEGORIES (pill images 230x384) — mobile: 2.3 per view swipe
   ===================================================================== */.hv2 .cats-title{font-size:14px;font-weight:700;letter-spacing:1px;text-transform:capitalize;text-align:center;line-height:1.2}
.hv2 .cats .sub{max-width:75%;margin-top:0}
.hv2 .cats-grid{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;margin-top:20px;padding-bottom:34px;scroll-snap-type:x mandatory}
.hv2 .cats-grid::-webkit-scrollbar{display:none}
.hv2 .cat-card{flex:none;width:calc((100% - 15.6px)/2.3);text-align:center;scroll-snap-align:start}
.hv2 .cat-card img{border-radius:150px;width:100%;height:auto}
.hv2 .cat-label{position:relative;margin-top:-104px;height:100px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 12px;color:#fff}
.hv2 .cat-label span{font-size:15px;font-weight:700;letter-spacing:2px;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.hv2 .cat-label p{color:var(--orange);font-size:11px;margin:8px 0 16px;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.hv2 .cat-dots{display:flex;justify-content:center;gap:8px;margin-top:-26px}
.hv2 .cat-dots span{width:8px;height:8px;border-radius:50%;background:#000;opacity:.2}
.hv2 .cat-dots span.on{opacity:1;background:#d59f54;width:20px;border-radius:4px}
@media(min-width:576px){.hv2 .cat-card{width:calc((100% - 24px)/3)}.hv2 .cat-label span{font-size:20px}.hv2 .cat-label p{font-size:12px}}
@media(min-width:768px){
  .hv2 .cats-title{font-size:20px}
  .hv2 .cats-grid{flex-wrap:wrap;justify-content:center;gap:0 16px;overflow:visible;padding-bottom:0;margin-top:8px}
  .hv2 .cat-card{width:calc(33.33% - 16px);max-width:230px;margin-top:24px}
  .hv2 .cat-dots{display:none}
  .hv2 .cat-label{margin-top:-120px;height:104px}
  .hv2 .cat-label span{font-size:22px}
  .hv2 .cat-label p{font-size:12px;margin-bottom:24px}
}
@media(min-width:992px){.hv2 .cat-card{width:calc(16.66% - 16px)}}


/* =====================================================================
   SLIDER SECTIONS
   ===================================================================== */.hv2 .section-head{display:flex;flex-direction:column;gap:8px}
.hv2 .section-head h2{font-size:24px;font-weight:700;letter-spacing:1px;text-transform:capitalize;line-height:1.2;text-align:left;display:flex;align-items:center;gap:8px}
.hv2 .section-head h2 a:hover{color:var(--orange)}
.hv2 .section-head .more-m{color:var(--orange);font-size:20px;display:inline-flex;margin-left:auto;padding:0 8px}
.hv2 .section-head .sub{text-align:center;margin-top:8px}
.hv2 .view-all{display:none;color:var(--orange);font-size:13px;align-items:center;gap:4px;white-space:nowrap}
.hv2 .view-all .ic{font-size:15px}
@media(min-width:768px){
  .hv2 .section-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px}
  .hv2 .section-head .head-title{grid-column:2}
  .hv2 .section-head h2{justify-content:center;text-align:center}
  .hv2 .section-head .more-m{display:none}
  .hv2 .view-all{display:inline-flex;margin-bottom:6px;grid-column:3;justify-self:end}
  .hv2 .view-all.as-btn{background:var(--orange);color:#fff;border-radius:50px;padding:6px 16px;font-size:14px}
}
@media(min-width:992px){.hv2 .section-head h2{font-size:32px;letter-spacing:2px}}
.hv2 .slider{position:relative;margin-top:16px}
.hv2 .track{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:8px 23px 16px;scroll-padding-inline:23px}
.hv2 .track::-webkit-scrollbar{display:none}
.hv2 .track>*{scroll-snap-align:start}
.hv2 .view-more{flex:none;display:flex;align-items:center;justify-content:center;gap:4px;width:200px;color:var(--orange);font-size:20px;white-space:nowrap}
.hv2 .slider-nav{display:none}
@media(min-width:768px){
  .hv2 .track{gap:15px;padding:8px max(48px,calc((100vw - 96vw)/2 + 48px)) 16px;scroll-padding-inline:max(48px,calc((100vw - 96vw)/2 + 48px))}
  .hv2 .slider-nav{display:flex;justify-content:flex-end;gap:12px;padding:0 max(48px,calc((100vw - 96vw)/2 + 48px));margin-top:4px}
}
@media(min-width:1200px){
  .hv2 .track,.hv2 .slider-nav{padding-left:calc((100vw - 1382px)/2 + 48px);padding-right:calc((100vw - 1382px)/2 + 48px)}
  .hv2 .track{scroll-padding-inline:calc((100vw - 1382px)/2 + 48px)}
}
.hv2 .arrow{width:41px;height:41px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .15s,opacity .2s}
.hv2 .arrow:hover{transform:scale(1.08)}
.hv2 .arrow img{width:41px}
.hv2 .arrow[disabled]{opacity:.35;pointer-events:none}


/* ---------- offers band ---------- */.hv2 .offers-band{background:var(--offers) url(../img/offers.webp) left/cover no-repeat;padding:64px 0 48px;margin-top:48px}
.hv2 .offers-band .section-head{color:#fff}
.hv2 .offers-band .section-head h2{justify-content:center;text-align:center;color:#fff}
.hv2 .offers-band .section-head .more-m{margin-left:0}
.hv2 .offers-band .sub{color:#b4b4b4}
@media(min-width:992px){.hv2 .msearch{display:none}}
@media(min-width:1200px){
  .hv2 .offers-band{max-width:1382px;margin:48px auto 0;border-radius:60px}
  .hv2 .offers-band .track,.hv2 .offers-band .slider-nav{padding-left:48px;padding-right:48px}
  .hv2 .offers-band .track{scroll-padding-inline:48px}
}


/* ---------- car card ---------- */.hv2 .car-card{position:relative;flex:none;width:330px;background:#232425 url(../img/new2/card-bg.webp) center/cover;border-radius:20px;overflow:hidden;color:#fff;display:flex;flex-direction:column}
.hv2 .car-card.offer{border:1px solid var(--orange)}
@media(min-width:768px){.hv2 .car-card{width:413px}}
.hv2 .card-head{padding:16px 16px 0}
.hv2 .card-title{display:flex;align-items:center;gap:4px}
.hv2 .card-logo{width:40px;height:32px;object-fit:contain;filter:brightness(0) invert(1);flex:none}
.hv2 .card-title h3{font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;line-height:1.2;max-height:36px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;margin:2px 4px 0}
.hv2 .card-badges{display:flex;gap:16px;margin-top:8px}
.hv2 .pill{display:inline-flex;align-items:center;gap:8px;background:var(--pill);border-radius:50px;padding:0 8px;height:24px;font-size:16px;color:#fff}
.hv2 .pill img{width:15px;filter:brightness(0) invert(1);margin:0 4px}
.hv2 .pill.driver{background:none;border:1px solid var(--orange);color:var(--orange);font-size:14px;gap:6px}
.hv2 .pill.driver img{filter:none;width:13px}
.hv2 .badge-special{display:inline-block;margin-top:8px;background:var(--orange);color:#000;font-weight:700;font-size:12px;border-radius:5px;padding:4px 8px;line-height:1.5}
.hv2 .badge-spacer{display:block;height:26px;margin-top:8px}
.hv2 .card-media{display:block;padding-top:8px}
.hv2 .card-media img{width:100%;height:auto;transition:transform .3s}
.hv2 .car-card:hover .card-media img{transform:scale(1.03)}
/* The video button is the last item of the price row (or the hourly-tier row), pushed to the right end. It was absolutely positioned over the photo. */
.hv2 .play-btn{position:static;margin-left:auto;align-self:center;flex:0 0 auto;padding:0;line-height:0;z-index:auto}
.hv2 .play-btn img{width:36px}
.hv2 .card-body{padding:4px 16px 16px;margin-top:auto}
.hv2 .price{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;margin-top:4px}
.hv2 .price b{font-size:24px;font-weight:400}
.hv2 .price .aed{width:11px;filter:invert(1);align-self:center;margin-top:-2px}
.hv2 .price small{font-size:12px}
.hv2 .price-old{color:var(--gray8);font-size:20px;margin-left:8px}
.hv2 .price-old s{text-decoration:line-through}
.hv2 .price-old em{font-style:normal;color:var(--orange);font-size:14px;margin-left:8px}
.hv2 .card-actions{display:flex;gap:6px;margin:16px 0 0}
.hv2 .pill-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:32px;background:var(--btn-gray);border:1px solid rgba(255,255,255,.21);border-radius:50px;font-size:10px;color:#fff;transition:background .15s}
.hv2 .pill-btn:hover{background:var(--orange)}
.hv2 .pill-btn .ic{font-size:12px}
@media(min-width:768px){.hv2 .pill-btn{font-size:12px;height:34px}.hv2 .pill-btn .ic{font-size:14px}}
.hv2 .card-meta{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:16px;font-size:9px;font-weight:700;color:var(--gray8);text-transform:capitalize}
.hv2 .card-meta span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.hv2 .card-meta .valid{color:var(--orange);font-weight:400}
.hv2 .card-meta .km img{filter:brightness(0) invert(1);opacity:.85}

/* chauffeur card extras */.hv2 .hour-prices{display:flex;justify-content:space-between;margin:10px 0;text-align:center}
.hv2 .hour{flex:1}
.hv2 .hour>img{width:18px;margin:0 auto;filter:brightness(0) invert(1)}
.hv2 .hour p{font-size:12px;font-weight:100;margin:8px 0}
.hv2 .hour b{display:inline-flex;align-items:center;gap:4px;color:var(--orange);font-size:18px;font-weight:700}
.hv2 .hour b img{width:13px;margin-bottom:3px;filter:invert(52%) sepia(95%) saturate(3893%) hue-rotate(352deg) brightness(100%) contrast(101%)}
.hv2 .sep{width:1px;height:45px;background:#fff;margin-top:8px}
.hv2 .note{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:700;color:var(--gray8);text-align:left;margin-top:4px;text-transform:capitalize}
.hv2 .car-card.chauffeur .card-actions{margin-top:12px}


/* ---------- side intro (lamborghini banner / chauffeur text) ---------- */.hv2 .side-intro{margin-top:16px}
.hv2 .banner-car{width:100%;max-width:480px;margin:0 auto}
.hv2 .chauffeur-text h3{font-size:14px;font-weight:700;margin-bottom:4px;letter-spacing:-.2px}
.hv2 .chauffeur-text p{color:var(--gray6)}
.hv2 .chauffeur-text p+p{margin-top:8px}
@media(min-width:1200px){
  .hv2 .with-side{display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:0}
  .hv2 .with-side .side-intro{padding-left:0}
  .hv2 .with-side .slider{min-width:0}
  .hv2 .with-side .track,.hv2 .with-side .slider-nav{padding-left:16px;padding-right:calc((100vw - 1382px)/2 + 48px)}
  .hv2 .with-side .track{scroll-padding-inline:16px calc((100vw - 1382px)/2 + 48px)}
  .hv2 .with-side .side-intro .container{padding-left:calc((100vw - 1382px)/2 + 48px)}
  .hv2 .chauffeur-text h3{font-size:20px}
}


/* =====================================================================
   WORTH IT — full-bleed image band
   ===================================================================== */.hv2 .worth{margin-top:48px;padding:16px 0;background:var(--orange) var(--bg-img) 0 60%/cover no-repeat;color:#fff;text-align:center}
.hv2 .worth h2{font-size:24px;font-weight:700;letter-spacing:1px;text-transform:capitalize;margin-top:24px;padding-bottom:12px}
.hv2 .worth-lists{display:flex;flex-direction:column;align-items:center;margin:24px 0}
.hv2 .worth-lists ul{text-align:left;text-transform:uppercase;margin:0 40px;padding-left:20px;list-style:disc}
.hv2 .worth-lists ul+ul{font-weight:700}
.hv2 .worth-lists li+li{margin-top:16px}
.hv2 .worth-lists ul+ul li:first-child{margin-top:16px}
.hv2 .worth h2.how{text-transform:uppercase}
.hv2 .worth p{max-width:900px;margin:12px auto 0}
@media(min-width:768px){.hv2 .worth-lists{flex-direction:row;justify-content:center}.hv2 .worth-lists ul+ul li:first-child{margin-top:0}}
@media(min-width:992px){.hv2 .worth{padding:80px 0}.hv2 .worth h2{font-size:32px;letter-spacing:2px}}


/* =====================================================================
   EXOTIC — dark band
   ===================================================================== */.hv2 .exotic{background:var(--dark);color:#fff;padding:48px 0;text-align:center}
.hv2 .exotic h2{font-size:24px;font-weight:700;letter-spacing:1px;text-transform:capitalize}
.hv2 .exotic .text{max-width:75%;margin:16px auto 0;line-height:1.5}
.hv2 .exotic .text h2{font-size:24px;font-weight:500;letter-spacing:0;margin:20px 0 8px;text-transform:none}
.hv2 .exotic .text h3{font-size:20px;font-weight:700;margin:20px 0 8px}
.hv2 .exotic .text a{color:var(--orange);font-weight:700}
.hv2 .exotic .btn{margin-top:24px}
@media(min-width:992px){.hv2 .exotic h2{font-size:32px;letter-spacing:2px}}


/* =====================================================================
   STEPS
   ===================================================================== */.hv2 .steps h2{max-width:600px;margin:0 auto 40px}
.hv2 .steps-row{display:flex;justify-content:center;background:url(../img/new2/abg.webp) 46% 0/70% 35% no-repeat}
.hv2 .step{flex:1;text-align:center;padding:0 4px}
.hv2 .step img{width:75%;max-width:100px;margin:0 auto}
.hv2 .step p{font-weight:700;margin-top:24px;min-height:55px;font-size:14px}
.hv2 .steps .quote{max-width:560px;width:75%;margin:24px auto 0;text-align:center;color:var(--gray6);text-transform:uppercase}
@media(min-width:768px){.hv2 .steps-row{background-size:75% 71%}.hv2 .step{max-width:33%}.hv2 .step p{font-size:16px}}


/* =====================================================================
   CONTENT BOX
   ===================================================================== */.hv2 .content-box{margin:24px auto;background:#dee2e6;border:1px solid #86888f;border-radius:10px;padding:20px;color:#000}
.hv2 .content-box h3{text-align:center;color:var(--orange);font-weight:900;font-size:20.8px;margin:12px 0}
.hv2 .content-box h2{font-size:24px;font-weight:500;margin:20px 0 8px}
.hv2 .content-box p{margin:8px 0}


/* =====================================================================
   CHAUFFEUR BANNER
   ===================================================================== */.hv2 .chauffeur-banner{padding-top:24px}
.hv2 .chauffeur-banner .box{background:var(--bg-img) center/cover no-repeat;border-radius:40px;padding:48px 15px;text-align:center;color:#fff}
.hv2 .chauffeur-banner h2{font-size:24px;font-weight:700;letter-spacing:1px;text-transform:capitalize}
.hv2 .check-lists{display:grid;justify-content:center;margin-top:16px;text-align:left}
.hv2 .check-lists ul{list-style:none;padding:0;margin:0 8px}
.hv2 .check-lists li{margin-top:16px;color:var(--orange)}
.hv2 .check-lists li::before{content:"\2713"}
.hv2 .check-lists li span{color:#fff;margin:0 8px}
.hv2 .chauffeur-banner .btn{margin-top:32px}
@media(min-width:992px){.hv2 .chauffeur-banner .box{padding:64px 15px 48px}.hv2 .chauffeur-banner h2{font-size:32px;letter-spacing:2px}.hv2 .check-lists{grid-auto-flow:column;gap:16px}}


/* =====================================================================
   TESTIMONIALS
   ===================================================================== */.hv2 .reviews .track{padding-left:calc(50% - 140px);padding-right:calc(50% - 140px);gap:16px;scroll-snap-type:x mandatory}
.hv2 .reviews .track>*{scroll-snap-align:center}
.hv2 .review-card{flex:none;width:280px;border:1px solid #b9bbbd;border-radius:10px;padding:24px;display:flex;flex-direction:column;gap:16px}
.hv2 .review-photo{width:100%;border-radius:6px}
.hv2 .reviewer{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-weight:700}
.hv2 .avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;flex:none}
.hv2 .avatar.letter{display:flex;align-items:center;justify-content:center;background:#333;color:#fff;font-size:22px}
.hv2 .reviewer small{display:block;color:var(--gray6);font-size:12px;font-weight:400}
.hv2 .reviewer img:not(.avatar){width:100px;margin-top:2px}
.hv2 .review-body p{color:var(--gray6);font-size:14px;text-align:justify;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;height:96px}
.hv2 .dots{display:flex;justify-content:center;gap:8px;margin-top:8px}
.hv2 .dots span{width:8px;height:8px;border-radius:50%;background:#000;opacity:.2;cursor:pointer}
.hv2 .dots span.on{opacity:1;width:20px;border-radius:4px}
@media(min-width:768px){
  .hv2 .reviews .track{padding-left:calc(50% - 348px);padding-right:calc(50% - 348px)}
  .hv2 .review-card{width:696px;display:grid;grid-template-columns:5fr 7fr;align-items:center}
  .hv2 .reviews .slider-nav{padding-right:48px}
}


/* =====================================================================
   DOCUMENTS
   ===================================================================== */.hv2 .docs .sub{max-width:900px}
.hv2 .docs-grid{display:grid;grid-template-columns:1fr;margin-top:8px}
.hv2 .doc-card{border-radius:10px;padding:24px;min-height:650px;background-size:cover;background-position:center bottom;margin:24px}
.hv2 .doc-card.residents{background-image:url(../img/d-bg.webp)}
.hv2 .doc-card.tourists{background-image:url(../img/d2-bg.webp)}
.hv2 .doc-card h3{font-size:20.8px;font-weight:700;letter-spacing:1px}
.hv2 .doc-card .doc{display:flex;align-items:center;gap:12px;margin-top:24px}
.hv2 .doc-card .doc img{width:40px;flex:none}
.hv2 .docs .foot{text-align:center;max-width:960px;margin:0 auto;border:1px solid var(--orange);border-radius:10px;padding:16px;color:var(--orange)}
@media(min-width:768px){.hv2 .docs-grid{grid-template-columns:1fr 1fr}.hv2 .doc-card{margin:24px}.hv2 .doc-card h3{letter-spacing:2px}.hv2 .docs .foot{border:0;color:inherit;padding:0;margin-top:8px}}


/* =====================================================================
   BLOG
   ===================================================================== */.hv2 .blog .track{gap:16px}
.hv2 .blog-card{flex:none;width:282px;background:none}
.hv2 .blog-card img{border-radius:10px;width:100%;aspect-ratio:1200/741;object-fit:cover}
.hv2 .blog-card h3{font-size:14px;font-weight:700;letter-spacing:.5px;margin-top:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:50px}
.hv2 .blog-card h3 a:hover{color:var(--orange)}
.hv2 .blog-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px}
.hv2 .blog-foot .tag{border:1px solid #9a9a9a;border-radius:50px;padding:2px 12px;font-size:12px;color:#333;background:#eee}
.hv2 .read-more{background:var(--orange);color:#fff;border-radius:6px;padding:8px 12px;font-size:16px}
.hv2 .read-more:hover{background:var(--orange-dark)}
@media(min-width:768px){.hv2 .blog-card{width:306px}}


/* =====================================================================
   FOOTER
   ===================================================================== */.hv2 .footer{background:var(--dark);color:#fff;padding:30px 0;margin-top:48px}
.hv2 .footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding-top:40px}
.hv2 .f-brand{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.hv2 .footer-logo{width:150px;height:auto}
.hv2 .footer .about{display:none;margin-top:24px;font-size:15px}
.hv2 .socials{display:flex;gap:16px}
.hv2 .socials a{display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;padding:4px}
.hv2 .socials a:hover{color:var(--orange)}
.hv2 .footer h2{font-size:14px;font-weight:700;text-transform:uppercase}
.hv2 .footer-links{display:flex;flex-direction:column;margin-top:8px}
.hv2 .footer-links a{margin-top:16px;font-size:16px;transition:margin-left .3s ease-out}
.hv2 .footer-links a:hover{color:var(--orange);margin-left:6px}
.hv2 .f-contact{grid-column:1/-1;margin-top:8px}
.hv2 .contact-row{display:flex;gap:12px;margin-top:12px;align-items:center;background:#454951;border-radius:15px;padding:8px}
.hv2 .contact-row .ico{width:56px;height:56px;border-radius:12px;background:#5c6068;display:flex;align-items:center;justify-content:center;flex:none}
.hv2 .contact-row .ico img{width:24px;filter:brightness(0) invert(1)}
.hv2 .contact-row p{font-size:16px;text-transform:capitalize;margin:0 8px}
.hv2 .contact-row a{font-size:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 8px;color:#fff}
.hv2 .contact-row a:hover{color:var(--orange)}
.hv2 .f-divider{width:75%;border-bottom:1px solid #fff;margin:40px auto 0}
.hv2 .copyright{text-align:center;margin-top:16px;font-size:16px;padding-bottom:80px}
@media(min-width:992px){
  .hv2 .footer-grid{grid-template-columns:3fr 2fr 2fr 2fr 3fr;gap:24px;padding-top:24px}
  .hv2 .f-brand{grid-column:auto;display:block}
  .hv2 .footer .about{display:block}
  .hv2 .socials{margin-top:24px}
  .hv2 .f-contact{grid-column:auto;margin-top:0}
  .hv2 .footer-links a{font-size:14px}
  .hv2 .copyright{padding-bottom:0}
}


/* =====================================================================
   FLOATING BUTTONS + MODAL
   ===================================================================== */.hv2 .float{position:fixed;bottom:20px;z-index:150;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}
.hv2 .float.wa{left:20px;background:var(--green);box-shadow:0 0 9px 0 var(--green)}
.hv2 .float.call{right:20px;background:var(--orange)}
.hv2 .float .ic{font-size:34px}
.hv2 .float.call .ic{font-size:30px}
.hv2 .filter-btn{position:fixed;left:0;right:0;bottom:28px;margin:auto;width:111px;z-index:150;background:var(--orange);color:#fff;border-radius:50px;padding:8px 14px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:18px}
.hv2 .filter-btn .ic{font-size:18px}
.hv2 .to-top{position:fixed;right:20px;bottom:90px;z-index:150;width:32px;height:32px;border-radius:4px;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 0 8px #00000063;opacity:0;pointer-events:none;transition:opacity .2s}
.hv2 .to-top.show{opacity:1;pointer-events:auto}
@media(min-width:768px){.hv2 .float.call,.hv2 .filter-btn{display:none}.hv2 .to-top{width:40px;height:40px}}
.hv2 .modal{position:fixed;inset:0;z-index:300;background:rgba(52,52,52,.38);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:24px}
.hv2 .modal.open{display:flex}
.hv2 .modal-box{background:#fff;color:#000;border-radius:20px;padding:24px;max-width:460px;width:100%;position:relative}
.hv2 .modal-box h3{font-size:20px;font-weight:700;margin-bottom:12px;padding-right:32px}
.hv2 .modal-box p{color:var(--gray6);font-size:14px;margin-bottom:16px}
.hv2 .modal-box .row{display:flex;gap:8px}
.hv2 .modal-box .row .btn{flex:1;padding:8px 12px;min-width:0;border-radius:8px}
.hv2 .modal-box .row .btn.green{background:var(--green);border-color:var(--green)}
.hv2 .modal-close{position:absolute;top:14px;right:14px;font-size:22px;color:#000;display:flex}


/* ===== VARIANT: shorter hero, "All Cars" inside search, categories first ===== */.hv2 .hero.short{min-height:52vh;max-height:none}
.hv2 .hero.short .hero-content{padding:48px 24px 40px}
.hv2 .hero.short form{min-width:0;width:min(100%,360px);margin-top:24px}
.hv2 .hero.short .hero-search{padding-right:112px}
.hv2 .all-cars{position:absolute;right:4px;top:4px;bottom:4px;background:var(--orange);color:#fff;border-radius:50px;padding:0 16px;font-size:14px;font-weight:700;display:flex;align-items:center;white-space:nowrap;transition:background .15s}
.hv2 .all-cars:hover{background:var(--orange-dark)}
@media(min-width:768px){.hv2 .hero.short{height:66vh;min-height:520px;max-height:700px}.hv2 .hero.short .hero-content{padding-top:110px}.hv2 .hero.short form{width:34%;min-width:440px}.hv2 .hero.short .hero-search{height:48px;padding-right:130px;font-size:17px}.hv2 .all-cars{padding:0 22px;font-size:15px}.hv2 .hero.short form .ic{top:16px}}
.hv2 .cats.first{margin-top:28px}
.hv2 .cats.first .cat-dots{display:none}
.hv2 .cats.first .cats-grid{padding-bottom:12px}
.hv2 .cats .seo{text-align:center;font-size:12px;color:var(--gray6);margin-top:6px}
.hv2 .brands.after-cats{margin-top:40px}

/* ===== VARIANT B: brands strip inside the hero ===== */.hv2 .hero.with-brands{min-height:64vh}
.hv2 .hero.with-brands .hero-content{padding-bottom:130px}
.hv2 .hero.with-brands{background:linear-gradient(180deg,#2b2d31,#141517)}
.hv2 .hero.with-brands>picture{bottom:0;height:100%}
.hv2 .hero.with-brands>picture img{object-position:bottom}
.hv2 .hero-brands{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px 0 14px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.7) 30%,rgba(0,0,0,.85))}
.hv2 .hero-brands .label{display:flex;justify-content:space-between;align-items:center;padding:0 24px 8px;text-shadow:0 1px 4px rgba(0,0,0,.8);color:#fff;font-size:12px;letter-spacing:2px;text-transform:uppercase}
.hv2 .hero-brands .label a{color:var(--orange);letter-spacing:0;text-transform:none;font-size:13px;display:inline-flex;align-items:center;gap:4px}
.hv2 .marquee{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.hv2 .marquee-track{display:flex;width:max-content;animation:marquee 70s linear infinite}
.hv2 .marquee:hover .marquee-track{animation-play-state:paused}
.hv2 .mq-half{display:flex;gap:12px;padding-right:12px}
.hv2 .hb{flex:none;width:66px;height:66px;border-radius:12px;background:rgba(20,21,24,.85);border:1px solid rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;padding:10px;transition:background .2s,transform .2s}
.hv2 .hb:hover{background:var(--orange);transform:translateY(-3px)}
.hv2 .hb img{max-width:100%;max-height:100%;object-fit:contain;filter:brightness(0) invert(1)}
@keyframes marquee{to{transform:translateX(-50%)}}
/* BRANDS DRAG 2026-10-18: js/home-v2.js takes the marquee over and lets it be dragged; horizontal swipes go to the strip, vertical ones still scroll the page */
.hv2 .marquee{touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.hv2 .marquee.is-dragging{cursor:grabbing}
.hv2 .marquee.is-dragging .hb{transition:none}
.hv2 .marquee .hb img{-webkit-user-drag:none;pointer-events:none}
@media(min-width:768px){.hv2 .hero.with-brands{min-height:700px}.hv2 .hero.with-brands .hero-content{padding-bottom:170px}.hv2 .hero.with-brands>picture{bottom:0}.hv2 .hb{width:84px;height:84px;padding:16px}.hv2 .mq-half{gap:16px;padding-right:16px}.hv2 .hero-brands .label{padding:0 48px 12px;font-size:13px}}
@media(min-width:1200px){.hv2 .hero-brands .label{padding:0 calc((100vw - 1382px)/2 + 48px) 12px}}


/* ===== VARIANT C: compact hero, all categories in one grid on the first screen ===== */.hv2 .hero.compact{min-height:0;height:auto;max-height:none;background:radial-gradient(120% 80% at 50% 0%,#3a3d44 0%,#1c1d21 70%)}
.hv2 .hero.compact>picture{display:block}
.hv2 .hero.compact>picture img{object-position:50% 92%}
.hv2 .hero.compact::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 55%,rgba(0,0,0,.45) 100%)}
.hv2 .hero.compact .hero-content{padding:22px 20px 24px}
.hv2 .hero.compact h1{font-size:clamp(14px,4.5vw,22px);letter-spacing:1px;margin-bottom:4px;white-space:nowrap}
.hv2 .hero.compact form{margin-top:16px;width:100%;max-width:420px}
.hv2 .cats.all{margin-top:18px}
.hv2 .cats.all .eyebrow{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.hv2 .cats.all .eyebrow h2{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--text);text-align:left;font-weight:700}
.hv2 .cats.all .eyebrow a{font-size:12px;color:var(--orange)}
.hv2 .cats.all .cats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;overflow:visible;margin:0;padding:0}
.hv2 .cats.all .cat-card{width:auto;margin:0;position:relative;border-radius:14px;overflow:hidden;background:#111;scroll-snap-align:none;transition:transform .15s}
.hv2 .cats.all .cat-card:active{transform:scale(.97)}
.hv2 .cats.all .cat-card img{border-radius:0;aspect-ratio:1/1.08;width:100%;height:auto;object-fit:cover;object-position:50% 50%;transform:translateY(-7%)}
.hv2 .cats.all .cat-card img.orig{object-position:50% 45%;transform:none}
.hv2 .cats.all .cat-card img[src*="monthly"]{transform:translateY(-6%) scale(1.18);transform-origin:50% 45%}
.hv2 .cats.all .cat-card::after{content:"";position:absolute;inset:auto 0 0 0;height:60%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.85))}
.hv2 .cats.all .cat-label{position:absolute;left:8px;right:8px;bottom:8px;margin:0;height:auto;padding:0;align-items:flex-start;z-index:1}
.hv2 .cats.all .cat-label span{font-size:13px;letter-spacing:.3px;line-height:1.15;text-shadow:none}
.hv2 .cats.all .cat-label p{font-size:10.5px;margin:3px 0 0;color:#ffb48f;text-shadow:none}
.hv2 .cats.all .cat-card.all-cars{background:var(--orange);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;aspect-ratio:1/1.08}
.hv2 .cats.all .cat-card.all-cars::after{display:none}
.hv2 .cats.all .cat-card.all-cars b{display:block;font-size:14px;letter-spacing:.5px}
.hv2 .cats.all .cat-card.all-cars small{display:block;font-size:11px;opacity:.9;margin-top:2px}
.hv2 .cats.all .cat-card.all-cars .ic{font-size:26px;margin-bottom:6px;display:block;margin-inline:auto}
.hv2 .cats.all .cat-dots{display:none}
.hv2 .brands-band{background:none;padding:6px 0 0;margin-top:22px}
.hv2 .brands-band .hb{background:#000;border:0}

.hv2 .brands-band .label{display:flex;justify-content:space-between;align-items:center;padding:0 24px 10px;color:var(--text);font-size:12px;letter-spacing:2px;text-transform:uppercase}
.hv2 .brands-band .label a{color:var(--orange);letter-spacing:0;text-transform:none;font-size:13px}
@media(min-width:576px){.hv2 .cats.all .cats-grid{grid-template-columns:repeat(4,1fr);gap:12px}}
@media(min-width:768px){
  .hv2 .hero.compact{height:clamp(400px,30vw,580px);min-height:0;padding-top:0;background:#1c1d21}
  .hv2 .hero.compact>picture{display:block}
  .hv2 .hero.compact>picture img{object-position:50% 100%}
  .hv2 .hero.compact::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.15) 55%,rgba(0,0,0,.5) 100%)}
  .hv2 .hero.compact .hero-content{padding:120px 48px 0;text-align:center}
  .hv2 .hero.compact h1{font-size:36px;letter-spacing:3px}
  .hv2 .hero.compact form{width:36%;min-width:440px;margin-top:20px}
  .hv2 .cats.all{margin-top:24px}
  .hv2 .cats.all .cats-grid{grid-template-columns:repeat(5,1fr);gap:14px}
  .hv2 .cats.all .cat-card img,.hv2 .cats.all .cat-card.all-cars{aspect-ratio:4/3}
  .hv2 .cats.all .cat-card img{object-fit:cover;object-position:50% 45%;transform:translateY(-4%) scale(1.02)}
  .hv2 .cats.all .cat-card img[src*="monthly"]{transform:translateY(-3%) scale(1.15)}
  .hv2 .cats.all .cat-card img.orig{transform:none;object-position:50% 40%}
  .hv2 .cats.all .eyebrow h2{font-size:16px}
  .hv2 .cats.all .cat-label span{font-size:16px}.hv2 .cats.all .cat-label p{font-size:12px}
  .hv2 .brands-band .label{padding:0 48px 10px}
}


/* ===== VARIANT C-LIGHT: light tiles, label below the photo (car never covered) ===== */.hv2 .cats.all .cat-card.light{background:#fff;border:1px solid #cdd2da;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s,transform .15s}
.hv2 .cats.all .cat-card.light .cat-label{background:none}
.hv2 .cats.all .cat-card.light:hover{border-color:var(--orange);transform:translateY(-2px)}
.hv2 .cats.all .cat-card.light::after{display:none}
.hv2 .cats.all .cat-card.light img{aspect-ratio:1/1;width:100%;height:auto;object-fit:cover;object-position:50% 50%;transform:none}

.hv2 .cats.all .cat-card.light img.orig{transform:none;object-position:50% 35%;aspect-ratio:1/1}
.hv2 .cats.all .cat-card.light .cat-label{position:absolute;left:4px;right:4px;bottom:7px;margin:0;padding:0;line-height:1.15;height:auto;display:block;background:none;color:#111;z-index:1}
.hv2 .cats.all .cat-card.light .cat-label span{color:#111;font-size:11px;letter-spacing:-.2px;line-height:1.1;white-space:nowrap;display:block;overflow:hidden}
.hv2 .cats.all .cat-card.light .cat-label p{color:var(--orange);font-size:10px;margin-top:1px}
.hv2 .cats.all .cat-card.light:has(img.orig)::after{display:block;background:linear-gradient(180deg,rgba(246,247,249,0) 45%,rgba(246,247,249,.95) 75%)}
@media(min-width:768px){
  .hv2 .cats.all .cat-card.light img{aspect-ratio:1/1;transform:none}
  .hv2 .cats.all .cat-card.light .cat-label{bottom:12px}
  .hv2 .cats.all .cat-card.light .cat-label span{font-size:16px}
  .hv2 .cats.all .cat-card.light .cat-label p{font-size:12px}
}
@media(min-width:1100px){
  
  /* 5 + 4 centred, so the tiles stay large */.hv2 .cats.all .cats-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;max-width:80%;margin:0 auto}
  .hv2 .cats.all .cat-card{flex:0 0 calc(20% - 12px)}
  .hv2 .cats.all .cat-card.light .cat-label{bottom:11px;padding:0 11px}
  .hv2 .cats.all .cat-card.light .cat-label span{font-size:15px}
  .hv2 .cats.all .cat-card.light .cat-label p{font-size:12px}
}


/* ===== TESTIMONIALS C: google review cards ===== */.hv2 .reviews.gr .title{text-transform:uppercase;letter-spacing:2px}
.hv2 .reviews.gr .gr-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  margin:22px -16px 0;padding:4px 16px 6px;scroll-padding-inline:16px}
.hv2 .reviews.gr .gr-track::-webkit-scrollbar{display:none}
.hv2 .reviews.gr .gr-card{flex:none;width:86%;max-width:380px;scroll-snap-align:center;background:#fff;border-radius:12px;
  padding:18px 18px 14px;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(20,25,40,.05)}
.hv2 .reviews.gr .gr-head{display:flex;align-items:center;gap:10px}
.hv2 .reviews.gr .gr-av{width:36px;height:36px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:700;font-size:14px;background:linear-gradient(135deg,#f3a052,#e0661c)}
.hv2 .reviews.gr .gr-card:nth-child(3n+2) .gr-av{background:linear-gradient(135deg,#9ba1a9,#5d636c)}
.hv2 .reviews.gr .gr-card:nth-child(3n) .gr-av{background:linear-gradient(135deg,#d7651f,#8e3a0c)}
.hv2 .reviews.gr .gr-name b{display:block;font-size:14px;color:var(--dark);line-height:1.25}
.hv2 .reviews.gr .gr-name small{display:block;font-size:11.5px;color:#9ba1a9;margin-top:1px}
.hv2 .reviews.gr .gr-stars{width:70px;margin-top:13px;display:block}
.hv2 .reviews.gr blockquote{margin:11px 0 0;font-size:13.5px;line-height:1.6;color:#4a4f57;
  display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.hv2 .reviews.gr .gr-card.open blockquote{display:block;-webkit-line-clamp:unset}
.hv2 .reviews.gr .gr-more{align-self:flex-start;background:none;border:0;padding:0;margin-top:4px;font-family:inherit;font-weight:700;font-size:12px;line-height:1.4;color:var(--orange);cursor:pointer}
.hv2 .reviews.gr .gr-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin:12px 0 14px;
  background:#f1f3f6;border-radius:50px;padding:4px 10px;font-size:11.5px;font-weight:600;color:#3c4149}
.hv2 .reviews.gr .gr-chip span{font-size:11px}
.hv2 .reviews.gr .gr-foot{margin-top:auto;padding-top:11px;border-top:1px solid #eceef1;display:flex;align-items:center;gap:6px;
  font-size:11.5px;color:#9ba1a9}
.hv2 .reviews.gr .gr-g{width:13px;height:13px;flex:none}
.hv2 .reviews.gr .gr-dots{margin-top:22px}
.hv2 .reviews.gr .gr-dots[hidden]{display:none}
.hv2 .reviews.gr .gr-btn{display:table;margin:24px auto 0;border:1.5px solid var(--orange);color:var(--orange);background:transparent;
  border-radius:10px;padding:11px 28px;font-size:14px;font-weight:700;transition:background .15s,color .15s}
.hv2 .reviews.gr .gr-btn:hover{background:var(--orange);color:#fff}
@media(min-width:768px){
  .hv2 .reviews.gr .gr-track{max-width:1200px;margin:26px auto 0;padding:4px 0 6px;gap:20px;scroll-padding-inline:0}
  .hv2 .reviews.gr .gr-card{width:calc((100% - 20px)/2);max-width:none;scroll-snap-align:start;padding:20px 20px 14px}
  .hv2 .reviews.gr blockquote{-webkit-line-clamp:4}
}
@media(min-width:1100px){.hv2 .reviews.gr .gr-card{width:calc((100% - 40px)/3)}}
/* ===== /TESTIMONIALS C ===== */


/* =====================================================================
   RTL (Arabic). The hand-off design is LTR-only, and the site's
   css/rtl.v10.min.css targets the OLD home page's class names, so nothing
   there flips this one. index.blade.php puts dir="rtl" on the .hv2 wrapper
   for RTL locales; these rules mirror the handful of physically-directional
   declarations in the design above. Everything driven by flexbox, grid or
   text-align already flips on its own.
   ===================================================================== */
.hv2[dir="rtl"] .tb-left{flex-direction:row-reverse}
.hv2[dir="rtl"] .lang-pill::after{margin:-3px 4px 0 0}
.hv2[dir="rtl"] .nav-search{margin-left:0;margin-right:8px}
.hv2[dir="rtl"] .dropdown{left:auto;right:0}
.hv2[dir="rtl"] .dropdown.lang{left:0;right:auto}

.hv2[dir="rtl"] .drawer-panel{left:auto;right:0;transform:translateX(100%)}
.hv2[dir="rtl"] .drawer.open .drawer-panel{transform:none}
.hv2[dir="rtl"] .drawer-close{right:auto;left:-24px;padding-right:0;padding-left:10px}
.hv2[dir="rtl"] .drawer-close .ic-angle-left{transform:scaleX(-1)}
.hv2[dir="rtl"] .dl-cats .ic,.hv2[dir="rtl"] .cat-item .ic,
.hv2[dir="rtl"] .view-all .ic,.hv2[dir="rtl"] .section-head .more-m .ic,
.hv2[dir="rtl"] .view-more .ic,.hv2[dir="rtl"] .hero-brands .label .ic,
.hv2[dir="rtl"] .brands-band .label .ic{transform:scaleX(-1)}
/* Slider arrows: under RTL "prev" sits on the right and home-v2.js scrolls
   "next" leftwards, so the pc.svg / nc.svg chevrons must point the other way. */
.hv2[dir="rtl"] .arrow img{transform:scaleX(-1)}

.hv2[dir="rtl"] .hero-search{padding:0 40px 0 15px}
.hv2[dir="rtl"] .hero form .ic{left:auto;right:15px}
.hv2[dir="rtl"] .hero.short .hero-search{padding-left:112px;padding-right:40px}
.hv2[dir="rtl"] .all-cars{right:auto;left:4px}
.hv2[dir="rtl"] .hero-results{text-align:right}
@media(min-width:768px){
  .hv2[dir="rtl"] .hero.short .hero-search{padding-left:130px;padding-right:40px}
}

.hv2[dir="rtl"] .section-head h2{text-align:right}
.hv2[dir="rtl"] .section-head .more-m{margin-left:0;margin-right:auto}
@media(min-width:768px){.hv2[dir="rtl"] .section-head h2{text-align:center}}

.hv2[dir="rtl"] .price-old{margin-left:0;margin-right:8px}
.hv2[dir="rtl"] .price-old em{margin-left:0;margin-right:8px}
.hv2[dir="rtl"] .note,.hv2[dir="rtl"] .worth-lists ul,
.hv2[dir="rtl"] .check-lists,.hv2[dir="rtl"] .review-card{text-align:right}
.hv2[dir="rtl"] .worth-lists ul{padding-left:0;padding-right:20px}
.hv2[dir="rtl"] .footer-links a:hover{margin-left:0;margin-right:6px}
.hv2[dir="rtl"] .footer h2,.hv2[dir="rtl"] .footer-links{text-align:right}
.hv2[dir="rtl"] .cats.all .eyebrow h2{text-align:right}

/* Side-intro sections (Lamborghini banner, chauffeur text). The grid already
   moves the intro column to the right, but its padding out to the container
   edge and the track's 16px gap after it are physical, so swap them too.
   The Lamborghini art is a car cropped at its tail and facing the cards;
   mirror it so it still faces them. The chauffeur photo is mirrored too,
   at the end of this file. */
@media(min-width:1200px){
  .hv2[dir="rtl"] .with-side .track,.hv2[dir="rtl"] .with-side .slider-nav{padding-left:calc((100vw - 1382px)/2 + 48px);padding-right:16px}
  .hv2[dir="rtl"] .with-side .side-intro .container{padding-left:48px;padding-right:calc((100vw - 1382px)/2 + 48px)}
}
.hv2[dir="rtl"] #lamborghini .banner-car{transform:scaleX(-1)}

/* The two floating action buttons swap corners with the reading direction. */
.hv2[dir="rtl"] .float.wa{left:auto;right:20px}
.hv2[dir="rtl"] .float.call{right:auto;left:20px}
.hv2[dir="rtl"] .to-top{right:auto;left:20px}
.hv2[dir="rtl"] .modal-close{right:auto;left:14px}
.hv2[dir="rtl"] .modal-box h3{padding-right:0;padding-left:32px}

/* The marquee is a loop over two identical halves. Under RTL the overflowing
   track is anchored to the right edge, so the LTR translateX(-50%) pulled its
   end away from that edge and left the right half of the strip empty. Mirror
   it instead: halves flow right-to-left (first brand on the right), the track
   slides right by one half, and each half's trailing gap moves to its left. */
.hv2[dir="rtl"] .marquee-track{animation-name:marquee-rtl}
@keyframes marquee-rtl{to{transform:translateX(50%)}}
.hv2[dir="rtl"] .mq-half{padding-right:0;padding-left:12px}
@media(min-width:768px){.hv2[dir="rtl"] .mq-half{padding-left:16px}}

/* Numbers, currency and phone numbers stay LTR even in Arabic - otherwise bidi
   reorders them into "Day/ AED 1,899" and "1555 345 50 971+". The old card did
   the same with style="direction: ltr" on its actions row and .ltr2 in the
   footer. The rows keep their RTL alignment via flex-direction. */
.hv2[dir="rtl"] .price,.hv2[dir="rtl"] .hour b,
.hv2[dir="rtl"] .contact-row a{direction:ltr}
.hv2[dir="rtl"] .price{flex-direction:row;justify-content:flex-start}
.hv2[dir="rtl"] .card-actions{direction:ltr;flex-direction:row-reverse}

/* =====================================================================
   Site-bundle collisions. css/all.v25.min.css styles bare elements that the
   hand-off file never had to fight: h1,h2,h3{letter-spacing:-1px} and
   h1-h6{line-height:1.2}. Design rules that set their own values win on
   specificity; the footer column titles set neither, so they came out
   condensed. Reset them to what the design renders with. Kept to the footer
   on purpose: a page-wide heading reset would also restyle the admin-authored
   HTML (.Allenoire, .let-spc2 ...) that still relies on the bundle.
   ===================================================================== */
.hv2 .footer h2{letter-spacing:normal;line-height:inherit}

/* The legacy card is also .car-card, and the bundle's
   .car-card h3{padding:0 4px} is the one rule of it the design does not
   override, which knocked the title 4px off the logo. */
.hv2 .car-card .card-title h3{padding:0}
/* The design sets the mileage in capitals ("250 KM DAY"); the shared
   main.kmday string reads "Km Day" and the legacy card still uses it. */
.hv2 .card-meta .km{text-transform:uppercase}
/* The video button keeps the legacy .play class because main.js binds the
   overlay to it, which also pulls in the bundle's
   .play img{position:absolute;margin-top:-48px;right:25px;z-index:4} and
   throws the icon out of the button. Put it back in flow. */
.hv2 .play-btn img{position:static;margin-top:0;right:auto;z-index:auto}

/* Bootstrap's .card-body{flex:1 1 auto;min-height:1px}. The design parks the
   body at the bottom with margin-top:auto; a growing body instead swallows the
   spare height of a card stretched to its slider's tallest sibling and leaves
   an empty band under the meta row. Bootstrap's .card-title adds .75rem below
   the title row. */
.hv2 .car-card .card-body{flex-grow:0;min-height:auto}
.hv2 .car-card .card-title{margin-bottom:0}
/* The legacy testimonial card is also .review-card (grey fill + shadow). */
.hv2 .review-card{background-color:transparent;box-shadow:none}
/* The old nav's .nav-item{padding:0 15px;text-transform:uppercase} spread the
   top-level items and upper-cased every dropdown entry. */
.hv2 .nav-item{padding-left:0;padding-right:0;text-transform:none}
/* Not the bundle: the hand-off's own brands-strip rule .brands{margin-top:48px}
   also matches the nav's .dropdown.brands and, coming later, beats its
   margin-top:-18px. The list then hung 48px below the 90px nav item - off the
   button, and out of reach, since the hover dropped in the gap. */
.hv2 .dropdown.brands{margin-top:-18px}
/* Bootstrap reboot: img{vertical-align:middle}, h1-h6{line-height:1.2},
   h1,h2,h3{letter-spacing:-1px}, input{line-height:inherit}. Scoped to the
   design's own section/header/footer/nav elements (the booking form and
   mobile filter partials that sit outside them still want the bundle) and to
   class-less headings (admin-authored ones carry legacy classes). :where()
   keeps all of this below every design rule. */
.hv2 :where(section,header,footer,nav) img{vertical-align:baseline}
.hv2 :where(section,header,footer,nav) :where(h1,h2,h3,h4,h5,h6):not([class]){line-height:inherit;letter-spacing:normal}
.hv2 .search-car-input,.hv2 .search-car-input2{line-height:normal}
/* Bootstrap 4 reboot sets body{text-align:left}; the design inherits start,
   which is the same in LTR and the right thing under dir="rtl". */
.hv2{text-align:start}
/* The bundle registers @font-face "Helvetica" with ONE file, a regular weight
   (fonts/HelveticaRegular.woff). With the design's stack starting at
   Helvetica, every bold on the page was that regular face with synthetic
   bolding - thin and wide next to the design. Reach the system faces first:
   Helvetica Neue on Apple devices, Arial on Windows/Android, which is what the
   hand-off file renders with. */
.hv2{--font:"Helvetica Neue",Arial,Helvetica,sans-serif}

/* =====================================================================
   Admin-authored copy inside design sections. The bodies of "worth it",
   the chauffeur banner and the chauffeur side text are HTML from the admin,
   written for the OLD home page in Bootstrap markup (.col-12 wrappers,
   ul.mx-5, li.my-3, .mt-4 ...) instead of the hand-off's .worth-lists,
   .check-lists and <p>s, so the design's rules for those never match. Give
   that markup the design's geometry. Bootstrap 4 spacing utilities are
   !important, which is the only reason for the !important below.
   ===================================================================== */
/* Worth it: the column padding plus 3rem list margins squeezed each item
   onto two lines on a phone. Design: ul{margin:0 40px;padding-left:20px},
   16px between items and between the stacked lists, h2 12px / p 12px. */
.hv2 .worth .container>[class*="col-"]{padding-left:0;padding-right:0}
.hv2 .worth .container>[class*="col-"]:empty{display:none}
.hv2 .worth .container ul{margin:0 40px!important;padding-inline-start:20px;list-style:disc}
.hv2 .worth .container li.my-3{margin-top:16px!important;margin-bottom:16px!important}
.hv2 .worth .container ul+ul{margin-top:16px!important}
/* The admin's h2 carries classes, so the class-less heading reset above
   skips it and it kept Bootstrap's h2{line-height:1.2}. */
.hv2 .worth h2{line-height:inherit}
.hv2 .worth h2.pb-3{padding-bottom:12px!important}
.hv2 .worth h2+p.mt-3{margin-top:12px!important}
@media(min-width:768px){.hv2 .worth .container ul+ul{margin-top:0!important}}
/* Chauffeur banner: wrapper .mt-4 + ul.mt-4 + li.mt-3 put the list 32px
   lower than the design's 16px + 16px, and 8px more between the groups. */
.hv2 .chauffeur-banner .box>.mt-4{margin-top:16px!important}
.hv2 .chauffeur-banner .check-list{margin:0 8px!important;padding:0}
.hv2 .chauffeur-banner .check-list li.mt-3{margin-top:16px!important}
@media(min-width:992px){.hv2 .chauffeur-banner .d-lg-flex{gap:16px}}
/* ...and its "Rent Now" is a bare .btn: give it the design's .btn.r5. */
.hv2 .chauffeur-banner .box .btn{border-radius:5px;padding-left:48px;padding-right:48px}
.hv2 .chauffeur-banner .box .btn.mt-4{margin-top:32px!important}
/* Chauffeur side text: the admin wraps its lines in <div>s, which the
   design's .chauffeur-text p{color:gray6} never reaches, so half the copy
   came out black. Same grey, same 8px between lines. */
.hv2 .chauffeur-text>:not(h3):not(img),.hv2 .chauffeur-text>:not(h3):not(img) *{color:var(--gray6)}
.hv2 .chauffeur-text p:empty{display:none}
.hv2 .chauffeur-text :is(div,p)+:is(div,p){margin-top:8px}

/* Floating buttons. The WhatsApp float is gone (see footer-web-v2) and the
   header's WhatsApp widget (.vipn-wrap) sits bottom-right, where it covered
   the design's call button; the phone-only call button takes the bottom-left
   corner instead - in both directions, as RTL above already put it there. */
.hv2 .float.call{right:auto;left:20px}

/* =====================================================================
   Design changes requested after the hand-off.
   ===================================================================== */
/* Lamborghini banner (2026-09-17). The art is a car cut off at its tail, and
   the design parked it inside the column/container, so the cut showed in the
   middle of the page. At every width it now starts 10px past the page edge
   and keeps its usual right edge, which hides the cut off-screen and makes
   the car larger (~40% at a 1528px viewport). Capped at 560px on phones and
   tablets, where it sits alone above the cards, and 800px on desktop (the
   upload is 751px); past a cap it stays on the page edge. Logical properties,
   so under RTL - where the column and the mirrored art are on the right -
   the same rules bleed it off the right edge. */
.hv2 #lamborghini .side-intro .container{max-width:none;padding-inline-start:0}
.hv2 #lamborghini .banner-car{width:calc(100% + 10px);max-width:560px;margin-inline-start:-10px}
@media(min-width:1200px){.hv2 #lamborghini .banner-car{max-width:800px}}

/* Chauffeur side text + photo (2026-09-17, from the user's desktop mock-up).
   The photo was a ~300-480px picture centred under the copy; it is now large
   and runs off the page edge with the car's tail, the chauffeur staying in
   view (his left edge is ~18% into the photo, so no more than ~14.5% of it
   ever goes off-screen). Its geometry is written against the 1376x576
   upload; the phone and tablet boxes use object-fit, so another aspect ratio
   still fits. The copy drops to 14px with the lines after the intro indented
   as bullets. Under RTL everything mirrors, the photo included, so the car
   still faces the cards and it is still the tail that gets cut. */
.hv2 #chauffeur .chauffeur-text>:not(img){max-width:420px}
.hv2 #chauffeur .chauffeur-text>:not(h3){font-size:14px}
.hv2 #chauffeur .chauffeur-text>div~div{padding-inline-start:10px}
.hv2[dir="rtl"] #chauffeur .banner-car{transform:scaleX(-1)}
@media(max-width:1199px){.hv2 #chauffeur .chauffeur-text h3{font-size:16px}}
/* Phones: copy, then the photo at 113.5vw (max 560px) ending at ~97vw.
   -2vw - 24px undoes the container's margin and padding. */
@media(max-width:767px){
  .hv2 #chauffeur .banner-car{--ph:min(113.5vw,560px);width:var(--ph);height:calc(var(--ph) / 2.389);max-width:none;object-fit:contain;margin-top:16px;margin-inline-start:calc(-2vw - 24px - .145 * var(--ph))}
}
/* Tablets: photo on the left at 58vw (max 600px), vertically centred on the
   copy, which sits beside it, 32px past its right edge. */
@media(min-width:768px) and (max-width:1199px){
  .hv2 #chauffeur .chauffeur-text{--ph:min(58vw,600px);position:relative;display:flex;flex-direction:column;justify-content:center;min-height:calc(var(--ph) / 2.389);padding-inline-start:calc(.855 * var(--ph) + 32px - 2vw)}
  .hv2 #chauffeur .banner-car{position:absolute;top:50%;inset-inline-start:calc(-2vw - .145 * var(--ph));width:var(--ph);height:calc(var(--ph) / 2.389);max-width:none;object-fit:contain;margin:0;transform:translateY(-50%)}
  .hv2[dir="rtl"] #chauffeur .banner-car{transform:translateY(-50%) scaleX(-1)}
}
/* Desktop: copy at the top of the column, the photo at 113.5% of the column
   with its far edge 3% short of the cards. No top/bottom (the user removed
   bottom:61px, which stood it on the cards' bottom line), so it keeps its
   static position: straight under the copy. Capped at 860px, past which it
   simply ends inside the column (the photo is whole, unlike the Lamborghini
   art, so nothing looks cut). */
@media(min-width:1200px){
  .hv2 #chauffeur .with-side{align-items:stretch}
  .hv2 #chauffeur .side-intro{position:relative}
  .hv2 #chauffeur .side-intro .container{padding-block:64px 0;padding-inline:8vw 24px}
  .hv2 #chauffeur .banner-car{position:absolute;inset-inline-end:3%;width:113.5%;max-width:860px;margin:0}
}