/* =========================================================
   صفحه‌ی اصلی: اسلایدر، بنرها، پیشنهادهای ویژه، چرا ما، بنر معرفی
   ========================================================= */

/* ============================ اسلایدر اصلی ============================ */

.hero-slider{ position:relative; background:var(--c-dark); }
.hero-swiper{ width:100%; height:var(--hero-h,640px); }
.hero-slide{ position:relative; height:100%; color:var(--hero-text,var(--c-text)); }
.hero-slide__bg{ position:absolute; inset:0; overflow:hidden; }
/* پوشش تیره از راست (جای متن) تا چپ (شفاف) تا نوشته‌ها روی هر عکسی خوانا باشند */
.hero-slide__bg::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(to left, rgba(0,0,0,.75) 0%, rgba(0,0,0,.55) 35%, rgba(0,0,0,0) 75%);
}
/* افکت ورود: عکس از نزدیک (بزرگ) به حالت عادی «دور می‌شود»؛ با هر اسلاید فعال تکرار می‌شود */
@keyframes hero-zoom-out{ from{ transform:scale(1.15); } to{ transform:scale(1); } }
@keyframes hero-text-in{ from{ opacity:0; transform:translateX(18px); } to{ opacity:1; transform:none; } }
.hero-swiper:not(.swiper-initialized) .hero-slide__img{ transform:scale(1.15); } /* تا لود شدن اسلایدر، حالت شروع نگه داشته می‌شود */
@media (prefers-reduced-motion:no-preference){
  .hero-slide.swiper-slide-active .hero-slide__img{ animation:hero-zoom-out 7s cubic-bezier(.25,.1,.25,1) both; }
  .hero-slide.swiper-slide-active .hero-slide__content{ animation:hero-text-in 1.8s .5s cubic-bezier(.25,.1,.25,1) both; }
}
.hero-slide__img{ width:100%; height:100%; max-height:none; object-fit:cover; }
.hero-slide__wrap{ position:relative; height:100%; display:flex; align-items:center; }
.hero-slide__content{ width:100%; max-width:560px; padding:40px 0; }

.hero-slide__title{
  margin:0 0 6px; font-size:45px; font-weight:700; line-height:1.15; text-transform:uppercase;
}
.hero-slide__title-light{ font-weight:400; opacity:.7; margin-inline-start:.25em; }

.hero-slide__hl{ display:flex; align-items:baseline; flex-wrap:wrap; gap:0 12px; line-height:1 }
.hero-slide__hl-prefix{ font-size:44px; font-weight:700; color:var(--c-primary); }
.hero-slide__hl-num{ font-size:85px; font-weight:700; color:var(--c-primary); letter-spacing:-2px; }
.hero-slide__hl-unit{ font-size:52px; font-weight:400; }
.hero-slide__hl-note{ font-size:15px; font-weight:700; color:var(--c-primary); max-width:90px; line-height:1.4; }

.hero-slide__line{ margin:0 0 8px; font-size:15px; line-height:1.9;    margin-bottom: 0;}
.hero-slide__btn{ margin-top:16px; }

.hero-swiper__pagination{ bottom:22px !important; }
.hero-swiper__pagination .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; opacity:.6; }
.hero-swiper__pagination .swiper-pagination-bullet-active{ background:var(--c-primary); opacity:1; }

@media (max-width:991px){
  .hero-swiper{ height:auto; min-height:460px; }
  .hero-slide{ min-height:460px; }
  .hero-slide__title{ font-size:34px; }
  .hero-slide__hl-num{ font-size:64px; }
  .hero-slide__hl-unit{ font-size:30px; }
  .hero-slide__content{ max-width:100%; }
}

/* ============================ بنرهای اطلاع‌رسانی روی تصویر ============================ */

.promo-section{ position:relative; background:var(--c-dark); overflow:hidden; }
.promo-section__bg{ position:absolute; inset:0; }
.promo-section__bg::after{ content:""; position:absolute; inset:0; background:rgba(0,0,0,var(--promo-overlay,.55)); }
.promo-section__img{ width:100%; height:100%; max-height:none; object-fit:cover; }
.promo-section__in{
  position:relative; display:flex; justify-content:center; align-items:center; gap:18px;
  min-height:350px; padding-top:var(--sec-py); padding-bottom:var(--sec-py);
}
.promo-box{
  flex:0 1 445px; display:flex; align-items:center; gap:16px;
  min-height:136px; padding:24px 26px; color:var(--c-text);
}
a.promo-box:hover{ color:var(--c-text); filter:brightness(1.05); }
.promo-box__ico{ flex:none; display:flex; width:84px; justify-content:center; }
.promo-box__ico img{ max-width:84px; height:auto; }
.promo-box__title{ margin:0 0 6px; font-size:22px; font-weight:700; line-height:1.4; }
.promo-box__text{ margin:0; font-size:14px; line-height:1.9; }

@media (max-width:767px){
  .promo-section__in{ flex-direction:column; }
  .promo-box{ flex:none; width:100%; }
}

/* ============================ پیشنهادهای ویژه (اسلایدر) ============================ */

.special-section{ background:var(--c-dark); color:#fff; padding:var(--sec-py) 0; }
.special-head{ position:relative; text-align:center; margin-bottom:46px; }
.special-head__title{ margin:0 0 16px; font-size:var(--fs-h2); font-weight:700; color:#fff; }
.special-head__bar{ display:inline-flex; gap:6px; }
.special-head__bar i{ display:block; width:32px; height:5px; background:var(--c-primary); transform:skewX(-30deg); }
.special-head__bar i + i{ width:20px; }
.special-head__link{
  position:absolute; left:0; top:12px; display:flex; align-items:center; gap:6px;
  font-size:14px; color:var(--c-secondary-light);
}
.special-head__link svg{ color:#d0d3d6; }
.special-head__link:hover{ color:#fff; }

.special-swiper{ overflow:hidden; }
.special-swiper .swiper-slide{ height:auto; }
.special-swiper .car-card{ height:100%; }

/* کارت تیره */
.car-card--dark{ background:#333638; }
.car-card--dark .car-card__ribbon span{ background:var(--c-secondary); }
.car-card--dark .car-card__bar i{ background:rgba(255,255,255,.65); }
.car-card--dark .car-card__bar i.is-active{ background:var(--c-secondary); }
.car-card--dark .car-card__row{ margin:0; padding:22px 26px 0; min-height:0; }
.car-card--dark .car-card__title{ min-width:0; }
.car-card--dark .car-card__title a{
  display:block; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.car-card--dark .car-card__meta{ margin:22px 26px 0; padding:16px 0 24px; border-color:rgba(255,255,255,.1); color:#c0c4c8; }
.car-card--dark .car-card__note{
  margin:22px 26px 0; padding:16px 0 24px; border-top:1px solid rgba(255,255,255,.1);
  font-size:13px; color:#c0c4c8;
}

.special-nav{ display:flex; align-items:center; justify-content:center; gap:26px; margin-top:44px; }
.special-nav__btn{ padding:6px; background:transparent; border:0; color:#b3b7bb; transition:color .2s; }
.special-nav__btn:hover{ color:#fff; }
.special-nav__dots.swiper-pagination{ position:static; width:auto; display:flex; align-items:center; gap:10px; }
.special-nav__dots .swiper-pagination-bullet{ width:9px; height:9px; margin:0; background:#8b9094; opacity:1; }
.special-nav__dots .swiper-pagination-bullet-active{ background:var(--c-secondary-light); }
/* ناحیه‌ی لمس بزرگ‌تر برای نقطه‌های اسلایدر */
.hero-swiper__pagination .swiper-pagination-bullet,
.special-nav__dots .swiper-pagination-bullet{ position:relative; }
.hero-swiper__pagination .swiper-pagination-bullet::after,
.special-nav__dots .swiper-pagination-bullet::after{ content:''; position:absolute; inset:-14px -6px; }

@media (max-width:991px){
  .special-head__link{ position:static; justify-content:center; margin-top:14px; }
}

/* ============================ چرا ما ============================ */

.why-section{ background:#fff; padding:var(--sec-py) 0; }
.why-head{ text-align:center; margin-bottom:56px; }
.why-head__title{ margin:0 0 16px; font-size:var(--fs-h2); font-weight:700; color:var(--c-text); }
.why-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:34px 40px; }
.why-item{ display:flex; align-items:flex-start; gap:16px; }
.why-item__ico{ flex:none; display:flex; width:52px; color:var(--c-primary); }
.why-item__ico img{ max-width:52px; height:auto; }
.why-item__title{ margin:0 0 8px; font-size:16px; font-weight:700; line-height:1.6; }
.why-item__text{ margin:0; font-size:14px; line-height:2; color:#4a4f54; }
.why-more{ text-align:center; margin-top:54px; }

@media (max-width:991px){
  .why-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:575px){
  .why-grid{ grid-template-columns:1fr; }
}

/* ============================ بنر معرفی روی تصویر ============================ */

.intro-section{ position:relative; background:var(--c-dark); overflow:hidden; }
.intro-section__bg{ position:absolute; inset:0; }
.intro-section__bg::after{ content:""; position:absolute; inset:0; background:rgba(0,0,0,var(--intro-overlay,.4)); }
.intro-section__img{ width:100%; height:100%; max-height:none; object-fit:cover; }
.intro-section__in{
  position:relative; display:flex; align-items:center;
  min-height:370px; padding-top:var(--sec-py); padding-bottom:var(--sec-py);
}
.intro-box{
  position:relative; width:446px; max-width:100%; padding:34px 36px 32px;
  background:var(--intro-color,#e3ac45); color:#fff;
}
.intro-box::after{
  content:""; position:absolute; left:0; top:100%; width:44px; height:38px;
  background:var(--intro-color,#e3ac45); filter:brightness(.82);
  clip-path:polygon(0 0,100% 0,100% 100%);
}
.intro-box__title{ margin:0 0 22px; font-size:var(--fs-h2); font-weight:700; line-height:1.5; color:#fff; }
.intro-box__text{ margin:0; font-size:14px; line-height:2.1; }
.intro-box__btn{
  display:inline-block; margin-top:22px; padding:11px 24px; background:#fff; color:var(--c-dark);
  font-size:14px; font-weight:700;
}
.intro-box__btn:hover{ color:var(--c-primary); }

@media (max-width:575px){
  .intro-box{ padding:26px 22px; }
}