@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Rajdhani:wght@500;600;700&display=swap');

:root {
  --bg:#07090c;
  --panel:#101319;
  --panel-2:#171b22;
  --paper:#f3f4f2;
  --white:#fff;
  --text:#e8eaed;
  --muted:#9298a2;
  --line:rgba(255,255,255,.12);
  --dark-line:#d9dcdf;
  --cyan:#67dce7;
  --red:#e21d3c;
  --sand:#c7ad87;
  --ink:#11141a;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--bg); color:var(--text); font-family:'Manrope',sans-serif; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; }
::selection { background:var(--cyan); color:#071014; }
.container-xxl { max-width:1460px; }
.display-font { font-family:'Rajdhani',sans-serif; text-transform:uppercase; }
.section-pad { padding:120px 0; }
.section-kicker { display:inline-flex; align-items:center; gap:.8rem; color:var(--cyan); font-size:.62rem; font-weight:800; letter-spacing:.22em; text-transform:uppercase; }
.section-kicker::before { content:""; width:35px; height:1px; background:currentColor; }
.section-title { margin:1rem 0 1.5rem; font-family:'Rajdhani',sans-serif; font-size:clamp(3rem,6vw,6.6rem); font-weight:600; line-height:.86; letter-spacing:-.055em; text-transform:uppercase; }
.section-title em { color:var(--cyan); font-style:normal; }
.lead-text { color:var(--muted); font-size:1rem; line-height:1.85; }
.btn { padding:.9rem 1.35rem; border-radius:0; font-size:.72rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; transition:.25s ease; }
.btn:hover { transform:translateY(-2px); }
.btn-oj { background:var(--cyan); border-color:var(--cyan); color:#061014; }
.btn-oj:hover { background:#92ecf2; border-color:#92ecf2; color:#061014; }
.btn-outline-oj { border-color:rgba(255,255,255,.5); color:#fff; }
.btn-outline-oj:hover { background:#fff; color:#0a0c10; }
.btn-jaecoo { background:var(--sand); border-color:var(--sand); color:#0a0b0e; }

/* Header */
.topline { height:30px; background:#030406; border-bottom:1px solid rgba(255,255,255,.08); color:#7e848f; font-size:.58rem; letter-spacing:.13em; text-transform:uppercase; }
.topline .container-xxl { height:100%; display:flex; align-items:center; justify-content:space-between; }
.topline a:hover { color:#fff; }
.site-nav { min-height:78px; padding:.45rem 0; background:rgba(7,9,12,.9); border-bottom:1px solid var(--line); backdrop-filter:blur(18px); z-index:1030; transition:.3s; }
.site-nav.scrolled { background:rgba(7,9,12,.98); box-shadow:0 16px 45px rgba(0,0,0,.35); }
.site-nav .navbar-brand { display:flex; align-items:center; gap:14px; margin:0; }
.site-nav .navbar-brand img { width:220px; height:auto; }
.brand-separator { width:1px; height:25px; background:rgba(255,255,255,.25); }
.dealer-mark { font-size:.64rem; font-weight:800; line-height:1.2; letter-spacing:.14em; color:#d7d9dd; }
.site-nav .nav-link { padding:.8rem .7rem!important; color:#d4d7dc; font-size:.68rem; font-weight:800; letter-spacing:.04em; }
.site-nav .nav-link:hover,.site-nav .nav-link.active { color:var(--cyan); }
.site-nav .navbar-toggler { filter:invert(1); }
.site-nav .dropdown-menu { min-width:305px; margin-top:14px!important; padding:.55rem; border:1px solid rgba(255,255,255,.1)!important; border-radius:0; background:#11151b; }
.site-nav .dropdown-item { padding:.75rem .9rem; color:#fff; display:flex; flex-direction:column; }
.site-nav .dropdown-item small { color:#767d88; font-size:.6rem; }
.site-nav .dropdown-item:hover,.site-nav .dropdown-item.active { background:#1b2028; color:var(--cyan); }

/* Home hero */
.home-hero { height:calc(100vh - 108px); min-height:720px; max-height:1000px; position:relative; overflow:hidden; background:#020407; }
.hero-carousel { width:100%; height:100%; }
.hero-video-slide { position:relative; overflow:hidden; }
.hero-video-slide > video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero-video-slide::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,rgba(2,4,7,.94) 0%,rgba(2,4,7,.55) 42%,rgba(2,4,7,.12) 72%),linear-gradient(0deg,rgba(2,4,7,.88),transparent 54%); }
.hero-video-slide-jaecoo::after { background:linear-gradient(90deg,rgba(2,4,7,.95) 0%,rgba(2,4,7,.5) 45%,rgba(2,4,7,.08) 74%),linear-gradient(0deg,rgba(2,4,7,.9),transparent 56%); }
.hero-grid { position:relative; z-index:2; width:100%; padding-bottom:7rem; }
.hero-video-slide .hero-grid { height:100%; display:flex; align-items:flex-end; }
.hero-copy { max-width:850px; }
.hero-copy h1 { margin:1.2rem 0 1.6rem; font-family:'Rajdhani',sans-serif; font-size:clamp(4.3rem,8vw,9.4rem); font-weight:600; line-height:.78; letter-spacing:-.07em; text-transform:uppercase; }
.hero-copy h1 span { display:block; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.72); }
.hero-copy p { max-width:620px; color:#b3b8c0; line-height:1.8; }
.hero-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:2rem; }
.hero-carousel-control { width:54px; height:54px; top:auto; bottom:88px; left:auto; border:1px solid rgba(255,255,255,.32); opacity:1; z-index:5; }
.hero-carousel-control.carousel-control-prev { right:84px; }
.hero-carousel-control.carousel-control-next { right:22px; }
.hero-carousel-control:hover { background:rgba(255,255,255,.12); }
.hero-carousel-control .carousel-control-prev-icon,.hero-carousel-control .carousel-control-next-icon { width:1rem; height:1rem; }
.hero-rail.carousel-indicators { position:absolute; left:0; right:0; bottom:0; z-index:4; display:block; width:auto; height:auto; margin:0; border-top:1px solid var(--line); }
.hero-rail.carousel-indicators .container-xxl { min-height:70px; display:grid; grid-template-columns:repeat(3,1fr); margin:0 auto; padding:0 .75rem; }
.hero-rail.carousel-indicators [data-bs-target] { box-sizing:border-box; flex:0 0 auto; width:auto; height:auto; margin:0; padding:0 1.5rem; display:flex; align-items:center; justify-content:space-between; border:0; border-right:1px solid var(--line); border-radius:0; background:rgba(3,5,8,.72); color:#b8bdc5; text-indent:0; opacity:1; font-size:.64rem; font-weight:800; letter-spacing:.07em; text-align:left; transition:.25s; }
.hero-rail.carousel-indicators [data-bs-target]:first-child { border-left:1px solid var(--line); }
.hero-rail.carousel-indicators [data-bs-target] b { color:#737a84; font-size:.52rem; letter-spacing:.12em; white-space:nowrap; }
.hero-rail.carousel-indicators [data-bs-target]:hover,.hero-rail.carousel-indicators [data-bs-target].active { background:rgba(255,255,255,.12); color:#fff; }
.hero-rail.carousel-indicators [data-bs-target].active { box-shadow:inset 0 2px 0 var(--cyan); }
.hero-rail.carousel-indicators [data-bs-target].active b { color:var(--cyan); }

/* Home sections */
.intro-section { background:var(--paper); color:var(--ink); }
.intro-stats { display:grid; grid-template-columns:repeat(3,1fr); margin-top:3rem; border-top:1px solid var(--dark-line); border-left:1px solid var(--dark-line); }
.intro-stats article { min-height:210px; padding:1.7rem; border-right:1px solid var(--dark-line); border-bottom:1px solid var(--dark-line); display:flex; flex-direction:column; justify-content:flex-end; }
.intro-stats strong { font-family:'Rajdhani',sans-serif; font-size:3.2rem; line-height:1; }
.intro-stats span { color:#40454d; font-size:.66rem; font-weight:800; letter-spacing:.08em; margin-top:.55rem; }
.intro-stats p { max-width:360px; margin:.8rem 0 0; color:#747982; font-size:.65rem; line-height:1.65; }
.about-panel { height:100%; min-height:530px; padding:clamp(2rem,5vw,5rem); background:#0c0f14; color:#fff; display:flex; flex-direction:column; justify-content:center; }
.about-panel .section-kicker { margin-bottom:1.35rem; }
.about-panel h3 { margin:0 0 1.25rem; font-family:'Rajdhani',sans-serif; font-size:clamp(2.6rem,4vw,4.7rem); line-height:1.04; text-transform:uppercase; }
.about-panel p { color:#9ba1aa; line-height:1.8; }
.about-values { display:grid; grid-template-columns:repeat(3,1fr); margin-top:2rem; }
.about-values span { padding:1rem .5rem 0 0; border-top:1px solid var(--line); color:#cbd0d6; font-size:.65rem; font-weight:800; }
.showroom-video { width:100%; height:100%; min-height:530px; object-fit:cover; display:block; }

.models-home { background:#090b0f; }
.model-master-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:4rem; }
.model-card { position:relative; min-height:570px; overflow:hidden; display:flex; align-items:flex-end; }
.model-card > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:.65s ease; }
.model-card.fit-car { background:#0b0e12; }
.model-card.fit-car > img { object-fit:contain; object-position:center top; }
.model-card::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,5,8,.96),rgba(3,5,8,.08) 70%); }
.model-card:hover > img { transform:scale(1.025); }
.model-card-copy { position:relative; z-index:2; width:100%; padding:2.2rem; }
.model-card-copy h3 { font-family:'Rajdhani',sans-serif; font-size:3.7rem; line-height:.9; text-transform:uppercase; margin:.7rem 0; }
.model-card-copy p { max-width:520px; color:#adb2ba; font-size:.78rem; line-height:1.7; }
.model-card-stats { display:flex; gap:1.5rem; margin:1.4rem 0; padding-top:1rem; border-top:1px solid var(--line); }
.model-card-stats span { display:flex; flex-direction:column; color:#828995; font-size:.57rem; }
.model-card-stats strong { color:#fff; font-size:.9rem; }
.jaecoo-family { grid-column:1/-1; display:grid; grid-template-columns:1.1fr .9fr; min-height:620px; background:#13171d; }
.jaecoo-family-visual { position:relative; min-height:540px; overflow:hidden; background:#090b0f; }
.jaecoo-family-visual img { width:100%; height:100%; object-fit:contain; object-position:center; }
.jaecoo-family-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent 65%,#13171d); }
.jaecoo-family-copy { padding:clamp(2rem,5vw,5rem); display:flex; flex-direction:column; justify-content:center; }
.jaecoo-family-copy h3 { font-family:'Rajdhani',sans-serif; font-size:clamp(3.4rem,5vw,6rem); line-height:.86; text-transform:uppercase; }
.version-links { display:grid; gap:.55rem; margin-top:1.5rem; }
.version-links a { min-height:68px; padding:.8rem 1rem; border:1px solid var(--line); display:grid; grid-template-columns:1fr auto; align-items:center; transition:.25s; }
.version-links a span { display:flex; flex-direction:column; }
.version-links small { color:#737a85; font-size:.56rem; }
.version-links strong { font-size:.76rem; }
.version-links a:hover { border-color:var(--sand); background:var(--sand); color:#090b0e; }
.version-links a:hover small { color:#544936; }

.service-home { background:var(--paper); color:var(--ink); }
.service-home-image { height:620px; position:relative; overflow:hidden; }
.service-home-image img { width:100%; height:100%; object-fit:cover; }
.service-home-badge { position:absolute; left:0; bottom:0; padding:1.2rem 1.5rem; background:var(--cyan); color:#071015; font-size:.67rem; font-weight:800; }
.service-home-copy { padding:clamp(2rem,5vw,5.5rem); }
.service-benefits { display:grid; grid-template-columns:1fr 1fr; margin:2rem 0; }
.service-benefits span { padding:1rem .5rem 1rem 0; border-top:1px solid var(--dark-line); font-size:.7rem; font-weight:800; }

/* Forms */
.forms-zone { background:#0c0f14; }
.form-shell { padding:clamp(1.7rem,4vw,3.5rem); background:#151920; border:1px solid var(--line); }
.form-shell.light { background:#fff; color:var(--ink); border:0; }
.form-head { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-bottom:2rem; }
.form-head h3 { margin:0; font-family:'Rajdhani',sans-serif; font-size:2.5rem; text-transform:uppercase; }
.form-head small { color:var(--muted); font-size:.62rem; }
.form-label { font-size:.6rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.form-control,.form-select { min-height:52px; padding:.75rem .9rem; border-radius:0; border-color:#343a45; background:#0d1015; color:#fff; font-size:.78rem; }
.form-control::placeholder { color:#666d78; }
.form-select { --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); }
.form-shell.light .form-control,.form-shell.light .form-select { background:#f3f4f2; border-color:#d8dadc; color:#111; }
.form-shell.light .form-select { --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); }
.form-control:focus,.form-select:focus { background:inherit; color:inherit; border-color:var(--cyan); box-shadow:0 0 0 .2rem rgba(103,220,231,.12); }
.form-check-input { border-radius:0!important; background-color:transparent; border-color:#68707d; }
.form-check-input:checked { background-color:var(--cyan); border-color:var(--cyan); }
.form-check-label { color:#959ba5; font-size:.63rem; line-height:1.6; }
.form-shell.light .form-check-label { color:#656a72; }
.kvkk-link { color:#fff; font-weight:800; text-decoration:underline; text-underline-offset:3px; }
.form-shell.light .kvkk-link { color:#111; }
.form-feedback { display:none; padding:.8rem 1rem; font-size:.72rem; font-weight:800; }
.form-feedback.show { display:block; background:#d9f3e3; color:#176333; }
.form-feedback.show.error { background:#ffe2e6; color:#86152a; }
.invalid-feedback { font-size:.62rem; }

/* Contact and footer */
.contact-section { background:#e8e9e6; color:var(--ink); }
.contact-grid { display:grid; grid-template-columns:.82fr 1.18fr; min-height:640px; }
.contact-card { padding:clamp(2rem,5vw,5.5rem); display:flex; flex-direction:column; justify-content:center; }
.contact-card h2 { font-family:'Rajdhani',sans-serif; font-size:clamp(3.2rem,5.5vw,6.3rem); line-height:.85; text-transform:uppercase; }
.contact-list { margin-top:2rem; }
.contact-list div { padding:1rem 0; border-top:1px solid #ced1d2; }
.contact-list small { display:block; color:#777d85; font-size:.55rem; letter-spacing:.15em; }
.contact-list a,.contact-list address { margin:.35rem 0 0; font-size:.82rem; font-weight:700; font-style:normal; }
.contact-map { position:relative; }
.contact-map iframe { width:100%; height:100%; min-height:560px; border:0; filter:grayscale(1) contrast(.94); }
.map-directions { position:absolute; right:1.25rem; bottom:1.25rem; z-index:2; padding:.9rem 1.1rem; background:#0a0d12; color:#fff; box-shadow:0 12px 32px rgba(0,0,0,.25); font-size:.65rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.map-directions:hover { background:var(--cyan); color:#071014; }
.site-footer { padding:75px 0 28px; background:#05070a; }
.footer-brand-row { padding-bottom:3rem; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:flex-start; }
.footer-brand-row img { width:245px; }
.footer-brand-row p { color:#737a84; font-size:.7rem; text-align:right; }
.footer-links { padding:2.8rem 0; }
.footer-links h3 { margin-bottom:1rem; color:#6f7681; font-size:.58rem; letter-spacing:.15em; text-transform:uppercase; }
.footer-links a,.footer-links span { display:block; margin:.5rem 0; color:#c5c9cf; font-size:.7rem; }
.footer-links a:hover { color:var(--cyan); }
.footer-bottom { padding-top:1.4rem; border-top:1px solid var(--line); display:flex; justify-content:space-between; gap:1rem; color:#666d78; font-size:.58rem; }
.floating-call { position:fixed; right:18px; bottom:18px; z-index:1000; height:50px; padding:0 1rem; background:var(--cyan); color:#071015; display:flex; align-items:center; gap:.6rem; box-shadow:0 15px 35px rgba(0,0,0,.35); font-size:.68rem; font-weight:800; }

/* Model pages */
.inner-page .site-nav,.service-page .site-nav,.legal-page .site-nav,.after-page .site-nav { position:fixed; top:0; left:0; right:0; }
.inner-page .site-nav,.service-page .site-nav,.legal-page .site-nav,.after-page .site-nav { top:0; }
.model-hero { min-height:760px; height:92vh; max-height:940px; position:relative; display:flex; align-items:flex-end; overflow:hidden; background:#030406; }
.model-hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.model-hero::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(0deg,rgba(3,5,8,.97) 0%,rgba(3,5,8,.42) 48%,rgba(3,5,8,.08) 74%); }
.model-hero-content { position:relative; z-index:2; width:100%; padding-bottom:5rem; }
.model-back { display:block; width:max-content; margin-bottom:1.5rem; color:#bbc0c7; font-size:.65rem; font-weight:800; }
.model-hero h1 { margin:.8rem 0 1.3rem; font-family:'Rajdhani',sans-serif; font-size:clamp(5rem,9vw,10rem); line-height:.74; letter-spacing:-.07em; text-transform:uppercase; }
.model-hero h1 small { display:block; margin-top:1rem; font-size:.27em; letter-spacing:.02em; }
.model-hero p { max-width:650px; color:#c1c5cb; line-height:1.75; }
.model-statbar { background:#fff; color:var(--ink); }
.model-statbar .container-xxl { display:grid; grid-template-columns:repeat(4,1fr); padding:0; }
.model-statbar div { min-height:120px; padding:1.5rem; border-right:1px solid var(--dark-line); display:flex; flex-direction:column; justify-content:center; }
.model-statbar div:first-child { border-left:1px solid var(--dark-line); }
.model-statbar strong { font-family:'Rajdhani',sans-serif; font-size:2.1rem; line-height:1; }
.model-statbar span { margin-top:.3rem; color:#747a83; font-size:.6rem; }
.version-switch { padding:2.3rem 0; background:#11151b; border-bottom:1px solid var(--line); }
.version-switch-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.7rem; margin-top:1rem; }
.version-switch a { min-height:76px; padding:.85rem 1rem; border:1px solid var(--line); display:flex; flex-direction:column; justify-content:center; }
.version-switch a small { color:#737a84; font-size:.54rem; }
.version-switch a strong { font-size:.7rem; }
.version-switch a:hover,.version-switch a.active { background:var(--sand); color:#0a0c0f; border-color:var(--sand); }
.version-switch a.active small { color:#5f523e; }
.model-film-section { padding:100px 0; background:#07090c; }
.model-film-head { display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; margin-bottom:2rem; }
.model-film-head h2 { max-width:850px; margin:.8rem 0 0; font-family:'Rajdhani',sans-serif; font-size:clamp(3rem,5.4vw,6rem); line-height:.86; letter-spacing:-.04em; text-transform:uppercase; }
.model-film-head p { max-width:410px; margin:0; color:var(--muted); font-size:.8rem; line-height:1.75; }
.model-film-grid { display:grid; grid-template-columns:1fr; gap:1rem; }
.model-film-grid.has-secondary { grid-template-columns:1fr 1fr; }
.model-film-card { position:relative; min-height:clamp(360px,50vw,720px); overflow:hidden; background:#030406; border:1px solid var(--line); }
.model-film-grid.has-secondary .model-film-card { min-height:clamp(330px,28vw,520px); }
.model-film-card video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.model-film-card::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(0deg,rgba(2,4,7,.82),transparent 45%); }
.model-film-label { position:absolute; left:1.5rem; right:1.5rem; bottom:4rem; z-index:1; display:flex; justify-content:space-between; align-items:flex-end; gap:1rem; pointer-events:none; }
.model-film-label span { color:#fff; font-size:.64rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.model-film-label small { display:none; }
.feature-section { background:var(--paper); color:var(--ink); }
.feature-mosaic { display:grid; grid-template-columns:1.2fr .8fr; grid-template-rows:520px 460px; gap:.8rem; margin-top:4rem; }
.feature-tile { position:relative; overflow:hidden; display:flex; align-items:flex-end; color:#fff; }
.feature-tile:nth-child(3) { grid-column:1/-1; }
.feature-tile img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:.55s; }
.feature-tile::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(3,5,8,.9),transparent 65%); }
.feature-tile:hover img { transform:scale(1.025); }
.feature-copy { position:relative; z-index:1; padding:2rem; }
.feature-copy h3 { font-family:'Rajdhani',sans-serif; font-size:2.4rem; line-height:.95; text-transform:uppercase; }
.feature-copy p { max-width:560px; color:#c3c7cc; font-size:.73rem; line-height:1.7; }
.tech-section { background:#0a0c10; }
.tech-table { margin-top:3rem; border-top:1px solid var(--line); }
.tech-row { display:grid; grid-template-columns:1fr 1.1fr 1fr; border-bottom:1px solid var(--line); }
.tech-row > * { padding:1.05rem 1.2rem; border-right:1px solid var(--line); font-size:.72rem; }
.tech-row strong { color:#777e89; }
.tech-row.head { background:var(--cyan); color:#071014; }
.tech-row.head strong { color:#071014; }
.model-cta { padding:90px 0; background:linear-gradient(120deg,#151b22,#26444a); }
.model-cta.jaecoo { background:linear-gradient(120deg,#171713,#4a402f); }
.model-cta h2 { font-family:'Rajdhani',sans-serif; font-size:clamp(3rem,5vw,5.8rem); line-height:.88; text-transform:uppercase; }

/* Service and after sales */
.video-hero { min-height:850px; height:100vh; max-height:1050px; position:relative; display:flex; align-items:flex-end; overflow:hidden; }
.video-hero video,.video-hero .hero-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.after-page .video-hero { min-height:720px; height:720px; background:#030406; }
.after-page .video-hero .hero-bg { object-fit:cover; object-position:30% center; transform:scale(1.02); }
.video-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,4,7,.9),rgba(2,4,7,.25)),linear-gradient(0deg,rgba(2,4,7,.86),transparent 58%); }
.video-hero-content { position:relative; z-index:1; padding-bottom:7rem; }
.video-hero h1 { margin:1rem 0; font-family:'Rajdhani',sans-serif; font-size:clamp(4.5rem,8vw,8.8rem); line-height:.8; text-transform:uppercase; }
.video-hero p { max-width:620px; color:#b8bdc5; line-height:1.8; }
.service-proof { background:var(--paper); color:var(--ink); }
.proof-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:3rem; border-left:1px solid var(--dark-line); border-top:1px solid var(--dark-line); }
.proof-grid article { min-height:200px; padding:1.5rem; border-right:1px solid var(--dark-line); border-bottom:1px solid var(--dark-line); }
.proof-grid strong { display:block; font-family:'Rajdhani',sans-serif; font-size:2.6rem; }
.proof-grid h3 { font-size:.8rem; }
.proof-grid p { color:#747a82; font-size:.67rem; line-height:1.7; }
.service-gallery { display:grid; grid-template-columns:repeat(12,1fr); grid-auto-rows:300px; grid-auto-flow:dense; gap:.65rem; margin-top:4rem; }
.service-gallery figure { margin:0; overflow:hidden; position:relative; }
.service-gallery figure:nth-child(1),.service-gallery figure:nth-child(4) { grid-column:span 7; }
.service-gallery figure:nth-child(2),.service-gallery figure:nth-child(3) { grid-column:span 5; }
.service-gallery figure:nth-child(5),.service-gallery figure:nth-child(6) { grid-column:span 6; }
.service-gallery img { width:100%; height:100%; object-fit:cover; transition:.5s; }
.service-gallery figure:hover img { transform:scale(1.035); }
.after-services { background:#0b0e12; }
.after-card-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); margin-top:3rem; }
.after-card { min-height:260px; padding:1.6rem; border-right:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; flex-direction:column; justify-content:space-between; }
.after-card b { color:var(--cyan); font-family:'Rajdhani',sans-serif; font-size:2rem; }
.after-card h3 { font-family:'Rajdhani',sans-serif; font-size:1.55rem; text-transform:uppercase; }
.after-card p { color:#858c97; font-size:.68rem; line-height:1.7; }
.warranty-band { background:var(--cyan); color:#071014; padding:85px 0; }
.warranty-band h2 { font-family:'Rajdhani',sans-serif; font-size:clamp(3rem,5vw,5.8rem); line-height:.86; text-transform:uppercase; }
.warranty-stats { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:rgba(0,0,0,.18); }
.warranty-stats div { padding:1.5rem; background:rgba(255,255,255,.18); }
.warranty-stats strong { display:block; font-family:'Rajdhani',sans-serif; font-size:2.8rem; }
.warranty-stats span { font-size:.63rem; font-weight:800; }

/* KVKK */
.legal-hero { padding:190px 0 95px; min-height:560px; display:flex; align-items:flex-end; background:radial-gradient(circle at 80% 20%,rgba(103,220,231,.2),transparent 33%),#080a0e; }
.legal-hero h1 { margin:1rem 0; font-family:'Rajdhani',sans-serif; font-size:clamp(4rem,7vw,7.8rem); line-height:.82; text-transform:uppercase; }
.legal-hero p { max-width:700px; color:#9299a4; line-height:1.8; }
.legal-body { background:var(--paper); color:var(--ink); }
.legal-layout { display:grid; grid-template-columns:270px minmax(0,900px); justify-content:space-between; gap:6rem; }
.legal-toc { position:sticky; top:110px; align-self:start; }
.legal-toc nav { margin-top:1rem; display:flex; flex-direction:column; border-top:1px solid var(--dark-line); }
.legal-toc a { padding:.7rem 0; border-bottom:1px solid var(--dark-line); color:#6d737b; font-size:.65rem; }
.legal-toc a:hover { color:#111; }
.legal-lead { margin-bottom:5rem; font-size:1.35rem; line-height:1.7; font-weight:700; }
.legal-section { padding:3.5rem 0 1rem; border-top:1px solid var(--dark-line); scroll-margin-top:110px; }
.legal-section + .legal-section { margin-top:2.5rem; }
.legal-section h2 { font-family:'Rajdhani',sans-serif; font-size:clamp(2.2rem,3.5vw,3.8rem); line-height:.95; text-transform:uppercase; }
.legal-section h3 { margin-top:2rem; font-size:.9rem; }
.legal-section p,.legal-section li { color:#555b63; font-size:.82rem; line-height:1.9; }
.legal-section li { margin:.45rem 0; }
.legal-address { padding:1.5rem; border-left:3px solid var(--cyan); background:#fff; box-shadow:0 15px 40px rgba(0,0,0,.05); }
.legal-address strong { display:block; margin-top:.5rem; }

@media (max-width:1199.98px) {
  .site-nav .navbar-collapse { padding:1rem 0 1.5rem; }
  .site-nav .dropdown-menu { margin-top:0!important; }
  .home-hero { height:850px; }
}

@media (max-width:991.98px) {
  .topline { display:none; }
  .site-nav .navbar-brand img { width:185px; }
  .home-hero { height:780px; min-height:780px; }
  .hero-grid { padding-bottom:6.5rem; }
  .hero-copy h1 { font-size:5.6rem; }
  .model-hero-video { object-fit:contain; }
  .model-film-grid.has-secondary { grid-template-columns:1fr; }
  .model-film-head { display:block; }
  .model-film-head p { margin-top:1rem; }
  .model-master-grid,.jaecoo-family,.contact-grid { grid-template-columns:1fr; }
  .jaecoo-family { grid-column:auto; }
  .model-card { min-height:500px; }
  .feature-mosaic { grid-template-columns:1fr 1fr; }
  .proof-grid,.after-card-grid { grid-template-columns:1fr 1fr; }
  .legal-layout { grid-template-columns:1fr; gap:4rem; }
  .legal-toc { position:static; }
  .legal-toc nav { display:grid; grid-template-columns:1fr 1fr; }
  .contact-map iframe { min-height:500px; }
}

@media (max-width:767.98px) {
  .section-pad { padding:78px 0; }
  .dealer-mark { display:none; }
  .brand-separator { display:none; }
  .site-nav { min-height:70px; }
  .site-nav .navbar-brand img { width:166px; }
  .home-hero { height:720px; min-height:720px; }
  .hero-video-slide::after,.hero-video-slide-jaecoo::after { background:linear-gradient(0deg,rgba(2,4,7,.97) 0%,rgba(2,4,7,.68) 55%,rgba(2,4,7,.18) 88%); }
  .hero-copy h1 { font-size:4rem; }
  .hero-copy p { font-size:.82rem; }
  .hero-rail.carousel-indicators .container-xxl { grid-template-columns:1fr; }
  .hero-rail.carousel-indicators [data-bs-target] { display:none; }
  .hero-rail.carousel-indicators [data-bs-target].active { display:flex; min-height:62px; border:0; }
  .hero-carousel-control { display:none; }
  .intro-stats { grid-template-columns:1fr; }
  .about-values { grid-template-columns:1fr; }
  .showroom-video,.about-panel { min-height:420px; }
  .model-card { min-height:440px; }
  .model-card-copy { padding:1.4rem; }
  .model-card-copy h3 { font-size:2.8rem; }
  .model-card-stats { gap:.8rem; }
  .jaecoo-family-visual { min-height:380px; }
  .jaecoo-family-visual::after { background:linear-gradient(0deg,#13171d,transparent 45%); }
  .service-home-image { height:430px; }
  .service-benefits { grid-template-columns:1fr; }
  .form-shell { margin-left:-.25rem; margin-right:-.25rem; }
  .footer-brand-row,.footer-bottom { flex-direction:column; gap:1.3rem; }
  .footer-brand-row p { text-align:left; }
  .floating-call { width:48px; padding:0; justify-content:center; }
  .floating-call b { display:none; }
  .model-hero { min-height:680px; height:680px; background-position:center; }
  .model-hero h1 { font-size:4.6rem; }
  .model-statbar .container-xxl { grid-template-columns:1fr 1fr; }
  .model-statbar div { min-height:95px; padding:1rem; border-bottom:1px solid var(--dark-line); }
  .version-switch-grid { grid-template-columns:1fr; }
  .model-film-section { padding:74px 0; }
  .model-film-card,.model-film-grid.has-secondary .model-film-card { min-height:max(240px,56vw); }
  .model-film-label { left:1rem; right:1rem; bottom:3.5rem; }
  .feature-mosaic { display:block; }
  .feature-tile { min-height:420px; margin-bottom:.7rem; }
  .tech-row { grid-template-columns:1.1fr 1fr .8fr; }
  .tech-row > * { padding:.75rem .55rem; font-size:.62rem; }
  .video-hero { min-height:720px; height:720px; }
  .video-hero h1 { font-size:4.2rem; }
  .proof-grid,.after-card-grid { grid-template-columns:1fr; }
  .service-gallery { grid-template-columns:1fr 1fr; grid-auto-rows:220px; }
  .service-gallery figure:nth-child(n) { grid-column:span 1; }
  .warranty-stats { grid-template-columns:1fr; }
  .legal-hero { padding:150px 0 70px; min-height:500px; }
  .legal-hero h1 { font-size:3.9rem; }
  .legal-toc nav { grid-template-columns:1fr; }
}