/* ══ JAGUAR ELECTRIC INDIA ══════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --gold:#C9A96E;--gold-lt:#e2c99a;--gold-dk:#a07840;
  --dark:#080810;--card:#0f0f18;--card2:#141420;--cream:#f0ede8;
  --text:#c0bbb3;--muted:#5e5c57
}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--dark);color:var(--text);line-height:1.6;overflow-x:hidden}
img{display:block;width:100%;height:100%;object-fit:cover}
a{text-decoration:none;color:inherit}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--dark)}
::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}

/* ── Buttons ─────────────────────────────────────────────────────────── */
.cta-btn{
  display:inline-flex;align-items:center;gap:.5rem;
  background:var(--gold);color:var(--dark);
  font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  padding:.8rem 2rem;border-radius:2px;border:none;cursor:pointer;
  transition:background .25s,transform .2s,box-shadow .25s;
  box-shadow:0 2px 20px rgba(201,169,110,0)
}
.cta-btn:hover{background:var(--gold-lt);transform:translateY(-2px);box-shadow:0 8px 30px rgba(201,169,110,.25)}
.cta-ghost{background:transparent;color:var(--cream);border:1px solid rgba(201,169,110,.4)}
.cta-ghost:hover{background:rgba(201,169,110,.08);border-color:var(--gold);box-shadow:none}

/* ── Header ──────────────────────────────────────────────────────────── */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(8,8,16,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(201,169,110,.12);
  transition:background .3s,border-color .3s
}
.site-header.scrolled{background:rgba(8,8,16,.96);border-bottom-color:rgba(201,169,110,.22)}
.header-inner{max-width:1280px;margin:0 auto;padding:0 2.5rem;height:72px;display:flex;align-items:center;gap:2rem}
.brand-logo{display:flex;align-items:center;gap:.8rem;flex-shrink:0}
.jaguar-icon{width:44px;height:26px;flex-shrink:0}
.brand-name{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;color:var(--cream);letter-spacing:.08em}
.brand-sub{color:var(--gold);font-size:.85em}
.main-nav{display:flex;gap:2.5rem;margin-left:auto}
.main-nav a{font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text);transition:color .2s;position:relative;padding-bottom:2px}
.main-nav a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--gold);transition:width .3s}
.main-nav a:hover{color:var(--gold)}
.main-nav a:hover::after{width:100%}
.header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0}
.lang-switcher{display:flex;gap:.2rem;background:rgba(255,255,255,.04);border-radius:3px;padding:.2rem}
.lang-btn{background:none;border:none;cursor:pointer;font-size:.68rem;font-weight:600;color:var(--muted);padding:.3rem .6rem;border-radius:2px;transition:all .2s;letter-spacing:.05em}
.lang-btn.active,.lang-btn:hover{background:var(--gold);color:var(--dark)}
.header-cta{padding:.55rem 1.3rem;font-size:.72rem}
.menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.3rem}
.menu-toggle span{display:block;width:22px;height:1.5px;background:var(--cream);border-radius:1px;transition:all .3s}

/* ── Hero ────────────────────────────────────────────────────────────── */
.hero{position:relative;height:100vh;min-height:620px;display:flex;align-items:center}
.hero-bg{position:absolute;inset:0}
.hero-img{object-position:center 40%}
.hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(110deg,rgba(8,8,16,.95) 0%,rgba(8,8,16,.7) 50%,rgba(8,8,16,.2) 100%)
}
.hero-content{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:72px 2.5rem 0;width:100%}
.hero-eyebrow{
  font-size:.68rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;
  color:var(--gold);margin-bottom:1.4rem;display:flex;align-items:center;gap:.8rem
}
.hero-eyebrow::before{content:'';display:block;width:32px;height:1px;background:var(--gold)}
.hero-title{
  font-family:'Playfair Display',serif;
  font-size:clamp(3.2rem,8vw,7rem);
  font-weight:900;line-height:1.02;
  color:#fff;margin-bottom:1.8rem;
  text-shadow:0 2px 40px rgba(0,0,0,.5)
}
.hero-title em{font-style:italic;color:var(--gold);font-weight:400}
.hero-sub{font-size:.97rem;color:rgba(240,237,232,.7);max-width:500px;margin-bottom:2.8rem;line-height:1.75}
.hero-actions{display:flex;gap:1.2rem;flex-wrap:wrap}
.hero-scroll{position:absolute;bottom:3rem;left:50%;transform:translateX(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}
.hero-scroll::before{content:'scroll';font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(201,169,110,.4)}
.hero-scroll span{display:block;width:1px;height:48px;background:linear-gradient(to bottom,var(--gold),transparent);animation:scrollLine 2.2s ease-in-out infinite}
@keyframes scrollLine{0%,100%{opacity:.2;transform:scaleY(.4);transform-origin:top}60%{opacity:1;transform:scaleY(1)}}

/* ── Stats Bar ───────────────────────────────────────────────────────── */
.stats-bar{background:var(--card);border-top:1px solid rgba(201,169,110,.15);border-bottom:1px solid rgba(201,169,110,.15)}
.stats-inner{max-width:1280px;margin:0 auto;padding:2rem 2.5rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}
.stat-item{display:flex;flex-direction:column;align-items:center;padding:.5rem 3.5rem;flex:1;min-width:120px}
.stat-num{font-family:'Playfair Display',serif;font-size:2.4rem;font-weight:700;color:#fff;line-height:1;letter-spacing:-.02em}
.stat-unit{font-size:.95rem;color:var(--gold);font-weight:400;margin-left:.15rem}
.stat-lbl{font-size:.63rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-top:.5rem}
.stat-divider{width:1px;height:56px;background:rgba(201,169,110,.15);flex-shrink:0}

/* ── Section Commons ─────────────────────────────────────────────────── */
.section-header{text-align:center;margin-bottom:4.5rem}
.section-eyebrow{font-size:.66rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;display:inline-flex;align-items:center;gap:.7rem}
.section-eyebrow::before,.section-eyebrow::after{content:'';display:block;width:24px;height:1px;background:rgba(201,169,110,.5)}
.section-title{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--cream);margin-bottom:1.1rem;line-height:1.15}
.section-sub{font-size:.9rem;color:var(--muted);max-width:520px;margin:0 auto;line-height:1.75}

/* ── Models ──────────────────────────────────────────────────────────── */
.models-section{padding:8rem 2.5rem;max-width:1280px;margin:0 auto}
.models-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch}
.model-card{
  background:var(--card);border-radius:8px;overflow:hidden;
  border:1px solid rgba(255,255,255,.05);
  transition:transform .4s cubic-bezier(.25,.8,.25,1),border-color .3s,box-shadow .4s;
  display:flex;flex-direction:column
}
.model-info{flex:1;display:flex;flex-direction:column;padding:1.8rem 1.8rem 2rem}
.model-desc{font-size:.79rem;color:var(--muted);line-height:1.7;margin-bottom:1.5rem;flex:1}
.model-card:hover{transform:translateY(-8px);border-color:rgba(201,169,110,.25);box-shadow:0 24px 60px rgba(0,0,0,.5)}

.model-img-wrap{position:relative;height:260px;overflow:hidden}

.model-img-wrap img{transition:transform .7s cubic-bezier(.25,.8,.25,1)}
.model-card:hover .model-img-wrap img{transform:scale(1.06)}
.model-badge{
  position:absolute;top:1rem;right:1rem;
  background:var(--gold);color:var(--dark);
  font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  padding:.3rem .8rem;border-radius:2px
}
.model-badge-new{background:#1e5c1e;color:#7ec47e;border:1px solid rgba(126,196,126,.3)}
.model-badge-soon{background:rgba(201,169,110,.08);color:var(--gold);border:1px solid rgba(201,169,110,.3)}
.model-name{font-family:'Playfair Display',serif;font-size:1.7rem;color:var(--cream);font-weight:700;margin-bottom:.5rem;letter-spacing:.02em}
.model-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}
.spec{text-align:center}
.spec-val{display:block;font-family:'Inter',sans-serif;font-size:.82rem;color:var(--cream);font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spec-key{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.model-price{display:flex;align-items:baseline;gap:.6rem;margin-bottom:1.3rem}
.price-from{font-size:.68rem;color:var(--muted)}
.price-val{font-family:'Playfair Display',serif;font-size:1.2rem;color:var(--gold);font-weight:700}
.model-cta{width:100%;justify-content:center;font-size:.75rem}

/* ── Import ──────────────────────────────────────────────────────────── */
.import-section{background:var(--card);border-top:1px solid rgba(201,169,110,.08);border-bottom:1px solid rgba(201,169,110,.08);padding:8rem 2.5rem}
.import-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:stretch}
.import-text .section-title,.import-text .section-sub{text-align:left;margin-left:0}
.import-text .section-sub{margin-bottom:3rem}
.import-steps{display:flex;flex-direction:column;gap:2rem}
.step{display:flex;gap:1.4rem;align-items:flex-start}
.step-num{font-family:'Playfair Display',serif;font-size:2.2rem;font-weight:900;color:rgba(201,169,110,.18);line-height:1;flex-shrink:0;min-width:3.2rem}
.step-content h4{font-size:.86rem;font-weight:600;color:var(--cream);margin-bottom:.4rem;letter-spacing:.03em}
.step-content p{font-size:.79rem;color:var(--muted);line-height:1.7}
.import-visual{position:relative;border-radius:8px;overflow:hidden;min-height:520px;width:100%}
.import-badge{
  position:absolute;bottom:2rem;right:2rem;
  background:rgba(8,8,16,.9);backdrop-filter:blur(10px);
  border:1px solid rgba(201,169,110,.4);
  color:var(--cream);padding:1.2rem 1.8rem;border-radius:6px;text-align:center
}
.ib-num{display:block;font-family:'Playfair Display',serif;font-size:2.2rem;font-weight:900;color:var(--gold);line-height:1}
.ib-txt{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}

/* ── Why ─────────────────────────────────────────────────────────────── */
.why-section{padding:8rem 2.5rem;max-width:1280px;margin:0 auto}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.why-card{
  background:var(--card);border-radius:8px;padding:2.2rem 2rem;
  border:1px solid rgba(255,255,255,.04);
  transition:border-color .3s,transform .4s cubic-bezier(.25,.8,.25,1),background .3s
}
.why-card:hover{border-color:rgba(201,169,110,.25);transform:translateY(-5px);background:var(--card2)}
.why-icon{
  width:44px;height:44px;
  border:1px solid rgba(201,169,110,.3);border-radius:4px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:1.4rem;color:var(--gold);
  transition:background .3s,border-color .3s
}
.why-card:hover .why-icon{background:rgba(201,169,110,.08);border-color:var(--gold)}
.why-icon svg{display:block;width:20px;height:20px;min-width:20px;max-width:20px}
.why-card h4{font-size:.88rem;font-weight:600;color:var(--cream);margin-bottom:.6rem;letter-spacing:.02em}
.why-card p{font-size:.78rem;color:var(--muted);line-height:1.7}

/* ── Gallery ─────────────────────────────────────────────────────────── */
.gallery-section{padding:0;overflow:hidden}
.gallery-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;height:440px;gap:2px}
.gallery-item{position:relative;overflow:hidden}
.gallery-item img{transition:transform .7s cubic-bezier(.25,.8,.25,1)}
.gallery-item:hover img{transform:scale(1.08)}
.gallery-caption{
  position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(transparent,rgba(8,8,16,.85));
  color:var(--cream);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;
  padding:2.5rem 1.2rem .9rem;
  opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s
}
.gallery-item:hover .gallery-caption{opacity:1;transform:translateY(0)}

/* ── Contact ─────────────────────────────────────────────────────────── */
.contact-section{background:var(--card);padding:8rem 2.5rem;border-top:1px solid rgba(201,169,110,.08)}
.contact-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:6rem;align-items:start}
.contact-text .section-title,.contact-text .section-sub{text-align:left;margin-left:0}
.contact-text .section-sub{margin-bottom:2.5rem}
.contact-info{display:flex;flex-direction:column;gap:1.2rem}
.ci-item{display:flex;align-items:center;gap:1rem;font-size:.84rem;color:var(--text)}
.ci-icon{display:block;width:18px;height:18px;min-width:18px;max-width:18px;flex-shrink:0;color:var(--gold);overflow:hidden}
.contact-form{display:flex;flex-direction:column;gap:1.3rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.form-group{display:flex;flex-direction:column;gap:.45rem}
.form-group label{font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
select option{background:#0f0f18;color:#f0ede8}
.form-group input,.form-group select,.form-group textarea{
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:4px;
  padding:.8rem 1rem;color:var(--cream);font-family:'Inter',sans-serif;font-size:.86rem;
  outline:none;transition:border-color .25s,background .25s;width:100%
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{
  border-color:var(--gold);background:rgba(201,169,110,.03)
}
.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23C9A96E' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}
.form-group textarea{resize:vertical}
.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,.18)}
.form-submit{width:100%;justify-content:center;padding:1.1rem;font-size:.82rem;letter-spacing:.12em}
.form-note{text-align:center;font-size:.68rem;color:var(--muted)}
.form-success{background:rgba(30,92,30,.15);border:1px solid rgba(126,196,126,.3);color:#7ec47e;padding:1rem;border-radius:4px;text-align:center;font-size:.82rem;display:none}
.form-success.show{display:block}

/* ── Footer ──────────────────────────────────────────────────────────── */
.site-footer{background:#04040a;border-top:1px solid rgba(201,169,110,.12);padding:3.5rem 2.5rem}
.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 2fr;align-items:center;gap:2rem}
.footer-tagline{font-size:.67rem;color:var(--muted);margin-top:.5rem;letter-spacing:.05em}
.footer-links{display:flex;flex-direction:column;gap:.6rem;align-items:center}
.footer-links a{font-size:.7rem;color:var(--muted);transition:color .2s;text-transform:uppercase;letter-spacing:.1em}
.footer-links a:hover{color:var(--gold)}
.footer-legal{text-align:right}
.footer-legal p{font-size:.67rem;color:var(--muted);line-height:1.8}

/* ── Reveal ──────────────────────────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.25,.8,.25,1),transform .8s cubic-bezier(.25,.8,.25,1)}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ── Responsive ──────────────────────────────────────────────────────── */
@media(max-width:1100px){
  .models-grid{grid-template-columns:1fr 1fr}
  .why-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .import-inner,.contact-inner{grid-template-columns:1fr;gap:3rem}
  .import-visual{height:300px}
  .gallery-grid{grid-template-columns:1fr 1fr;height:auto}
  .gallery-item{height:210px}
  .gi-large{grid-column:span 2;height:290px}
}
@media(max-width:768px){
  .main-nav,.header-cta{display:none}
  .main-nav.open{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:rgba(8,8,16,.98);padding:1.5rem 2rem;border-bottom:1px solid rgba(201,169,110,.15);gap:1.4rem}
  .menu-toggle{display:flex}
  .models-grid{grid-template-columns:1fr}
  .stat-item{padding:.5rem 1.5rem}
  .stat-divider{height:36px}
  .footer-inner{grid-template-columns:1fr;text-align:center}
  .footer-legal{text-align:center}
  .footer-links{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1.2rem}
  .form-row{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .hero-content{padding:72px 1.5rem 0}
  .models-section,.why-section,.import-section,.contact-section{padding:5rem 1.5rem}
}
@media(max-width:540px){
  .hero-title{font-size:2.6rem}
  .gallery-grid{grid-template-columns:1fr}
  .gi-large{grid-column:span 1;height:240px}
  .gallery-item{height:190px}
  .stats-inner{flex-wrap:wrap}
  .stat-divider{display:none}
  .stat-item{flex:1 1 45%;padding:.8rem 1rem}
}
.import-visual img{width:100%;height:100%;object-fit:cover;object-position:center}

/* Import highlights */
.import-highlights{display:flex;gap:2rem;margin-top:2.5rem;padding-top:1.8rem;border-top:1px solid rgba(201,169,110,.12);justify-content:center}
.ih-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center}
.ih-num{font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:700;color:var(--cream);line-height:1}
.ih-unit{font-size:.8rem;color:var(--gold);font-weight:400;margin-left:.1rem}
.ih-lbl{font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.import-reassurance{margin-top:1.6rem;font-size:.75rem;color:var(--muted);line-height:1.7;padding-left:.9rem;border-left:2px solid rgba(201,169,110,.3);text-align:center;padding-left:0;border-left:none;font-style:italic}

/* ── Hero animations ─────────────────────────────────────────────────── */
@keyframes heroIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.hero-anim-1{animation:heroIn .9s ease both}
.hero-anim-2{animation:heroIn 1.1s .15s ease both}
.hero-anim-3{animation:heroIn 1.1s .3s ease both}
.hero-anim-4{animation:heroIn 1s .5s ease both}

/* ── Cities ──────────────────────────────────────────────────────────── */
.cities-section{background:var(--card2);padding:6rem 2.5rem;border-top:1px solid rgba(201,169,110,.08);border-bottom:1px solid rgba(201,169,110,.08)}
.cities-inner{max-width:1280px;margin:0 auto}
.cities-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;margin-top:3rem}
.city-card{background:var(--card);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center;transition:border-color .3s,transform .3s}
.city-card:hover{border-color:rgba(201,169,110,.3);transform:translateY(-4px)}
.city-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(201,169,110,.5)}
.city-name{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--cream)}
.city-state{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
@media(max-width:900px){.cities-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:540px){.cities-grid{grid-template-columns:repeat(2,1fr)}}

/* ── Testimonials ────────────────────────────────────────────────────── */
.testi-section{padding:8rem 2.5rem;max-width:1280px;margin:0 auto}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.testi-card{background:var(--card);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:2rem;display:flex;flex-direction:column;gap:1.2rem;transition:border-color .3s,transform .3s}
.testi-card:hover{border-color:rgba(201,169,110,.2);transform:translateY(-4px)}
.testi-stars{color:var(--gold);font-size:1rem;letter-spacing:.1em}
.testi-text{font-size:.83rem;color:var(--text);line-height:1.75;font-style:italic;flex:1}
.testi-author{display:flex;align-items:center;gap:.9rem;margin-top:auto}
.testi-avatar{width:40px;height:40px;border-radius:50%;background:rgba(201,169,110,.15);border:1px solid rgba(201,169,110,.3);display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:.8rem;font-weight:700;color:var(--gold);flex-shrink:0}
.testi-name{font-size:.84rem;font-weight:600;color:var(--cream)}
.testi-city{font-size:.68rem;color:var(--muted);margin-top:.15rem}
@media(max-width:900px){.testi-grid{grid-template-columns:1fr}}

/* ── FAQ ─────────────────────────────────────────────────────────────── */
.faq-section{background:var(--card);border-top:1px solid rgba(201,169,110,.08);padding:8rem 2.5rem}
.faq-inner{max-width:860px;margin:0 auto}
.faq-list{display:flex;flex-direction:column;gap:.6rem;margin-top:3rem}
.faq-item{border:1px solid rgba(255,255,255,.06);border-radius:6px;overflow:hidden;transition:border-color .3s}
.faq-item.open{border-color:rgba(201,169,110,.25)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:none;border:none;padding:1.3rem 1.6rem;cursor:pointer;text-align:left;color:var(--cream);font-size:.88rem;font-weight:500;font-family:'Inter',sans-serif;transition:background .2s}
.faq-q:hover{background:rgba(255,255,255,.03)}
.faq-item.open .faq-q{background:rgba(201,169,110,.04);color:var(--gold)}
.faq-chevron{flex-shrink:0;color:var(--muted);transition:transform .3s}
.faq-item.open .faq-chevron{transform:rotate(180deg);color:var(--gold)}
.faq-a{display:none;padding:0 1.6rem 1.4rem;border-top:1px solid rgba(201,169,110,.1)}
.faq-a p{font-size:.82rem;color:var(--muted);line-height:1.8;padding-top:1.2rem}

/* ── Footer redesign ─────────────────────────────────────────────────── */
.site-footer{background:#04040a;border-top:1px solid rgba(201,169,110,.12)}
.footer-top{max-width:1280px;margin:0 auto;padding:4rem 2.5rem 3rem;display:grid;grid-template-columns:2fr 1fr 1fr 1.6fr;gap:3rem}
.footer-logo{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem}
.footer-tagline{font-size:.67rem;color:var(--muted);letter-spacing:.05em;margin-bottom:1.4rem}
.footer-social{display:flex;gap:.6rem}
.social-btn{width:34px;height:34px;border-radius:4px;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--muted);transition:border-color .2s,color .2s,background .2s}
.social-btn:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,169,110,.06)}
.footer-col-title{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin-bottom:1.2rem}
.footer-nav-col{display:flex;flex-direction:column;gap:.6rem}
.footer-nav-col a,.footer-nav-col span{font-size:.75rem;color:var(--muted);transition:color .2s}
.footer-nav-col a:hover{color:var(--gold)}
.footer-nl-desc{font-size:.75rem;color:var(--muted);line-height:1.6;margin-bottom:1rem}
.footer-nl-form{display:flex;flex-direction:column;gap:.6rem}
.footer-nl-form input{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:4px;padding:.7rem 1rem;color:var(--cream);font-size:.82rem;font-family:'Inter',sans-serif;outline:none;transition:border-color .2s;width:100%}
.footer-nl-form input:focus{border-color:var(--gold)}
.footer-nl-btn{padding:.7rem 1.2rem;font-size:.72rem;width:100%;justify-content:center}
.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding:1.5rem 2.5rem;max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.footer-bottom p{font-size:.67rem;color:var(--muted)}
@media(max-width:1100px){.footer-top{grid-template-columns:1fr 1fr;gap:2.5rem}}
@media(max-width:768px){.footer-top{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:.5rem;text-align:center}}

/* Model year tag */
.model-year{font-family:'Inter',sans-serif;font-size:.7rem;font-weight:500;color:var(--gold);letter-spacing:.08em;margin-left:.4rem;vertical-align:middle}
/* Available badge (green) */
.model-badge-available{background:#1e5c1e;color:#7ec47e;border:1px solid rgba(126,196,126,.3)}

/* Model card link wrap + CTA row */
a.model-img-wrap{display:block;text-decoration:none}
.model-cta-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:auto}
.model-cta-row .cta-btn{flex:1;min-width:0;justify-content:center;font-size:.72rem;padding:.65rem .9rem;white-space:nowrap}
.model-view-btn{opacity:.85}
.model-view-btn:hover{opacity:1}



/* ════════════════════════════════════════════════════════════════
   IMPROVEMENTS v4
   ════════════════════════════════════════════════════════════════ */

/* ── Light theme ─────────────────────────────────────────────── */
[data-theme="light"] {
  --dark:#f0ede8;--card:#ffffff;--card2:#f5f3ef;
  --cream:#0a0a14;--muted:#555566;--gold:#9a7840;
  --text:#222230;
}
[data-theme="light"] body{background:var(--dark);color:var(--cream)}
[data-theme="light"] .site-header{background:rgba(240,237,232,0.95);border-bottom:1px solid rgba(0,0,0,.08)}
[data-theme="light"] .brand-name,[data-theme="light"] .main-nav a{color:#0a0a14}
[data-theme="light"] .stat-lbl,[data-theme="light"] .section-sub{color:#666}
[data-theme="light"] .model-card,[data-theme="light"] .why-card,[data-theme="light"] .testi-card,[data-theme="light"] .faq-item,[data-theme="light"] .sidebar-card{background:#fff;border-color:rgba(0,0,0,.08)}
[data-theme="light"] .hero-overlay{background:linear-gradient(to top,rgba(240,237,232,.85) 0%,rgba(240,237,232,.3) 60%,transparent 100%)}
[data-theme="light"] .hero-title,[data-theme="light"] .hero-sub{color:#0a0a14}
[data-theme="light"] .stats-bar{background:#fff;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}
[data-theme="light"] .stat-num{color:#0a0a14}
[data-theme="light"] .import-section,[data-theme="light"] .why-section,[data-theme="light"] .testi-section,[data-theme="light"] .faq-section,[data-theme="light"] .gallery-section,[data-theme="light"] .calc-section{background:var(--dark)}
[data-theme="light"] .model-name,[data-theme="light"] .why-title-txt,[data-theme="light"] .testi-card p,[data-theme="light"] .section-title,[data-theme="light"] .faq-q{color:#0a0a14}
[data-theme="light"] .model-desc,.tl-body p,[data-theme="light"] .step-content p{color:#666}
[data-theme="light"] .tl-body h4,[data-theme="light"] .why-card-title{color:#0a0a14}
[data-theme="light"] .import-inner,[data-theme="light"] .import-text{background:transparent}
[data-theme="light"] .footer-wrapper{background:#0a0a14}
[data-theme="light"] .gallery-item{filter:brightness(.95)}
[data-theme="light"] .calc-card{background:#fff;border-color:rgba(0,0,0,.1)}
[data-theme="light"] .calc-field select,[data-theme="light"] .cb-row{color:#0a0a14;border-color:rgba(0,0,0,.1);background:#f5f3ef}
[data-theme="light"] .cb-row{border-bottom-color:rgba(0,0,0,.06)}

/* ── Theme toggle button ──────────────────────────────────────── */
.theme-toggle{
  width:36px;height:36px;border-radius:50%;
  border:1px solid rgba(255,255,255,.15);
  background:transparent;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  color:var(--cream);transition:border-color .2s,background .2s;
  flex-shrink:0;
}
.theme-toggle:hover{border-color:var(--gold);background:rgba(201,169,110,.1)}
[data-theme="light"] .theme-toggle{border-color:rgba(0,0,0,.2);color:#0a0a14}
[data-theme="dark"] .icon-sun,[data-theme="light"] .icon-moon{display:none}
[data-theme="dark"] .icon-moon,[data-theme="light"] .icon-sun{display:block}

/* ── Ken Burns hero ──────────────────────────────────────────── */
@keyframes kenburns{0%{transform:scale(1) translateY(0);}100%{transform:scale(1.12) translateY(-2%)}}
.ken-burns{animation:kenburns 22s ease-out forwards}

/* ── Hero live counter ───────────────────────────────────────── */
.hero-live{
  position:absolute;bottom:5.5rem;right:clamp(1.5rem,6vw,6rem);
  display:flex;align-items:center;gap:.5rem;
  font-family:'Inter',sans-serif;font-size:.72rem;font-weight:500;
  color:rgba(240,237,232,.7);letter-spacing:.05em;z-index:1
}
[data-theme="light"] .hero-live{color:rgba(10,10,20,.6)}
.live-dot{
  width:7px;height:7px;border-radius:50%;background:#5cb85c;
  animation:livepulse 1.8s ease-in-out infinite;flex-shrink:0
}
@keyframes livepulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}

/* ── Import Timeline ─────────────────────────────────────────── */
.import-timeline{display:flex;flex-direction:column;gap:0;margin:2rem 0 1.5rem}
.tl-item{display:flex;gap:1.4rem;align-items:flex-start}
.tl-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:40px}
.tl-num{
  width:40px;height:40px;border-radius:50%;
  background:rgba(201,169,110,.12);border:1.5px solid rgba(201,169,110,.4);
  display:flex;align-items:center;justify-content:center;
  font-family:'Inter',sans-serif;font-size:.72rem;font-weight:700;
  color:var(--gold);letter-spacing:.06em;flex-shrink:0;
  transition:background .3s,border-color .3s
}
.tl-item.visible .tl-num{background:rgba(201,169,110,.22);border-color:var(--gold)}
.tl-line{width:1.5px;flex:1;min-height:32px;background:rgba(201,169,110,.18);margin:4px auto}
.tl-body{padding-bottom:2rem;flex:1}
.tl-duration{
  display:inline-block;font-family:'Inter',sans-serif;font-size:.65rem;
  font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.4rem
}
.tl-body h4{font-family:'Playfair Display',serif;font-size:1rem;color:var(--cream);font-weight:700;margin:0 0 .4rem}
.tl-body p{font-size:.82rem;color:var(--muted);line-height:1.65;margin:0}

/* ── Calculateur ─────────────────────────────────────────────── */
.calc-section{background:var(--dark);padding:6rem 2.5rem}
.calc-inner{max-width:900px;margin:0 auto}
.calc-card{
  background:var(--card);border:1px solid rgba(201,169,110,.15);
  border-radius:14px;overflow:hidden;margin-top:2.5rem
}
.calc-form{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  border-bottom:1px solid rgba(255,255,255,.06)
}
.calc-field{padding:1.5rem 2rem;border-right:1px solid rgba(255,255,255,.06)}
.calc-field:last-child{border-right:none}
.calc-field label{
  display:block;font-family:'Inter',sans-serif;font-size:.68rem;
  font-weight:600;text-transform:uppercase;letter-spacing:.12em;
  color:var(--gold);margin-bottom:.6rem
}
.calc-field select{
  width:100%;background:transparent;border:none;outline:none;
  font-family:'Inter',sans-serif;font-size:.95rem;font-weight:500;
  color:var(--cream);cursor:pointer;appearance:none;
  -webkit-appearance:none;padding-right:1.5rem;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23C9A96E' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 0 center
}
.calc-field select option{background:#0f0f18;color:var(--cream)}
.calc-result{padding:1.5rem 2rem}
.calc-breakdown{margin-bottom:1rem}
.cb-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.05);
  font-family:'Inter',sans-serif;font-size:.83rem;color:var(--muted)
}
.cb-row span:last-child{color:var(--cream);font-weight:500}
.cb-total-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:1rem 0 .8rem;
  font-family:'Playfair Display',serif;font-size:1.1rem;color:var(--cream);font-weight:700;
  border-top:1px solid rgba(201,169,110,.25);margin-top:.5rem
}
.cb-total-val{color:var(--gold);font-size:1.4rem}
.calc-disclaimer{font-family:'Inter',sans-serif;font-size:.7rem;color:var(--muted);margin:.5rem 0 0;line-height:1.5}
@media(max-width:600px){.calc-form{grid-template-columns:1fr}.calc-field{border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}.calc-field:last-child{border-bottom:none}}

/* ── WhatsApp FAB ────────────────────────────────────────────── */
.whatsapp-fab{
  position:fixed;bottom:2rem;right:2rem;z-index:8888;
  width:56px;height:56px;border-radius:50%;
  background:#25D366;color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 20px rgba(37,211,102,.45);
  transition:transform .25s,box-shadow .25s;
  text-decoration:none;
}
.whatsapp-fab:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,.6)}

/* ── Gallery home lightbox ───────────────────────────────────── */
.gallery-item{cursor:pointer}
.home-lb{
  display:none;position:fixed;inset:0;
  background:rgba(5,5,10,.96);z-index:9999;
  align-items:center;justify-content:center
}
.home-lb.open{display:flex}
.home-lb img{max-width:90vw;max-height:88vh;object-fit:contain;border-radius:4px}

/* ── Model card hover transition ─────────────────────────────── */
.model-img-wrap img{transition:opacity .45s ease, transform .7s cubic-bezier(.25,.8,.25,1)}
.model-img-wrap.hovered img{opacity:0}
.model-img-wrap .hover-img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;opacity:0;transition:opacity .45s ease;pointer-events:none
}
.model-img-wrap.hovered .hover-img{opacity:1}

/* ── Smoother reveal ─────────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.25,.8,.25,1),transform .7s cubic-bezier(.25,.8,.25,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.tl-item.reveal{transform:translateX(-16px)}
.tl-item.reveal.visible{transform:translateX(0)}


/* ════════════════════════════════════════════════════════════════
   IMPROVEMENTS v5
   ════════════════════════════════════════════════════════════════ */

/* ── Promo banner ────────────────────────────────────────────── */
.promo-banner{
  background:var(--gold);color:var(--dark);
  text-align:center;padding:.55rem 3rem;
  font-family:'Inter',sans-serif;font-size:.78rem;font-weight:500;
  position:relative;z-index:200
}
.promo-banner p{margin:0}
.promo-banner a{color:var(--dark);font-weight:700;text-decoration:underline}
.promo-close{
  position:absolute;right:1rem;top:50%;transform:translateY(-50%);
  background:none;border:none;cursor:pointer;font-size:1rem;
  color:var(--dark);opacity:.7;padding:.2rem .4rem
}
.promo-close:hover{opacity:1}
.promo-banner.hidden{display:none}

/* ── Scroll progress bar ─────────────────────────────────────── */
.scroll-progress{
  position:fixed;top:0;left:0;height:2px;width:0%;
  background:linear-gradient(90deg,var(--gold),#e8c97a);
  z-index:9999;transition:width .1s linear
}

/* ── Custom cursor ───────────────────────────────────────────── */
@media(pointer:fine){
  body.custom-cursor{cursor:none}
  body.custom-cursor a,body.custom-cursor button,body.custom-cursor [onclick]{cursor:none}
  .cursor-dot{
    position:fixed;width:8px;height:8px;border-radius:50%;
    background:var(--gold);pointer-events:none;z-index:99999;
    transform:translate(-50%,-50%);transition:transform .08s,opacity .2s;
    mix-blend-mode:difference
  }
  .cursor-ring{
    position:fixed;width:36px;height:36px;border-radius:50%;
    border:1.5px solid rgba(201,169,110,.6);pointer-events:none;
    z-index:99998;transform:translate(-50%,-50%);
    transition:transform .18s cubic-bezier(.25,.8,.25,1),width .2s,height .2s,opacity .2s
  }
  .cursor-dot.click{transform:translate(-50%,-50%) scale(1.8)}
  .cursor-ring.hover{width:52px;height:52px;border-color:var(--gold);background:rgba(201,169,110,.06)}
}

/* ── Logo hover animation ────────────────────────────────────── */
.brand-logo .jaguar-icon{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.brand-logo:hover .jaguar-icon{transform:translateY(-3px) rotate(-4deg)}

/* ── CTA shimmer ─────────────────────────────────────────────── */
.cta-btn{position:relative;overflow:hidden}
.cta-btn::after{
  content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
  transform:skewX(-20deg);
  animation:shimmer 3.5s infinite 1.2s
}
@keyframes shimmer{0%,100%{left:-100%}40%{left:140%}}

/* ── Sticky mobile CTA ───────────────────────────────────────── */
.sticky-mobile-cta{
  display:none;
  position:fixed;bottom:0;left:0;right:0;z-index:7000;
  padding:.8rem 1rem;gap:.6rem;
  background:rgba(8,8,16,.97);
  border-top:1px solid rgba(201,169,110,.2);
  backdrop-filter:blur(12px)
}
.sticky-mobile-cta.show{display:flex}
@media(min-width:769px){.sticky-mobile-cta{display:none!important}}

/* ── Back to top ─────────────────────────────────────────────── */
.back-to-top{
  position:fixed;bottom:6rem;right:2rem;z-index:8000;
  width:44px;height:44px;border-radius:50%;
  background:rgba(8,8,16,.85);border:1px solid rgba(201,169,110,.35);
  color:var(--gold);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;
  transition:opacity .3s,transform .3s,border-color .2s;
  transform:translateY(10px)
}
.back-to-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}
.back-to-top:hover{background:rgba(201,169,110,.15);border-color:var(--gold)}

/* ── Exit-intent popup ───────────────────────────────────────── */
.exit-popup{
  display:none;position:fixed;inset:0;
  background:rgba(5,5,10,.8);z-index:9998;
  align-items:center;justify-content:center;
  backdrop-filter:blur(4px)
}
.exit-popup.open{display:flex}
.exit-card{
  background:var(--card);border:1px solid rgba(201,169,110,.25);
  border-radius:16px;padding:2.5rem 2rem;max-width:420px;width:90%;
  text-align:center;position:relative;
  animation:popIn .35s cubic-bezier(.34,1.56,.64,1)
}
@keyframes popIn{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}
.exit-close{
  position:absolute;top:.8rem;right:.8rem;
  background:none;border:none;color:var(--muted);font-size:1.1rem;cursor:pointer
}
.exit-close:hover{color:var(--cream)}
.exit-icon{margin:0 0 1rem;color:var(--gold)}
.exit-card h3{font-family:'Playfair Display',serif;font-size:1.5rem;color:var(--cream);margin:0 0 .8rem;font-weight:700}
.exit-card p{font-family:'Inter',sans-serif;font-size:.88rem;color:var(--muted);line-height:1.65;margin:0 0 1.4rem}
.exit-skip{background:none;border:none;color:var(--muted);font-size:.75rem;cursor:pointer;margin-top:.8rem;display:block;width:100%;text-align:center}
.exit-skip:hover{color:var(--cream)}

/* ── Certified badge ─────────────────────────────────────────── */
.cert-badge{
  position:absolute;bottom:.7rem;left:.7rem;
  background:rgba(8,8,16,.85);border:1px solid rgba(201,169,110,.4);
  border-radius:2rem;padding:.25rem .7rem;
  font-family:'Inter',sans-serif;font-size:.62rem;font-weight:600;
  color:var(--gold);letter-spacing:.08em;cursor:pointer;
  backdrop-filter:blur(8px);
  transition:background .2s,border-color .2s;z-index:2
}
.cert-badge:hover{background:rgba(201,169,110,.15);border-color:var(--gold)}

/* ── Certified modal ─────────────────────────────────────────── */
.cert-modal-overlay{
  display:none;position:fixed;inset:0;
  background:rgba(5,5,10,.8);z-index:9997;
  align-items:center;justify-content:center;
  backdrop-filter:blur(4px)
}
.cert-modal-overlay.open{display:flex}
.cert-modal-card{
  background:var(--card);border:1px solid rgba(201,169,110,.25);
  border-radius:16px;padding:2rem;max-width:480px;width:90%;
  position:relative;animation:popIn .35s cubic-bezier(.34,1.56,.64,1)
}
.cert-modal-close{position:absolute;top:.8rem;right:.8rem;background:none;border:none;color:var(--muted);font-size:1.1rem;cursor:pointer}
.cert-modal-close:hover{color:var(--cream)}
.cert-modal-icon{font-size:2.5rem;color:var(--gold);margin-bottom:.8rem}
.cert-modal-card h3{font-family:'Playfair Display',serif;font-size:1.3rem;color:var(--cream);margin:0 0 .6rem;font-weight:700}
.cert-modal-card > p{font-family:'Inter',sans-serif;font-size:.83rem;color:var(--muted);margin:0 0 1rem}
.cert-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.cert-list li{font-family:'Inter',sans-serif;font-size:.83rem;color:rgba(240,237,232,.75);display:flex;align-items:center;gap:.6rem}
.cert-list li::before{content:'✓';color:var(--gold);font-weight:700;flex-shrink:0}

/* ── Skeleton loader ─────────────────────────────────────────── */
.img-loading{background:linear-gradient(90deg,var(--card) 25%,var(--card2) 50%,var(--card) 75%);background-size:200% 100%;animation:skeletonAnim 1.4s infinite}
@keyframes skeletonAnim{0%{background-position:200% 0}100%{background-position:-200% 0}}
.img-loading img{opacity:0;transition:opacity .4s}
.img-loading.loaded img{opacity:1}
.img-loading.loaded{background:none;animation:none}

/* ── Press & Awards ──────────────────────────────────────────── */
.press-section{padding:4rem 2.5rem;background:var(--card)}
.press-inner{max-width:1280px;margin:0 auto}
.press-eyebrow{text-align:center;margin-bottom:2.5rem}
.press-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
@media(max-width:900px){.press-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.press-grid{grid-template-columns:1fr}}
.press-item{
  background:var(--dark);border:1px solid rgba(255,255,255,.06);
  border-radius:10px;padding:1.5rem;
  transition:border-color .3s,transform .3s
}
.press-item:hover{border-color:rgba(201,169,110,.25);transform:translateY(-4px)}
.press-logo{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem}
.press-brand{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:900;color:var(--cream);letter-spacing:.04em}
.press-stars{color:var(--gold);font-size:.9rem;margin-left:.3rem}
.press-quote{font-family:'Inter',sans-serif;font-size:.78rem;color:var(--muted);line-height:1.65;margin:0;font-style:italic}

/* ── Comparateur ─────────────────────────────────────────────── */
.comp-section{padding:6rem 2.5rem;background:var(--dark)}
.comp-inner{max-width:1100px;margin:0 auto}
.comp-table-wrap{overflow-x:auto;margin-top:2.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.07)}
.comp-table{width:100%;border-collapse:collapse;font-family:'Inter',sans-serif;font-size:.84rem}
.comp-table th{padding:1rem 1.2rem;text-align:left;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);background:var(--card)}
.comp-table th.comp-highlight{background:rgba(201,169,110,.1);color:var(--gold);border-top:2px solid var(--gold);position:relative}
.comp-brand-badge{display:block;font-size:.6rem;font-weight:700;color:var(--gold);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem}
.comp-table td{padding:.85rem 1.2rem;color:rgba(240,237,232,.65);border-top:1px solid rgba(255,255,255,.05)}
.comp-table td:first-child{color:rgba(240,237,232,.5);font-size:.78rem}
.comp-table td.comp-highlight{background:rgba(201,169,110,.05);color:var(--cream);font-weight:500}
.comp-table td.comp-highlight.comp-win{color:var(--gold);font-weight:600}
.comp-table tr:hover td{background:rgba(255,255,255,.02)}
.comp-table tr:hover td.comp-highlight{background:rgba(201,169,110,.08)}
.comp-note{font-family:'Inter',sans-serif;font-size:.7rem;color:var(--muted);margin-top:1rem;text-align:right}

/* ── Multi-step wizard form ──────────────────────────────────── */
.wizard-progress{display:flex;align-items:center;margin-bottom:2rem;gap:0}
.wp-step{display:flex;flex-direction:column;align-items:center;gap:.3rem;flex-shrink:0}
.wp-num{
  width:32px;height:32px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.15);
  display:flex;align-items:center;justify-content:center;
  font-family:'Inter',sans-serif;font-size:.78rem;font-weight:600;color:var(--muted);
  transition:background .3s,border-color .3s,color .3s
}
.wp-step.active .wp-num,.wp-step.done .wp-num{background:var(--gold);border-color:var(--gold);color:var(--dark)}
.wp-lbl{font-family:'Inter',sans-serif;font-size:.62rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.wp-step.active .wp-lbl{color:var(--gold)}
.wp-line{flex:1;height:1px;background:rgba(255,255,255,.1);margin:0 .5rem;margin-bottom:1.2rem}
.wizard-step{display:none;animation:fadeIn .3s ease}
.wizard-step.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.wizard-nav{display:flex;gap:.8rem;margin-top:1rem}
.wizard-nav .cta-btn{flex:1;justify-content:center}
.wizard-next-btn{width:100%;justify-content:center}

/* ── Social share (detail pages) ─────────────────────────────── */
.share-bar{display:flex;align-items:center;gap:.6rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.06)}
.share-lbl{font-family:'Inter',sans-serif;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-right:.4rem}
.share-btn{
  display:flex;align-items:center;gap:.4rem;padding:.45rem .9rem;
  border:1px solid rgba(255,255,255,.1);border-radius:4px;
  font-family:'Inter',sans-serif;font-size:.72rem;color:var(--muted);
  text-decoration:none;transition:border-color .2s,color .2s,background .2s;cursor:pointer;background:none
}
.share-btn:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,169,110,.06)}


/* ════════════════════════════════════════════════════════════════
   IMPROVEMENTS v6
   ════════════════════════════════════════════════════════════════ */

/* ── Page transition ─────────────────────────────────────────── */
.page-transition{
  position:fixed;inset:0;background:#080810;z-index:99999;
  pointer-events:none;opacity:0;transition:opacity .4s ease
}
.page-transition.out{opacity:1;pointer-events:auto}
.page-transition.in{opacity:0}

/* ── Scroll snap mobile ──────────────────────────────────────── */
@media(max-width:768px){
  html{scroll-snap-type:y proximity}
  .hero,.stats-bar,.models-section,.import-section,.calc-section,.why-section,.testi-section,.faq-section,.contact-section{scroll-snap-align:start}
}

/* ── Model filters ───────────────────────────────────────────── */
.model-filters{
  display:flex;flex-direction:column;gap:.9rem;
  margin-bottom:2rem;padding:1.1rem 1.5rem;
  background:var(--card);border-radius:8px;
  border:1px solid rgba(255,255,255,.06)
}
.mf-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.mf-top{gap:1rem}
.mf-btns{gap:1.2rem}
.mf-search{
  display:flex;align-items:center;gap:.5rem;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  border-radius:2rem;padding:.35rem .9rem;flex:1;min-width:160px;max-width:280px
}
.mf-search input{
  border:none;background:transparent;outline:none;
  font-family:'Inter',sans-serif;font-size:.78rem;color:var(--text);width:100%
}
.mf-search input::placeholder{color:var(--muted)}
.mf-search svg{color:var(--muted);flex-shrink:0}
.mf-sort-wrap{
  display:flex;align-items:center;gap:.5rem;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  border-radius:2rem;padding:.35rem .9rem
}
.mf-sort-wrap svg{color:var(--muted)}
#mf-sort-select{
  border:none;background:transparent;outline:none;
  font-family:'Inter',sans-serif;font-size:.78rem;color:var(--text);cursor:pointer
}
.mf-reset{
  padding:.35rem .85rem;border-radius:2rem;
  border:1px solid rgba(255,255,255,.12);background:transparent;
  color:var(--muted);font-family:'Inter',sans-serif;font-size:.72rem;
  cursor:pointer;transition:all .2s;white-space:nowrap
}
.mf-reset:hover{border-color:#e05;color:#e05}
.mf-count{
  font-family:'Inter',sans-serif;font-size:.72rem;
  color:var(--gold);font-weight:600;margin-left:auto;white-space:nowrap
}
.mf-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.mf-label{font-family:'Inter',sans-serif;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-right:.3rem}
.mf-btn{
  padding:.35rem .85rem;border-radius:2rem;border:1px solid rgba(255,255,255,.1);
  background:transparent;color:var(--muted);font-family:'Inter',sans-serif;
  font-size:.75rem;cursor:pointer;transition:all .2s
}
.mf-btn.active,.mf-btn:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,169,110,.08)}
.model-card{transition:opacity .35s ease,transform .35s ease,border-color .3s,box-shadow .4s}
.model-card{transition:opacity .3s,transform .3s}
.model-card.filtered-out{display:none}

/* ── Color swatches ──────────────────────────────────────────── */
.color-swatches{display:flex;align-items:center;gap:.5rem;margin:.5rem 0 .8rem}
.cs-label{font-family:'Inter',sans-serif;font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-right:.2rem}
.cs-dot{
  width:18px;height:18px;border-radius:50%;border:2px solid transparent;
  cursor:pointer;transition:transform .2s,border-color .2s;padding:0
}
.cs-dot:hover{transform:scale(1.2)}
.cs-dot.active{border-color:var(--gold);transform:scale(1.1)}

/* ── Financement section ─────────────────────────────────────── */
.fin-section{background:var(--card);padding:6rem 2.5rem}
.fin-inner{max-width:1100px;margin:0 auto}
.fin-card{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  background:var(--dark);border:1px solid rgba(201,169,110,.15);
  border-radius:14px;overflow:hidden;margin-top:2.5rem
}
@media(max-width:768px){.fin-card{grid-template-columns:1fr}}
.fin-left{padding:2rem;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:1.8rem}
.fin-right{padding:2rem;display:flex;align-items:center}
.fin-field-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.6rem}
.fin-field-header label{font-family:'Inter',sans-serif;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.fin-field-header span{font-family:'Inter',sans-serif;font-size:.9rem;font-weight:600;color:var(--gold)}
input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:3px;background:rgba(255,255,255,.1);border-radius:2px;outline:none;cursor:pointer}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--gold);border:2px solid var(--dark);cursor:pointer;box-shadow:0 0 6px rgba(201,169,110,.5)}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--gold);border:2px solid var(--dark);cursor:pointer}
.fin-range-labels{display:flex;justify-content:space-between;font-family:'Inter',sans-serif;font-size:.6rem;color:var(--muted);margin-top:.3rem}
.fin-result{width:100%}
.fin-result-label{font-family:'Inter',sans-serif;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 .4rem}
.fin-monthly{font-family:'Playfair Display',serif;font-size:2.8rem;font-weight:900;color:var(--gold);margin:0 0 1.5rem;line-height:1}
.fin-breakdown{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}
.fb-row{display:flex;justify-content:space-between;font-family:'Inter',sans-serif;font-size:.8rem;color:var(--muted);padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.05)}
.fb-row span:last-child{color:var(--cream);font-weight:500}
.fin-disclaimer{font-family:'Inter',sans-serif;font-size:.68rem;color:rgba(240,237,232,.3);margin:.5rem 0 0}

/* ── Suivi commande ──────────────────────────────────────────── */
.suivi-section{background:var(--dark);padding:6rem 2.5rem}
.suivi-inner{max-width:820px;margin:0 auto}
.suivi-search{display:flex;gap:.8rem;margin:2rem 0}
.suivi-search input{
  flex:1;background:var(--card);border:1px solid rgba(255,255,255,.1);
  border-radius:6px;color:var(--cream);font-family:'Inter',sans-serif;
  font-size:.95rem;padding:.8rem 1.2rem;outline:none;transition:border-color .2s
}
.suivi-search input:focus{border-color:var(--gold)}
.suivi-result{margin-top:1.5rem;animation:fadeIn .4s ease}
.suivi-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.07)}
.suivi-ref{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:700;color:var(--cream);margin:0 0 .2rem}
.suivi-model{font-family:'Inter',sans-serif;font-size:.82rem;color:var(--muted);margin:0}
.suivi-status-badge{background:rgba(201,169,110,.12);border:1px solid rgba(201,169,110,.3);color:var(--gold);font-family:'Inter',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.4rem .9rem;border-radius:2rem}
.suivi-stepper{display:flex;flex-direction:column}
.ss-item{display:flex;gap:1.2rem;align-items:flex-start}
.ss-dot{
  width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.1);
  background:var(--card);display:flex;align-items:center;justify-content:center;
  color:var(--muted);flex-shrink:0;position:relative;z-index:1
}
.ss-item.done .ss-dot{background:rgba(201,169,110,.15);border-color:var(--gold);color:var(--gold)}
.ss-item.active .ss-dot{background:var(--gold);border-color:var(--gold);color:var(--dark)}
.ss-pulse{
  width:12px;height:12px;border-radius:50%;background:var(--dark);
  box-shadow:0 0 0 0 rgba(201,169,110,.6);
  animation:pulse 1.5s infinite
}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(201,169,110,.6)}70%{box-shadow:0 0 0 10px rgba(201,169,110,0)}100%{box-shadow:0 0 0 0 rgba(201,169,110,0)}}
.ss-line{width:2px;height:40px;background:rgba(255,255,255,.07);margin:0 auto;position:relative;left:14px;top:-2px;flex-shrink:0}
.ss-item:last-child .ss-line{display:none}
.ss-item.done .ss-line{background:rgba(201,169,110,.25)}
.ss-body{padding-bottom:1.5rem;flex:1}
.ss-title{font-family:'Inter',sans-serif;font-size:.87rem;font-weight:500;color:var(--cream);margin:0 0 .2rem}
.ss-item:not(.done):not(.active) .ss-title{color:var(--muted)}
.ss-date{font-family:'Inter',sans-serif;font-size:.72rem;color:var(--muted);margin:0}
.suivi-not-found{text-align:center;padding:2rem;color:var(--muted);font-family:'Inter',sans-serif;font-size:.88rem}
.suivi-not-found a{color:var(--gold)}

/* ── Chatbot widget ──────────────────────────────────────────── */
.chatbot-widget{position:fixed;bottom:2rem;left:2rem;z-index:8500}
.chatbot-toggle{
  width:56px;height:56px;border-radius:50%;
  background:var(--card);border:1px solid rgba(201,169,110,.35);
  color:var(--gold);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 20px rgba(0,0,0,.4);
  transition:transform .25s,box-shadow .25s;position:relative
}
.chatbot-toggle:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(0,0,0,.5)}
.chat-badge{
  position:absolute;top:-4px;right:-4px;
  background:var(--gold);color:var(--dark);
  font-family:'Inter',sans-serif;font-size:.5rem;font-weight:700;
  letter-spacing:.06em;padding:.15rem .35rem;border-radius:2rem
}
.chat-icon-close{display:none}
.chatbot-widget.open .chat-icon-open{display:none}
.chatbot-widget.open .chat-icon-close{display:block}
.chatbot-widget.open .chat-badge{display:none}
.chatbot-window{
  display:none;position:absolute;bottom:68px;left:0;
  width:320px;background:var(--card);
  border:1px solid rgba(201,169,110,.2);border-radius:14px;
  box-shadow:0 16px 48px rgba(0,0,0,.5);overflow:hidden;
  animation:popIn .3s cubic-bezier(.34,1.56,.64,1)
}
.chatbot-widget.open .chatbot-window{display:flex;flex-direction:column}
.chat-header{
  display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;
  background:rgba(201,169,110,.08);border-bottom:1px solid rgba(255,255,255,.06)
}
.chat-avatar{
  width:34px;height:34px;border-radius:50%;
  background:var(--gold);color:var(--dark);
  font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;
  display:flex;align-items:center;justify-content:center;flex-shrink:0
}
.chat-name{font-family:'Inter',sans-serif;font-size:.82rem;font-weight:600;color:var(--cream);margin:0 0 .1rem}
.chat-status{font-family:'Inter',sans-serif;font-size:.65rem;color:#5cb85c;margin:0}
.chat-messages{padding:1rem;display:flex;flex-direction:column;gap:.6rem;max-height:280px;overflow-y:auto;flex:1}
.chat-messages::-webkit-scrollbar{width:3px}
.chat-messages::-webkit-scrollbar-thumb{background:rgba(201,169,110,.3)}
.chat-msg{font-family:'Inter',sans-serif;font-size:.8rem;line-height:1.55;padding:.6rem .9rem;border-radius:10px;max-width:85%}
.chat-msg.bot{background:rgba(255,255,255,.05);color:var(--cream);border-radius:4px 10px 10px 10px}
.chat-msg.user{background:rgba(201,169,110,.15);color:var(--cream);align-self:flex-end;border-radius:10px 4px 10px 10px}
.chat-suggestions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}
.chat-suggestions button{
  font-family:'Inter',sans-serif;font-size:.68rem;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  color:var(--muted);border-radius:2rem;padding:.3rem .7rem;cursor:pointer;
  transition:border-color .2s,color .2s
}
.chat-suggestions button:hover{border-color:var(--gold);color:var(--gold)}
.chat-input-row{
  display:flex;gap:.5rem;padding:.8rem 1rem;
  border-top:1px solid rgba(255,255,255,.06)
}
.chat-input-row input{
  flex:1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  border-radius:6px;color:var(--cream);font-family:'Inter',sans-serif;
  font-size:.8rem;padding:.5rem .8rem;outline:none
}
.chat-input-row input:focus{border-color:var(--gold)}
.chat-input-row button{
  background:var(--gold);border:none;color:var(--dark);
  font-weight:700;font-size:1rem;padding:.5rem .9rem;
  border-radius:6px;cursor:pointer
}
@media(max-width:480px){.chatbot-window{width:calc(100vw - 3rem);left:0}}


/* ══ v6 NEW FEATURES ═══════════════════════════════════════════════════════ */

/* ── 1. J Loading spinner ──────────────────────────────────────────────── */
.j-loader {
  position:fixed;inset:0;z-index:9999;background:var(--dark);
  display:flex;align-items:center;justify-content:center;
  transition:opacity .5s ease, visibility .5s ease;
  /* CSS-only fallback: auto-hide after 3s even without JS */
  animation:loaderAutoHide .4s 3s ease forwards;
}
.j-loader.hidden { opacity:0; visibility:hidden; pointer-events:none; }
@keyframes loaderAutoHide { to { opacity:0; visibility:hidden; pointer-events:none; } }
.j-spinner {
  width:72px;height:72px;border-radius:50%;
  border:2px solid rgba(201,169,110,.2);
  border-top-color:var(--gold);
  display:flex;align-items:center;justify-content:center;
  animation:jSpin .8s linear infinite;
  position:relative;
}
.j-spinner span {
  font-family:'Playfair Display',serif;font-size:1.8rem;font-weight:700;
  color:var(--gold);line-height:1;
  animation:jSpinReverse .8s linear infinite;
}
@keyframes jSpin { to { transform:rotate(360deg); } }
@keyframes jSpinReverse { to { transform:rotate(-360deg); } }

/* ── 2. Hero scroll indicator (keep original style, just fix z-index) ───── */

/* ── 3. Video hero ────────────────────────────────────────────────────────  */
.hero-video-wrap {
  position:absolute;inset:0;z-index:1;display:none;
}
.hero-video-wrap.active { display:block; }
.hero-video-wrap iframe { width:100%;height:100%;object-fit:cover; }
.hero-video-btn { gap:.4rem;font-size:.72rem; }

/* ── 4. Favourites heart button ─────────────────────────────────────────── */
.fav-btn {
  background:none;border:1.5px solid rgba(201,169,110,.3);border-radius:50%;
  width:38px;height:38px;display:flex;align-items:center;justify-content:center;
  font-size:1.2rem;color:var(--muted);cursor:pointer;transition:all .25s;
  flex-shrink:0;
}
.fav-btn:hover { border-color:var(--gold);color:var(--gold); }
.fav-btn.active { background:rgba(201,169,110,.12);color:#e05a5a;border-color:#e05a5a;font-size:1.1rem; }
.fav-chip {
  position:fixed;bottom:5.5rem;right:1.5rem;z-index:200;
  background:var(--card);border:1.5px solid rgba(201,169,110,.3);
  border-radius:20px;padding:.4rem .9rem;display:flex;align-items:center;gap:.4rem;
  font-size:.78rem;color:var(--gold);cursor:pointer;
  transition:all .3s;box-shadow:0 4px 20px rgba(0,0,0,.4);
}
.fav-chip:hover { border-color:var(--gold);transform:scale(1.05); }
.fav-chip span:first-child { color:#e05a5a; }

/* ── 5. Guarantees section ────────────────────────────────────────────────  */
.guar-section { padding:6rem 0;background:var(--card); }
.guar-inner { max-width:1280px;margin:0 auto;padding:0 2.5rem; }
.guar-grid {
  display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3.5rem;
}
.guar-card {
  background:var(--dark);border:1px solid rgba(201,169,110,.1);border-radius:4px;
  padding:2.5rem 2rem;text-align:center;position:relative;overflow:hidden;
  transition:border-color .3s,transform .3s;
}
.guar-card::before {
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(201,169,110,.04) 0%,transparent 60%);
  pointer-events:none;
}
.guar-card:hover { border-color:rgba(201,169,110,.35);transform:translateY(-4px); }
.guar-card--center {
  border-color:rgba(201,169,110,.25);
  box-shadow:0 0 40px rgba(201,169,110,.08);
}
.guar-icon { margin-bottom:1.2rem; }
.guar-num {
  font-family:'Playfair Display',serif;font-size:2.6rem;font-weight:700;
  color:var(--gold);line-height:1;margin-bottom:.6rem;
}
.guar-card h3 { font-size:1rem;color:var(--cream);margin-bottom:.8rem;font-weight:600; }
.guar-card p { font-size:.83rem;color:var(--text);line-height:1.6; }
@media(max-width:768px){ .guar-grid{grid-template-columns:1fr;} }

/* ── 6. India SVG map ────────────────────────────────────────────────────── */
.india-map-wrap {
  display:flex;align-items:center;justify-content:center;gap:3rem;
  flex-wrap:wrap;margin-top:3rem;
}
.india-svg {
  width:280px;height:360px;flex-shrink:0;filter:drop-shadow(0 0 20px rgba(201,169,110,.15));
}
.india-outline {
  fill:rgba(201,169,110,.06);stroke:rgba(201,169,110,.35);stroke-width:1.5;
  stroke-linejoin:round;
}
.map-pin { cursor:pointer; }
.map-ring {
  fill:none;stroke:var(--gold);stroke-width:1;
  opacity:0;
  transform-box:fill-box;transform-origin:center;
  animation:mapPulse 2.5s ease-out infinite;
}
.map-pin:nth-child(3) .map-ring { animation-delay:.4s; }
.map-pin:nth-child(4) .map-ring { animation-delay:.8s; }
.map-pin:nth-child(5) .map-ring { animation-delay:1.2s; }
.map-pin:nth-child(6) .map-ring { animation-delay:1.6s; }
.map-pin:nth-child(7) .map-ring { animation-delay:2.0s; }
@keyframes mapPulse {
  0%{opacity:.7;transform:scale(.5)} 100%{opacity:0;transform:scale(2.2)}
}
.map-dot { fill:var(--gold);transition:r .2s; }
.map-pin:hover .map-dot { r:9; }
.map-pin.active .map-dot { fill:#fff;r:8; }
.map-lbl {
  font-family:'Inter',sans-serif;font-size:9px;fill:rgba(201,169,110,.7);
  pointer-events:none;
}
.map-panel {
  background:var(--card);border:1px solid rgba(201,169,110,.15);border-radius:4px;
  padding:2rem;min-width:240px;max-width:280px;
}
.map-hint { color:var(--muted);font-size:.83rem; }
.map-city-name { font-size:1.3rem;color:var(--cream);font-family:'Playfair Display',serif;margin-bottom:.3rem; }
.map-city-state { color:var(--gold);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem; }
.map-city-features { list-style:none;margin-bottom:1.2rem; }
.map-city-features li { font-size:.82rem;color:var(--text);padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.05); }
.map-city-features li:last-child { border:none; }
@media(max-width:640px){ .india-map-wrap{flex-direction:column;} .map-panel{max-width:100%;} }

/* ── 7. Cookie consent banner ────────────────────────────────────────────── */
.cookie-banner {
  position:fixed;bottom:0;left:0;right:0;z-index:1200;
  background:rgba(12,12,22,.97);backdrop-filter:blur(20px);
  border-top:1px solid rgba(201,169,110,.2);
  transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);
}
.cookie-banner.show { transform:translateY(0); }
.cookie-inner {
  max-width:1280px;margin:0 auto;padding:1.2rem 2.5rem;
  display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;
}
.cookie-inner p { font-size:.82rem;color:var(--text);flex:1;min-width:200px; }
.cookie-btns { display:flex;gap:.8rem;flex-shrink:0; }
.cookie-decline { font-size:.72rem;padding:.6rem 1.2rem; }
.cookie-accept { font-size:.72rem;padding:.6rem 1.2rem; }
@media(max-width:640px){
  .cookie-inner{flex-direction:column;align-items:flex-start;}
  .cookie-btns{width:100%;}
  .cookie-decline,.cookie-accept{flex:1;justify-content:center;}
}

/* ── 8. Push notification prompt ─────────────────────────────────────────── */
.push-prompt {
  position:fixed;top:90px;right:1.5rem;z-index:900;
  background:var(--card);border:1px solid rgba(201,169,110,.2);border-radius:4px;
  box-shadow:0 8px 40px rgba(0,0,0,.5);
  transform:translateX(120%);transition:transform .4s cubic-bezier(.4,0,.2,1);
  max-width:320px;
}
.push-prompt.show { transform:translateX(0); }
.push-inner { display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem; }
.push-inner p { font-size:.8rem;color:var(--text);flex:1; }
.push-enable { font-size:.7rem;padding:.5rem 1rem;flex-shrink:0; }
.push-dismiss {
  background:none;border:none;cursor:pointer;color:var(--muted);
  font-size:1rem;flex-shrink:0;padding:.2rem;transition:color .2s;
}
.push-dismiss:hover { color:var(--cream); }

/* ── Prefetch indicator (tiny top glow) ──────────────────────────────────── */
.prefetch-ready::after {
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  opacity:0;animation:prefetchGlow .6s ease forwards;
}
@keyframes prefetchGlow { 0%{opacity:0}50%{opacity:.7}100%{opacity:0} }




/* ── AutoTrader listing cards ───────────────────────────────────────────────── */
.at-price { color:var(--gold);font-weight:700; }
.at-india-est {
  font-size:.78rem;color:var(--muted);padding:.5rem 0 .2rem;
  border-top:1px solid rgba(201,169,110,.08);margin-top:.4rem;
}
.at-india-est span { color:var(--text); }
.model-sub-label { font-size:.7em;color:var(--muted);font-family:'Inter',sans-serif;font-weight:400;letter-spacing:.04em; }

[data-theme="light"] .hero-sub{color:rgba(10,10,20,.75)}
[data-theme="light"] .hero-live{color:rgba(10,10,20,.6)}
[data-theme="light"] .cert-list li{color:rgba(10,10,20,.75)}
[data-theme="light"] .comp-table td{color:rgba(10,10,20,.65);border-top-color:rgba(0,0,0,.06)}
[data-theme="light"] .comp-table td:first-child{color:rgba(10,10,20,.5)}
[data-theme="light"] .fin-disclaimer{color:rgba(10,10,20,.45)}
[data-theme="light"] .mf-search{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.12)}
[data-theme="light"] .mf-sort-wrap{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.12)}
[data-theme="light"] #mf-sort-select{color:#0a0a14}
[data-theme="light"] .mf-btn{border-color:rgba(0,0,0,.12);color:#555}
[data-theme="light"] .social-btn{border-color:rgba(0,0,0,.1)}
[data-theme="light"] .footer-col-title{color:#0a0a14}
[data-theme="light"] .contact-section{background:#fff}
[data-theme="light"] .ci-item{color:#222230}
[data-theme="light"] .form-group input,[data-theme="light"] .form-group select,[data-theme="light"] .form-group textarea{background:#f5f3ef;border-color:rgba(0,0,0,.12);color:#0a0a14}
[data-theme="light"] .faq-a p{color:#444}
[data-theme="light"] .guar-card{background:#fff;border-color:rgba(0,0,0,.08)}
[data-theme="light"] .guar-text{color:#444}
[data-theme="light"] .press-logo{background:#fff;border-color:rgba(0,0,0,.08)}
[data-theme="light"] .press-brand{color:#0a0a14}

/* ── Light mode: form fields & placeholders ── */
[data-theme="light"] .form-group input,
[data-theme="light"] .form-group select,
[data-theme="light"] .form-group textarea {
  background: #ffffff;
  border: 1.5px solid #c8c4bc;
  color: #0a0a14;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
}
[data-theme="light"] .form-group input::placeholder,
[data-theme="light"] .form-group textarea::placeholder { color: #999; }
[data-theme="light"] .form-group input:focus,
[data-theme="light"] .form-group select:focus,
[data-theme="light"] .form-group textarea:focus {
  border-color: var(--gold);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(154,120,64,.12);
}
[data-theme="light"] .form-group select {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239a7840' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 1rem center;background-color:#ffffff;
}
[data-theme="light"] .footer-nl-form input,
[data-theme="light"] .suivi-search input,
[data-theme="light"] .chat-input-row input {
  background: #ffffff;
  border: 1.5px solid #c8c4bc;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
}
[data-theme="light"] .footer-nl-form input {
  background:#ede9e2;
  border:1px solid rgba(0,0,0,.18);
  color:#0a0a14;
}
[data-theme="light"] .footer-nl-form input::placeholder { color:rgba(10,10,20,.35); }
[data-theme="light"] .suivi-search input {
  background:#f5f3ef;
  border:1px solid rgba(0,0,0,.18);
  color:#0a0a14;
}
[data-theme="light"] .suivi-search input::placeholder { color:rgba(10,10,20,.35); }
[data-theme="light"] .chat-input-row input {
  background:#f0ede8;
  border:1px solid rgba(0,0,0,.15);
  color:#0a0a14;
}
[data-theme="light"] .chat-input-row input::placeholder { color:rgba(10,10,20,.35); }
[data-theme="light"] .mf-search input::placeholder { color:rgba(10,10,20,.4); }
[data-theme="light"] input[type=range] { background:rgba(0,0,0,.12); }

/* ── Light mode: share bar ── */
[data-theme="light"] .share-bar{border-top-color:rgba(0,0,0,.1)}
[data-theme="light"] .share-btn{border:1.5px solid #c8c4bc;color:#555}
[data-theme="light"] .share-btn:hover{border-color:var(--gold);color:var(--gold);background:rgba(154,120,64,.06)}

/* ═══════════════════════════════════════════════════════════════
   MOBILE IMPROVEMENTS — max 480px
   ═══════════════════════════════════════════════════════════════ */
@media(max-width:480px){

  /* Header */
  .site-header{padding:0 1rem}
  .header-inner{height:60px}
  .brand-logo img{height:40px !important}
  .lang-switcher{display:none}
  .theme-toggle{width:34px;height:34px}

  /* Hero */
  .hero{min-height:70vh;height:70vh}
  .hero-img{object-position:center center}
  .ken-burns{animation:none}
  .hero-content{padding:64px 1.2rem 0}
  .hero-title{font-size:2rem;line-height:1.2}
  .hero-sub{font-size:.85rem}
  .hero-actions{flex-direction:column;gap:.7rem}
  .hero-actions .cta-btn{width:100%;text-align:center;justify-content:center}

  /* Stats */
  .stat-item{flex:1 1 40%;padding:.6rem .8rem}
  .stat-num{font-size:1.6rem}

  /* Sections padding */
  .models-section,.why-section,.import-section,
  .contact-section,.faq-section,.cities-section,
  .testi-section,.press-section{padding:3.5rem 1.2rem}

  /* Section titles */
  .section-title{font-size:1.8rem}
  .section-sub{font-size:.82rem}

  /* Filters */
  .model-filters{padding:.8rem 1rem}
  .mf-top{flex-wrap:wrap}
  .mf-search{max-width:100%;width:100%}
  .mf-sort-wrap{flex:1}
  .mf-reset{font-size:.68rem;padding:.3rem .65rem}
  .mf-count{font-size:.68rem}
  .mf-group{gap:.35rem}
  .mf-btn{font-size:.68rem;padding:.28rem .65rem}
  .mf-label{font-size:.6rem}

  /* Model cards */
  .model-card{border-radius:8px}
  .model-name{font-size:1rem}
  .model-specs{grid-template-columns:1fr 1fr 1fr;gap:.3rem}
  .spec-val{font-size:.78rem}
  .model-info{padding:1rem}

  /* Why cards */
  .why-grid{grid-template-columns:1fr}
  .why-card{padding:1.4rem}

  /* FAQ */
  .faq-q{font-size:.82rem;padding:.9rem 1rem}
  .faq-a p{font-size:.78rem}

  /* Contact form */
  .contact-section .section-title{font-size:1.6rem}
  .contact-info{gap:.8rem}
  .wizard-progress{gap:0;overflow-x:auto}
  .wp-lbl{display:none}

  /* Footer */
  .footer-top{padding:2.5rem 1.2rem}
  .footer-brand-col .brand-name{font-size:1rem}
  .footer-bottom{padding:1rem 1.2rem;font-size:.65rem}

  /* Sticky CTA */
  .sticky-mobile-cta{padding:.7rem 1rem}
  .sticky-mobile-cta .cta-btn{font-size:.72rem;padding:.65rem 1rem}

  /* Chatbot */
  .chatbot-widget{bottom:4.5rem;right:1rem}
  .chatbot-toggle{width:48px;height:48px}

  /* WhatsApp FAB */
  .whatsapp-fab{bottom:4.5rem;right:4.5rem}

  /* Promo banner */
  .promo-banner{font-size:.7rem;padding:.45rem 1rem}

  /* Back to top */
  .back-to-top{bottom:5rem;right:1rem;width:38px;height:38px}
}

/* ── Small phones (max 360px) ── */
@media(max-width:360px){
  .hero-title{font-size:1.75rem}
  .section-title{font-size:1.6rem}
  .model-specs{grid-template-columns:1fr 1fr}
}
