@import url("./vazir-font.css");
/* =========================================
   آرمین تجارت سوران — استایل اصلی v6
   ========================================= */

/* ===== ریست و متغیرها ===== */
:root{
  --gold:#f6c747; --orange:#ff7a1a; --gold2:#e6a800;
  --bg:#09090700; --surface:rgba(255,255,255,.065);
  --border:rgba(255,255,255,.12); --border-gold:rgba(246,199,71,.3);
  --text:#fff; --muted:#a0a0a0; --text-soft:#d0cfc8;
  --green:#25c46b; --red:#ff4f4f; --purple:#b58aff;
  --r28:28px; --r20:20px; --r14:14px;
  --container:1180px;
  --nav-h:74px;
}
body.light{
  --bg:#f0ede0; --surface:rgba(255,255,255,.8);
  --border:rgba(0,0,0,.1); --text:#111; --muted:#666; --text-soft:#333;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Vazir,Tahoma,Arial,sans-serif;background:#09090a;color:var(--text);overflow-x:hidden;line-height:1.8}
a{text-decoration:none;color:inherit}
button{cursor:pointer;font-family:inherit}
img{display:block;max-width:100%}

/* ===== گلس ===== */
.glass{
  background:rgba(12,11,8,.75);
  border:1px solid var(--border);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
}
body.light .glass{background:rgba(255,255,255,.85)}

/* =============================================
   NAVBAR
   ============================================= */
.navbar{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  transition:background .4s,box-shadow .4s;
  padding:12px 24px;
}
.navbar.scrolled{
  background:rgba(9,9,10,.92);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  box-shadow:0 1px 0 rgba(246,199,71,.15);
}
.nav-inner{
  max-width:var(--container);margin:0 auto;
  display:flex;align-items:center;gap:16px;
  background:rgba(255,255,255,.06);border:1px solid var(--border);
  border-radius:var(--r28);padding:12px 20px;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.brand{
  color:var(--gold);font-weight:900;font-size:19px;
  white-space:nowrap;margin-left:auto;letter-spacing:-.3px;
}
.nav-links{list-style:none;display:flex;gap:26px}
.nav-links a{
  color:var(--text-soft);font-size:15px;
  position:relative;padding-bottom:3px;transition:color .25s;
}
.nav-links a::after{
  content:'';position:absolute;bottom:0;right:0;left:100%;
  height:2px;background:var(--gold);transition:left .3s;border-radius:2px;
}
.nav-links a:hover{color:var(--gold)}
.nav-links a:hover::after{left:0}
.nav-end{display:flex;align-items:center;gap:10px}
.theme-btn{
  width:40px;height:40px;border:0;border-radius:50%;
  background:linear-gradient(135deg,var(--gold),var(--orange));
  color:#17130a;font-size:17px;flex-shrink:0;
}
.admin-btn{
  display:flex;align-items:center;gap:8px;
  padding:9px 16px;border-radius:999px;
  background:rgba(255,255,255,.08);border:1px solid var(--border);
  color:var(--text-soft);font-size:14px;transition:.25s;white-space:nowrap;
}
.admin-btn:hover{background:rgba(246,199,71,.1);color:var(--gold);border-color:var(--border-gold)}
.burger{
  display:none;flex-direction:column;justify-content:center;
  gap:5px;width:38px;height:38px;border:1px solid var(--border);
  border-radius:10px;background:rgba(255,255,255,.06);padding:8px;
}
.burger span{display:block;height:2px;background:var(--text);border-radius:2px;transition:.3s}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* =============================================
   HERO — تمام‌صفحه سینماتیک
   ============================================= */
.hero{
  position:relative;min-height:100svh;min-height:100vh;
  display:flex;align-items:center;overflow:hidden;
}

/* --- لایه‌های بک‌گراند --- */
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg-img{
  width:100%;height:100%;object-fit:cover;object-position:center 30%;
  transform:scale(1.08);
  animation:heroZoom 18s ease-in-out infinite alternate;
  will-change:transform;
}
@keyframes heroZoom{
  from{transform:scale(1.08) translateX(0)}
  to{transform:scale(1.14) translateX(-1.5%)}
}
/* لایه تاریک پایه */
.hero-overlay-dark{
  position:absolute;inset:0;
  background:rgba(5,5,4,.55);
}
/* گرادیان راست به چپ — جایی که متن هست تاریک‌تر */
.hero-overlay-gradient{
  position:absolute;inset:0;
  background:linear-gradient(
    to left,
    transparent 30%,
    rgba(5,5,3,.7) 62%,
    rgba(5,5,3,.92) 100%
  );
}
/* درخشش طلایی وسط-پایین */
.hero-overlay-radial{
  position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 60% at 20% 110%,rgba(246,199,71,.18) 0%,transparent 65%);
}

/* --- ذرات طلایی شناور --- */
.particles{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.p{
  position:absolute;border-radius:50%;
  background:radial-gradient(circle,var(--gold),transparent 70%);
  animation:floatP var(--dur,8s) ease-in-out infinite var(--del,0s) alternate;
  opacity:var(--op,.18);
}
.p1{width:6px;height:6px;top:20%;left:8%;--dur:7s;--del:0s;--op:.25}
.p2{width:4px;height:4px;top:60%;left:15%;--dur:9s;--del:1s;--op:.2}
.p3{width:8px;height:8px;top:35%;left:5%;--dur:11s;--del:.5s;--op:.15}
.p4{width:3px;height:3px;top:75%;left:22%;--dur:6s;--del:2s;--op:.3}
.p5{width:5px;height:5px;top:15%;left:30%;--dur:10s;--del:.8s;--op:.18}
.p6{width:7px;height:7px;top:50%;left:40%;--dur:8s;--del:1.5s;--op:.12}
.p7{width:4px;height:4px;top:80%;left:35%;--dur:12s;--del:.3s;--op:.22}
.p8{width:6px;height:6px;top:28%;left:48%;--dur:9s;--del:2.2s;--op:.16}
@keyframes floatP{
  from{transform:translateY(0) translateX(0)}
  to{transform:translateY(-28px) translateX(12px)}
}

/* خط افقی درخشان پایین hero */
.hero-line{
  position:absolute;bottom:0;left:0;right:0;height:1px;z-index:3;
  background:linear-gradient(to right,transparent,rgba(246,199,71,.5) 40%,rgba(246,199,71,.5) 60%,transparent);
  animation:linePulse 3s ease-in-out infinite;
}
@keyframes linePulse{0%,100%{opacity:.4}50%{opacity:1}}

/* --- محتوای Hero --- */
.hero-content{
  position:relative;z-index:4;
  width:min(var(--container),100%);margin:0 auto;
  padding:calc(var(--nav-h) + 60px) 24px 80px;
  max-width:680px;
}

/* انیمیشن fade-up */
.anim-fade-up{
  opacity:0;
  transform:translateY(38px);
  animation:fadeUp .85s cubic-bezier(.22,.61,.36,1) forwards;
  animation-delay:var(--d,0s);
}
@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}

/* بج */
.hero-badge{
  display:inline-flex;align-items:center;gap:10px;
  color:var(--gold);background:rgba(246,199,71,.1);
  border:1px solid rgba(246,199,71,.3);
  padding:8px 18px;border-radius:999px;font-size:14px;margin-bottom:22px;
}
.badge-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 8px var(--gold),0 0 16px rgba(246,199,71,.5);
  animation:pulseDot 1.8s ease-in-out infinite;
  flex-shrink:0;
}
@keyframes pulseDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.6}}

/* تیتر */
.hero-title{
  font-size:clamp(52px,8vw,100px);
  line-height:1.15;letter-spacing:-2px;margin-bottom:22px;
}
.title-white{display:block;color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.5)}
.title-gold{
  display:block;color:var(--gold);
  text-shadow:0 0 60px rgba(246,199,71,.4),0 4px 20px rgba(0,0,0,.4);
  animation:goldShimmer 4s ease-in-out infinite;
}
@keyframes goldShimmer{
  0%,100%{text-shadow:0 0 60px rgba(246,199,71,.4),0 4px 20px rgba(0,0,0,.4)}
  50%{text-shadow:0 0 80px rgba(246,199,71,.7),0 4px 20px rgba(0,0,0,.4)}
}

/* زیرتیتر */
.hero-sub{
  font-size:clamp(16px,2vw,20px);color:rgba(255,255,255,.75);
  line-height:2;margin-bottom:36px;max-width:520px;
}
.br-desktop{display:block}

/* دکمه‌ها */
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:48px}
.btn-gold{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 30px;border-radius:999px;border:0;
  background:linear-gradient(135deg,var(--gold) 0%,var(--orange) 100%);
  color:#17130a;font-weight:900;font-size:16px;
  box-shadow:0 8px 30px rgba(246,199,71,.35),0 0 0 0 rgba(246,199,71,.4);
  transition:.3s;position:relative;overflow:hidden;
}
.btn-gold::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.25),transparent);
  opacity:0;transition:.3s;
}
.btn-gold:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(246,199,71,.5)}
.btn-gold:hover::before{opacity:1}
.btn-gold.full{width:100%;justify-content:center;margin-top:8px}
.btn-ghost{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 28px;border-radius:999px;
  border:1.5px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(10px);
  color:#fff;font-weight:700;font-size:16px;transition:.3s;
}
.btn-ghost:hover{border-color:rgba(246,199,71,.5);color:var(--gold);background:rgba(246,199,71,.08);transform:translateY(-4px)}

/* آمار */
.hero-stats{
  display:inline-flex;align-items:center;gap:0;
  background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.12);
  border-radius:20px;padding:18px 28px;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  gap:0;
}
.stat{text-align:center;padding:0 22px}
.stat strong,.stat-num{
  display:inline;color:var(--gold);
  font-size:28px;font-weight:900;line-height:1.2;
}
.stat sup{color:var(--gold);font-size:15px;font-weight:700}
.stat span{display:block;color:rgba(255,255,255,.55);font-size:12px;margin-top:2px}
.stat-sep{width:1px;height:44px;background:rgba(255,255,255,.14);flex-shrink:0}

/* اسکرول دان */
.scroll-down{
  position:absolute;bottom:32px;left:50%;transform:translateX(-50%);
  z-index:5;display:flex;flex-direction:column;align-items:center;gap:6px;
  color:rgba(255,255,255,.5);font-size:11px;transition:.3s;
}
.scroll-down:hover{color:var(--gold)}
.scroll-mouse{
  width:24px;height:38px;border:2px solid rgba(255,255,255,.35);
  border-radius:12px;display:flex;justify-content:center;padding-top:6px;
  transition:border-color .3s;
}
.scroll-down:hover .scroll-mouse{border-color:var(--gold)}
.scroll-wheel{
  width:4px;height:8px;background:rgba(255,255,255,.6);
  border-radius:2px;animation:scrollAnim 1.8s ease-in-out infinite;
}
@keyframes scrollAnim{0%{transform:translateY(0);opacity:1}80%{transform:translateY(12px);opacity:0}100%{transform:translateY(0);opacity:0}}

/* =============================================
   SECTIONS
   ============================================= */
.section{width:min(var(--container),100%);margin:0 auto;padding:100px 24px}
.section-head{max-width:700px;margin-bottom:48px}
.section-tag{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--gold);background:rgba(246,199,71,.1);
  border:1px solid rgba(246,199,71,.25);
  padding:6px 16px;border-radius:999px;font-size:13px;margin-bottom:14px;
}
.section-head h2,.contact-text h2{
  font-size:clamp(28px,4vw,44px);line-height:1.35;margin-bottom:12px;
}
.section-head p,.contact-text p{color:var(--muted);font-size:16px}

/* خدمات */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.scard{
  border-radius:var(--r28);padding:30px;position:relative;overflow:hidden;
  transition:transform .35s,border-color .35s;cursor:default;
}
.scard:hover{transform:translateY(-10px);border-color:rgba(246,199,71,.4)}
.scard::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(246,199,71,.07),transparent 60%);
  opacity:0;transition:.35s;
}
.scard:hover::before{opacity:1}
.scard-shine{
  position:absolute;top:-60%;left:-60%;
  width:120%;height:120%;
  background:conic-gradient(from 0deg,transparent 70%,rgba(246,199,71,.06) 80%,transparent 90%);
  animation:rotateSc 8s linear infinite;pointer-events:none;
}
@keyframes rotateSc{to{transform:rotate(360deg)}}
.scard-icon{
  width:60px;height:60px;border-radius:18px;
  background:linear-gradient(135deg,var(--gold),var(--orange));
  color:#17130a;display:grid;place-items:center;
  font-size:26px;margin-bottom:20px;position:relative;z-index:1;
  box-shadow:0 8px 24px rgba(246,199,71,.3);
}
.scard h3{margin-bottom:10px;font-size:19px;position:relative;z-index:1}
.scard p{color:var(--muted);font-size:14px;line-height:1.9;position:relative;z-index:1}

/* تب‌ها */
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.tab{
  padding:10px 22px;border-radius:999px;font-size:14px;
  color:var(--text-soft);background:rgba(255,255,255,.06);
  border:1px solid var(--border);transition:.25s;
}
.tab:hover,.tab.active{
  color:#17130a;background:linear-gradient(135deg,var(--gold),var(--orange));
  border-color:transparent;box-shadow:0 6px 20px rgba(246,199,71,.25);
}

/* گرید خودرو */
.cars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

/* ===== نوار افقی خودروها (هوم‌پیج) ===== */
.cars-strip-wrap{position:relative}
.cars-strip{
  display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:4px 4px 16px;scrollbar-width:none;-ms-overflow-style:none;
}
.cars-strip::-webkit-scrollbar{display:none}
.cars-strip .modern-car-card{flex:0 0 320px;scroll-snap-align:start}
.cars-strip .loading-text{flex:1 0 100%}
.strip-arrow{
  position:absolute;top:42%;transform:translateY(-50%);
  width:46px;height:46px;border-radius:50%;
  background:rgba(10,10,8,.65);border:1px solid var(--border);
  color:var(--gold);font-size:22px;line-height:1;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  z-index:5;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  transition:.2s;
}
.strip-arrow:hover{background:rgba(246,199,71,.18);border-color:rgba(246,199,71,.4)}
.strip-arrow.prev{right:-14px}
.strip-arrow.next{left:-14px}
.cars-cta{margin-top:36px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.cars-cta p{color:var(--muted);font-size:15px}

@media(max-width:1024px){
  .strip-arrow{display:none}
  .cars-strip .modern-car-card{flex:0 0 70%}
}
@media(max-width:600px){
  .cars-strip .modern-car-card{flex:0 0 86%}
}
.modern-car-card{
  border-radius:var(--r28);padding:20px;position:relative;
  overflow:hidden;transition:.35s;display:flex;flex-direction:column;
}
.modern-car-card::before{
  content:'';position:absolute;width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle,rgba(246,199,71,.18),transparent 70%);
  top:-80px;left:-80px;pointer-events:none;
}
.modern-car-card:hover{transform:translateY(-10px);border-color:rgba(246,199,71,.4)}
.car-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;position:relative;z-index:2}
.car-badge{background:linear-gradient(135deg,var(--gold),var(--orange));color:#17130a;padding:5px 14px;border-radius:999px;font-size:12px;font-weight:800}
.car-year{color:var(--gold);font-weight:800}
.car-status{display:block;text-align:center;padding:5px;font-size:12px;font-weight:700}
.status-sold{background:rgba(255,79,79,.1);color:var(--red)}
.status-reserved{background:rgba(181,138,255,.1);color:var(--purple)}
.car-visual,.car-img-wrap{height:175px;border-radius:20px;margin:18px 0;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}
.car-img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.img-load-placeholder{display:none;color:var(--muted);font-size:13px;font-weight:700;text-align:center;padding:18px}
.car-img-wrap.image-load-error{background:rgba(255,255,255,.04)}
.car-img-wrap.image-load-error .img-load-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.modern-car-card:hover .car-img{transform:scale(1.08)}
.visual-gold{background:radial-gradient(circle at 35% 25%,rgba(246,199,71,.4),transparent 30%),linear-gradient(135deg,#111,#3b2b08)}
.visual-orange{background:radial-gradient(circle at 35% 25%,rgba(255,122,26,.4),transparent 30%),linear-gradient(135deg,#111,#3a1605)}
.visual-red{background:radial-gradient(circle at 35% 25%,rgba(255,79,79,.4),transparent 30%),linear-gradient(135deg,#111,#3a0606)}
.visual-dark{background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.2),transparent 30%),linear-gradient(135deg,#050505,#252525)}
.simple-car{width:76%;height:115px;position:relative}
.car-line{position:absolute;display:block;background:linear-gradient(135deg,#f9d66d,#ff7a1a)}
.top-line{width:58%;height:44px;right:21%;top:10px;border-radius:70px 70px 8px 8px;clip-path:polygon(18% 100%,34% 10%,72% 10%,92% 100%)}
.body-line{width:100%;height:56px;right:0;top:46px;border-radius:50px 60px 22px 22px}
.car-wheel{width:37px;height:37px;background:radial-gradient(circle,#f6c747 0 18%,#111 19% 50%,#555 52% 66%,#111 70%);border-radius:50%;position:absolute;bottom:-3px;z-index:3}
.w1{right:17%}.w2{left:17%}
.simple-car-fallback{font-size:46px;color:rgba(255,255,255,.2)}
.car-info{position:relative;z-index:2;display:flex;flex-direction:column;flex:1}
.car-info h3{font-size:21px;margin-bottom:6px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;text-align:center}
.car-title-text{line-height:1.4}
.car-photo-count{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:4px 10px;border-radius:999px;background:rgba(246,199,71,.12);border:1px solid rgba(246,199,71,.32);color:var(--gold);font-size:11px;font-weight:900}
.car-photo-count-top{position:absolute;top:21px;left:50%;transform:translateX(-50%);z-index:4;pointer-events:none}
.car-desc{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.price-call{display:block;color:var(--gold);font-weight:900;font-size:17px;margin-bottom:14px}
.price-has-value{color:var(--green)!important}
.car-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.car-meta span{color:var(--text-soft);background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:12px;padding:8px 12px;font-size:12px}
.car-card-btn{
  margin-top:auto;text-align:center;color:#17130a;
  background:linear-gradient(135deg,var(--gold),var(--orange));
  padding:12px;border-radius:999px;font-weight:900;font-size:14px;
  transition:.25s;
}
.car-card-btn:hover{opacity:.88;transform:translateY(-2px)}
.loading-text{
  grid-column:1/-1;color:var(--muted);text-align:center;
  padding:48px;border-radius:var(--r20);
  background:rgba(255,255,255,.04);border:1px solid var(--border);
}

/* ===== صفحه سفارش خودرو ===== */
.order-hero{
  padding:calc(var(--nav-h) + 80px) 24px 70px;
  text-align:center;
  background:
    radial-gradient(circle at 50% 0%,rgba(246,199,71,.12),transparent 55%),
    linear-gradient(180deg,#0c0c0a,#050505);
  border-bottom:1px solid var(--border);
}
.order-hero-inner{max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:18px}
.order-title{font-size:clamp(30px,5vw,48px);line-height:1.35}
.order-sub{color:var(--muted);font-size:16px;line-height:1.9}

.order-form{max-width:760px;margin:0 auto}
.order-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.order-form-grid .full-width{grid-column:1/-1}

.order-status-badge{
  display:inline-block;margin-top:4px;padding:5px 14px;border-radius:999px;
  font-size:12px;font-weight:800;color:var(--green);
  background:rgba(37,196,107,.12);border:1px solid rgba(37,196,107,.3);
}
.order-origin{color:var(--gold);font-weight:700;font-size:13px;margin-bottom:6px;display:block}

@media(max-width:650px){
  .order-form-grid{grid-template-columns:1fr}
}

/* تماس */
.contact-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:54px;align-items:center}
.contact-text{position:relative}
.contact-list{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:10px}
.contact-list li{color:var(--text-soft);font-size:15px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--border)}
.contact-form{border-radius:var(--r28);padding:30px}
.contact-form label{display:block;color:var(--muted);font-size:13px;margin-bottom:16px}
.contact-form input,.contact-form textarea{
  width:100%;margin-top:6px;padding:13px 15px;border-radius:var(--r14);
  border:1px solid var(--border);color:var(--text);
  background:rgba(0,0,0,.2);outline:none;font-family:inherit;font-size:14px;transition:.25s;
}
.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(246,199,71,.55);box-shadow:0 0 0 3px rgba(246,199,71,.1)}
.contact-form textarea{min-height:110px;resize:vertical}
.form-msg{color:var(--green);text-align:center;margin-top:12px;font-size:14px;min-height:22px}

/* فوتر */
.footer{border-top:1px solid var(--border);padding:55px 24px 28px;background:rgba(0,0,0,.4)}
.footer-inner{max-width:var(--container);margin:0 auto;display:grid;grid-template-columns:1.2fr .6fr 1fr .8fr;gap:32px;margin-bottom:36px}
.footer-brand h3,.footer-nav h4,.footer-contact h4,.footer-hours h4{color:var(--gold);margin-bottom:14px}
.footer-brand p{color:var(--muted);font-size:14px}
.footer-nav{display:flex;flex-direction:column;gap:0}
.footer-nav a{color:var(--muted);padding:5px 0;transition:color .2s;display:block;font-size:14px}
.footer-nav a:hover{color:var(--gold)}
.footer-contact{color:var(--muted);font-style:normal}
.footer-contact a{display:block;color:var(--muted);font-size:14px;margin-bottom:8px;transition:color .2s}
.footer-contact a:hover{color:var(--gold)}
.footer-line{color:var(--muted);font-size:14px;line-height:1.9;margin-bottom:6px}
.footer-hours{color:var(--muted)}
.copyright{max-width:var(--container);margin:0 auto;padding-top:24px;border-top:1px solid var(--border);color:var(--muted);font-size:13px;text-align:center}

/* شبکه‌های اجتماعی فوتر */
.footer-social{display:flex;gap:10px;margin-top:18px}
.social-icon{
  width:38px;height:38px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);border:1px solid var(--border);
  color:var(--muted);transition:.25s;
}
.social-icon:hover{color:var(--gold);border-color:rgba(246,199,71,.4);background:rgba(246,199,71,.1);transform:translateY(-2px)}

/* دکمه شناور واتساپ */
.whatsapp-float{
  position:fixed;bottom:24px;left:24px;z-index:500;
  width:56px;height:56px;border-radius:50%;
  background:#25c46b;color:#fff;
  display:flex;align-items:center;justify-content:center;
  text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.4);
  transition:transform .25s ease,box-shadow .25s ease;
}
.whatsapp-float:hover{transform:scale(1.08);box-shadow:0 14px 36px rgba(37,196,107,.4)}

/* ===== اسکرول ریویل ===== */
.scroll-reveal{
  opacity:0;transform:translateY(30px);
  transition:opacity .8s ease,transform .8s cubic-bezier(.22,.61,.36,1);
  transition-delay:var(--sd,0s);
}
.scroll-reveal.visible{opacity:1;transform:translateY(0)}

/* =============================================
   ریسپانسیو
   ============================================= */
@media(max-width:1024px){
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .cars-grid{grid-template-columns:repeat(2,1fr)}
  .contact-section{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr 1fr;gap:36px 24px}
}

@media(max-width:768px){
  :root{--nav-h:64px}
  .nav-links{
    display:none;position:fixed;
    top:calc(var(--nav-h) + 14px);left:12px;right:12px;
    flex-direction:column;gap:6px;padding:16px;
    border-radius:var(--r20);
    background:rgba(9,9,10,.96);
    backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
    border:1px solid var(--border);z-index:999;
  }
  .nav-links.open{display:flex}
  .nav-links a{
    padding:12px 16px;border-radius:12px;
    background:rgba(255,255,255,.05);text-align:center;font-size:16px;
  }
  .burger{display:flex}
  .admin-text{display:none}

  /* هیرو موبایل */
  .hero-content{padding:calc(var(--nav-h) + 48px) 20px 100px;max-width:100%}
  .hero-overlay-gradient{
    background:linear-gradient(
      to top,
      rgba(5,5,3,.92) 0%,
      rgba(5,5,3,.75) 50%,
      rgba(5,5,3,.45) 100%
    );
  }
  .hero-title{font-size:clamp(44px,12vw,64px);letter-spacing:-1px}
  .hero-sub{font-size:15px}
  .br-desktop{display:none}
  .hero-btns{flex-direction:column;align-items:flex-start}
  .btn-gold,.btn-ghost{width:100%;max-width:340px;justify-content:center}
  .hero-stats{
    padding:16px 20px;
    flex-wrap:wrap;gap:16px;border-radius:16px;
  }
  .stat{padding:0 12px}
  .stat strong,.stat-num{font-size:24px}
  .stat-sep{display:none}

  /* سکشن‌ها */
  .section{padding:70px 16px}
  .services-grid{grid-template-columns:1fr}
  .cars-grid{grid-template-columns:1fr}
  .contact-section{gap:36px}
  .footer-inner{grid-template-columns:1fr;text-align:center}
  .footer-contact a,.footer-nav a{text-align:center}
  .footer-social{justify-content:center}
  .footer-line{text-align:center}
  .section-head{text-align:center;margin-left:auto;margin-right:auto}
  .contact-text{text-align:center}
  .contact-list li{text-align:right}
  .whatsapp-float{width:50px;height:50px;bottom:16px;left:16px}
}

@media(max-width:420px){
  .hero-title{font-size:42px}
  .hero-badge{font-size:12px;padding:7px 14px}
  .hero-stats{justify-content:center}
  .stat{padding:0 10px}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .hero-bg-img{animation:none;transform:scale(1.08)}
}


.footer-map{
    width:100%;
}

.map-box{
    width:100%;
    min-height:220px;
    height:220px;
    overflow:hidden;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.1);
    background:#111;
    margin-top:12px;
}

.map-box iframe{
    display:block;
    width:100% !important;
    height:100% !important;
    border:0;
}

/* ===== وضعیت و تعداد عکس در کارت خودرو ===== */
.status-available{background:rgba(37,196,107,.1);color:var(--green)}
.car-img-wrap,.car-visual{color:inherit}

/* ===== صفحه جزئیات خودرو — نسخه مدرن ===== */
.car-detail-page{
  position:relative;
  isolation:isolate;
  width:min(1260px,100%);
  margin:0 auto;
  padding:calc(var(--nav-h) + 64px) 24px 104px;
}
.car-detail-page::before,
.car-detail-page::after{
  content:'';
  position:fixed;
  inset:auto;
  z-index:-1;
  pointer-events:none;
  filter:blur(6px);
}
.car-detail-page::before{
  width:520px;height:520px;right:-180px;top:70px;
  background:radial-gradient(circle,rgba(246,199,71,.16),rgba(255,122,26,.06) 42%,transparent 68%);
}
.car-detail-page::after{
  width:600px;height:600px;left:-220px;bottom:-180px;
  background:radial-gradient(circle,rgba(37,196,107,.12),rgba(246,199,71,.045) 38%,transparent 70%);
}
.car-detail-shell{
  display:flex;
  flex-direction:column;
  gap:24px;
}
.loading-text{
  width:100%;padding:52px 24px;text-align:center;color:var(--muted);
  border-radius:var(--r28);background:rgba(255,255,255,.035);border:1px solid var(--border);
}
.detail-back{
  display:inline-flex;align-self:flex-start;align-items:center;gap:8px;
  color:var(--gold);font-weight:900;letter-spacing:-.2px;
  background:linear-gradient(135deg,rgba(246,199,71,.16),rgba(255,122,26,.08));
  border:1px solid rgba(246,199,71,.28);
  border-radius:999px;padding:11px 20px;
  box-shadow:0 12px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease;
}
.detail-back:hover{
  transform:translateY(-3px);
  border-color:rgba(246,199,71,.55);
  background:linear-gradient(135deg,rgba(246,199,71,.24),rgba(255,122,26,.12));
  box-shadow:0 18px 44px rgba(246,199,71,.12),0 16px 36px rgba(0,0,0,.32);
}
.detail-grid{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);
  gap:24px;
  align-items:start;
  direction:ltr;
}
.detail-gallery,
.detail-info,
.purchase-box,
.not-found-box{
  position:relative;
  overflow:hidden;
  border-radius:32px;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);
  direction:rtl;
}
.detail-gallery::before,
.detail-info::before,
.purchase-box::before,
.not-found-box::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg,rgba(255,255,255,.12),transparent 22%,transparent 68%,rgba(246,199,71,.07)),
    radial-gradient(circle at 85% 0%,rgba(246,199,71,.13),transparent 34%);
  opacity:.85;
}
.detail-gallery{
  padding:14px;
  background:linear-gradient(145deg,rgba(18,18,17,.82),rgba(8,8,7,.72));
  position:sticky;
  top:96px;
}
.detail-main-image{
  position:relative;
  width:100%;
  height:clamp(380px,42vw,560px);
  border-radius:26px;
  overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 18px 45px rgba(0,0,0,.38);
}
.detail-main-image::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(to top,rgba(0,0,0,.34),transparent 32%),radial-gradient(circle at 18% 15%,rgba(255,255,255,.16),transparent 26%);
}
.detail-main-image img{
  width:100%;height:100%;object-fit:cover;display:block;
  transform:scale(1.001);
  transition:transform .55s ease,filter .55s ease;
}
.detail-main-image:hover img{transform:scale(1.035);filter:saturate(1.08) contrast(1.04)}
.detail-fallback{font-size:92px;color:rgba(255,255,255,.2)}
.detail-thumbs{
  position:relative;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(88px,1fr));
  gap:12px;
  margin-top:14px;
  padding:12px;
  border-radius:22px;
  background:rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.09);
  max-height:184px;
  overflow:auto;
  scrollbar-width:thin;
}
.detail-thumb{
  position:relative;
  height:72px;
  min-width:0;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.055);
  padding:0;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(0,0,0,.24);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .25s ease;
  opacity:.72;
}
.detail-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.detail-thumb::after{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.26),transparent 55%);
  opacity:.7;
}
.detail-thumb.active,
.detail-thumb:hover{
  opacity:1;
  border-color:rgba(246,199,71,.92);
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(246,199,71,.13),0 12px 30px rgba(0,0,0,.32);
}
.detail-thumb.active::before{
  content:'';
  position:absolute;
  inset:4px;
  z-index:2;
  border-radius:12px;
  border:1px solid rgba(246,199,71,.75);
  pointer-events:none;
}
.detail-info{
  padding:28px;
  background:
    linear-gradient(145deg,rgba(18,18,17,.88),rgba(9,9,8,.76)),
    radial-gradient(circle at 0% 0%,rgba(246,199,71,.13),transparent 38%);
}
.detail-title-row{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
  flex-wrap:wrap;
}
.detail-category,
.detail-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 15px;
  border-radius:999px;
  font-size:13px;
  font-weight:950;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13);
}
.detail-category{
  background:linear-gradient(135deg,var(--gold),var(--orange));
  color:#17130a;
  box-shadow:0 12px 26px rgba(246,199,71,.18),inset 0 1px 0 rgba(255,255,255,.36);
}
.detail-status-available{background:rgba(37,196,107,.14);color:var(--green);border:1px solid rgba(37,196,107,.30)}
.detail-status-sold{background:rgba(255,79,79,.14);color:var(--red);border:1px solid rgba(255,79,79,.30)}
.detail-status-reserved{background:rgba(181,138,255,.14);color:var(--purple);border:1px solid rgba(181,138,255,.30)}
.detail-info h1{
  position:relative;z-index:1;
  font-size:clamp(34px,4.4vw,56px);
  line-height:1.22;
  margin:4px 0 12px;
  letter-spacing:-1.4px;
  color:#fff;
  text-shadow:0 15px 38px rgba(0,0,0,.42);
}
.detail-desc{
  position:relative;z-index:1;
  color:rgba(255,255,255,.68);
  line-height:2.05;
  margin-bottom:20px;
  font-size:15px;
}
.detail-price{
  position:relative;z-index:1;
  color:#2ee17b;
  font-size:clamp(22px,2.6vw,32px);
  font-weight:950;
  letter-spacing:-.5px;
  margin:18px 0 22px;
  padding:18px 20px;
  border-radius:22px;
  background:
    linear-gradient(135deg,rgba(37,196,107,.16),rgba(37,196,107,.06)),
    radial-gradient(circle at 12% 15%,rgba(255,255,255,.13),transparent 28%);
  border:1px solid rgba(37,196,107,.28);
  box-shadow:0 18px 38px rgba(37,196,107,.08),inset 0 1px 0 rgba(255,255,255,.1);
  text-align:center;
}
.detail-specs{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.detail-specs div{
  position:relative;
  padding:16px 16px 15px;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.detail-specs div:hover{
  transform:translateY(-2px);
  border-color:rgba(246,199,71,.25);
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(246,199,71,.035));
}
.detail-specs span{
  display:block;
  color:rgba(255,255,255,.46);
  font-size:12px;
  margin-bottom:6px;
}
.detail-specs strong{
  display:block;
  color:#fff;
  font-size:15px;
  font-weight:900;
}
.purchase-box{
  max-width:980px;
  margin:10px auto 0;
  width:100%;
  padding:30px;
  background:
    linear-gradient(135deg,rgba(18,18,17,.88),rgba(9,9,8,.76)),
    radial-gradient(circle at 92% 0%,rgba(246,199,71,.16),transparent 34%),
    radial-gradient(circle at 8% 100%,rgba(255,122,26,.12),transparent 34%);
}
.purchase-box .section-tag,
.purchase-box h3,
.purchase-box p,
.purchase-form{position:relative;z-index:1}
.purchase-box h3{
  font-size:clamp(24px,3.2vw,36px);
  line-height:1.35;
  margin:6px 0 8px;
  letter-spacing:-.6px;
}
.purchase-box p{
  color:rgba(255,255,255,.62);
  line-height:2;
  margin-bottom:22px;
  max-width:740px;
}
.purchase-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.purchase-form label{
  color:rgba(255,255,255,.56);
  font-size:13px;
  font-weight:700;
}
.purchase-form input{
  width:100%;
  margin-top:8px;
  padding:15px 16px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  color:var(--text);
  background:rgba(0,0,0,.24);
  outline:none;
  font-family:inherit;
  font-size:14px;
  transition:border-color .25s ease,box-shadow .25s ease,background .25s ease,transform .25s ease;
}
.purchase-form input::placeholder{color:rgba(255,255,255,.36)}
.purchase-form input:focus{
  border-color:rgba(246,199,71,.62);
  box-shadow:0 0 0 4px rgba(246,199,71,.10),0 12px 28px rgba(0,0,0,.18);
  background:rgba(0,0,0,.34);
  transform:translateY(-1px);
}
.purchase-actions{
  grid-column:1/-1;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-start;
  margin-top:4px;
}
.purchase-actions .btn-gold,
.purchase-actions .btn-ghost{
  min-width:190px;
  justify-content:center;
}
.purchase-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none;filter:grayscale(.2)}
.detail-ghost{
  color:var(--gold);
  border-color:rgba(246,199,71,.40);
  background:rgba(246,199,71,.08);
}
.purchase-form .form-msg{
  grid-column:1/-1;
  min-height:30px;
  text-align:right;
  margin-top:0;
  padding:0 2px;
  font-weight:800;
}
.unavailable-box{text-align:center}
.unavailable-box .btn-gold{margin-top:4px}
.not-found-box{
  text-align:center;
  max-width:720px;
  margin:40px auto;
  padding:46px 30px;
  background:linear-gradient(145deg,rgba(18,18,17,.86),rgba(9,9,8,.76));
}
.not-found-box h1{position:relative;z-index:1;font-size:34px;margin-bottom:12px}
.not-found-box p{position:relative;z-index:1;color:rgba(255,255,255,.62);margin-bottom:22px}
.not-found-box .btn-gold{position:relative;z-index:1}

body.light .car-detail-page::before{background:radial-gradient(circle,rgba(230,168,0,.18),rgba(255,122,26,.08) 42%,transparent 68%)}
body.light .car-detail-page::after{background:radial-gradient(circle,rgba(37,196,107,.13),rgba(230,168,0,.06) 38%,transparent 70%)}
body.light .detail-gallery,
body.light .detail-info,
body.light .purchase-box,
body.light .not-found-box{
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(246,243,232,.82));
  border-color:rgba(0,0,0,.09);
  box-shadow:0 24px 60px rgba(35,30,12,.12),inset 0 1px 0 rgba(255,255,255,.72);
}
body.light .detail-main-image,
body.light .detail-thumbs,
body.light .detail-specs div,
body.light .purchase-form input{
  background:rgba(255,255,255,.72);
  border-color:rgba(0,0,0,.09);
}
body.light .detail-info h1,
body.light .detail-specs strong{color:#111}
body.light .detail-desc,
body.light .purchase-box p{color:#555}
body.light .detail-specs span,
body.light .purchase-form label{color:#666}
body.light .purchase-form input{color:#111}
body.light .purchase-form input::placeholder{color:#888}
body.light .not-found-box p{color:#555}

@media(max-width:1060px){
  .detail-grid{grid-template-columns:1fr;direction:rtl}
  .detail-gallery{position:relative;top:auto}
  .detail-main-image{height:clamp(320px,58vw,520px)}
}
@media(max-width:650px){
  .car-detail-page{padding:calc(var(--nav-h) + 40px) 14px 76px}
  .car-detail-shell{gap:18px}
  .detail-back{padding:9px 16px;font-size:14px}
  .detail-gallery,.detail-info,.purchase-box,.not-found-box{border-radius:24px}
  .detail-gallery{padding:10px}
  .detail-info,.purchase-box,.not-found-box{padding:20px}
  .detail-main-image{height:300px;border-radius:20px}
  .detail-thumbs{grid-template-columns:repeat(3,1fr);gap:9px;padding:9px;border-radius:18px;max-height:none}
  .detail-thumb{height:62px;border-radius:13px}
  .detail-info h1{font-size:32px;letter-spacing:-.8px}
  .detail-price{font-size:22px;padding:15px 14px;border-radius:18px}
  .detail-specs{grid-template-columns:1fr}
  .purchase-form{grid-template-columns:1fr}
  .purchase-actions{gap:10px}
  .purchase-actions .btn-gold,.purchase-actions .btn-ghost{width:100%;min-width:0;justify-content:center}
}
@media(max-width:420px){
  .detail-main-image{height:250px}
  .detail-thumbs{grid-template-columns:repeat(2,1fr)}
  .detail-thumb{height:58px}
}

/* Center the vehicle service section heading on all screen sizes. */
#services .showcase-heading { text-align: center !important; }