/* ============ VARIABLES ============ */
:root {
  --red: #CC2200;
  --red-bright: #E53300;
  --red-dark: #AA1A00;
  --gold: #C9A84C;
  --gold-light: #E2C47A;
  --black: #1C1C1C;
  --dark: #F5F3F0;
  --dark-2: #FFFFFF;
  --dark-3: #F0EDE8;
  --dark-4: #E8E4DE;
  --white: #ffffff;
  --text: #1C1C1C;
  --text-muted: #666666;
  --border: rgba(139,58,42,0.2);
  --border-subtle: rgba(0,0,0,0.08);
  --card: rgba(255,255,255,0.95);
  --shadow: 0 20px 60px rgba(0,0,0,0.12);
  --radius: 12px;
  --trans: all 0.3s cubic-bezier(0.4,0,0.2,1);
}

/* ============ RESET ============ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Barlow',sans-serif;background:var(--white);color:var(--text);overflow-x:hidden;line-height:1.6;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.hidden{display:none!important;}
.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;}
.accent{color:var(--red);}

/* ============ FLOATING WA ============ */
.wa-float{
  position:fixed;bottom:2rem;right:2rem;z-index:200;
  width:56px;height:56px;background:#25d366;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 20px rgba(37,211,102,0.4);
  transition:var(--trans);color:white;
}
.wa-float:hover{transform:scale(1.1);box-shadow:0 8px 30px rgba(37,211,102,0.6);}

/* ============ NAV ============ */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:#0A0A0A;backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(255,255,255,0.1);
  transition:var(--trans);
}
.nav-inner{
  max-width:1200px;margin:0 auto;
  display:flex;align-items:center;gap:1.5rem;
  padding:0.75rem 1.5rem;
}
.nav-logo{display:flex;align-items:center;gap:0.75rem;}
.logo-icon{flex-shrink:0;}
.logo-img{width:48px;height:48px;object-fit:contain;flex-shrink:0;}
.logo-text{display:flex;flex-direction:column;}
.logo-name{font-family:'Bebas Neue',sans-serif;font-size:1.2rem;letter-spacing:0.05em;color:#ffffff;line-height:1;}
.logo-sub{font-size:0.6rem;color:var(--red);letter-spacing:0.1em;margin-top:2px;}
.nav-links{display:flex;gap:1.5rem;list-style:none;margin-left:auto;}
.nav-links a{font-size:0.82rem;font-weight:600;color:rgba(255,255,255,0.7);transition:var(--trans);text-transform:uppercase;letter-spacing:0.05em;}
.nav-links a:hover{color:var(--red);}
.nav-cta{
  display:flex;align-items:center;gap:0.5rem;
  background:var(--red);color:var(--white);
  padding:0.55rem 1.1rem;border-radius:6px;
  font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;
  transition:var(--trans);white-space:nowrap;flex-shrink:0;
}
.nav-cta:hover{background:var(--red-bright);transform:translateY(-1px);}
.hamburger{display:none;background:none;border:none;color:#ffffff;font-size:1.4rem;cursor:pointer;margin-left:auto;}
.mobile-menu{display:none;flex-direction:column;background:#0A0A0A;border-top:1px solid rgba(255,255,255,0.1);padding:1rem 1.5rem;}
.mobile-menu a{padding:0.75rem 0;border-bottom:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.8);font-size:0.9rem;font-weight:500;}
.mobile-wa{background:var(--red)!important;color:var(--white)!important;text-align:center;padding:0.875rem!important;border-radius:6px;margin-top:0.5rem;font-weight:700!important;border:none!important;}
.mobile-menu.open{display:flex;}

/* ============ HERO SLIDER ============ */
.hero{
  min-height:100vh;height:100vh;position:relative;
  overflow:hidden;background:#0d0a08;
}
/* SLIDER */
.hero-slider{position:absolute;inset:0;overflow:hidden;}
.slider-track{
  display:flex;height:100%;
  transition:transform 0.75s cubic-bezier(0.4,0,0.2,1);
}
.slide{flex:0 0 100%;height:100%;position:relative;overflow:hidden;}
.slide-bg-img{width:100%;height:100%;object-fit:cover;display:block;}
.slide-placeholder{
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
}
.slide-dark-overlay{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.35) 60%,rgba(0,0,0,0.2) 100%);
}
/* Arrows */
.slider-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.25);
  color:white;width:48px;height:48px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;z-index:5;transition:all 0.3s;
  backdrop-filter:blur(6px);
}
.slider-arrow:hover{background:rgba(255,255,255,0.25);}
.slider-prev{left:1.25rem;}
.slider-next{right:1.25rem;}
/* Dots */
.slider-dots{
  position:absolute;bottom:2.5rem;left:5%;
  display:flex;gap:0.5rem;z-index:5;
}
.slider-dot{
  width:8px;height:8px;border-radius:4px;
  background:rgba(255,255,255,0.4);border:none;cursor:pointer;
  transition:all 0.35s;padding:0;
}
.slider-dot.active{background:var(--red);width:24px;}

/* Slide counter — bottom right */
.slide-counter{
  position:absolute;bottom:1.5rem;right:2rem;
  font-family:'Bebas Neue',sans-serif;font-size:3rem;
  color:rgba(255,255,255,0.25);z-index:5;line-height:1;
}

/* Progress bar — very bottom */
.hero-progress{
  position:absolute;bottom:0;left:0;height:3px;
  background:var(--red);width:0%;
  transition:width 5s linear;z-index:5;
}

/* HERO CONTENT — bottom-left like Eleven Motors */
.hero-content{
  position:absolute;z-index:2;
  bottom:100px;left:5%;
  text-align:left;
  max-width:700px;
  animation:fadeUp 1s ease both;
}
@keyframes fadeUp{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:translateY(0);}}

.hero-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.2rem,7vw,5.5rem);
  line-height:0.92;color:#ffffff;
  margin-bottom:1rem;
  text-shadow:0 2px 20px rgba(0,0,0,0.5);
  animation:fadeUp 1s ease 0.2s both;
}
.title-line{display:block;}
.title-line.accent{color:var(--red);}
.hero-tagline{
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(0.95rem,2vw,1.25rem);
  font-weight:600;letter-spacing:0.12em;text-transform:uppercase;
  color:rgba(255,255,255,0.75);
  animation:fadeUp 1s ease 0.35s both;
}

/* ============ SEARCH SECTION ============ */
.search-section{background:#FFFFFF;border-bottom:1px solid #F0F0F0;padding:0;}
.search-wrap{
  max-width:1200px;margin:0 auto;padding:1.5rem;
  display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;
  gap:1rem;align-items:end;
}
.search-field{display:flex;flex-direction:column;gap:0.4rem;}
.search-field label{
  font-size:0.68rem;color:#888;font-weight:600;
  text-transform:uppercase;letter-spacing:0.08em;
}
.search-field select{
  background:#fff;border:1px solid #E0E0E0;color:#1C1C1C;
  padding:0.875rem 2.5rem 0.875rem 1rem;border-radius:4px;
  font-size:0.875rem;font-family:'Barlow',sans-serif;
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 0.875rem center;
  cursor:pointer;transition:border-color 0.2s;
}
.search-field select:focus{outline:none;border-color:#CC2200;}
.search-btn{
  background:#CC2200;color:white;border:none;
  padding:0.875rem 2rem;border-radius:4px;
  font-family:'Barlow',sans-serif;font-size:0.9rem;font-weight:700;
  text-transform:uppercase;letter-spacing:0.05em;
  cursor:pointer;white-space:nowrap;transition:background 0.2s;
}
.search-btn:hover{background:#E53300;}

/* ============ TRUST BAR ============ */
.trust-bar{background:var(--red);padding:0.875rem 0;overflow:hidden;}
.trust-inner{
  max-width:1200px;margin:0 auto;padding:0 1.5rem;
  display:flex;gap:1.5rem;align-items:center;justify-content:center;flex-wrap:wrap;
}
.trust-item{display:flex;align-items:center;gap:0.4rem;font-size:0.8rem;font-weight:600;color:white;white-space:nowrap;text-transform:uppercase;letter-spacing:0.05em;}
.trust-icon{font-weight:900;}
.trust-sep{color:rgba(255,255,255,0.4);font-size:0.7rem;}

/* ============ IMPORTS STRIP ============ */
.imports-strip{background:#1C1C1C;padding:0.75rem 0;}
.imports-strip-inner{
  max-width:1200px;margin:0 auto;padding:0 1.5rem;
  display:flex;align-items:center;justify-content:center;
  gap:1.5rem;flex-wrap:wrap;
}
.import-flag-item{
  display:flex;align-items:center;gap:0.5rem;
  font-size:0.8rem;color:rgba(255,255,255,0.8);font-weight:500;
}
.import-flag-sep{color:rgba(255,255,255,0.2);font-size:0.7rem;}

/* ============ BRAND FILTER ============ */
.brand-filter-section{background:#0A0A0A;padding:2.5rem 0;border-bottom:1px solid rgba(255,255,255,0.08);}
.brand-filter-header{text-align:center;margin-bottom:1.5rem;}
.brand-filter-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(1.8rem,3vw,2.5rem);
  color:#ffffff;letter-spacing:0.02em;line-height:1;
}
.brands-scroll-outer{
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;padding:0.25rem 0 0.75rem;
}
.brands-scroll-outer::-webkit-scrollbar{display:none;}
.brands-row{
  display:flex;gap:0.75rem;
  min-width:max-content;padding:0.25rem 0.5rem;
}
.brand-card{
  display:flex;flex-direction:column;align-items:center;gap:0.5rem;
  padding:0.875rem 1rem;min-width:88px;
  border:2px solid rgba(255,255,255,0.15);border-radius:10px;
  cursor:pointer;transition:var(--trans);background:#FFFFFF;
  position:relative;
}
.brand-card:hover{
  border-color:var(--red);transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(0,0,0,0.4);
}
.brand-card.active{
  background:#8B3A2A;border-color:#8B3A2A;
  box-shadow:0 4px 15px rgba(139,58,42,0.4);
}
.brand-card.active .brand-name{color:#ffffff;}
.brand-card.active .brand-count{background:rgba(255,255,255,0.25);color:#ffffff;}
.brand-accent{width:32px;height:4px;border-radius:2px;flex-shrink:0;}
.brand-name{
  font-family:'Barlow Condensed',sans-serif;
  font-size:0.82rem;font-weight:700;
  color:#1C1C1C;text-transform:uppercase;
  letter-spacing:0.05em;white-space:nowrap;
}
.brand-count{
  font-size:0.65rem;font-weight:700;
  background:#8B3A2A;color:#ffffff;
  padding:0.1rem 0.45rem;border-radius:8px;
}
.brand-all-card{border-color:rgba(139,58,42,0.3);}

/* ============ BUTTONS ============ */
.btn-primary{
  display:inline-flex;align-items:center;gap:0.5rem;
  background:var(--red);color:var(--white);
  padding:0.875rem 2rem;border-radius:6px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:1rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;
  transition:var(--trans);border:none;cursor:pointer;
}
.btn-primary:hover{background:var(--red-bright);transform:translateY(-2px);box-shadow:0 8px 25px rgba(192,57,43,0.4);}
.btn-outline{
  display:inline-flex;align-items:center;gap:0.5rem;
  border:1px solid var(--border);color:var(--text);
  padding:0.875rem 2rem;border-radius:6px;
  font-family:'Barlow Condensed',sans-serif;
  font-size:1rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;
  transition:var(--trans);
}
.btn-outline:hover{border-color:var(--red);color:var(--red);}
.btn-whatsapp-full{
  display:flex;align-items:center;justify-content:center;gap:0.75rem;
  background:#25d366;color:white;
  padding:1rem;border-radius:6px;
  font-weight:700;font-size:0.95rem;transition:var(--trans);
  margin-top:1rem;
}
.btn-whatsapp-full:hover{background:#1eb858;transform:translateY(-2px);}

/* ============ SECTIONS ============ */
.services,.showroom,.parts-section,.imports-section,.sold-section,.reviews-section,.blog-section,.about-section,.contact-section,.social-section{padding:5rem 0;}
.services{background:#F8F8F8;}
.showroom{background:#FFFFFF;position:relative;overflow:hidden;}
.parts-section{background:#8B3A2A;}
.imports-section{background:#F5F5F5;}
.sold-section{background:#1C1C1C;}
.reviews-section{background:#0A0A0A;}
.blog-section{background:#F5F5F5;}
.about-section{background:#8B3A2A;}
.social-section{background:#F5F3F0;}
.contact-section{background:#0A0A0A;}

.section-header{text-align:center;margin-bottom:3rem;}
.eyebrow{
  display:inline-block;color:var(--red);
  font-size:0.72rem;letter-spacing:0.2em;text-transform:uppercase;
  font-weight:700;margin-bottom:0.5rem;
}
.section-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(2.2rem,5vw,3.5rem);
  color:var(--black);letter-spacing:0.02em;line-height:1;
}
.section-sub{color:var(--text-muted);margin-top:0.75rem;font-size:0.95rem;}

/* ============ SERVICES ============ */
.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;}
.service-card{
  background:var(--white);border:1px solid var(--border-subtle);
  border-radius:var(--radius);padding:2rem;
  transition:var(--trans);position:relative;overflow:hidden;
  box-shadow:0 2px 12px rgba(0,0,0,0.06);
}
.service-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--red),transparent);
  transform:scaleX(0);transform-origin:left;transition:var(--trans);
}
.service-card:hover::before{transform:scaleX(1);}
.service-card:hover{border-color:var(--border);transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.12);}
.service-icon{font-size:2rem;margin-bottom:1rem;}
.service-card h3{font-family:'Barlow Condensed',sans-serif;font-size:1.2rem;font-weight:700;color:var(--black);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.75rem;}
.service-card p{color:var(--text-muted);font-size:0.9rem;line-height:1.6;}

/* ============ PARTS FILTER ============ */
.parts-filter{
  display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end;
  background:rgba(255,255,255,0.9);padding:1.25rem;border-radius:var(--radius);
  border:1px solid var(--border-subtle);margin-bottom:2rem;
  box-shadow:0 2px 12px rgba(0,0,0,0.06);
}
.parts-filter select{
  background:var(--white);border:1px solid var(--border-subtle);
  color:var(--text);padding:0.6rem 0.875rem;
  border-radius:6px;font-size:0.875rem;cursor:pointer;
  transition:var(--trans);appearance:none;flex:1;min-width:140px;
}
.parts-filter select:focus{outline:none;border-color:var(--red);}
.filter-clear{
  background:transparent;border:1px solid rgba(201,168,76,0.4);
  color:#666666;padding:0.6rem 1rem;
  border-radius:6px;cursor:pointer;font-size:0.8rem;
  transition:var(--trans);align-self:flex-end;white-space:nowrap;
}
.filter-clear:hover{border-color:var(--gold);color:var(--gold);}

/* ============ CAR GRID ============ */
.car-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;}

/* --- Car Card — Eleven Motors clean style --- */
.car-card{
  background:#FFFFFF;border:1px solid #F0F0F0;border-radius:8px;
  overflow:hidden;transition:all 0.3s ease;cursor:pointer;
  box-shadow:0 2px 8px rgba(0,0,0,0.06);
}
.car-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 30px rgba(0,0,0,0.12);
  border-color:#E0E0E0;
}
.car-media{position:relative;height:220px;background:#F8F8F8;overflow:hidden;}
.car-media img,.car-media video{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.car-card:hover .car-media img{transform:scale(1.03);}
.car-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;color:#BBBBBB;font-size:0.8rem;background:#F0F0F0;}
.car-placeholder svg{opacity:0.4;}
.car-badge{
  position:absolute;top:0.625rem;left:0.625rem;
  font-size:0.6rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;
  padding:0.2rem 0.6rem;border-radius:3px;
}
.badge-new{background:#CC2200;color:white;}
.badge-sold{background:#222;color:#e74c3c;border:1px solid #e74c3c;}
.badge-import{
  position:absolute;top:0.625rem;right:0.625rem;left:auto;
  font-size:0.9rem;background:none;padding:0;
}
.car-info{padding:1rem 1.25rem 1.25rem;}
.car-brand{font-size:0.7rem;color:#CC2200;text-transform:uppercase;letter-spacing:0.12em;font-weight:700;margin-bottom:0.2rem;}
.car-name{font-family:'Barlow Condensed',sans-serif;font-size:1.4rem;font-weight:700;color:#1C1C1C;text-transform:uppercase;margin-bottom:0.25rem;line-height:1.1;}
.car-specs{display:flex;gap:0.75rem;flex-wrap:wrap;margin-bottom:0.75rem;}
.car-spec{font-size:0.72rem;color:#888;}
.car-price{font-family:'Bebas Neue',sans-serif;font-size:1.6rem;color:#CC2200;margin-bottom:0.875rem;letter-spacing:0.02em;}
.car-actions{display:flex;gap:0.5rem;}
.btn-wa{background:#25d366;color:white;border:none;padding:0.55rem 1rem;border-radius:4px;font-size:0.78rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:0.3rem;flex:1;justify-content:center;transition:var(--trans);}
.btn-wa:hover{background:#1eb858;}
.btn-drive{background:transparent;border:1px solid #CC2200;color:#CC2200;padding:0.55rem 0.875rem;border-radius:4px;font-size:0.78rem;font-weight:700;cursor:pointer;transition:var(--trans);}
.btn-drive:hover{background:#CC2200;color:white;}
.btn-view{background:transparent;border:1px solid #E0E0E0;color:#666;padding:0.55rem 0.875rem;border-radius:4px;font-size:0.78rem;cursor:pointer;transition:var(--trans);}
.btn-view:hover{border-color:#1C1C1C;color:#1C1C1C;}
.loading{text-align:center;color:var(--text-muted);padding:3rem;grid-column:1/-1;}
.no-results{text-align:center;padding:3rem;color:var(--text-muted);}
.no-results a{color:var(--red);}

/* ============ PARTS GRID ============ */
.parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;}
.part-card{
  background:#FFFFFF;border:none;
  border-radius:var(--radius);overflow:hidden;transition:var(--trans);
  box-shadow:0 4px 16px rgba(0,0,0,0.15);
}
.part-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,0.25);}
.part-img{height:160px;background:#F5F5F5;display:flex;align-items:center;justify-content:center;}
.part-img img{width:100%;height:100%;object-fit:cover;}
.part-info{padding:1rem;}
.part-category{font-size:0.65rem;color:#8B3A2A;text-transform:uppercase;letter-spacing:0.1em;font-weight:700;margin-bottom:0.25rem;}
.part-name{font-weight:700;color:#1C1C1C;margin-bottom:0.25rem;font-size:0.95rem;}
.part-compat{font-size:0.78rem;color:#666;margin-bottom:0.75rem;}
.part-price{font-family:'Bebas Neue',sans-serif;font-size:1.4rem;color:#8B3A2A;margin-bottom:0.75rem;}
.empty-parts{text-align:center;padding:3rem;color:#666666;grid-column:1/-1;}

/* ============ IMPORTS ============ */
.imports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem;}
.import-card{
  background:#FFFFFF;
  border-top:3px solid #8B3A2A;
  border-radius:var(--radius);padding:2rem;text-align:center;
  transition:var(--trans);box-shadow:0 4px 16px rgba(0,0,0,0.08);
}
.import-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.14);}
.import-flag{font-size:3rem;margin-bottom:1rem;}
.import-card h3{font-family:'Barlow Condensed',sans-serif;font-size:1.4rem;font-weight:700;color:#1C1C1C;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.75rem;}
.import-card p{color:#666;font-size:0.88rem;margin-bottom:1rem;line-height:1.6;}
.import-card ul{list-style:none;text-align:left;}
.import-card ul li{font-size:0.82rem;color:#666;padding:0.25rem 0;padding-left:1rem;position:relative;}
.import-card ul li::before{content:'✓';position:absolute;left:0;color:#8B3A2A;font-weight:700;}
.import-cta{text-align:center;}
.import-cta p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1rem;}

/* ============ SOLD ============ */
.sold-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem;}
.sold-card{background:#2a2a2a;border:1px solid rgba(139,58,42,0.2);border-radius:var(--radius);overflow:hidden;opacity:0.9;}
.sold-img{height:150px;background:#1a1a1a;position:relative;}
.sold-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(30%);}
.sold-stamp{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-12deg);
  border:3px solid #e74c3c;color:#e74c3c;
  padding:0.25rem 0.75rem;font-weight:900;font-size:1rem;
  letter-spacing:0.15em;border-radius:4px;font-family:'Bebas Neue',sans-serif;
}
.sold-info{padding:1rem;}
.sold-name{font-family:'Barlow Condensed',sans-serif;font-size:1.1rem;font-weight:700;color:var(--white);text-transform:uppercase;}
.sold-review{font-size:0.8rem;color:var(--text-muted);margin-top:0.4rem;font-style:italic;}
.sold-buyer{font-size:0.75rem;color:var(--red);margin-top:0.4rem;font-weight:600;}

/* ============ REVIEWS ============ */
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;}
.review-card{
  background:#1C1C1C;border:1px solid rgba(255,255,255,0.08);
  border-radius:var(--radius);padding:1.5rem;transition:var(--trans);
  box-shadow:0 4px 16px rgba(0,0,0,0.3);
}
.review-card:hover{border-color:var(--red);transform:translateY(-3px);}
.review-stars{color:var(--gold);font-size:1rem;margin-bottom:0.75rem;}
.review-text{color:rgba(255,255,255,0.8);font-size:0.88rem;line-height:1.7;margin-bottom:1rem;font-style:italic;}
.review-author{display:flex;align-items:center;gap:0.75rem;}
.review-avatar{width:38px;height:38px;border-radius:50%;background:#8B3A2A;color:white;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;}
.review-name{font-weight:700;font-size:0.875rem;color:#ffffff;}
.review-car{font-size:0.75rem;color:rgba(255,255,255,0.5);}

/* ============ BLOG ============ */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;}
.blog-card{
  background:#FFFFFF;border:1px solid rgba(0,0,0,0.08);
  border-radius:var(--radius);overflow:hidden;transition:var(--trans);cursor:pointer;
  box-shadow:0 2px 12px rgba(0,0,0,0.06);
}
.blog-card:hover{border-color:var(--red);transform:translateY(-4px);box-shadow:0 10px 32px rgba(0,0,0,0.12);}
.blog-img{height:180px;background:#F0EDE8;position:relative;overflow:hidden;}
.blog-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}
.blog-card:hover .blog-img img{transform:scale(1.05);}
.blog-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;}
.blog-category{
  position:absolute;bottom:0.75rem;left:0.75rem;
  background:var(--red);color:white;
  font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;
  padding:0.25rem 0.6rem;border-radius:3px;
}
.blog-content{padding:1.25rem;}
.blog-date{font-size:0.72rem;color:#666;margin-bottom:0.5rem;}
.blog-title{font-family:'Barlow Condensed',sans-serif;font-size:1.2rem;font-weight:700;color:#1C1C1C;text-transform:uppercase;margin-bottom:0.5rem;line-height:1.3;}
.blog-excerpt{font-size:0.85rem;color:#666;line-height:1.6;margin-bottom:1rem;}
.blog-read{font-size:0.8rem;color:var(--red);font-weight:700;text-transform:uppercase;letter-spacing:0.05em;}
.empty-blog{text-align:center;padding:3rem;color:var(--text-muted);grid-column:1/-1;}

/* ============ ABOUT ============ */
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.about-text p{color:rgba(255,255,255,0.75);margin-bottom:1rem;line-height:1.8;}
.about-stats{display:flex;gap:2rem;margin:2rem 0;flex-wrap:wrap;}
.about-stat{text-align:center;}
.stat-num{display:block;font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--red);}
.stat-label{font-size:0.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.1em;}
.about-features{display:flex;flex-direction:column;gap:0.4rem;}
.about-feat{font-size:0.875rem;color:rgba(255,255,255,0.75);padding-left:0.25rem;}
.about-visual{position:relative;}
.about-img-box{position:relative;}
.about-img-placeholder{
  height:380px;background:#2a2a2a;border:1px solid rgba(139,58,42,0.3);
  border-radius:var(--radius);display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:1rem;
  color:rgba(255,255,255,0.4);font-size:0.85rem;
}
.about-badge-card{
  position:absolute;bottom:-1rem;right:-1rem;
  background:var(--red);color:white;
  padding:1rem 1.5rem;border-radius:var(--radius);
  display:flex;align-items:center;gap:0.75rem;
  box-shadow:0 8px 30px rgba(192,57,43,0.4);
}
.badge-icon{font-size:1.5rem;}
.about-badge-card strong{display:block;font-size:0.9rem;}
.about-badge-card small{font-size:0.72rem;opacity:0.8;}

/* ============ SOCIAL ============ */
.social-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.social-btn{
  display:flex;align-items:center;gap:0.6rem;
  padding:0.875rem 1.5rem;border-radius:6px;
  font-weight:700;font-size:0.875rem;transition:var(--trans);
  border:1px solid var(--border-subtle);
}
.facebook{color:#1877f2;}.facebook:hover{background:rgba(24,119,242,0.1);border-color:#1877f2;}
.instagram{color:#e1306c;}.instagram:hover{background:rgba(225,48,108,0.1);border-color:#e1306c;}
.tiktok{color:var(--black);}.tiktok:hover{background:rgba(0,0,0,0.05);border-color:var(--black);}
.linkedin{color:#0077b5;}.linkedin:hover{background:rgba(0,119,181,0.1);border-color:#0077b5;}
.whatsapp{color:#25d366;}.whatsapp:hover{background:rgba(37,211,102,0.1);border-color:#25d366;}

/* ============ CONTACT ============ */
.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start;}
.contact-info{display:flex;flex-direction:column;gap:1rem;}
.contact-card{
  display:flex;align-items:flex-start;gap:1rem;
  background:#1C1C1C;border:1px solid rgba(255,255,255,0.1);
  border-radius:var(--radius);padding:1.25rem;
  box-shadow:0 4px 16px rgba(0,0,0,0.3);
}
.contact-icon{font-size:1.4rem;flex-shrink:0;}
.contact-card strong{display:block;color:#ffffff;margin-bottom:0.25rem;font-size:0.9rem;}
.contact-card p{color:rgba(255,255,255,0.65);font-size:0.85rem;}
.contact-card a{color:var(--red);}
.inquiry-form{
  background:#1C1C1C;border:1px solid rgba(255,255,255,0.1);
  border-radius:var(--radius);padding:2rem;
  box-shadow:0 4px 16px rgba(0,0,0,0.3);
}
.inquiry-form h3{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:#ffffff;letter-spacing:0.02em;margin-bottom:1.5rem;}
.form-row{margin-bottom:1rem;}
.form-row label{display:block;font-size:0.72rem;color:rgba(255,255,255,0.65);text-transform:uppercase;letter-spacing:0.08em;font-weight:600;margin-bottom:0.35rem;}
.form-row input,.form-row select,.form-row textarea{
  width:100%;background:#111111;border:1px solid rgba(255,255,255,0.15);
  color:#ffffff;padding:0.85rem 1rem;border-radius:6px;
  font-size:0.9rem;font-family:'Barlow',sans-serif;transition:var(--trans);
}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{outline:none;border-color:#8B3A2A;}
.form-row input::placeholder,.form-row textarea::placeholder{color:rgba(255,255,255,0.3);}
.form-row textarea{resize:vertical;}

/* ============ MODAL ============ */
.modal-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,0.9);
  z-index:200;display:none;align-items:center;justify-content:center;
  padding:1rem;backdrop-filter:blur(4px);
}
.modal-overlay.open{display:flex;}
.modal{
  background:var(--white);border:1px solid var(--border);
  border-radius:16px;max-width:800px;width:100%;
  max-height:90vh;overflow-y:auto;position:relative;
  animation:fadeUp 0.3s ease;
}
.modal-sm{max-width:440px;padding:2rem;}
.modal-close{
  position:absolute;top:1rem;right:1rem;
  background:none;border:none;color:var(--text-muted);
  font-size:1.8rem;cursor:pointer;width:36px;height:36px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;transition:var(--trans);z-index:10;
}
.modal-close:hover{background:var(--dark-3);color:var(--white);}
.modal-car-img{height:280px;background:#F0EDE8;}
.modal-car-img img,.modal-car-img video{width:100%;height:100%;object-fit:cover;}
.modal-car-content{padding:2rem;}
.modal-car-brand{font-size:0.72rem;color:var(--red);text-transform:uppercase;letter-spacing:0.12em;font-weight:700;}
.modal-car-name{font-family:'Bebas Neue',sans-serif;font-size:2.2rem;color:var(--black);letter-spacing:0.02em;}
.modal-car-price{font-family:'Bebas Neue',sans-serif;font-size:2.5rem;color:var(--red);margin-bottom:1.5rem;}
.specs-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;}
.specs-table tr{border-bottom:1px solid var(--border-subtle);}
.specs-table td{padding:0.7rem 0;font-size:0.875rem;}
.specs-table td:first-child{color:var(--text-muted);width:40%;}
.specs-table td:last-child{color:var(--black);font-weight:600;}
.modal-actions{display:flex;gap:0.75rem;flex-wrap:wrap;}

/* ============ FOOTER ============ */
.footer{background:#0A0A0A;border-top:1px solid rgba(255,255,255,0.08);padding:3rem 0 1.5rem;}
.footer-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:2rem;}
.footer-logo{display:flex;align-items:center;gap:0.75rem;margin-bottom:1rem;}
.footer-name{font-family:'Bebas Neue',sans-serif;font-size:1.1rem;color:var(--white);letter-spacing:0.05em;}
.footer-url{font-size:0.65rem;color:var(--red);}
.footer-desc{color:var(--text-muted);font-size:0.85rem;line-height:1.7;margin-bottom:1.5rem;}
.footer-socials{display:flex;gap:0.75rem;}
.footer-socials a{
  width:34px;height:34px;border:1px solid var(--border-subtle);
  border-radius:6px;display:flex;align-items:center;justify-content:center;
  font-size:0.7rem;font-weight:700;color:var(--text-muted);transition:var(--trans);
}
.footer-socials a:hover{border-color:var(--red);color:var(--red);}
.footer-links-col h4{font-family:'Barlow Condensed',sans-serif;font-size:0.9rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--white);margin-bottom:1rem;}
.footer-links-col a{display:block;font-size:0.82rem;color:var(--text-muted);margin-bottom:0.5rem;transition:var(--trans);}
.footer-links-col a:hover{color:var(--red);}
.footer-bottom{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;
  padding-top:1.5rem;border-top:1px solid var(--border-subtle);
  font-size:0.78rem;color:var(--text-muted);
}

/* ============ AI WIDGET ============ */
.ai-widget{position:fixed;bottom:6rem;right:2rem;z-index:150;}
.ai-toggle{
  display:flex;align-items:center;gap:0.5rem;
  background:var(--white);border:1px solid var(--border);
  color:var(--text);padding:0.75rem 1.1rem;border-radius:50px;
  font-weight:600;font-size:0.82rem;cursor:pointer;
  box-shadow:0 4px 20px rgba(0,0,0,0.15);transition:var(--trans);
}
.ai-toggle:hover{border-color:var(--red);color:var(--red);}
.ai-panel{
  position:absolute;bottom:55px;right:0;
  width:340px;background:var(--white);
  border:1px solid var(--border);border-radius:16px;
  box-shadow:0 8px 40px rgba(0,0,0,0.15);display:none;flex-direction:column;overflow:hidden;
}
.ai-panel.open{display:flex;}
.ai-header{
  display:flex;align-items:center;gap:0.75rem;
  padding:1rem;background:#F5F3F0;border-bottom:1px solid var(--border-subtle);
}
.ai-avatar{
  width:36px;height:36px;background:var(--red);color:white;
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-family:'Bebas Neue',sans-serif;font-size:1.1rem;flex-shrink:0;
}
.ai-header strong{display:block;font-size:0.875rem;color:var(--black);}
.ai-header small{font-size:0.7rem;color:#25d366;}
.ai-x{background:none;border:none;color:var(--text-muted);font-size:1.4rem;cursor:pointer;margin-left:auto;}
.ai-msgs{flex:1;padding:1rem;display:flex;flex-direction:column;gap:0.75rem;max-height:300px;overflow-y:auto;}
.ai-msg.bot p{background:#F5F3F0;padding:0.75rem;border-radius:10px 10px 10px 0;font-size:0.85rem;color:var(--text);margin-bottom:0.25rem;}
.ai-msg.user p{background:var(--red);color:white;padding:0.75rem;border-radius:10px 10px 0 10px;font-size:0.85rem;align-self:flex-end;}
.ai-chips{display:flex;flex-direction:column;gap:0.35rem;margin-top:0.5rem;}
.ai-chips button{
  background:var(--white);border:1px solid var(--border-subtle);
  color:var(--text);padding:0.45rem 0.75rem;border-radius:50px;
  font-size:0.75rem;cursor:pointer;text-align:left;transition:var(--trans);
}
.ai-chips button:hover{border-color:var(--red);color:var(--red);}
.ai-input-row{
  display:flex;gap:0.5rem;padding:0.75rem;
  border-top:1px solid var(--border-subtle);
}
.ai-input-row input{
  flex:1;background:#F5F3F0;border:1px solid var(--border-subtle);
  color:var(--text);padding:0.6rem 0.875rem;border-radius:50px;font-size:0.85rem;
}
.ai-input-row input:focus{outline:none;border-color:var(--red);}
.ai-input-row button{
  background:var(--red);color:white;border:none;
  width:36px;height:36px;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--trans);
}
.ai-input-row button:hover{background:var(--red-bright);}
.ai-typing{display:flex;gap:4px;padding:0.75rem;background:var(--dark-3);border-radius:10px;width:fit-content;}
.ai-typing span{width:5px;height:5px;background:var(--red);border-radius:50%;animation:typing 1.2s infinite;}
.ai-typing span:nth-child(2){animation-delay:0.2s;}
.ai-typing span:nth-child(3){animation-delay:0.4s;}
@keyframes typing{0%,60%,100%{transform:translateY(0);}30%{transform:translateY(-6px);}}

/* ============ DARK/RED SECTION TEXT OVERRIDES ============ */
.parts-section .section-title,
.sold-section .section-title,
.about-section .section-title,
.reviews-section .section-title,
.contact-section .section-title,
.brand-filter-section .brand-filter-title{color:#ffffff;}

.parts-section .eyebrow,
.sold-section .eyebrow,
.about-section .eyebrow,
.reviews-section .eyebrow,
.contact-section .eyebrow{color:var(--gold);}

.about-section .section-sub,
.parts-section .section-sub,
.sold-section .section-sub,
.reviews-section .section-sub,
.contact-section .section-sub{color:rgba(255,255,255,0.65);}

.about-section .stat-num{color:var(--gold);}
.about-section .stat-label{color:rgba(255,255,255,0.65);}
.about-section .about-badge-card{background:var(--gold);color:var(--black);}
.about-section .about-text p{color:rgba(255,255,255,0.8);}
.about-section .about-feat{color:rgba(255,255,255,0.8);}

/* ============ CAR IMAGE DOTS (card) ============ */
.car-img-dots{
  position:absolute;bottom:0.6rem;left:50%;transform:translateX(-50%);
  display:flex;gap:4px;z-index:2;
}
.car-img-dot{
  width:6px;height:6px;border-radius:3px;
  background:rgba(255,255,255,0.55);transition:all 0.3s;
}
.car-img-dot.active{background:var(--red);width:14px;}

/* ============ MODAL GALLERY ============ */
.modal-gallery{overflow:hidden;}
.modal-main-img{height:300px;overflow:hidden;background:#1a1a1a;}
.modal-main-img img{width:100%;height:100%;object-fit:cover;transition:opacity 0.3s;}
.modal-thumbnails{
  display:flex;gap:0.5rem;padding:0.75rem;
  overflow-x:auto;background:#111;scrollbar-width:none;
}
.modal-thumbnails::-webkit-scrollbar{display:none;}
.modal-thumb{
  width:80px;height:56px;object-fit:cover;
  border-radius:4px;cursor:pointer;opacity:0.55;
  border:2px solid transparent;transition:all 0.2s;flex-shrink:0;
}
.modal-thumb.active{opacity:1;border-color:var(--gold);}
.modal-thumb:hover{opacity:0.9;}

/* ============ COST BREAKDOWN ============ */
.cost-breakdown{
  background:#F5F3F0;border-radius:8px;padding:1.25rem;
  margin-top:1.5rem;margin-bottom:1.5rem;
}
.cost-breakdown h4{
  font-family:'Barlow Condensed',sans-serif;font-size:0.9rem;
  font-weight:700;text-transform:uppercase;letter-spacing:0.1em;
  color:var(--red);margin-bottom:0.875rem;
}
.cost-table{width:100%;border-collapse:collapse;}
.cost-table td{padding:0.5rem 0;font-size:0.875rem;border-bottom:1px solid rgba(0,0,0,0.06);}
.cost-table td:first-child{color:var(--text-muted);}
.cost-table td:last-child{text-align:right;font-weight:600;color:var(--text);}
.cost-table tr.cost-total td{
  border-top:2px solid var(--gold);border-bottom:none;
  font-size:1rem;font-weight:800;color:var(--gold);padding-top:0.75rem;
}

/* ============ FINANCING CALCULATOR ============ */
.financing-section{background:#1C1C1C;padding:5rem 0;}
.financing-section .section-title{color:#ffffff;}
.financing-section .eyebrow{color:var(--gold);}
.financing-section .section-sub{color:#888;}
.calc-layout{
  display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;
  margin-top:1rem;
}
.calc-inputs{display:flex;flex-direction:column;gap:1.25rem;}
.calc-group{display:flex;flex-direction:column;gap:0.5rem;}
.calc-group label{
  font-size:0.75rem;color:rgba(255,255,255,0.7);
  text-transform:uppercase;letter-spacing:0.08em;font-weight:600;
}
.calc-group input[type="number"],.calc-group select{
  background:#2a2a2a;border:1px solid rgba(139,58,42,0.3);
  color:#ffffff;padding:0.75rem 1rem;border-radius:6px;
  font-size:1rem;font-family:'Barlow',sans-serif;transition:var(--trans);
}
.calc-group input[type="number"]:focus,.calc-group select:focus{outline:none;border-color:var(--gold);}
.calc-group input[type="number"]::placeholder{color:rgba(255,255,255,0.3);}
.calc-group input[type="range"]{
  width:100%;accent-color:var(--gold);height:4px;cursor:pointer;
}
.calc-results{
  background:#111;border:1px solid rgba(139,58,42,0.3);
  border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;gap:0;
}
.calc-result-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:0.875rem 0;border-bottom:1px solid rgba(255,255,255,0.06);
  font-size:0.9rem;
}
.calc-result-row:last-of-type{border-bottom:none;}
.calc-result-row span:first-child{color:#666666;}
.calc-result-row span:last-child{font-weight:700;color:#ffffff;font-family:'Bebas Neue',sans-serif;font-size:1.1rem;letter-spacing:0.02em;}
.calc-highlight{color:var(--gold)!important;font-size:1.4rem!important;}

/* Showroom accent line */
.showroom::before{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,#CC2200 0%,#FF3300 50%,#CC2200 100%);
}
.showroom .container{position:relative;z-index:1;}

/* ============ RESPONSIVE — 1024px ============ */
@media(max-width:1024px){
  .footer-top{grid-template-columns:1fr 1fr;gap:2rem;}
  .about-layout{grid-template-columns:1fr;gap:2rem;}
  .contact-layout{grid-template-columns:1fr;gap:2rem;}
}

/* ============ RESPONSIVE — 900px (search bar) ============ */
@media(max-width:900px){
  .search-wrap{grid-template-columns:1fr 1fr;}
  .search-btn{grid-column:1/-1;width:100%;padding:1rem;}
}

/* ============ RESPONSIVE — 768px ============ */
@media(max-width:768px){
  /* Nav */
  .nav-links,.nav-cta{display:none;}
  .hamburger{display:block;}

  /* Sections — reduce padding */
  .services,.showroom,.parts-section,.imports-section,.sold-section,
  .reviews-section,.blog-section,.about-section,.contact-section,.social-section{padding:3rem 0;}
  .financing-section{padding:3rem 0;}

  /* Grids — single column */
  .car-grid,.parts-grid,.sold-grid,.reviews-grid,.blog-grid{grid-template-columns:1fr;}
  .imports-grid{grid-template-columns:1fr 1fr;}
  .services-grid{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr;}
  .calc-layout{grid-template-columns:1fr;}

  /* Hero — tighter content */
  .hero-content{bottom:80px;left:4%;right:4%;}
  .hero-title{font-size:clamp(2.2rem,7vw,4rem);margin-bottom:0.5rem;}
  .hero-tagline{font-size:0.9rem;}
  .slide-counter{font-size:2.2rem;bottom:1rem;right:1.25rem;}
  .slider-arrow{width:38px;height:38px;}
  .slider-prev{left:0.75rem;}
  .slider-next{right:0.75rem;}
  .slider-dots{bottom:2rem;left:4%;}

  /* Trust bar */
  .trust-inner{gap:0.75rem;}
  .trust-sep{display:none;}

  /* Car cards — image height */
  .car-media{height:200px;}

  /* Car card actions on mobile: WA full width top, then drive+view side by side */
  .car-actions{flex-wrap:wrap;}
  .btn-wa{width:100%;flex:none;padding:0.75rem 1rem;min-height:44px;font-size:0.85rem;}
  .btn-drive,.btn-view{flex:1;justify-content:center;min-height:40px;text-align:center;}

  /* About */
  .about-badge-card{position:relative;bottom:auto;right:auto;margin-top:1rem;}

  /* AI */
  .ai-panel{width:300px;right:-10px;}

  /* Imports strip */
  .imports-strip-inner{gap:1rem;}

  /* Search */
  .search-wrap{grid-template-columns:1fr 1fr;}
  .search-btn{grid-column:1/-1;width:100%;}
}

/* ============ RESPONSIVE — 520px (search single column) ============ */
@media(max-width:520px){
  .search-wrap{grid-template-columns:1fr;padding:1rem;}
}

/* ============ RESPONSIVE — 480px ============ */
@media(max-width:480px){
  .imports-grid{grid-template-columns:1fr;}
  .social-row{flex-direction:column;align-items:center;}

  /* Car name and price — smaller on tiny screens */
  .car-name{font-size:1.2rem;}
  .car-price{font-size:1.4rem;}

  /* Nav — hide logo tagline */
  .logo-sub{display:none;}

  /* Hero */
  .hero-title{font-size:clamp(2rem,8vw,3.2rem);}
  .slide-counter{display:none;}
}