/* Hira Transfer V5.0 — homepage, matches the reference mockup. Scoped to body.home so admin pages are untouched. */
body.home{--bg:#070a0b;--panel:#101516;--line:#252b2c;--gold:#dba64e;--gold2:#f0c676;--goldd:#b98530;--muted:#9aa1a3;margin:0!important;background:var(--bg)!important;color:#fff!important;font-family:Inter,"Segoe UI",system-ui,-apple-system,Arial,sans-serif!important;overflow-x:hidden}
body.home *,body.home *:before,body.home *:after{box-sizing:border-box}
body.home .c{width:min(1280px,calc(100% - 48px));margin:0 auto}
body.home .ico{width:1em;height:1em;flex:none}
body.home a{color:inherit}

/* ===== Header ===== */
body.home .siteHeader{position:absolute;top:0;left:0;right:0;z-index:80;background:linear-gradient(180deg,rgba(5,7,8,.94),rgba(5,7,8,.6) 65%,transparent)}
body.home .hdIn{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
body.home .logo{font-size:23px;font-weight:800;letter-spacing:5px;color:#fff;text-decoration:none;white-space:nowrap}
body.home .logo span{color:var(--gold);font-weight:500}
body.home .mainNav{display:flex;align-items:center;gap:34px}
body.home .mainNav>a{color:#fff;text-decoration:none;font-size:13.5px;font-weight:700;opacity:.92;transition:color .2s}
body.home .mainNav>a:hover{color:var(--gold2)}
body.home .flagTR{display:inline-block;width:20px;height:14px;border-radius:2px;background:#e30a17;position:relative;overflow:hidden}
body.home .flagTR:before{content:"";position:absolute;left:5px;top:3px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:inset -2px 0 0 0 #e30a17}
body.home .flagTR:after{content:"★";position:absolute;left:11px;top:1px;font-size:6px;line-height:12px;color:#fff;font-style:normal}
body.home .mainNav>a.navCta{background:linear-gradient(135deg,#e5b560,#b98530);color:#17110a;padding:14px 22px;border-radius:6px;font-weight:800;box-shadow:0 8px 24px rgba(185,133,48,.28);opacity:1}
body.home .mainNav>a.navCta:hover{color:#17110a;filter:brightness(1.08)}
body.home .navBtn{display:none;background:none;border:0;width:42px;height:42px;padding:10px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px}
body.home .navBtn span{display:block;height:2px;background:#fff;border-radius:2px}

/* ===== Hero ===== */
body.home .hx{position:relative;isolation:isolate;display:flex;align-items:center;min-height:max(610px,calc(min(100vw,1920px)/3 + 70px));padding:88px 0 90px;background:var(--bg);overflow:hidden}
body.home .hxImg{position:absolute;z-index:-2;right:0;bottom:0;width:min(100%,1920px);aspect-ratio:2172/724;background:url(../images/v50/hero.jpg) center/cover no-repeat;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 30%);mask-image:linear-gradient(180deg,transparent 0,#000 30%)}
body.home .hx:before{content:"";position:absolute;inset:0;z-index:-1;background:
 linear-gradient(90deg,rgba(7,10,11,.97) 0%,rgba(7,10,11,.9) 18%,rgba(7,10,11,.4) 34%,rgba(7,10,11,0) 47%),
 linear-gradient(0deg,var(--bg) 0,rgba(7,10,11,.0) 24%),
 linear-gradient(180deg,var(--bg) 0,rgba(7,10,11,.0) 26%)}
body.home .hxIn{position:relative}
body.home .hxCopy{max-width:660px}
body.home .hx h1{font-family:"Playfair Display",Georgia,"Times New Roman",serif!important;font-weight:800;font-size:clamp(40px,3.55vw,66px);line-height:1.06;letter-spacing:-1px;margin:0 0 20px;color:#fff;text-shadow:0 4px 22px rgba(0,0,0,.45)}
body.home .hx h1 em{font-style:normal;background:linear-gradient(180deg,#f6d38a,#d49c3f);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
body.home .hx p{margin:0 0 28px;max-width:470px;font-size:16px;line-height:1.55;color:#f1ede5}
body.home .hxFeat{list-style:none;margin:0;padding:0;display:flex;gap:22px;flex-wrap:wrap}
body.home .hxFeat li{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:#fff}
body.home .hxFeat span{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-size:19px;background:rgba(0,0,0,.25)}

/* ===== Booking band + ribbon ===== */
body.home .bookingBand{position:relative;z-index:5;margin-top:-62px;padding:62px 0 34px}
body.home .bookingBand:before{content:"";position:absolute;z-index:0;left:0;right:0;top:34px;height:270px;background:url(../images/v50/ribbon.png) center/100% 100% no-repeat;pointer-events:none}
body.home .bandIn{position:relative;z-index:1;max-width:1140px}
body.home .bookingShell.premiumBooking{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0 8px 8px 8px!important;background:#fff!important;color:#15130f!important;box-shadow:0 26px 70px rgba(0,0,0,.5)!important;overflow:visible!important}
body.home .bookingTabs{transform:none!important;position:absolute!important;left:0!important;right:auto!important;bottom:100%!important;top:auto!important;width:auto!important;height:auto!important;display:flex!important;gap:0;margin:0!important;padding:0!important;background:none!important;border:0!important}
body.home .bookingTabs .tab{height:46px!important;min-width:150px;padding:0 26px!important;border:0!important;border-radius:7px 7px 0 0!important;background:rgba(10,13,14,.9)!important;color:#fff!important;font:700 13px/46px inherit!important;font-family:inherit!important;cursor:pointer;opacity:1!important;margin:0!important;border-right:1px solid rgba(255,255,255,.08)!important;white-space:nowrap}
body.home .bookingTabs .tab.active{background:#fff!important;color:#15130f!important}
body.home .bookingForm{padding:28px 30px 26px!important;margin:0!important;background:#fff!important}
body.home .bookingSteps{display:none!important}
body.home .bookingStage[data-stage="1"].active{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:14px;row-gap:18px;align-items:end;position:relative}
body.home #transferForm .bookingStage[data-stage="1"] .formGrid{display:contents!important}
body.home .bookingForm label{display:block;margin:0;min-width:0;grid-column:span 3}
body.home .bookingForm label>span{display:block;margin:0 0 7px;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#6c6a64}
body.home .bookingForm .returnField{grid-column:span 3}
body.home .bookingForm label.hidden{display:none!important}
body.home .bookingForm .stepper{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;width:100%;height:48px!important}
body.home .bookingStage[data-stage="1"] .formGrid>label:nth-last-of-type(2),body.home .bookingStage[data-stage="1"] .formGrid>label:nth-last-of-type(1){grid-column:span 2}
body.home .bookingForm input:not([type=checkbox]),body.home .bookingForm select,body.home .bookingForm textarea,body.home .returnToggle{width:100%;height:48px!important;padding:0 14px!important;border:1px solid #ddd8cd!important;border-radius:6px!important;background:#fff!important;color:#15130f!important;font:500 13.5px/1 inherit!important;font-family:inherit!important;outline:0;box-shadow:none!important}
body.home .bookingForm textarea{height:90px!important;padding:12px 14px!important;line-height:1.4!important}
body.home .bookingForm input:focus,body.home .bookingForm select:focus{border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(219,166,78,.18)!important}
body.home .placeField{position:relative}
body.home .bookingForm .placeField input{padding-left:40px!important}
body.home .placeField:before{content:"";position:absolute;left:14px;top:50%;width:16px;height:16px;transform:translateY(-50%);z-index:2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23857f73' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center/contain no-repeat}
body.home .returnToggle{display:block;background:#f4efe4!important;border-color:#e6dcc6!important;color:#9a6b1e!important;font-weight:700!important;cursor:pointer;text-align:center;transition:background .2s}
body.home .returnToggle:hover{background:#eee4cd!important}
body.home .bookingForm .stepper button{width:44px;height:48px;border:1px solid #ddd8cd;background:#f7f4ee;color:#15130f;font-size:18px;cursor:pointer;padding:0}
body.home .bookingForm .stepper button:first-child{border-radius:6px 0 0 6px;border-right:0}
body.home .bookingForm .stepper button:last-child{border-radius:0 6px 6px 0;border-left:0}
body.home .bookingForm .stepper input{border-radius:0!important;text-align:center;min-width:0;padding:0 6px!important;font-weight:700!important}
body.home .swapBtn{position:absolute;z-index:4;left:calc((100% - 13px*0) * .25 - 22px);top:36px;width:34px;height:34px;border-radius:50%;border:1px solid #ddd8cd;background:#fff;color:#15130f;font-size:16px;display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 3px 10px rgba(0,0,0,.12)}
body.home .swapBtn:hover{border-color:var(--gold);color:var(--goldd)}
body.home .bookingStage[data-stage="1"] .formActions{grid-column:5/-1;justify-self:end;margin:0!important;padding:0!important;display:flex}
body.home .formActions{margin-top:18px;display:flex;justify-content:flex-end}
body.home .bookingForm .primary,body.home .bookingForm .vBtn{height:52px;padding:0 34px!important;border:0!important;border-radius:6px!important;background:linear-gradient(135deg,#e5b560,#a97722)!important;color:#fff!important;font:800 14px/1 inherit!important;font-family:inherit!important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 10px 24px rgba(169,119,34,.3)!important;text-shadow:0 1px 0 rgba(0,0,0,.18);width:auto}
body.home .bookingForm .primary:hover{filter:brightness(1.07)}
body.home .bookingForm .primary b{font-weight:600}
body.home .stageHeading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;color:#15130f}
body.home .stageHeading strong{display:block;font-size:17px}
body.home .stageHeading span{font-size:13px;color:#6c6a64}
body.home .stageBack{background:none;border:1px solid #ddd8cd;border-radius:6px;padding:10px 14px;font-weight:700;color:#15130f;cursor:pointer}
body.home .quoteSummary{display:flex;gap:14px;align-items:center;margin-bottom:14px;color:#15130f;font-size:14px}
body.home .quoteSummary span{color:#6c6a64}
body.home .vehicleChoiceGrid{display:grid;gap:12px}
body.home .vehicleChoice{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;text-align:left;padding:16px 18px;border:1px solid #ddd8cd;border-radius:8px;background:#fff;color:#15130f;cursor:pointer;font-family:inherit}
body.home .vehicleChoice:hover{border-color:var(--gold);box-shadow:0 6px 20px rgba(0,0,0,.08)}
body.home .vehicleChoice b{display:block;font-size:15px}
body.home .vehicleChoice small{display:block;color:#6c6a64;margin-top:3px}
body.home .vehicleChoice strong{font-size:20px;color:#a97722}
body.home .vehicleChoice em{font-style:normal;font-weight:800;color:#a97722}
body.home .detailGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.home .detailGrid label,body.home .detailGrid label.wide{grid-column:auto}
body.home .detailGrid label.wide{grid-column:1/-1}
body.home .reviewBox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;color:#15130f}
body.home .reviewBox div{padding:12px 14px;background:#f7f4ee;border-radius:6px}
body.home .reviewBox span{display:block;font-size:11px;color:#6c6a64;text-transform:uppercase;letter-spacing:.8px;margin-bottom:3px}
body.home .consent{display:flex!important;gap:10px;align-items:flex-start;margin:14px 0;font-size:12.5px;color:#4b4943;grid-column:auto!important}
body.home .consent input{width:auto!important;height:auto!important;margin-top:3px}
body.home .noVehicle,body.home .loading{padding:18px;background:#f7f4ee;border-radius:6px;color:#15130f}
body.home .bookingForm .details.always{margin-top:18px}
body.home #chauffeurForm .formGrid.chauffeur{display:grid!important;grid-template-columns:2fr 1fr 1.4fr!important;gap:14px!important}
body.home #chauffeurForm label{grid-column:auto}

/* ===== Services strip ===== */
body.home .svcSec{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.home .svcRow{display:grid;grid-template-columns:repeat(5,1fr)}
body.home .svcRow article{display:flex;align-items:center;gap:15px;padding:26px 22px;border-right:1px solid var(--line)}
body.home .svcRow article:first-child{padding-left:0}
body.home .svcRow article:last-child{border-right:0}
body.home .svcRow .ico{font-size:34px;color:var(--gold);stroke-width:1.4}
body.home .svcRow h3{margin:0 0 4px;font-size:14.5px;font-weight:800;color:#fff;line-height:1.25}
body.home .svcRow p{margin:0;font-size:12px;color:var(--muted)}

/* ===== Section heads ===== */
body.home .secHead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}
body.home .secHead h2{margin:0;font-size:26px;font-weight:800;letter-spacing:-.2px;color:#fff;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
body.home .secHead h2 span{font-size:15px;font-weight:500;color:#e7e3da}
body.home .secHead p{margin:6px 0 0;font-size:13px;color:var(--muted)}
body.home .secTools{display:flex;align-items:center;gap:10px}
body.home .ghostBtn{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 22px;border:1px solid #3a4142;border-radius:6px;color:#fff;text-decoration:none;font-size:13px;font-weight:700;background:rgba(255,255,255,.02);transition:border-color .2s,color .2s}
body.home .ghostBtn:hover{border-color:var(--gold);color:var(--gold2)}
body.home .arrBtn{width:44px;height:44px;border:1px solid #3a4142;border-radius:6px;background:rgba(255,255,255,.02);color:#fff;font-size:18px;cursor:pointer;padding:0}
body.home .arrBtn:hover{border-color:var(--gold);color:var(--gold2)}

/* ===== Fleet ===== */
body.home .fleetSec{position:relative;padding:50px 0 30px;background:var(--bg)}
body.home .fleetTrack{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
body.home .fleetTrack::-webkit-scrollbar{display:none}
body.home .vCard{scroll-snap-align:start;min-width:0;background:var(--panel);border:1px solid #2b3233;border-radius:8px;overflow:hidden;transition:transform .25s,border-color .25s}
body.home .vCard:hover{transform:translateY(-4px);border-color:rgba(219,166,78,.45)}
body.home .vPhoto{position:relative;height:208px;background-size:cover;background-position:center;display:flex;align-items:flex-end}
body.home .vPhoto:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,10,11,.82),rgba(7,10,11,0) 55%)}
body.home .vPhoto h3{position:relative;z-index:1;margin:0;padding:0 20px 16px;font-size:15px;font-weight:800;color:#fff}
body.home .vVito{background-image:url(../images/v50/vehicle-vito.jpg)}
body.home .vVclass{background-image:url(../images/v50/vehicle-vclass.jpg)}
body.home .vEclass{background-image:url(../images/v50/vehicle-eclass.jpg)}
body.home .vSprinter{background-image:url(../images/v50/vehicle-sprinter.jpg)}
body.home .vBody{padding:16px 20px 20px}
body.home .vFeat{list-style:none;margin:0 0 16px;padding:0;display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#d8d5cd}
body.home .vFeat li{display:flex;align-items:center;gap:7px}
body.home .vFeat .ico{font-size:16px;color:var(--gold)}
body.home .vFoot{display:flex;align-items:center;justify-content:space-between;gap:12px}
body.home .vFoot .price{display:flex;align-items:center;gap:8px}
body.home .vFoot .price strong{font-size:27px;white-space:nowrap;font-weight:800;color:var(--gold);line-height:1;letter-spacing:-.5px}
body.home .vFoot .price small{font-size:10px;line-height:1.25;color:var(--muted)}
body.home .vCard .vBtn{display:inline-flex!important;align-items:center;justify-content:center;border-radius:6px;font-weight:800;height:44px;padding:0 16px!important;font-size:12.5px!important;white-space:nowrap;flex:none;gap:8px!important;text-decoration:none;box-shadow:none!important;background:linear-gradient(135deg,#e5b560,#b98530)!important;color:#17110a!important;text-shadow:none}
body.home .vCard .vBtn:hover{filter:brightness(1.08)}

/* ===== Routes ===== */
body.home .routeSec{padding:34px 0 70px;background:var(--bg)}
body.home .rGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
body.home .rCard{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:210px;padding:18px;border:1px solid #2b3233;border-radius:8px;overflow:hidden;color:#fff;text-decoration:none;background-size:cover;background-position:center;transition:transform .25s,border-color .25s}
body.home .rCard:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,8,.9) 0%,rgba(5,7,8,.35) 42%,rgba(5,7,8,0) 70%)}
body.home .rCard>*{position:relative}
body.home .rCard:hover{transform:translateY(-4px);border-color:rgba(219,166,78,.5)}
body.home .rCard span{font-size:13px;color:#eee}
body.home .rCard b{font-size:15px;margin:2px 0 6px;font-weight:800}
body.home .rCard strong{font-size:21px;color:var(--gold);font-weight:800}
body.home .rIst{background-image:url(../images/v50/route-ist.jpg)}
body.home .rSaw{background-image:url(../images/v50/route-saw.jpg)}
body.home .rSul{background-image:url(../images/v50/route-sultanahmet.jpg)}
body.home .rBes{background-image:url(../images/v50/route-besiktas.jpg)}

/* ===== Footer / WhatsApp keep old look, small safety ===== */
body.home footer{background:#050809!important;border-top:1px solid var(--line);margin:0}
body.home .whatsapp{z-index:90}
body.home footer .footGrid{padding-top:44px!important}

/* ===== Tablet ===== */
@media(max-width:1180px){
 body.home .mainNav{gap:20px}
 body.home .mainNav>a{font-size:12.5px}
  body.home .bookingStage[data-stage="1"].active{grid-template-columns:repeat(6,minmax(0,1fr))}
 body.home .bookingForm label,body.home .bookingForm .returnField{grid-column:span 3}
 body.home .bookingStage[data-stage="1"] .formGrid>label:nth-last-of-type(2),body.home .bookingStage[data-stage="1"] .formGrid>label:nth-last-of-type(1){grid-column:span 2}
 body.home .bookingStage[data-stage="1"] .formActions{grid-column:5/-1;grid-row:auto}
 body.home .swapBtn{left:calc(50% - 17px)}
 body.home .svcRow{grid-template-columns:repeat(3,1fr)}
 body.home .svcRow article{border-bottom:1px solid var(--line)}
 body.home .svcRow article:first-child{padding-left:22px}
 body.home .svcRow article:nth-child(3){border-right:0}
 body.home .svcRow article:nth-child(n+4){border-bottom:0}
 body.home .rGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:960px){
 body.home .navBtn{display:flex}
 body.home .mainNav{position:absolute;top:88px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 22px;background:rgba(7,10,11,.97);border-bottom:1px solid var(--line);display:none}
 body.home .mainNav.open{display:flex}
 body.home .mainNav>a{padding:15px 0;border-bottom:1px solid var(--line);font-size:15px}
  body.home .mainNav>a.navCta{margin-top:16px;text-align:center;justify-content:center;border-bottom:0}
 body.home .fleetTrack{grid-auto-columns:calc((100% - 20px)/2)}
}
/* ===== Mobile ===== */
@media(max-width:720px){
 body.home .c{width:calc(100% - 28px)}
 body.home .hdIn{height:70px}
 body.home .mainNav{top:70px}
 body.home .logo{font-size:18px;letter-spacing:3px}
 body.home .hx{display:block;min-height:0;padding:70px 0 0}
 body.home .hxImg{position:relative;width:100%;height:290px;aspect-ratio:auto;background-position:62% center}
 body.home .hx:before{background:linear-gradient(0deg,var(--bg) 0,rgba(7,10,11,0) 38%),linear-gradient(180deg,var(--bg) 0,rgba(7,10,11,0) 18%),linear-gradient(90deg,rgba(7,10,11,.55),rgba(7,10,11,0) 55%);height:360px}
 body.home .hxIn{margin-top:-46px;padding-bottom:84px}
 body.home .hx h1{font-size:38px}
 body.home .hx p{font-size:14px}
 body.home .hxFeat{gap:14px}
 body.home .hxFeat li{font-size:12px}
 body.home .hxFeat span{width:32px;height:32px;font-size:16px}
 body.home .bookingBand{margin-top:-34px;padding-top:50px}
 body.home .bookingBand:before{top:40px;height:200px}
 body.home .bookingTabs{width:100%!important;display:grid!important;grid-template-columns:.85fr 1.9fr 1fr}
 body.home .bookingTabs .tab,body.home .bookingTabs .specialTab{display:block!important;min-width:0;padding:0 4px!important;font-size:10px!important;height:42px!important;line-height:42px!important;overflow:hidden;text-overflow:ellipsis}
 body.home .bookingForm{padding:20px 16px!important}
 body.home .bookingStage[data-stage="1"].active{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px}
 body.home .bookingForm label,body.home .bookingForm .returnField{grid-column:1/-1}
 body.home .bookingStage[data-stage="1"] .formGrid>label:nth-last-of-type(2),body.home .bookingStage[data-stage="1"] .formGrid>label:nth-last-of-type(1){grid-column:span 1}
 body.home .bookingStage[data-stage="1"] .formActions{grid-column:1/-1;justify-self:stretch}
 body.home .bookingStage[data-stage="1"] .formActions .primary{width:100%}
 body.home .swapBtn{left:auto;right:10px;top:54px;transform:rotate(90deg)}
 body.home .detailGrid,body.home .reviewBox{grid-template-columns:1fr}
 body.home .vehicleChoice{grid-template-columns:1fr auto}
 body.home .vehicleChoice em{display:none}
 body.home #chauffeurForm .formGrid.chauffeur{grid-template-columns:1fr!important}
 body.home .svcRow{grid-template-columns:1fr 1fr}
 body.home .svcRow article{padding:18px 12px;border-right:0!important;border-bottom:1px solid var(--line)!important;flex-direction:column;align-items:flex-start;gap:10px}
 body.home .svcRow article:first-child{padding-left:12px}
 body.home .svcRow article:last-child{grid-column:1/-1}
 body.home .secHead{flex-direction:column;align-items:stretch}
 body.home .secHead h2{font-size:23px}
 body.home .secTools .arrBtn{display:none}
 body.home .ghostBtn{width:100%;justify-content:center}
 body.home .fleetTrack{grid-auto-columns:86%;gap:14px}
 body.home .vPhoto{height:190px}
 body.home .vFoot{flex-direction:column;align-items:stretch;gap:14px}
 body.home .vFoot .price{justify-content:flex-start}
 body.home .vCard .vBtn{width:100%}
 body.home .rGrid{gap:12px}
 body.home .rCard{height:170px;padding:14px}
 body.home .rCard span{font-size:11.5px}
 body.home .rCard b{font-size:13.5px}
 body.home .rCard strong{font-size:18px}
 body.home .routeSec{padding-bottom:50px}
}

/* ===== V5.1 language switcher ===== */
body.home .langWrap{position:relative;border-left:1px solid rgba(255,255,255,.2);padding-left:22px}
body.home .langBtn{display:inline-flex;align-items:center;gap:7px;background:none;border:0;color:#fff;font:700 13.5px inherit;font-family:inherit;cursor:pointer;padding:6px 0}
body.home .langBtn .ico{width:16px;height:16px}
body.home .langBtn .ico:last-child{width:13px;height:13px;transition:transform .2s}
body.home .langWrap.open .langBtn .ico:last-child{transform:rotate(180deg)}
body.home .langMenu{position:absolute;top:calc(100% + 14px);right:0;min-width:170px;list-style:none;margin:0;padding:6px;background:rgba(10,13,14,.98);border:1px solid #2b3233;border-radius:8px;box-shadow:0 18px 44px rgba(0,0,0,.55);display:none;z-index:100}
body.home .langWrap.open .langMenu{display:block}
body.home .langMenu button{display:flex;width:100%;gap:12px;align-items:center;padding:11px 12px;background:none;border:0;border-radius:6px;color:#fff;font:600 13.5px inherit;font-family:inherit;cursor:pointer;text-align:start}
body.home .langMenu button b{width:24px;color:var(--gold);font-size:12px;letter-spacing:.5px}
body.home .langMenu button:hover,body.home .langMenu button.on{background:rgba(219,166,78,.15)}
@media(max-width:1180px){body.home .langWrap{padding-left:14px}}
@media(max-width:960px){
 body.home .langWrap{border-left:0;padding:14px 0;border-bottom:1px solid var(--line)}
 body.home .langWrap .langBtn{display:none}
 body.home .langMenu{position:static;display:flex;gap:8px;min-width:0;background:none;border:0;box-shadow:none;padding:0}
 body.home .langMenu li{flex:1}
 body.home .langMenu button{justify-content:center;border:1px solid var(--line);padding:11px 6px}
 body.home .langMenu button.on{border-color:var(--gold)}
}

/* ===== V5.1 RTL (Arabic) ===== */
html[dir=rtl] body.home{font-family:"Segoe UI",Tahoma,"Noto Sans Arabic",Arial,sans-serif!important}
html[dir=rtl] body.home *{letter-spacing:0!important}
html[dir=rtl] body.home .hx h1{font-family:"Segoe UI",Tahoma,"Noto Sans Arabic",Arial,sans-serif!important;line-height:1.3;font-weight:800}
html[dir=rtl] body.home .logo{direction:ltr}
html[dir=rtl] body.home .hxIn{direction:ltr}
html[dir=rtl] body.home .hxCopy{direction:rtl;text-align:right}
html[dir=rtl] body.home .langWrap{border-left:0;padding-left:0;border-right:1px solid rgba(255,255,255,.2);padding-right:22px}
html[dir=rtl] body.home .langMenu{right:auto;left:0}
html[dir=rtl] body.home .bookingTabs{left:auto!important;right:0!important}
html[dir=rtl] body.home .bookingShell.premiumBooking{border-radius:8px 0 8px 8px!important}
html[dir=rtl] body.home .bookingTabs .tab{border-radius:7px 7px 0 0!important}
html[dir=rtl] body.home .bookingForm .placeField input{padding-left:14px!important;padding-right:40px!important}
html[dir=rtl] body.home .placeField:before{left:auto;right:14px}
html[dir=rtl] body.home .bookingForm .stepper{direction:ltr}
html[dir=rtl] body.home .swapBtn{left:auto;right:calc(25% - 22px)}
html[dir=rtl] body.home .svcRow article{border-right:0;border-left:1px solid var(--line)}
html[dir=rtl] body.home .svcRow article:last-child{border-left:0}
html[dir=rtl] body.home .svcRow article:first-child{padding-left:22px;padding-right:0}
html[dir=rtl] body.home .vFeat,html[dir=rtl] body.home .hxFeat{direction:rtl}
@media(max-width:1180px){
 html[dir=rtl] body.home .langWrap{padding-right:14px}
 html[dir=rtl] body.home .swapBtn{right:auto;left:calc(50% - 17px)}
 html[dir=rtl] body.home .svcRow article:first-child{padding-right:22px}
 html[dir=rtl] body.home .svcRow article:nth-child(3){border-left:0}
}
@media(max-width:960px){html[dir=rtl] body.home .langWrap{border-right:0;padding-right:0}}
@media(max-width:720px){
 html[dir=rtl] body.home .swapBtn{right:auto;left:10px}
 html[dir=rtl] body.home .svcRow article{border-left:0!important}
 html[dir=rtl] body.home .svcRow article:first-child{padding-right:12px;padding-left:12px}
}
/* V5.1 RTL hero: keep copy clear of the couple */
html[dir=rtl] body.home .hxCopy{max-width:clamp(300px,calc(38vw - 20px - (100vw - min(1280px,100vw - 48px))/2),560px)}
html[dir=rtl] body.home .hx h1{font-size:clamp(30px,2.9vw,52px)}
html[dir=rtl] body.home .hx p{max-width:100%}
@media(max-width:720px){html[dir=rtl] body.home .hxCopy{max-width:none}html[dir=rtl] body.home .hx h1{font-size:34px}}
