/* ============================================================
   EuroRent24 — Sixt-inspired Modern Design System
   Pure black · pure white · signature red. Bold typography.
   Sharp corners, generous whitespace, image-forward.
   ============================================================ */
/* Font imports moved to single variable-font import below */

:root{
	/* Brand */
	--red:#e60000;
	--red-dark:#b80000;
	--red-light:#ff1a1a;

	/* Neutrals */
	--black:#000000;
	--ink:#0a0a0a;
	--ink-2:#1a1a1a;
	--smoke:#f4f4f4;
	--smoke-2:#ebebeb;
	--line:#e2e2e2;
	--line-dark:rgba(255,255,255,.12);
	--mute:#6b6b6b;
	--mute-2:#9b9b9b;
	--white:#ffffff;

	/* WhatsApp badge only */
	--wa:#25D366;
	--wa-dark:#1ebe57;

	/* Type */
	--font:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	--display:'Inter Tight','Inter',sans-serif;

	/* Layout */
	--max:1280px;
	--gutter:28px;
	--header-h:78px;
}

/* ----- Reset / base ----- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip;}
body{
	margin:0;
	font-family:var(--font);
	color:var(--ink);
	background:var(--white);
	line-height:1.55;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	overflow-x:clip;
	max-width:100vw;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;}
::selection{background:var(--red);color:#fff;}

.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter);}

/* ============================================================
   TOPBAR (thin black info strip)
   ============================================================ */
.topbar{background:var(--black);color:#fff;font-size:12px;letter-spacing:.4px;}
.topbar .wrap{
	display:flex;align-items:center;justify-content:space-between;
	min-height:36px;padding-top:6px;padding-bottom:6px;gap:18px;
}
.topbar .tb-left{display:flex;gap:24px;flex-wrap:wrap;}
.topbar .tb-left a{color:#cfcfcf;display:inline-flex;align-items:center;gap:8px;}
.topbar .tb-left a:hover{color:var(--red-light);}
.topbar .tb-ico{color:var(--red);}
.topbar .tb-right{display:flex;gap:8px;}
.topbar .tb-right a{
	width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;
	border:1px solid rgba(255,255,255,.25);border-radius:0;font-size:11px;color:#fff;
	transition:background .15s,border-color .15s;
}
.topbar .tb-right a:hover{background:var(--red);border-color:var(--red);}

/* ============================================================
   HEADER
   ============================================================ */
.site-header{
	position:sticky;top:0;z-index:200;
	background:rgba(255,255,255,.97);
	border-bottom:1px solid var(--line);
	backdrop-filter:saturate(160%) blur(8px);
	-webkit-backdrop-filter:saturate(160%) blur(8px);
}
.site-header .wrap{
	display:flex;align-items:center;justify-content:space-between;
	min-height:var(--header-h);gap:24px;
}

/* Brand: real EuroRent24 logo image */
.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;line-height:0;}
.brand img{
	display:block;height:42px;width:auto;
	transition:transform .25s ease,filter .25s ease;
}
.brand:hover img{transform:translateY(-1px);filter:drop-shadow(0 6px 14px rgba(230,0,0,.35));}
.site-header .brand img{height:44px;}
.foot-grid .brand img{height:46px;}
@media (max-width:640px){.brand img{height:36px;}.site-header .brand img{height:36px;}}
/* Legacy fallbacks (kept harmless if old markup re-appears) */
.brand-mark{
	width:38px;height:38px;border-radius:0;
	background:var(--red);color:#fff;
	display:inline-flex;align-items:center;justify-content:center;
	font-size:18px;font-weight:900;
}
.brand .brand-text{display:inline-flex;align-items:baseline;gap:0;}
.brand em,.brand span{color:var(--red);font-style:normal;font-weight:900;}
.brand-tag{
	display:none;
	font-size:10px;letter-spacing:2px;color:var(--mute);font-weight:700;text-transform:uppercase;
	margin-left:14px;border-left:2px solid var(--red);padding-left:14px;
}
@media (min-width:1100px){.brand-tag{display:inline-block;}}

.nav{display:flex;align-items:center;gap:4px;}
.nav>a{
	color:var(--ink);
	padding:10px 16px;
	font-size:14px;font-weight:600;letter-spacing:.2px;
	border-bottom:2px solid transparent;
	transition:color .15s,border-color .15s;
}
.nav>a:hover{color:var(--red);}
.nav>a.active{color:var(--ink);border-bottom-color:var(--red);}
.nav .nav-cta{
	position:relative;overflow:hidden;
	margin-left:8px;background:var(--red);color:#fff;
	padding:12px 22px;border-radius:0;font-size:13px;font-weight:800;
	letter-spacing:1.2px;text-transform:uppercase;
	border-bottom:0;
	display:inline-flex;align-items:center;gap:8px;
	box-shadow:0 8px 22px -10px rgba(230,0,0,.65);
	transition:background .2s,transform .2s,box-shadow .25s,letter-spacing .25s;
}
.nav .nav-cta::before{
	content:"";position:absolute;top:0;left:-100%;height:100%;width:100%;
	background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);
	transition:left .55s ease;
}
.nav .nav-cta:hover{background:var(--red-dark);transform:translateY(-1px);box-shadow:0 14px 30px -8px rgba(230,0,0,.8);letter-spacing:1.6px;color:#fff;}
.nav .nav-cta:hover::before{left:100%;}
.nav .nav-cta .ic-arrow{transition:transform .2s ease;}
.nav .nav-cta:hover .ic-arrow{transform:translateX(3px);}

.burger{display:none;background:transparent;border:0;color:var(--ink);font-size:26px;cursor:pointer;padding:6px;line-height:1;}

/* Language switcher */
.lang-switch{
	display:inline-flex;align-items:center;
	border:1px solid var(--ink);border-radius:0;
	overflow:hidden;font-size:11px;font-weight:800;letter-spacing:.8px;
}
.lang-switch a{padding:6px 10px;color:var(--ink);transition:background .15s,color .15s;border-bottom:0;}
.lang-switch a.active,.lang-switch a:hover{background:var(--ink);color:#fff;}

/* ============================================================
   BUTTONS — premium
   ============================================================ */
.btn{
	position:relative;overflow:hidden;
	display:inline-flex;align-items:center;justify-content:center;gap:10px;
	padding:16px 32px;border-radius:0;
	font-family:var(--font);
	font-weight:800;letter-spacing:1.2px;text-transform:uppercase;font-size:13px;
	border:0;cursor:pointer;line-height:1;
	transition:background .2s,color .2s,transform .2s,box-shadow .25s,letter-spacing .25s;
}
.btn::before{
	content:"";position:absolute;top:0;left:-100%;height:100%;width:100%;
	background:linear-gradient(120deg,transparent,rgba(255,255,255,.28),transparent);
	transition:left .55s ease;pointer-events:none;
}
.btn:hover::before{left:100%;}
.btn:hover{transform:translateY(-2px);letter-spacing:1.6px;}
.btn:active{transform:translateY(0);}

.btn .ic{flex:0 0 auto;display:inline-flex;}
.btn-arrow::after{content:"→";margin-left:6px;transition:transform .2s ease;display:inline-block;}
.btn-arrow:hover::after{transform:translateX(5px);}

.btn-primary{
	background:linear-gradient(135deg,var(--red),var(--red-light));color:#fff;
	box-shadow:0 12px 28px -10px rgba(230,0,0,.65);
}
.btn-primary:hover{box-shadow:0 18px 36px -10px rgba(230,0,0,.85);background:linear-gradient(135deg,var(--red-dark),var(--red));}

.btn-ghost{background:transparent;color:var(--ink);border:2px solid var(--ink);}
.btn-ghost:hover{background:var(--ink);color:#fff;box-shadow:0 14px 28px -10px rgba(0,0,0,.55);}

.btn-light{background:#fff;color:var(--ink);box-shadow:0 12px 24px -12px rgba(0,0,0,.45);}
.btn-light:hover{background:#f0f0f0;}

.btn-wa{
	background:linear-gradient(135deg,#25D366,#1ebe57);color:#fff;
	box-shadow:0 12px 28px -10px rgba(37,211,102,.6);
}
.btn-wa:hover{box-shadow:0 18px 36px -10px rgba(37,211,102,.8);background:linear-gradient(135deg,#1ebe57,#25D366);color:#fff;}

.btn-dark{background:var(--ink);color:#fff;box-shadow:0 12px 24px -12px rgba(0,0,0,.55);}
.btn-dark:hover{background:#000;}

.btn-block{width:100%;}

/* WhatsApp icon (inline SVG) */
.ic-wa{width:18px;height:18px;display:inline-block;flex:0 0 18px;}
.btn .ic-wa,.nav-cta .ic-wa,.a-wa .ic-wa,.car-actions .a-wa .ic-wa{fill:currentColor;}
.info-row .ico .ic-wa{width:18px;height:18px;}
.book-float .ic-arrow,.nav-cta .ic-arrow{width:14px;height:14px;}


/* ============================================================
   HERO
   ============================================================ */
.hero{
	position:relative;
	min-height:88vh;
	display:flex;align-items:flex-end;
	overflow:hidden;background:var(--ink);
}
.hero-slider{position:absolute;inset:0;z-index:0;}
.hero-slider .slide{
	position:absolute;inset:0;
	background-size:cover;background-position:center;
	opacity:0;transition:opacity 1.4s ease;
	transform:scale(1.05);
	animation:slowZoom 14s ease-in-out infinite alternate;
}
.hero-slider .slide.active{opacity:1;}
@keyframes slowZoom{from{transform:scale(1.05);}to{transform:scale(1.12);}}

/* gradient: heavy at bottom-left for legibility, transparent right */
.hero::after{
	content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
	background:
		linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 50%,rgba(0,0,0,.85) 100%),
		linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.15) 55%,rgba(0,0,0,0) 100%);
}

.hero .wrap{position:relative;z-index:2;color:#fff;width:100%;padding-top:80px;padding-bottom:60px;}

.hero-eyebrow{
	display:inline-flex;align-items:center;gap:14px;
	font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:800;
	color:#fff;margin-bottom:18px;
}
.hero-eyebrow::before{content:"";width:36px;height:2px;background:var(--red);}

.hero-brand{
	font-family:var(--display);
	font-size:clamp(56px,11vw,160px);
	line-height:.92;letter-spacing:-2px;
	margin:0 0 8px;text-transform:uppercase;color:#fff;font-weight:400;
}
.hero-tag{
	display:flex;flex-wrap:wrap;gap:22px;align-items:center;
	font-size:clamp(20px,2.4vw,32px);letter-spacing:5px;text-transform:uppercase;font-weight:800;
	color:#fff;margin-bottom:32px;
}
.hero-tag span{position:relative;}
.hero-tag span+span::before{content:"·";color:var(--red);margin-right:18px;font-size:32px;line-height:0;}

.lead,.hero .lead{
	max-width:640px;color:rgba(255,255,255,.92);
	font-size:clamp(15px,1.3vw,17px);line-height:1.6;
	margin:0 0 28px;
}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;}
.hero-perks{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;margin:20px 0 0;padding:0;}
.hero-perks li{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:rgba(255,255,255,.82);}
.hero-perks li svg{width:18px;height:18px;flex-shrink:0;}

/* Booking widget overlay (sticky-feeling card sitting at bottom of hero) */
.book-card{
	margin-top:46px;background:#fff;color:var(--ink);
	border-top:4px solid var(--red);
	box-shadow:0 24px 60px -24px rgba(0,0,0,.4);
	border-radius:0;
	padding:22px;
}
.book-card form{
	display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:end;
}
.book-field label{
	display:block;font-size:11px;font-weight:800;letter-spacing:1.2px;
	text-transform:uppercase;color:var(--mute);margin-bottom:6px;
}
.book-field input,.book-field select{
	width:100%;border:0;border-bottom:2px solid var(--ink);
	padding:8px 0;font-size:15px;font-weight:600;color:var(--ink);
	background:transparent;border-radius:0;outline:none;
	transition:border-color .15s;
	font-family:inherit;
}
.book-field input:focus,.book-field select:focus{border-color:var(--red);}
.book-card .btn{height:48px;padding:0 22px;}
@media (max-width:980px){
	.book-card form{grid-template-columns:1fr 1fr;}
	.book-card .btn{grid-column:1/-1;}
}

/* Watch reel CTA */
.video-cta{
	position:absolute;right:32px;bottom:200px;z-index:3;
	display:none;align-items:center;gap:14px;color:#fff;
	background:rgba(0,0,0,.4);padding:10px 16px 10px 10px;
	backdrop-filter:blur(8px);
}
.video-cta:hover{background:rgba(0,0,0,.6);}
.play-orb{
	width:46px;height:46px;border-radius:50%;background:var(--red);color:#fff;
	display:inline-flex;align-items:center;justify-content:center;font-size:14px;
}
.video-cta b{display:block;font-size:13px;letter-spacing:.6px;text-transform:uppercase;}
.video-cta small{display:block;font-size:11px;color:#cfcfcf;letter-spacing:.4px;}
@media (min-width:1100px){.video-cta{display:inline-flex;}}

/* Slider arrows + dots */
.slide-arrows{
	position:absolute;left:0;right:0;top:50%;z-index:3;
	display:flex;justify-content:space-between;padding:0 24px;pointer-events:none;
}
.slide-arrows button{
	pointer-events:all;
	width:48px;height:48px;border:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.25);
	color:#fff;font-size:24px;cursor:pointer;border-radius:0;line-height:1;
	transition:background .15s,border-color .15s;
}
.slide-arrows button:hover{background:var(--red);border-color:var(--red);}
.slide-dots{
	position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:3;
	display:flex;gap:8px;
}
.slide-dots button{
	width:24px;height:3px;border:0;border-radius:0;background:rgba(255,255,255,.35);cursor:pointer;
	transition:background .15s,width .2s;
}
.slide-dots button.active{background:var(--red);width:36px;}

/* ============================================================
   MARQUEE
   ============================================================ */
.marquee{
	background:var(--black);color:#fff;
	overflow:hidden;border-top:1px solid var(--ink-2);border-bottom:1px solid var(--ink-2);
}
.marquee-track{
	display:flex;gap:48px;
	font-family:var(--display);font-size:38px;letter-spacing:2px;text-transform:uppercase;
	white-space:nowrap;padding:18px 0;
	animation:scroll 28s linear infinite;
}
.marquee-track span{display:inline-flex;align-items:center;gap:48px;}
.marquee-track span::after{content:"●";color:var(--red);margin-left:48px;font-size:14px;}
.marquee-track .dim{color:var(--mute);}
@keyframes scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ============================================================
   SECTIONS
   ============================================================ */
.sec{padding:96px 0;background:#fff;}
.sec-alt{background:var(--smoke);}
.sec-dark{background:var(--ink);color:#fff;}
.sec-dark .kicker{color:var(--red-light);}

.sec-title{margin-bottom:56px;max-width:880px;}
.sec-title .kicker{
	display:inline-block;font-size:12px;letter-spacing:3px;text-transform:uppercase;
	font-weight:800;color:var(--red);margin-bottom:14px;
	border-left:3px solid var(--red);padding-left:12px;
}
.sec-title h2{
	font-family:var(--display);
	font-size:clamp(36px,5vw,64px);
	font-weight:400;line-height:1;letter-spacing:-1px;
	margin:0;text-transform:uppercase;color:var(--ink);
}
.sec-dark .sec-title h2{color:#fff;}

.sec-title.center{text-align:center;margin-left:auto;margin-right:auto;}
.sec-title.center .kicker{border-left:0;padding:0;}

/* ============================================================
   FLEET GRID (Sixt-style cards: white, sharp corners, red bar on hover)
   ============================================================ */
.fleet-grid{
	display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;
}
.car-card{
	background:#fff;border:1px solid var(--line);border-radius:0;
	overflow:hidden;display:flex;flex-direction:column;
	transition:transform .25s,box-shadow .25s,border-color .25s;
	position:relative;
}
.sec-alt .car-card,.sec-dark .car-card{background:#fff;color:var(--ink);}
.car-card::before{
	content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--red);
	transform:scaleX(0);transform-origin:left;transition:transform .3s ease;
}
.car-card:hover{transform:translateY(-4px);box-shadow:0 30px 50px -28px rgba(0,0,0,.35);border-color:var(--ink);}
.car-card:hover::before{transform:scaleX(1);}

.car-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--smoke-2);}
.car-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.car-card:hover .car-thumb img{transform:scale(1.04);}
.car-badge{
	position:absolute;top:14px;left:14px;
	background:var(--ink);color:#fff;
	font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:800;
	padding:6px 10px;border-radius:0;
}
.car-card:hover .car-badge{background:var(--red);}

.car-body{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1;}
.car-body h3{
	margin:0 0 10px;font-size:22px;font-weight:800;letter-spacing:-.3px;color:var(--ink);
}
.car-meta{
	display:flex;flex-wrap:wrap;gap:14px;
	font-size:12px;letter-spacing:.6px;color:var(--mute);text-transform:uppercase;font-weight:700;
	margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line);
}
.car-meta span{position:relative;padding-left:14px;}
.car-meta span::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:var(--red);}
.car-meta span:first-child{padding-left:0;}
.car-meta span:first-child::before{display:none;}

.car-actions{display:flex;gap:10px;margin-top:auto;}
.car-actions .a-wa,.car-actions .a-info{
	position:relative;overflow:hidden;
	flex:1;text-align:center;padding:13px 14px;font-size:12px;font-weight:800;
	letter-spacing:1.1px;text-transform:uppercase;border-radius:0;
	display:inline-flex;align-items:center;justify-content:center;gap:8px;
	transition:background .2s,color .2s,letter-spacing .25s,box-shadow .25s,transform .2s;
}
.car-actions .a-wa::before,.car-actions .a-info::before{
	content:"";position:absolute;top:0;left:-100%;height:100%;width:100%;
	background:linear-gradient(120deg,transparent,rgba(255,255,255,.3),transparent);
	transition:left .55s ease;pointer-events:none;
}
.car-actions .a-wa:hover::before,.car-actions .a-info:hover::before{left:100%;}
.car-actions .a-wa{
	background:linear-gradient(135deg,var(--red),var(--red-light));color:#fff;
	box-shadow:0 10px 22px -12px rgba(230,0,0,.55);
}
.car-actions .a-wa:hover{
	background:linear-gradient(135deg,var(--red-dark),var(--red));
	box-shadow:0 16px 30px -12px rgba(230,0,0,.75);
	letter-spacing:1.5px;transform:translateY(-1px);color:#fff;
}
.car-actions .a-info{background:transparent;color:var(--ink);border:2px solid var(--ink);}
.car-actions .a-info:hover{background:var(--ink);color:#fff;letter-spacing:1.5px;transform:translateY(-1px);}

.fleet-cta{margin-top:48px;text-align:center;}

/* Filters (fleet page) */
.filters{
	display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;
	border-bottom:1px solid var(--line);padding-bottom:24px;
}
.filter-btn{
	background:transparent;border:1px solid var(--line);color:var(--ink);
	padding:10px 18px;border-radius:0;font-size:12px;font-weight:800;
	letter-spacing:1px;text-transform:uppercase;cursor:pointer;
	transition:background .15s,color .15s,border-color .15s;
}
.filter-btn:hover{border-color:var(--ink);}
.filter-btn.active{background:var(--ink);color:#fff;border-color:var(--ink);}

/* ============================================================
   FACTS / STATS BAND
   ============================================================ */
.facts-sec{position:relative;background:var(--ink);color:#fff;overflow:hidden;}
.facts-bg{
	position:absolute;inset:0;z-index:0;
	background:radial-gradient(circle at 20% 20%,rgba(230,0,0,.18),transparent 50%),
	          radial-gradient(circle at 80% 80%,rgba(230,0,0,.12),transparent 60%);
}
.facts-sec .wrap{position:relative;z-index:1;}
.facts-sec .sec-title h2{color:#fff;}
.facts-grid{
	display:grid;grid-template-columns:repeat(4,1fr);gap:24px;
}
.fact{
	padding:36px 28px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);
	transition:background .2s,border-color .2s;
}
.fact:hover{border-color:var(--red);background:rgba(230,0,0,.06);}
.fact b{
	display:block;font-family:var(--display);font-size:64px;line-height:1;font-weight:400;
	color:var(--red);margin-bottom:8px;letter-spacing:-1px;
}
.fact span{font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:#cfcfcf;font-weight:700;}
@media (max-width:780px){.facts-grid{grid-template-columns:1fr 1fr;}}

/* ============================================================
   USP CARDS (about/index)
   ============================================================ */
.usp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;}
.usp-card{
	background:#fff;padding:36px 28px;border-bottom:3px solid var(--red);
	border-top:1px solid var(--line);border-left:1px solid var(--line);border-right:1px solid var(--line);
	transition:transform .2s,box-shadow .2s;
}
.usp-card:hover{transform:translateY(-4px);box-shadow:0 24px 40px -22px rgba(0,0,0,.2);}
.usp-icon{
	width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;
	background:var(--ink);color:#fff;font-size:22px;font-weight:900;margin-bottom:18px;
}
.usp-card h3{margin:0 0 10px;font-size:18px;font-weight:800;letter-spacing:-.2px;color:var(--ink);}
.usp-card p{margin:0;color:var(--mute);font-size:14px;line-height:1.6;}

/* ============================================================
   ABOUT SPLIT
   ============================================================ */
.about-split{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;}
.about-split h2{
	font-family:var(--display);font-size:clamp(40px,5vw,72px);line-height:1;font-weight:400;
	margin:0 0 22px;letter-spacing:-1px;text-transform:uppercase;
}
.about-split p{color:var(--mute);font-size:15px;line-height:1.75;margin:0 0 16px;}
.about-split img{width:100%;height:100%;object-fit:cover;border-radius:0;border-bottom:4px solid var(--red);}
.about-reel-wrap{position:relative;overflow:hidden;border-bottom:4px solid var(--red);background:#000;line-height:0;}
.about-reel-vid{width:100%;display:block;object-fit:cover;}
.reel-play-btn{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(0,0,0,0);transition:background .25s;text-decoration:none;color:#fff;}
.reel-play-btn:hover{background:rgba(0,0,0,.4);}
.reel-play-btn .play-orb{width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.5);transition:background .25s,border-color .25s;flex-shrink:0;}
.reel-play-btn:hover .play-orb{background:var(--red);border-color:var(--red);}
.reel-play-btn .play-orb svg{width:22px;height:22px;margin-left:3px;}
.reel-play-label{font-size:11px;letter-spacing:.8px;text-transform:uppercase;font-weight:700;opacity:0;transition:opacity .25s;}
.reel-play-btn:hover .reel-play-label{opacity:1;}
@media (max-width:880px){.about-split{grid-template-columns:1fr;}}

/* ============================================================
   PAGE HEAD (sub-pages)
   ============================================================ */
.page-head{
	background:var(--ink);color:#fff;
	padding:90px 0 70px;border-bottom:4px solid var(--red);
	position:relative;overflow:hidden;
}
.page-head::before{
	content:"";position:absolute;inset:0;
	background:radial-gradient(circle at 80% 50%,rgba(230,0,0,.25),transparent 60%);
}
.page-head .wrap{position:relative;}
.page-head h1{
	font-family:var(--display);font-size:clamp(48px,7vw,96px);line-height:1;
	margin:0 0 16px;font-weight:400;letter-spacing:-1px;text-transform:uppercase;
}
.page-head p{margin:0 0 14px;max-width:680px;color:rgba(255,255,255,.85);font-size:16px;}
.crumbs{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mute-2);font-weight:700;}
.crumbs a{color:#fff;}
.crumbs a:hover{color:var(--red-light);}

/* ============================================================
   CONTACT — locate grid + form
   ============================================================ */
.locate-grid,.contact-grid{
	display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start;
}
@media (max-width:880px){.locate-grid,.contact-grid{grid-template-columns:1fr;}}

.form{background:#fff;border:1px solid var(--line);padding:32px;border-top:4px solid var(--red);}
.form h3{margin:0 0 22px;font-size:22px;font-weight:800;color:var(--ink);}
.form-row{margin-bottom:18px;}
.form-row label{display:block;font-size:11px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--mute);margin-bottom:6px;}
.form-row input,.form-row select,.form-row textarea{
	width:100%;border:0;border-bottom:2px solid var(--ink-2);padding:10px 0;
	font-family:inherit;font-size:15px;color:var(--ink);background:transparent;
	border-radius:0;outline:none;transition:border-color .15s;
}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--red);}
.form-row textarea{min-height:120px;resize:vertical;}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.form-grid-2 .form-row{margin-bottom:0;}

.info{background:var(--ink);color:#fff;padding:36px 32px;border-top:4px solid var(--red);}
.info h3{margin:0 0 24px;font-size:20px;font-weight:800;letter-spacing:-.2px;}
.info-row{display:flex;gap:16px;align-items:flex-start;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);}
.info-row:last-of-type{border-bottom:0;}
.info-row .ico{
	width:38px;height:38px;flex:0 0 auto;background:var(--red);
	display:inline-flex;align-items:center;justify-content:center;font-size:16px;
}
.info-row b{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mute-2);margin-bottom:2px;font-weight:800;}
.info-row a,.info-row span{color:#fff;font-size:15px;font-weight:600;}
.info-row a:hover{color:var(--red-light);}

.map{aspect-ratio:21/9;width:100%;background:var(--smoke);border:1px solid var(--line);}
.map iframe{width:100%;height:100%;border:0;display:block;filter:grayscale(.15) contrast(1.05);}

/* ============================================================
   BAND (call-to-action strip)
   ============================================================ */
.band{
	background:var(--red);color:#fff;padding:70px 0;text-align:center;
	position:relative;overflow:hidden;
}
.band::before,.band::after{
	content:"";position:absolute;width:200px;height:200px;
	background:rgba(255,255,255,.05);border-radius:50%;pointer-events:none;
}
.band::before{top:-60px;left:-60px;}
.band::after{bottom:-80px;right:-40px;width:280px;height:280px;}
.band h2{
	font-family:var(--display);font-size:clamp(32px,4.5vw,56px);font-weight:400;line-height:1.05;
	margin:0 0 14px;letter-spacing:-1px;text-transform:uppercase;
}
.band p{margin:0 0 26px;font-size:16px;color:rgba(255,255,255,.92);}
.band .cta-row{justify-content:center;}
.band .btn-primary{background:#fff;color:var(--red);}
.band .btn-primary:hover{background:#000;color:#fff;}
.band .btn-ghost{border-color:#fff;color:#fff;}
.band .btn-ghost:hover{background:#fff;color:var(--red);}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer{
	background:var(--black);color:#cfcfcf;padding:72px 0 28px;
	border-top:4px solid var(--red);
}
.foot-grid{
	display:grid;grid-template-columns:1.4fr 1fr 1.1fr 1fr;gap:40px;
	padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08);
}
.foot-grid h4{
	color:#fff;font-size:12px;letter-spacing:2px;text-transform:uppercase;
	font-weight:800;margin:0 0 18px;
	position:relative;padding-bottom:10px;
}
.foot-grid h4::after{content:"";position:absolute;left:0;bottom:0;width:24px;height:2px;background:var(--red);}
.foot-grid p,.foot-grid li{font-size:14px;color:#a8a8a8;line-height:1.7;}
.foot-grid ul{list-style:none;padding:0;margin:0;}
.foot-grid ul li{margin:4px 0;}
.foot-grid ul a{color:#cfcfcf;}
.foot-grid ul a:hover{color:var(--red-light);}
.foot-grid .brand{color:#fff;}
.foot-col h4{color:#fff;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:800;margin:0 0 18px;position:relative;padding-bottom:10px;}
.foot-col h4::after{content:"";position:absolute;left:0;bottom:0;width:24px;height:2px;background:var(--red);}
.foot-col p{font-size:14px;color:#a8a8a8;line-height:1.7;margin:0;}
.foot-col a{color:#cfcfcf;}
.foot-col a:hover{color:var(--red-light);}

.foot-social{display:flex;justify-content:space-between;align-items:center;padding:24px 0;flex-wrap:wrap;gap:18px;}
.foot-social .socials{display:flex;gap:10px;}
.foot-social .socials a{
	color:#fff;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:800;
	border:1px solid rgba(255,255,255,.2);padding:8px 14px;
	transition:background .15s,border-color .15s;
}
.foot-social .socials a:hover{background:var(--red);border-color:var(--red);}

.foot-bottom{
	display:flex;justify-content:space-between;align-items:center;
	padding-top:24px;font-size:12px;color:var(--mute-2);letter-spacing:.4px;flex-wrap:wrap;gap:10px;
}
.foot-bottom a{color:#cfcfcf;margin:0 6px;}
.foot-bottom a:hover{color:var(--red-light);}

@media (max-width:980px){.foot-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.foot-grid{grid-template-columns:1fr;}}

/* ============================================================
   FLOATING ACTION BUTTONS
   ============================================================ */
.wa-float{
	position:fixed;bottom:24px;right:24px;z-index:9999;
	width:58px;height:58px;border-radius:50%;
	background:var(--wa);color:#fff;
	display:flex;align-items:center;justify-content:center;
	box-shadow:0 14px 30px -10px rgba(37,211,102,.55);
	animation:pulse 2.4s infinite;
}
.wa-float:hover{transform:scale(1.06);}
@keyframes pulse{
	0%{box-shadow:0 0 0 0 rgba(37,211,102,.55);}
	70%{box-shadow:0 0 0 18px rgba(37,211,102,0);}
	100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}
}

.book-float{
	position:fixed;bottom:24px;right:96px;z-index:9999;
	height:48px;padding:0 22px;border-radius:0;
	background:var(--red);color:#fff;
	font-weight:800;font-size:13px;letter-spacing:1.2px;
	display:inline-flex;align-items:center;gap:8px;
	box-shadow:0 14px 30px -10px rgba(230,0,0,.55);
	text-transform:uppercase;
	transition:background .15s,transform .15s;
}
.book-float:hover{background:var(--red-dark);transform:translateY(-2px);}

/* Mobile sticky bar */
.mcta{
	display:none;position:fixed;left:0;right:0;bottom:0;z-index:90;
	background:#000;padding:8px;gap:8px;border-top:2px solid var(--red);
}
.mcta a{
	flex:1;text-align:center;padding:14px;color:#fff;
	font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
}
.mcta .m-call{background:var(--ink-2);}
.mcta .m-wa{background:var(--wa);}

/* ============================================================
   VIDEO MODAL
   ============================================================ */
.video-modal{
	position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.92);
	display:none;align-items:center;justify-content:center;padding:24px;
}
.video-modal.open{display:flex;}
.video-modal .mwrap{position:relative;width:min(960px,100%);}
.video-modal video{width:100%;height:auto;display:block;border:4px solid var(--red);}
.mclose{
	position:absolute;top:-44px;right:0;background:transparent;border:0;color:#fff;font-size:32px;cursor:pointer;
}

/* ============================================================
   REVEAL ANIMATIONS
   ============================================================ */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:translateY(0);}

/* ============================================================
   RESPONSIVE / MOBILE NAV
   ============================================================ */
@media (max-width:880px){
	.nav{
		position:fixed;top:var(--header-h);right:-100%;width:80%;max-width:340px;height:calc(100vh - var(--header-h));
		background:#fff;border-left:1px solid var(--line);
		flex-direction:column;align-items:stretch;gap:0;
		padding:24px;transition:right .3s ease;z-index:200;
	}
	.nav.open{right:0;}
	.nav>a{padding:14px 0;border-bottom:1px solid var(--line);font-size:16px;}
	.nav .nav-cta{margin:18px 0 0;}
	.burger{display:inline-flex;}
	.book-card form{grid-template-columns:1fr;}
	.book-card .btn{grid-column:1;}
	.about-split{grid-template-columns:1fr;}
	.mcta{display:none !important;}
	.wa-float{bottom:24px;width:52px;height:52px;}
	.book-float{bottom:24px;right:88px;height:42px;padding:0 16px;font-size:12px;}
	.hero{min-height:auto;padding:60px 0;}
	.video-cta{display:none;}
	.sec{padding:64px 0;}
	.sec-title{margin-bottom:36px;}
	.foot-bottom{flex-direction:column;text-align:center;}
}

@media (prefers-reduced-motion:reduce){
	*{animation:none !important;transition:none !important;}
	.reveal{opacity:1;transform:none;}
}


/* ============================================================
   GOOGLE REVIEWS
   ============================================================ */
.reviews-sec{padding:90px 0;background:#fff;}
.reviews-sec .sec-head{margin-bottom:30px;}
.rv-summary{
	display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;
	padding:24px 28px;background:#fafafa;border-left:4px solid var(--red);
	margin-bottom:38px;
}
.rv-summary-left{display:flex;align-items:center;gap:18px;}
.r-google,.rv-summary .r-google{width:36px;height:36px;flex:0 0 36px;}
.rv-rating-num{
	font-family:var(--font-display);font-size:38px;font-weight:900;line-height:1;
	color:var(--ink);display:flex;align-items:center;gap:14px;letter-spacing:-1px;
}
.rv-stars-inline{display:inline-flex;gap:2px;}
.rv-rating-sub{margin-top:4px;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--mute);font-weight:700;}
.rv-stars-inline .r-star,.rv-stars .r-star{width:18px;height:18px;fill:#fbbc04;}
.rv-stars-inline .r-star-empty,.rv-stars .r-star-empty{fill:#e4e4e4;}

.rv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
@media (max-width:980px){.rv-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){.rv-grid{grid-template-columns:1fr;}}

.rv-card{
	position:relative;background:#fff;border:1px solid #ececec;
	padding:24px 24px 22px;border-radius:0;
	box-shadow:0 6px 18px -14px rgba(0,0,0,.4);
	transition:transform .25s ease,box-shadow .3s ease,border-color .25s;
	display:flex;flex-direction:column;gap:14px;
}
.rv-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px -20px rgba(0,0,0,.55);border-color:var(--red);}
.rv-card::before{
	content:"\201C";position:absolute;top:-6px;right:18px;
	font-family:Georgia,serif;font-size:80px;line-height:1;color:var(--red);opacity:.18;font-weight:900;
}
.rv-head{display:flex;align-items:center;gap:12px;}
.rv-avatar{width:44px;height:44px;border-radius:50%;flex:0 0 44px;object-fit:cover;background:#eee;}
.rv-avatar-fallback{
	display:inline-flex;align-items:center;justify-content:center;
	background:linear-gradient(135deg,var(--red),var(--red-dark));color:#fff;
	font-weight:900;font-size:18px;font-family:var(--font-display);
}
.rv-meta{flex:1;min-width:0;}
.rv-name{font-weight:800;font-size:14px;color:var(--ink);line-height:1.2;}
.rv-stars{display:flex;align-items:center;gap:6px;margin-top:4px;}
.rv-stars .r-star{width:14px;height:14px;}
.rv-time{font-size:11px;color:var(--mute);letter-spacing:.4px;margin-left:4px;}
.rv-head .r-google{width:22px;height:22px;flex:0 0 22px;opacity:.9;}
.rv-text{font-size:14px;line-height:1.6;color:#333;margin:0;white-space:pre-wrap;word-wrap:break-word;}
.rv-text.rv-clamp{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;}
.rv-toggle{
	align-self:flex-start;background:transparent;border:0;padding:0;cursor:pointer;
	font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;
	color:var(--red);transition:color .15s,letter-spacing .25s;
}
.rv-toggle:hover{color:var(--red-dark);letter-spacing:1.6px;}
.rv-empty{color:var(--mute);font-size:14px;text-align:center;padding:30px 0;}

/* Map polish */
.map iframe{
	width:100%;height:380px;border:0;display:block;
	filter:contrast(.96) saturate(1.05);
	box-shadow:0 14px 40px -22px rgba(0,0,0,.5);
}
.map-band{
	display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;
	background:var(--ink);color:#fff;padding:16px 22px;border-left:4px solid var(--red);
}
.map-band b{color:#fff;font-weight:800;letter-spacing:.4px;}
.map-band a{color:#fff;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;font-size:12px;border-bottom:2px solid var(--red);padding-bottom:2px;}
.map-band a:hover{color:var(--red);}


/* ============================================================
   EuroRent24 — MODERN OVERHAUL (loads after style.css and overrides)
   Phase 1: Foundations + Hero
   • Pure sans-serif (no display serif). Inter Tight + Inter.
   • Soft radii (8/14/20). Real shadows. Modern spacing scale.
   • Native smooth scroll + scroll-snap on hero. Mobile-first.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&family=Inter+Tight:opsz,wght@14..32,100..900&display=swap');

:root{
	/* Refined neutrals (slightly less harsh) */
	--ink:#0b0d10;
	--ink-2:#16191e;
	--ink-3:#1f242b;
	--smoke:#f6f7f8;
	--smoke-2:#eef0f3;
	--line:#e6e8ec;
	--mute:#5b6470;
	--mute-2:#8a92a0;

	/* Refined accent — slightly warmer red, modern */
	--red:#e2241c;
	--red-dark:#b91913;
	--red-light:#ff3b32;
	--red-soft:rgba(226,36,28,.10);

	/* Type — Inter Tight = modern condensed sans for headings */
	--font:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	--display:'Inter Tight','Inter',sans-serif;

	/* Spacing scale */
	--s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px;
	--s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px;

	/* Radii */
	--r-1:8px; --r-2:14px; --r-3:20px; --r-pill:999px;

	/* Shadows */
	--sh-sm:0 1px 2px rgba(11,13,16,.06), 0 1px 3px rgba(11,13,16,.05);
	--sh-md:0 8px 24px -10px rgba(11,13,16,.18);
	--sh-lg:0 20px 50px -20px rgba(11,13,16,.32);
	--sh-red:0 14px 36px -12px rgba(226,36,28,.45);

	/* Layout */
	--max:1240px;
	--gutter:24px;
	--header-h:74px;
}

/* ============================================================
   BASE
   ============================================================ */
html{
	scroll-behavior:smooth;
	scroll-padding-top:var(--header-h);
}
body{
	font-family:var(--font);
	font-feature-settings:"ss01","cv11";
	letter-spacing:-.005em;
	color:var(--ink);
	line-height:1.6;
}

/* Modern, restrained scrollbar */
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-thumb{background:#cfd3da;border-radius:10px;border:2px solid #fff;}
::-webkit-scrollbar-thumb:hover{background:var(--mute-2);}
::-webkit-scrollbar-track{background:transparent;}

/* Headings — clean modern sans, optical sizing */
h1,h2,h3,h4{
	font-family:var(--display);
	font-weight:800;
	letter-spacing:-.02em;
	line-height:1.05;
	margin:0;
}
h1{font-size:clamp(40px,7vw,84px);}
h2{font-size:clamp(28px,4.4vw,52px);letter-spacing:-.025em;}
h3{font-size:clamp(20px,2.4vw,28px);letter-spacing:-.015em;}

p{margin:0 0 1em;}

/* Reduced-motion */
@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto;}
	*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
}

/* ============================================================
   TOPBAR — minimal
   ============================================================ */
.topbar{background:var(--ink);font-size:12.5px;}
.topbar .wrap{min-height:38px;}
.topbar .tb-left a{color:#c9ccd2;font-weight:500;}
.topbar .tb-ico{display:none;}
.topbar .tb-right a{border-radius:var(--r-1);font-size:11px;}

/* ============================================================
   HEADER — taller spacing, softer divider
   ============================================================ */
.site-header{
	background:rgba(255,255,255,.85);
	border-bottom:1px solid rgba(11,13,16,.06);
	backdrop-filter:saturate(180%) blur(14px);
	-webkit-backdrop-filter:saturate(180%) blur(14px);
}
.site-header .wrap{min-height:var(--header-h);}
.brand img{height:38px;}
.site-header .brand img{height:40px;}

/* Nav: pill style */
.nav{gap:2px;}
.nav>a{
	padding:8px 14px;
	font-size:14px;font-weight:500;letter-spacing:0;
	border-bottom:0;border-radius:var(--r-pill);
	color:var(--ink-2);
	transition:background .2s,color .2s;
}
.nav>a:hover{background:var(--smoke);color:var(--ink);}
.nav>a.active{background:var(--ink);color:#fff;}

.lang-switch{
	border:1px solid var(--line);border-radius:var(--r-pill);overflow:hidden;
	height:34px;
}
.lang-switch a{padding:7px 12px;font-size:11px;letter-spacing:1px;color:var(--mute);}
.lang-switch a.active,.lang-switch a:hover{background:var(--ink);color:#fff;}

/* Premium Book Now nav CTA — modern pill */
.nav .nav-cta{
	margin-left:6px;
	background:var(--red);
	padding:11px 20px;
	font-size:12.5px;font-weight:700;letter-spacing:.6px;
	border-radius:var(--r-pill);
	box-shadow:var(--sh-red);
	display:inline-flex;align-items:center;gap:6px;
}
.nav .nav-cta::before{display:none;} /* no shimmer in modern look */
.nav .nav-cta:hover{
	background:var(--red-dark);
	transform:translateY(-1px);
	box-shadow:0 18px 40px -12px rgba(226,36,28,.55);
	letter-spacing:.6px;
}

/* ============================================================
   BUTTONS — modern, calmer, no shimmer/all-caps shouty
   ============================================================ */
.btn{
	border-radius:var(--r-pill);
	padding:14px 26px;
	font-size:14px;font-weight:600;letter-spacing:.2px;
	text-transform:none;
	transition:transform .2s ease,box-shadow .25s ease,background-color .2s ease,color .2s ease;
}
.btn::before{display:none;}
.btn:hover{transform:translateY(-2px);letter-spacing:.2px;}
.btn-primary{background:var(--red);box-shadow:var(--sh-red);}
.btn-primary:hover{background:var(--red-dark);box-shadow:0 22px 44px -14px rgba(226,36,28,.6);}
.btn-ghost{border-width:1.5px;border-radius:var(--r-pill);}
.btn-ghost:hover{box-shadow:var(--sh-md);}
.btn-light{border-radius:var(--r-pill);box-shadow:var(--sh-sm);}
.btn-wa{background:#25D366;box-shadow:0 14px 32px -12px rgba(37,211,102,.5);}
.btn-wa:hover{background:#1ebe57;box-shadow:0 22px 44px -14px rgba(37,211,102,.6);}

.btn-arrow::after{content:"→";font-weight:500;}

/* ============================================================
   HERO — modern, calmer, glassy widget
   ============================================================ */
.hero{
	min-height:min(94vh,860px);
	background:#0b0d10;
	padding-bottom:clamp(120px,18vh,180px);
	scroll-snap-align:start;
}
.hero .wrap{position:relative;z-index:3;width:100%;padding-top:clamp(56px,10vh,120px);padding-bottom:0;}
.hero::after{
	background:
		radial-gradient(80% 60% at 20% 70%, rgba(0,0,0,.78) 0%, rgba(0,0,0,.45) 45%, rgba(0,0,0,0) 75%),
		linear-gradient(180deg, rgba(11,13,16,.55) 0%, rgba(11,13,16,.20) 35%, rgba(11,13,16,.55) 100%);
}

.hero-eyebrow{
	display:inline-flex;align-items:center;gap:10px;
	font-size:12px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase;
	color:#fff;
	background:rgba(255,255,255,.10);
	border:1px solid rgba(255,255,255,.18);
	padding:8px 16px;border-radius:var(--r-pill);
	margin-bottom:var(--s-5);
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
}
.hero-eyebrow::before{
	content:"";width:6px;height:6px;border-radius:50%;background:var(--red);
	box-shadow:0 0 0 4px rgba(226,36,28,.25);
}

.hero-brand{
	font-family:var(--display);
	font-size:clamp(56px,11vw,148px);
	font-weight:900;letter-spacing:-.04em;line-height:.95;
	color:#fff;
	background:none;-webkit-text-fill-color:#fff;
	margin:0 0 var(--s-3);
	text-shadow:0 4px 30px rgba(0,0,0,.35);
}

.hero-tag{
	display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center;
	margin:0 0 var(--s-5);
}
.hero-tag span{
	font-size:clamp(18px,2.2vw,28px);
	font-weight:700;letter-spacing:4px;text-transform:uppercase;
	color:rgba(255,255,255,.95);
	padding:0;background:none;border:0;
	display:inline-flex;align-items:center;gap:18px;
}
.hero-tag span+span::before{
	content:"";width:7px;height:7px;border-radius:50%;background:var(--red);
}

.hero .lead{
	max-width:640px;
	color:rgba(255,255,255,.86);
	font-size:clamp(15px,1.3vw,17px);font-weight:400;line-height:1.7;
	margin:0 0 var(--s-6);
}

.cta-row{display:flex;flex-wrap:wrap;gap:var(--s-3);}
.cta-row .btn{padding:15px 30px;}

/* Booking widget — glassmorphism modern */
.book-card{
	margin-top:var(--s-7);
	background:rgba(255,255,255,.92);
	backdrop-filter:blur(20px) saturate(180%);
	-webkit-backdrop-filter:blur(20px) saturate(180%);
	border:1px solid rgba(255,255,255,.6);
	border-radius:var(--r-3);
	box-shadow:var(--sh-lg);
	padding:var(--s-5);
	max-width:1100px;
}
.book-card form{
	display:grid;
	grid-template-columns:1.2fr 1fr 1fr 1fr auto;
	gap:var(--s-3);
	align-items:end;
}
.book-field{
	display:flex;flex-direction:column;gap:6px;
}
.book-field label{
	font-size:11px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;
	color:var(--mute);
}
.book-field input,.book-field select{
	height:48px;
	border:1.5px solid var(--line);background:#fff;
	border-radius:var(--r-1);
	padding:0 14px;font-size:14px;font-weight:500;font-family:inherit;color:var(--ink);
	transition:border-color .15s,box-shadow .15s;
}
.book-field input:focus,.book-field select:focus{
	outline:none;border-color:var(--red);
	box-shadow:0 0 0 3px var(--red-soft);
}
.book-card .btn{height:48px;padding:0 24px;white-space:nowrap;}

@media (max-width:980px){
	.book-card form{grid-template-columns:1fr 1fr;}
	.book-card .btn{grid-column:1/-1;}
}
@media (max-width:560px){
	.book-card form{grid-template-columns:1fr;}
}

/* Slider arrows + dots — modernized */
.slide-arrows button{
	width:46px;height:46px;border-radius:var(--r-pill);
	background:rgba(255,255,255,.1);
	border:1px solid rgba(255,255,255,.25);
	color:#fff;font-size:22px;
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	transition:background .2s,transform .2s;
}
.slide-arrows button:hover{background:#fff;color:var(--ink);transform:scale(1.05);}
.slide-dots button{
	width:28px;height:3px;border-radius:0;
	background:rgba(255,255,255,.35);transition:all .25s;
}
.slide-dots button.active{background:var(--red);width:48px;}

/* Watch reel CTA — glass */
.video-cta{
	background:rgba(255,255,255,.10);
	border:1px solid rgba(255,255,255,.18);
	backdrop-filter:blur(12px);
	-webkit-backdrop-filter:blur(12px);
	border-radius:var(--r-pill);
	padding:8px 18px 8px 8px;
}
.video-cta .play-orb{
	width:42px;height:42px;border-radius:50%;
	background:var(--red);box-shadow:0 8px 24px -8px rgba(226,36,28,.6);
}

/* ============================================================
   MARQUEE — softer
   ============================================================ */
.marquee{
	background:#fff;
	border-top:1px solid rgba(0,0,0,.08);
	border-bottom:1px solid rgba(0,0,0,.08);
}
.marquee-track{padding:16px 0;}
.marquee-track span{
	font-family:var(--display);
	font-weight:700;
	letter-spacing:-.02em;
	font-size:clamp(28px,4vw,56px);
	text-transform:none;
	padding:10px 28px;
	background:var(--black);
	color:#fff;
	border-radius:6px;
}
.marquee-track .dim{
	color:#fff;
	background:var(--red);
	padding:10px 28px;
	border-radius:6px;
	box-shadow:0 10px 26px -10px rgba(226,36,28,.7);
}
.marquee-track span+span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red);margin:0 32px;display:inline-block;vertical-align:middle;}
.marquee-track .dim::before{background:#000;}

/* ============================================================
   MOBILE NAV
   ============================================================ */
@media (max-width:1100px){
	.nav>a:not(.nav-cta){display:none;}
	.lang-switch{display:none;}
	.burger{display:inline-flex;}
}
.site-header.menu-open .nav{
	position:fixed;top:var(--header-h);left:0;right:0;
	background:#fff;flex-direction:column;align-items:stretch;
	padding:var(--s-5);gap:var(--s-2);
	border-bottom:1px solid var(--line);
	box-shadow:var(--sh-lg);
}
.site-header.menu-open .nav>a{display:block;padding:14px 18px;border-radius:var(--r-1);}
.site-header.menu-open .nav .lang-switch{display:inline-flex;}

/* ============================================================
   HEADINGS POLISH inside hero & sections
   ============================================================ */
.h-display{font-family:var(--display);font-weight:800;letter-spacing:-.025em;}
.kicker{
	font-size:11px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase;
	color:var(--red);
	display:inline-flex;align-items:center;gap:10px;
	margin-bottom:14px;
}
.kicker::before{content:"";width:24px;height:2px;background:var(--red);}

.sec-title h2,.sec-head h2{
	font-family:var(--display);
	font-weight:800;
	letter-spacing:-.03em;
	font-size:clamp(32px,5vw,60px);
	line-height:1.05;
	color:var(--ink);
	text-transform:none;
}

/* ============================================================
   UTILITIES
   ============================================================ */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease;}
.reveal.show{opacity:1;transform:none;}

/* ============================================================
   PHASE 2 — SECTIONS, MARQUEE, FLEET GRID
   ============================================================ */

/* Section spacing fluid */
.sec{padding:clamp(64px,10vw,128px) 0;}
.sec-alt{background:var(--smoke);}

/* Section title — modern, clean, never uppercase */
.sec-title{margin-bottom:clamp(40px,6vw,72px);max-width:760px;}
.sec-title .kicker{
	display:inline-flex;align-items:center;gap:10px;
	font-size:11px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase;
	color:var(--red);
	border-left:0;padding:0;margin-bottom:16px;
}
.sec-title .kicker::before{content:"";width:24px;height:2px;background:var(--red);}
.sec-title h2{
	font-family:var(--display);
	font-size:clamp(32px,4.8vw,56px);
	font-weight:800;line-height:1.05;letter-spacing:-.025em;
	text-transform:none;color:var(--ink);
}
.sec-title.center{text-align:center;}
.sec-title.center .kicker{justify-content:center;}

/* ----- Marquee: tighter, modern dot separator ----- */
.marquee-track span{display:inline-flex;align-items:center;gap:32px;}
.marquee-track span::after{display:none;} /* drop legacy red bullet */
.marquee-track span+span::before{
	content:"";width:8px;height:8px;border-radius:50%;background:var(--red);
	margin:0 24px;display:inline-block;
}

/* ============================================================
   FLEET GRID — modern, glassy, generous
   ============================================================ */
.fleet-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(290px,1fr));
	gap:clamp(16px,2vw,28px);
}

.car-card{
	background:#fff;
	border:1px solid var(--line);
	border-radius:var(--r-2);
	overflow:hidden;
	display:flex;flex-direction:column;
	box-shadow:var(--sh-sm);
	transition:transform .35s cubic-bezier(.2,.8,.2,1),
	           box-shadow .35s cubic-bezier(.2,.8,.2,1),
	           border-color .25s;
}
.car-card::before{display:none;} /* drop top red bar */
.car-card:hover{
	transform:translateY(-6px);
	border-color:transparent;
	box-shadow:var(--sh-lg);
}

/* Thumb */
.car-thumb{
	aspect-ratio:16/10;
	background:linear-gradient(135deg,#f0f2f5 0%,#e6e9ee 100%);
	position:relative;overflow:hidden;
}
.car-thumb img{
	width:100%;height:100%;object-fit:cover;
	transition:transform .7s cubic-bezier(.2,.8,.2,1);
}
.car-card:hover .car-thumb img{transform:scale(1.06);}

/* Badge — soft pill */
.car-badge{
	position:absolute;top:14px;left:14px;
	background:rgba(11,13,16,.85);
	color:#fff;
	font-size:10.5px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;
	padding:6px 12px;
	border-radius:var(--r-pill);
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
}
.car-card:hover .car-badge{background:var(--red);}

/* Body */
.car-body{padding:22px 22px 22px;}
.car-body h3{
	font-family:var(--display);
	font-size:22px;font-weight:700;letter-spacing:-.015em;
	margin:0 0 12px;
	color:var(--ink);
	text-transform:none;
}

/* Meta — icon-style chips */
.car-meta{
	display:flex;flex-wrap:wrap;gap:8px;
	margin-bottom:18px;padding-bottom:0;border-bottom:0;
}
.car-meta span{
	font-size:11.5px;font-weight:500;letter-spacing:.3px;text-transform:none;
	color:var(--mute);
	background:var(--smoke);
	padding:5px 11px;
	border-radius:var(--r-pill);
}
.car-meta span::before{display:none;}
.car-meta span:first-child{padding-left:11px;}

/* Actions — modern pill split */
.car-actions{display:flex;gap:8px;}
.car-actions .a-wa,.car-actions .a-info{
	flex:1;
	height:42px;
	font-size:12.5px;font-weight:600;letter-spacing:.2px;text-transform:none;
	border-radius:var(--r-pill);
	display:inline-flex;align-items:center;justify-content:center;gap:6px;
	transition:background .2s,color .2s,box-shadow .25s,transform .15s;
}
.car-actions .a-wa::before,.car-actions .a-info::before{display:none;}
.car-actions .a-wa{
	background:var(--red);
	background-image:none;
	color:#fff;
	box-shadow:0 8px 20px -10px rgba(226,36,28,.5);
}
.car-actions .a-wa:hover{
	background:var(--red-dark);
	background-image:none;
	box-shadow:0 14px 28px -10px rgba(226,36,28,.65);
	transform:translateY(-1px);
	letter-spacing:.2px;
}
.car-actions .a-wa .ic-wa{width:14px;height:14px;}
.car-actions .a-info{
	background:transparent;
	color:var(--ink);
	border:1.5px solid var(--line);
}
.car-actions .a-info:hover{
	background:var(--ink);
	color:#fff;
	border-color:var(--ink);
	transform:translateY(-1px);
	letter-spacing:.2px;
}

/* Fleet CTA */
.fleet-cta{margin-top:clamp(40px,6vw,64px);text-align:center;}
.fleet-cta .btn{padding:16px 32px;}

/* Mobile: 1 col on tiny, 2 col tablet sweet spot */
@media (max-width:560px){
	.fleet-grid{grid-template-columns:1fr;gap:14px;}
	.car-actions{flex-direction:row;}
}

/* Price tag — "Price on WhatsApp" pill (no fake numbers) */
.car-price{
	display:inline-flex;align-items:center;gap:8px;
	margin-bottom:14px;
	padding:6px 12px 6px 8px;
	background:var(--red-soft);
	border:1px solid rgba(226,36,28,.18);
	border-radius:var(--r-pill);
	font-size:15px;font-weight:700;letter-spacing:.1px;
	color:var(--red-dark);
}
.car-price::before{
	content:"";
	width:20px;height:20px;border-radius:50%;
	background:var(--red) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.71.306 1.263.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347'/></svg>") center/12px no-repeat;
}

/* ============================================================
   PHASE 3 — FACTS / STATS
   ============================================================ */
.facts-sec{
	background:var(--ink);
	color:#fff;
	padding:clamp(72px,11vw,140px) 0;
}
.facts-bg{
	background:
		radial-gradient(60% 50% at 15% 30%, rgba(226,36,28,.18), transparent 60%),
		radial-gradient(50% 40% at 85% 75%, rgba(226,36,28,.10), transparent 70%),
		linear-gradient(180deg, transparent, rgba(255,255,255,.02));
}
.facts-sec .sec-title{text-align:center;max-width:780px;margin:0 auto clamp(40px,6vw,72px);}
.facts-sec .sec-title h2{color:#fff;}
.facts-sec .sec-title .kicker{color:var(--red-light);justify-content:center;display:inline-flex;}
.facts-sec .sec-title .kicker::before{background:var(--red-light);}
.facts-sec .sec-lead{
	margin-top:18px;
	font-size:clamp(15px,1.4vw,17px);
	line-height:1.7;
	color:rgba(255,255,255,.66);
}

.facts-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:0;
	border-top:1px solid rgba(255,255,255,.08);
	border-left:1px solid rgba(255,255,255,.08);
	border-radius:var(--r-2);
	overflow:hidden;
	background:rgba(255,255,255,.02);
	backdrop-filter:blur(2px);
}
.fact{
	padding:clamp(32px,4vw,44px) clamp(22px,3vw,32px);
	border-right:1px solid rgba(255,255,255,.08);
	border-bottom:1px solid rgba(255,255,255,.08);
	background:transparent;
	transition:background .3s ease;
	position:relative;
	text-align:left;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}
.fact:hover{
	background:rgba(226,36,28,.07);
}
.fact-icon{
	width:46px;height:46px;
	display:inline-flex;align-items:center;justify-content:center;
	border-radius:12px;
	background:rgba(255,255,255,.06);
	border:1px solid rgba(255,255,255,.10);
	color:rgba(255,255,255,.78);
	margin-bottom:22px;
	transition:background .3s, color .3s, border-color .3s, transform .3s;
}
.fact-icon svg{width:22px;height:22px;}
.fact-icon img{width:26px;height:26px;display:block;transition:filter .3s;}
.fact:hover .fact-icon img{filter:brightness(0) invert(1);}
.fact:hover .fact-icon{
	background:var(--red);
	color:#fff;
	border-color:var(--red);
	transform:translateY(-2px);
}
.fact b{
	font-family:var(--display);
	font-size:clamp(44px,5.6vw,68px);
	font-weight:800;line-height:1;letter-spacing:-.035em;
	color:#fff;
	margin-bottom:12px;
	display:inline-flex;align-items:baseline;gap:2px;
}
.fact b > span[data-count]{
	background:linear-gradient(180deg,#fff 0%, #c9cacd 100%);
	-webkit-background-clip:text;background-clip:text;
	-webkit-text-fill-color:transparent;
	transition:background .3s;
}
.fact:hover b > span[data-count]{
	background:linear-gradient(180deg,#ff7a72 0%, var(--red) 100%);
	-webkit-background-clip:text;background-clip:text;
	-webkit-text-fill-color:transparent;
}
.fact-plus,
.fact-unit{
	font-style:normal;
	font-size:.55em;
	font-weight:700;
	color:var(--red-light);
	letter-spacing:0;
	margin-left:4px;
	transform:translateY(-.15em);
	display:inline-block;
}
.fact-unit{color:rgba(255,255,255,.45);font-weight:600;}
.fact-icon svg[fill="currentColor"]{color:#FFC628;}
.fact:nth-child(4) .fact-icon{
	background:rgba(255,198,40,.12);
	border-color:rgba(255,198,40,.28);
}
.fact:nth-child(4):hover .fact-icon{
	background:#FFC628;
	color:#1a1a1a;
	border-color:#FFC628;
}
.fact-label{
	font-size:14px;
	font-weight:700;
	letter-spacing:.5px;
	color:#fff;
	margin-bottom:4px;
	text-transform:none;
}
.fact-sub{
	font-size:12.5px;
	font-weight:500;
	letter-spacing:.2px;
	color:rgba(255,255,255,.5);
	text-transform:none;
}

@media (max-width:980px){
	.facts-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:520px){
	.facts-grid{grid-template-columns:1fr;}
	.fact b{font-size:48px;}
}

/* ============================================================
   PHASE 4 — CONTACT (form + info card + map)
   ============================================================ */
.locate-grid,.contact-grid{
	grid-template-columns:1.3fr 1fr;
	gap:clamp(20px,3vw,32px);
}
@media (max-width:980px){.locate-grid,.contact-grid{grid-template-columns:1fr;}}

/* Form — modern card with floating labels feel */
.form{
	background:#fff;
	border:1px solid var(--line);
	border-top:0; /* drop the red bar */
	border-radius:var(--r-3);
	padding:clamp(24px,3vw,40px);
	box-shadow:var(--sh-md);
}
.form-row{margin-bottom:18px;}
.form-row label{
	display:block;
	font-size:11.5px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;
	color:var(--mute);
	margin-bottom:8px;
}
.form-row input,.form-row select,.form-row textarea{
	width:100%;
	height:48px;
	border:1.5px solid var(--line);background:#fff;
	border-radius:var(--r-1);
	padding:0 14px;
	font-size:14.5px;font-weight:500;font-family:inherit;color:var(--ink);
	transition:border-color .15s, box-shadow .15s;
}
.form-row textarea{padding:14px;height:auto;min-height:130px;line-height:1.55;}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{
	outline:none;
	border-color:var(--red);
	box-shadow:0 0 0 3px var(--red-soft);
}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form .btn{margin-top:8px;width:100%;height:52px;padding:0 24px;font-size:14.5px;}

/* Info card — modern dark with SVG icons in pill */
.info{
	background:linear-gradient(180deg, var(--ink) 0%, var(--ink-2) 100%);
	color:#fff;
	padding:clamp(28px,3vw,36px);
	border-top:0;
	border-radius:var(--r-3);
	box-shadow:var(--sh-lg);
	position:relative;overflow:hidden;
}
.info::before{
	content:"";position:absolute;inset:auto -40% -60% auto;width:380px;height:380px;
	background:radial-gradient(circle, rgba(226,36,28,.18), transparent 65%);
	pointer-events:none;
}
.info h3{
	font-family:var(--display);
	font-size:24px;font-weight:700;letter-spacing:-.015em;
	margin:0 0 24px;
	color:#fff;
	text-transform:none;
}
.info-row{
	display:flex;gap:14px;align-items:center;
	padding:14px 0;
	border-bottom:1px solid rgba(255,255,255,.06);
}
.info-row:last-of-type{border-bottom:0;}
.info-row .ico{
	flex:0 0 40px;width:40px;height:40px;
	display:inline-flex;align-items:center;justify-content:center;
	background:rgba(255,255,255,.06);
	border:1px solid rgba(255,255,255,.10);
	border-radius:var(--r-pill);
	color:var(--red-light);
	transition:background .2s,border-color .2s,color .2s;
}
.info-row:hover .ico{background:var(--red);border-color:var(--red);color:#fff;}
.info-row .ico svg{width:18px;height:18px;display:block;}
.info-row .ic-wa{width:18px;height:18px;fill:currentColor;}
.info-row>div:last-child{display:flex;flex-direction:column;line-height:1.4;}
.info-row b{
	font-size:11px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;
	color:rgba(255,255,255,.5);
	margin-bottom:2px;
}
.info-row a,.info-row span:last-child{
	font-size:14.5px;font-weight:500;color:#fff;letter-spacing:0;
	transition:color .2s;
}
.info-row a:hover{color:var(--red-light);}

.info .btn-wa{
	width:100%;
	margin-top:24px;
	height:52px;
	border-radius:var(--r-pill);
}

/* Map — soft rounded with shadow */
.map{
	margin-top:clamp(24px,3vw,40px);
	border-radius:var(--r-3);
	overflow:hidden;
	box-shadow:var(--sh-lg);
	border:1px solid var(--line);
}
.map iframe{
	width:100%;height:clamp(320px,42vw,460px);
	display:block;border:0;
	filter:saturate(.9) contrast(.98);
}

/* ============================================================
   PHASE 5 — FOOTER (modern, minimal)
   ============================================================ */
.site-footer{
	background:linear-gradient(180deg, var(--ink) 0%, #08090b 100%);
	color:rgba(255,255,255,.72);
	padding:clamp(56px,8vw,96px) 0 24px;
	position:relative;
}
.site-footer::before{
	content:"";position:absolute;top:0;left:0;right:0;height:1px;
	background:linear-gradient(90deg, transparent, rgba(226,36,28,.5), transparent);
}

.foot-top{
	display:grid;
	grid-template-columns:1.1fr 2fr;
	gap:clamp(32px,5vw,72px);
	padding-bottom:clamp(40px,6vw,64px);
	border-bottom:1px solid rgba(255,255,255,.08);
}
@media (max-width:880px){
	.foot-top{grid-template-columns:1fr;gap:40px;}
}

/* Brand block */
.foot-brand .brand{display:inline-block;margin-bottom:18px;}
.foot-brand .brand img{
	height:46px;width:auto;
}
.foot-tagline{
	font-size:14.5px;line-height:1.65;
	color:rgba(255,255,255,.55);
	margin:0 0 22px;max-width:340px;
}
.socials{display:flex;gap:10px;}
.socials a{
	width:40px;height:40px;border-radius:var(--r-pill);
	display:inline-flex;align-items:center;justify-content:center;
	background:rgba(255,255,255,.05);
	border:1px solid rgba(255,255,255,.10);
	color:#fff;font-size:0;
	transition:background .2s,border-color .2s,transform .2s,color .2s;
}
.socials a:hover{
	background:var(--red);border-color:var(--red);color:#fff;
	transform:translateY(-2px);
}
.socials a svg{width:18px;height:18px;display:block;}

/* Foot grid */
.foot-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:clamp(20px,3vw,40px);
}
@media (max-width:880px){.foot-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:480px){.foot-grid{grid-template-columns:1fr;}}

.foot-col h4{
	font-family:var(--font);
	font-size:11.5px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;
	color:#fff;
	margin:0 0 16px;
}
.foot-col p{
	font-size:14px;line-height:1.85;
	color:rgba(255,255,255,.6);
	margin:0;
}
.foot-col a{
	color:rgba(255,255,255,.85);
	transition:color .15s;
}
.foot-col a:hover{color:var(--red-light);}

.foot-link{
	display:inline-block;margin-top:12px;
	font-size:13px;font-weight:600;letter-spacing:.2px;
	color:var(--red-light) !important;
}
.foot-link:hover{color:#fff !important;}

/* Bottom bar */
.foot-bottom{
	display:flex;justify-content:space-between;align-items:center;
	gap:16px;flex-wrap:wrap;
	padding-top:24px;
	font-size:12.5px;
	color:rgba(255,255,255,.45);
	letter-spacing:.2px;
}
.foot-bottom a{color:rgba(255,255,255,.7);}
.foot-bottom a:hover{color:var(--red-light);}
.foot-meta{
	font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;
	color:rgba(255,255,255,.4);
}
.foot-bottom .foot-meta::before{
	content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
	background:var(--red);margin-right:10px;vertical-align:middle;
}





/* === ICON-FIX-PASS === */

/* Burger button — SVG inside */
.burger{
	display:none;
	width:42px;height:42px;
	align-items:center;justify-content:center;
	border-radius:var(--r-pill);
	background:var(--smoke);
	border:1px solid var(--line);
	color:var(--ink);
	transition:background .2s,color .2s;
}
.burger:hover{background:var(--ink);color:#fff;}
.burger svg{width:20px;height:20px;display:block;}
@media (max-width:1100px){.burger{display:inline-flex;}}

/* Topbar social — clean SVG */
.topbar .tb-right a{
	width:26px;height:26px;border-radius:var(--r-pill);
	border:1px solid rgba(255,255,255,.20);
	background:transparent;
	transition:background .2s,border-color .2s;
}
.topbar .tb-right a svg{width:13px;height:13px;display:block;}

/* Hero play orb — center SVG */
.play-orb{
	display:inline-flex;align-items:center;justify-content:center;
}
.play-orb svg{width:14px;height:14px;display:block;color:#fff;margin-left:2px;}

/* Slider arrows — center SVG */
.slide-arrows button svg{width:18px;height:18px;display:block;}

/* Video modal close — SVG */
.mclose{
	display:inline-flex;align-items:center;justify-content:center;
	border-radius:var(--r-pill);
}
.mclose svg{width:18px;height:18px;display:block;}

/* Mobile sticky call CTA — SVG + label */
.mcta .m-call{
	display:inline-flex;align-items:center;justify-content:center;gap:8px;
	font-weight:600;
}
.mcta .m-call svg{width:16px;height:16px;display:block;}

/* Star inline icon (counters + about stat) */
.i-star{
	width:.85em;height:.85em;
	display:inline-block;vertical-align:-.08em;
	margin-left:.08em;
	color:#FFC628;            /* Google review yellow */
	flex:0 0 auto;
}
.fact b .i-star{
	color:#FFC628;
	width:.7em;height:.7em;
	margin-left:.12em;
}
.fact:hover b .i-star{color:#fff;}
.facts-sec .fact b{display:inline-flex;align-items:baseline;}

/* About stat block "5.0 + star" */
.stat b{display:inline-flex;align-items:baseline;gap:2px;}

/* USP icons — modern circular with red accent */
.usp-icon{
	width:54px;height:54px;
	display:inline-flex;align-items:center;justify-content:center;
	background:var(--red-soft);
	color:var(--red);
	border-radius:var(--r-pill);
	margin-bottom:18px;
	font-size:0;
	transition:background .25s, color .25s, transform .25s;
}
.usp-icon svg{width:24px;height:24px;display:block;}
.usp-card:hover .usp-icon{
	background:var(--red);
	color:#fff;
	transform:scale(1.06);
}


/* === TRUST/REVIEWS/FAQ-PASS === */

/* ============================================================
   TRUST STRIP (4 USPs under marquee)
   ============================================================ */
.trust-strip{
	background:#fff;
	padding:0;
	border-bottom:1px solid var(--line);
}
.trust-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	border-left:1px solid var(--line);
}
.trust-item{
	display:flex;
	flex-direction:column;
	padding:clamp(32px,3.5vw,52px) clamp(24px,2.5vw,38px);
	border-right:1px solid var(--line);
	border-top:3px solid transparent;
	position:relative;
	overflow:hidden;
	transition:border-color .3s;
}
.trust-item::before{
	content:'';
	position:absolute;
	top:0;left:0;right:0;height:3px;
	background:var(--red);
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .38s cubic-bezier(.4,0,.2,1);
}
.trust-item:hover::before{transform:scaleX(1);}
.trust-ic{
	width:60px;height:60px;
	background:rgba(226,36,28,.08);
	border-radius:16px;
	color:var(--red);
	margin-bottom:24px;
	display:flex;align-items:center;justify-content:center;
	transition:background .3s;
}
.trust-item:hover .trust-ic{background:rgba(226,36,28,.14);}
.trust-ic i{font-size:26px;}
.trust-ic img{width:32px;height:32px;display:block;}
.trust-ic svg{width:44px;height:44px;}
.trust-kicker{
	display:block;
	font-size:10px;
	font-weight:700;
	letter-spacing:.11em;
	text-transform:uppercase;
	color:var(--red);
	margin-bottom:10px;
}
.trust-body h4{
	font-family:var(--display);
	font-size:clamp(17px,1.45vw,21px);
	font-weight:400;
	line-height:1.18;
	margin:0 0 14px;
	color:var(--black);
	letter-spacing:-.01em;
}
.trust-body p{
	font-size:14px;
	line-height:1.7;
	color:var(--mute);
	margin:0;
}
@media (max-width:980px){
	.trust-grid{grid-template-columns:1fr 1fr;border-left:none;}
	.trust-item{border-bottom:1px solid var(--line);}
	.trust-item:nth-child(2n){border-right:1px solid var(--line);}
}
@media (max-width:560px){
	.trust-grid{grid-template-columns:1fr;}
	.trust-item:nth-child(2n){border-right:none;}
}

/* ============================================================
   REVIEWS / TESTIMONIALS
   ============================================================ */
.reviews-sec{background:var(--smoke);}
.reviews-sec .sec-title{text-align:center;max-width:760px;margin:0 auto clamp(40px,5vw,60px);}
.reviews-sec .sec-title .kicker{display:inline-flex;justify-content:center;}
.reviews-sec .sec-lead{
	margin-top:14px;font-size:15px;line-height:1.7;color:var(--mute);
}
.rev-link{
	color:var(--red);font-weight:600;text-decoration:none;
	border-bottom:1px solid transparent;transition:border-color .2s;
	white-space:nowrap;
}
.rev-link:hover{border-bottom-color:var(--red);}
.reviews-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:clamp(20px,2.2vw,28px);
}
.rev-card{
	background:#fff;
	border:1px solid var(--line);
	border-radius:var(--r-2);
	padding:clamp(22px,2.4vw,28px);
	display:flex;flex-direction:column;
	transition:transform .3s, box-shadow .3s, border-color .3s;
	position:relative;
}
.rev-card:hover{
	transform:translateY(-4px);
	box-shadow:var(--sh-md);
	border-color:rgba(226,36,28,.20);
}
.rev-card::before{
	content:'\201C';
	position:absolute;top:14px;right:22px;
	font-family:var(--display);
	font-size:64px;line-height:1;
	color:var(--red);opacity:.10;
	font-weight:800;
}
.rev-stars{
	display:inline-flex;gap:2px;margin-bottom:14px;
}
.rev-stars svg{width:18px;height:18px;color:#FFC628;}
.rev-text{
	font-size:15px;line-height:1.65;color:var(--ink);
	margin:0 0 22px;flex:1;
}
.rev-author{
	display:flex;align-items:center;gap:12px;
	padding-top:16px;border-top:1px solid var(--line);
}
.rev-avatar{
	width:40px;height:40px;border-radius:var(--r-pill);
	background:linear-gradient(135deg,var(--red) 0%, var(--red-dark) 100%);
	color:#fff;font-weight:700;font-family:var(--display);
	display:inline-flex;align-items:center;justify-content:center;
	font-size:16px;flex:0 0 auto;
}
.rev-author > div:not(.rev-avatar){flex:1;}
.rev-author b{display:block;font-size:14px;color:var(--ink);}
.rev-author small{display:block;font-size:12px;color:var(--mute);margin-top:1px;}
.rev-google{width:18px;height:18px;flex:0 0 auto;opacity:.85;}

.reviews-foot{margin-top:36px;text-align:center;}
.rev-social{
	display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;
	font-size:14px;color:var(--mute);
}
.rev-social > span{margin-right:6px;}
.rev-soc-btn{
	display:inline-flex;align-items:center;gap:8px;
	padding:8px 14px;border-radius:var(--r-pill);
	background:#fff;border:1px solid var(--line);
	color:var(--ink);font-weight:600;font-size:13px;
	text-decoration:none;
	transition:background .2s, color .2s, border-color .2s, transform .2s;
}
.rev-soc-btn svg{width:14px;height:14px;}
.rev-soc-btn:hover{
	background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-1px);
}
@media (max-width:980px){
	.reviews-grid{grid-template-columns:1fr;}
}

/* ============================================================
   FAQ ACCORDION
   ============================================================ */
.faq-sec .sec-title{text-align:center;max-width:680px;margin:0 auto clamp(36px,5vw,52px);}
.faq-sec .sec-title .kicker{display:inline-flex;justify-content:center;}
.faq-list{
	max-width:820px;margin:0 auto;
	display:flex;flex-direction:column;gap:12px;
}
.faq-item{
	background:#fff;
	border:1px solid var(--line);
	border-radius:var(--r-2);
	overflow:hidden;
	transition:border-color .2s, box-shadow .2s;
}
.faq-item[open]{
	border-color:rgba(226,36,28,.22);
	box-shadow:var(--sh-sm);
}
.faq-item summary{
	list-style:none;
	cursor:pointer;
	padding:18px 22px;
	font-family:var(--display);
	font-size:16px;
	font-weight:600;
	color:var(--ink);
	display:flex;align-items:center;justify-content:space-between;gap:16px;
	transition:color .2s;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary:hover{color:var(--red);}
.faq-chev{
	flex:0 0 auto;
	width:30px;height:30px;
	display:inline-flex;align-items:center;justify-content:center;
	border-radius:var(--r-pill);
	background:var(--smoke);
	color:var(--ink);
	transition:transform .25s ease, background .2s, color .2s;
}
.faq-chev svg{width:16px;height:16px;}
.faq-item[open] .faq-chev{
	transform:rotate(180deg);
	background:var(--red);
	color:#fff;
}
.faq-item p{
	margin:0;
	padding:0 22px 22px;
	font-size:14.5px;line-height:1.7;color:var(--mute);
}
.faq-item p b{color:var(--ink);font-weight:600;}
@media (max-width:560px){
	.faq-item summary{font-size:15px;padding:16px 18px;}
	.faq-item p{padding:0 18px 18px;font-size:14px;}
}

/* === REVIEWS-SLIDER-PASS === Google Reviews carousel === */
.reviews-sec { padding-block: clamp(60px, 8vw, 110px); background: var(--smoke); }
.reviews-sec .wrap { max-width: 1240px; }

/* Summary header */
.rv-summary {
display: grid; grid-template-columns: 1fr auto; gap: clamp(20px, 4vw, 60px);
align-items: end; margin-bottom: clamp(28px, 4vw, 48px);
}
.rv-summary-left {
display: flex; flex-direction: column; align-items: flex-start; gap: 0;
}
.rv-summary-left .kicker {
display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: .14em;
text-transform: uppercase; color: var(--red); margin-bottom: 14px;
}
.rv-summary-left h2 {
font-family: 'Inter Tight', Inter, sans-serif; font-weight: 800;
font-size: clamp(28px, 4vw, 48px); line-height: 1.05; letter-spacing: -.02em;
margin: 0 0 12px; color: var(--ink);
}
.rv-summary-left .sec-lead { color: var(--mute); max-width: 56ch; margin: 0; }
.rv-summary-right {
display: flex; flex-direction: column; align-items: flex-end; gap: 4px;
text-decoration: none; color: var(--ink); padding: 18px 22px;
background: #fff; border: 1px solid var(--line); border-radius: var(--r-2);
box-shadow: var(--sh-sm); transition: transform .25s, box-shadow .25s;
}
.rv-summary-right:hover { transform: translateY(-2px); box-shadow: var(--sh-md); }
.rv-rating-num {
font-family: 'Inter Tight', sans-serif; font-weight: 800; font-size: 44px;
line-height: 1; background: linear-gradient(135deg, var(--red), var(--red-dark));
-webkit-background-clip: text; background-clip: text; color: transparent;
}
.rv-stars-inline { display: inline-flex; gap: 2px; }
.rv-rating-sub { font-size: 13px; color: var(--mute); }
.rv-rating-sub b { color: var(--ink); }

/* Stars */
.r-star { width: 16px; height: 16px; color: #f5b301; flex: 0 0 auto; }
.r-star-empty { color: #e3e6ea; }
.rv-stars { display: inline-flex; gap: 2px; }

/* Slider */
.rv-slider { position: relative; }
.rv-track {
display: flex; gap: 20px;
overflow-x: auto; scroll-snap-type: x mandatory;
scroll-behavior: smooth; -webkit-overflow-scrolling: touch;
padding: 6px 4px 18px;
scrollbar-width: none;
}
.rv-track::-webkit-scrollbar { display: none; }

.rv-card {
flex: 0 0 calc((100% - 40px) / 3);
scroll-snap-align: start;
background: #fff; border: 1px solid var(--line); border-radius: var(--r-2);
padding: 22px 22px 24px; box-shadow: var(--sh-sm);
display: flex; flex-direction: column; gap: 14px;
transition: transform .25s, box-shadow .25s, border-color .25s;
}
.rv-card:hover { transform: translateY(-3px); box-shadow: var(--sh-md); border-color: rgba(226,36,28,.18); }

.rv-head { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; }
.rv-avatar {
width: 44px; height: 44px; border-radius: 50%; object-fit: cover;
background: var(--smoke); border: 1px solid var(--line); flex: 0 0 auto;
}
.rv-avatar-fallback {
display: flex; align-items: center; justify-content: center;
color: #fff; font-weight: 700; font-family: 'Inter Tight', sans-serif;
background: linear-gradient(135deg, var(--red), var(--red-dark));
border: none;
}
.rv-meta { min-width: 0; }
.rv-name { font-weight: 700; color: var(--ink); font-size: 15px; line-height: 1.2; }
.rv-time { font-size: 12px; color: var(--mute); margin-top: 2px; }
.rv-google { width: 18px; height: 18px; flex: 0 0 auto; }

.rv-text {
margin: 0; color: #2a2f37; font-size: 15px; line-height: 1.55;
}
.rv-clamp {
display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;
overflow: hidden;
}

/* Arrows */
.rv-arrow {
position: absolute; top: 50%; transform: translateY(-50%);
width: 44px; height: 44px; border-radius: 50%;
background: #fff; border: 1px solid var(--line); color: var(--ink);
display: grid; place-items: center; cursor: pointer;
box-shadow: var(--sh-md); z-index: 3;
transition: background .2s, color .2s, transform .2s, opacity .2s;
}
.rv-arrow:hover { background: var(--red); color: #fff; border-color: var(--red); }
.rv-arrow:disabled { opacity: .35; cursor: default; }
.rv-arrow svg { width: 20px; height: 20px; }
.rv-prev { left: -10px; }
.rv-next { right: -10px; }
@media (max-width: 720px) { .rv-prev { left: 4px; } .rv-next { right: 4px; } }

/* Dots */
.rv-dots {
display: flex; justify-content: center; gap: 8px; margin-top: 18px;
}
.rv-dot {
width: 8px; height: 8px; border-radius: 50%; border: none;
background: rgba(11,13,16,.2); cursor: pointer; padding: 0;
transition: background .25s, transform .25s, width .25s;
}
.rv-dot.is-active { background: var(--red); width: 22px; border-radius: 4px; }

/* Foot CTA */
.rv-foot { text-align: center; margin-top: 22px; }
.rv-cta {
display: inline-flex; align-items: center; gap: 10px;
padding: 12px 22px; border-radius: var(--r-pill);
background: #fff; border: 1px solid var(--line);
color: var(--ink); font-weight: 600; text-decoration: none;
box-shadow: var(--sh-sm); transition: transform .2s, box-shadow .2s, border-color .2s;
}
.rv-cta:hover { transform: translateY(-1px); box-shadow: var(--sh-md); border-color: rgba(226,36,28,.3); }
.rv-cta .rv-google { width: 20px; height: 20px; }

/* Empty */
.rv-empty {
text-align: center; padding: 40px 20px; color: var(--mute);
background: #fff; border: 1px dashed var(--line); border-radius: var(--r-2);
}
.rv-empty a { color: var(--red); font-weight: 600; text-decoration: none; }

/* Responsive */
@media (max-width: 1024px) {
.rv-card { flex-basis: calc((100% - 20px) / 2); }
}
@media (max-width: 720px) {
.rv-summary { display: flex; flex-direction: column; gap: 20px; }
.rv-summary-right { align-self: stretch; align-items: flex-start; }
.rv-rating-num { font-size: 36px; }
.rv-card { flex-basis: 88%; }
}

/* === REVIEWS-SLIDER-PASS-2 === Verified badge + directions CTA === */
.rv-verified {
margin-top: auto; padding-top: 14px;
display: inline-flex; align-items: center; gap: 8px;
font-size: 12px; color: var(--mute); font-weight: 600;
border-top: 1px solid var(--line);
}
.rv-verified svg { width: 16px; height: 16px; flex: 0 0 auto; }
.rv-verified span { letter-spacing: .01em; }
.rv-card { justify-content: flex-start; }

.rv-rating-pow {
display: inline-flex; align-items: center; gap: 6px;
font-size: 11px; color: var(--mute); margin-top: 4px;
letter-spacing: .02em;
}
.rv-rating-pow .rv-google { width: 14px; height: 14px; }

/* Dual CTA footer */
.rv-foot { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.rv-cta-primary { background: var(--ink); color: #fff; border-color: var(--ink); }
.rv-cta-primary:hover { background: var(--red); border-color: var(--red); color: #fff; }
.rv-cta-ghost svg { color: var(--red); }


/* === CAR-MODAL-PASS === */
/* Make car cards visibly clickable */
.car-card.is-clickable { cursor: pointer; transition: transform .25s, box-shadow .25s, border-color .25s; }
.car-card.is-clickable:hover { transform: translateY(-3px); box-shadow: var(--sh-md); border-color: rgba(226,36,28,.2); }
.car-card.is-clickable:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
.car-card .car-thumb { position: relative; overflow: hidden; }
.car-card .car-thumb::after {
	content: ''; position: absolute; inset: 0;
	background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,.35));
	opacity: 0; transition: opacity .3s; pointer-events: none;
}
.car-card.is-clickable:hover .car-thumb::after { opacity: 1; }
.car-card .car-thumb img { transition: transform .5s; }
.car-card.is-clickable:hover .car-thumb img { transform: scale(1.04); }

/* Body lock */
body.cm-open { overflow: hidden; }

/* Modal */
.cm-modal {
	position: fixed; inset: 0; z-index: 1000;
	display: flex; align-items: center; justify-content: center;
	padding: 16px;
	visibility: hidden; opacity: 0;
	transition: opacity .25s, visibility .25s;
}
.cm-modal[aria-hidden="false"] { visibility: visible; opacity: 1; }
.cm-backdrop {
	position: absolute; inset: 0;
	background: rgba(11,13,16,.72); backdrop-filter: blur(4px);
	cursor: pointer;
}
.cm-dialog {
	position: relative; z-index: 2;
	background: #fff; color: var(--ink);
	width: min(1080px, 100%); max-height: 92vh;
	border-radius: var(--r-3); overflow: hidden;
	display: flex; flex-direction: column;
	box-shadow: 0 30px 80px rgba(0,0,0,.4);
	transform: translateY(12px); transition: transform .3s;
}
.cm-modal[aria-hidden="false"] .cm-dialog { transform: translateY(0); }

.cm-close {
	position: absolute; top: 14px; right: 14px; z-index: 5;
	width: 38px; height: 38px; border-radius: 50%;
	background: rgba(255,255,255,.95); border: 1px solid var(--line);
	color: var(--ink); cursor: pointer; display: grid; place-items: center;
	box-shadow: var(--sh-sm); transition: background .2s, color .2s;
}
.cm-close:hover { background: var(--red); color: #fff; border-color: var(--red); }
.cm-close svg { width: 18px; height: 18px; }

.cm-header {
	padding: 22px 64px 16px 28px;
	border-bottom: 1px solid var(--line);
	display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
}
.cm-badge {
	display: inline-block; padding: 5px 12px; border-radius: var(--r-pill);
	background: var(--red); color: #fff; font-size: 11px; font-weight: 700;
	letter-spacing: .12em; text-transform: uppercase;
}
.cm-title {
	margin: 0; font-family: 'Inter Tight', Inter, sans-serif;
	font-weight: 800; font-size: clamp(22px, 3vw, 30px);
	letter-spacing: -.02em; color: var(--ink);
}

.cm-body {
	display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
	gap: 0; flex: 1; min-height: 0; overflow: hidden;
}
@media (max-width: 880px) {
	.cm-body { grid-template-columns: 1fr; overflow-y: auto; }
	.cm-main { flex: none; height: 260px; }
}

/* Gallery */
.cm-gallery {
	display: flex; flex-direction: column; gap: 12px;
	padding: 24px; background: var(--smoke);
	min-height: 0; overflow: hidden;
}
.cm-main {
	position: relative; flex: 1; min-height: 0;
	background: #111; border-radius: var(--r-2); overflow: hidden;
	display: flex; align-items: center; justify-content: center;
}
.cm-main-img {
	max-width: 100%; max-height: 100%; width: auto; height: auto; display: block;
}
.cm-main-vid {
	max-width: 100%; max-height: 100%; width: auto; height: auto; display: none; outline: none;
}
.cm-thumb-play {
	width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
	background: #111; color: #fff; border-radius: 6px;
}
.cm-thumb-play svg { width: 22px; height: 22px; }
.cm-nav {
	position: absolute; top: 50%; transform: translateY(-50%);
	width: 40px; height: 40px; border-radius: 50%;
	background: rgba(255,255,255,.95); border: 1px solid var(--line);
	color: var(--ink); cursor: pointer; display: grid; place-items: center;
	box-shadow: var(--sh-sm); transition: background .2s, color .2s;
	z-index: 2;
}
.cm-nav:hover { background: var(--red); color: #fff; border-color: var(--red); }
.cm-nav svg { width: 18px; height: 18px; }
.cm-prev { left: 12px; }
.cm-next { right: 12px; }

.cm-thumbs {
	display: flex; gap: 8px; overflow-x: auto;
	scrollbar-width: thin; padding-bottom: 4px;
}
.cm-thumb {
	flex: 0 0 auto; width: 72px; height: 54px;
	padding: 0; border: 2px solid transparent; border-radius: 8px;
	background: #fff; cursor: pointer; overflow: hidden;
	transition: border-color .2s, transform .2s;
}
.cm-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cm-thumb:hover { transform: translateY(-1px); }
.cm-thumb.is-active { border-color: var(--red); }

/* Content */
.cm-content {
	padding: 24px 28px 28px;
	overflow-y: auto;
}
.cm-loading, .cm-empty {
	color: var(--mute); padding: 40px 0; text-align: center;
}
.cm-price {
	display: inline-flex; align-items: center; gap: 9px;
	margin: 0 0 16px;
	padding: 10px 20px 10px 12px;
	background: var(--red-soft);
	border: 1px solid rgba(226,36,28,.18);
	border-radius: 999px;
	font-size: 18px; font-weight: 800; letter-spacing: .1px;
	color: var(--red-dark);
}
.cm-price-dot {
	width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0;
	background: var(--red) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.71.306 1.263.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347'/></svg>") center/14px no-repeat;
}
.cm-desc {
	margin: 0 0 18px; color: #2a2f37; font-size: 15px; line-height: 1.6;
}
.cm-h3 {
	margin: 18px 0 10px;
	font-family: 'Inter Tight', sans-serif; font-weight: 700;
	font-size: 13px; letter-spacing: .12em; text-transform: uppercase;
	color: var(--mute);
}
.cm-highlights {
	list-style: none; margin: 0; padding: 0;
	display: flex; flex-direction: column; gap: 8px;
}
.cm-highlights li {
	position: relative; padding-left: 26px;
	font-size: 14px; color: var(--ink); line-height: 1.5;
}
.cm-highlights li::before {
	content: ''; position: absolute; left: 0; top: 4px;
	width: 18px; height: 18px; border-radius: 50%;
	background: var(--red) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M5 12l5 5 9-10'/></svg>") center/12px no-repeat;
}

.cm-specs {
	display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 16px;
}
@media (max-width: 480px) { .cm-specs { grid-template-columns: 1fr; } }
.cm-spec {
	display: flex; justify-content: space-between; gap: 10px;
	padding: 10px 12px; background: var(--smoke);
	border-radius: 10px; font-size: 13px;
}
.cm-spec-l { color: var(--mute); font-weight: 500; }
.cm-spec-v { color: var(--ink); font-weight: 700; text-align: right; }

.cm-actions {
	display: flex; gap: 10px; margin-top: 22px; flex-wrap: wrap;
}
.cm-cta {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 12px 20px; border-radius: var(--r-pill);
	font-weight: 700; font-size: 14px;
	text-decoration: none; cursor: pointer;
	transition: transform .2s, box-shadow .2s, background .2s, color .2s;
}
.cm-cta-wa {
	background: #25D366; color: #fff; border: 1px solid #25D366;
	box-shadow: 0 8px 18px rgba(37,211,102,.25);
}
.cm-cta-wa:hover { transform: translateY(-1px); box-shadow: 0 12px 24px rgba(37,211,102,.35); }
.cm-cta-wa .ic-wa { width: 18px; height: 18px; fill: currentColor; }
.cm-cta-ghost {
	background: transparent; color: var(--ink); border: 1px solid var(--line);
}
.cm-cta-ghost:hover { background: var(--ink); color: #fff; border-color: var(--ink); }

/* Mobile fine-tuning */
@media (max-width: 720px) {
	.cm-modal { padding: 0; }
	.cm-dialog { max-height: 100vh; height: 100%; border-radius: 0; }
	.cm-header { padding: 18px 56px 12px 18px; }
	.cm-gallery { padding: 16px; }
	.cm-content { padding: 18px; }
}

/* ============================================================
   ABOUT - REEL VIDEO SECTION
   ============================================================ */
.reel-sec .sec-title{max-width:860px;margin-left:auto;margin-right:auto;text-align:center;}
.reel-sec .sec-title .lead{margin-top:14px;color:#444;font-size:17px;line-height:1.65;}
.reel-wrap{margin-top:28px;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 18px 50px rgba(0,0,0,.18);border:1px solid var(--line);max-width:640px;margin-left:auto;margin-right:auto;}
.reel-wrap .reel-video{display:block;width:100%;height:auto;object-fit:contain;background:#000;}
@media (max-width:880px){.reel-wrap{max-width:100%;}.reel-wrap .reel-video{width:100%;height:auto;}}


/* ============================================================
   MOBILE / TABLET DRAWER NAV (overrides earlier rules)
   Breakpoint: <= 1100px (covers tablets and phones)
   ============================================================ */
@media (max-width:1100px){
	html.nav-locked, html.nav-locked body{overflow:hidden;}

	/* Header layout on mobile/tablet */
	.site-header .wrap{gap:12px;}
	.site-header .brand img{height:40px;}

	/* Hide desktop nav, show burger */
	.nav>a:not(.nav-cta){display:none;}
	.nav .lang-switch{display:none;}
	.nav .nav-cta{display:none;}
	.burger{display:inline-flex;}

	/* Backdrop - transparent, click-through-friendly area outside drawer to close */
	.nav-backdrop{
		position:fixed;inset:0;background:transparent;
		opacity:0;pointer-events:none;transition:opacity .2s ease;
		z-index:240;
	}
	.nav-backdrop.show{opacity:1;pointer-events:auto;}

	/* Drawer container — reuse existing .nav */
	.nav{
		position:fixed;
		top:0;right:0;
		width:min(420px,92vw);height:100dvh;height:100vh;
		background:linear-gradient(180deg,#fff 0%,#fafafa 100%);
		display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;
		padding:0 0 32px 0;
		box-shadow:-30px 0 80px -20px rgba(0,0,0,.45);
		transform:translateX(100%);
		transition:transform .35s cubic-bezier(.22,.8,.22,1),visibility 0s linear .35s;
		z-index:250;
		overflow-y:auto;
		-webkit-overflow-scrolling:touch;
		overscroll-behavior:contain;
		touch-action:pan-y;
		border-left:1px solid rgba(0,0,0,.06);
		visibility:hidden;
	}
	.nav.open,
	.site-header.menu-open .nav{
		transform:translateX(0);
		visibility:visible;
		transition:transform .35s cubic-bezier(.22,.8,.22,1),visibility 0s linear 0s;
	}

	/* Drawer header strip */
	.nav::before{
		content:"";display:block;height:6px;
		background:linear-gradient(90deg,var(--red) 0%,var(--red-light) 100%);
	}
	.nav-head{
		display:flex;align-items:center;justify-content:space-between;
		padding:18px 22px 14px;border-bottom:1px solid rgba(0,0,0,.06);
		background:#fff;
	}
	.nav-head .nav-title{font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:-.01em;color:var(--ink);}
	.nav-head .nav-title b{color:var(--red);}
	.nav-close{
		width:40px;height:40px;border-radius:12px;border:1px solid rgba(0,0,0,.08);
		background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;
		cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease;
	}
	.nav-close:hover{background:var(--ink);color:#fff;transform:rotate(90deg);}
	.nav-close svg{width:20px;height:20px;}

	/* Links list */
	.nav>a:not(.nav-cta){
		display:flex !important;align-items:center;gap:14px;
		padding:16px 22px;margin:0;
		font-family:var(--display);font-size:17px;font-weight:600;letter-spacing:-.01em;
		color:var(--ink);text-decoration:none;
		border-bottom:1px solid rgba(0,0,0,.05);
		border-radius:0;
		position:relative;
		transition:background .2s ease,color .2s ease,padding-left .2s ease;
	}
	.nav>a:not(.nav-cta)::before{
		content:"";position:absolute;left:0;top:0;bottom:0;width:0;
		background:var(--red);transition:width .2s ease;
	}
	.nav>a:not(.nav-cta):hover{background:#fff5f5;color:var(--red);padding-left:30px;}
	.nav>a:not(.nav-cta):hover::before{width:4px;}
	.nav>a:not(.nav-cta).active{color:var(--red);background:#fff5f5;}
	.nav>a:not(.nav-cta).active::before{width:4px;}

	/* Link icon */
	.nav>a:not(.nav-cta) .nav-ic{
		width:34px;height:34px;border-radius:10px;background:#f3f3f3;
		display:inline-flex;align-items:center;justify-content:center;color:var(--ink);
		flex:0 0 auto;transition:background .2s ease,color .2s ease;
	}
	.nav>a:not(.nav-cta) .nav-ic svg{width:18px;height:18px;}
	.nav>a:not(.nav-cta) .nav-ic img{width:18px;height:18px;display:block;}
	.nav>a:not(.nav-cta):hover .nav-ic{background:var(--red);color:#fff;}
	.nav>a:not(.nav-cta):hover .nav-ic img{filter:brightness(0) invert(1);}

	/* Language switcher inside drawer */
	.nav .lang-switch{
		display:flex !important;justify-content:center;gap:10px;
		padding:18px 22px 8px;
		border:0 !important;
		border-radius:0 !important;
		overflow:visible !important;
		height:auto !important;
		background:transparent !important;
	}
	.nav .lang-switch a{
		flex:1;text-align:center;padding:14px 0;border:1px solid rgba(0,0,0,.08);
		border-radius:12px;font-weight:800;font-size:14px;letter-spacing:1px;
		color:var(--ink);background:#fff;text-decoration:none;
		transition:background .2s ease,color .2s ease,border-color .2s ease;
	}
	.nav .lang-switch a:hover{background:var(--ink);color:#fff;border-color:var(--ink);}
	.nav .lang-switch a.active{background:var(--red);color:#fff;border-color:var(--red);}

	/* CTA stack at the bottom */
	.nav-foot{
		margin-top:18px;padding:18px 22px 28px;
		display:flex;flex-direction:column;gap:10px;
		background:#fff;border-top:1px solid rgba(0,0,0,.06);
	}
	/* Stack WhatsApp and Call vertically (like menu rows) */
	.nav-foot .btn-row{display:flex;flex-direction:column;gap:10px;}
	.nav-foot .btn-wa,
	.nav-foot .btn-call{
		width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;
		padding:14px 14px;border-radius:12px;font-weight:800;font-size:14px;letter-spacing:.4px;
		text-decoration:none;text-transform:uppercase;
		transition:transform .15s ease,box-shadow .2s ease,background .2s ease;
	}
	.nav-foot .btn-wa{background:var(--wa);color:#fff;box-shadow:0 10px 24px -10px rgba(37,211,102,.6);}
	.nav-foot .btn-wa:hover{background:var(--wa-dark);transform:translateY(-1px);}
	.nav-foot .btn-call{background:var(--ink);color:#fff;}
	.nav-foot .btn-call:hover{background:var(--red);}
	.nav-foot .btn-wa svg,.nav-foot .btn-call svg{width:18px;height:18px;}

	.nav-foot .nav-book{
		display:inline-flex;align-items:center;justify-content:center;gap:10px;
		padding:16px;border-radius:12px;
		background:linear-gradient(135deg,var(--red) 0%,var(--red-dark) 100%);
		color:#fff;font-weight:800;font-size:14px;letter-spacing:1px;text-transform:uppercase;
		text-decoration:none;box-shadow:0 14px 30px -10px rgba(230,0,0,.55);
	}
	.nav-foot .nav-book:hover{transform:translateY(-1px);}
	.nav-foot .nav-book svg{width:18px;height:18px;}

	.nav-foot .nav-meta{
		display:flex;align-items:center;justify-content:flex-start;gap:10px;
		margin-top:6px;font-size:12px;color:#666;
	}
	.nav-foot .nav-meta .pill{
		display:inline-flex;align-items:center;gap:6px;
		padding:6px 10px;border-radius:999px;background:#f3f3f3;color:var(--ink);font-weight:700;
	}
	.nav-foot .nav-meta .pill .dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.18);}
	/* Social icons removed from drawer foot — Facebook/Instagram already in menu list */
	.nav-foot .nav-socials{display:none !important;}

	/* Animated burger -> X */
	.burger{
		width:42px;height:42px;border-radius:12px;border:1px solid rgba(0,0,0,.08);
		background:#fff;color:var(--ink);position:relative;z-index:260;
		transition:background .2s ease,color .2s ease,border-color .2s ease;
	}
	.burger:hover{background:var(--ink);color:#fff;border-color:var(--ink);}
	.site-header.menu-open .burger{background:var(--ink);color:#fff;border-color:var(--ink);}
}

/* Tablet — slightly different drawer width */
@media (min-width:641px) and (max-width:1100px){
	.nav{width:min(440px,80vw);}
}

/* Phone polish */
@media (max-width:640px){
	.site-header .wrap{padding-top:10px;padding-bottom:10px;}
	.site-header .brand img{height:36px;}
	.burger{width:40px;height:40px;}
	.nav-head{padding:16px 18px 12px;}
	.nav>a:not(.nav-cta){padding:14px 18px;font-size:16px;}
	.nav-foot{padding:16px 18px 22px;}
}

@media (prefers-reduced-motion:reduce){
	.nav{transition:none !important;}
	.nav-backdrop{transition:none !important;}
}


/* ============================================================
   MOBILE / TABLET DRAWER NAV � FINAL OVERRIDE
   ============================================================ */
@media (max-width:1100px){
.nav{
max-width:none !important;
right:0 !important;
width:min(420px,92vw) !important;
padding:0 0 32px 0 !important;
transition:transform .35s cubic-bezier(.22,.8,.22,1) !important;
transform:translateX(100%);
background:linear-gradient(180deg,#fff 0%,#fafafa 100%) !important;
}
.nav.open{transform:translateX(0) !important;}
.nav>a:not(.nav-cta){padding:16px 22px !important;border-bottom:1px solid rgba(0,0,0,.05) !important;}
}
@media (min-width:641px) and (max-width:1100px){
.nav{width:min(440px,80vw) !important;}
}
@media (max-width:1100px){
.nav, .site-header.menu-open .nav{
top:0 !important;
left:auto !important;
right:0 !important;
bottom:0 !important;
height:100vh !important;
height:100dvh !important;
max-width:none !important;
width:min(420px,92vw) !important;
padding:0 0 32px 0 !important;
gap:0 !important;
background:linear-gradient(180deg,#fff 0%,#fafafa 100%) !important;
border-bottom:none !important;
box-shadow:-30px 0 80px -20px rgba(0,0,0,.45) !important;
overflow-y:auto !important;
-webkit-overflow-scrolling:touch !important;
}
}
@media (min-width:641px) and (max-width:1100px){
.nav, .site-header.menu-open .nav{width:min(440px,80vw) !important;}
}
/* Hide floating CTAs while drawer is open */
html.nav-locked .wa-float,
html.nav-locked .book-float,
html.nav-locked .mcta{display:none !important;}

/* ============================================================
   DRAWER OPEN — kill ALL blur/dim and keep page interactive
   ============================================================ */
html.nav-locked,
html.nav-locked body,
html.nav-locked .site-header,
html.nav-locked .topbar,
html.nav-locked .site-header *,
html.nav-locked .hero,
html.nav-locked .hero *{
	backdrop-filter:none !important;
	-webkit-backdrop-filter:none !important;
	filter:none !important;
}
.nav-backdrop,
.nav-backdrop.show{
	backdrop-filter:none !important;
	-webkit-backdrop-filter:none !important;
	background:transparent !important;
}
html.nav-locked .nav-backdrop{
	z-index:300 !important;
	pointer-events:auto !important;
	opacity:1 !important;
}
html.nav-locked .nav{z-index:310 !important;}
/* Header creates a stacking context (sticky+z-index). The drawer lives
   INSIDE the header, so the header itself must sit above the backdrop
   when the menu is open — otherwise clicks on the drawer fall through
   to the backdrop and immediately close the menu. */
html.nav-locked .site-header{z-index:320 !important;}

/* ============================================================
   DRAWER SCROLL — guarantee internal scrolling on mobile
   ============================================================ */
@media (max-width:1100px){
	.nav{
		overflow-y:auto !important;
		overflow-x:hidden !important;
		-webkit-overflow-scrolling:touch !important;
		touch-action:pan-y !important;
		overscroll-behavior:contain !important;
		height:100vh !important;
		height:100dvh !important;
		max-height:100vh !important;
		max-height:100dvh !important;
		padding-bottom:40px !important;
	}
	/* Hide the desktop "Book Now" pill inside the drawer — drawer foot already has one */
	.nav .nav-cta{display:none !important;}
}
/* ============================================================
   BRAND / TECH LOGO CHIPS (car modal + fleet cards)
   ============================================================ */
.cm-highlights{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:8px;}
.cm-highlights li{
	display:flex;align-items:center;justify-content:space-between;gap:14px;
	padding:12px 14px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fafafa;
	font-size:14px;line-height:1.45;color:var(--ink);
}
.cm-highlights li .cm-hi-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0;}
.cm-bchip{
	display:inline-flex;align-items:center;justify-content:center;
	height:26px;min-width:26px;padding:0 8px;border-radius:8px;
	background:#fff;border:1px solid rgba(0,0,0,.1);color:var(--ink);
	box-shadow:0 1px 2px rgba(0,0,0,.05);
}
.cm-bchip svg{height:14px;width:auto;display:block;}
.cm-b-carplay,.cm-b-android{color:#0a0a0a;}
.cm-b-bluetooth{color:#0a3d91;background:#eaf1ff;border-color:#cdd9f5;}
.cm-b-fourwd{color:#fff;background:linear-gradient(135deg,var(--red),var(--red-dark));border-color:transparent;}
.cm-b-fourwd svg text{fill:#fff;}
.cm-b-audi,.cm-b-mercedes,.cm-b-bmw,.cm-b-vw,.cm-b-volvo,.cm-b-skoda,.cm-b-toyota,.cm-b-porsche,.cm-b-suzuki{color:#0a0a0a;}
.cm-b-porsche svg text{fill:#0a0a0a;}
.cm-b-suzuki{background:#0a3d91;color:#fff;border-color:transparent;}
.cm-b-suzuki svg text{fill:#fff;}
.cm-b-toyota{color:#cc0000;}
.cm-b-bmw{color:#1c69d4;}

.cm-title-brand{display:inline-flex;gap:6px;margin-left:10px;vertical-align:middle;}
.cm-title-brand .cm-bchip{height:24px;}

/* Fleet card brand mark */
.car-card{position:relative;}
.car-card .car-brand-mark{
	position:absolute;top:12px;left:12px;z-index:2;
	display:inline-flex;align-items:center;gap:6px;
	padding:6px 10px;border-radius:999px;
	background:rgba(255,255,255,.95);
	-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
	box-shadow:0 4px 14px rgba(0,0,0,.12);
	font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--ink);
}
.car-card .car-brand-mark svg{height:14px;width:auto;}

@media (max-width:640px){
	.cm-highlights li{flex-direction:column;align-items:flex-start;gap:8px;}
}

/* Hide drawer-only chrome on desktop */
@media (min-width:1101px){
  .nav-head, .nav-foot, .nav-backdrop{display:none !important;}
  .nav .nav-ic{display:none !important;}
  .nav>a:not(.nav-cta){display:inline-flex !important;}
}

/* ============================================================
   SEC-DARK polish: ensure leads, FAQ items, contact form, and
   sec-cta button render correctly on dark backgrounds.
   ============================================================ */
.sec-dark .sec-lead,
.sec-dark .sec-title p,
.sec-dark p{color:rgba(255,255,255,.78);}
.sec-dark .kicker{color:var(--red-light);}
.sec-dark .kicker::before{background:var(--red-light);}
.sec-dark .faq-item{background:#fff;border-color:transparent;}
.sec-dark .faq-item p{color:#444;}
.sec-dark .faq-chev{background:#f3f3f3;color:var(--ink);}
.sec-dark .faq-item summary{color:var(--ink);}
.sec-dark .faq-item summary:hover{color:var(--red);}
.sec-dark .input,
.sec-dark input,
.sec-dark textarea,
.sec-dark select{
background:#fff;color:var(--ink);
border-color:rgba(255,255,255,.15);
}
.sec-dark .sec-cta a.btn,
.sec-dark .fleet-cta a.btn{box-shadow:0 16px 36px -12px rgba(226,36,28,.65);}
.sec-dark .usp-card,
.sec-dark .car-card{color:var(--ink);}
.sec-dark .usp-card p,
.sec-dark .car-card p{color:var(--mute);}
.sec-dark .usp-card h3{color:var(--ink);}

/* ============================================================
   FEELS ROW - "Drive Different. Feel Different." pillars
   ============================================================ */
.feels-row{
	display:grid;grid-template-columns:repeat(3,1fr);
	gap:clamp(24px,3vw,48px);
	margin-top:clamp(56px,7vw,96px);
	padding-top:clamp(48px,6vw,72px);
	border-top:1px solid var(--line);
}
.feels-card{
	position:relative;padding:28px 24px 24px;
	background:linear-gradient(145deg,#fafafa,#fff);
	border:1px solid rgba(0,0,0,.04);
	border-radius:var(--r-2);
	transition:transform .3s ease,box-shadow .3s ease;
}
.feels-card:hover{
	transform:translateY(-4px);
	box-shadow:0 24px 48px -16px rgba(0,0,0,.08);
}
.feels-num{
	font-family:var(--display);font-weight:400;
	font-size:clamp(42px,5vw,64px);line-height:1;letter-spacing:-2px;
	background:linear-gradient(135deg,var(--red),#c41e3a);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	background-clip:text;
	margin-bottom:18px;
	display:block;
}
.feels-card h3{
	font-family:var(--display);font-weight:400;
	font-size:clamp(20px,2vw,26px);line-height:1.15;
	letter-spacing:-.4px;text-transform:uppercase;
	margin:0 0 14px;color:var(--ink);
}
.feels-card p{
	margin:0;color:var(--mute);font-size:15px;line-height:1.7;
}
@media (max-width:900px){
	.feels-row{grid-template-columns:1fr;gap:20px;padding-top:40px;margin-top:40px;}
	.feels-card{padding:24px 20px 20px;}
	.feels-num{font-size:36px;}
}

/* ============================================================
   HERO — MOBILE & TABLET FIXES
   ============================================================ */
@media (max-width:768px){
	.hero-brand{
		font-size:clamp(28px,9.5vw,48px);
		letter-spacing:-.02em;
		white-space:nowrap;
		overflow:hidden;
	}
	.hero .wrap{padding-top:clamp(44px,8vh,80px);}
}
@media (max-width:480px){
	.hero-brand{font-size:clamp(26px,9vw,42px);}
	.hero .wrap{padding-top:40px;}
}