:root{--blue:#087cf0;--blue2:#0757bd;--sky:#eaf6ff;--teal:#0ca6a6;--orange:#ff8a24;--gold:#ffbf36;--ink:#102b52;--muted:#60758f;--paper:#fff;--line:#dce9f5;--green:#08b967}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}.wrap{width:min(1240px,94%);margin:auto}.topbar{background:#083b78;color:white;font-size:12px;padding:8px 0}.topinner{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.topinner a{color:#ffcf64}header{position:sticky;top:0;z-index:30;background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 4px 20px #0b4d7a0a}.nav{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:78px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.04em;font-size:13px;color:#092f66}.brand img{width:54px;height:54px;object-fit:cover;border-radius:50%;border:2px solid var(--gold)}.brand small{display:block;font-size:9px;letter-spacing:.16em;color:#56708f;font-weight:700}.links{display:flex;gap:15px;align-items:center;font-size:12px;color:#244768;font-weight:700}.links a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:10px;background:var(--blue);color:white;font-weight:800;border:1px solid var(--blue);box-shadow:0 5px 14px #087cf020;transition:.2s}.btn:hover{transform:translateY(-2px);background:var(--blue2)}.btn.outline{background:white;color:var(--blue);border-color:#b8d8ff;box-shadow:none}.menu,.lang{display:none;background:white;color:var(--ink);border:1px solid var(--line);padding:9px 11px;border-radius:8px}.hero{position:relative;min-height:510px;display:flex;align-items:center;overflow:hidden;background:#dceeff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f6fbffff 0%,#f6fbfff0 35%,#f6fbff5c 66%,#f6fbff10 100%),var(--hero) center/cover}.hero-content{position:relative;max-width:680px;padding:74px 0}.eyebrow{color:#ed7813;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:900}.hero h1{font-size:clamp(38px,5.4vw,68px);line-height:1.03;letter-spacing:-.04em;margin:16px 0;color:#092d64}.hero h1 span{color:var(--blue)}.hero p{max-width:570px;color:#284969;font-size:17px;font-weight:500}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.section{padding:68px 0}.light{background:linear-gradient(180deg,#f3faff,#fff);color:var(--ink)}.head{margin-bottom:27px}.head h2,.content h2{font-size:clamp(28px,3.8vw,43px);line-height:1.12;margin:8px 0;color:#0a3169}.lead{max-width:700px;color:#60758f}.light .lead{color:#60758f}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{border-radius:15px;overflow:hidden;background:#fff;border:1px solid #e0eaf4;box-shadow:0 7px 25px #123c6410;transition:transform .2s,box-shadow .2s}.tile:hover{transform:translateY(-3px);box-shadow:0 12px 28px #123c6419}.tile img{width:100%;height:225px;object-fit:cover;transition:transform .4s}.tile:hover img{transform:scale(1.025)}.tile-body{padding:18px}.tile h3{font-size:20px;line-height:1.2;margin:0 0 8px;color:#10386d}.tile p{color:#61768c;font-size:14px;margin:0 0 15px}.specs{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#5b7189;margin:12px 0}.tile .btn{width:100%}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.split img{height:420px;width:100%;object-fit:cover;border-radius:17px;box-shadow:0 12px 28px #123c6417}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.checks div{border:1px solid #dce9f5;background:#fff;border-radius:10px;padding:12px;font-size:13px}.checks span{color:var(--teal);margin-right:7px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gallery button{padding:0;border:0;border-radius:12px;overflow:hidden;background:#e6f3ff;aspect-ratio:1.2;position:relative;box-shadow:0 4px 14px #123c6414}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.gallery button:hover img{transform:scale(1.06)}.gallery button:after{content:"↗";position:absolute;right:9px;bottom:9px;background:#087cf0e8;color:white;border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.banner{background:linear-gradient(110deg,#087cf0,#0ba9c6);color:white;padding:36px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 12px 28px #087cf025}.banner h2{font-size:clamp(27px,4vw,39px);margin:0;color:white}.banner p{margin:7px 0 0;color:#e7f5ff}.banner .btn{background:#ff9b2f;color:#132d4c;border-color:#ff9b2f;white-space:nowrap}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.review{background:white;border:1px solid #e0eaf4;border-radius:13px;padding:22px;box-shadow:0 6px 20px #123c6408}.review p{color:#5e7188}.stars{color:#ff9b2f;letter-spacing:3px}footer{padding:48px 0 22px;background:#082f63;color:white}.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}.footgrid p,.footgrid a{font-size:13px;color:#d0e4f8}.footgrid h4{margin-top:0;color:#fff}.footgrid .brand{color:white}.footgrid .brand small{color:#b8d8f2}.socials{display:flex;gap:8px;flex-wrap:wrap}.socials a{border:1px solid #ffffff40;padding:8px 10px;border-radius:8px}.copyright{border-top:1px solid #ffffff2b;margin-top:28px;padding-top:17px;color:#b5cde4;font-size:11px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.float-wa{position:fixed;z-index:35;right:16px;bottom:16px;background:#10bd69;color:white;font-weight:900;border-radius:50px;padding:13px 17px;box-shadow:0 8px 28px #0003}.modal{position:fixed;z-index:100;inset:0;background:#071d38ed;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal img{max-width:min(1100px,95vw);max-height:84vh;object-fit:contain;border-radius:8px}.modal button{position:absolute;top:16px;right:18px;border:1px solid #ffffff80;background:#102b52;color:white;border-radius:50%;width:43px;height:43px;font-size:24px}.modal .prev,.modal .next{top:50%;font-size:28px}.modal .prev{left:18px}.modal .next{right:18px}.crumb{font-size:12px;color:#60758f;margin-bottom:14px}.crumb a{color:var(--blue)}.faq details{padding:16px 0;border-bottom:1px solid #dce9f5}.faq summary{cursor:pointer;font-weight:800;color:#10386d}.faq p{color:#60758f}
@media(max-width:1000px){.links{gap:10px;font-size:11px}.nav>.btn{display:none}.lang,.menu{display:block}.links{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:18px 4%;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.links.show{display:flex}.cards{grid-template-columns:repeat(2,1fr)}.split{gap:25px}.gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.topinner{font-size:10px}.brand{font-size:11px}.brand img{width:44px;height:44px}.hero{min-height:460px}.hero:before{background:linear-gradient(90deg,#f6fbfff5 0%,#f6fbffdf 65%,#f6fbff85 100%),var(--hero) center/cover}.hero-content{padding:58px 0}.hero p{font-size:15px}.section{padding:52px 0}.cards,.split,.review-grid{grid-template-columns:1fr}.tile img{height:220px}.split img{height:300px}.checks{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.footgrid{grid-template-columns:1fr}.banner{padding:24px;align-items:flex-start;flex-direction:column}.float-wa{right:10px;bottom:10px;padding:11px 14px;font-size:13px}}


/* Fleet cards: show the complete vehicle without zoom-cropping */
.vehicle-preview img{width:100%;height:250px;object-fit:contain!important;object-position:center;background:#f0f4f8;padding:10px;box-sizing:border-box}
.vehicle-preview .tile-body{display:flex;flex-direction:column;align-items:stretch}
.vehicle-preview .btn{margin-top:12px}
.booking-panel{max-width:980px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(18px,3vw,34px);box-shadow:0 14px 40px rgba(20,55,90,.08)}
.booking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.booking-grid label{display:flex;flex-direction:column;gap:8px;color:var(--navy,#12345a);font-weight:700;font-size:14px}
.booking-grid input,.booking-grid select,.booking-grid textarea{width:100%;min-width:0;border:1px solid #d7e2ed;border-radius:10px;padding:12px 13px;font:inherit;color:#21364b;background:#fff;box-sizing:border-box}
.booking-grid input:focus,.booking-grid select:focus,.booking-grid textarea:focus{outline:2px solid #1680ed;outline-offset:1px}
.booking-wide{grid-column:1/-1}
.estimate{font-size:22px;font-weight:800;color:#0879df;padding:8px 0}
.booking-note{font-size:13px;line-height:1.6;color:#65758a;margin:18px 0}
.booking-submit{border:0;cursor:pointer;width:100%;font:inherit;font-weight:800}
@media(max-width:600px){.vehicle-preview img{height:220px}.booking-grid{grid-template-columns:1fr}.booking-wide{grid-column:auto}}

/* Vehicle photos: show the whole car without zoom/cropping */
#fleet-photo-grid .tile > img,
#fleet-photo-grid .tile .vehicle-cover,
.vehicle-card img,.fleet-card img {
  width:100%; height:260px; object-fit:contain !important; object-position:center;
  background:#f2f6fa; padding:8px;
}
#gallery-main { width:100%; height: min(58vh,520px); object-fit:contain !important; background:#f2f6fa; }
#modalImg { max-width:94vw; max-height:84vh; object-fit:contain !important; }
.lang-currency-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-left:8px}
.lang-currency-tools select{border:1px solid #cbd9e8;border-radius:9px;padding:8px 9px;background:#fff;color:#102b52;font:600 13px Arial;max-width:130px}
@media(max-width:900px){.lang-currency-tools{margin:8px 0}.lang-currency-tools select{flex:1;min-width:110px}}

/* Keep vehicle photos fully visible in category and gallery cards */
#fleet-photo-grid .tile img {object-fit:contain !important; object-position:center center !important; background:#eef3f8 !important;}
#fleet-photo-grid .tile > img {height:260px !important; padding:10px !important;}
#fleet-photo-grid .tile .thumbs img {height:78px !important; padding:3px !important; object-fit:contain !important;}
.vehicle-gallery img {object-fit:contain !important;}