/**
 * کسبی - استایل‌های اصلی
 * بخش‌بندی دقیق: هر گروه استایل با کامنت راهنما مشخص شده
 * فونت: Peyda | ساختار الهام‌گرفته از Blacklane
 */

/**
 * کسبی - استایل‌های اصلی (تمیز و بخش‌بندی شده)
 * هر بخش با کامنت راهنما مشخص شده است
 * فونت: Peyda | ساختار الهام‌گرفته از Blacklane
 */


@font-face {
  font-family:Peyda;
  src:url("fonts/PeydaWeb-Thin.woff2") format("woff2");
  font-weight:100;
  font-style:normal;
  font-display:swap
}

/* ========================================================================== */
/* صفحه اصلی — بهینه‌سازی نهایی سه اسلاید هیرو فقط در موبایل                */
/* هر تصویر، متن و لایه تیرگی مستقل تنظیم شده تا تیترها کامل و متعادل باشند. */
/* ========================================================================== */
@media (max-width:760px) {
  .page-view[data-page="home"] .home-hero {
    width:100%;
    height:100svh;
    min-height:640px;
    max-height:820px;
    overflow:hidden
  }

  .page-view[data-page="home"] .home-hero-slide,
  .page-view[data-page="home"] .home-hero-slide-media,
  .page-view[data-page="home"] .home-hero-slide-shade {
    inset:0!important;
    width:100%!important;
    height:100%!important
  }

  .page-view[data-page="home"] .home-hero-slide-copy {
    box-sizing:border-box!important;
    direction:rtl;
    overflow:visible!important
  }

  .page-view[data-page="home"] .home-hero-slide-copy h1,
  .page-view[data-page="home"] .home-hero-slide-copy h2 {
    width:100%!important;
    overflow-wrap:normal!important;
    word-break:normal!important
  }

  /* اسلاید چندمقصدی: مسیر و خودرو در قاب می‌مانند و تیتر در دو خط کامل دیده می‌شود. */
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-media {
    background-position:60% center!important;
    transform:scale(1.018)!important
  }

  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-shade {
    background:linear-gradient(180deg,rgba(7,19,33,.2) 0%,rgba(7,19,33,.04) 43%,rgba(7,19,33,.88) 100%)!important
  }

  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy {
    top:auto!important;
    right:20px!important;
    bottom:clamp(108px,15svh,142px)!important;
    left:20px!important;
    width:calc(100% - 40px)!important;
    padding:0!important;
    text-align:center!important
  }

  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy h1 {
    max-width:330px!important;
    margin:0 auto!important;
    font-size:clamp(1.72rem,7.7vw,2.18rem)!important;
    line-height:1.36!important
  }

  /* اسلاید خودرو در اختیار: تیتر بالای خودرو در ناحیه امن و بدون کشیدگی افقی قرار می‌گیرد. */
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-media {
    background-position:58% center!important;
    transform:scale(1.018)!important
  }

  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-shade {
    background:linear-gradient(180deg,rgba(7,19,33,.52) 0%,rgba(7,19,33,.17) 43%,rgba(7,19,33,.5) 100%)!important
  }

  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy {
    top:clamp(154px,22svh,190px)!important;
    right:20px!important;
    bottom:auto!important;
    left:20px!important;
    width:calc(100% - 40px)!important;
    padding:12px 8px 15px!important;
    text-align:center!important
  }

  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy h2 {
    max-width:330px!important;
    margin:0 auto!important;
    font-size:clamp(1.74rem,7.8vw,2.2rem)!important;
    line-height:1.36!important
  }

  /* اسلاید پوشش ایران: قوس تصویری کمی بزرگ‌تر و متن دقیقاً بالای آن ثابت می‌ماند. */
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-media {
    background-size:auto 112%!important;
    background-position:center 42%!important;
    transform:none!important
  }

  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-shade {
    background:linear-gradient(180deg,rgba(3,10,18,.48) 0%,rgba(3,10,18,.12) 38%,rgba(3,10,18,.64) 100%)!important
  }

  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-copy {
    top:clamp(104px,14svh,126px)!important;
    right:18px!important;
    bottom:auto!important;
    left:18px!important;
    width:calc(100% - 36px)!important;
    max-width:none!important;
    padding:0!important;
    transform:none!important;
    text-align:center!important
  }

  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-copy h1 {
    max-width:340px!important;
    margin:0 auto 10px!important;
    font-size:clamp(1.62rem,7.25vw,2.02rem)!important;
    line-height:1.38!important
  }

  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-copy p {
    max-width:345px!important;
    margin:0 auto!important;
    font-size:clamp(.78rem,3.45vw,.9rem)!important;
    line-height:1.86!important
  }
}

/* موبایل‌های باریک: فاصله افقی و اندازه تیترها کمی فشرده‌تر می‌شود تا هیچ متنـی بریده نشود. */
@media (max-width:390px) {
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy,
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy {
    right:16px!important;
    left:16px!important;
    width:calc(100% - 32px)!important
  }

  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy h1,
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy h2 {
    font-size:clamp(1.58rem,7.5vw,1.9rem)!important
  }
}

/* ========================================================================== */

@font-face {
  font-family:Peyda;
  src:url("fonts/PeydaWeb-ExtraLight.woff2") format("woff2");
  font-weight:200;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Peyda;
  src:url("fonts/PeydaWeb-Light.woff2") format("woff2");
  font-weight:300;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Peyda;
  src:url("fonts/PeydaWeb-Regular.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Peyda;
  src:url("fonts/PeydaWeb-Medium.woff2") format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Peyda;
  src:url("fonts/PeydaWeb-SemiBold.woff2") format("woff2");
  font-weight:600;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Peyda;
  src:url("fonts/PeydaWeb-Bold.woff2") format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Peyda;
  src:url("fonts/PeydaWeb-ExtraBold.woff2") format("woff2");
  font-weight:800;
  font-style:normal;
  font-display:swap
}

@font-face {
  font-family:Peyda;
  src:url("fonts/PeydaWeb-Black.woff2") format("woff2");
  font-weight:900;
  font-style:normal;
  font-display:swap
}



/* ==================== متغیرها و ریست پایه (Variables & Reset) ==================== */
:root {
  --ink:#11110f;
  --muted:#686864;
  --cream:#f3efe7;
  --paper:#fff;
  --line:rgba(17,17,15,.16);
  --blue:#183f90;
  --blue-dark:#0f2d70;
  --lime:#d8ff67;
  --header-h:76px;
  --radius:3px;
  --shadow:0 18px 50px rgba(0,0,0,.12);
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth
}

body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Peyda,Arial,sans-serif;
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased
}

body.menu-open {
  overflow:hidden
}

button,input,select,textarea {
  font:inherit
}

button,a {
  color:inherit
}

button {
  border:0
}

a {
  text-decoration:none
}

p,h1,h2,h3,h4 {
  margin-top:0
}

h1,h2,h3 {
  line-height:1.08;
  letter-spacing:-.035em
}

h1 {
  font-size:clamp(2.7rem,5.2vw,5.8rem);
  font-weight:500
}

h2 {
  font-size:clamp(2.05rem,3.9vw,4.5rem);
  font-weight:500
}

h3 {
  font-size:clamp(1.35rem,1.85vw,2.05rem);
  font-weight:500
}

p {
  color:var(--muted)
}


/* ==================== سیستم صفحات SPA (Page Views) ==================== */
.page-view {
  display:none;
  min-height:70vh
}

.page-view.active {
  display:block;
  animation:pageIn .45s ease both
}

@keyframes pageIn {
  from {
  opacity:0
}

to {
  opacity:1
}

}


/* ==================== هدر (Header) ==================== */
.site-header,.header {
  position:fixed;
  inset:0 0 auto;
  z-index:1000;
  height:var(--header-h);
  display:flex;
  align-items:center;
  padding:0 30px;
  color:#fff;
  transition:background .3s,color .3s,box-shadow .3s
}

.site-header.scrolled,.site-header.light,.header.scrolled,.header.light {
  background:rgba(255,255,255,.97);
  color:var(--ink);
  box-shadow:0 1px 0 var(--line);
  backdrop-filter:blur(12px)
}


/* ----- لوگو ----- */
.logo {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:165px;
  font-size:1.45rem;
  font-weight:700;
  letter-spacing:-.04em;
  cursor:pointer
}

.logo-image {
  display:block;
  width:auto;
  height:54px;
  max-width:112px;
  object-fit:contain;
  transition:filter .25s ease
}

.header>.logo .logo-image {
  height:52px;
  max-width:100px
}



/* ==================== منوی موبایل ==================== */
.mobile-menu .logo-image {
  height:72px;
  max-width:118px
}



/* ==================== فوتر ==================== */
.footer-head .logo-image {
  height:74px;
  max-width:120px
}

.logo-mark {
  width:31px;
  height:31px;
  border:1.5px solid currentColor;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:.72rem;
  font-weight:500
}


/* ----- منوی دسکتاپ ----- */
.desktop-nav {
  display:flex;
  align-items:center;
  gap:4px;
  margin-inline-start:16px
}


/* ----- دراپ‌داون منو ----- */
.nav-link,.nav-trigger,.desktop-nav>a,.nav-dropdown>button,.nav-dropdown>.nav-parent-link {
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:25px 13px;
  background:none;
  color:inherit;
  cursor:pointer;
  font-size:.94rem;
  white-space:nowrap
}

.nav-trigger:after {
  content:"⌄";
  font-size:.8rem;
  transition:transform .2s
}

.nav-dropdown {
  position:relative
}

.nav-dropdown:hover .nav-trigger:after {
  transform:rotate(180deg)
}

.dropdown-panel {
  visibility:hidden;
  opacity:0;
  transform:translateY(8px);
  position:absolute;
  top:66px;
  left:0;
  width:650px;
  padding:22px;
  background:#fff;
  color:var(--ink);
  box-shadow:var(--shadow);
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:24px;
  transition:.2s;
  border-radius:var(--radius)
}

[dir="rtl"] .dropdown-panel {
  right:0;
  left:auto
}

.nav-dropdown:hover .dropdown-panel,.nav-dropdown:focus-within .dropdown-panel {
  visibility:visible;
  opacity:1;
  transform:none
}

.dropdown-links {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px
}

.dropdown-links a {
  padding:13px 12px;
  border-radius:2px;
  font-size:.95rem
}

.dropdown-links a:hover {
  background:var(--cream)
}

.dropdown-links .all-services-link {
  grid-column:1/-1;
  border:1px solid var(--line);
  margin:6px 0 5px;
  font-weight:600
}

.dropdown-feature {
  padding:12px;
  background:var(--cream)
}

.dropdown-feature .image-slot {
  height:120px;
  margin-bottom:12px
}

.dropdown-feature strong {
  display:block;
  margin-bottom:3px
}

.dropdown-feature span {
  color:var(--muted);
  font-size:.88rem
}


/* ----- دکمه‌های هدر (ورود / درخواست) ----- */
.header-actions {
  margin-inline-start:auto;
  display:flex;
  align-items:center;
  gap:8px
}

.language,.login,.book-now {
  height:42px;
  padding:0 17px;
  display:grid;
  place-items:center;
  background:transparent;
  border:1px solid rgba(255,255,255,.45);
  cursor:pointer
}

.site-header.scrolled .language,.site-header.scrolled .login,.site-header.light .language,.site-header.light .login,.header.scrolled .language,.header.scrolled .login,.header.light .language,.header.light .login {
  border-color:var(--line)
}

.book-now {
  background:#fff;
  color:var(--ink);
  border-color:#fff;
  font-weight:600
}

.site-header.scrolled .book-now,.site-header.light .book-now,.header.scrolled .book-now,.header.light .book-now {
  background:var(--ink);
  color:#fff;
  border-color:var(--ink)
}

.menu-toggle {
  display:none;
  background:none;
  color:inherit;
  font-size:1.7rem;
  cursor:pointer;
  padding:8px
}

.menu-toggle i {
  display:block;
  width:24px;
  height:1.5px;
  background:currentColor;
  margin:6px 0;
  transition:.25s
}

.mobile-menu {
  position:fixed;
  z-index:1200;
  top:0;
  right:0;
  width:min(420px,92vw);
  height:100dvh;
  background:#fff;
  color:var(--ink);
  padding:26px;
  transform:translateX(105%);
  transition:transform .35s ease;
  overflow:auto
}

.mobile-menu.open {
  transform:none
}

.menu-close {
  position:absolute;
  top:22px;
  right:22px;
  background:none;
  font-size:1.8rem;
  cursor:pointer
}

.mobile-menu .logo {
  margin-bottom:45px
}

.mobile-menu nav {
  display:grid
}

.mobile-menu nav a {
  padding:15px 0;
  border-bottom:1px solid var(--line);
  font-size:1.18rem
}


/* ----- پس‌زمینه منوی موبایل ----- */
.menu-backdrop {
  position:fixed;
  z-index:1100;
  inset:0;
  background:rgba(0,0,0,.45);
  opacity:0;
  visibility:hidden;
  transition:.3s
}

.menu-backdrop.show {
  opacity:1;
  visibility:visible
}

.hero {
  position:relative;
  min-height:760px;
  color:#fff;
  display:flex;
  align-items:flex-end;
  overflow:hidden
}


/* ==================== هیرو صفحه اصلی + فرم رزرو ==================== */
.home-hero {
  min-height:936px
}



/* ==================== هیرو صفحات داخلی ==================== */
.inner-hero {
  min-height:680px
}

.hero-image,.image-slot {
  position:absolute;
  inset:0;
  background:#d7d7d2;
  overflow:hidden
}

.image-slot {
  position:relative;
  min-height:260px;
  border:1px dashed rgba(17,17,15,.3);
  display:grid;
  place-items:center;
  color:#4f4f4a;
  text-align:center;
  padding:24px;
  background:linear-gradient(135deg,#e6e6e2,#c9c9c4)
}

.image-slot:before {
  content:"محل تصویر";
  font-weight:600;
  letter-spacing:.02em
}

.image-slot:after {
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(17,17,15,.14);
  pointer-events:none
}

.image-slot.compact {
  min-height:115px
}

.image-slot.has-image {
  border:0;
  background-color:#252520;
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  color:transparent;
  padding:0
}

.image-slot.has-image:before,.image-slot.has-image:after {
  display:none
}

.hero .hero-image.has-image {
  background-position:center 34%
}

.service-image.has-image,.post-image.has-image {
  transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease
}

.service-card:hover .service-image,.post-card:hover .post-image {
  transform:scale(1.018);
  filter:brightness(.94)
}

.hero .hero-image {
  position:absolute;
  min-height:100%;
  border:0;
  background:linear-gradient(135deg,#555854,#242622)
}

.hero .hero-image:before {
  content:"محل تصویر اصلی این صفحه";
  color:rgba(255,255,255,.7);
  font-size:1.1rem
}

.hero .hero-image:after {
  border-color:rgba(255,255,255,.18)
}

.hero-shade {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.06) 35%,rgba(0,0,0,.65))
}

.hero-content {
  position:relative;
  z-index:2;
  width:min(1440px,100%);
  margin:0 auto;
  padding:140px 48px 72px
}

.hero-title,.inner-title {
  position:relative;
  z-index:2;
  width:min(1440px,100%);
  margin:0 auto;
  padding:140px 48px 420px;
  max-width:none
}

.inner-title {
  padding-bottom:80px
}

.inner-title p {
  color:rgba(255,255,255,.78);
  max-width:620px;
  font-size:1.08rem
}

.hero-eyebrow {
  font-size:.86rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  margin-bottom:18px;
  color:rgba(255,255,255,.76)
}

.hero-copy {
  max-width:650px;
  color:rgba(255,255,255,.83);
  font-size:1.12rem;
  margin-bottom:30px
}


/* ----- فرم رزرو (Booking Form) ----- */
.booking {
  position:absolute;
  z-index:3;
  right:max(48px,calc((100vw - 1440px)/2 + 48px));
  left:max(48px,calc((100vw - 1440px)/2 + 48px));
  bottom:64px;
  width:auto;
  background:rgba(255,255,255,.92);
  color:var(--ink);
  padding:14px;
  box-shadow:var(--shadow);
  backdrop-filter:blur(16px)
}


/* ----- تب‌های نوع مأموریت ----- */
.booking-tabs {
  display:flex;
  gap:8px;
  margin-bottom:12px
}

.booking-tab {
  padding:9px 13px;
  background:transparent;
  color:var(--muted);
  cursor:pointer;
  border-bottom:2px solid transparent
}

.booking-tab.active {
  color:var(--ink);
  border-bottom-color:var(--ink)
}


/* ----- فیلدهای فرم رزرو ----- */
.booking-form {
  display:grid;
  grid-template-columns:1.2fr 1.2fr .8fr .8fr auto;
  gap:8px
}

.field,.booking-form label {
  min-height:58px;
  border:1px solid var(--line);
  padding:8px 13px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:#fff
}

.field label,.booking-form label span {
  font-size:.72rem;
  color:var(--muted);
  margin-bottom:2px
}

.field input,.field select,.booking-form input,.booking-form select {
  border:0;
  outline:0;
  background:transparent;
  width:100%;
  color:var(--ink)
}

.booking-submit,.primary-button,.booking-form>button,.lead-form form>button {
  min-height:58px;
  padding:0 26px;
  background:var(--ink);
  color:#fff;
  font-weight:600;
  cursor:pointer;
  transition:transform .2s,background .2s
}


/* ----- بخش مقصدها ----- */
.destination-field {
  position:relative;
  min-width:0
}

.destination-field.is-hidden {
  display:none
}

.booking-form:has(.destination-field.is-hidden) {
  grid-template-columns:1.4fr .9fr .9fr auto
}

.booking-submit:hover,.primary-button:hover {
  background:#343430;
  transform:translateY(-2px)
}

.secondary-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 23px;
  border:1px solid currentColor;
  background:transparent;
  cursor:pointer
}

.section-intro {
  max-width:1440px;
  margin:0 auto;
  padding:120px 48px 58px;
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);
  gap:60px;
  align-items:end
}

.section-intro h2 {
  margin:0
}

.section-intro p {
  margin:0;
  font-size:1.06rem
}

.services-section {
  overflow:hidden;
  padding-bottom:130px
}

.horizontal-window {
  overflow:hidden;
  padding-left:max(48px,calc((100vw - 1440px)/2 + 48px))
}

[dir="rtl"] .horizontal-window {
  padding-right:max(48px,calc((100vw - 1440px)/2 + 48px));
  padding-left:0
}

.horizontal-track {
  display:flex;
  gap:22px;
  transition:transform .6s cubic-bezier(.2,.7,.2,1);
  will-change:transform
}

.service-card {
  flex:0 0 min(560px,72vw)
}

.service-image {
  height:510px;
  margin-bottom:22px
}

.service-card h3 {
  margin-bottom:10px
}

.service-card p {
  max-width:490px
}

.card-link {
  display:inline-flex;
  gap:10px;
  align-items:center;
  font-weight:600;
  border-bottom:1px solid;
  padding-bottom:3px
}

.carousel-buttons {
  max-width:1440px;
  margin:34px auto 0;
  padding:0 48px;
  display:flex;
  justify-content:flex-end;
  gap:8px
}

.carousel-buttons button {
  width:52px;
  height:52px;
  background:#fff;
  border:1px solid var(--line);
  font-size:1.2rem;
  cursor:pointer
}

.app-banner {
  background:var(--blue);
  color:#fff;
  min-height:495px;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:stretch;
  overflow:hidden
}

.app-copy,.app-banner>div:first-child {
  padding:90px max(48px,calc((100vw - 1440px)/2 + 48px));
  padding-right:60px;
  align-self:center
}

.app-copy h2 {
  max-width:640px
}

.app-copy p {
  color:rgba(255,255,255,.78);
  max-width:590px
}

.app-links {
  display:flex;
  gap:12px;
  margin-top:30px;
  flex-wrap:wrap
}

.app-links a {
  border:1px solid rgba(255,255,255,.65);
  padding:12px 18px
}

.app-image {
  min-height:495px;
  border-color:rgba(255,255,255,.32);
  background:linear-gradient(135deg,#3863bd,#0d2b69);
  color:#fff
}

.experience-section {
  background:#121210;
  color:#fff;
  padding:140px 0 180px
}

.experience-title {
  max-width:1440px;
  margin:0 auto;
  padding:0 48px 90px
}

.experience-title p {
  color:rgba(255,255,255,.65);
  max-width:620px
}

.experience-stack {
  max-width:1240px;
  margin:0 auto;
  padding:0 48px
}

.experience-card {
  position:sticky;
  top:110px;
  min-height:690px;
  background:#23231f;
  margin-bottom:90px;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  box-shadow:0 -16px 45px rgba(0,0,0,.25)
}

.experience-card:nth-child(2) {
  top:130px;
  background:#292924
}

.experience-card:nth-child(3) {
  top:150px;
  background:#30302a
}

.experience-copy,.experience-card>div:not(.experience-image) {
  padding:65px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end
}

.experience-card>b {
  position:absolute;
  top:28px;
  right:32px;
  color:rgba(255,255,255,.55)
}

.experience-copy .number {
  font-size:.85rem;
  letter-spacing:.14em;
  color:rgba(255,255,255,.55);
  margin-bottom:auto
}

.experience-copy p {
  color:rgba(255,255,255,.66);
  max-width:480px
}

.experience-image {
  min-height:690px;
  border-color:rgba(255,255,255,.22);
  background:linear-gradient(135deg,#4b4b43,#20201d);
  color:#fff
}

.excellence {
  background:var(--cream);
  padding:130px 48px
}

.excellence-title {
  max-width:1440px;
  margin:0 auto 70px;
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:60px;
  align-items:end
}

.excellence-title p {
  font-size:1.06rem
}

.excellence-grid {
  max-width:1440px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:rgba(17,17,15,.16)
}

.excellence-item,.excellence-grid>article {
  background:var(--cream);
  padding:42px 34px;
  min-height:250px
}

.excellence-item .icon {
  font-size:1.8rem;
  margin-bottom:50px
}

.partner-banner {
  background:var(--lime);
  padding:90px 48px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:45px;
  align-items:center
}

.partner-banner>div:first-child {
  max-width:1100px;
  margin-left:max(0px,calc((100vw - 1440px)/2))
}

.partner-banner h2 {
  margin-bottom:18px
}

.partner-logo {
  width:210px;
  height:110px;
  margin-right:max(0px,calc((100vw - 1440px)/2));
  background:transparent;
  border:1px dashed rgba(17,17,15,.45)
}


/* ==================== بخش اسپلیت (متن + تصویر) ==================== */
.split-section {
  max-width:1440px;
  margin:auto;
  padding:130px 48px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center
}

.split-section.reverse .split-image {
  order:2
}

.split-section.reverse .split-copy {
  order:1
}

.split-image {
  min-height:620px
}

.split-copy p {
  font-size:1.06rem;
  max-width:610px
}

.split-copy .primary-button {
  display:inline-flex;
  align-items:center;
  margin-top:18px
}


/* ==================== بخش مزایا ==================== */
.benefits {
  padding:125px 48px;
  background:var(--cream)
}

.benefits>h2,.benefits>p,.benefit-grid {
  max-width:1440px;
  margin-left:auto;
  margin-right:auto
}

.benefits>p {
  max-width:1440px;
  margin-bottom:60px
}

.benefit-grid,.benefits>div {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
  max-width:1440px;
  margin:auto
}

.benefit-card,.benefits article {
  border-top:1px solid var(--ink);
  padding-top:26px;
  min-height:230px
}

.benefit-card .number {
  font-size:.8rem;
  color:var(--muted);
  display:block;
  margin-bottom:48px
}


/* ==================== بخش مراحل ==================== */
.steps {
  padding:130px 48px;
  max-width:1440px;
  margin:auto
}

.steps>h2 {
  margin-bottom:65px
}

.step-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px
}

.step-image {
  height:340px;
  margin-bottom:24px
}

.step-card .number {
  font-size:.8rem;
  color:var(--muted);
  display:block;
  margin-bottom:14px
}


/* ==================== بخش ناوگان ==================== */
.fleet {
  background:#141412;
  color:#fff;
  padding:130px 48px;
  overflow:hidden
}

.fleet>h2,.fleet>p,.fleet-grid {
  max-width:1440px;
  margin-left:auto;
  margin-right:auto
}

.fleet>p {
  color:rgba(255,255,255,.65);
  margin-bottom:60px
}

.fleet-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px
}

.fleet-image {
  height:390px;
  background:linear-gradient(135deg,#4b4b46,#23231f);
  border-color:rgba(255,255,255,.25);
  color:#fff;
  margin-bottom:24px
}

.fleet-card p {
  color:rgba(255,255,255,.62)
}

.fleet-grid article p {
  color:rgba(255,255,255,.62)
}

.faq {
  max-width:980px;
  margin:auto;
  padding:130px 48px
}

.faq h2 {
  margin-bottom:55px
}

.accordion {
  border-top:1px solid var(--line)
}

.accordion-item,.accordion article {
  border-bottom:1px solid var(--line)
}

.accordion-button,.accordion article>button {
  width:100%;
  padding:23px 0;
  background:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  text-align:right;
  cursor:pointer;
  font-size:1.1rem;
  font-weight:600
}

.accordion article>p {
  max-height:0;
  overflow:hidden;
  margin:0;
  transition:max-height .35s ease
}

.accordion-button:after {
  content:"+";
  font-size:1.6rem;
  font-weight:400;
  transition:transform .25s
}

.accordion-item.open .accordion-button:after {
  transform:rotate(45deg)
}

.accordion-content {
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease
}

.accordion-content p {
  padding:0 42px 24px 0;
  margin:0
}

.full-feature {
  min-height:720px;
  position:relative;
  color:#fff;
  display:flex;
  align-items:flex-end;
  overflow:hidden
}

.full-image {
  position:absolute;
  inset:0;
  min-height:100%;
  background:linear-gradient(135deg,#555852,#20211e);
  color:#fff;
  border:0
}

.full-feature:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.06))
}

.full-copy,.full-feature>div:not(.full-image) {
  position:relative;
  z-index:2;
  max-width:1440px;
  width:100%;
  margin:auto;
  padding:70px 48px
}

.full-copy p {
  color:rgba(255,255,255,.73);
  max-width:600px
}

.route-band {
  background:var(--blue);
  color:#fff;
  padding:120px 48px;
  text-align:center
}

.route-band p {
  color:rgba(255,255,255,.72);
  max-width:700px;
  margin:0 auto 30px
}

.route-band>div {
  max-width:1050px;
  margin:45px auto 0;
  border-top:1px solid rgba(255,255,255,.35)
}

.route-band>div a {
  display:flex;
  justify-content:space-between;
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.35);
  font-size:1.1rem
}

.business-overview {
  padding:110px 48px;
  background:#10100e;
  color:#fff
}

.business-overview>div {
  max-width:1440px;
  margin:auto
}

.business-overview p {
  color:rgba(255,255,255,.66)
}

.stat-grid {
  max-width:1440px;
  margin:65px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:rgba(255,255,255,.22)
}

.stat {
  background:#10100e;
  padding:38px 26px;
  min-height:170px
}

.stat-grid article {
  background:#10100e;
  padding:38px 26px;
  min-height:170px
}

.stat-grid article b {
  display:block;
  font-size:clamp(2rem,3vw,3.6rem);
  font-weight:500;
  line-height:1.05;
  margin-bottom:18px
}

.stat strong {
  display:block;
  font-size:clamp(2.2rem,4vw,4.5rem);
  font-weight:500;
  line-height:1;
  margin-bottom:18px
}

.stat span {
  color:rgba(255,255,255,.6)
}

.dashboard-section {
  padding:130px 48px;
  background:var(--cream)
}

.dashboard-wrap,.dashboard-section {
  grid-template-columns:.65fr 1.35fr;
  gap:40px;
  align-items:start
}

.dashboard-section {
  display:grid
}

.dashboard-section>header {
  grid-column:1/-1;
  max-width:1440px;
  width:100%;
  margin:auto
}

.dashboard-tabs {
  display:grid;
  margin-top:45px
}

.dashboard-tab {
  padding:20px 0;
  border-top:1px solid var(--line);
  background:none;
  text-align:left;
  cursor:pointer;
  color:var(--muted)
}

.dashboard-tab.active {
  color:var(--ink);
  font-weight:600
}

.dashboard-image {
  min-height:650px
}

.lead-form {
  background:#fff;
  padding:130px 48px
}

.lead-form-wrap,.lead-form {
  grid-template-columns:.8fr 1.2fr;
  gap:90px
}

.lead-form {
  display:grid
}

.lead-form>div,.lead-form>form {
  max-width:650px
}

.lead-form form {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px
}

.lead-form form label {
  display:flex;
  flex-direction:column;
  gap:6px;
  color:var(--muted)
}

.lead-form form input,.lead-form form textarea {
  border:1px solid var(--line);
  padding:14px
}

.lead-form form .wide,.lead-form form>button {
  grid-column:1/-1
}

.form-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px
}

.form-field {
  display:flex;
  flex-direction:column;
  gap:6px
}

.form-field.full {
  grid-column:1/-1
}

.form-field label {
  font-size:.8rem;
  color:var(--muted)
}

.form-field input,.form-field select,.form-field textarea {
  border:1px solid var(--line);
  padding:15px;
  background:#fff;
  outline:none
}

.form-field textarea {
  min-height:130px;
  resize:vertical
}

.form-grid .primary-button {
  grid-column:1/-1;
  margin-top:8px
}

/* Chauffeur partner page */
.page-view[data-page="drivers"] {
  --driver-sky:#aecff3;
  background:#fbf8f2
}


/* ==================== صفحه رانندگان (Drivers) ==================== */
.driver-partner-hero {
  display:block;
  min-height:100svh;
  margin:0;
  border-radius:0 0 16px 16px;
  background:#222;
  isolation:isolate
}

.driver-partner-hero-image {
  position:absolute;
  inset:0;
  min-height:100%;
  border:0;
  background-color:#8fd1f2;
  background-position:center bottom;
  background-repeat:no-repeat;
  background-size:118% auto
}

.driver-partner-shade {
  position:absolute;
  z-index:1;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.06) 32%,rgba(0,0,0,.6))
}

.driver-partner-title {
  position:absolute;
  z-index:2;
  inset:clamp(135px,17svh,175px) 48px auto;
  text-align:center;
  color:#fff;
  text-shadow:0 3px 18px rgba(3,20,43,.9)
}

.driver-partner-title:before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:-38px 14% -32px;
  background:radial-gradient(ellipse at center,rgba(3,30,65,.58) 0%,rgba(3,30,65,.34) 48%,rgba(3,30,65,0) 76%);
  filter:blur(7px);
  pointer-events:none
}

.driver-partner-title h1 {
  max-width:930px;
  margin:0 auto 22px;
  font-family:Georgia,Peyda,serif;
  font-size:clamp(3.2rem,5.2vw,5rem);
  font-weight:400;
  line-height:1.08
}

.driver-partner-title p {
  max-width:820px;
  margin:0 auto;
  color:#ffd98a;
  font-size:clamp(1.15rem,2vw,1.75rem);
  font-weight:700;
  text-shadow:0 2px 12px rgba(3,20,43,.95)
}

.driver-hero-action {
  height:156px;
  padding:0 48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16vw;
  background:#fff
}

.driver-hero-action p {
  margin:0;
  color:var(--ink);
  font-size:1.05rem
}

.driver-blue-button {
  display:inline-flex;
  min-height:48px;
  padding:0 24px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#0876cf;
  color:#fff;
  font-weight:600;
  transition:transform .25s ease,background .25s ease,box-shadow .25s ease
}

.driver-blue-button:hover {
  transform:translateY(-2px);
  background:#0564b0;
  box-shadow:0 10px 24px rgba(8,118,207,.22)
}

.driver-global {
  background:#fff
}

.driver-global-intro {
  min-height:568px;
  padding:110px 48px 90px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  background:var(--driver-sky)
}

.driver-global-intro h2 {
  margin-bottom:30px;
  font-family:Georgia,Peyda,serif;
  font-weight:400;
  font-size:clamp(3.4rem,7.2vw,7.7rem)
}

.driver-global-intro h3 {
  max-width:1180px;
  margin:0;
  font-size:clamp(1.15rem,2vw,1.8rem);
  line-height:1.35;
  font-weight:600
}


/* ----- استیج اصلی رانندگان + موبایل ----- */
.driver-global-stage {
  --driver-stage-progress:0;
  position:relative;
  height:1000px;
  overflow:hidden;
  isolation:isolate
}

.driver-global-backdrop {
  position:absolute;
  inset:0;
  min-height:100%;
  border:0;
  background-position:center;
  background-size:cover;
  transform:scale(calc(1.035 - var(--driver-stage-progress) * .035))
}

.driver-global-dim {
  position:absolute;
  z-index:1;
  inset:0;
  background:rgba(0,0,0,calc(.18 + var(--driver-stage-progress) * .18))
}


/* ----- تصویر موبایل در صفحه رانندگان ----- */
.driver-device {
  position:absolute;
  z-index:3;
  top:13%;
  left:50%;
  width:min(330px,29vw);
  height:750px;
  padding:24px 18px 18px;
  transform:translateX(-50%) translateY(calc((1 - var(--driver-stage-progress)) * 90px));
  border:2px solid rgba(255,255,255,.82);
  border-radius:34px;
  background:rgba(248,248,245,.95);
  box-shadow:0 24px 65px rgba(0,0,0,.28);
  opacity:calc(.45 + var(--driver-stage-progress) * .55)
}

.driver-device:after {
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(17,17,15,.24);
  border-radius:27px;
  pointer-events:none
}

.driver-device.driver-device-image {
  height:auto;
  padding:0;
  border:0;
  background:transparent;
  object-fit:contain;
  display:block
}

.driver-device.driver-device-image:after {
  display:none
}

.driver-device-bar {
  height:32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 12px;
  font-size:.8rem
}

.driver-device-bar i {
  width:48px;
  height:8px;
  border-radius:10px;
  background:#191919
}

.driver-device-title {
  display:flex;
  justify-content:center;
  gap:8px;
  padding:12px 0 16px;
  font-size:1.22rem
}

.driver-device-screen {
  height:625px;
  min-height:0;
  border:0;
  border-radius:18px;
  background-size:cover;
  background-position:center top
}


/* ==================== استایل چهار کارت مزیت صفحه رانندگان ==================== */
.driver-benefit-card {
  position:absolute;
  z-index:4;
  width:min(390px,31vw);
  min-height:215px;
  padding:28px 30px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:16px;
  background:rgba(255,255,255,.94);
  box-shadow:0 14px 42px rgba(0,0,0,.16);
  opacity:var(--driver-stage-progress);
  transform:translateY(calc((1 - var(--driver-stage-progress)) * 70px));
  transition:box-shadow .25s ease
}

.driver-benefit-card:hover {
  box-shadow:0 20px 54px rgba(0,0,0,.24)
}

.driver-benefit-card>span {
  height:43px;
  margin-bottom:17px;
  color:#0876cf;
  font-size:2rem;
  line-height:1
}

.driver-benefit-icon {
  width:48px;
  height:48px;
  margin:0 0 14px;
  display:block;
  object-fit:contain;
  animation:driver-benefit-icon-float 3.2s ease-in-out infinite;
  will-change:transform
}

.card-day .driver-benefit-icon {
  animation-delay:-.8s
}

.card-admin .driver-benefit-icon {
  animation-delay:-1.6s
}

.card-team .driver-benefit-icon {
  animation-delay:-2.4s
}

@keyframes driver-benefit-icon-float {
  0%,100% {
  transform:translateY(0) scale(1)
}

50% {
  transform:translateY(-4px) scale(1.04)
}

}


/* ==================== رسپانسیو (Media Queries) ==================== */
@media (prefers-reduced-motion:reduce) {
  .driver-benefit-icon {
  animation:none
}

}

.driver-benefit-card h3 {
  margin-bottom:10px;
  font-size:1.6rem;
  font-weight:600
}

.driver-benefit-card p {
  max-width:330px;
  margin:0;
  color:var(--ink);
  font-size:1.02rem
}

.card-income {
  top:23%;
  right:3.5%
}

.card-day {
  top:57%;
  right:3.5%
}

.card-admin {
  top:23%;
  left:3.5%
}

.card-team {
  top:57%;
  left:3.5%
}

/* ----- استایل پیام درآمد سفرهای پیوسته ----- */
.driver-quote {
  min-height:680px;
  padding:120px 48px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#fbf8f2;
  text-align:center
}

.driver-quote blockquote {
  max-width:1180px;
  margin:0 auto 34px;
  color:#aecff3;
  font-family:Georgia,Peyda,serif;
  font-size:clamp(2.7rem,4.8vw,5.5rem);
  font-weight:400;
  line-height:1.18;
  letter-spacing:-.035em
}

.driver-quote p {
  margin:0;
  color:var(--muted)
}

.driver-onboarding {
  min-height:930px;
  padding:42px max(48px,calc((100vw - 1440px)/2 + 48px)) 125px;
  background:#fbf8f2
}

.driver-process-tabs {
  position:relative;
  z-index:5;
  width:max-content;
  margin:0 auto 48px;
  padding:6px;
  display:flex;
  gap:2px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  box-shadow:0 3px 14px rgba(0,0,0,.13)
}

.driver-process-tabs button {
  min-width:142px;
  min-height:44px;
  padding:0 20px;
  border-radius:999px;
  background:transparent;
  color:var(--ink);
  font-size:1rem;
  cursor:pointer
}

.driver-process-tabs button.active {
  background:#0876cf;
  color:#fff;
  font-weight:600
}

.driver-process-panel {
  position:relative;
  max-width:1340px;
  height:590px;
  margin:auto;
  overflow:hidden;
  border-radius:16px
}

.driver-process-panel.active {
  display:block;
  animation:driverPanelIn .5s ease both
}

.driver-process-panel[hidden] {
  display:none
}

.driver-process-image {
  position:absolute;
  inset:0;
  min-height:100%;
  border:0;
  background-position:center;
  background-size:cover
}

.driver-process-glass {
  position:absolute;
  right:24px;
  bottom:24px;
  left:24px;
  min-height:190px;
  padding:24px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:35px;
  border:1px solid rgba(255,255,255,.62);
  border-radius:10px;
  background:rgba(11,17,23,.72);
  backdrop-filter:blur(16px);
  color:#fff
}

.driver-process-glass h3 {
  margin-bottom:6px;
  font-size:1.8rem;
  font-weight:600
}

.driver-process-glass ul {
  margin:0;
  padding-right:22px;
  font-size:1rem;
  line-height:1.7
}

.driver-outline-button {
  flex:0 0 auto;
  min-height:44px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.75);
  border-radius:999px;
  color:#fff;
  font-weight:600
}

.driver-slide-dots {
  height:38px;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  gap:9px
}

.driver-slide-dots i {
  width:8px;
  height:8px;
  border-radius:50%;
  background:#d6e5f4
}

.driver-slide-dots i:first-child {
  background:#0876cf
}

@keyframes driverPanelIn {
  from {
  opacity:0;
  transform:translateY(14px)
}

to {
  opacity:1;
  transform:none
}

}

/* ----- استایل پیام درآمد توقف در سفر چندمقصدی ----- */
.driver-sustainable {
  min-height:674px;
  padding:100px max(48px,calc((100vw - 1440px)/2 + 48px));
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:90px;
  align-items:center;
  background:var(--driver-sky);
  color:var(--ink)
}

.driver-sustainable h2 {
  margin:0;
  font-family:Georgia,Peyda,serif;
  font-size:clamp(3.5rem,6.6vw,7.2rem);
  font-weight:400;
  line-height:1.05
}

.driver-sustainable h3 {
  margin:0 0 32px;
  font-size:clamp(1.25rem,2vw,1.8rem);
  line-height:1.48;
  font-weight:600
}

.driver-faq {
  min-height:1039px;
  padding:110px max(30px,calc((100vw - 1440px)/2 + 30px));
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11vw;
  align-items:center;
  background:#fbf8f2
}

.driver-faq-copy h2 {
  margin-bottom:58px;
  font-family:Georgia,Peyda,serif;
  font-weight:400;
  font-size:clamp(3rem,4.6vw,5rem)
}

.driver-faq .accordion article {
  border-bottom:1px solid rgba(17,17,15,.14)
}

.driver-faq .accordion button {
  padding:20px 0;
  font-size:1.03rem;
  font-weight:600
}

.driver-faq .accordion button b {
  font-size:1.1rem;
  font-weight:400
}

.driver-faq .accordion p {
  margin:0;
  padding:0;
  line-height:1.65
}

.driver-faq .accordion article.open p {
  padding-bottom:22px
}

.driver-faq-image {
  min-height:550px;
  border:0;
  border-radius:8px;
  background-position:center
}

@media(min-width:761px) {
  .driver-faq {
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:7vw
}

.driver-faq-image {
  min-height:0;
  aspect-ratio:1/1
}

}

.driver-help {
  min-height:373px;
  padding:0 max(30px,calc((100vw - 1440px)/2 + 30px));
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  background:#fff
}

.driver-help-image {
  min-height:373px;
  border:0
}

.driver-help>div:last-child {
  padding:52px 70px;
  align-self:center
}

.driver-help h2 {
  margin-bottom:14px;
  font-family:Georgia,Peyda,serif;
  font-size:clamp(2.7rem,4vw,4.7rem);
  font-weight:400
}

.driver-help h3 {
  margin-bottom:26px;
  font-size:1.5rem;
  font-weight:600
}

/* Blacklane-inspired home page */
.page-view[data-page="home"] {
  position:relative;
  isolation:isolate;
  background:transparent
}

.header:not(.scrolled):not(.light) .book-now {
  background:#0876cf;
  color:#fff;
  border-color:#0876cf;
  border-radius:999px
}

.header:not(.scrolled):not(.light) .login,.header:not(.scrolled):not(.light) .language {
  border-radius:999px;
  background:rgba(0,0,0,.12);
  backdrop-filter:blur(12px)
}

.home-hero {
  position:sticky;
  top:0;
  z-index:0;
  min-height:100svh;
  align-items:center
}

.home-hero-media {
  animation:homeHeroDrift 16s ease-in-out infinite alternate;
  transform:scale(1.015)
}

.home-hero .hero-shade {
  background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.05) 42%,rgba(0,0,0,.48))
}

.home-hero-center {
  position:relative;
  z-index:3;
  margin:130px auto 175px;
  text-align:center;
  align-self:center
}

.home-hero-center h1 {
  font-size:clamp(3.2rem,5vw,5.8rem);
  font-weight:400;
  font-family:Georgia,Peyda,serif;
  letter-spacing:-.045em;
  margin-bottom:22px;
  text-shadow:0 2px 18px rgba(0,0,0,.24)
}

.home-hero-center .booking-tabs {
  display:inline-flex;
  margin:0;
  padding:5px;
  border:1px solid rgba(255,255,255,.8);
  border-radius:999px;
  background:rgba(8,8,8,.34);
  backdrop-filter:blur(14px)
}

.home-hero-center .booking-tabs button {
  min-width:126px;
  padding:10px 20px;
  color:#fff;
  background:transparent;
  border-radius:999px;
  cursor:pointer;
  transition:background .25s ease,transform .25s ease
}

.home-hero-center .booking-tabs button.active {
  background:#0876cf;
  box-shadow:0 5px 18px rgba(0,0,0,.16)
}

.home-hero .booking {
  right:6%;
  left:6%;
  bottom:28px;
  padding:0 22px;
  background:rgba(20,20,20,.3);
  border:1px solid rgba(255,255,255,.68);
  border-radius:10px;
  color:#fff;
  box-shadow:none;
  backdrop-filter:blur(18px);
  will-change:transform,opacity;
  transform-origin:center bottom
}

.home-hero .booking-form {
  grid-template-columns:1.3fr 1.3fr .8fr .8fr auto;
  gap:0;
  align-items:center
}

.home-hero .booking-form label {
  min-height:94px;
  border:0;
  border-left:1px solid rgba(255,255,255,.6);
  padding:13px 24px;
  background:transparent;
  color:#fff
}

.home-hero .booking-form label:nth-last-of-type(1) {
  border-left:0
}

.home-hero .booking-form label span {
  color:rgba(255,255,255,.88);
  font-size:.9rem;
  margin-bottom:5px
}

.home-hero .booking-form input,.home-hero .booking-form select {
  color:#fff;
  font-size:1rem
}

.home-hero .booking-form input::placeholder {
  color:rgba(255,255,255,.65)
}

.home-hero .booking-form select option {
  color:#111
}

.home-hero .booking-date {
  color-scheme:dark;
  cursor:pointer
}

.home-hero .booking-date::-webkit-calendar-picker-indicator {
  opacity:.9;
  cursor:pointer;
  filter:brightness(0) invert(1)
}

.home-hero .booking-time {
  cursor:pointer
}

.home-hero .booking-form>button {
  min-height:48px;
  margin-right:18px;
  padding:0 26px;
  border-radius:999px;
  background:#0876cf;
  white-space:nowrap
}

.home-hero .destination-field>.destination {
  height:100%;
  padding-left:126px
}

.home-hero .add-destination {
  position:absolute;
  z-index:3;
  left:14px;
  top:50%;
  height:34px;
  padding:0 11px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  transform:translateY(-50%);
  border:1px solid rgba(255,255,255,.72);
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-family:inherit;
  font-size:.76rem;
  white-space:nowrap;
  cursor:pointer;
  transition:background .2s ease,transform .2s ease
}

.home-hero .add-destination b {
  font-size:1.2rem;
  font-weight:400;
  line-height:1
}

.home-hero .add-destination:hover {
  background:#fff;
  color:#0f1c2e;
  transform:translateY(-50%) scale(1.06)
}

.home-hero .add-destination:disabled {
  opacity:.4;
  cursor:not-allowed;
  transform:translateY(-50%)
}

.additional-destinations {
  display:none;
  position:absolute;
  z-index:8;
  right:0;
  bottom:calc(100% + 12px);
  width:min(410px,calc(100vw - 48px));
  padding:10px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:16px;
  background:rgba(15,28,46,.97);
  box-shadow:0 20px 55px rgba(0,0,0,.34);
  backdrop-filter:blur(18px);
  overflow:hidden
}

.additional-destinations.has-items {
  display:block;
  animation:destination-panel-in .22s ease both
}

.destination-panel-head {
  padding:4px 5px 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  color:#fff
}

.destination-panel-head strong {
  font-size:.88rem;
  font-weight:600
}

.destination-panel-head small {
  color:rgba(255,255,255,.68);
  font-size:.74rem
}

.destination-list {
  display:grid;
  gap:7px;
  max-height:290px;
  overflow:auto;
  padding-left:2px;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.4) transparent
}

.destination-extra {
  position:relative
}

.home-hero .destination-extra label {
  min-height:62px;
  padding:8px 14px 8px 45px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:9px;
  background:rgba(255,255,255,.07)
}

.remove-destination {
  position:absolute;
  left:10px;
  top:50%;
  width:27px;
  height:27px;
  transform:translateY(-50%);
  border:1px solid rgba(255,255,255,.5);
  border-radius:50%;
  background:transparent;
  color:#fff;
  font-size:1.1rem;
  cursor:pointer
}

.remove-destination:hover {
  background:#fff;
  color:#0f1c2e
}

@keyframes destination-panel-in {
  from {
  opacity:0;
  transform:translateY(8px)
}

to {
  opacity:1;
  transform:translateY(0)
}

}

@keyframes homeHeroDrift {
  from {
  transform: scale(1.02);
}

to {
  transform: scale(1.055);
}

}



/* ==================== لوگوی شرکای سازمانی ==================== */

/* ==================== بخش پوشش و مزایای ویژه ==================== */

/* ==================== بخش راحتی و امنیت ==================== */

/* ==================== بخش نمایش اپلیکیشن ==================== */

/* ==================== بخش خدمات صفحه اصلی (کاروسل) ==================== */

/* ==================== مارکی متحرک صفحه اصلی ==================== */
.home-marquee,.home-services,.home-app,.home-comfort,.home-excellence,.home-partners {
  position:relative;
  z-index:2
}

.home-marquee {
  overflow:hidden;
  background-color:var(--home-cover-color,#aed0f6);
  border-bottom:1px solid rgba(20,20,20,.08);
  padding:24px 0;
  white-space:nowrap;
  box-shadow:0 -18px 45px rgba(0,0,0,.12);
  transition:background-color .08s linear
}

.home-marquee>div {
  display:flex;
  width:max-content;
  animation:homeMarquee 25s linear infinite
}

.home-marquee span {
  font-family:Georgia,Peyda,serif;
  font-size:clamp(1.45rem,2.2vw,2.7rem);
  padding-inline:55px;
  color:#282824
}

@keyframes homeMarquee {
  to {
  transform:translateX(50%)
}

}

.home-services {
  padding:0 0 84px;
  background-color:var(--home-cover-color,#aed0f6);
  overflow:hidden;
  transition:background-color .08s linear
}

.home-statement {
  min-height:620px;
  padding:120px 48px 90px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center
}

.home-statement h2 {
  max-width:1180px;
  font-family:Georgia,Peyda,serif;
  font-weight:400;
  font-size:clamp(3.7rem,7vw,8.6rem);
  line-height:1.04;
  margin-bottom:28px
}

.home-statement p {
  max-width:850px;
  font-size:clamp(1.1rem,1.8vw,1.65rem);
  color:#555551;
  margin:0
}

.home-service-window {
  max-width:1280px;
  margin:auto;
  overflow:hidden;
  padding:0 12px
}

.home-service-track {
  display:flex;
  gap:36px;
  direction:rtl;
  transition:transform .7s cubic-bezier(.2,.75,.2,1);
  will-change:transform
}


/* ----- کارت‌های خدمات ----- */
.home-service-card {
  flex:0 0 calc(50% - 18px)
}

.home-service-card>.image-slot {
  height:480px;
  border:0;
  border-radius:10px;
  margin-bottom:25px;
  transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .4s ease
}

.home-service-card:hover>.image-slot {
  transform:scale(.985);
  filter:brightness(.92)
}

.home-service-card>span {
  display:block;
  color:#666661;
  font-size:1rem;
  margin-bottom:6px
}

.home-service-card h3 {
  font-size:clamp(1.8rem,2.4vw,2.8rem);
  margin-bottom:9px
}

.home-service-card p {
  max-width:580px;
  font-size:1.05rem;
  margin-bottom:24px;
  color:#33332f
}

.home-service-card a {
  display:inline-flex;
  padding:11px 20px;
  border:1px solid #0876cf;
  border-radius:999px;
  color:#075fa7;
  transition:.25s
}

.home-service-card a:hover {
  background:#0876cf;
  color:#fff;
  transform:translateY(-2px)
}


/* ----- دکمه‌های کاروسل ----- */
.home-carousel-controls {
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:42px
}

.home-carousel-controls button {
  width:52px;
  height:52px;
  border-radius:50%;
  background:#fff;
  color:#222;
  font-size:1.8rem;
  box-shadow:0 2px 18px rgba(0,0,0,.11);
  cursor:pointer;
  transition:.25s
}

.home-carousel-controls button:hover {
  transform:translateY(-3px);
  box-shadow:0 7px 22px rgba(0,0,0,.15)
}

.home-carousel-controls button:disabled {
  opacity:.38;
  cursor:not-allowed;
  transform:none
}

.home-app {
  min-height:720px;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  background:#aed0f6;
  overflow:hidden
}

.home-app-copy {
  padding:110px 50px 80px max(68px,calc((100vw - 1280px)/2));
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start
}

.home-app-copy h2 {
  max-width:560px;
  font-family:Georgia,Peyda,serif;
  font-weight:400;
  font-size:clamp(3.8rem,6vw,7.4rem)
}

.home-app-copy p {
  max-width:440px;
  color:#1d2835;
  font-size:1.2rem
}

.home-store-links {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px
}

.home-store-links a {
  padding:12px 20px;
  border:1px solid #111;
  border-radius:5px;
  background:rgba(255,255,255,.3)
}

.home-app-image {
  align-self:end;
  min-height:630px;
  border:0;
  background-size:contain!important;
  background-position:center bottom!important
}

.home-comfort {
  padding:0 0 55px;
  background:#fff
}

.home-comfort .home-statement {
  min-height:690px
}

.home-comfort-stack {
  max-width:1240px;
  margin:auto;
  padding:0 0 35px
}


/* ----- کارت‌های راحتی ----- */
.home-comfort-card {
  position:sticky;
  top:96px;
  min-height:720px;
  margin-bottom:24px;
  border-radius:14px;
  overflow:hidden;
  background:#1b1b19;
  box-shadow:0 -6px 25px rgba(0,0,0,.07)
}

.home-comfort-card:nth-child(2) {
  top:110px
}

.home-comfort-card:nth-child(3) {
  top:124px
}

.home-comfort-card>.image-slot {
  position:absolute;
  inset:0;
  min-height:100%;
  border:0
}

.home-glass-caption {
  position:absolute;
  z-index:2;
  right:24px;
  left:24px;
  bottom:24px;
  padding:22px 25px;
  border:1px solid rgba(255,255,255,.68);
  border-radius:7px;
  background:rgba(15,15,15,.5);
  color:#fff;
  backdrop-filter:blur(18px)
}

.home-glass-caption h3 {
  font-size:1.8rem;
  margin-bottom:5px
}

.home-glass-caption p {
  margin:0;
  color:rgba(255,255,255,.9);
  font-size:1.08rem
}

.home-excellence {
  padding-bottom:100px;
  background:#f7f4ef
}

.home-excellence .home-statement {
  min-height:600px;
  padding-bottom:70px
}


/* ----- گرید پوشش / توقف رایگان / هزینه ----- */
.home-excellence-grid {
  max-width:1180px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px
}

.home-excellence-grid article {
  min-height:380px;
  padding:36px 30px;
  background:#dbeafa;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  overflow:hidden
}

.home-excellence-grid article:nth-child(2) {
  background:#d3e5f7
}

.home-excellence-grid article:nth-child(3) {
  background:#e3edf7
}

.home-excellence-grid h3 {
  font-size:1.65rem;
  margin-bottom:8px
}

.home-excellence-grid p {
  max-width:285px;
  color:#4a5158;
  font-size:1.02rem
}

.home-icon {
  margin-top:auto;
  font-family:Georgia,serif;
  font-size:7rem;
  line-height:1;
  color:#4f91cf;
  filter:drop-shadow(0 16px 18px rgba(43,98,151,.14));
  transition:transform .6s cubic-bezier(.2,.75,.2,1)
}

.home-excellence-grid article:hover .home-icon {
  transform:translateY(-10px) scale(1.06)
}

.home-partners {
  min-height:430px;
  padding:90px 48px;
  background:#f7f4ef;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center
}

.home-partners h3 {
  font-size:2rem;
  margin-bottom:44px
}

.home-reveal {
  opacity:0;
  transform:translateY(54px);
  transition:opacity 1.05s ease,transform 1.05s cubic-bezier(.2,.75,.2,1)
}

.home-reveal.visible {
  opacity:1;
  transform:none
}

.home-excellence-grid article:nth-child(2) {
  transition-delay:.12s
}

.home-excellence-grid article:nth-child(3) {
  transition-delay:.24s
}

/* Services overview */
.page-view[data-page="services"] {
  position:relative;
  isolation:isolate;
  background:transparent
}


/* ==================== صفحه خدمات (Services Overview) ==================== */
.services-overview-hero {
  position:sticky;
  top:0;
  z-index:0;
  min-height:100svh;
  display:flex;
  align-items:flex-end;
  color:#fff;
  overflow:hidden
}

.services-overview-hero-image {
  position:absolute;
  inset:0;
  min-height:100%;
  border:0;
  animation:homeHeroDrift 18s ease-in-out infinite alternate
}

.services-overview-hero-shade {
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.08) 44%,rgba(0,0,0,.72))
}

.services-overview-hero>div:last-child {
  position:relative;
  z-index:2;
  width:min(1440px,100%);
  margin:auto;
  padding:150px 48px 82px
}

.services-overview-hero span {
  display:block;
  margin-bottom:18px;
  color:rgba(255,255,255,.78)
}

.services-overview-hero h1 {
  max-width:1040px;
  font-family:Georgia,Peyda,serif;
  font-weight:400;
  font-size:clamp(4rem,7vw,8.5rem);
  margin-bottom:25px
}

.services-overview-hero p {
  max-width:650px;
  color:rgba(255,255,255,.82);
  font-size:1.15rem
}


/* ----- CTA نهایی خدمات ----- */

/* ----- ارزش‌های خدمات ----- */

/* ----- کال‌اوت راهکار سازمانی ----- */

/* ----- لیست خدمات ----- */

/* ----- معرفی خدمات ----- */
.services-overview-intro,.services-overview-list,.services-business-callout,.services-overview-values,.services-final-cta {
  position:relative;
  z-index:2
}

.services-overview-intro {
  min-height:690px;
  padding:120px 48px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background-color:#aed0f6;
  box-shadow:0 -18px 45px rgba(0,0,0,.12);
  transition:background-color 1.9s cubic-bezier(.22,.7,.2,1)
}

.page-view[data-page="services"].services-cover-settled .services-overview-intro {
  background-color:#f7f4ef
}

.services-overview-intro>span {
  display:block;
  margin-bottom:22px;
  color:#47657f;
  font-size:.84rem;
  letter-spacing:.08em
}

.services-overview-intro h2 {
  max-width:1200px;
  font-family:Georgia,Peyda,serif;
  font-size:clamp(3.7rem,6.5vw,7.8rem);
  font-weight:400
}

.services-overview-intro p {
  max-width:760px;
  font-size:1.25rem
}

.services-overview-intro>a {
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:38px;
  color:#075fa7;
  font-weight:600
}

.services-overview-intro>a b {
  font-size:1.4rem;
  animation:servicesArrow 1.5s ease-in-out infinite
}

@keyframes servicesArrow {
  50% {
  transform:translateY(7px)
}

}

.services-overview-list {
  background:#fff;
  padding:80px 48px 140px
}

.services-overview-row {
  max-width:1380px;
  margin:0 auto 130px;
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:90px;
  align-items:center
}

.services-overview-row:last-child {
  margin-bottom:0
}

.services-overview-row.reverse>.image-slot {
  order:2
}

.services-overview-row.reverse>div:last-child {
  order:1
}

.services-overview-row>.image-slot {
  min-height:650px;
  border:0;
  border-radius:10px
}

.services-overview-row span,.services-business-callout span,.services-final-cta>span {
  display:block;
  margin-bottom:20px;
  color:var(--muted);
  font-size:.82rem;
  letter-spacing:.08em
}

.services-overview-row h2 {
  font-family:Georgia,Peyda,serif;
  font-weight:400;
  font-size:clamp(3rem,4.8vw,5.8rem)
}

.services-overview-row p {
  font-size:1.08rem;
  max-width:560px
}

.services-business-callout a,.services-final-cta a {
  display:inline-flex;
  margin-top:15px;
  padding:12px 21px;
  border:1px solid #0876cf;
  border-radius:999px;
  color:#075fa7;
  transition:.25s
}

.services-business-callout {
  min-height:690px;
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  background:#aed0f6;
  overflow:hidden
}

.services-business-callout>div:first-child {
  padding:105px max(48px,calc((100vw - 1380px)/2 + 48px));
  padding-left:65px;
  align-self:center
}

.services-business-callout h2 {
  font-family:Georgia,Peyda,serif;
  font-weight:400;
  font-size:clamp(3.5rem,5.6vw,6.8rem)
}

.services-business-callout p {
  max-width:540px;
  color:#26333e;
  font-size:1.1rem
}

.services-business-callout>.image-slot {
  min-height:690px;
  border:0
}

.services-overview-values {
  padding:130px 48px;
  background:#f7f4ef
}

.services-overview-values>header,.services-overview-values>div {
  max-width:1280px;
  margin:auto
}

.services-overview-values>header {
  text-align:center;
  margin-bottom:75px
}

.services-overview-values>header h2 {
  font-family:Georgia,Peyda,serif;
  font-size:clamp(3.2rem,5.2vw,6.3rem);
  font-weight:400
}

.services-overview-values>div {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px
}

.services-overview-values article {
  min-height:350px;
  padding:34px;
  background:#dbeafa;
  display:flex;
  flex-direction:column
}

.services-overview-values article:nth-child(2) {
  background:#d3e5f7
}

.services-overview-values article:nth-child(3) {
  background:#e3edf7
}

.services-overview-values article b {
  color:#527ea9;
  font-size:.82rem;
  margin-bottom:auto
}

.services-overview-values article h3 {
  margin:70px 0 12px
}

.services-overview-values article p {
  margin:0
}

.services-final-cta {
  min-height:570px;
  padding:110px 48px;
  background:#151513;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center
}

.services-final-cta>span {
  color:rgba(255,255,255,.62)
}

.services-final-cta h2 {
  max-width:1100px;
  font-family:Georgia,Peyda,serif;
  font-weight:400;
  font-size:clamp(3.4rem,6vw,7.2rem)
}

.services-final-cta a {
  border-color:#fff;
  color:#fff
}

.services-final-cta a:hover,.services-business-callout a:hover {
  background:#111;
  color:#fff;
  border-color:#111;
  transform:translateY(-2px)
}

.desktop-nav [data-route].current {
  box-shadow:inset 0 -2px currentColor
}

/* استایل‌های صفحه راهنمای بازنشسته حذف شده‌اند تا CSS فقط اجزای فعال را نگه دارد. */
.editorial-hero {
  padding:180px 48px 100px;
  background:#151513;
  color:#fff
}

.editorial-hero>div {
  max-width:1440px;
  margin:auto
}

.editorial-hero>span,.editorial-hero>h1 {
  display:block;
  max-width:1440px;
  margin-left:auto;
  margin-right:auto
}

.editorial-hero p {
  color:rgba(255,255,255,.63);
  max-width:600px
}

.post-grid {
  max-width:1440px;
  margin:auto;
  padding:0 48px 140px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:42px 24px
}

.post-image {
  height:310px;
  margin-bottom:20px
}

.post-card .meta {
  font-size:.78rem;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em
}

.site-footer,.footer {
  background:var(--cream);
  padding:80px 48px 34px
}

.footer-head {
  max-width:1440px;
  margin:0 auto 65px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:30px;
  border-bottom:1px solid var(--line)
}

.back-top {
  background:none;
  border:1px solid var(--line);
  padding:12px 17px;
  cursor:pointer
}


/* ----- ستون‌های فوتر ----- */
.footer-columns {
  max-width:1440px;
  margin:auto;
  display:grid;
  grid-template-columns:1.3fr repeat(4,1fr);
  gap:35px
}

.footer-brand p {
  max-width:260px
}

.footer-column h4 {
  font-size:.88rem;
  margin-bottom:18px
}

.footer-column a {
  display:block;
  color:var(--muted);
  margin:9px 0;
  font-size:.92rem
}

.footer-columns>div>span {
  display:block;
  font-weight:600;
  margin-bottom:18px
}

.footer-columns>div>a {
  display:block;
  color:var(--muted);
  margin:9px 0;
  font-size:.92rem
}

/* متن‌های ارتباطی فوتر در همه نمایش‌ها قابل انتخاب و کپی‌اند، اما دیگر رفتار لینک ندارند. */
.footer-columns>div>.footer-copyable {
  display:block;
  width:max-content;
  max-width:100%;
  color:var(--muted);
  margin:9px 0;
  font-size:.92rem;
  user-select:text;
  cursor:text
}

/* آدرس طولانی شعبه برای خوانایی در فوتر، در عرض ستون خودش با فاصله خطوط مناسب می‌شکند. */
.footer-columns>div>.footer-copyable.footer-address {
  width:auto;
  line-height:1.85
}

/* سه آیکون ارتباطی فوتر: یک تلفن برای دو شماره، یک ایمیل و یک نشانی؛ چیدمان در موبایل نیز فشرده و خواناست. */
.footer-contact-item {
  display:flex;
  align-items:flex-start;
  gap:7px;
  margin:9px 0;
  color:var(--muted)
}

.footer-contact-item svg {
  flex:0 0 24px;
  width:24px;
  height:24px;
  margin-top:2px;
  fill:none;
  stroke:#f9a400;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}

.footer-contact-item .footer-copyable {
  display:block;
  max-width:100%;
  margin:0 0 7px;
  font-size:.92rem;
  user-select:text;
  cursor:text
}

.footer-contact-item .footer-copyable:last-child {
  margin-bottom:0
}

.footer-contact-item.footer-address .footer-copyable {
  line-height:1.85
}

.footer-badges {
  display:flex;
  gap:10px;
  flex-wrap:wrap
}

.footer-columns .footer-badge {
  width:86px;
  height:98px;
  margin:0;
  display:grid;
  place-items:center;
  padding:8px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  color:var(--ink);
  text-align:center;
  font-size:.76rem;
  line-height:1.65;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease
}

/* تصویر نماد رسمی داخل قاب فوتر بدون کشیدگی و با اندازه مناسب دسکتاپ و موبایل نمایش داده می‌شود. */
.footer-columns .footer-badge img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain
}

.footer-columns .footer-badge:hover {
  transform:translateY(-3px);
  border-color:#f9a400;
  box-shadow:0 8px 22px rgba(15,28,46,.12)
}

.footer-socials {
  display:flex;
  gap:9px;
  margin-top:22px
}

.footer-columns .footer-socials a {
  width:40px;
  height:40px;
  margin:0;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:50%;
  color:var(--ink);
  transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease
}

.footer-socials svg {
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round
}

.footer-socials .social-dot {
  fill:currentColor;
  stroke:none
}

.footer-columns .footer-socials .driver-social-only {
  display:none
}

/* لینک‌های اجتماعی سازمانی در صفحه رانندگان نمایش داده نمی‌شوند؛ شبکه‌های مخصوص رانندگان مستقل باقی می‌مانند. */
body.drivers-route .footer-socials .social-linkedin,
body.drivers-route .footer-socials .social-instagram {
  display:none
}

body.drivers-route .footer-socials .driver-social-only {
  display:grid
}

/*
  راهنما: آیکون‌های «بله» و «تلگرام» در فوتر صفحه رانندگان
  کاربرد: فایل‌های PNG این دو شبکه سفید هستند؛ این فیلتر آن‌ها را در حالت عادی به زرد صفحه رانندگان تبدیل می‌کند تا روی فوتر مشکی کاملاً دیده شوند.
  حالت hover: با زرد شدن پس‌زمینه دکمه، آیکون‌ها مشکی می‌شوند تا کنتراست و خوانایی حفظ شود.
*/
.driver-social-only img {
  width:20px;
  height:20px;
  display:block;
  object-fit:contain;
  filter:brightness(0) saturate(100%)
}

body.drivers-route .driver-social-only img {
  filter:brightness(0) saturate(100%) invert(66%) sepia(100%) saturate(1793%) hue-rotate(1deg) brightness(103%) contrast(102%)
}

body.drivers-route .driver-social-only:hover img {
  filter:brightness(0) saturate(100%)
}

.footer-columns .footer-socials a:hover {
  transform:translateY(-3px);
  background:var(--ink);
  border-color:var(--ink);
  color:#fff
}

.footer-column a:hover {
  color:var(--ink)
}


/* ----- پایین فوتر ----- */
.footer-bottom {
  max-width:1440px;
  margin:70px auto 0;
  padding-top:24px;
  border-top:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  color:var(--muted);
  font-size:.82rem
}

.reveal-section {
  opacity:0;
  transform:translateY(35px);
  transition:opacity .75s ease,transform .75s ease
}

.reveal-section.visible {
  opacity:1;
  transform:none
}

.desktop-nav a.current {
  box-shadow:inset 0 -2px currentColor
}

/* Global Peyda typography and a more balanced page scale */
h1,h2,h3,.driver-quote blockquote,.home-marquee span {
  font-family:Peyda,Arial,sans-serif!important
}

.hero:not(.home-hero):not(.driver-partner-hero) {
  min-height:680px
}

.inner-hero {
  min-height:620px
}

.hero-content {
  padding-top:120px;
  padding-bottom:62px
}

.inner-title {
  padding-top:120px;
  padding-bottom:66px
}

.section-intro {
  padding-top:100px;
  padding-bottom:50px
}

.experience-section {
  padding-top:115px;
  padding-bottom:145px
}

.experience-card {
  min-height:620px;
  margin-bottom:72px
}

.experience-image {
  min-height:620px
}

.excellence,.split-section,.benefits,.steps,.fleet,.faq,.dashboard-section,.lead-form {
  padding-top:105px;
  padding-bottom:105px
}

.split-image {
  min-height:550px
}

.full-feature {
  min-height:650px
}

.route-band {
  padding-top:100px;
  padding-bottom:100px
}

.editorial-hero {
  padding-top:145px;
  padding-bottom:80px
}

.driver-partner-title h1 {
  font-size:clamp(3rem,4.6vw,4.4rem)
}

.driver-global-intro {
  min-height:510px;
  padding-top:90px;
  padding-bottom:78px
}

.driver-global-intro h2 {
  font-size:clamp(3.1rem,6.1vw,6.4rem)
}

.driver-quote {
  min-height:600px;
  padding-top:100px;
  padding-bottom:100px
}

.driver-quote blockquote {
  font-size:clamp(2.5rem,4.1vw,4.6rem)
}

.driver-onboarding {
  min-height:840px;
  padding-bottom:105px
}

.driver-sustainable {
  min-height:600px;
  padding-top:85px;
  padding-bottom:85px
}

.driver-sustainable h2 {
  font-size:clamp(3.1rem,5.5vw,5.8rem)
}

.driver-faq {
  min-height:900px;
  padding-top:90px;
  padding-bottom:90px
}

.driver-faq-copy h2 {
  font-size:clamp(2.8rem,4vw,4.2rem)
}

.driver-help h2 {
  font-size:clamp(2.5rem,3.5vw,4rem)
}

.home-hero-center h1 {
  font-size:clamp(3rem,4.4vw,5rem)
}

.home-marquee span {
  font-size:clamp(1.3rem,1.9vw,2.25rem)
}

.home-statement {
  min-height:560px;
  padding-top:100px;
  padding-bottom:76px
}

.home-statement h2 {
  font-size:clamp(3.2rem,5.9vw,6.7rem)
}

.home-app {
  min-height:650px
}

.home-app-copy {
  padding-top:90px;
  padding-bottom:70px
}

.home-app-copy h2 {
  font-size:clamp(3.2rem,5.1vw,5.8rem)
}

.home-app-image {
  min-height:570px
}

.home-comfort .home-statement {
  min-height:610px
}

.home-comfort-card {
  min-height:650px
}

.home-excellence .home-statement {
  min-height:540px
}

.home-excellence-grid article {
  min-height:330px
}

.home-partners {
  min-height:380px;
  padding-top:75px;
  padding-bottom:75px
}

.services-overview-hero h1 {
  font-size:clamp(3.5rem,5.9vw,6.8rem)
}

.services-overview-intro {
  min-height:610px;
  padding-top:100px;
  padding-bottom:100px
}

.services-overview-intro h2 {
  font-size:clamp(3.2rem,5.5vw,6.2rem)
}

.services-overview-list {
  padding-bottom:115px
}

.services-overview-row>.image-slot {
  min-height:580px
}

.services-overview-row h2 {
  font-size:clamp(2.7rem,4.2vw,4.8rem)
}

.services-business-callout {
  min-height:610px
}

.services-business-callout h2 {
  font-size:clamp(3rem,4.8vw,5.5rem)
}

.services-business-callout>.image-slot {
  min-height:610px
}

.services-overview-values {
  padding-top:105px;
  padding-bottom:105px
}

.services-overview-values>header h2 {
  font-size:clamp(2.9rem,4.5vw,5.2rem)
}

.services-overview-values article {
  min-height:310px
}

.services-final-cta {
  min-height:500px;
  padding-top:90px;
  padding-bottom:90px
}

.services-final-cta h2 {
  font-size:clamp(3rem,5vw,5.8rem)
}

/* Kasbi navy and yellow theme — all routes except chauffeurs */
.page-view:not([data-page="drivers"]) {
  --blue:#0f1c2e;
  --blue-dark:#031e41;
  --lime:#f9a400;
  --brand-navy:#0f1c2e;
  --brand-navy-deep:#031e41;
  --brand-yellow:#f9a400;
  --brand-yellow-text:#9a6400
}

body:not(.drivers-route) .header:not(.scrolled):not(.light) .book-now,
body:not(.drivers-route) .header.scrolled .book-now,
body:not(.drivers-route) .header.light .book-now {
  background:#f9a400;
  color:#0f1c2e;
  border-color:#f9a400
}

body.drivers-route .header-actions .login {
  display:none
}

body:not(.drivers-route) .header.scrolled,
body:not(.drivers-route) .header.light {
  background:rgba(15,28,46,.97);
  color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.13)
}

body:not(.drivers-route) .header.scrolled .language,
body:not(.drivers-route) .header.scrolled .login,
body:not(.drivers-route) .header.light .language,
body:not(.drivers-route) .header.light .login {
  border-color:rgba(255,255,255,.28)
}

body:not(.drivers-route) .dropdown-panel {
  border-top:3px solid #f9a400
}

body:not(.drivers-route) .dropdown-links a:hover {
  background:rgba(249,164,0,.13)
}

body:not(.drivers-route) .desktop-nav [data-route].current {
  box-shadow:inset 0 -2px #f9a400
}

body:not(.drivers-route) .mobile-menu {
  background:#0f1c2e;
  color:#fff
}

body:not(.drivers-route) .mobile-menu nav a {
  border-color:rgba(255,255,255,.16)
}

body:not(.drivers-route) .mobile-menu .logo-mark {
  color:#f9a400;
  border-color:#f9a400
}

body.drivers-route .header.scrolled .logo-image,
body.drivers-route .header.light .logo-image,
body.drivers-route .mobile-menu .logo-image,
body.drivers-route .footer .logo-image {
  filter:brightness(0)
}

body:not(.drivers-route) .footer {
  background:#0f1c2e;
  color:#fff
}

/* متن‌های قابل‌کپی ارتباط در فوتر باید دقیقاً همان رنگ خوانای لینک‌های قبلی را داشته باشند. */
body:not(.drivers-route) .footer p,
body:not(.drivers-route) .footer a,
body:not(.drivers-route) .footer .footer-copyable,
body:not(.drivers-route) .footer-bottom {
  color:rgba(255,255,255,.7)
}

body:not(.drivers-route) .footer-head,
body:not(.drivers-route) .footer-bottom {
  border-color:rgba(255,255,255,.18)
}

body:not(.drivers-route) .back-top {
  border-color:#f9a400;
  color:#f9a400
}

body:not(.drivers-route) .footer-columns .footer-badge {
  background:#fff;
  color:#0f1c2e;
  border-color:rgba(255,255,255,.28)
}

body:not(.drivers-route) .footer-columns .footer-socials a {
  color:#f9a400;
  border-color:rgba(249,164,0,.65)
}

body:not(.drivers-route) .footer-columns .footer-socials a:hover {
  background:#f9a400;
  border-color:#f9a400;
  color:#0f1c2e
}

.page-view:not([data-page="drivers"]) .primary-button,
.page-view:not([data-page="drivers"]) .booking-submit,
.page-view:not([data-page="drivers"]) .booking-form>button,
.page-view:not([data-page="drivers"]) .lead-form form>button {
  background:#f9a400;
  color:#0f1c2e
}

.page-view:not([data-page="drivers"]) .primary-button:hover,
.page-view:not([data-page="drivers"]) .booking-submit:hover {
  background:#e49200;
  color:#0f1c2e
}

.page-view:not([data-page="drivers"]) .partner-banner {
  background:#f9a400;
  color:#0f1c2e
}

.page-view:not([data-page="drivers"]) .route-band,
.page-view:not([data-page="drivers"]) .app-banner {
  background:#0f1c2e
}

.page-view:not([data-page="drivers"]) .business-overview,
.page-view:not([data-page="drivers"]) .stat-grid article,
.page-view:not([data-page="drivers"]) .fleet,
.page-view:not([data-page="drivers"]) .editorial-hero,
.page-view:not([data-page="drivers"]) .experience-section {
  background:#0f1c2e
}

.page-view:not([data-page="drivers"]) .experience-card {
  background:#172941
}

.page-view:not([data-page="drivers"]) .experience-card:nth-child(2) {
  background:#1d324e
}

.page-view:not([data-page="drivers"]) .experience-card:nth-child(3) {
  background:#243b59
}

.page-view:not([data-page="drivers"]) .benefits article b,
.page-view:not([data-page="drivers"]) .steps article>b,
.page-view:not([data-page="drivers"]) .stat-grid article b {
  color:#f9a400
}

.page-view:not([data-page="drivers"]) .split-section a {
  color:#0f1c2e;
  border-bottom:2px solid #f9a400
}

.page-view:not([data-page="drivers"]) .inner-title>span,
.page-view:not([data-page="drivers"]) .hero-eyebrow,
.page-view:not([data-page="drivers"]) .business-overview>div>span,
.page-view:not([data-page="drivers"]) .route-band header>span,
.page-view:not([data-page="drivers"]) .fleet header>span,
.page-view:not([data-page="drivers"]) .editorial-hero>span {
  color:#f9a400
}

.page-view:not([data-page="drivers"]) .split-section>div>span,
.page-view:not([data-page="drivers"]) section>header>span,
.page-view:not([data-page="drivers"]) .lead-form>div>span,
.page-view:not([data-page="drivers"]) .post-grid article>span {
  color:var(--brand-yellow-text);
  font-weight:600
}

.page-view:not([data-page="drivers"]) .benefits article>b,
.page-view:not([data-page="drivers"]) .steps article>b {
  color:var(--brand-yellow-text);
  font-weight:700
}

.page-view:not([data-page="drivers"]) .app-image {
  background:linear-gradient(135deg,#243b59,#031e41);
  color:#fff
}

.page-view:not([data-page="drivers"]) .carousel-buttons button {
  background:#0f1c2e;
  color:#fff;
  border-color:#0f1c2e
}

.page-view:not([data-page="drivers"]) .carousel-buttons button:hover {
  background:#f9a400;
  color:#0f1c2e;
  border-color:#f9a400
}

.page-view:not([data-page="drivers"]) .accordion article>button b,
.page-view:not([data-page="drivers"]) .accordion-button:after {
  color:var(--brand-yellow-text)
}

.page-view:not([data-page="drivers"]) .dashboard-tab.active {
  color:#0f1c2e;
  border-top-color:#f9a400
}

.page-view:not([data-page="drivers"]) .lead-form input:focus,
.page-view:not([data-page="drivers"]) .lead-form textarea:focus,
.page-view:not([data-page="drivers"]) .form-field input:focus,
.page-view:not([data-page="drivers"]) .form-field select:focus,
.page-view:not([data-page="drivers"]) .form-field textarea:focus {
  outline:2px solid rgba(249,164,0,.34);
  border-color:#f9a400
}

.page-view:not([data-page="drivers"]) .editorial-hero {
  background:#0f1c2e
}

.page-view[data-page="home"] .home-hero-center .booking-tabs button.active,
.page-view[data-page="home"] .home-hero .booking-form>button {
  background:#f9a400;
  color:#0f1c2e
}

.page-view[data-page="home"] .home-marquee,
.page-view[data-page="home"] .home-services {
  background-color:var(--home-cover-color,#0f1c2e)
}

.page-view[data-page="home"] .home-marquee span,
.page-view[data-page="home"] .home-services .home-statement h2,
.page-view[data-page="home"] .home-services .home-statement p {
  color:var(--home-cover-ink,#fff)
}

.page-view[data-page="home"] .home-service-card a {
  border-color:#0f1c2e;
  color:#0f1c2e
}

.page-view[data-page="home"] .home-service-card a:hover {
  background:#0f1c2e;
  color:#fff
}

.page-view[data-page="home"] .home-app {
  background:#0f1c2e;
  color:#fff
}

.page-view[data-page="home"] .home-app-copy p {
  color:rgba(255,255,255,.74)
}

.page-view[data-page="home"] .home-store-links a {
  border-color:#f9a400;
  background:#f9a400;
  color:#0f1c2e
}

.page-view[data-page="home"] .home-excellence-grid article {
  background:#0f1c2e;
  color:#fff
}

.page-view[data-page="home"] .home-excellence-grid article:nth-child(2) {
  background:#1a2c45
}

.page-view[data-page="home"] .home-excellence-grid article:nth-child(3) {
  background:#f9a400;
  color:#0f1c2e
}

.page-view[data-page="home"] .home-excellence-grid article:not(:nth-child(3)) p {
  color:rgba(255,255,255,.72)
}

.page-view[data-page="home"] .home-excellence-grid article:nth-child(3) p {
  color:#344052
}

.page-view[data-page="home"] .home-icon {
  color:#f9a400;
  filter:drop-shadow(0 16px 18px rgba(249,164,0,.2))
}

.page-view[data-page="home"] .home-excellence-grid article:nth-child(3) .home-icon {
  color:#0f1c2e
}

.page-view[data-page="services"] .services-overview-intro {
  background-color:#0f1c2e;
  color:#fff;
  transition:background-color 1.9s cubic-bezier(.22,.7,.2,1),color 1.4s ease
}

.page-view[data-page="services"] .services-overview-intro>span,
.page-view[data-page="services"] .services-overview-intro p {
  color:rgba(255,255,255,.7)
}

.page-view[data-page="services"] .services-overview-intro>a {
  color:#f9a400
}

.page-view[data-page="services"].services-cover-settled .services-overview-intro {
  background-color:#f7f4ef;
  color:#0f1c2e
}

.page-view[data-page="services"].services-cover-settled .services-overview-intro>span,
.page-view[data-page="services"].services-cover-settled .services-overview-intro p {
  color:#59616d
}

.page-view[data-page="services"].services-cover-settled .services-overview-intro>a {
  color:#0f1c2e
}

.page-view[data-page="services"] .services-business-callout {
  background:#0f1c2e;
  color:#fff
}

.page-view[data-page="services"] .services-business-callout span,
.page-view[data-page="services"] .services-business-callout p {
  color:rgba(255,255,255,.72)
}

.page-view[data-page="services"] .services-business-callout a {
  border-color:#f9a400;
  background:#f9a400;
  color:#0f1c2e
}

.page-view[data-page="services"] .services-overview-values article {
  background:#0f1c2e;
  color:#fff
}

.page-view[data-page="services"] .services-overview-values article:nth-child(2) {
  background:#1a2c45
}

.page-view[data-page="services"] .services-overview-values article:nth-child(3) {
  background:#f9a400;
  color:#0f1c2e
}

.page-view[data-page="services"] .services-overview-values article:not(:nth-child(3)) p {
  color:rgba(255,255,255,.7)
}

.page-view[data-page="services"] .services-overview-values article b {
  color:#f9a400
}

.page-view[data-page="services"] .services-overview-values article:nth-child(3) b {
  color:#0f1c2e
}

.page-view[data-page="services"] .services-final-cta {
  background:#0f1c2e
}

.page-view[data-page="services"] .services-final-cta a {
  border-color:#f9a400;
  background:#f9a400;
  color:#0f1c2e
}

@media(max-width:1100px) {
  .desktop-nav {
  display:none
}

.menu-toggle {
  display:block
}

.header-actions .language,.header-actions .login {
  display:none
}

.booking-form {
  grid-template-columns:1fr 1fr
}

.booking-submit {
  grid-column:1/-1
}

.experience-card {
  grid-template-columns:1fr;
  position:relative!important;
  top:auto!important
}

.experience-image {
  min-height:460px
}

.experience-copy {
  min-height:360px
}

.benefit-grid,.benefits>div,.step-grid,.fleet-grid,.post-grid {
  grid-template-columns:repeat(2,1fr)
}

.excellence-grid {
  grid-template-columns:1fr 1fr
}

.footer-columns {
  grid-template-columns:1fr 1fr 1fr
}

.footer-brand {
  grid-column:1/-1
}

.driver-device {
  width:31vw
}

.driver-benefit-card {
  width:30vw;
  padding-inline:20px
}

.driver-faq {
  gap:6vw
}

.driver-help>div:last-child {
  padding-inline:45px
}

.home-hero .booking-form {
  grid-template-columns:1fr 1fr
}

.home-hero .booking-form label {
  border-bottom:1px solid rgba(255,255,255,.4)
}

.home-hero .booking-form>button {
  grid-column:1/-1;
  margin:12px 0 18px
}

.home-service-window {
  padding:0 34px
}

.home-app {
  grid-template-columns:1fr 1.15fr
}

.home-comfort-stack {
  padding-inline:34px
}

.services-overview-row {
  gap:50px
}

.services-overview-row>.image-slot {
  min-height:540px
}

.services-business-callout {
  grid-template-columns:1fr 1fr
}

}

@media(max-width:760px) {
  :root {
  --header-h:66px
}

h1 {
  font-size:clamp(2.55rem,13vw,4.4rem)
}

h2 {
  font-size:clamp(2.1rem,10vw,3.5rem)
}

.site-header,.header {
  padding:0 18px
}

.logo {
  min-width:0;
  font-size:1.25rem
}



/* ==================== هیرو عمومی ==================== */
.hero,.inner-hero {
  min-height:720px
}

.home-hero {
  min-height:820px
}

.hero-content {
  padding:120px 20px 35px
}

.hero-title,.inner-title {
  padding:120px 20px 430px
}

.inner-title {
  padding-bottom:55px
}

.booking {
  padding:10px;
  right:20px;
  left:20px;
  bottom:28px
}

.booking-form,.booking-form:has(.destination-field.is-hidden) {
  grid-template-columns:1fr
}

.booking-submit {
  grid-column:auto
}

.booking-tabs {
  overflow:auto
}

.section-intro,.excellence-title {
  padding:85px 20px 38px;
  grid-template-columns:1fr;
  gap:22px
}

.services-section {
  padding-bottom:90px
}

.horizontal-window,[dir="rtl"] .horizontal-window {
  padding-left:20px;
  padding-right:20px
}

.service-card {
  flex-basis:84vw
}

.service-image {
  height:390px
}

.carousel-buttons {
  padding:0 20px
}

.app-banner {
  grid-template-columns:1fr
}

.app-copy {
  padding:75px 20px
}

.app-image {
  min-height:380px
}

.experience-section {
  padding:90px 0
}

.experience-title {
  padding:0 20px 50px
}

.experience-stack {
  padding:0 20px
}

.experience-card {
  margin-bottom:28px;
  min-height:auto
}

.experience-copy {
  padding:32px;
  min-height:330px
}

.experience-image {
  min-height:400px
}

.excellence,.benefits,.fleet,.steps,.dashboard-section,.lead-form {
  padding:85px 20px
}

.excellence-grid,.benefit-grid,.benefits>div,.step-grid,.fleet-grid,.post-grid {
  grid-template-columns:1fr
}

.excellence-item {
  min-height:210px
}

.partner-banner {
  padding:70px 20px;
  grid-template-columns:1fr
}

.partner-logo {
  margin:0
}

.split-section {
  padding:85px 20px;
  grid-template-columns:1fr;
  gap:34px
}

.split-section.reverse .split-image,.split-section.reverse .split-copy {
  order:initial
}

.split-image {
  min-height:440px
}

.step-image,.fleet-image {
  height:360px
}

.faq {
  padding:85px 20px
}

.full-feature {
  min-height:650px
}

.full-copy {
  padding:45px 20px
}

.route-band {
  padding:85px 20px
}

.business-overview {
  padding:85px 20px
}

.stat-grid {
  grid-template-columns:1fr 1fr
}

.dashboard-wrap,.dashboard-section,.lead-form-wrap,.lead-form {
  grid-template-columns:1fr;
  gap:45px
}

.dashboard-section>header {
  grid-column:auto
}

.dashboard-image {
  min-height:430px
}

.form-grid,.lead-form form {
  grid-template-columns:1fr
}

.form-field.full,.form-grid .primary-button,.lead-form form .wide,.lead-form form>button {
  grid-column:auto
}

.editorial-hero {
  padding:135px 20px 70px
}

.post-grid {
  padding:0 20px 100px
}

.site-footer,.footer {
  padding:60px 20px 28px
}

.footer-head {
  margin-bottom:45px
}

.footer-columns {
  grid-template-columns:1fr 1fr
}

/* نسخه موبایل سه گروه ارتباطی: آیکون‌ها کوچک می‌مانند و متن در ستون فوتر به‌درستی می‌شکند. */
.footer-contact-item {
  gap:6px
}

.footer-contact-item svg {
  flex-basis:20px;
  width:20px;
  height:20px
}

.footer-contact-item .footer-copyable {
  font-size:.86rem
}

.footer-brand {
  grid-column:1/-1
}

.footer-trust {
  grid-column:1/-1
}

.footer-bottom {
  display:block
}

.footer-bottom span {
  display:block;
  margin-top:8px
}

.driver-partner-hero {
  min-height:780px;
  border-radius:0 0 11px 11px
}

.driver-partner-title {
  inset:clamp(105px,14svh,135px) 20px auto
}

.driver-partner-title h1 {
  font-size:clamp(2.75rem,12vw,4.5rem)
}

.driver-partner-title p {
  font-size:1.05rem
}

.driver-hero-action {
  height:auto;
  min-height:150px;
  padding:28px 20px;
  flex-direction:column;
  gap:18px;
  text-align:center
}

.driver-global-intro {
  min-height:500px;
  padding:80px 20px 70px
}

.driver-global-intro h2 {
  font-size:clamp(3rem,13vw,5rem)
}

.driver-global-intro h3 {
  font-size:1.05rem
}

.driver-global-stage {
  height:1220px
}

.driver-global-backdrop {
  background-position:center
}

.driver-device {
  top:22%;
  width:min(290px,76vw);
  height:610px;
  padding:20px 15px 15px
}

.driver-device-screen {
  height:500px
}

.driver-benefit-card {
  width:calc(50% - 26px);
  min-height:205px;
  padding:22px 15px
}

.driver-benefit-card h3 {
  font-size:1.25rem
}

.driver-benefit-card p {
  font-size:.92rem
}

.card-income {
  top:2%;
  right:18px
}

.card-admin {
  top:2%;
  left:18px
}

.card-day {
  top:auto;
  right:18px;
  bottom:2%
}

.card-team {
  top:auto;
  left:18px;
  bottom:2%
}

.driver-quote {
  min-height:570px;
  padding:85px 20px
}

.driver-quote blockquote {
  font-size:clamp(2.4rem,10vw,4rem)
}

.driver-onboarding {
  min-height:auto;
  padding:36px 18px 80px
}

.driver-process-tabs {
  margin-bottom:30px
}

.driver-process-tabs button {
  min-width:132px;
  padding-inline:14px
}

.driver-process-panel {
  height:600px
}

.driver-process-glass {
  right:12px;
  bottom:12px;
  left:12px;
  padding:22px;
  align-items:flex-start;
  flex-direction:column;
  gap:20px
}

.driver-process-glass h3 {
  font-size:1.5rem
}

.driver-process-glass ul {
  font-size:.93rem
}

.driver-outline-button {
  align-self:stretch;
  justify-content:center
}

.driver-sustainable {
  min-height:620px;
  padding:80px 20px;
  grid-template-columns:1fr;
  gap:35px
}

.driver-sustainable h2 {
  font-size:clamp(3rem,13vw,5rem)
}

.driver-faq {
  min-height:auto;
  padding:85px 20px;
  grid-template-columns:1fr;
  gap:48px
}

.driver-faq-copy h2 {
  margin-bottom:38px
}

.driver-faq-image {
  min-height:430px
}

.driver-help {
  min-height:auto;
  padding:0;
  grid-template-columns:1fr
}

.driver-help-image {
  min-height:380px;
  order:2
}

.driver-help>div:last-child {
  padding:70px 20px
}

.driver-help h2 {
  font-size:clamp(2.7rem,12vw,4.4rem)
}

.home-hero {
  min-height:860px
}

.home-hero-center {
  margin:105px 20px 390px
}

.home-hero-center h1 {
  font-size:3rem
}

.home-hero-center .booking-tabs button {
  min-width:112px;
  padding-inline:14px
}

.home-hero .booking {
  right:18px;
  left:18px;
  bottom:22px;
  padding:7px 14px
}

.home-hero .booking-form {
  grid-template-columns:1fr
}

.home-hero .booking-form label {
  min-height:65px;
  padding:8px 7px;
  border-left:0;
  border-bottom:1px solid rgba(255,255,255,.35)
}

.home-hero .destination-extra label {
  padding:8px 12px 8px 46px
}

.home-hero .booking-form>button {
  grid-column:auto;
  margin:10px 0 6px
}

.home-marquee {
  padding:18px 0
}

.home-marquee span {
  padding-inline:28px
}

.home-statement {
  min-height:500px;
  padding:85px 20px 65px
}

.home-statement h2 {
  font-size:clamp(3rem,14vw,5.1rem)
}

.home-service-window {
  padding:0 20px
}

.home-service-track {
  gap:18px
}

.home-service-card {
  flex-basis:100%
}

.home-service-card>.image-slot {
  height:390px
}

.home-carousel-controls {
  margin-top:32px
}

.home-app {
  grid-template-columns:1fr;
  min-height:auto
}

.home-app-copy {
  padding:85px 20px 50px
}

.home-app-copy h2 {
  font-size:clamp(3.3rem,14vw,5.4rem)
}

.home-app-image {
  min-height:440px
}

.home-comfort .home-statement {
  min-height:540px
}

.home-comfort-stack {
  padding-inline:18px
}

.home-comfort-card,.home-comfort-card:nth-child(2),.home-comfort-card:nth-child(3) {
  position:relative;
  top:auto;
  min-height:560px;
  margin-bottom:14px
}

.home-glass-caption {
  right:12px;
  left:12px;
  bottom:12px;
  padding:18px
}

.home-glass-caption h3 {
  font-size:1.45rem
}

.home-glass-caption p {
  font-size:.96rem
}

.home-excellence {
  padding-bottom:70px
}

.home-excellence .home-statement {
  min-height:520px
}

.home-excellence-grid {
  grid-template-columns:1fr;
  padding:0 20px;
  gap:14px
}

.home-excellence-grid article {
  min-height:330px
}

.home-partners {
  min-height:360px;
  padding:70px 20px
}

.services-overview-hero {
  min-height:720px
}

.services-overview-hero>div:last-child {
  padding:130px 20px 60px
}

.services-overview-hero h1 {
  font-size:clamp(3.2rem,14vw,5.5rem)
}

.services-overview-intro {
  min-height:520px;
  padding:85px 20px
}

.services-overview-intro h2 {
  font-size:clamp(3rem,13vw,5rem)
}

.services-overview-list {
  padding:70px 20px 90px
}

.services-overview-row,.services-overview-row.reverse {
  grid-template-columns:1fr;
  gap:35px;
  margin-bottom:90px
}

.services-overview-row.reverse>.image-slot,.services-overview-row.reverse>div:last-child {
  order:initial
}

.services-overview-row>.image-slot {
  min-height:430px
}

.services-overview-row h2 {
  font-size:clamp(2.8rem,12vw,4.6rem)
}

.services-business-callout {
  grid-template-columns:1fr
}

.services-business-callout>div:first-child {
  padding:80px 20px 55px
}

.services-business-callout>.image-slot {
  min-height:450px
}

.services-overview-values {
  padding:90px 20px
}

.services-overview-values>header {
  margin-bottom:45px
}

.services-overview-values>div {
  grid-template-columns:1fr
}

.services-overview-values article {
  min-height:290px
}

.services-final-cta {
  min-height:500px;
  padding:85px 20px
}

h1 {
  font-size:clamp(2.35rem,10.5vw,3.75rem)
}

h2 {
  font-size:clamp(1.95rem,8.5vw,3.05rem)
}

h3 {
  font-size:clamp(1.3rem,6vw,1.85rem)
}

.hero,.inner-hero {
  min-height:650px
}

.hero-content {
  padding-top:105px
}

.hero-title,.inner-title {
  padding-top:105px
}

.inner-title {
  padding-bottom:48px
}

.section-intro,.excellence-title {
  padding-top:72px
}

.excellence,.benefits,.fleet,.steps,.dashboard-section,.lead-form,.split-section,.faq {
  padding-top:72px;
  padding-bottom:72px
}

.full-feature {
  min-height:580px
}

.route-band {
  padding-top:72px;
  padding-bottom:72px
}

.driver-partner-hero {
  min-height:700px
}

.driver-partner-title h1 {
  font-size:clamp(2.45rem,10.5vw,3.7rem)
}

.driver-global-intro {
  min-height:440px;
  padding-top:68px;
  padding-bottom:60px
}

.driver-global-intro h2 {
  font-size:clamp(2.65rem,11vw,4.1rem)
}

.driver-quote {
  min-height:500px;
  padding-top:72px;
  padding-bottom:72px
}

.driver-quote blockquote {
  font-size:clamp(2.15rem,8.8vw,3.35rem)
}

.driver-sustainable {
  min-height:540px;
  padding-top:70px;
  padding-bottom:70px
}

.driver-sustainable h2 {
  font-size:clamp(2.6rem,10.8vw,4rem)
}

.driver-faq {
  padding-top:72px;
  padding-bottom:72px
}

.driver-faq-copy h2,.driver-help h2 {
  font-size:clamp(2.35rem,9.5vw,3.6rem)
}

.home-hero-center h1 {
  font-size:2.65rem
}

.home-statement {
  min-height:450px;
  padding-top:72px;
  padding-bottom:58px
}

.home-statement h2 {
  font-size:clamp(2.55rem,11vw,4.2rem)
}

.home-app-copy {
  padding-top:72px
}

.home-app-copy h2 {
  font-size:clamp(2.75rem,11.5vw,4.35rem)
}

.home-comfort .home-statement {
  min-height:470px
}

.home-comfort-card,.home-comfort-card:nth-child(2),.home-comfort-card:nth-child(3) {
  min-height:510px
}

.home-excellence .home-statement {
  min-height:460px
}

.home-excellence-grid article {
  min-height:290px
}

.home-partners {
  min-height:320px;
  padding-top:60px;
  padding-bottom:60px
}

.services-overview-hero {
  min-height:650px
}

.services-overview-hero>div:last-child {
  padding-top:110px
}

.services-overview-hero h1 {
  font-size:clamp(2.75rem,11.5vw,4.5rem)
}

.services-overview-intro {
  min-height:460px;
  padding-top:72px;
  padding-bottom:72px
}

.services-overview-intro h2 {
  font-size:clamp(2.6rem,10.8vw,4.1rem)
}

.services-overview-row h2 {
  font-size:clamp(2.35rem,9.8vw,3.8rem)
}

.services-business-callout h2 {
  font-size:clamp(2.5rem,10.5vw,4rem)
}

.services-overview-values>header h2 {
  font-size:clamp(2.45rem,10vw,3.85rem)
}

.services-final-cta {
  min-height:450px;
  padding-top:72px;
  padding-bottom:72px
}

.services-final-cta h2 {
  font-size:clamp(2.55rem,10.5vw,4rem)
}

}

/* Premium refinement layer — structure and approved interactions stay intact */
:root {
  --radius:14px;
  --premium-radius:12px;
  --premium-surface:#f7f6f2;
  --premium-line:rgba(15,28,46,.11);
  --premium-shadow:0 14px 38px rgba(15,28,46,.065);
  --premium-shadow-hover:0 20px 48px rgba(15,28,46,.1)
}

body {
  background:#fbfaf7;
  line-height:1.7
}

h1,h2,h3 {
  text-wrap:balance;
  letter-spacing:-.025em
}

h1 {
  font-size:clamp(2.8rem,4.6vw,5rem)
}

h2 {
  font-size:clamp(2.05rem,3.35vw,3.9rem)
}

h3 {
  font-size:clamp(1.3rem,1.65vw,1.8rem)
}

p {
  line-height:1.78
}

::selection {
  background:#f9a400;
  color:#0f1c2e
}

a,button,input,select,textarea {
  -webkit-tap-highlight-color:transparent
}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:3px solid rgba(249,164,0,.48);
  outline-offset:3px
}

.header {
  height:72px;
  padding-inline:clamp(28px,4vw,64px);
  gap:4px;
  background:linear-gradient(180deg,rgba(3,10,18,.5),rgba(3,10,18,.12) 70%,transparent);
  border-bottom:1px solid transparent;
  isolation:isolate;
  transition:background .45s ease,color .3s ease,border-color .3s ease,box-shadow .35s ease,backdrop-filter .35s ease
}

body:not(.drivers-route) .header.scrolled,body:not(.drivers-route) .header.light {
  background:rgba(15,28,46,.88);
  color:#fff;
  border-bottom-color:rgba(255,255,255,.12);
  box-shadow:0 12px 38px rgba(3,13,27,.14);
  backdrop-filter:blur(22px) saturate(135%)
}

body.drivers-route .header.scrolled,body.drivers-route .header.light {
  background:rgba(255,255,255,.9);
  border-bottom-color:rgba(15,28,46,.1);
  box-shadow:0 12px 38px rgba(15,28,46,.09);
  backdrop-filter:blur(22px) saturate(130%)
}

.header>.logo {
  min-width:116px
}

.header>.logo .logo-image {
  height:46px;
  max-width:88px
}

.desktop-nav {
  height:100%;
  gap:0;
  margin-inline-start:18px
}

.nav-dropdown {
  height:100%;
  display:flex;
  align-items:center
}

.nav-link,.nav-trigger,.desktop-nav>a,.nav-dropdown>button,.nav-dropdown>.nav-parent-link {
  position:relative;
  height:100%;
  padding:0 12px;
  font-size:.88rem;
  font-weight:500;
  opacity:.82;
  transition:opacity .25s ease,color .25s ease
}

.nav-link:hover,.nav-trigger:hover,.desktop-nav>a:hover,.nav-dropdown>button:hover,.nav-dropdown>.nav-parent-link:hover {
  opacity:1
}

.desktop-nav>a:after,.nav-dropdown>.nav-parent-link:after {
  content:"";
  position:absolute;
  right:12px;
  bottom:13px;
  left:12px;
  height:1.5px;
  background:#f9a400;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .25s ease
}

.desktop-nav [data-route].current {
  box-shadow:none!important;
  opacity:1
}

.desktop-nav [data-route].current:after,.desktop-nav>a:hover:after,.nav-dropdown>.nav-parent-link:hover:after {
  transform:scaleX(1)
}

.dropdown-panel {
  top:calc(100% - 4px);
  width:min(630px,calc(100vw - 48px));
  border:1px solid rgba(15,28,46,.09);
  border-top:2px solid #f9a400!important;
  border-radius:10px;
  padding:20px;
  box-shadow:0 28px 75px rgba(3,13,27,.19)
}

.dropdown-feature,.dropdown-feature .image-slot {
  border-radius:8px;
  overflow:hidden
}

.dropdown-links a {
  border-radius:6px
}

/* منوی کشویی خدمات: نسخه‌ای جمع‌وجور و یک‌ستونه برای دو مسیر اصلی، بدون فضای خالی و کارت اضافه. */
.nav-dropdown .dropdown-panel {
  top:calc(100% + 2px);
  width:min(330px,calc(100vw - 40px));
  padding:8px;
  display:block;
  border-radius:14px;
  box-shadow:0 20px 48px rgba(3,13,27,.18);
  transform:translateY(6px)
}

.nav-dropdown .dropdown-links {
  display:grid;
  grid-template-columns:1fr;
  gap:3px
}

.nav-dropdown .dropdown-links a {
  position:relative;
  display:flex;
  align-items:center;
  min-height:48px;
  padding:12px 16px;
  border-radius:10px;
  color:var(--ink);
  font-size:.91rem;
  font-weight:600;
  transition:background .2s ease,color .2s ease,transform .2s ease
}

.nav-dropdown .dropdown-links a:before {
  content:"";
  width:6px;
  height:6px;
  margin-inline-end:10px;
  border-radius:50%;
  background:#f9a400;
  box-shadow:0 0 0 4px rgba(249,164,0,.12)
}

.nav-dropdown .dropdown-links a:hover {
  background:rgba(249,164,0,.12);
  color:var(--ink);
  transform:translateX(-2px)
}

/* پس از کلیک روی گزینه خدمات، حالت hover یا focus دیگر منوی کشویی را روی صفحه مقصد باز نگه نمی‌دارد. */
.nav-dropdown.dropdown-dismissed .dropdown-panel,
.nav-dropdown.dropdown-dismissed:hover .dropdown-panel,
.nav-dropdown.dropdown-dismissed:focus-within .dropdown-panel {
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transform:translateY(6px)
}

.header-actions {
  gap:12px
}

.header .login {
  position:relative;
  height:42px;
  padding:0 4px;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  color:inherit;
  font-size:.86rem;
  font-weight:500;
  opacity:.84;
  transition:opacity .25s ease
}

.header .login:after {
  content:"";
  position:absolute;
  right:4px;
  bottom:7px;
  left:4px;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transition:transform .25s ease
}

.header .login:hover {
  opacity:1;
  transform:none
}

.header .login:hover:after {
  transform:scaleX(1)
}

.header .book-now {
  height:42px;
  padding:0 20px;
  border-radius:999px;
  font-size:.84rem;
  font-weight:600;
  white-space:nowrap;
  box-shadow:0 9px 24px rgba(0,0,0,.12);
  transition:transform .25s ease,background .25s ease,box-shadow .25s ease
}

.header .book-now:hover {
  transform:translateY(-2px);
  box-shadow:0 13px 30px rgba(0,0,0,.17)
}

.menu-toggle {
  width:42px;
  height:42px;
  padding:8px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%
}

body.drivers-route .header.scrolled .menu-toggle,body.drivers-route .header.light .menu-toggle {
  border-color:rgba(15,28,46,.14)
}

.mobile-menu {
  box-shadow:-24px 0 70px rgba(8,19,34,.22)
}

.hero:not(.home-hero):not(.driver-partner-hero) {
  min-height:610px
}

.hero:not(.home-hero):not(.driver-partner-hero) .hero-shade {
  background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.08) 34%,rgba(0,0,0,.76))
}

.inner-title,.hero-content {
  width:min(1280px,100%)
}

.inner-title h1,.hero-content h1 {
  max-width:920px
}

.inner-title p,.hero-copy {
  font-size:1.08rem;
  line-height:1.8
}

.primary-button,.secondary-button,.lead-form form>button,.booking-submit {
  border-radius:999px;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease
}

.primary-button:hover,.secondary-button:hover,.lead-form form>button:hover {
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(15,28,46,.16)
}

.section-intro,.excellence-title,.experience-title,.experience-stack,.steps,.split-section {
  max-width:1280px
}

.section-intro {
  padding-top:88px;
  padding-bottom:44px
}

.excellence,.split-section,.benefits,.steps,.fleet,.faq,.dashboard-section,.lead-form {
  padding-top:88px;
  padding-bottom:88px
}

.experience-section {
  padding-top:96px;
  padding-bottom:120px
}

.experience-card {
  min-height:570px;
  margin-bottom:60px
}

.experience-image {
  min-height:570px
}

.section-intro {
  gap:clamp(42px,6vw,82px)
}

.section-intro p,.excellence-title p {
  max-width:540px
}

.split-section {
  gap:clamp(48px,6vw,82px)
}

.split-section>div:not(.image-slot) {
  max-width:570px
}

.split-image,.dashboard-image,.driver-faq-image {
  border-radius:var(--premium-radius);
  box-shadow:var(--premium-shadow);
  overflow:hidden
}

.split-image {
  min-height:500px
}

.benefits {
  background:var(--premium-surface)
}

.benefits>header,.benefits>h2,.benefits>p,.benefits>div {
  max-width:1280px;
  margin-left:auto;
  margin-right:auto
}

.benefits>header {
  margin-bottom:54px
}

.benefit-grid,.benefits>div {
  gap:18px
}

.benefit-card,.benefits article {
  min-height:250px;
  padding:30px;
  border:1px solid var(--premium-line);
  border-top:2px solid #f9a400;
  border-radius:10px;
  background:rgba(255,255,255,.82);
  box-shadow:none;
  transition:transform .35s ease,box-shadow .35s ease
}

.benefit-card:hover,.benefits article:hover {
  transform:translateY(-3px);
  box-shadow:var(--premium-shadow)
}

.steps>header {
  margin-bottom:54px
}

.step-grid {
  gap:20px
}

.step-grid article {
  padding:14px 14px 26px;
  border:1px solid var(--premium-line);
  border-radius:11px;
  background:#fff;
  box-shadow:none;
  overflow:hidden;
  transition:transform .35s ease,box-shadow .35s ease
}

.step-grid article:hover {
  transform:translateY(-3px);
  box-shadow:var(--premium-shadow)
}

.step-image {
  border-radius:7px;
  margin-bottom:24px
}

.fleet-grid {
  max-width:1280px;
  gap:18px
}

.fleet-grid article {
  padding:14px 14px 26px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:11px;
  background:rgba(255,255,255,.035)
}

.fleet-image {
  border-radius:7px;
  overflow:hidden
}

.faq {
  max-width:920px
}

.accordion {
  display:grid;
  gap:10px;
  border-top:0
}

.accordion-item,.accordion article {
  padding:0 20px;
  border:1px solid var(--premium-line);
  border-radius:9px;
  background:#fff;
  box-shadow:none;
  overflow:hidden
}

.accordion-button,.accordion article>button {
  padding:22px 0
}

.route-band>div {
  max-width:920px
}

.route-band {
  padding-top:88px;
  padding-bottom:88px
}

.route-band>div a {
  padding:20px 4px;
  transition:padding .25s ease,color .25s ease
}

.route-band>div a:hover {
  padding-inline:12px;
  color:#f9a400
}

.stat-grid {
  max-width:1280px;
  gap:12px;
  background:transparent
}

.stat,.stat-grid article {
  border:1px solid rgba(255,255,255,.13);
  border-radius:9px;
  background:rgba(255,255,255,.035)
}

.dashboard-section {
  grid-template-columns:minmax(260px,350px) minmax(0,850px);
  justify-content:center;
  gap:34px
}

.dashboard-section>header {
  max-width:1234px
}

.dashboard-tabs {
  padding:8px 18px;
  border:1px solid var(--premium-line);
  border-radius:10px;
  background:#fff;
  box-shadow:none
}

.dashboard-tab {
  text-align:right;
  transition:color .25s ease,padding .25s ease
}

.dashboard-tab.active {
  padding-right:10px
}

.lead-form {
  grid-template-columns:minmax(280px,410px) minmax(0,700px);
  justify-content:center;
  align-items:start;
  gap:clamp(48px,7vw,100px);
  background:var(--premium-surface)
}

.lead-form>form {
  max-width:700px;
  padding:30px;
  border:1px solid var(--premium-line);
  border-radius:12px;
  background:#fff;
  box-shadow:var(--premium-shadow)
}

.lead-form form input,.lead-form form textarea,.form-field input,.form-field select,.form-field textarea {
  border-color:var(--premium-line);
  border-radius:10px;
  background:#fbfaf8;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease
}

.lead-form form input:focus,.lead-form form textarea:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus {
  background:#fff;
  box-shadow:0 0 0 4px rgba(249,164,0,.11)
}

.editorial-hero {
  padding-top:128px;
  padding-bottom:70px
}

.post-grid {
  max-width:1280px;
  gap:44px 22px
}

.post-image {
  border-radius:10px;
  overflow:hidden;
  box-shadow:none
}

.home-hero-center h1 {
  font-size:clamp(2.9rem,4.25vw,4.65rem)
}

.home-statement {
  min-height:490px;
  padding-top:88px;
  padding-bottom:66px
}

.home-statement h2 {
  max-width:980px;
  font-size:clamp(2.8rem,4.75vw,5rem)
}

.home-statement p {
  max-width:760px;
  font-size:clamp(1.05rem,1.4vw,1.35rem)
}

.home-service-card>.image-slot {
  border-radius:11px;
  box-shadow:none
}

.home-service-card>.image-slot {
  height:430px
}

.home-service-card h3 {
  font-size:clamp(1.65rem,2.15vw,2.45rem)
}

.home-store-links a {
  border-radius:999px;
  transition:transform .25s ease,box-shadow .25s ease
}

.home-store-links a:hover {
  transform:translateY(-3px);
  box-shadow:0 12px 26px rgba(15,28,46,.15)
}

.home-app {
  min-height:580px
}

.home-app-copy {
  padding-top:78px;
  padding-bottom:64px
}

.home-app-copy h2 {
  font-size:clamp(2.8rem,4.45vw,4.75rem)
}

.home-app-image {
  min-height:520px
}

.home-comfort .home-statement {
  min-height:520px
}

.home-comfort-card {
  border-radius:14px;
  box-shadow:0 16px 44px rgba(15,28,46,.08)
}

.home-comfort-card {
  min-height:610px
}

.home-glass-caption {
  border-radius:9px;
  padding:25px 28px;
  background:rgba(8,16,27,.62);
  box-shadow:0 14px 40px rgba(0,0,0,.15)
}

.home-excellence-grid {
  gap:18px
}

.home-excellence .home-statement {
  min-height:470px
}

.home-excellence-grid article {
  min-height:300px
}

.home-excellence-grid article {
  border:1px solid rgba(15,28,46,.08);
  border-radius:10px;
  box-shadow:none;
  transition:transform .4s ease,box-shadow .4s ease
}

.home-excellence-grid article:hover {
  transform:translateY(-3px);
  box-shadow:var(--premium-shadow)
}

.services-overview-row {
  max-width:1280px;
  gap:clamp(50px,6vw,86px)
}

.services-overview-hero h1 {
  font-size:clamp(3.15rem,5vw,5.5rem)
}

.services-overview-intro {
  min-height:540px;
  padding-top:88px;
  padding-bottom:88px
}

.services-overview-intro h2 {
  font-size:clamp(2.8rem,4.55vw,4.8rem)
}

.services-overview-list {
  padding-top:72px;
  padding-bottom:100px
}

.services-overview-row {
  margin-bottom:105px
}

.services-overview-row>.image-slot {
  border-radius:11px;
  box-shadow:none
}

.services-overview-row>.image-slot {
  min-height:520px
}

.services-overview-row h2 {
  font-size:clamp(2.45rem,3.75vw,4.15rem)
}

.services-overview-row>div:last-child {
  max-width:550px
}

.services-overview-values>header,.services-overview-values>div {
  max-width:1180px
}

.services-overview-values {
  padding-top:88px;
  padding-bottom:88px
}

.services-overview-values>header h2 {
  font-size:clamp(2.6rem,4vw,4.4rem)
}

.services-overview-values article {
  border:1px solid rgba(15,28,46,.08);
  border-radius:10px;
  box-shadow:none
}

.services-business-callout>div:first-child {
  max-width:680px
}

.services-business-callout,.services-business-callout>.image-slot {
  min-height:560px
}

.services-business-callout h2 {
  font-size:clamp(2.7rem,4.15vw,4.55rem)
}

.services-final-cta {
  min-height:450px;
  padding-top:80px;
  padding-bottom:80px
}

.services-final-cta h2 {
  font-size:clamp(2.7rem,4.3vw,4.75rem)
}

.driver-partner-hero {
  border-radius:0 0 18px 18px
}

.driver-partner-title h1 {
  font-size:clamp(2.8rem,4.2vw,4.15rem)
}

.driver-benefit-card {
  border:1px solid rgba(15,28,46,.08);
  border-radius:16px;
  box-shadow:var(--premium-shadow)
}

.driver-process-tabs {
  box-shadow:0 12px 34px rgba(15,28,46,.11)
}

.driver-process-panel {
  border-radius:16px;
  box-shadow:var(--premium-shadow)
}

.driver-process-glass {
  border-radius:10px;
  padding:28px;
  background:rgba(8,16,27,.72)
}

.driver-device {
  box-shadow:0 28px 75px rgba(0,0,0,.3)
}

.driver-global-intro {
  min-height:470px;
  padding-top:82px;
  padding-bottom:68px
}

.driver-global-intro h2 {
  font-size:clamp(2.9rem,5.15vw,5.35rem)
}

.driver-quote {
  min-height:530px;
  padding-top:82px;
  padding-bottom:82px
}

.driver-quote blockquote {
  font-size:clamp(2.3rem,3.65vw,3.95rem)
}

.driver-onboarding {
  min-height:780px;
  padding-bottom:90px
}

.driver-sustainable {
  min-height:550px;
  padding-top:78px;
  padding-bottom:78px
}

.driver-sustainable h2 {
  font-size:clamp(2.8rem,4.65vw,4.8rem)
}

.driver-faq {
  min-height:780px;
  padding-top:82px;
  padding-bottom:82px
}

.driver-faq-copy h2 {
  font-size:clamp(2.55rem,3.65vw,3.75rem)
}

.driver-help h2 {
  font-size:clamp(2.35rem,3.1vw,3.45rem)
}

.driver-faq .accordion article {
  border:1px solid rgba(15,28,46,.11);
  border-radius:14px;
  padding-inline:20px
}

.footer {
  padding-top:72px
}

.footer-head,.footer-columns,.footer-bottom {
  max-width:1280px
}

.back-top {
  border-radius:999px;
  transition:transform .25s ease,background .25s ease,color .25s ease
}

.back-top:hover {
  transform:translateY(-3px)
}

.footer-column a,.footer-columns>div>a {
  transition:color .2s ease,transform .2s ease
}

.footer-column a:hover,.footer-columns>div>a:hover {
  transform:translateX(-3px)
}

.footer-columns .footer-badge {
  border-radius:12px
}

/* v50 — tighter Blacklane-inspired editorial rhythm */
.page-view:not([data-page="drivers"]) .home-statement {
  min-height:360px;
  padding-top:64px;
  padding-bottom:42px;
}

.page-view:not([data-page="drivers"]) .home-statement h2 {
  width:min(1320px,100%);
  max-width:1320px;
  margin-bottom:16px;
  font-size:clamp(2.65rem,4vw,4.5rem);
  line-height:1.12;
  letter-spacing:-.025em;
}

.page-view:not([data-page="drivers"]) .home-statement p {
  max-width:820px;
  font-size:clamp(1rem,1.22vw,1.22rem);
  line-height:1.7;
}

.page-view[data-page="home"] .home-services .home-statement {
  min-height:380px;
}

.page-view[data-page="home"] .home-comfort .home-statement {
  min-height:370px;
}

.page-view[data-page="home"] .home-excellence .home-statement {
  min-height:300px;
  padding-top:48px;
  padding-bottom:30px;
}

.page-view[data-page="home"] .home-excellence-grid {
  margin-top:0;
}

.page-view[data-page="home"] .home-comfort {
  padding-bottom:18px;
}

.page-view[data-page="home"] .home-comfort-stack {
  padding-bottom:8px;
}

.page-view:not([data-page="drivers"]) section>header h2,
.page-view:not([data-page="drivers"]) .section-intro h2,
.page-view:not([data-page="drivers"]) .excellence-title h2 {
  max-width:1040px;
  margin-bottom:14px;
  font-size:clamp(2.35rem,3.65vw,4rem);
  line-height:1.14;
  letter-spacing:-.025em;
}

.page-view:not([data-page="drivers"]) section>header p,
.page-view:not([data-page="drivers"]) .section-intro p,
.page-view:not([data-page="drivers"]) .excellence-title p {
  max-width:680px;
  margin-top:0;
  margin-bottom:0;
  line-height:1.72;
}

.page-view:not([data-page="drivers"]) .section-intro {
  padding-top:68px;
  padding-bottom:26px;
}

.page-view:not([data-page="drivers"]) .benefits>header,
.page-view:not([data-page="drivers"]) .steps>header {
  margin-bottom:30px;
}

.page-view:not([data-page="drivers"]) .split-section h2,
.page-view:not([data-page="drivers"]) .services-overview-row h2,
.page-view:not([data-page="drivers"]) .services-business-callout h2 {
  margin-bottom:16px;
  line-height:1.14;
  letter-spacing:-.025em;
}

.page-view:not([data-page="drivers"]) .split-section p,
.page-view:not([data-page="drivers"]) .services-overview-row p,
.page-view:not([data-page="drivers"]) .services-business-callout p {
  line-height:1.75;
}

.page-view[data-page="services"] .services-overview-intro {
  min-height:410px;
  padding-top:62px;
  padding-bottom:52px;
}

.page-view[data-page="services"] .services-overview-intro h2 {
  max-width:1120px;
  margin-bottom:16px;
  font-size:clamp(2.6rem,4vw,4.25rem);
  line-height:1.13;
}

.page-view[data-page="services"] .services-overview-intro>span {
  margin-bottom:14px;
}

.page-view[data-page="services"] .services-overview-intro>a {
  margin-top:22px;
}

.page-view:not([data-page="drivers"]) .services-overview-list {
  padding-top:54px;
  padding-bottom:76px;
}

.page-view:not([data-page="drivers"]) .services-overview-row {
  margin-bottom:74px;
}

.page-view:not([data-page="drivers"]) .services-final-cta {
  min-height:400px;
  padding-top:68px;
  padding-bottom:68px;
}

@media(max-width:1100px) {
  .dashboard-section,.lead-form {
  grid-template-columns:1fr;
  justify-items:stretch
}

.dashboard-section>header,.dashboard-tabs,.dashboard-image,.lead-form>div,.lead-form>form {
  width:100%;
  max-width:820px;
  margin-inline:auto
}

.benefit-grid,.benefits>div,.step-grid,.fleet-grid {
  gap:16px
}

}

@media(max-width:760px) {
  body {
  line-height:1.65
}

h1 {
  font-size:clamp(2.25rem,9.8vw,3.35rem)
}

h2 {
  font-size:clamp(1.9rem,8vw,2.75rem)
}

h3 {
  font-size:clamp(1.25rem,5.4vw,1.7rem)
}

p {
  line-height:1.72
}

.header {
  height:66px;
  padding-inline:16px;
  background:linear-gradient(180deg,rgba(3,10,18,.55),transparent)
}

.header>.logo {
  min-width:74px
}

.header>.logo .logo-image {
  height:42px;
  max-width:76px
}

.header-actions {
  gap:7px
}

.header .book-now {
  height:38px;
  padding-inline:13px;
  font-size:.74rem
}

.menu-toggle {
  width:38px;
  height:38px;
  padding:7px
}

.hero:not(.home-hero):not(.driver-partner-hero) {
  min-height:580px
}

.inner-title,.hero-content {
  padding-inline:20px
}

.section-intro,.excellence,.benefits,.fleet,.steps,.dashboard-section,.lead-form,.split-section,.faq {
  padding-top:64px;
  padding-bottom:64px
}

.benefit-card,.benefits article,.step-grid article,.fleet-grid article {
  border-radius:10px
}

.benefit-card,.benefits article {
  min-height:auto;
  padding:24px
}

.step-grid article {
  padding:14px 14px 24px
}

.split-image,.dashboard-image,.driver-faq-image {
  border-radius:10px
}

.lead-form>form {
  padding:20px;
  border-radius:10px
}

.accordion-item,.accordion article {
  padding-inline:16px;
  border-radius:8px
}

.home-service-card>.image-slot,.home-comfort-card {
  border-radius:10px
}

.home-statement {
  min-height:410px;
  padding-top:64px;
  padding-bottom:52px
}

.home-statement h2 {
  font-size:clamp(2.35rem,10vw,3.65rem)
}

.home-statement p {
  font-size:1rem
}

.home-service-card>.image-slot {
  height:350px
}

.home-app-copy {
  padding-top:64px;
  padding-bottom:45px
}

.home-app-copy h2 {
  font-size:clamp(2.45rem,10.2vw,3.75rem)
}

.home-app-image {
  min-height:390px
}

.home-comfort .home-statement,.home-excellence .home-statement {
  min-height:410px
}

.home-comfort-card {
  min-height:480px
}

.home-excellence-grid article {
  min-height:270px
}

.home-glass-caption {
  border-radius:8px;
  padding:20px
}

.home-excellence-grid article {
  border-radius:10px
}

.services-overview-row>.image-slot,.services-overview-values article {
  border-radius:10px
}

.services-overview-hero h1 {
  font-size:clamp(2.55rem,10.8vw,4rem)
}

.services-overview-intro {
  min-height:420px;
  padding-top:64px;
  padding-bottom:64px
}

.services-overview-intro h2 {
  font-size:clamp(2.35rem,9.8vw,3.6rem)
}

.services-overview-list {
  padding-top:60px;
  padding-bottom:72px
}

.services-overview-row {
  margin-bottom:72px
}

.services-overview-row>.image-slot {
  min-height:380px
}

.services-overview-row h2 {
  font-size:clamp(2.15rem,9vw,3.25rem)
}

.services-business-callout,.services-business-callout>.image-slot {
  min-height:420px
}

.services-business-callout h2 {
  font-size:clamp(2.3rem,9.6vw,3.5rem)
}

.services-final-cta {
  min-height:400px;
  padding-top:64px;
  padding-bottom:64px
}

.services-final-cta h2 {
  font-size:clamp(2.35rem,9.8vw,3.55rem)
}

.driver-partner-hero {
  border-radius:0 0 14px 14px
}

.driver-process-panel {
  border-radius:12px
}

.driver-process-glass {
  border-radius:9px;
  padding:22px
}

.driver-partner-title h1 {
  font-size:clamp(2.35rem,9.8vw,3.4rem)
}

.driver-global-intro {
  min-height:410px;
  padding-top:62px;
  padding-bottom:56px
}

.driver-global-intro h2 {
  font-size:clamp(2.45rem,10.2vw,3.75rem)
}

.driver-quote {
  min-height:450px;
  padding-top:64px;
  padding-bottom:64px
}

.driver-quote blockquote {
  font-size:clamp(2rem,8.2vw,3rem)
}

.driver-sustainable {
  min-height:500px;
  padding-top:64px;
  padding-bottom:64px
}

.driver-sustainable h2 {
  font-size:clamp(2.35rem,9.8vw,3.6rem)
}

}

@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto
}

*,*:before,*:after {
  animation-duration:.01ms!important;
  transition-duration:.01ms!important
}

.reveal-section {
  opacity:1;
  transform:none
}

}

/* Home contact forms - isolated section */


/* ==================== فرم‌های تماس (راننده + سازمانی) ==================== */
.home-contact-forms {
  position:relative;
  z-index:2;
  padding:40px 40px 110px;
  background:#fff
}

.contact-statement {
  min-height:auto;
  padding:80px 20px 55px
}

.contact-kicker {
  display:inline-flex;
  border:1px solid #f9a400;
  color:#031e41;
  border-radius:999px;
  padding:10px 28px;
  margin-bottom:28px;
  font-size:1rem
}

.contact-statement h2 {
  font-family:Peyda,Arial,sans-serif;
  font-size:clamp(2.2rem,4vw,4.5rem);
  color:#031e41
}

.contact-statement p {
  font-family:Peyda,Arial,sans-serif
}

.contact-forms-grid {
  max-width:1250px;
  margin:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:42px;
  direction:rtl
}


/* ----- کارت‌های فرم ----- */
.contact-form-card {
  border-radius:28px;
  padding:44px 38px;
  text-align:center;
  box-shadow:0 20px 55px rgba(3,30,65,.12)
}

.company-form-card {
  background:#031e41;
  color:#fff
}

.driver-form-card {
  background:#f9a400;
  color:#031e41
}

.contact-icon {
  width:58px;
  height:58px;
  border-radius:50%;
  background:rgba(255,255,255,.98);
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 25px;
  box-shadow:0 8px 24px rgba(0,0,0,.12)
}

.contact-icon svg {
  width:34px;
  height:34px;
  fill:none;
  stroke:#f9a400;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round
}

.driver-form-card .contact-icon svg {
  stroke:#031e41
}

.company-form-card .contact-icon svg {
  stroke:#031e41
}

.contact-form-card h3 {
  font-family:Peyda,Arial,sans-serif;
  font-size:2rem;
  margin-bottom:15px
}

.contact-form-card p {
  font-family:Peyda,Arial,sans-serif;
  font-size:1.1rem;
  margin-bottom:32px
}

.kasbi-contact-form {
  display:flex;
  flex-direction:column;
  gap:18px
}

.kasbi-contact-form .form-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px
}

.kasbi-contact-form input,.kasbi-contact-form select {
  height:64px;
  border:0;
  border-radius:14px;
  padding:0 22px;
  font-family:Peyda,Arial,sans-serif;
  font-size:1rem;
  text-align:right;
  background:#fff;
  color:#111;
  outline:none
}

.kasbi-contact-form select {
  direction:rtl;
  cursor:pointer;
  /* فلش یکنواخت کشویی‌های فرم راننده؛ در سمت راست و با فاصله‌ی خوانا از لبه */
  appearance:none;
  -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%235a6472' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 17px center;
  background-size:16px;
  padding-right:46px
}

.kasbi-contact-form select:invalid {
  color:#777
}

.kasbi-contact-form select option {
  color:#111
}

.kasbi-contact-form button {
  height:64px;
  border:0;
  border-radius:14px;
  background:#f9a400;
  color:#031e41;
  font-family:Peyda,Arial,sans-serif;
  font-size:1rem;
  font-weight:700;
  cursor:pointer
}

.driver-form-card button {
  background:#031e41;
  color:#fff
}



/* ==================== مودال مشاوره سازمانی ==================== */
.consultation-modal {
  position:fixed;
  z-index:2000;
  inset:0;
  display:grid;
  place-items:center;
  padding:24px;
  visibility:hidden;
  opacity:0;
  transition:opacity .25s ease,visibility .25s ease
}

.consultation-modal.open {
  visibility:visible;
  opacity:1
}

.consultation-modal-backdrop {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:rgba(3,18,38,.72);
  backdrop-filter:blur(7px);
  cursor:pointer
}

.consultation-modal-dialog {
  position:relative;
  z-index:1;
  width:min(580px,100%);
  max-height:calc(100dvh - 48px);
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:none;
  -ms-overflow-style:none;
  border-radius:28px;
  box-shadow:0 30px 90px rgba(0,0,0,.35);
  transform:translateY(20px) scale(.98);
  transition:transform .28s cubic-bezier(.2,.75,.2,1)
}

/* نوار اسکرول مودال فرم پنهان است؛ امکان اسکرول لمسی در موبایل حفظ می‌شود. */
.consultation-modal-dialog::-webkit-scrollbar {
  width:0;
  height:0;
  display:none
}

.consultation-modal.open .consultation-modal-dialog {
  transform:none
}

.consultation-modal-content .company-form-card,.consultation-modal-content .driver-form-card {
  width:100%;
  box-shadow:none
}

.consultation-modal-close {
  position:absolute;
  z-index:2;
  top:18px;
  left:18px;
  width:40px;
  height:40px;
  border:1px solid rgba(255,255,255,.45);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.1);
  color:#fff;
  font-family:Arial,sans-serif;
  font-size:1.7rem;
  line-height:1;
  cursor:pointer;
  transition:background .2s ease,transform .2s ease
}

.consultation-modal-close:hover {
  background:rgba(255,255,255,.22);
  transform:rotate(6deg)
}

.consultation-modal.driver-mode .consultation-modal-close {
  border-color:rgba(3,30,65,.24);
  background:rgba(3,30,65,.1);
  color:#031e41
}

body.consultation-modal-open {
  overflow:hidden
}


@media(max-width:900px) {
  .contact-forms-grid {
  grid-template-columns:1fr
}

.home-contact-forms {
  padding-inline:18px
}

.kasbi-contact-form .form-grid {
  grid-template-columns:1fr
}

.consultation-modal {
  padding:14px
}

.consultation-modal-dialog {
  max-height:calc(100dvh - 28px);
  border-radius:20px
}

.consultation-modal-content .company-form-card,.consultation-modal-content .driver-form-card {
  padding:54px 22px 28px;
  border-radius:20px
}

.consultation-modal-close {
  top:14px;
  left:14px
}

}

.coverage-card-image {
  height:150px;
  border-radius:14px;
  overflow:hidden;
  margin-bottom:22px
}

.coverage-card-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}

.coverage-card h3 {
  margin-top:0
}

.free-stop-card-image {
  height:210px;
  border-radius:14px;
  overflow:hidden;
  margin-bottom:22px
}

.free-stop-card-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block
}

.free-stop-card h3 {
  margin-top:0
}

.vehicle-quality-card-image {
  height:150px;
  border-radius:14px;
  overflow:hidden;
  margin-bottom:22px
}

.vehicle-quality-card-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}

.vehicle-quality-card h3 {
  margin-top:0
}

.cost-card-image {
  height:150px;
  border-radius:14px;
  overflow:hidden;
  margin-bottom:22px
}

.cost-card-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}

.cost-card-image {
  height:200px;
  margin-bottom:22px;
}

.cost-card-image img {
  width:100%;
  height:100%;
  object-fit:cover;
}

@media(max-width:760px) {
  .page-view:not([data-page="drivers"]) .home-statement,
  .page-view[data-page="home"] .home-services .home-statement,
  .page-view[data-page="home"] .home-comfort .home-statement,
  .page-view[data-page="home"] .home-excellence .home-statement {
  min-height:310px;
  padding:42px 20px 32px;
}

.page-view:not([data-page="drivers"]) .home-statement h2 {
  width:100%;
  margin-bottom:14px;
  font-size:clamp(2.15rem,9vw,3.15rem);
  line-height:1.16;
}

.page-view:not([data-page="drivers"]) section>header h2,
  .page-view:not([data-page="drivers"]) .section-intro h2,
  .page-view:not([data-page="drivers"]) .excellence-title h2 {
  font-size:clamp(2rem,8.4vw,2.85rem);
  line-height:1.17;
}

.page-view[data-page="services"] .services-overview-intro {
  min-height:340px;
  padding:46px 20px 38px;
}

.page-view[data-page="services"] .services-overview-intro h2 {
  font-size:clamp(2.15rem,9vw,3.15rem);
  line-height:1.16;
}

.page-view:not([data-page="drivers"]) .services-overview-list {
  padding-top:52px;
  padding-bottom:64px;
}

.page-view:not([data-page="drivers"]) .services-overview-row {
  margin-bottom:64px;
}

}

/* v52 — compact premium rhythm;
  driver page remains intentionally untouched */
.page-view:not([data-page="drivers"]) .home-statement {
  min-height:320px;
  padding-top:50px;
  padding-bottom:34px;
}

.page-view:not([data-page="drivers"]) .home-statement h2 {
  margin-bottom:12px;
}

.page-view:not([data-page="drivers"]) .home-statement p {
  line-height:1.62;
}

.page-view[data-page="home"] .home-services .home-statement {
  min-height:340px;
}

.page-view[data-page="home"] .home-comfort .home-statement {
  min-height:330px;
}

.page-view[data-page="home"] .home-excellence .home-statement {
  min-height:252px;
  padding-top:34px;
  padding-bottom:20px;
}

.page-view[data-page="home"] .home-comfort {
  padding-bottom:10px;
}

.page-view[data-page="home"] .home-comfort-stack {
  padding-bottom:0;
}

.page-view:not([data-page="drivers"]) .section-intro {
  padding-top:58px;
  padding-bottom:20px;
}

.page-view:not([data-page="drivers"]) .benefits>header,
.page-view:not([data-page="drivers"]) .steps>header {
  margin-bottom:24px;
}

.page-view:not([data-page="drivers"]) .excellence,
.page-view:not([data-page="drivers"]) .split-section,
.page-view:not([data-page="drivers"]) .benefits,
.page-view:not([data-page="drivers"]) .steps,
.page-view:not([data-page="drivers"]) .fleet,
.page-view:not([data-page="drivers"]) .faq,
.page-view:not([data-page="drivers"]) .dashboard-section,
.page-view:not([data-page="drivers"]) .lead-form {
  padding-top:74px;
  padding-bottom:74px;
}

.page-view:not([data-page="drivers"]) .experience-section {
  padding-top:82px;
  padding-bottom:96px;
}

.page-view[data-page="services"] .services-overview-intro {
  min-height:370px;
  padding-top:48px;
  padding-bottom:40px;
}

.page-view:not([data-page="drivers"]) .services-overview-list {
  padding-top:46px;
  padding-bottom:64px;
}

.page-view:not([data-page="drivers"]) .services-overview-row {
  margin-bottom:62px;
}

.page-view:not([data-page="drivers"]) .services-final-cta {
  min-height:360px;
  padding-top:56px;
  padding-bottom:56px;
}

@media(max-width:760px) {
  .page-view:not([data-page="drivers"]) .home-statement,
  .page-view[data-page="home"] .home-services .home-statement,
  .page-view[data-page="home"] .home-comfort .home-statement {
  min-height:280px;
  padding:34px 20px 26px;
}

.page-view[data-page="home"] .home-excellence .home-statement {
  min-height:238px;
  padding:28px 20px 18px;
}

.page-view:not([data-page="drivers"]) .section-intro,
  .page-view:not([data-page="drivers"]) .excellence,
  .page-view:not([data-page="drivers"]) .benefits,
  .page-view:not([data-page="drivers"]) .fleet,
  .page-view:not([data-page="drivers"]) .steps,
  .page-view:not([data-page="drivers"]) .dashboard-section,
  .page-view:not([data-page="drivers"]) .lead-form,
  .page-view:not([data-page="drivers"]) .split-section,
  .page-view:not([data-page="drivers"]) .faq {
  padding-top:54px;
  padding-bottom:54px;
}

.page-view[data-page="services"] .services-overview-intro {
  min-height:310px;
  padding:38px 20px 30px;
}

.page-view:not([data-page="drivers"]) .services-overview-list {
  padding-top:42px;
  padding-bottom:54px;
}

.page-view:not([data-page="drivers"]) .services-overview-row {
  margin-bottom:54px;
}

}

/* v53 — home excellence palette: navy-led, yellow as a restrained accent */
.page-view[data-page="home"] .home-excellence-grid article,
.page-view[data-page="home"] .home-excellence-grid article:nth-child(2),
.page-view[data-page="home"] .home-excellence-grid article:nth-child(3) {
  position:relative;
  background:#0f1c2e;
  color:#fff;
  border-color:rgba(255,255,255,.08);
}

.page-view[data-page="home"] .home-excellence-grid article:nth-child(2) {
  background:#1a2c45;
}

.page-view[data-page="home"] .home-excellence-grid article:nth-child(3) {
  background:#13243a;
}

.page-view[data-page="home"] .home-excellence-grid article::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:#f9a400;
}

.page-view[data-page="home"] .home-excellence-grid article p,
.page-view[data-page="home"] .home-excellence-grid article:nth-child(3) p {
  color:#c7cfd9;
}

.page-view[data-page="home"] .home-excellence-grid article:nth-child(3) .home-icon {
  color:#f9a400;
}

/* v54 — viewport-efficient home services carousel */
.page-view[data-page="home"] .home-services {
  padding-bottom:48px;
}

.page-view[data-page="home"] .home-services .home-statement {
  min-height:250px;
  padding:34px 48px 28px;
}

.page-view[data-page="home"] .home-service-window {
  width:calc(100% - 96px);
  max-width:1760px;
  padding:0;
}

.page-view[data-page="home"] .home-service-track {
  gap:36px;
}

.page-view[data-page="home"] .home-service-card {
  flex-basis:calc(50% - 18px);
}

.page-view[data-page="home"] .home-service-card>.image-slot {
  height:clamp(320px,21vw,390px);
  margin-bottom:18px;
}

.page-view[data-page="home"] .home-service-card>span {
  margin-bottom:4px;
}

.page-view[data-page="home"] .home-service-card h3 {
  margin-bottom:6px;
}

.page-view[data-page="home"] .home-service-card p {
  max-width:100%;
  margin-bottom:16px;
  line-height:1.65;
}

.page-view[data-page="home"] .home-carousel-controls {
  margin-top:24px;
}

.page-view[data-page="home"] .home-carousel-controls button {
  width:46px;
  height:46px;
  font-size:1.55rem;
}

@media(max-width:760px) {
  .page-view[data-page="home"] .home-services {
  padding-bottom:38px;
}

.page-view[data-page="home"] .home-services .home-statement {
  min-height:230px;
  padding:30px 20px 24px;
}

.page-view[data-page="home"] .home-service-window {
  width:100%;
  padding:0 20px;
}

.page-view[data-page="home"] .home-service-track {
  gap:18px;
}

.page-view[data-page="home"] .home-service-card {
  flex-basis:100%;
}

.page-view[data-page="home"] .home-service-card>.image-slot {
  height:320px;
  margin-bottom:16px;
}

.page-view[data-page="home"] .home-carousel-controls {
  margin-top:20px;
}

}

/* Moving partner logos: one clean, seamless track. */
.home-partners {
  overflow:hidden;
  padding:70px 0;
  background:#f7f7f5;
}

.home-partners h3 {
  margin-bottom:55px;
  text-align:center;
}

.home-partner-marquee {
  width:100%;
  padding:35px 0;
  overflow:hidden;
  direction:ltr;
}


/* ----- ردیف مارکی لوگوها ----- */
.partner-row {
  width:100%;
  overflow:hidden;
}

.partner-track {
  display:flex;
  width:max-content;
  align-items:center;
  animation:kasbiLogoScroll 35s linear infinite;
  will-change:transform;
}

.logo-group {
  display:flex;
  align-items:center;
  gap:22px;
  flex-shrink:0;
  padding-right:22px;
}

.home-partner-logo {
  width:210px;
  height:110px;
  flex:0 0 210px;
  padding:18px 28px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.04);
  border-radius:22px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 12px 32px rgba(15,28,46,.06);
}

.home-partner-logo img {
  display:block;
  width:75%;
  height:75%;
  object-fit:contain;
}

@keyframes kasbiLogoScroll {
  from {
  transform:translateX(0)
}

to {
  transform:translateX(-50%)
}

}

/* Compensate for transparent padding inside these two square source files. */
.home-partner-logo img[src*="abidi"] {
  width:230px;
  height:230px;
  max-width:none;
  max-height:none;
}

.home-partner-logo img[src*="kobel"] {
  width:205px;
  height:205px;
  max-width:none;
  max-height:none;
}

/* HOME APP SECTION ONLY - premium product showcase. Do not modify partner marquee or other locked sections. */
.page-view[data-page="home"] .home-app {
  min-height: 760px;
  display: grid;
  grid-template-columns: .78fr 1.22fr;
  align-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 24%, rgba(249,164,0,.10), transparent 18%),
    radial-gradient(circle at 72% 50%, rgba(249,164,0,.08), transparent 20%),
    linear-gradient(90deg, #10213a 0%, #07182d 56%, #0a1a31 100%);
  color: #fff;
}

.page-view[data-page="home"] .home-app-copy {
  padding: 90px max(40px,calc((100vw - 1320px)/2)) 90px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.page-view[data-page="home"] .home-app-copy h2 {
  display: block;
  max-width: 520px;
  margin-bottom: 20px;
  font-family: Peyda,Arial,sans-serif !important;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.02em;
  font-size: clamp(2.2rem, 3.4vw, 3.4rem);
}

.page-view[data-page="home"] .home-app-copy h2 em {
  color: #f9a400;
  font-style: normal;
}

.page-view[data-page="home"] .home-app-copy p {
  max-width: 520px;
  color: rgba(255,255,255,.84);
  font-size: 1.02rem;
  line-height: 1.85;
  margin: 0 0 14px;
}

.page-view[data-page="home"] .home-store-links {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 28px;
}

.page-view[data-page="home"] .home-store-links a {
  min-width: 164px;
  padding: 14px 24px;
  border-radius: 999px;
  border: 1px solid #f9a400;
  background: transparent;
  color: #f9a400;
  font-weight: 600;
  text-align: center;
  box-shadow: none;
}

.page-view[data-page="home"] .home-store-links a:first-child {
  background: #f9a400;
  color: #0f1c2e;
}

.page-view[data-page="home"] .home-store-links a:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}

.page-view[data-page="home"] .home-app-visual {
  padding: 44px 0 0 max(18px,calc((100vw - 1320px)/2));
  align-self: end;
}

.page-view[data-page="home"] .home-app-showcase {
  display: block;
  width: min(100%, 1080px);
  max-width: none;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 26px 52px rgba(0,0,0,.18));
}

@media (max-width: 1200px) {
  .page-view[data-page="home"] .home-app {
  grid-template-columns: 1fr;
  min-height: auto;
}

.page-view[data-page="home"] .home-app-visual {
  order: 1;
  padding: 42px 18px 0;
  align-self: auto;
}

.page-view[data-page="home"] .home-app-showcase {
  width: min(100%, 980px);
  margin-inline: auto;
}

.page-view[data-page="home"] .home-app-copy {
  order: 2;
  padding: 24px 28px 70px;
}

}

@media (max-width: 760px) {
  .page-view[data-page="home"] .home-app-copy {
  padding: 12px 20px 56px;
}

.page-view[data-page="home"] .home-app-copy h2 {
  font-size: clamp(2.55rem, 10vw, 4rem);
  max-width: 100%;
}

.page-view[data-page="home"] .home-app-copy p {
  max-width: 100%;
  font-size: 1rem;
}

.page-view[data-page="home"] .home-store-links {
  width: 100%;
}

.page-view[data-page="home"] .home-store-links a {
  flex: 1 1 100%;
}

.page-view[data-page="home"] .home-app-visual {
  padding: 28px 12px 0;
}

}

/* HOME APP SECTION ONLY - alignment refinement. Keep all other sections unchanged. */
.page-view[data-page="home"] .home-app {
  min-height: 700px;
  grid-template-columns: .86fr 1.14fr;
  align-items: center;
}

.page-view[data-page="home"] .home-app-copy {
  align-self: center;
  max-width: 520px;
  padding-top: 72px;
  padding-bottom: 72px;
}

.page-view[data-page="home"] .home-app-copy h2 {
  max-width: 430px;
  margin-bottom: 18px;
  font-size: clamp(2.9rem, 4.5vw, 5rem);
  line-height: 1.02;
}

.page-view[data-page="home"] .home-app-copy p {
  max-width: 420px;
  margin: 0;
}

.page-view[data-page="home"] .home-store-links {
  margin-top: 24px;
}

.page-view[data-page="home"] .home-app-visual {
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 34px 10px 34px 34px;
}

.page-view[data-page="home"] .home-app-showcase {
  width: min(100%, 980px);
  margin: 0 auto;
}

@media (max-width: 1200px) {
  .page-view[data-page="home"] .home-app-copy {
  max-width: none;
  padding: 12px 28px 64px;
}

.page-view[data-page="home"] .home-app-copy h2,
  .page-view[data-page="home"] .home-app-copy p {
  max-width: none;
}

.page-view[data-page="home"] .home-app-visual {
  padding: 34px 18px 8px;
}

}

@media (max-width: 760px) {
  .page-view[data-page="home"] .home-app {
  min-height: auto;
}

.page-view[data-page="home"] .home-app-copy {
  padding: 8px 20px 52px;
}

.page-view[data-page="home"] .home-app-copy h2 {
  font-size: clamp(2.45rem, 10vw, 3.8rem);
}

.page-view[data-page="home"] .home-app-visual {
  padding: 24px 12px 0;
}

}

/* HOME APP SECTION ONLY - final Blacklane-inspired alignment. */
.page-view[data-page="home"] .home-app {
  min-height: 640px;
  display: block;
  padding: 64px 24px;
}

.page-view[data-page="home"] .home-app-inner {
  width: min(1780px,100%);
  min-height: 512px;
  margin-inline: auto;
  display: grid;
  direction: rtl;
  grid-template-columns: minmax(560px,.75fr) minmax(0,1.25fr);
  gap: 44px;
  align-items: center;
}

.page-view[data-page="home"] .home-app-copy {
  order: 1;
  width: 100%;
  max-width: 690px;
  padding: 0;
  justify-self: end;
  align-self: center;
  align-items: flex-start;
  text-align: right;
}

.page-view[data-page="home"] .home-app-copy h2 {
  display: block;
  max-width: 560px;
  margin: 0 0 16px;
  font-size: clamp(2.1rem, 2.8vw, 3.1rem);
  line-height: 1.2;
  letter-spacing: -.02em;
  white-space: normal;
}

.page-view[data-page="home"] .home-app-copy p {
  width: auto;
  max-width: 540px;
  margin: 0 0 12px;
  font-size: clamp(.95rem, 1vw, 1.05rem);
  line-height: 1.85;
  white-space: normal;
}

.page-view[data-page="home"] .home-store-links {
  margin-top: 26px;
  gap: 12px;
}

.page-view[data-page="home"] .home-store-links a {
  min-width: 154px;
  padding: 13px 22px;
}

.page-view[data-page="home"] .home-app-visual {
  order: 2;
  width: 100%;
  min-width: 0;
  padding: 0;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.page-view[data-page="home"] .home-app-showcase {
  display: block;
  width: calc(100% + 82px);
  max-width: 1120px;
  height: auto;
  margin: 0;
  transform: translateX(-46px);
}

@media (max-width: 1450px) {
  .page-view[data-page="home"] .home-app-copy p {
  width: auto;
  max-width: 620px;
  white-space: normal;
}

}

@media (max-width: 1250px) {
  .page-view[data-page="home"] .home-app {
  min-height: auto;
  padding: 56px 28px 64px;
}

.page-view[data-page="home"] .home-app-inner {
  min-height: 0;
  grid-template-columns: 1fr;
  gap: 38px;
}

.page-view[data-page="home"] .home-app-copy {
  order: 1;
  max-width: 720px;
  justify-self: center;
  align-items: center;
  text-align: center;
}

.page-view[data-page="home"] .home-app-copy h2,
  .page-view[data-page="home"] .home-app-copy p {
  max-width: 720px;
}

.page-view[data-page="home"] .home-app-copy h2 {
  white-space: normal;
}

.page-view[data-page="home"] .home-app-visual {
  order: 2;
  justify-content: center;
}

.page-view[data-page="home"] .home-app-showcase {
  width: 100%;
  max-width: 900px;
  margin-inline: auto;
  transform: none;
}

.page-view[data-page="home"] .home-store-links {
  justify-content: center;
}

}

@media (max-width: 600px) {
  .page-view[data-page="home"] .home-app {
  padding: 46px 18px 52px;
}

.page-view[data-page="home"] .home-app-inner {
  gap: 30px;
}

.page-view[data-page="home"] .home-app-copy h2 {
  margin-bottom: 16px;
  font-size: clamp(2.55rem,11vw,3.7rem);
  line-height: 1.16;
}

.page-view[data-page="home"] .home-app-copy p {
  font-size: 1rem;
  line-height: 1.9;
}

.page-view[data-page="home"] .home-store-links {
  width: 100%;
  margin-top: 24px;
}

.page-view[data-page="home"] .home-store-links a {
  flex: 1 1 100%;
}

}


/* ==================== تعویض نرم تصویر هیرو (چندمقصدی / در اختیار) ==================== */
.home-hero-media,
.home-hero .hero-image.has-image,
.page-view[data-page="home"] .home-hero-media {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  background-attachment: scroll !important;
}

.home-hero-media {
  transition: opacity .45s ease, filter .45s ease;
}

.home-hero-media.hero-mode-multi {
  background-position: center top !important;
  animation-name: homeHeroDriftMulti;
}

@keyframes homeHeroDriftMulti {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.018);
  }
}

/* v265 — نوار باریک با قوس واقعی و عمیق در بالا و پایین */
.page-view[data-page="drivers"] .driver-sustainable {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:520px;
  padding-top:110px;
  padding-bottom:110px;
  background:transparent;
}

.page-view[data-page="drivers"] .driver-sustainable::before,
.page-view[data-page="drivers"] .driver-sustainable::after {
  content:none;
}

.page-view[data-page="drivers"] .driver-sustainable-shape {
  position:absolute;
  z-index:-1;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  pointer-events:none;
}

.page-view[data-page="drivers"] .driver-sustainable > h2,
.page-view[data-page="drivers"] .driver-sustainable > div {
  position:relative;
  z-index:1;
}

@media (max-width:760px) {
  .page-view[data-page="drivers"] .driver-sustainable {
    min-height:390px;
    padding:92px 20px;
  }
}

.home-hero-media.is-switching {
  opacity: .35;
  filter: blur(2px);
}

/* جلوگیری از جابه‌جایی background-position در انیمیشن درIFT که باعث دیده شدن لبه/تکرار می‌شود */
@keyframes homeHeroDrift {
  from {
    transform: scale(1.02);
  }
  to {
    transform: scale(1.06);
  }
}


/* ==================== بهبود دیده‌شدن هدر و تیتر هیرو ==================== */
/* دکمه‌های هدر روی هیرو روشن‌تر و خواناتر */
.header:not(.scrolled):not(.light) .login,
.header:not(.scrolled):not(.light) .language {
  background: rgba(255,255,255,.16) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  color: #fff !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.header:not(.scrolled):not(.light) .login:hover {
  background: rgba(255,255,255,.28) !important;
}

.header:not(.scrolled):not(.light) .desktop-nav > a,
.header:not(.scrolled):not(.light) .nav-parent-link {
  color: #fff !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.35);
}

.header:not(.scrolled):not(.light) .logo-image {
  filter: brightness(0) invert(1);
}

/* تیتر هیرو خواناتر */
.home-hero-center h1 {
  color: #fff !important;
  text-shadow: 0 2px 18px rgba(0,0,0,.45), 0 1px 4px rgba(0,0,0,.35);
}


/* ==================== پوسته رنگی اختصاصی صفحه رانندگان ==================== */
/* پالت: زرد اصلی، طوسی خنثی و مشکی — محدود به مسیر رانندگان */
body.drivers-route,
.page-view[data-page="drivers"] {
  --driver-yellow:#fdb94c;
  --driver-yellow-deep:#ca943d;
  --driver-yellow-soft:#fed594;
  --driver-yellow-pale:#fff1db;
  --driver-black:#0d0d0d;
  --driver-charcoal:#272728;
  --driver-graphite:#4d4d4f;
  --driver-gray:#8d8d8e;
  --driver-light:#d9d9d9;
  --driver-paper:#fff
}

.page-view[data-page="drivers"] {
  background:var(--driver-paper);
  color:var(--driver-black)
}

/* ----- هدر و منوی صفحه رانندگان ----- */
body.drivers-route .header:not(.scrolled):not(.light) .book-now,
body.drivers-route .header.scrolled .book-now,
body.drivers-route .header.light .book-now {
  border-color:var(--driver-yellow);
  background:var(--driver-yellow);
  color:var(--driver-black);
  box-shadow:0 8px 24px rgba(13,13,13,.14)
}

body.drivers-route .header:not(.scrolled):not(.light) .book-now:hover,
body.drivers-route .header.scrolled .book-now:hover,
body.drivers-route .header.light .book-now:hover {
  border-color:var(--driver-yellow-soft);
  background:var(--driver-yellow-soft)
}

body.drivers-route .header.scrolled,
body.drivers-route .header.light {
  border-bottom-color:rgba(13,13,13,.09);
  background:rgba(255,255,255,.94);
  color:var(--driver-black);
  box-shadow:0 12px 38px rgba(13,13,13,.08)
}

body.drivers-route .desktop-nav [data-route="drivers"].current {
  box-shadow:inset 0 -2px var(--driver-yellow)
}

body.drivers-route .dropdown-panel {
  border-top:3px solid var(--driver-yellow);
  background:var(--driver-paper);
  color:var(--driver-black)
}

body.drivers-route .dropdown-links a:hover,
body.drivers-route .dropdown-feature {
  background:var(--driver-yellow-pale)
}

body.drivers-route .mobile-menu {
  background:var(--driver-paper);
  color:var(--driver-black)
}

body.drivers-route .mobile-menu nav a {
  border-color:rgba(13,13,13,.12)
}

/* ----- هیرو و دعوت به ثبت‌نام رانندگان ----- */
.page-view[data-page="drivers"] .driver-partner-shade {
  background:linear-gradient(180deg,rgba(13,13,13,.56),rgba(13,13,13,.08) 38%,rgba(13,13,13,.7))
}

.page-view[data-page="drivers"] .driver-partner-title {
  color:#fff;
  text-shadow:0 3px 18px rgba(13,13,13,.72)
}

.page-view[data-page="drivers"] .driver-partner-title:before {
  background:radial-gradient(ellipse at center,rgba(13,13,13,.55) 0%,rgba(13,13,13,.3) 50%,rgba(13,13,13,0) 76%)
}

.page-view[data-page="drivers"] .driver-partner-title p {
  color:var(--driver-yellow-soft);
  text-shadow:0 2px 12px rgba(13,13,13,.88)
}

.page-view[data-page="drivers"] .driver-hero-action {
  border-bottom:1px solid rgba(202,148,61,.22);
  background:var(--driver-paper)
}

.page-view[data-page="drivers"] .driver-hero-action p {
  color:var(--driver-graphite)
}

.page-view[data-page="drivers"] .driver-blue-button {
  border:1px solid var(--driver-yellow);
  background:var(--driver-yellow);
  color:var(--driver-black);
  box-shadow:0 10px 24px rgba(202,148,61,.2)
}

.page-view[data-page="drivers"] .driver-blue-button:hover {
  border-color:var(--driver-yellow-soft);
  background:var(--driver-yellow-soft);
  color:var(--driver-black);
  box-shadow:0 13px 28px rgba(202,148,61,.26)
}

.page-view[data-page="drivers"] .driver-phone-display,
.page-view[data-page="drivers"] .driver-phone-display:hover {
  cursor:default;
  transform:none;
  border-color:var(--driver-yellow);
  background:var(--driver-yellow);
  color:var(--driver-black);
  box-shadow:0 10px 24px rgba(202,148,61,.2)
}

/* ----- معرفی مزیت فعالیت رانندگان ----- */
.page-view[data-page="drivers"] .driver-global {
  background:#fff
}

.page-view[data-page="drivers"] .driver-global-intro {
  background:linear-gradient(135deg,var(--driver-yellow-pale),var(--driver-yellow-soft));
  color:var(--driver-black)
}

.page-view[data-page="drivers"] .driver-global-intro h3 {
  color:var(--driver-graphite)
}

.page-view[data-page="drivers"] .driver-global-dim {
  background:rgba(13,13,13,calc(.2 + var(--driver-stage-progress) * .17))
}

/* ----- چهار کارت مزیت و آیکون‌های صفحه رانندگان ----- */
.page-view[data-page="drivers"] .driver-benefit-card {
  border:1px solid rgba(202,148,61,.32);
  border-top:4px solid var(--driver-yellow);
  background:rgba(255,255,255,.96);
  color:var(--driver-black);
  box-shadow:0 16px 44px rgba(13,13,13,.16)
}

.page-view[data-page="drivers"] .driver-benefit-card:hover {
  border-color:rgba(202,148,61,.55);
  box-shadow:0 22px 56px rgba(13,13,13,.22)
}

.page-view[data-page="drivers"] .driver-benefit-icon {
  box-sizing:content-box;
  padding:8px;
  border:1px solid rgba(202,148,61,.28);
  border-radius:50%;
  background:var(--driver-yellow-pale)
}

.page-view[data-page="drivers"] .driver-benefit-card p {
  color:var(--driver-graphite)
}

/* ----- پیام درآمد سفرهای پیوسته ----- */
.page-view[data-page="drivers"] .driver-quote {
  background:var(--driver-charcoal);
  color:#fff
}

.page-view[data-page="drivers"] .driver-quote blockquote {
  color:var(--driver-yellow);
  letter-spacing:normal
}

.page-view[data-page="drivers"] .driver-quote p {
  color:var(--driver-light)
}

/* ----- مراحل شروع همکاری و شرایط لازم ----- */
.page-view[data-page="drivers"] .driver-onboarding {
  background:var(--driver-paper)
}

.page-view[data-page="drivers"] .driver-process-tabs {
  border:1px solid rgba(13,13,13,.08);
  background:#fff;
  box-shadow:0 12px 34px rgba(13,13,13,.09)
}

.page-view[data-page="drivers"] .driver-process-tabs button {
  color:var(--driver-graphite)
}

.page-view[data-page="drivers"] .driver-process-tabs button.active {
  background:var(--driver-yellow);
  color:var(--driver-black)
}

.page-view[data-page="drivers"] .driver-process-panel {
  box-shadow:0 24px 64px rgba(13,13,13,.14)
}

.page-view[data-page="drivers"] .driver-process-glass {
  border-color:rgba(253,185,76,.55);
  background:linear-gradient(135deg,rgba(13,13,13,.9),rgba(39,39,40,.8));
  color:#fff
}

.page-view[data-page="drivers"] .driver-process-glass li::marker {
  color:var(--driver-yellow)
}

.page-view[data-page="drivers"] .driver-outline-button {
  border-color:var(--driver-yellow);
  background:var(--driver-yellow);
  color:var(--driver-black)
}

.page-view[data-page="drivers"] .driver-outline-button:hover {
  border-color:var(--driver-yellow-soft);
  background:var(--driver-yellow-soft)
}

.page-view[data-page="drivers"] .driver-slide-dots i {
  background:var(--driver-light)
}

.page-view[data-page="drivers"] .driver-slide-dots i:first-child {
  background:var(--driver-yellow-deep)
}

/* ----- پیام درآمد توقف در سفر چندمقصدی ----- */
.page-view[data-page="drivers"] .driver-sustainable {
  background:linear-gradient(135deg,var(--driver-yellow),var(--driver-yellow-soft));
  color:var(--driver-black)
}

.page-view[data-page="drivers"] .driver-sustainable h3 {
  color:var(--driver-charcoal)
}

/* ----- سؤالات متداول رانندگان ----- */
.page-view[data-page="drivers"] .driver-faq {
  background:linear-gradient(180deg,#fff 0%,var(--driver-light) 160%)
}

.page-view[data-page="drivers"] .driver-faq-copy h2 {
  color:var(--driver-black)
}

.page-view[data-page="drivers"] .driver-faq .accordion article {
  border-color:rgba(13,13,13,.11);
  background:#fff;
  box-shadow:0 8px 24px rgba(13,13,13,.045)
}

.page-view[data-page="drivers"] .driver-faq .accordion article.open {
  border-color:rgba(202,148,61,.52);
  box-shadow:inset -4px 0 var(--driver-yellow),0 12px 30px rgba(13,13,13,.07)
}

.page-view[data-page="drivers"] .driver-faq .accordion button {
  color:var(--driver-black)
}

.page-view[data-page="drivers"] .driver-faq .accordion button b {
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--driver-yellow-pale);
  color:var(--driver-yellow-deep)
}

.page-view[data-page="drivers"] .driver-faq .accordion p {
  color:var(--driver-graphite)
}

.page-view[data-page="drivers"] .driver-faq-image {
  border:1px solid rgba(202,148,61,.35);
  box-shadow:0 20px 48px rgba(13,13,13,.11)
}

/* ----- تماس با واحد جذب رانندگان ----- */
.page-view[data-page="drivers"] .driver-help {
  background:var(--driver-charcoal);
  color:#fff
}

.page-view[data-page="drivers"] .driver-help h3 {
  color:var(--driver-light)
}

/* ----- فرم ثبت‌نام راننده ----- */
.consultation-modal.driver-mode .consultation-modal-backdrop {
  background:rgba(13,13,13,.72)
}

.consultation-modal.driver-mode .driver-form-card {
  background:var(--driver-yellow,#fdb94c);
  color:var(--driver-black,#0d0d0d)
}

.consultation-modal.driver-mode .driver-form-card .contact-icon svg {
  stroke:var(--driver-black,#0d0d0d)
}

.consultation-modal.driver-mode .driver-form-card button {
  background:var(--driver-black,#0d0d0d);
  color:#fff
}

.consultation-modal.driver-mode .consultation-modal-close {
  border-color:rgba(13,13,13,.2);
  background:rgba(255,255,255,.4);
  color:var(--driver-black,#0d0d0d)
}

/* ----- فوتر در مسیر رانندگان ----- */
body.drivers-route .footer {
  background:var(--driver-black);
  color:#fff
}

/* هماهنگی رنگ متن‌های ارتباطی قابل‌کپی با سایر لینک‌های فوتر صفحه رانندگان. */
body.drivers-route .footer p,
body.drivers-route .footer a,
body.drivers-route .footer .footer-copyable,
body.drivers-route .footer-bottom {
  color:rgba(255,255,255,.7)
}

body.drivers-route .footer-head,
body.drivers-route .footer-bottom {
  border-color:rgba(255,255,255,.14)
}

body.drivers-route .footer .logo-image {
  filter:brightness(0) invert(1)
}

body.drivers-route .footer-columns .footer-badge {
  border-color:rgba(253,185,76,.38);
  background:rgba(253,185,76,.1);
  color:var(--driver-yellow)
}

body.drivers-route .footer-columns .footer-socials a,
body.drivers-route .back-top {
  border-color:var(--driver-yellow);
  color:var(--driver-yellow)
}

body.drivers-route .footer-columns .footer-socials a:hover,
body.drivers-route .back-top:hover {
  background:var(--driver-yellow);
  color:var(--driver-black)
}

/* ----- حالت فوکوس دسترس‌پذیر صفحه رانندگان ----- */
body.drivers-route a:focus-visible,
body.drivers-route button:focus-visible {
  outline:3px solid var(--driver-yellow);
  outline-offset:3px
}


/* ==================== صفحه سامانه هوشمند کسبی ==================== */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.smart-hero {
  position: relative;
  min-height: 72vh;
  display: grid;
  align-items: center;
  overflow: hidden;
  background: #1a1a1a;
}

.smart-hero-media {
  position: absolute;
  inset: 0;
  background-size: cover !important;
  background-position: center 30% !important;
  background-repeat: no-repeat !important;
}

.smart-hero-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.15), rgba(0,0,0,.55) 55%, rgba(0,0,0,.35));
  pointer-events: none;
}

.smart-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 640px;
  margin-right: auto;
  margin-left: max(24px, calc((100vw - 1200px) / 2));
  padding: 120px 24px 80px;
  color: #fff;
  text-align: right;
}

.smart-hero-copy h1 {
  margin: 0 0 14px;
  font-size: clamp(1.8rem, 3.2vw, 2.8rem);
  font-weight: 700;
  line-height: 1.35;
  text-shadow: 0 2px 16px rgba(0,0,0,.35);
}

.smart-hero-copy p {
  margin: 0;
  font-size: 1.1rem;
  opacity: .92;
}

/* فرم زرد + کارت تیره مشاوره سازمانی */
.smart-lead {
  background: #f5b041;
  padding: 64px 24px 80px;
}

.smart-lead-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 48px;
  align-items: center;
}

.smart-lead-text h2 {
  margin: 0;
  font-size: clamp(1.55rem, 2.7vw, 2.35rem);
  font-weight: 700;
  line-height: 1.55;
  color: #111;
  max-width: 520px;
}

.smart-lead-card {
  background: #0f1c2e;
  border-radius: 20px;
  padding: 32px 28px 28px;
  box-shadow: 0 18px 40px rgba(0,0,0,.22);
  color: #fff;
  max-width: 420px;
  width: 100%;
  justify-self: center;
}

.smart-lead-card-head {
  text-align: center;
  margin-bottom: 22px;
}

.smart-lead-icon {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255,255,255,.12);
  margin-bottom: 12px;
  font-size: 1.1rem;
}

.smart-lead-card-head h3 {
  margin: 0 0 8px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
}

.smart-lead-card-head p {
  margin: 0;
  font-size: .9rem;
  color: rgba(255,255,255,.7);
  line-height: 1.6;
}

.smart-lead-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: stretch;
}

.smart-lead-form input {
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border: 0;
  border-radius: 12px;
  background: #fff;
  font-family: Peyda, Arial, sans-serif;
  font-size: .95rem;
  color: #111;
}

.smart-lead-form input::placeholder {
  color: #9a9a9a;
}

.smart-lead-form button {
  height: 50px;
  border: 0;
  border-radius: 12px;
  background: #f5b041;
  color: #111;
  font-family: Peyda, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease;
  margin-top: 6px;
}

.smart-lead-form button:hover {
  background: #ffc107;
  transform: translateY(-1px);
}

/* کسبی چیست */
.smart-about {
  background: #fff;
  padding: 80px 24px;
}

.smart-about-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 48px;
  align-items: center;
}

.smart-about-visual {
  display: flex;
  justify-content: center;
  background: #3a3a3a;
  border-radius: 28px;
  padding: 36px 20px;
  min-height: 420px;
  align-items: center;
}

.smart-phone {
  max-width: 260px;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 20px 40px rgba(0,0,0,.35));
}

.smart-about-copy h2 {
  margin: 0 0 18px;
  font-size: clamp(1.7rem, 2.5vw, 2.2rem);
  color: #111;
}

.smart-about-copy p {
  margin: 0 0 14px;
  color: #333;
  line-height: 1.9;
  font-size: 1.02rem;
}

.smart-about-copy strong {
  display: block;
  margin-top: 18px;
  color: #111;
  font-size: 1.05rem;
}

/* ویژگی‌ها */
.smart-features {
  background: #1e3a5f;
  padding: 70px 24px;
}

.smart-features-grid {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.smart-feature-card {
  background: #fff;
  border-radius: 18px;
  padding: 28px 22px;
  text-align: center;
  min-height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.smart-feature-card--accent {
  background: #f5b041;
  grid-column: span 1;
}

.smart-feature-icon {
  font-size: 1.8rem;
  line-height: 1;
}

.smart-feature-card h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.55;
  color: #111;
}

/* مراحل */
.smart-steps {
  background: #fff;
  padding: 80px 24px 60px;
}

.smart-section-head {
  text-align: center;
  margin-bottom: 40px;
}

.smart-section-head h2 {
  margin: 0 0 10px;
  font-size: clamp(1.6rem, 2.4vw, 2.1rem);
  color: #111;
}

.smart-section-head p {
  margin: 0;
  color: #555;
  font-size: 1rem;
}

.smart-steps-track-wrap {
  position: relative;
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 44px 1fr 44px;
  gap: 12px;
  align-items: center;
}

.smart-steps-track {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.smart-steps-track::-webkit-scrollbar {
  display: none;
}

.smart-step-card {
  flex: 0 0 calc(33.333% - 12px);
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  overflow: hidden;
  border: 1px solid #eee;
}

.smart-step-image {
  height: 180px;
  background-size: cover;
  background-position: center;
}

.smart-step-card h3 {
  margin: 16px 18px 8px;
  font-size: 1.1rem;
  color: #111;
}

.smart-step-card p {
  margin: 0 18px 20px;
  color: #444;
  line-height: 1.7;
  font-size: .95rem;
}

.smart-steps-nav {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 0;
  background: #f5b041;
  color: #111;
  font-size: 1.4rem;
  cursor: pointer;
  display: grid;
  place-items: center;
}

.smart-steps-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 22px;
}

.smart-steps-dots span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ddd;
}

.smart-steps-dots span.active {
  background: #f5b041;
}

/* داشبورد */
.smart-dashboard {
  background: #fafafa;
  padding: 70px 24px;
}

.smart-dashboard-panel {
  max-width: 960px;
  margin: 0 auto;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 16px 40px rgba(0,0,0,.08);
  padding: 28px;
  text-align: center;
}

.smart-dashboard-panel img {
  width: 100%;
  max-height: 420px;
  object-fit: cover;
  border-radius: 14px;
}

/* کاهش هزینه */
.smart-savings {
  background: #f5b041;
  padding: 70px 24px;
}

.smart-savings .smart-section-head h2 {
  color: #111;
}

.smart-savings-grid {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.smart-savings-grid article {
  background: #1e3a5f;
  color: #fff;
  border-radius: 16px;
  padding: 22px 18px;
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5;
}

/* FAQ */
.smart-faq {
  background: #fff;
  padding: 70px 24px 90px;
}

.smart-faq .accordion {
  max-width: 820px;
  margin: 0 auto;
}

.smart-faq .accordion article {
  background: #f3f3f3;
  border-radius: 12px;
  margin-bottom: 10px;
  overflow: hidden;
}

.smart-faq .accordion article > button {
  width: 100%;
  text-align: right;
  padding: 16px 18px;
  border: 0;
  background: transparent;
  font-family: Peyda, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  color: #111;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  gap: 12px;
}

.smart-faq .accordion article > p {
  display: none;
  margin: 0;
  padding: 0 18px 16px;
  color: #444;
  line-height: 1.8;
}

.smart-faq .accordion article.open > p {
  display: block;
}

@media (max-width: 960px) {
  .smart-lead-inner,
  .smart-about-inner {
    grid-template-columns: 1fr;
  }
  .smart-features-grid {
    grid-template-columns: 1fr 1fr;
  }
  .smart-step-card {
    flex: 0 0 calc(50% - 9px);
  }
  .smart-savings-grid {
    grid-template-columns: 1fr;
  }
  .smart-hero-copy {
    margin-left: 24px;
  }
}

@media (max-width: 640px) {
  .smart-features-grid {
    grid-template-columns: 1fr;
  }
  .smart-step-card {
    flex: 0 0 100%;
  }
  .smart-steps-track-wrap {
    grid-template-columns: 36px 1fr 36px;
  }
}


/* ----- اطمینان از فرم تیره سامانه هوشمند (بدون تداخل lead-form) ----- */
.page-view[data-page="how"] .smart-lead-card {
  background: #0f1c2e !important;
  color: #fff !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.22) !important;
}

.page-view[data-page="how"] .smart-lead-form input {
  background: #fff !important;
  border: 0 !important;
  border-radius: 12px !important;
  height: 48px !important;
  color: #111 !important;
}

.page-view[data-page="how"] .smart-lead-form button {
  background: #f5b041 !important;
  color: #111 !important;
  border: 0 !important;
  border-radius: 12px !important;
  height: 50px !important;
  font-weight: 700 !important;
  width: 100% !important;
}







/* ==================== مخاطبان خدمات کسبی (کارت‌های جدید) ==================== */
.page-view[data-page="services"] .svc-audience {
  position: relative;
  z-index: 6;
  background: linear-gradient(180deg, #0b1220 0%, #111827 100%);
  padding: 84px 24px 96px;
  color: #fff;
}

.svc-audience-head {
  max-width: 720px;
  margin: 0 auto 42px;
  text-align: center;
}

.svc-audience-head h2 {
  margin: 0 0 12px;
  font-size: clamp(1.5rem, 2.4vw, 2.05rem);
  font-weight: 700;
  line-height: 1.45;
  color: #fff;
}

.svc-audience-head p {
  margin: 0;
  color: rgba(255,255,255,.7);
  line-height: 1.85;
  font-size: 1.02rem;
}

.svc-audience-grid {
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}

.svc-card {
  grid-column: span 2;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px;
  padding: 24px 22px 26px;
  backdrop-filter: blur(8px);
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.svc-card:hover {
  transform: translateY(-4px);
  border-color: rgba(245,176,65,.45);
  background: rgba(255,255,255,.07);
}

.svc-card--wide {
  grid-column: span 3;
  justify-self: stretch;
}

.svc-card:nth-child(4) {
  grid-column: span 2;
}

.svc-card:nth-child(5) {
  grid-column: span 2;
}

.svc-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

.svc-card-num {
  font-size: .85rem;
  font-weight: 700;
  color: #f5b041;
  letter-spacing: .04em;
}

.svc-card h3 {
  margin: 0 0 10px;
  font-size: 1.08rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.4;
}

.svc-card p {
  margin: 0;
  color: rgba(255,255,255,.65);
  line-height: 1.75;
  font-size: .95rem;
}

@media (max-width: 900px) {
  .svc-audience-grid {
    grid-template-columns: 1fr 1fr;
  }
  .svc-card,
  .svc-card:nth-child(4),
  .svc-card:nth-child(5),
  .svc-card--wide {
    grid-column: span 1;
  }
}

@media (max-width: 600px) {
  .svc-audience-grid {
    grid-template-columns: 1fr;
  }
}


/* ==================== صفحه فرصت‌های شغلی کسبی ==================== */
.careers-hero {
  background: linear-gradient(135deg, #0f1c2e 0%, #1a2f4a 100%);
  color: #fff;
  padding: 120px 24px 80px;
  text-align: center;
}

.careers-hero-inner {
  max-width: 760px;
  margin: 0 auto;
}

.careers-kicker {
  display: inline-block;
  margin-bottom: 14px;
  color: #f5b041;
  font-weight: 600;
  font-size: .95rem;
}

.careers-hero h1 {
  margin: 0 0 16px;
  font-size: clamp(1.8rem, 3.2vw, 2.6rem);
  font-weight: 700;
  line-height: 1.4;
}

.careers-hero p {
  margin: 0;
  color: rgba(255,255,255,.82);
  line-height: 1.85;
  font-size: 1.08rem;
}

.careers-about {
  background: #fff;
  padding: 72px 24px;
}

.careers-about-inner {
  max-width: 800px;
  margin: 0 auto;
}

.careers-about h2,
.careers-culture h2,
.careers-fit h2,
.careers-process h2 {
  margin: 0 0 22px;
  font-size: clamp(1.45rem, 2.2vw, 1.9rem);
  color: #111;
}

.careers-about p {
  margin: 0 0 14px;
  color: #333;
  line-height: 1.9;
  font-size: 1.05rem;
}

.careers-section-inner {
  max-width: 960px;
  margin: 0 auto;
}

.careers-culture {
  background: #f7f5f1;
  padding: 72px 24px;
}

.careers-culture-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}

.careers-culture-grid article {
  background: #fff;
  border-radius: 16px;
  padding: 22px 18px;
  border: 1px solid rgba(17,17,15,.06);
  box-shadow: 0 8px 24px rgba(0,0,0,.04);
}

.careers-culture-grid h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6;
  color: #111;
}

.careers-fit {
  background: #fff;
  padding: 72px 24px;
}

.careers-fit-list {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
  display: grid;
  gap: 12px;
}

.careers-fit-list li {
  position: relative;
  padding: 16px 18px 16px 18px;
  background: #f7f5f1;
  border-radius: 12px;
  color: #222;
  line-height: 1.7;
  font-size: 1.02rem;
}

.careers-fit-list li::before {
  content: "✓";
  color: #f5b041;
  font-weight: 700;
  margin-left: 10px;
}

.careers-fit-note {
  margin: 0;
  font-weight: 600;
  color: #0f1c2e;
  font-size: 1.08rem;
  line-height: 1.7;
}

.careers-process {
  background: #0f1c2e;
  color: #fff;
  padding: 72px 24px;
}

.careers-process h2 {
  color: #fff;
}

.careers-steps {
  list-style: none;
  margin: 0 0 28px;
  padding: 0;
  display: grid;
  gap: 12px;
}

.careers-steps li {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
}

.careers-steps span {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #f5b041;
  color: #111;
  font-weight: 700;
  font-size: .9rem;
}

.careers-steps b {
  font-size: 1.02rem;
  font-weight: 600;
}

.careers-closing {
  margin: 0;
  text-align: center;
  color: #f5b041;
  font-weight: 700;
  font-size: 1.15rem;
}

.careers-apply {
  background: #f7f5f1;
  padding: 72px 24px 90px;
}

.careers-apply-inner {
  max-width: 820px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 36px;
  align-items: start;
}

.careers-apply-copy h2 {
  margin: 0 0 12px;
  font-size: 1.6rem;
  color: #111;
}

.careers-apply-copy p {
  margin: 0;
  color: #444;
  line-height: 1.8;
}

.careers-apply-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  background: #fff;
  padding: 24px;
  border-radius: 18px;
  box-shadow: 0 12px 32px rgba(0,0,0,.06);
}

.careers-apply-form input,
.careers-apply-form textarea {
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 12px 14px;
  font-family: Peyda, Arial, sans-serif;
  font-size: .95rem;
  color: #111;
  background: #fff;
}

.careers-apply-full {
  grid-column: 1 / -1;
}

.careers-apply-form button {
  grid-column: 1 / -1;
  height: 50px;
  border: 0;
  border-radius: 12px;
  background: #0f1c2e;
  color: #fff;
  font-family: Peyda, Arial, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
}

.careers-apply-form button:hover {
  background: #1a2f4a;
}

@media (max-width: 800px) {
  .careers-apply-inner {
    grid-template-columns: 1fr;
  }
  .careers-apply-form {
    grid-template-columns: 1fr;
  }
}


/* ==================== صفحه درباره ما؛ روایت برند و ساختار سازمانی ==================== */
/* ----- هیروی سینمایی صفحه درباره ما ----- */
.about-hero {
  position: relative;
  min-height: min(820px, 86vh);
  display: grid;
  align-items: end;
  overflow: hidden;
  isolation: isolate;
  background: #0b1727;
}

.about-hero-media {
  position: absolute;
  inset: 0;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transform: scale(1.015);
}

.about-hero-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg,rgba(5,13,24,.78) 0%,rgba(5,13,24,.56) 38%,rgba(5,13,24,.14) 70%,rgba(5,13,24,.32) 100%),
    linear-gradient(180deg,rgba(5,13,24,.25) 0%,rgba(5,13,24,.04) 44%,rgba(5,13,24,.74) 100%);
}

.about-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 1220px;
  width: 100%;
  margin: 0 auto;
  padding: 150px 24px 72px;
  color: #fff;
  text-align: right;
}

.about-hero-content {
  width: min(680px,100%);
  margin-right: auto;
}

.about-hero-kicker {
  display: inline-block;
  margin-bottom: 20px;
  padding: 8px 14px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  color: #fdb94c;
  background: rgba(8,20,35,.28);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .02em;
}

.about-hero-copy h1 {
  max-width: 850px;
  margin: 0 0 22px;
  font-size: clamp(2.25rem,4.45vw,4.75rem);
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: -.035em;
  text-wrap: balance;
  text-shadow: 0 12px 40px rgba(0,0,0,.28);
}

.about-hero-copy h1 em {
  color: #f9a400;
  font-style: normal;
  font-weight: 650;
}

.about-hero-copy h1 span {
  color: #fff;
}

.about-hero-copy p {
  margin: 0;
  max-width: 660px;
  color: rgba(255,255,255,.82);
  font-size: clamp(.98rem,1.35vw,1.18rem);
  line-height: 1.9;
}

.about-hero-scroll {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 34px;
  color: #fff;
  font-size: .86rem;
  font-weight: 650;
  text-decoration: none;
}

.about-hero-scroll b {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 50%;
  color: #fdb94c;
  font-size: 1rem;
  transition: transform .25s ease,background .25s ease;
}

.about-hero-scroll:hover b {
  transform: translateY(3px);
  background: rgba(255,255,255,.1);
}

.about-hero-signature {
  position: absolute;
  z-index: 2;
  right: max(24px,calc((100vw - 1172px)/2));
  left: auto;
  bottom: 72px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding-left: 18px;
  border-left: 1px solid rgba(249,164,0,.72);
  color: #fff;
}

.about-hero-signature span {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.about-hero-signature small {
  width: 44px;
  color: rgba(255,255,255,.67);
  font-size: .72rem;
  line-height: 1.45;
}

/* ----- داستان کسبی؛ چیدمان تصویری و متن ----- */
.about-story {
  position: relative;
  overflow: hidden;
  padding: 112px 24px 124px;
  background: #f8f6f1;
}

.about-story-inner {
  position: relative;
  z-index: 1;
  max-width: 1220px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0,.93fr) minmax(0,1.07fr);
  gap: clamp(48px,7vw,104px);
  align-items: center;
}

.about-section-kicker {
  display: inline-block;
  margin-bottom: 18px;
  color: #a66d00;
  font-size: .78rem;
  font-weight: 750;
  letter-spacing: .02em;
}

.about-story-copy h2 {
  margin: 0 0 26px;
  color: #0f1c2e;
  font-size: clamp(2rem,3.5vw,3.5rem);
  font-weight: 520;
  line-height: 1.35;
  letter-spacing: -.025em;
  text-wrap: balance;
}

.about-story-lead {
  margin-bottom: 28px;
  padding: 20px 22px 20px 12px;
  border-right: 2px solid #f9a400;
  color: #23344b;
  background: linear-gradient(90deg,transparent,rgba(249,164,0,.065));
  font-size: 1.08rem;
  font-weight: 650;
  line-height: 1.95;
}

.about-story-text {
  display: grid;
  gap: 14px;
}

.about-story-text p {
  margin: 0;
  color: #536071;
  font-size: .94rem;
  line-height: 2.05;
}

/* دکمه فراخوان بخش داستان؛ هم‌رفتار با دکمه مشاوره هدر */
.about-story-cta {
  display: inline-flex;
  width: max-content;
  height: 50px;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin-top: 30px;
  padding: 0 22px;
  border: 1px solid #f9a400;
  border-radius: 999px;
  color: #0f1c2e;
  background: #f9a400;
  box-shadow: 0 12px 28px rgba(249,164,0,.18);
  font-size: .86rem;
  font-weight: 750;
  text-decoration: none;
  transition: transform .25s ease,background .25s ease,box-shadow .25s ease;
}

.about-story-cta:hover {
  transform: translateY(-2px);
  background: #fdb94c;
  box-shadow: 0 18px 34px rgba(249,164,0,.24);
}

.about-story-cta b {
  font-size: 1rem;
  transition: transform .25s ease;
}

.about-story-cta:hover b {
  transform: translateX(-4px);
}

.about-story-media {
  position: relative;
  min-width: 0;
}

.about-story-visual {
  min-height: 0;
  aspect-ratio: 4/3;
  border: 0;
  border-radius: 4px 44px 4px 4px;
  background-size: cover !important;
  background-position: center !important;
  box-shadow: 0 34px 80px rgba(15,28,46,.16);
}

.about-story-caption {
  position: absolute;
  right: -28px;
  bottom: 30px;
  width: min(310px,72%);
  padding: 22px 24px;
  border: 1px solid rgba(255,255,255,.14);
  border-right: 3px solid #f9a400;
  color: #fff;
  background: linear-gradient(120deg,rgba(8,19,33,.96),rgba(17,34,55,.9));
  box-shadow: 0 22px 48px rgba(8,19,33,.25);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.about-story-caption span,
.about-story-caption small {
  display: block;
}

.about-story-caption span {
  margin-bottom: 5px;
  font-size: .96rem;
  font-weight: 700;
}

.about-story-caption small {
  color: rgba(255,255,255,.62);
  font-size: .75rem;
}

/* ----- مأموریت و چشم‌انداز؛ دو پنل شماره‌دار و یکپارچه ----- */
.about-mission {
  position: relative;
  overflow: hidden;
  padding: 112px 24px;
  background:
    radial-gradient(circle at 15% 20%,rgba(249,164,0,.095),transparent 27%),
    linear-gradient(145deg,#132237 0%,#081422 100%);
}

.about-mission-inner {
  max-width: 1220px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.about-mission-head {
  grid-column: 1/-1;
  max-width: 760px;
  margin: 0 auto 42px;
  color: #fff;
  text-align: center;
}

.about-mission-head .about-section-kicker {
  color: #fdb94c;
}

.about-mission-head h2 {
  margin: 0 0 16px;
  color: #fff;
  font-size: clamp(2rem,3.5vw,3.35rem);
  font-weight: 520;
  line-height: 1.3;
  letter-spacing: -.025em;
}

.about-mission-head p {
  max-width: 650px;
  margin: 0 auto;
  color: rgba(255,255,255,.6);
  font-size: .94rem;
  line-height: 1.9;
}

.about-mission-inner article {
  position: relative;
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: 24px;
  min-height: 350px;
  padding: 38px 34px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 20px;
  color: #fff;
  background: linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));
  box-shadow: 0 24px 60px rgba(0,0,0,.15);
}

.about-mission-inner article::after {
  content: "";
  position: absolute;
  right: 34px;
  bottom: 0;
  width: 64px;
  height: 2px;
  background: #f9a400;
}

.about-mission-index {
  align-self: start;
  padding-left: 18px;
  border-left: 1px solid rgba(255,255,255,.13);
}

.about-mission-index .about-mission-icon,
.about-mission-index small {
  display: block;
}

/* آیکون‌های مأموریت و چشم‌انداز، خطی و زرد برند در جای شماره‌ها نمایش داده می‌شوند. */
.about-mission-index .about-mission-icon {
  width:26px;
  height:26px;
  filter:invert(69%) sepia(87%) saturate(1152%) hue-rotate(1deg) brightness(103%) contrast(103%)
}

.about-mission-index small {
  margin-top: 5px;
  color: rgba(255,255,255,.42);
  font-size: .72rem;
}

.about-mission-inner h3 {
  margin: 0 0 20px;
  color: #fff;
  font-size: 1.45rem;
  font-weight: 650;
}

.about-mission-inner p {
  margin: 0 0 12px;
  color: rgba(255,255,255,.68);
  font-size: .9rem;
  line-height: 2;
}

/* ----- شبکه دپارتمان‌ها؛ کارت‌های سبک با سلسله‌مراتب روشن ----- */
.about-deps {
  position: relative;
  overflow: hidden;
  padding: 112px 24px 122px;
  color: #0f1c2e;
  background: #f2f0ea;
}

.about-deps-inner {
  max-width: 1220px;
  margin: 0 auto;
}

.about-deps-head {
  max-width: 760px;
  margin: 0 auto 48px;
  text-align: center;
}

.about-deps-head>span {
  display: inline-block;
  margin-bottom: 16px;
  color: #a66d00;
  font-size: .78rem;
  font-weight: 750;
}

.about-deps h2 {
  margin: 0 0 15px;
  color: #0f1c2e;
  font-size: clamp(2rem,3.4vw,3.35rem);
  font-weight: 520;
  line-height: 1.35;
  letter-spacing: -.025em;
}

.about-deps-head p {
  margin: 0 auto;
  color: #657080;
  font-size: .94rem;
  line-height: 1.9;
}

.about-deps-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 12px;
}

/* هر کارت نماینده یک دپارتمان مستقل است؛ بدون آیکون و با توضیح عملکرد */
.about-dep-card {
  position: relative;
  overflow: hidden;
  min-height: 190px;
  padding: 28px 26px 24px;
  border: 1px solid rgba(15,28,46,.08);
  border-radius: 14px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(249,247,242,.9));
  box-shadow: 0 12px 34px rgba(15,28,46,.05);
  transition: transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.about-dep-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 26px;
  width: 42px;
  height: 3px;
  border-radius: 0 0 999px 999px;
  background: #f9a400;
}

.about-dep-card:hover {
  transform: translateY(-3px);
  border-color: rgba(249,164,0,.36);
  box-shadow: 0 20px 44px rgba(15,28,46,.09);
}

/* آرم زرد کسبی جای شماره‌گذاری کارت‌های دپارتمان‌ها را بدون تغییر جانمایی می‌گیرد. */
.about-dep-card .about-dep-mark {
  display: block;
  width:26px;
  height:auto;
  margin-bottom: 30px;
}

.about-dep-card h3 {
  margin: 0 0 9px;
  color: #122238;
  font-size: 1.02rem;
  font-weight: 750;
  line-height: 1.55;
}

.about-dep-card p {
  margin: 0;
  color: #717c8a;
  font-size: .78rem;
  line-height: 1.85;
}

@media (max-width:900px) {
  .about-hero-signature {
    display: none;
  }

  .about-story-inner {
    grid-template-columns: 1fr;
  }

  .about-story-media {
    width: calc(100% - 18px);
    margin-right: 18px;
  }

  .about-mission-inner {
    grid-template-columns: 1fr;
  }

  .about-mission-head {
    grid-column: auto;
  }

  .about-deps-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width:620px) {
  .about-hero {
    min-height: 700px;
  }

  .about-hero-media {
    background-position: 64% center !important;
  }

  .about-hero-copy {
    padding: 130px 20px 52px;
  }

  .about-hero-shade {
    background:
      linear-gradient(180deg,rgba(5,13,24,.34),rgba(5,13,24,.2) 38%,rgba(5,13,24,.9)),
      linear-gradient(90deg,rgba(5,13,24,.6),rgba(5,13,24,.18));
  }

  .about-hero-copy h1 {
    font-size: clamp(2.1rem,11vw,3.2rem);
  }

  .about-story,
  .about-mission,
  .about-deps {
    padding: 82px 20px;
  }

  .about-story-inner {
    gap: 48px;
  }

  .about-story-visual {
    border-radius: 4px 28px 4px 4px;
  }

  .about-story-caption {
    right: -14px;
    bottom: 18px;
  }

  .about-mission-inner article {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 30px 24px;
  }

  .about-mission-index {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 0 14px;
    border: 0;
    border-bottom: 1px solid rgba(255,255,255,.12);
  }

  .about-mission-index small {
    margin: 0;
  }

  .about-deps-grid {
    grid-template-columns: 1fr;
  }

  .about-dep-card {
    min-height: 0;
    padding: 24px 22px 22px;
  }
}

/* ----- تماس پریمیوم، مسیرهای ارتباطی و لوکیشن در صفحه درباره ما ----- */
.page-view[data-page="about"] .about-contact {
  position:relative;
  overflow:hidden;
  padding:100px 24px 112px;
  background:
    radial-gradient(circle at 8% 10%,rgba(249,164,0,.09),transparent 24%),
    linear-gradient(180deg,#f8f6f1 0%,#eeebe4 100%);
}

.page-view[data-page="about"] .about-contact::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(15,28,46,.035) 1px,transparent 1px);
  background-size:96px 100%;
  mask-image:linear-gradient(90deg,transparent,black 28%,black 72%,transparent);
  opacity:.38;
}

.about-contact-inner {
  position:relative;
  z-index:1;
  max-width:1240px;
  margin:0 auto;
}

.about-contact-intro {
  max-width:760px;
  margin:0 auto 52px;
  text-align:center;
}

.about-contact-intro span {
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#a66d00;
  font-weight:650;
}

.about-contact-intro span::before {
  content:"";
  width:28px;
  height:1px;
  background:#f9a400;
}

.page-view[data-page="about"] .about-contact-intro h2 {
  max-width:700px;
  margin:12px auto 14px;
  color:#101b2b;
  font-size:clamp(2rem,3.3vw,3.25rem);
  line-height:1.32;
}

.page-view[data-page="about"] .about-contact-intro p {
  max-width:620px;
  margin:0 auto;
  color:#626974;
  font-size:1.05rem;
  line-height:1.9;
}

.about-contact-shell {
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  border:1px solid rgba(15,28,46,.1);
  border-radius:26px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 32px 90px rgba(15,28,46,.13);
}

.about-contact-form {
  min-height:100%;
  padding:44px 40px;
  display:flex;
  flex-direction:column;
  color:#fff;
  background:
    radial-gradient(circle at 15% 12%,rgba(249,164,0,.12),transparent 24%),
    linear-gradient(145deg,#122238 0%,#091524 100%);
}

.about-contact-form-head {
  margin-bottom:30px;
}

.about-contact-form-head>span {
  color:#f9a400;
  font-size:.86rem;
  font-weight:600;
}

.about-contact-form h3 {
  margin:8px 0 10px;
  color:#fff;
  font-size:clamp(1.45rem,2vw,2rem);
  line-height:1.5;
}

.about-contact-form-head>p {
  max-width:440px;
  margin:0;
  color:rgba(255,255,255,.67);
  line-height:1.8;
}

.about-contact-fields {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.about-contact-fields label {
  display:grid;
  gap:8px;
  color:rgba(255,255,255,.8);
  font-size:.88rem;
}

.about-contact-field-wide {
  grid-column:1 / -1;
}

.page-view[data-page="about"] .about-contact-form input,
.page-view[data-page="about"] .about-contact-form textarea {
  width:100%;
  border:1px solid rgba(255,255,255,.11);
  border-radius:12px;
  padding:13px 15px;
  background:rgba(255,255,255,.96);
  color:#101b2b;
  font-family:Peyda,Arial,sans-serif;
  font-size:.95rem;
  transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;
}

.page-view[data-page="about"] .about-contact-form textarea {
  min-height:132px;
  resize:vertical;
}

.page-view[data-page="about"] .about-contact-form input:focus,
.page-view[data-page="about"] .about-contact-form textarea:focus {
  border-color:#f9a400;
  outline:0;
  background:#fff;
  box-shadow:0 0 0 4px rgba(249,164,0,.14);
}

.about-contact-form>button {
  height:54px;
  margin-top:18px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:0;
  border-radius:12px;
  background:#f9a400;
  color:#0f1c2e;
  font-family:Peyda,Arial,sans-serif;
  font-size:1rem;
  font-weight:750;
  cursor:pointer;
  transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
}

.about-contact-form>button:hover {
  transform:translateY(-2px);
  background:#ffb72d;
  box-shadow:0 12px 28px rgba(249,164,0,.2);
}

.about-contact-form>button b {
  font-size:1.25rem;
  font-weight:400;
}

.about-contact-details {
  padding:44px 40px;
  background:linear-gradient(145deg,#fff 0%,#faf8f4 100%);
}

.about-contact-details-head {
  margin-bottom:24px;
}

.about-contact-details-head span {
  color:#a66d00;
  font-size:.86rem;
  font-weight:600;
}

.about-contact-details-head h3 {
  margin:8px 0 0;
  color:#101b2b;
  font-size:clamp(1.35rem,1.8vw,1.8rem);
}

.about-contact-channels {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-bottom:20px;
}

.about-contact-channels>a {
  position:relative;
  min-height:112px;
  padding:17px 16px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  border:1px solid rgba(15,28,46,.09);
  border-radius:14px;
  background:#fff;
  color:#101b2b;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.about-contact-channels>a:hover {
  transform:translateY(-3px);
  border-color:rgba(249,164,0,.55);
  box-shadow:0 16px 34px rgba(15,28,46,.09);
}

.about-contact-channels small {
  margin-bottom:6px;
  color:#747b84;
  font-size:.75rem;
}

.about-contact-channels strong {
  font-size:.96rem;
  font-weight:700;
}

.about-contact-channels>a>b {
  position:absolute;
  top:13px;
  left:14px;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(249,164,0,.12);
  color:#a66d00;
  font-size:.82rem;
}

.about-contact-location {
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:250px;
  overflow:hidden;
  border:1px solid rgba(15,28,46,.09);
  border-radius:18px;
  background:#f2f0eb;
}

.about-contact-address {
  padding:26px 24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.about-contact-address>span {
  color:#a66d00;
  font-size:.82rem;
  font-weight:650;
}

.about-contact-address h3 {
  margin:8px 0 9px;
  color:#101b2b;
  font-size:1.15rem;
}

.about-contact-address p {
  margin:0 0 8px;
  color:#4f5864;
  line-height:1.85;
}

.about-contact-note {
  color:#777e87!important;
  font-size:.83rem;
}

.about-contact-address>a {
  width:max-content;
  margin-top:8px;
  color:#101b2b;
  font-weight:700;
}

.about-contact-address>a b {
  margin-right:7px;
  color:#a66d00;
}

.about-contact-map {
  width:100%;
  height:100%;
  min-height:250px;
  border:0;
  filter:grayscale(1) contrast(.94) brightness(1.04);
}

@media (max-width: 900px) {
  .about-story-inner,
  .about-mission-inner,
  .about-contact-shell {
    grid-template-columns: 1fr;
  }
  .about-deps-grid {
    grid-template-columns: 1fr 1fr;
  }

  .about-contact-details {
    order:-1;
  }

  .about-contact-channels {
    grid-template-columns:1fr;
  }

  .about-contact-channels>a {
    min-height:88px;
  }
}

@media (max-width:620px) {
  .page-view[data-page="about"] .about-contact {
    padding:72px 16px 80px;
  }

  .about-contact-intro {
    margin-bottom:34px;
  }

  .about-contact-shell {
    border-radius:20px;
  }

  .about-contact-form,
  .about-contact-details {
    padding:30px 20px;
  }

  .about-contact-fields,
  .about-contact-location {
    grid-template-columns:1fr;
  }

  .about-contact-map {
    min-height:220px;
  }
}


/* ==================== پرداخت پریمیوم سراسری نسخه ۱۱۴ ==================== */
/*
  این لایه فقط ظاهر صفحات را با زبان مینیمال و تشریفاتی کسبی پالایش می‌کند.
  ساختار، محتوا، تصاویر، ابعاد اصلی، انیمیشن‌ها و رفتارهای نسخه ۱۱۴ دست‌نخورده می‌مانند.
*/
:root {
  --kasbi-premium-canvas:#f2f0eb;
  --kasbi-premium-paper:#fbfaf7;
  --kasbi-premium-paper-deep:#f5f2ec;
  --kasbi-premium-ink:#101b2b;
  --kasbi-premium-muted:#626974;
  --kasbi-premium-accent:#f9a400;
  --kasbi-premium-accent-soft:rgba(249,164,0,.16);
  --kasbi-premium-line:rgba(15,28,46,.10);
  --kasbi-premium-shadow:0 24px 70px rgba(15,28,46,.10),0 2px 10px rgba(15,28,46,.045)
}

body:not(.drivers-route) {
  background:var(--kasbi-premium-canvas);
  color:var(--kasbi-premium-ink)
}

body:not(.drivers-route) .page-view {
  background-color:var(--kasbi-premium-canvas)
}

/* زمینه‌های روشن و لایه‌دار؛ جایگزین سفیدی تخت در سکشن‌های محتوایی */
body:not(.drivers-route) .home-comfort,
body:not(.drivers-route) .home-excellence,
body:not(.drivers-route) .services-overview-intro,
body:not(.drivers-route) .services-overview-list,
body:not(.drivers-route) .split-section,
body:not(.drivers-route) .steps,
body:not(.drivers-route) .faq,
body:not(.drivers-route) .business-overview,
body:not(.drivers-route) .dashboard-section,
body:not(.drivers-route) .lead-form,
body:not(.drivers-route) .post-grid,
body:not(.drivers-route) .smart-lead,
body:not(.drivers-route) .smart-about,
body:not(.drivers-route) .smart-steps,
body:not(.drivers-route) .smart-dashboard,
body:not(.drivers-route) .smart-faq,
body:not(.drivers-route) .about-story,
body:not(.drivers-route) .about-contact {
  background:
    radial-gradient(circle at 88% 6%,rgba(249,164,0,.05),transparent 24%),
    linear-gradient(180deg,var(--kasbi-premium-paper) 0%,var(--kasbi-premium-paper-deep) 100%)
}

body:not(.drivers-route) .home-excellence,
body:not(.drivers-route) .benefits,
body:not(.drivers-route) .services-overview-values,
body:not(.drivers-route) .smart-features {
  background:
    radial-gradient(circle at 12% 18%,rgba(249,164,0,.045),transparent 26%),
    linear-gradient(180deg,#f4f2ed 0%,#eeece6 100%)
}

/* تیترهای محتوایی با سرمه‌ای-ذغالی عمیق به‌جای مشکی خالص */
body:not(.drivers-route) .home-statement h2,
body:not(.drivers-route) .section-intro h2,
body:not(.drivers-route) .split-section h2,
body:not(.drivers-route) .benefits h2,
body:not(.drivers-route) .steps h2,
body:not(.drivers-route) .faq h2,
body:not(.drivers-route) .business-overview h2,
body:not(.drivers-route) .dashboard-section h2,
body:not(.drivers-route) .lead-form h2,
body:not(.drivers-route) .services-overview-intro h2,
body:not(.drivers-route) .services-overview-values h2,
body:not(.drivers-route) .editorial-hero h1,
body:not(.drivers-route) .smart-section-head h2,
body:not(.drivers-route) .smart-about-copy h2,
body:not(.drivers-route) .smart-lead-text h2,
body:not(.drivers-route) .about-contact-intro h2 {
  color:var(--kasbi-premium-ink);
  text-shadow:0 1px 0 rgba(255,255,255,.72)
}

body:not(.drivers-route) .home-statement p,
body:not(.drivers-route) .section-intro p,
body:not(.drivers-route) .split-section p,
body:not(.drivers-route) .business-overview p,
body:not(.drivers-route) .dashboard-section header p,
body:not(.drivers-route) .lead-form>div p,
body:not(.drivers-route) .services-overview-intro p,
body:not(.drivers-route) .editorial-hero p,
body:not(.drivers-route) .smart-section-head p,
body:not(.drivers-route) .smart-about-copy p,
body:not(.drivers-route) .smart-lead-text p,
body:not(.drivers-route) .about-contact-intro p {
  color:var(--kasbi-premium-muted)
}

/* خط زرد برند؛ بسیار محدود و فقط برای امضای تیترهای مرکزی */
body:not(.drivers-route) .home-statement h2::after,
body:not(.drivers-route) .benefits>header h2::after,
body:not(.drivers-route) .steps>header h2::after,
body:not(.drivers-route) .faq>header h2::after,
body:not(.drivers-route) .services-overview-values>header h2::after,
body:not(.drivers-route) .smart-section-head h2::after {
  content:"";
  display:block;
  width:54px;
  height:2px;
  margin:20px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--kasbi-premium-accent),transparent)
}

body:not(.drivers-route) .split-section>div>span,
body:not(.drivers-route) .business-overview>div>span,
body:not(.drivers-route) .dashboard-section>header>span,
body:not(.drivers-route) .lead-form>div>span,
body:not(.drivers-route) .services-overview-intro>span,
body:not(.drivers-route) .editorial-hero>span,
body:not(.drivers-route) .about-contact-intro>span {
  color:#a66d00
}

/* عمق نرم برای تصاویر بزرگ و کارت‌های اصلی */
body:not(.drivers-route) .home-comfort-card,
body:not(.drivers-route) .split-image,
body:not(.drivers-route) .dashboard-image,
body:not(.drivers-route) .services-overview-row>.image-slot,
body:not(.drivers-route) .smart-dashboard-panel,
body:not(.drivers-route) .smart-about-visual {
  border:1px solid rgba(255,255,255,.72);
  box-shadow:var(--kasbi-premium-shadow)
}

body:not(.drivers-route) .home-comfort-card {
  border-radius:18px
}

body:not(.drivers-route) .home-glass-caption {
  border-color:rgba(249,164,0,.30);
  background:linear-gradient(120deg,rgba(8,17,30,.88),rgba(18,30,47,.68));
  box-shadow:0 18px 48px rgba(0,0,0,.22);
  backdrop-filter:blur(22px) saturate(125%);
  -webkit-backdrop-filter:blur(22px) saturate(125%)
}

body:not(.drivers-route) .benefits article,
body:not(.drivers-route) .step-grid article,
body:not(.drivers-route) .home-excellence-grid article,
body:not(.drivers-route) .services-overview-values article,
body:not(.drivers-route) .stat-grid article,
body:not(.drivers-route) .accordion article,
body:not(.drivers-route) .smart-feature-card,
body:not(.drivers-route) .smart-step-card,
body:not(.drivers-route) .about-contact-cards article,
body:not(.drivers-route) .about-contact-address {
  border-color:var(--kasbi-premium-line);
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(250,248,243,.91));
  box-shadow:0 10px 34px rgba(15,28,46,.055)
}

body:not(.drivers-route) .benefits article,
body:not(.drivers-route) .services-overview-values article {
  border-top-color:var(--kasbi-premium-accent)
}

body:not(.drivers-route) .benefits article:hover,
body:not(.drivers-route) .step-grid article:hover,
body:not(.drivers-route) .home-excellence-grid article:hover,
body:not(.drivers-route) .services-overview-values article:hover,
body:not(.drivers-route) .smart-feature-card:hover,
body:not(.drivers-route) .smart-step-card:hover {
  transform:translateY(-4px);
  box-shadow:0 22px 52px rgba(15,28,46,.10)
}

/* بخش‌های تیره جدید؛ همان سرمه‌ای برند با عمق بیشتر */
body:not(.drivers-route) .svc-audience {
  background:
    radial-gradient(circle at 18% 15%,rgba(249,164,0,.08),transparent 24%),
    linear-gradient(145deg,#111f33 0%,#081423 100%)
}

body:not(.drivers-route) .svc-card {
  border-color:rgba(255,255,255,.12);
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  box-shadow:0 14px 34px rgba(0,0,0,.14)
}

/* فرم‌ها؛ سطح روشن‌تر و فوکوس زرد کم‌رنگ */
body:not(.drivers-route) .lead-form form input,
body:not(.drivers-route) .lead-form form textarea,
body:not(.drivers-route) .form-field input,
body:not(.drivers-route) .form-field select,
body:not(.drivers-route) .form-field textarea,
body:not(.drivers-route) .about-contact-form input,
body:not(.drivers-route) .about-contact-form textarea {
  border-color:rgba(15,28,46,.14);
  background:rgba(255,255,255,.92)
}

body:not(.drivers-route) .lead-form form input:focus,
body:not(.drivers-route) .lead-form form textarea:focus,
body:not(.drivers-route) .form-field input:focus,
body:not(.drivers-route) .form-field select:focus,
body:not(.drivers-route) .form-field textarea:focus,
body:not(.drivers-route) .about-contact-form input:focus,
body:not(.drivers-route) .about-contact-form textarea:focus {
  border-color:var(--kasbi-premium-accent);
  box-shadow:0 0 0 4px var(--kasbi-premium-accent-soft);
  outline:0
}

/* صفحه رانندگان پالت زرد، طوسی و مشکی مستقل خود را حفظ می‌کند */
.page-view[data-page="drivers"] .driver-onboarding,
.page-view[data-page="drivers"] .driver-faq {
  background:
    radial-gradient(circle at 85% 8%,rgba(253,185,76,.075),transparent 25%),
    linear-gradient(180deg,#fff 0%,#f5f4f1 100%)
}

.page-view[data-page="drivers"] .driver-process-panel,
.page-view[data-page="drivers"] .driver-faq-image {
  border:1px solid rgba(202,148,61,.26);
  box-shadow:0 24px 64px rgba(13,13,13,.13)
}

@media (max-width:760px) {
  body:not(.drivers-route) .home-comfort-card {
    border-radius:14px
  }

  body:not(.drivers-route) .home-statement h2::after,
  body:not(.drivers-route) .benefits>header h2::after,
  body:not(.drivers-route) .steps>header h2::after,
  body:not(.drivers-route) .faq>header h2::after,
  body:not(.drivers-route) .services-overview-values>header h2::after,
  body:not(.drivers-route) .smart-section-head h2::after {
    margin-top:15px
  }
}

/* جای‌گذاری نهایی متن اسلاید چندمقصدی پس از همهٔ قواعد قبلی هیروی موبایل. */
@media (max-width:760px) {
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy {
    right:14px!important;
    bottom:clamp(150px,21svh,188px)!important;
    left:14px!important;
    max-width:none!important;
    text-align:center!important;
  }

  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy h1 {
    max-width:15ch!important;
    margin-inline:auto!important;
    font-size:clamp(1.82rem,8.3vw,2.45rem)!important;
    line-height:1.36!important;
  }
}

/* صفحه اصلی — تنظیم قطعی و نهایی سه هیرو پس از تمام قواعد قدیمی موبایل. */
@media (max-width:760px) {
  .page-view[data-page="home"] .home-hero {
    width:100%; height:100svh; min-height:640px; max-height:820px; overflow:hidden
  }
  .page-view[data-page="home"] .home-hero-slide-copy {
    box-sizing:border-box!important; direction:rtl; opacity:1!important; transform:none!important
  }

  /* چندمقصدی: تیتر کامل در مرکز پایین و تصویر متمرکز روی خودرو و مقصدها. */
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-media {
    background-position:60% center!important; transform:scale(1.018)!important
  }
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-shade {
    background:linear-gradient(180deg,rgba(7,19,33,.2),rgba(7,19,33,.04) 43%,rgba(7,19,33,.88))!important
  }
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy {
    top:auto!important; right:20px!important; bottom:clamp(108px,15svh,142px)!important; left:20px!important;
    width:calc(100% - 40px)!important; max-width:none!important; padding:0!important; text-align:center!important
  }
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy h1 {
    width:100%!important; max-width:330px!important; margin:0 auto!important;
    font-size:clamp(1.72rem,7.7vw,2.18rem)!important; line-height:1.36!important;
    white-space:normal!important; text-wrap:balance!important
  }

  /* خودرو در اختیار: تیتر در ناحیه امن بالای خودرو و دور از هدر. */
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-media {
    background-position:58% center!important; transform:scale(1.018)!important
  }
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-shade {
    background:linear-gradient(180deg,rgba(7,19,33,.52),rgba(7,19,33,.17) 43%,rgba(7,19,33,.5))!important
  }
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy {
    top:clamp(154px,22svh,190px)!important; right:20px!important; bottom:auto!important; left:20px!important;
    width:calc(100% - 40px)!important; max-width:none!important; padding:12px 8px 15px!important; text-align:center!important
  }
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy h2 {
    width:100%!important; max-width:330px!important; margin:0 auto!important;
    font-size:clamp(1.74rem,7.8vw,2.2rem)!important; line-height:1.36!important;
    white-space:normal!important; text-wrap:balance!important
  }

  /* پوشش ایران: متن بالای قوس ثابت و تصویر برای قاب عمودی بزرگ‌نمایی کنترل‌شده دارد. */
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-media {
    background-size:auto 112%!important; background-position:center 42%!important; transform:none!important
  }
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-shade {
    background:linear-gradient(180deg,rgba(3,10,18,.48),rgba(3,10,18,.12) 38%,rgba(3,10,18,.64))!important
  }
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-copy {
    top:clamp(104px,14svh,126px)!important; right:18px!important; bottom:auto!important; left:18px!important;
    width:calc(100% - 36px)!important; max-width:none!important; padding:0!important; text-align:center!important
  }
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-copy h1 {
    width:100%!important; max-width:340px!important; margin:0 auto 10px!important;
    font-size:clamp(1.62rem,7.25vw,2.02rem)!important; line-height:1.38!important;
    white-space:normal!important; text-wrap:balance!important
  }
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-copy p {
    max-width:345px!important; margin:0 auto!important;
    font-size:clamp(.78rem,3.45vw,.9rem)!important; line-height:1.86!important
  }
}

/* گوشی‌های باریک: حاشیه امن و تیتر فشرده‌تر از بریده‌شدن نوشته جلوگیری می‌کند. */
@media (max-width:390px) {
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy,
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy {
    right:16px!important; left:16px!important; width:calc(100% - 32px)!important
  }
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy h1,
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy h2 {
    font-size:clamp(1.58rem,7.5vw,1.9rem)!important
  }
}

/* سامانه هوشمند — کنترل‌های قابل‌لمس کاروسل مراحل در موبایل. */
@media (max-width:760px) {
  .page-view[data-page="how"] .smart-steps-track-wrap {
    display:grid;
    grid-template-columns:minmax(0,1fr) 48px 48px;
    grid-template-rows:auto 48px;
    gap:15px 9px;
    align-items:center;
  }

  .page-view[data-page="how"] .smart-steps-track {
    grid-column:1 / -1;
    grid-row:1;
    width:calc(100% + 20px);
    margin-right:-20px;
    padding:0 0 8px;
  }

  .page-view[data-page="how"] .smart-steps-nav {
    display:grid;
    width:44px;
    height:44px;
    border:1px solid rgba(15,28,46,.2);
    border-radius:50%;
    background:#fff;
    color:var(--smart-ink);
    font-size:1.7rem;
    line-height:1;
    box-shadow:0 8px 20px rgba(15,28,46,.1);
    transition:transform .2s ease,background .2s ease,border-color .2s ease;
  }

  .page-view[data-page="how"] .smart-steps-nav[data-smart-steps="prev"] {
    grid-column:2;
    grid-row:2;
  }

  .page-view[data-page="how"] .smart-steps-nav[data-smart-steps="next"] {
    grid-column:3;
    grid-row:2;
    background:var(--smart-yellow);
    border-color:var(--smart-yellow);
  }

  .page-view[data-page="how"] .smart-steps-nav:active {
    transform:scale(.93);
  }

  .page-view[data-page="how"] .smart-steps-dots {
    display:flex;
    margin-top:17px;
  }

  /* centeredSlides باید در آخر زنجیرهٔ استایل موبایل هم حفظ شود. */
  .page-view[data-page="how"] .smart-steps-track {
    width:100%;
    margin-right:0;
    padding:8px 0 12px;
    gap:0
  }
}

/* v203-final — کنتراست نهایی مودال ثبت‌نام رانندگان */
.consultation-modal.driver-mode .consultation-modal-content .driver-form-card {
  background:linear-gradient(145deg,#ffc45e 0%,#f7ad2f 58%,#efa11c 100%);
  color:#071a30
}

.consultation-modal.driver-mode .consultation-modal-content .driver-form-card .contact-icon {
  filter:brightness(0) saturate(100%);
  opacity:.92
}

.consultation-modal.driver-mode .consultation-modal-content .driver-form-card h3 {
  color:#071a30;
  text-shadow:none
}

.consultation-modal.driver-mode .consultation-modal-content .driver-form-card>p {
  color:rgba(7,26,48,.72)
}

.consultation-modal.driver-mode .consultation-modal-content .driver-form-card .kasbi-contact-form button[type="submit"] {
  border-color:#071a30;
  background:#071a30;
  color:#fff;
  box-shadow:0 12px 28px rgba(7,26,48,.2)
}

.consultation-modal.driver-mode .consultation-modal-content .driver-form-card .kasbi-contact-form button[type="submit"]:hover {
  background:#102d4f;
  box-shadow:0 15px 32px rgba(7,26,48,.27)
}

/* v203 — کنتراست نهایی مودال ثبت‌نام رانندگان */
.consultation-modal.driver-mode .consultation-modal-content .driver-form-card {
  background:linear-gradient(145deg,#ffc45e 0%,#f7ad2f 58%,#efa11c 100%);
  color:#071a30
}

.consultation-modal.driver-mode .consultation-modal-content .driver-form-card .contact-icon {
  filter:brightness(0) saturate(100%);
  opacity:.92
}

.consultation-modal.driver-mode .consultation-modal-content .driver-form-card h3 {
  color:#071a30;
  text-shadow:none
}

.consultation-modal.driver-mode .consultation-modal-content .driver-form-card>p {
  color:rgba(7,26,48,.72)
}

.consultation-modal.driver-mode .consultation-modal-content .driver-form-card .kasbi-contact-form button[type="submit"] {
  border-color:#071a30;
  background:#071a30;
  color:#fff;
  box-shadow:0 12px 28px rgba(7,26,48,.2)
}

.consultation-modal.driver-mode .consultation-modal-content .driver-form-card .kasbi-contact-form button[type="submit"]:hover {
  background:#102d4f;
  box-shadow:0 15px 32px rgba(7,26,48,.27)
}

/* v197 — چهار کارت هم‌اندازه در بخش مزیت‌های صفحه اصلی */
@media (min-width:1101px) {
  .page-view[data-page="home"] .home-excellence-grid {
    width:min(1480px,calc(100% - 48px));
    max-width:1480px;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:20px
  }
}

@media (min-width:761px) and (max-width:1100px) {
  .page-view[data-page="home"] .home-excellence-grid {
    width:min(860px,calc(100% - 40px));
    max-width:860px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px
  }
}

.page-view[data-page="home"] .home-excellence-grid article,
.page-view[data-page="home"] .home-excellence-grid article:nth-child(4) {
  min-width:0;
  height:100%;
  padding:26px 24px 30px;
  background:#0f1c2e;
  color:#fff
}

.page-view[data-page="home"] .home-excellence-grid article:nth-child(4)::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:#f9a400
}

.page-view[data-page="home"] .home-excellence-grid article:nth-child(4) p {
  color:#c7cfd9
}

.page-view[data-page="home"] .home-excellence-grid :is(.coverage-card-image,.free-stop-card-image,.cost-card-image) {
  width:100%;
  height:auto;
  aspect-ratio:16 / 10;
  margin-bottom:20px
}

.page-view[data-page="home"] .home-excellence-grid :is(.coverage-card-image,.free-stop-card-image,.cost-card-image) img {
  width:100%;
  height:100%;
  object-fit:cover
}

@media (max-width:760px) {
  .page-view[data-page="home"] .home-excellence-grid {
    grid-template-columns:1fr;
    width:100%;
    max-width:540px;
    margin-inline:auto
  }

  .page-view[data-page="home"] .home-excellence-grid article,
  .page-view[data-page="home"] .home-excellence-grid article:nth-child(4) {
    width:100%;
    padding:20px 18px 24px
  }

  .page-view[data-page="home"] .home-excellence-grid :is(.coverage-card-image,.free-stop-card-image,.cost-card-image) {
    aspect-ratio:16 / 9;
    margin-bottom:16px
  }
}

/* v198 — ریدیزاین بصری فرم‌های همکاری؛ منطق و ارسال فرم‌ها بدون تغییر */
.page-view[data-page="home"] .home-contact-forms {
  padding:32px 24px 104px;
  background:
    radial-gradient(circle at 10% 12%,rgba(249,164,0,.08),transparent 24%),
    radial-gradient(circle at 92% 86%,rgba(3,30,65,.07),transparent 28%),
    #f6f4ef
}

.page-view[data-page="home"] .contact-forms-grid {
  width:min(100%,1060px);
  max-width:1060px;
  gap:22px;
  align-items:stretch
}

.page-view[data-page="home"] .contact-form-card {
  position:relative;
  isolation:isolate;
  min-width:0;
  padding:34px 30px 32px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  text-align:right;
  box-shadow:0 22px 60px rgba(15,28,46,.12);
  transition:transform .35s ease,box-shadow .35s ease
}

.page-view[data-page="home"] .contact-form-card::before {
  content:"";
  position:absolute;
  z-index:-1;
  top:-115px;
  left:-90px;
  width:260px;
  height:260px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
  background:rgba(255,255,255,.055)
}

.page-view[data-page="home"] .contact-form-card::after {
  content:"";
  position:absolute;
  z-index:-1;
  right:28px;
  top:0;
  width:68px;
  height:3px;
  border-radius:0 0 999px 999px;
  background:#fff
}

.page-view[data-page="home"] .company-form-card {
  background:linear-gradient(145deg,#0b203c 0%,#03182f 54%,#021226 100%)
}

.page-view[data-page="home"] .company-form-card::after {
  background:#f9a400
}

.page-view[data-page="home"] .driver-form-card {
  background:linear-gradient(145deg,#ffb51f 0%,#f9a400 58%,#ec9300 100%)
}

.page-view[data-page="home"] .contact-form-card:hover {
  transform:translateY(-4px);
  box-shadow:0 30px 74px rgba(15,28,46,.17)
}

.page-view[data-page="home"] .contact-icon {
  width:54px;
  height:54px;
  margin:0 0 22px auto;
  border:1px solid rgba(3,30,65,.08);
  background:rgba(255,255,255,.94);
  box-shadow:0 12px 30px rgba(0,0,0,.11)
}

.page-view[data-page="home"] .contact-icon svg {
  width:28px;
  height:28px
}

.page-view[data-page="home"] .contact-form-card h3 {
  margin:0 0 8px;
  font-size:clamp(1.65rem,2.2vw,2.05rem);
  line-height:1.35
}

.page-view[data-page="home"] .contact-form-card>p {
  min-height:3.2em;
  margin:0 0 24px;
  font-size:.98rem;
  line-height:1.8
}

.page-view[data-page="home"] .company-form-card>p {
  color:rgba(255,255,255,.7)
}

.page-view[data-page="home"] .driver-form-card>p {
  color:rgba(3,30,65,.72)
}

.page-view[data-page="home"] .kasbi-contact-form {
  margin-top:auto;
  gap:13px
}

.page-view[data-page="home"] .kasbi-contact-form .form-grid {
  gap:13px
}

.page-view[data-page="home"] .kasbi-contact-form :is(input,select) {
  width:100%;
  height:56px;
  border:1px solid rgba(3,30,65,.11);
  border-radius:12px;
  padding-inline:18px;
  background:rgba(255,255,255,.94);
  color:#122238;
  box-shadow:0 7px 18px rgba(3,30,65,.055);
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease
}

.page-view[data-page="home"] .kasbi-contact-form :is(input,select):focus {
  border-color:#f9a400;
  background:#fff;
  box-shadow:0 0 0 4px rgba(249,164,0,.17),0 9px 22px rgba(3,30,65,.08)
}

.page-view[data-page="home"] .driver-form-card .kasbi-contact-form :is(input,select):focus {
  border-color:#031e41;
  box-shadow:0 0 0 4px rgba(3,30,65,.14),0 9px 22px rgba(3,30,65,.09)
}

.page-view[data-page="home"] .kasbi-contact-form select {
  background-position:right 16px center;
  padding-right:44px
}

.page-view[data-page="home"] .kasbi-contact-form button {
  height:58px;
  margin-top:2px;
  border-radius:12px;
  box-shadow:0 12px 26px rgba(0,0,0,.13);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease
}

.page-view[data-page="home"] .kasbi-contact-form button:hover {
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(0,0,0,.18);
  filter:brightness(1.035)
}

@media (max-width:900px) {
  .page-view[data-page="home"] .contact-forms-grid {
    width:min(100%,620px);
    grid-template-columns:1fr;
    gap:18px
  }
}

@media (max-width:760px) {
  .page-view[data-page="home"] .home-contact-forms {
    padding:22px 14px 64px
  }

  .page-view[data-page="home"] .contact-form-card {
    padding:24px 17px 20px;
    border-radius:19px;
    text-align:right
  }

  .page-view[data-page="home"] .contact-form-card::before {
    top:-135px;
    left:-125px
  }

  .page-view[data-page="home"] .contact-icon {
    width:48px;
    height:48px;
    margin-bottom:17px
  }

  .page-view[data-page="home"] .contact-form-card h3 {
    font-size:1.48rem
  }

  .page-view[data-page="home"] .contact-form-card>p {
    min-height:0;
    margin-bottom:20px;
    font-size:.88rem
  }

  .page-view[data-page="home"] .kasbi-contact-form .form-grid {
    grid-template-columns:1fr
  }

  .page-view[data-page="home"] .kasbi-contact-form :is(input,select,button) {
    min-width:0;
    height:54px;
    font-size:.91rem
  }
}

/* v199 — فرم‌های هماهنگ با زبان بصری پریمیوم سایت */
.page-view[data-page="home"] .home-contact-forms {
  background:#f5f3ee
}

.page-view[data-page="home"] .contact-form-card,
.page-view[data-page="home"] .company-form-card,
.page-view[data-page="home"] .driver-form-card {
  padding:32px 30px 30px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:linear-gradient(145deg,#14263e 0%,#081a30 58%,#061426 100%);
  color:#fff;
  box-shadow:0 18px 46px rgba(8,25,47,.12);
  transform:none
}

.page-view[data-page="home"] .driver-form-card {
  background:linear-gradient(145deg,#1b304b 0%,#10243d 54%,#0a1c32 100%)
}

.page-view[data-page="home"] .contact-form-card::before {
  content:"";
  position:absolute;
  z-index:0;
  top:0;
  right:0;
  left:0;
  width:auto;
  height:3px;
  border:0;
  border-radius:18px 18px 0 0;
  background:linear-gradient(90deg,transparent 8%,#f9a400 50%,transparent 92%)
}

.page-view[data-page="home"] .contact-form-card::after {
  display:none
}

.page-view[data-page="home"] .contact-form-card:hover {
  transform:translateY(-2px);
  box-shadow:0 24px 56px rgba(8,25,47,.16)
}

.page-view[data-page="home"] .contact-icon {
  position:relative;
  z-index:1;
  width:48px;
  height:48px;
  margin:0 0 20px auto;
  border:1px solid rgba(249,164,0,.38);
  border-radius:12px;
  background:rgba(249,164,0,.1);
  box-shadow:none
}

.page-view[data-page="home"] .contact-icon svg,
.page-view[data-page="home"] .driver-form-card .contact-icon svg,
.page-view[data-page="home"] .company-form-card .contact-icon svg {
  width:25px;
  height:25px;
  stroke:#f9a400
}

.page-view[data-page="home"] .contact-form-card h3 {
  color:#fff;
  font-size:clamp(1.55rem,2vw,1.9rem);
  font-weight:700
}

.page-view[data-page="home"] .contact-form-card>p,
.page-view[data-page="home"] .driver-form-card>p,
.page-view[data-page="home"] .company-form-card>p {
  color:rgba(235,240,246,.69)
}

.page-view[data-page="home"] .kasbi-contact-form :is(input,select) {
  height:54px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:10px;
  background:#f8f7f4;
  color:#142238;
  box-shadow:none
}

.page-view[data-page="home"] .kasbi-contact-form :is(input,select):hover {
  border-color:rgba(249,164,0,.5)
}

.page-view[data-page="home"] .kasbi-contact-form :is(input,select):focus,
.page-view[data-page="home"] .driver-form-card .kasbi-contact-form :is(input,select):focus {
  border-color:#f9a400;
  background:#fff;
  box-shadow:0 0 0 3px rgba(249,164,0,.15)
}

.page-view[data-page="home"] .kasbi-contact-form button,
.page-view[data-page="home"] .driver-form-card .kasbi-contact-form button {
  height:56px;
  border:1px solid #f9a400;
  border-radius:10px;
  background:#f9a400;
  color:#071a30;
  box-shadow:none
}

.page-view[data-page="home"] .kasbi-contact-form button:hover {
  transform:translateY(-1px);
  background:#ffb62e;
  box-shadow:0 10px 24px rgba(249,164,0,.18)
}

@media (max-width:760px) {
  .page-view[data-page="home"] .contact-form-card,
  .page-view[data-page="home"] .company-form-card,
  .page-view[data-page="home"] .driver-form-card {
    padding:23px 17px 20px;
    border-radius:16px
  }

  .page-view[data-page="home"] .contact-form-card::before {
    border-radius:16px 16px 0 0
  }

  .page-view[data-page="home"] .contact-icon {
    width:44px;
    height:44px;
    margin-bottom:16px;
    border-radius:10px
  }
}

/* v200 — فلش کشویی‌ها و تراز مرکزی سربرگ فرم‌ها */
.page-view[data-page="home"] .contact-icon {
  width:62px;
  height:62px;
  margin:0 auto 20px;
  border-radius:15px
}

.page-view[data-page="home"] .contact-icon svg,
.page-view[data-page="home"] .driver-form-card .contact-icon svg,
.page-view[data-page="home"] .company-form-card .contact-icon svg {
  width:33px;
  height:33px
}

.page-view[data-page="home"] .contact-form-card h3,
.page-view[data-page="home"] .contact-form-card>p {
  width:100%;
  text-align:center
}

.page-view[data-page="home"] .kasbi-contact-form select {
  appearance:none;
  -webkit-appearance:none;
  background-color:#f8f7f4;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.5 6.75L9 11.25L13.5 6.75' stroke='%2318314e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 16px center;
  background-size:18px 18px;
  padding-right:48px;
  padding-left:18px;
  cursor:pointer
}

.page-view[data-page="home"] .kasbi-contact-form select:hover {
  background-color:#fff
}

.page-view[data-page="home"] .kasbi-contact-form select:focus {
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.5 6.75L9 11.25L13.5 6.75' stroke='%23f9a400' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 16px center;
  background-size:18px 18px
}

@media (max-width:760px) {
  .page-view[data-page="home"] .contact-icon {
    width:56px;
    height:56px;
    margin-bottom:17px;
    border-radius:13px
  }

  .page-view[data-page="home"] .contact-icon svg,
  .page-view[data-page="home"] .driver-form-card .contact-icon svg,
  .page-view[data-page="home"] .company-form-card .contact-icon svg {
    width:30px;
    height:30px
  }

  .page-view[data-page="home"] .kasbi-contact-form select,
  .page-view[data-page="home"] .kasbi-contact-form select:focus {
    background-position:right 14px center;
    padding-right:44px
  }
}

/* v201 — لوگوی کسبی و عنوان برجسته، فقط فرم‌های صفحه اصلی */
.page-view[data-page="home"] .home-contact-forms .contact-icon {
  width:112px;
  height:72px;
  margin:0 auto 18px;
  border:0;
  border-radius:0;
  background-color:transparent;
  background-image:url("images/kasbi-form-logo.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  box-shadow:none
}

.page-view[data-page="home"] .home-contact-forms .contact-icon svg {
  display:none
}

.page-view[data-page="home"] .home-contact-forms .contact-form-card h3 {
  margin-bottom:10px;
  font-size:clamp(1.9rem,2.55vw,2.35rem);
  line-height:1.3;
  font-weight:750
}

@media (max-width:760px) {
  .page-view[data-page="home"] .home-contact-forms .contact-icon {
    width:94px;
    height:62px;
    margin-bottom:15px
  }

  .page-view[data-page="home"] .home-contact-forms .contact-form-card h3 {
    font-size:clamp(1.65rem,7.2vw,1.95rem)
  }
}

/* v202 — زبان بصری یکپارچه برای تمام فرم‌های سایت */
.consultation-modal-content .contact-form-card,
.page-view[data-page="how"] .smart-lead-card,
.page-view[data-page="about"] .about-contact-form,
.page-view[data-page="careers"] .careers-apply-inner {
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:18px;
  background:linear-gradient(145deg,#172b45 0%,#0b1f37 55%,#061628 100%);
  color:#fff;
  box-shadow:0 20px 54px rgba(8,25,47,.14)
}

.consultation-modal-content .contact-form-card::before,
.page-view[data-page="how"] .smart-lead-card::before,
.page-view[data-page="about"] .about-contact-form::before,
.page-view[data-page="careers"] .careers-apply-inner::before {
  content:"";
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  left:0;
  height:3px;
  background:linear-gradient(90deg,transparent 8%,#f9a400 50%,transparent 92%)
}

/* نشان کسبی در سربرگ تمام فرم‌ها */
.consultation-modal-content .contact-icon,
.page-view[data-page="how"] .smart-lead-card-head::before,
.page-view[data-page="about"] .about-contact-form-head::before,
.page-view[data-page="careers"] .careers-apply-copy::before {
  width:104px;
  height:68px;
  margin:0 auto 17px;
  display:block;
  border:0;
  border-radius:0;
  background-color:transparent;
  background-image:url("images/kasbi-form-logo.png");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  box-shadow:none
}

.page-view[data-page="how"] .smart-lead-card-head::before,
.page-view[data-page="about"] .about-contact-form-head::before,
.page-view[data-page="careers"] .careers-apply-copy::before {
  content:""
}

.consultation-modal-content .contact-icon svg,
.page-view[data-page="how"] .smart-lead-mark {
  display:none
}

.consultation-modal-content .contact-form-card h3,
.consultation-modal-content .contact-form-card>p,
.page-view[data-page="how"] .smart-lead-card-head,
.page-view[data-page="about"] .about-contact-form-head,
.page-view[data-page="careers"] .careers-apply-copy {
  text-align:center
}

.consultation-modal-content .contact-form-card h3,
.page-view[data-page="how"] .smart-lead-card-head h3,
.page-view[data-page="about"] .about-contact-form-head h3,
.page-view[data-page="careers"] .careers-apply-copy h2 {
  color:#fff;
  font-size:clamp(1.8rem,2.45vw,2.25rem);
  line-height:1.35
}

.consultation-modal-content .contact-form-card>p,
.page-view[data-page="how"] .smart-lead-card-head p,
.page-view[data-page="about"] .about-contact-form-head>p,
.page-view[data-page="careers"] .careers-apply-copy p {
  color:rgba(235,240,246,.7)
}

.page-view[data-page="about"] .about-contact-form-head>span {
  color:#f9a400
}

.page-view[data-page="careers"] .careers-apply-inner {
  padding:38px
}

.page-view[data-page="careers"] .careers-apply-copy {
  position:relative;
  z-index:2
}

.page-view[data-page="careers"] .careers-apply-form {
  background:transparent;
  box-shadow:none
}

/* ورودی‌ها و کشویی‌های همه فرم‌ها */
.consultation-modal-content .kasbi-contact-form :is(input,select,textarea),
.page-view[data-page="how"] .smart-lead-form :is(input,select,textarea),
.page-view[data-page="about"] .about-contact-form :is(input,select,textarea),
.page-view[data-page="careers"] .careers-apply-form :is(input,select,textarea) {
  width:100%;
  border:1px solid rgba(255,255,255,.13);
  border-radius:10px;
  background-color:#f8f7f4;
  color:#142238;
  font-family:Peyda,Arial,sans-serif;
  box-shadow:none;
  outline:none;
  transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease
}

.consultation-modal-content .kasbi-contact-form :is(input,select),
.page-view[data-page="how"] .smart-lead-form :is(input,select),
.page-view[data-page="about"] .about-contact-form :is(input,select),
.page-view[data-page="careers"] .careers-apply-form :is(input,select) {
  height:54px
}

.consultation-modal-content .kasbi-contact-form textarea,
.page-view[data-page="how"] .smart-lead-form textarea,
.page-view[data-page="about"] .about-contact-form textarea,
.page-view[data-page="careers"] .careers-apply-form textarea {
  min-height:120px;
  padding:15px 18px;
  resize:vertical
}

.consultation-modal-content .kasbi-contact-form :is(input,select,textarea):focus,
.page-view[data-page="how"] .smart-lead-form :is(input,select,textarea):focus,
.page-view[data-page="about"] .about-contact-form :is(input,select,textarea):focus,
.page-view[data-page="careers"] .careers-apply-form :is(input,select,textarea):focus {
  border-color:#f9a400;
  background-color:#fff;
  box-shadow:0 0 0 3px rgba(249,164,0,.15)
}

.consultation-modal-content .kasbi-contact-form select,
.page-view[data-page="how"] .smart-lead-form select,
.page-view[data-page="about"] .about-contact-form select,
.page-view[data-page="careers"] .careers-apply-form select {
  appearance:none;
  -webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4.5 6.75L9 11.25L13.5 6.75' stroke='%2318314e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 16px center;
  background-size:18px;
  padding-right:48px
}

/* دکمه‌های ارسال همه فرم‌ها */
.consultation-modal-content .kasbi-contact-form button[type="submit"],
.page-view[data-page="how"] .smart-lead-form button[type="submit"],
.page-view[data-page="about"] .about-contact-form button[type="submit"],
.page-view[data-page="careers"] .careers-apply-form button[type="submit"] {
  min-height:56px;
  border:1px solid #f9a400;
  border-radius:10px;
  background:#f9a400;
  color:#071a30;
  font-family:Peyda,Arial,sans-serif;
  font-weight:750;
  box-shadow:none;
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease
}

.consultation-modal-content .kasbi-contact-form button[type="submit"]:hover,
.page-view[data-page="how"] .smart-lead-form button[type="submit"]:hover,
.page-view[data-page="about"] .about-contact-form button[type="submit"]:hover,
.page-view[data-page="careers"] .careers-apply-form button[type="submit"]:hover {
  transform:translateY(-1px);
  background:#ffb62e;
  box-shadow:0 10px 24px rgba(249,164,0,.18)
}

@media (max-width:760px) {
  .consultation-modal-content .contact-form-card,
  .page-view[data-page="how"] .smart-lead-card,
  .page-view[data-page="about"] .about-contact-form,
  .page-view[data-page="careers"] .careers-apply-inner {
    border-radius:16px
  }

  .page-view[data-page="how"] .smart-lead-card,
  .page-view[data-page="about"] .about-contact-form,
  .page-view[data-page="careers"] .careers-apply-inner {
    padding:24px 17px 20px
  }

  .consultation-modal-content .contact-icon,
  .page-view[data-page="how"] .smart-lead-card-head::before,
  .page-view[data-page="about"] .about-contact-form-head::before,
  .page-view[data-page="careers"] .careers-apply-copy::before {
    width:92px;
    height:60px;
    margin-bottom:14px
  }

  .consultation-modal-content .contact-form-card h3,
  .page-view[data-page="how"] .smart-lead-card-head h3,
  .page-view[data-page="about"] .about-contact-form-head h3,
  .page-view[data-page="careers"] .careers-apply-copy h2 {
    font-size:clamp(1.55rem,7vw,1.9rem)
  }

  .consultation-modal-content .kasbi-contact-form .form-grid,
  .page-view[data-page="how"] .smart-lead-form,
  .page-view[data-page="about"] .about-contact-fields,
  .page-view[data-page="careers"] .careers-apply-form {
    grid-template-columns:1fr
  }

  .consultation-modal-content .kasbi-contact-form :is(input,select,button),
  .page-view[data-page="how"] .smart-lead-form :is(input,select,button),
  .page-view[data-page="about"] .about-contact-form :is(input,select,button),
  .page-view[data-page="careers"] .careers-apply-form :is(input,select,button) {
    min-width:0;
    min-height:54px
  }
}

.page-view[data-page="about"] .about-contact-fields label>span,
.page-view[data-page="careers"] .careers-apply-form label>span {
  color:rgba(235,240,246,.82)
}

.consultation-modal-content :is(input,textarea)::placeholder,
.page-view[data-page="how"] .smart-lead-form :is(input,textarea)::placeholder,
.page-view[data-page="about"] .about-contact-form :is(input,textarea)::placeholder,
.page-view[data-page="careers"] .careers-apply-form :is(input,textarea)::placeholder {
  color:#737b86;
  opacity:1
}

/* ========================================================================== */
/* نتیجه ارسال فرم‌های رانندگان و سازمانی — پاپ‌آپ مستقل موفقیت و خطا       */
/* این پنجره جایگزین پیام زیر فرم است و هیچ تغییری در منطق ارسال ایمیل ندارد. */
/* ========================================================================== */
.form-result-modal {
  position:fixed;
  z-index:2600;
  inset:0;
  padding:20px;
  display:grid;
  place-items:center;
  visibility:hidden;
  opacity:0;
  transition:opacity .22s ease,visibility .22s ease
}

.form-result-modal.open {
  visibility:visible;
  opacity:1
}

.form-result-backdrop {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:rgba(3,18,38,.76);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  cursor:pointer
}

.form-result-dialog {
  position:relative;
  z-index:1;
  width:min(430px,100%);
  padding:38px 34px 30px;
  border:1px solid rgba(15,28,46,.1);
  border-radius:24px;
  background:#fff;
  color:#0f1c2e;
  direction:rtl;
  text-align:center;
  box-shadow:0 28px 90px rgba(0,0,0,.32);
  transform:translateY(16px) scale(.97);
  transition:transform .25s cubic-bezier(.2,.75,.2,1)
}

.form-result-modal.open .form-result-dialog { transform:none }

.form-result-close {
  position:absolute;
  top:14px;
  left:14px;
  width:36px;
  height:36px;
  padding:0;
  border:1px solid rgba(15,28,46,.14);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#f5f3ee;
  color:#0f1c2e;
  font-family:Arial,sans-serif;
  font-size:1.45rem;
  line-height:1;
  cursor:pointer
}

.form-result-icon {
  width:68px;
  height:68px;
  margin:0 auto 20px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-family:Arial,sans-serif;
  font-size:2rem;
  font-weight:800
}

.form-result-modal[data-state="success"] .form-result-icon {
  background:rgba(249,164,0,.16);
  color:#b97700
}

.form-result-modal[data-state="success"] .form-result-icon::before { content:"✓" }

.form-result-modal[data-state="error"] .form-result-icon {
  background:rgba(189,60,54,.12);
  color:#bd3c36
}

.form-result-modal[data-state="error"] .form-result-icon::before { content:"!" }

.form-result-title {
  margin:0 0 10px;
  color:#0f1c2e;
  font-size:1.35rem;
  line-height:1.55
}

.form-result-message {
  margin:0;
  color:#657080;
  font-size:.92rem;
  line-height:1.9
}

.form-result-confirm {
  width:100%;
  min-height:48px;
  margin-top:24px;
  padding:0 20px;
  border:0;
  border-radius:12px;
  background:#0f1c2e;
  color:#fff;
  font-family:Peyda,Arial,sans-serif;
  font-size:.9rem;
  font-weight:750;
  cursor:pointer
}

.form-result-modal[data-state="error"] .form-result-confirm { background:#bd3c36 }

body.form-result-modal-open { overflow:hidden }

@media (max-width:520px) {
  .form-result-modal { padding:16px }
  .form-result-dialog { padding:34px 22px 24px; border-radius:20px }
  .form-result-icon { width:60px; height:60px; margin-bottom:17px; font-size:1.8rem }
  .form-result-title { font-size:1.18rem }
  .form-result-message { font-size:.86rem }
}

/* ========================================================================== */
/* صفحه اصلی — خروجی نهایی سه هیروی موبایل                                  */
/* این لایه در انتهای فایل، تنظیمات قدیمی موبایل را یکپارچه و قطعی می‌کند.  */
/* ========================================================================== */
@media (max-width:760px) {
  .page-view[data-page="home"] .home-hero {
    width:100%;
    height:100svh;
    min-height:640px;
    max-height:820px;
    overflow:hidden
  }

  .page-view[data-page="home"] .home-hero-slide-copy {
    box-sizing:border-box!important;
    direction:rtl;
    opacity:1!important;
    transform:none!important
  }

  /* چندمقصدی: تصویر روی خودرو و مقصدها متمرکز و تیتر کاملاً داخل قاب است. */
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-media {
    background-position:60% center!important;
    transform:scale(1.018)!important
  }
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-shade {
    background:linear-gradient(180deg,rgba(7,19,33,.2),rgba(7,19,33,.04) 43%,rgba(7,19,33,.88))!important
  }
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy {
    top:auto!important;
    right:20px!important;
    bottom:clamp(108px,15svh,142px)!important;
    left:20px!important;
    width:calc(100% - 40px)!important;
    max-width:none!important;
    padding:0!important;
    text-align:center!important
  }
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy h1 {
    width:100%!important;
    max-width:330px!important;
    margin:0 auto!important;
    font-size:clamp(1.72rem,7.7vw,2.18rem)!important;
    line-height:1.36!important;
    white-space:normal!important;
    text-wrap:balance!important
  }

  /* خودرو در اختیار: تیتر بالای خودرو و دور از دکمه‌های هدر قرار می‌گیرد. */
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-media {
    background-position:58% center!important;
    transform:scale(1.018)!important
  }
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-shade {
    background:linear-gradient(180deg,rgba(7,19,33,.52),rgba(7,19,33,.17) 43%,rgba(7,19,33,.5))!important
  }
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy {
    top:clamp(154px,22svh,190px)!important;
    right:20px!important;
    bottom:auto!important;
    left:20px!important;
    width:calc(100% - 40px)!important;
    max-width:none!important;
    padding:12px 8px 15px!important;
    text-align:center!important
  }
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy h2 {
    width:100%!important;
    max-width:330px!important;
    margin:0 auto!important;
    font-size:clamp(1.74rem,7.8vw,2.2rem)!important;
    line-height:1.36!important;
    white-space:normal!important;
    text-wrap:balance!important
  }

  /* پوشش ایران: قوس بزرگ‌تر دیده می‌شود و متن در فضای امن بالای آن می‌ماند. */
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-media {
    background-size:auto 112%!important;
    background-position:center 42%!important;
    transform:none!important
  }
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-shade {
    background:linear-gradient(180deg,rgba(3,10,18,.48),rgba(3,10,18,.12) 38%,rgba(3,10,18,.64))!important
  }
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-copy {
    top:clamp(104px,14svh,126px)!important;
    right:18px!important;
    bottom:auto!important;
    left:18px!important;
    width:calc(100% - 36px)!important;
    max-width:none!important;
    padding:0!important;
    text-align:center!important
  }
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-copy h1 {
    width:100%!important;
    max-width:340px!important;
    margin:0 auto 10px!important;
    font-size:clamp(1.62rem,7.25vw,2.02rem)!important;
    line-height:1.38!important;
    white-space:normal!important;
    text-wrap:balance!important
  }
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-copy p {
    max-width:345px!important;
    margin:0 auto!important;
    font-size:clamp(.78rem,3.45vw,.9rem)!important;
    line-height:1.86!important
  }
}

/* گوشی‌های باریک: حاشیه امن بیشتر مانع بریدگی تیترها می‌شود. */
@media (max-width:390px) {
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy,
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy {
    right:16px!important;
    left:16px!important;
    width:calc(100% - 32px)!important
  }
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy h1,
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy h2 {
    font-size:clamp(1.58rem,7.5vw,1.9rem)!important
  }
}

/* هیروی صفحه اصلی — جای‌گذاری امن متن اسلاید چندمقصدی در موبایل. */
@media (max-width:760px) {
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy {
    right:14px!important;
    bottom:clamp(150px,21svh,188px)!important;
    left:14px!important;
    max-width:none!important;
    text-align:center!important;
  }

  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy h1 {
    max-width:15ch!important;
    margin-inline:auto!important;
    font-size:clamp(1.82rem,8.3vw,2.45rem)!important;
    line-height:1.36!important;
  }
}

/* هیروی صفحه اصلی — جای‌گذاری امن متن اسلاید چندمقصدی در موبایل. */
@media (max-width:760px) {
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy {
    right:14px!important;
    bottom:clamp(150px,21svh,188px)!important;
    left:14px!important;
    max-width:none!important;
    text-align:center!important;
  }

  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy h1 {
    max-width:15ch!important;
    margin-inline:auto!important;
    font-size:clamp(1.82rem,8.3vw,2.45rem)!important;
    line-height:1.36!important;
  }
}

/* ========================================================================== */
/* صفحه رانندگان — چیدمان نهایی موبایل                                        */
/* کارت‌های مزیت از حالت شناور و فشرده خارج می‌شوند تا خوانا و منظم بمانند. */
/* ========================================================================== */
@media (max-width:760px) {
  .page-view[data-page="drivers"] .driver-partner-hero {
    min-height:610px;
    border-radius:0 0 16px 16px
  }

  .page-view[data-page="drivers"] .driver-partner-hero-image {
    background-position:72% bottom;
    background-size:auto 100%
  }

  .page-view[data-page="drivers"] .driver-partner-shade {
    background:linear-gradient(180deg,rgba(13,13,13,.34),rgba(13,13,13,.08) 28%,rgba(13,13,13,.82) 100%)
  }

  .page-view[data-page="drivers"] .driver-partner-title {
    /* متن در فضای آسمان قرار می‌گیرد تا روی چهره و خودروها نیفتد. */
    inset:clamp(126px,19svh,166px) 18px auto;
    text-align:center
  }

  .page-view[data-page="drivers"] .driver-partner-title::before {
    inset:-22px -14px -25px;
    background:radial-gradient(ellipse at center,rgba(13,13,13,.36),rgba(13,13,13,.09) 60%,transparent 78%)
  }

  .page-view[data-page="drivers"] .driver-partner-title h1 {
    margin-bottom:12px;
    font-size:clamp(2rem,9.1vw,2.7rem);
    line-height:1.22
  }

  .page-view[data-page="drivers"] .driver-partner-title p {
    font-size:.94rem;
    line-height:1.7
  }

  .page-view[data-page="drivers"] .driver-hero-action {
    min-height:0;
    padding:26px 20px 28px;
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
    text-align:right
  }

  .page-view[data-page="drivers"] .driver-hero-action .driver-blue-button {
    width:100%;
    min-height:50px;
    justify-content:center
  }

  .page-view[data-page="drivers"] .driver-hero-action p {
    font-size:.86rem;
    line-height:1.8;
    text-align:center
  }

  .page-view[data-page="drivers"] .driver-global-intro {
    min-height:0;
    padding:58px 20px 50px
  }

  .page-view[data-page="drivers"] .driver-global-intro h2 {
    margin-bottom:17px;
    font-size:clamp(2.15rem,9vw,3rem);
    line-height:1.22
  }

  .page-view[data-page="drivers"] .driver-global-intro h3 {
    max-width:34ch;
    font-size:.93rem;
    line-height:1.9
  }

  .page-view[data-page="drivers"] .driver-global-stage {
    height:auto;
    min-height:0;
    padding:246px 14px 16px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    align-items:stretch
  }

  .page-view[data-page="drivers"] .driver-global-backdrop { background-position:center }
  .page-view[data-page="drivers"] .driver-global-dim { background:rgba(13,13,13,.45) }

  .page-view[data-page="drivers"] .driver-device,
  .page-view[data-page="drivers"] .driver-device.driver-device-image {
    top:26px;
    left:50%;
    width:min(164px,43vw);
    height:auto;
    padding:0;
    transform:translateX(-50%);
    opacity:1;
    filter:drop-shadow(0 18px 28px rgba(0,0,0,.34))
  }

  .page-view[data-page="drivers"] .driver-benefit-card,
  .page-view[data-page="drivers"] .card-income,
  .page-view[data-page="drivers"] .card-day,
  .page-view[data-page="drivers"] .card-admin,
  .page-view[data-page="drivers"] .card-team {
    position:relative;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    width:auto;
    min-height:194px;
    padding:18px 13px;
    justify-content:flex-start;
    border-top-width:3px;
    border-radius:14px;
    opacity:1;
    transform:none
  }

  .page-view[data-page="drivers"] .driver-benefit-icon {
    width:36px;
    height:36px;
    margin-bottom:10px;
    padding:6px
  }

  .page-view[data-page="drivers"] .driver-benefit-card h3 {
    margin-bottom:7px;
    font-size:.95rem;
    line-height:1.55
  }

  .page-view[data-page="drivers"] .driver-benefit-card p {
    font-size:.74rem;
    line-height:1.8
  }

  .page-view[data-page="drivers"] .driver-quote {
    min-height:0;
    padding:62px 20px
  }

  .page-view[data-page="drivers"] .driver-quote blockquote {
    font-size:clamp(1.9rem,8vw,2.6rem);
    line-height:1.35
  }

  .page-view[data-page="drivers"] .driver-quote p { font-size:.88rem; line-height:1.8 }

  .page-view[data-page="drivers"] .driver-onboarding { padding:50px 16px 60px }
  .page-view[data-page="drivers"] .driver-process-tabs { margin-bottom:18px; padding:5px; overflow:hidden }
  .page-view[data-page="drivers"] .driver-process-tabs button { min-width:0; flex:1; padding:12px 8px; font-size:.85rem }
  .page-view[data-page="drivers"] .driver-process-panel { height:470px; border-radius:14px }
  .page-view[data-page="drivers"] .driver-process-glass { right:10px; bottom:10px; left:10px; padding:19px; gap:15px }
  .page-view[data-page="drivers"] .driver-process-glass h3 { font-size:1.22rem }
  .page-view[data-page="drivers"] .driver-process-glass ul { font-size:.8rem; line-height:1.85 }
  .page-view[data-page="drivers"] .driver-outline-button { width:100%; min-height:46px; font-size:.82rem }

  .page-view[data-page="drivers"] .driver-sustainable {
    min-height:0;
    padding:60px 20px;
    gap:18px
  }

  .page-view[data-page="drivers"] .driver-sustainable h2 {
    font-size:clamp(2rem,8.8vw,2.85rem);
    line-height:1.25
  }

  .page-view[data-page="drivers"] .driver-sustainable h3 { margin:0; font-size:.95rem; line-height:1.8 }

  .page-view[data-page="drivers"] .driver-faq {
    min-height:0;
    padding:62px 20px;
    gap:34px
  }

  .page-view[data-page="drivers"] .driver-faq-copy h2 {
    margin-bottom:26px;
    font-size:clamp(2rem,8.5vw,2.7rem)
  }

  .page-view[data-page="drivers"] .driver-faq .accordion article { padding-inline:15px; border-radius:12px }
  .page-view[data-page="drivers"] .driver-faq .accordion button { padding:16px 0; font-size:.84rem; line-height:1.75 }
  .page-view[data-page="drivers"] .driver-faq .accordion p { font-size:.8rem; line-height:1.9 }
  .page-view[data-page="drivers"] .driver-faq-image { min-height:0; aspect-ratio:4 / 3; border-radius:14px }

  .page-view[data-page="drivers"] .driver-help { min-height:0 }
  .page-view[data-page="drivers"] .driver-help-image { min-height:0; aspect-ratio:4 / 3; order:0 }
  .page-view[data-page="drivers"] .driver-help>div:last-child { padding:46px 20px 52px; text-align:center }
  .page-view[data-page="drivers"] .driver-help h2 { margin-bottom:10px; font-size:clamp(2rem,8.8vw,2.8rem); line-height:1.25 }
  .page-view[data-page="drivers"] .driver-help h3 { margin-bottom:22px; font-size:.95rem; line-height:1.8 }
  .page-view[data-page="drivers"] .driver-help .driver-blue-button { min-height:48px; padding-inline:22px }
}

@media (max-width:390px) {
  .page-view[data-page="drivers"] .driver-global-stage { padding-top:232px; grid-template-columns:1fr }
  .page-view[data-page="drivers"] .driver-benefit-card,
  .page-view[data-page="drivers"] .card-income,
  .page-view[data-page="drivers"] .card-day,
  .page-view[data-page="drivers"] .card-admin,
  .page-view[data-page="drivers"] .card-team { min-height:0; padding:19px 16px }
}

/* ========================================================================== */
/* هدر موبایل — دسترسی مستقیم و فشرده به پنل مای‌کسبی                        */
/* دکمه ورود در موبایل کوتاه می‌شود تا در کنار مشاوره و منو، بدون ازدحام بماند. */
/* ========================================================================== */
@media (max-width:1100px) {
  body:not(.drivers-route) .header-actions .login {
    height:38px;
    min-width:54px;
    padding:0 10px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.40)!important;
    border-radius:999px;
    background:rgba(7,19,33,.20)!important;
    color:#fff;
    font-size:0;
    font-weight:700;
    opacity:1;
    white-space:nowrap
  }

  body:not(.drivers-route) .header-actions .login::before {
    content:"ورود";
    font-size:.74rem
  }

  body:not(.drivers-route) .header.scrolled .header-actions .login,
  body:not(.drivers-route) .header.light .header-actions .login {
    border-color:rgba(15,28,46,.24)!important;
    background:rgba(255,255,255,.74)!important;
    color:#0f1c2e
  }
}

@media (max-width:420px) {
  body:not(.drivers-route) .header { padding-inline:12px }
  body:not(.drivers-route) .header>.logo { min-width:60px }
  body:not(.drivers-route) .header>.logo .logo-image { height:38px; max-width:62px }
  body:not(.drivers-route) .header-actions { gap:5px }
  body:not(.drivers-route) .header .book-now { padding-inline:10px; font-size:.7rem }
  body:not(.drivers-route) .header-actions .login { min-width:50px; padding-inline:8px }
}

/* ========================================================================== */
/* موبایل — منوی مسیرهای اصلی و صفحه سامانه هوشمند کسبی                      */
/* این لایه فقط نمایش موبایل را اصلاح می‌کند و ساختار دسکتاپ را تغییر نمی‌دهد. */
/* ========================================================================== */
@media (max-width:760px) {
  /* منوی موبایل: فقط مسیرهای واقعی هدر، با همان دو اقدام اصلی دسکتاپ */
  body:not(.drivers-route) .mobile-menu {
    width:min(390px,90vw);
    padding:24px 22px calc(28px + env(safe-area-inset-bottom));
    display:flex;
    flex-direction:column;
    background:linear-gradient(160deg,#11243a 0%,#091727 72%);
    color:#fff;
    box-shadow:-22px 0 56px rgba(2,10,20,.34)
  }

  body:not(.drivers-route) .mobile-menu .mobile-menu-logo {
    width:max-content;
    margin:4px 0 28px;
    padding-left:52px
  }

  body:not(.drivers-route) .mobile-menu .logo-image {
    height:52px;
    max-width:94px;
    object-fit:contain
  }

  body:not(.drivers-route) .mobile-menu .menu-close {
    top:23px;
    right:auto;
    left:20px;
    width:38px;
    height:38px;
    padding:0;
    border:1px solid rgba(255,255,255,.18);
    border-radius:50%;
    color:#fff;
    background:rgba(255,255,255,.06);
    font-size:1.55rem;
    line-height:1
  }

  body:not(.drivers-route) .mobile-menu nav {
    gap:0;
    border-top:1px solid rgba(255,255,255,.13)
  }

  body:not(.drivers-route) .mobile-menu nav a {
    min-height:51px;
    padding:0 4px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid rgba(255,255,255,.13);
    color:rgba(255,255,255,.9);
    font-size:.96rem;
    font-weight:650
  }

  body:not(.drivers-route) .mobile-menu nav a::before {
    content:"←";
    color:#f9a400;
    font-size:1rem;
    opacity:.9
  }

  body:not(.drivers-route) .mobile-menu nav a.current {
    color:#ffc14b
  }

  .mobile-menu-actions {
    margin-top:auto;
    padding-top:22px;
    display:grid;
    gap:10px
  }

  .mobile-menu-actions a {
    min-height:48px;
    padding:0 15px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:.84rem;
    font-weight:800
  }

  .mobile-menu-login {
    border:1px solid rgba(255,255,255,.34);
    color:#fff;
    background:rgba(255,255,255,.06)
  }

  .mobile-menu-consultation {
    color:#111820;
    background:#f9a400;
    box-shadow:0 12px 24px rgba(249,164,0,.18)
  }

  /* صفحه سامانه هوشمند: ریتم، اندازه و تصاویر برای موبایل */
  .page-view[data-page="how"] .smart-hero {
    min-height:610px;
    display:flex;
    align-items:flex-end
  }

  .page-view[data-page="how"] .smart-hero-media {
    background-position:66% center!important
  }

  .page-view[data-page="how"] .smart-hero-shade {
    background:linear-gradient(180deg,rgba(7,19,33,.28) 0%,rgba(7,19,33,.34) 36%,rgba(7,19,33,.93) 100%)
  }

  .page-view[data-page="how"] .smart-hero-copy {
    width:calc(100% - 40px);
    margin:0 20px;
    padding:112px 0 36px
  }

  .page-view[data-page="how"] .smart-eyebrow {
    margin-bottom:14px;
    font-size:.75rem
  }

  .page-view[data-page="how"] .smart-hero-copy h1 {
    margin-bottom:12px;
    font-size:clamp(2.05rem,9.4vw,2.8rem);
    line-height:1.22
  }

  .page-view[data-page="how"] .smart-hero-copy>p {
    font-size:.9rem;
    line-height:1.75
  }

  .page-view[data-page="how"] .smart-hero-actions {
    gap:9px;
    margin-top:21px
  }

  .page-view[data-page="how"] .smart-hero-actions a {
    width:100%;
    min-height:48px;
    padding:0 16px;
    font-size:.82rem
  }

  .page-view[data-page="how"] .smart-hero-proof {
    width:100%;
    justify-content:space-between;
    margin-top:21px;
    font-size:.7rem
  }

  .page-view[data-page="how"] .smart-hero-proof span {
    padding:0 9px;
    white-space:nowrap
  }

  .page-view[data-page="how"] .smart-lead,
  .page-view[data-page="how"] .smart-about,
  .page-view[data-page="how"] .smart-features,
  .page-view[data-page="how"] .smart-steps,
  .page-view[data-page="how"] .smart-dashboard,
  .page-view[data-page="how"] .smart-savings,
  .page-view[data-page="how"] .smart-faq {
    padding:68px 20px
  }

  .page-view[data-page="how"] .smart-lead-inner,
  .page-view[data-page="how"] .smart-about-inner {
    gap:38px
  }

  .page-view[data-page="how"] .smart-lead-card {
    width:100%;
    max-width:none;
    padding:29px 22px 24px!important;
    border-radius:20px!important
  }

  .page-view[data-page="how"] .smart-lead-card::before { right:22px }
  .page-view[data-page="how"] .smart-lead-card-head { margin-bottom:20px }
  .page-view[data-page="how"] .smart-lead-mark { margin-bottom:16px }
  .page-view[data-page="how"] .smart-lead-form input,
  .page-view[data-page="how"] .smart-lead-form button { height:50px!important }

  .page-view[data-page="how"] .smart-lead-text h2,
  .page-view[data-page="how"] .smart-about-copy h2,
  .page-view[data-page="how"] .smart-section-head h2 {
    font-size:clamp(1.7rem,7.2vw,2.15rem);
    line-height:1.42;
    letter-spacing:-.025em
  }

  .page-view[data-page="how"] .smart-lead-text>p,
  .page-view[data-page="how"] .smart-about-copy p,
  .page-view[data-page="how"] .smart-section-head p {
    font-size:.9rem;
    line-height:1.95
  }

  .page-view[data-page="how"] .smart-lead-points {
    display:grid;
    gap:13px;
    margin-top:24px
  }

  .page-view[data-page="how"] .smart-about-visual {
    min-height:350px;
    padding:27px;
    border-radius:22px
  }

  .page-view[data-page="how"] .smart-phone {
    width:min(220px,68vw);
    max-width:none
  }

  .page-view[data-page="how"] .smart-section-head { margin-bottom:34px }
  .page-view[data-page="how"] .smart-section-head h2 { margin:10px 0 11px }

  .page-view[data-page="how"] .smart-features-grid {
    grid-template-columns:1fr;
    gap:1px;
    border-radius:18px
  }

  .page-view[data-page="how"] .smart-feature-card,
  .page-view[data-page="how"] .smart-feature-card--accent {
    min-height:0;
    padding:25px 22px 26px
  }

  /* فاصله تیک قابلیت‌ها در موبایل برای حفظ فشردگی کارت‌ها. */
  .page-view[data-page="how"] .smart-feature-check { margin-bottom:25px }
  .page-view[data-page="how"] .smart-feature-card h3 { font-size:1rem; line-height:1.7 }
  .page-view[data-page="how"] .smart-feature-card p { font-size:.8rem }
  .page-view[data-page="how"] .smart-feature-card::after { inset:auto 22px 0 auto }

  .page-view[data-page="how"] .smart-steps-track-wrap {
    display:block;
    width:100%
  }

  .page-view[data-page="how"] .smart-steps-nav { display:none }

  .page-view[data-page="how"] .smart-steps-track {
    display:flex;
    width:calc(100% + 20px);
    margin-right:-20px;
    padding:0 0 10px;
    gap:14px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none
  }

  .page-view[data-page="how"] .smart-steps-track::-webkit-scrollbar { display:none }

  .page-view[data-page="how"] .smart-step-card {
    flex:0 0 min(81vw,315px);
    min-height:365px;
    scroll-snap-align:start
  }

  .page-view[data-page="how"] .smart-step-image { height:195px }
  .page-view[data-page="how"] .smart-step-card h3 { margin:19px 20px 8px }
  .page-view[data-page="how"] .smart-step-card p { margin:0 20px 21px; font-size:.84rem; line-height:1.85 }
  .page-view[data-page="how"] .smart-steps-dots { display:none }

  .page-view[data-page="how"] .smart-dashboard-showcase { margin-top:34px; gap:12px }
  .page-view[data-page="how"] .smart-dashboard-panel { padding:8px; border-radius:18px }
  .page-view[data-page="how"] .smart-dashboard-panel img { aspect-ratio:4 / 3; border-radius:12px }
  .page-view[data-page="how"] .smart-dashboard-live { top:18px; right:18px; padding:8px 10px; font-size:.64rem }
  .page-view[data-page="how"] .smart-dashboard-insights { grid-template-columns:1fr; gap:9px }
  .page-view[data-page="how"] .smart-dashboard-insight,
  .page-view[data-page="how"] .smart-dashboard-insight--featured {
    min-height:132px;
    padding:19px 18px
  }
  .page-view[data-page="how"] .smart-dashboard-insight--featured { min-height:164px }
  .page-view[data-page="how"] .smart-dashboard-insight h3,
  .page-view[data-page="how"] .smart-dashboard-insight--featured h3 { margin-top:14px; font-size:.9rem; line-height:1.7 }

  .page-view[data-page="how"] .smart-savings-grid { margin-top:34px }
  .page-view[data-page="how"] .smart-faq .accordion article>button { padding:18px 0; font-size:.9rem; line-height:1.75 }
  .page-view[data-page="how"] .smart-faq .accordion article>p { padding:0 0 19px; font-size:.86rem; line-height:1.9 }
  .page-view[data-page="how"] .smart-faq-contact { margin-top:26px; padding:21px; border-radius:16px }
  .page-view[data-page="how"] .smart-faq-contact strong { font-size:.95rem; line-height:1.75 }

  /* مسیر رانندگان نیز همان ساختار منوی هدر را دارد، با کنتراست مناسب زمینه روشن. */
  body.drivers-route .mobile-menu .mobile-menu-actions { margin-top:auto; padding-top:22px; display:grid; gap:10px }
  body.drivers-route .mobile-menu .mobile-menu-actions a { min-height:48px; padding:0 15px; border-radius:12px; display:flex; align-items:center; justify-content:center; text-align:center; font-size:.84rem; font-weight:800 }
  body.drivers-route .mobile-menu .mobile-menu-login { border:1px solid rgba(13,13,13,.2); color:#0d0d0d; background:#fff }
  body.drivers-route .mobile-menu .mobile-menu-consultation { color:#0d0d0d; background:#ffc400 }
}

/* ========================================================================== */
/* صفحه خدمات کسبی — بازطراحی پریمیوم مستقل با پالت صفحه اصلی              */
/* این بلوک فقط data-page="services" را هدف می‌گیرد و روی صفحات دیگر اثری ندارد. */
/* ========================================================================== */

/* ----- متغیرها و زمینه کلی صفحه خدمات ----- */
.page-view[data-page="services"] {
  --services-navy:#0f1c2e;
  --services-navy-deep:#071321;
  --services-ink:#111d2f;
  --services-muted:#657080;
  --services-yellow:#f9a400;
  --services-yellow-soft:#fdb94c;
  --services-paper:#f8f6f1;
  --services-paper-deep:#efede7;
  --services-line:rgba(15,28,46,.13);
  overflow:hidden;
  background:var(--services-paper);
  color:var(--services-ink)
}

/* ----- هیروی خدمات؛ تصویر کامل بدون زوم بیش از حد ----- */
.page-view[data-page="services"] .services-overview-hero-image {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: 28% center !important;
  animation: none !important;
  transform: none !important;
}

/* ----- هیروی خدمات؛ حرکت و رفتار اسکرول قبلی حفظ شده است ----- */
.page-view[data-page="services"] .services-overview-hero-shade {
  background:
    linear-gradient(90deg,rgba(5,14,25,.28),rgba(5,14,25,.04) 48%,rgba(5,14,25,.28)),
    linear-gradient(180deg,rgba(5,14,25,.30),rgba(5,14,25,.06) 42%,rgba(5,14,25,.88))
}

.page-view[data-page="services"] .services-overview-hero>div:last-child {
  max-width:1440px;
  padding-bottom:clamp(64px,8vw,110px)
}

.page-view[data-page="services"] .services-overview-hero span {
  width:max-content;
  margin-bottom:20px;
  padding:8px 14px;
  border:1px solid rgba(253,185,76,.42);
  border-radius:999px;
  background:rgba(7,19,33,.32);
  color:#ffd27b;
  font-size:.82rem;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px)
}

.page-view[data-page="services"] .services-overview-hero h1 {
  max-width:900px;
  margin:0 0 22px;
  color:#fff;
  font-family:Peyda,Arial,sans-serif;
  font-size:clamp(2.85rem,4.05vw,4.45rem);
  font-weight:500;
  line-height:1.08;
  letter-spacing:-.035em;
  text-shadow:0 10px 40px rgba(0,0,0,.28)
}

.page-view[data-page="services"] .services-overview-hero p {
  max-width:700px;
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:1.02rem;
  line-height:1.82
}

/* ----- معرفی صفحه؛ گذار رنگی فعلی با ظاهر شکیل‌تر ----- */
.page-view[data-page="services"] .services-overview-intro {
  min-height:430px;
  padding:78px 32px 70px;
  background:
    radial-gradient(circle at 50% 0,rgba(249,164,0,.11),transparent 34%),
    linear-gradient(145deg,var(--services-navy) 0%,var(--services-navy-deep) 100%);
  box-shadow:0 -24px 60px rgba(4,12,22,.18)
}

.page-view[data-page="services"].services-cover-settled .services-overview-intro {
  background:
    radial-gradient(circle at 84% 8%,rgba(249,164,0,.07),transparent 25%),
    linear-gradient(180deg,var(--services-paper) 0%,var(--services-paper-deep) 100%)
}

.page-view[data-page="services"] .services-overview-intro>span {
  margin-bottom:16px;
  color:var(--services-yellow-soft);
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.04em
}

.page-view[data-page="services"] .services-overview-intro h2 {
  max-width:920px;
  margin:0 0 22px;
  color:#fff;
  font-family:Peyda,Arial,sans-serif;
  font-size:clamp(2.3rem,3.25vw,3.55rem);
  font-weight:500;
  line-height:1.14;
  letter-spacing:-.035em;
  text-wrap:balance;
  text-shadow:none
}

.page-view[data-page="services"] .services-overview-intro p {
  max-width:720px;
  margin:0;
  color:rgba(255,255,255,.67);
  font-size:1rem;
  line-height:1.82
}

.page-view[data-page="services"] .services-overview-intro>a {
  align-items:center;
  margin-top:28px;
  color:var(--services-yellow-soft)
}

.page-view[data-page="services"].services-cover-settled .services-overview-intro h2 {
  color:var(--services-ink)
}

.page-view[data-page="services"].services-cover-settled .services-overview-intro>span {
  color:#a66d00
}

.page-view[data-page="services"].services-cover-settled .services-overview-intro p {
  color:var(--services-muted)
}

.page-view[data-page="services"].services-cover-settled .services-overview-intro>a {
  color:var(--services-ink)
}

/* ----- فهرست خدمات؛ ردیف‌های ادیتوریال و شماره‌گذاری ظریف ----- */
.page-view[data-page="services"] .services-overview-list {
  padding:96px 48px 112px;
  background:
    radial-gradient(circle at 8% 30%,rgba(249,164,0,.045),transparent 24%),
    linear-gradient(180deg,#fff 0%,var(--services-paper) 100%)
}

.page-view[data-page="services"] .services-overview-row {
  position:relative;
  max-width:1280px;
  margin:0 auto 96px;
  grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);
  gap:clamp(44px,5.5vw,78px);
  align-items:center
}

.page-view[data-page="services"] .services-overview-row::after {
  content:"";
  position:absolute;
  right:0;
  bottom:-48px;
  left:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--services-line) 14%,var(--services-line) 86%,transparent)
}

.page-view[data-page="services"] .services-overview-row:last-child::after {
  display:none
}

.page-view[data-page="services"] .services-overview-row>.image-slot {
  width:100%;
  height:clamp(440px,32vw,520px);
  min-height:0;
  aspect-ratio:4 / 3;
  border:1px solid rgba(255,255,255,.82);
  border-radius:18px;
  box-shadow:0 28px 70px rgba(15,28,46,.14);
  overflow:hidden
}

.page-view[data-page="services"] .services-overview-row>div:last-child {
  position:relative;
  padding-top:44px
}

.page-view[data-page="services"] .services-overview-row>div:last-child::before {
  position:absolute;
  top:0;
  right:0;
  color:#b67a08;
  font-size:.86rem;
  font-weight:700;
  letter-spacing:.08em
}


.page-view[data-page="services"] .services-overview-row span {
  margin-bottom:14px;
  color:var(--services-muted);
  font-size:.82rem;
  font-weight:650;
  letter-spacing:.04em
}

.page-view[data-page="services"] .services-overview-row h2 {
  margin:0 0 22px;
  color:var(--services-ink);
  font-family:Peyda,Arial,sans-serif;
  max-width:540px;
  font-size:clamp(2.1rem,2.85vw,3.15rem);
  font-weight:500;
  line-height:1.13;
  letter-spacing:-.035em;
  text-wrap:balance
}

.page-view[data-page="services"] .services-overview-row p {
  max-width:510px;
  margin:0;
  color:var(--services-muted);
  font-size:.98rem;
  line-height:1.85
}

/* ----- معرفی راهکار سازمانی؛ پنل تیره با تصویر یکپارچه ----- */
.page-view[data-page="services"] .services-business-callout {
  min-height:560px;
  grid-template-columns:minmax(520px,.9fr) minmax(0,1.1fr);
  background:
    radial-gradient(circle at 14% 18%,rgba(249,164,0,.10),transparent 30%),
    linear-gradient(145deg,var(--services-navy) 0%,var(--services-navy-deep) 100%);
  color:#fff
}

.page-view[data-page="services"] .services-business-callout>div:first-child {
  width:100%;
  max-width:none;
  padding:clamp(68px,6vw,98px) clamp(54px,5.5vw,94px)
}

.page-view[data-page="services"] .services-business-callout span {
  color:var(--services-yellow-soft);
  font-weight:700
}

.page-view[data-page="services"] .services-business-callout h2 {
  margin:0 0 22px;
  color:#fff;
  font-family:Peyda,Arial,sans-serif;
  max-width:580px;
  font-size:clamp(2.1rem,2.8vw,3.15rem);
  font-weight:500;
  line-height:1.12;
  letter-spacing:-.03em;
  text-wrap:balance
}

.page-view[data-page="services"] .services-business-callout p {
  max-width:560px;
  margin:0;
  color:rgba(255,255,255,.68);
  font-size:1rem;
  line-height:1.85
}

.page-view[data-page="services"] .services-business-callout a,
.page-view[data-page="services"] .services-final-cta a {
  min-height:48px;
  align-items:center;
  justify-content:center;
  margin-top:30px;
  padding:13px 23px;
  border-color:var(--services-yellow);
  background:var(--services-yellow);
  color:var(--services-navy-deep);
  font-size:.92rem;
  font-weight:800;
  box-shadow:0 13px 30px rgba(249,164,0,.18)
}

.page-view[data-page="services"] .services-business-callout a:hover,
.page-view[data-page="services"] .services-final-cta a:hover {
  transform:translateY(-2px);
  background:var(--services-yellow-soft);
  box-shadow:0 18px 38px rgba(249,164,0,.24)
}

.page-view[data-page="services"] .services-business-callout>.image-slot {
  min-height:560px;
  border:0;
  box-shadow:inset 20px 0 55px rgba(7,19,33,.14)
}

/* ----- استانداردهای ثابت خدمات؛ پنل یکپارچه سرمه‌ای و بدون تصویر ----- */
.page-view[data-page="services"] .services-overview-values {
  padding:96px 48px 108px;
  background:
    radial-gradient(circle at 50% 0,rgba(249,164,0,.06),transparent 27%),
    linear-gradient(180deg,var(--services-paper-deep) 0%,var(--services-paper) 100%)
}

.page-view[data-page="services"] .services-overview-values>header {
  max-width:820px;
  margin-bottom:48px
}

.page-view[data-page="services"] .services-overview-values>header>span {
  display:block;
  margin-bottom:15px;
  color:#aa7000;
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.01em
}

.page-view[data-page="services"] .services-overview-values>header h2 {
  margin:0;
  color:var(--services-ink);
  font-family:Peyda,Arial,sans-serif;
  font-size:clamp(2.25rem,3.1vw,3.4rem);
  font-weight:500;
  line-height:1.15;
  letter-spacing:-.035em;
  text-wrap:balance;
  text-shadow:none
}

.page-view[data-page="services"] .services-overview-values>header>p {
  max-width:650px;
  margin:20px auto 0;
  color:var(--services-muted);
  font-size:1rem;
  line-height:1.9
}

.page-view[data-page="services"] .services-overview-values>.services-values-panel {
  position:relative;
  max-width:1220px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  background:
    radial-gradient(circle at 50% -30%,rgba(249,164,0,.10),transparent 38%),
    linear-gradient(140deg,#13243a 0%,#091728 100%);
  box-shadow:0 26px 70px rgba(15,28,46,.17)
}

.page-view[data-page="services"] .services-overview-values>.services-values-panel::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  z-index:2;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(249,164,0,.88),transparent);
  pointer-events:none
}

.page-view[data-page="services"] .services-overview-values article,
.page-view[data-page="services"] .services-overview-values article:nth-child(2),
.page-view[data-page="services"] .services-overview-values article:nth-child(3),
.page-view[data-page="services"] .services-overview-values article:nth-child(4) {
  position:relative;
  min-height:300px;
  padding:32px 28px 36px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#fff;
  box-shadow:none;
  transition:background-color .28s ease
}

.page-view[data-page="services"] .services-overview-values article+article {
  border-right:1px solid rgba(255,255,255,.11)
}

.page-view[data-page="services"] .services-overview-values article::after {
  content:"";
  position:absolute;
  right:28px;
  bottom:0;
  width:0;
  height:2px;
  background:var(--services-yellow);
  transition:width .28s ease
}

.page-view[data-page="services"] .services-overview-values article:hover,
.page-view[data-page="services"] .services-overview-values article:nth-child(2):hover,
.page-view[data-page="services"] .services-overview-values article:nth-child(3):hover,
.page-view[data-page="services"] .services-overview-values article:nth-child(4):hover {
  transform:none;
  background:rgba(255,255,255,.035);
  box-shadow:none
}

.page-view[data-page="services"] .services-overview-values article:hover::after {
  width:54px
}

/* آیکون‌های ثابت چهار استاندارد خدمات: خطی، هم‌وزن و بدون شلوغی بصری. */
.page-view[data-page="services"] .services-overview-values .services-value-top {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:48px
}

.page-view[data-page="services"] .services-overview-values .services-value-top img {
  width:46px;
  height:46px;
  padding:10px;
  border:1px solid rgba(249,164,0,.42);
  border-radius:14px;
  filter:invert(69%) sepia(82%) saturate(1315%) hue-rotate(1deg) brightness(102%) contrast(104%)
}

.page-view[data-page="services"] .services-overview-values article b,
.page-view[data-page="services"] .services-overview-values article:nth-child(3) b,
.page-view[data-page="services"] .services-overview-values article:nth-child(4) b {
  display:flex;
  width:42px;
  height:42px;
  align-items:center;
  justify-content:center;
  margin:0;
  border:1px solid rgba(249,164,0,.55);
  border-radius:50%;
  color:var(--services-yellow);
  font-size:.76rem;
  font-weight:700
}

.page-view[data-page="services"] .services-overview-values article h3 {
  margin:25px 0 10px;
  color:#fff;
  font-size:1.38rem;
  font-weight:600;
  line-height:1.45
}

.page-view[data-page="services"] .services-overview-values article p,
.page-view[data-page="services"] .services-overview-values article:not(:nth-child(3)) p {
  max-width:270px;
  color:rgba(255,255,255,.66);
  font-size:.88rem;
  line-height:1.95
}

/* ----- مخاطبان خدمات؛ کارت‌های شیشه‌ای کنترل‌شده روی سرمه‌ای ----- */
.page-view[data-page="services"] .svc-audience {
  padding:96px 32px 106px;
  background:
    radial-gradient(circle at 15% 8%,rgba(249,164,0,.11),transparent 24%),
    radial-gradient(circle at 90% 92%,rgba(255,255,255,.04),transparent 26%),
    linear-gradient(145deg,#111f33 0%,var(--services-navy-deep) 100%)
}

.page-view[data-page="services"] .svc-audience-head {
  max-width:820px;
  margin-bottom:50px
}

.page-view[data-page="services"] .svc-audience-head::before {
  content:"مناسب برای سازمان‌ها";
  display:block;
  margin-bottom:14px;
  color:var(--services-yellow-soft);
  font-size:.8rem;
  font-weight:700
}

.page-view[data-page="services"] .svc-audience-head h2 {
  font-size:clamp(2.15rem,2.9vw,3.15rem);
  font-weight:500;
  line-height:1.18;
  letter-spacing:-.03em;
  text-wrap:balance
}

.page-view[data-page="services"] .svc-audience-head p {
  max-width:660px;
  margin-inline:auto;
  color:rgba(255,255,255,.62)
}

.page-view[data-page="services"] .svc-audience-grid {
  max-width:1180px;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px
}

.page-view[data-page="services"] .svc-card {
  grid-column:span 2
}

/* ردیف دوم کارت‌های سازمانی؛ هم‌اندازه با ردیف اول و به‌صورت مرکزی */
.page-view[data-page="services"] .svc-card:nth-child(4) {
  grid-column:2 / span 2
}

.page-view[data-page="services"] .svc-card:nth-child(5) {
  grid-column:4 / span 2
}

.page-view[data-page="services"] .svc-card,
.page-view[data-page="services"] .svc-card--wide {
  display:grid;
  grid-template-columns:clamp(155px,38%,210px) minmax(0,1fr);
  gap:18px;
  align-items:center;
  min-height:238px;
  padding:14px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  box-shadow:0 16px 36px rgba(0,0,0,.14);
  overflow:hidden
}

.page-view[data-page="services"] .svc-card:hover {
  border-color:rgba(249,164,0,.48);
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.04));
  box-shadow:0 22px 46px rgba(0,0,0,.20)
}

/* تصویر هر گروه سازمانی؛ قاب افقی بزرگ‌تر با نسبت نزدیک به تصویر اصلی */
.page-view[data-page="services"] .svc-card-thumb {
  position:relative;
  width:100%;
  min-height:0;
  aspect-ratio:4 / 3;
  border:1px solid rgba(255,255,255,.10);
  border-radius:11px;
  overflow:hidden;
  background:#16263b
}

.page-view[data-page="services"] .svc-card-thumb::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(7,19,33,.03),rgba(7,19,33,.34));
  pointer-events:none
}

.page-view[data-page="services"] .svc-card-thumb img {
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.72) contrast(1.04);
  transition:transform .45s ease,filter .45s ease
}

.page-view[data-page="services"] .svc-card:hover .svc-card-thumb img {
  transform:scale(1.035);
  filter:saturate(.9) contrast(1.04)
}

.page-view[data-page="services"] .svc-card-copy {
  min-width:0;
  padding:12px 6px 12px 10px;
  display:flex;
  flex-direction:column;
  justify-content:center
}

.page-view[data-page="services"] .svc-card-top {
  margin:0 0 24px
}

/* آرم یک‌دست کسبی در کارت‌های مخاطبان؛ به‌جای شماره و با رنگ زرد برند. */
.page-view[data-page="services"] .svc-card-mark {
  display:block;
  width:34px;
  height:auto;
  opacity:1;
  /* فایل آرم با خود رنگ دقیق زرد برند (#F9A400) ذخیره شده و به فیلتر نیاز ندارد. */
  filter:none
}

.page-view[data-page="services"] .svc-card-num {
  color:var(--services-yellow-soft)
}

.page-view[data-page="services"] .svc-card h3 {
  margin:0 0 8px;
  font-size:1.08rem;
  line-height:1.5
}

.page-view[data-page="services"] .svc-card p {
  color:rgba(255,255,255,.62);
  font-size:.9rem;
  line-height:1.75
}

/* ----- دعوت نهایی؛ پایان‌بندی یکپارچه با هویت صفحه اصلی ----- */
.page-view[data-page="services"] .services-final-cta {
  min-height:440px;
  padding:88px 32px;
  background:
    radial-gradient(circle at 50% 0,rgba(249,164,0,.12),transparent 31%),
    linear-gradient(180deg,var(--services-navy) 0%,var(--services-navy-deep) 100%)
}

.page-view[data-page="services"] .services-final-cta>span {
  color:var(--services-yellow-soft);
  font-weight:700
}

.page-view[data-page="services"] .services-final-cta h2 {
  max-width:820px;
  margin:0;
  color:#fff;
  font-size:clamp(2.25rem,3.1vw,3.4rem);
  font-weight:500;
  line-height:1.17;
  letter-spacing:-.035em;
  text-wrap:balance
}

/* ----- واکنش‌گرایی صفحه خدمات ----- */
@media (max-width:1000px) {
  .page-view[data-page="services"] .services-overview-list {
    padding-inline:30px
  }

  .page-view[data-page="services"] .services-overview-row {
    grid-template-columns:1fr 1fr;
    gap:42px
  }

  .page-view[data-page="services"] .services-overview-row>.image-slot {
    height:420px;
    min-height:0
  }

  .page-view[data-page="services"] .services-business-callout {
    grid-template-columns:1fr
  }

  .page-view[data-page="services"] .services-business-callout>div:first-child {
    padding:72px 44px
  }

  .page-view[data-page="services"] .services-business-callout>.image-slot {
    min-height:460px
  }

  /* چیدمان ۲×۲ استانداردهای خدمات در نمایشگرهای میانی */
  .page-view[data-page="services"] .services-overview-values>.services-values-panel {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .page-view[data-page="services"] .services-overview-values article+article {
    border-right:0
  }

  .page-view[data-page="services"] .services-overview-values article:nth-child(even) {
    border-right:1px solid rgba(255,255,255,.11)
  }

  .page-view[data-page="services"] .services-overview-values article:nth-child(n+3) {
    border-top:1px solid rgba(255,255,255,.11)
  }

  .page-view[data-page="services"] .svc-audience-grid {
    grid-template-columns:1fr 1fr
  }

  .page-view[data-page="services"] .svc-card,
  .page-view[data-page="services"] .svc-card:nth-child(4) {
    grid-column:span 1
  }

  .page-view[data-page="services"] .svc-card:nth-child(5) {
    grid-column:1 / -1;
    width:calc(50% - 7px);
    justify-self:center
  }
}

@media (max-width:760px) {
  .page-view[data-page="services"] .services-overview-hero>div:last-child {
    padding:120px 20px 58px
  }

  .page-view[data-page="services"] .services-overview-hero h1 {
    font-size:clamp(2.55rem,10.2vw,3.65rem)
  }

  .page-view[data-page="services"] .services-overview-intro {
    min-height:430px;
    padding:70px 20px 64px
  }

  .page-view[data-page="services"] .services-overview-intro h2 {
    font-size:clamp(2.1rem,8.7vw,2.95rem)
  }

  .page-view[data-page="services"] .services-overview-list {
    padding:74px 20px 86px
  }

  .page-view[data-page="services"] .services-overview-row,
  .page-view[data-page="services"] .services-overview-row.reverse {
    grid-template-columns:1fr;
    gap:30px;
    margin-bottom:82px
  }

  .page-view[data-page="services"] .services-overview-row.reverse>.image-slot,
  .page-view[data-page="services"] .services-overview-row.reverse>div:last-child {
    order:initial
  }

  .page-view[data-page="services"] .services-overview-row::after {
    bottom:-41px
  }

  .page-view[data-page="services"] .services-overview-row>.image-slot {
    height:clamp(290px,80vw,360px);
    min-height:0;
    border-radius:12px
  }

  .page-view[data-page="services"] .services-overview-row>div:last-child {
    padding-top:42px
  }

  .page-view[data-page="services"] .services-overview-row h2 {
    font-size:clamp(2.05rem,8.5vw,2.85rem)
  }

  .page-view[data-page="services"] .services-business-callout {
    min-height:0;
    grid-template-columns:1fr
  }

  .page-view[data-page="services"] .services-business-callout>div:first-child {
    padding:76px 20px 62px
  }

  .page-view[data-page="services"] .services-business-callout>.image-slot {
    min-height:360px
  }

  .page-view[data-page="services"] .services-overview-values {
    padding:84px 20px 90px
  }

  .page-view[data-page="services"] .services-overview-values>header {
    margin-bottom:40px
  }

  .page-view[data-page="services"] .services-overview-values>.services-values-panel {
    grid-template-columns:1fr;
    border-radius:15px
  }

  .page-view[data-page="services"] .services-overview-values article,
  .page-view[data-page="services"] .services-overview-values article:nth-child(2),
  .page-view[data-page="services"] .services-overview-values article:nth-child(3),
  .page-view[data-page="services"] .services-overview-values article:nth-child(4) {
    min-height:0;
    padding:28px 26px 30px;
    border-radius:0
  }

  .page-view[data-page="services"] .services-overview-values article+article,
  .page-view[data-page="services"] .services-overview-values article:nth-child(even),
  .page-view[data-page="services"] .services-overview-values article:nth-child(n+3) {
    border-top:1px solid rgba(255,255,255,.11);
    border-right:0
  }

  .page-view[data-page="services"] .services-overview-values article:first-child {
    border-top:0
  }

  .page-view[data-page="services"] .services-overview-values article::after {
    right:26px
  }

  .page-view[data-page="services"] .services-overview-values article h3 {
    margin-top:25px
  }

  .page-view[data-page="services"] .svc-audience {
    padding:82px 20px 90px
  }

  .page-view[data-page="services"] .svc-audience-grid {
    grid-template-columns:1fr
  }

  .page-view[data-page="services"] .svc-card,
  .page-view[data-page="services"] .svc-card:nth-child(4),
  .page-view[data-page="services"] .svc-card:nth-child(5),
  .page-view[data-page="services"] .svc-card--wide {
    grid-column:span 1;
    width:100%;
    grid-template-columns:1fr;
    gap:0;
    min-height:0;
    padding:12px;
    border-radius:12px
  }

  .page-view[data-page="services"] .svc-card-thumb {
    width:100%;
    min-height:0;
    aspect-ratio:4 / 3;
    border-radius:9px
  }

  .page-view[data-page="services"] .svc-card-copy {
    padding:22px 10px 18px
  }

  .page-view[data-page="services"] .svc-card-top {
    margin-bottom:20px
  }

  .page-view[data-page="services"] .services-final-cta {
    min-height:440px;
    padding:82px 20px
  }
}

/* صفحه سامانه هوشمند کسبی — بازطراحی پریمیوم مستقل                         */
/* تمام انتخابگرهای این بلوک فقط صفحه how را هدف می‌گیرند تا صفحات قفل‌شده تغییر نکنند. */
/* ========================================================================== */
.page-view[data-page="how"] {
  --smart-navy:#0c1a2d;
  --smart-navy-deep:#071321;
  --smart-navy-soft:#17283d;
  --smart-paper:#f7f5f0;
  --smart-paper-deep:#efede7;
  --smart-ink:#111d2f;
  --smart-muted:#667080;
  --smart-yellow:#f9a400;
  --smart-line:rgba(15,28,46,.12);
  overflow:hidden;
  background:var(--smart-paper)
}

/* ----- هیرو مدیریتی با تمرکز بر پیام محصول و اقدام اصلی ----- */
.page-view[data-page="how"] .smart-hero {
  min-height:clamp(650px,78vh,820px);
  isolation:isolate;
  background:var(--smart-navy-deep)
}

.page-view[data-page="how"] .smart-hero::after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  z-index:2;
  height:150px;
  background:linear-gradient(180deg,transparent,rgba(7,19,33,.64));
  pointer-events:none
}

.page-view[data-page="how"] .smart-hero-media {
  transform:none;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  /* ماشین سمت راست؛ منظره و فضای خالی سمت چپ */
  background-position:62% center!important
}

.page-view[data-page="how"] .smart-hero-shade {
  z-index:1;
  /* سایه قوی‌تر سمت چپ برای خوانایی متن؛ سمت راست روشن‌تر تا ماشین دیده شود */
  background:
    linear-gradient(90deg,rgba(7,19,33,.88) 0%,rgba(7,19,33,.72) 28%,rgba(7,19,33,.28) 58%,rgba(7,19,33,.18) 100%),
    linear-gradient(180deg,rgba(7,19,33,.22),rgba(7,19,33,.08) 45%,rgba(7,19,33,.55))
}

.page-view[data-page="how"] .smart-hero-copy {
  width:min(520px,calc(100% - 48px));
  max-width:none;
  /* چسبیده به سمت چپ قاب */
  margin:0 auto 0 4vw;
  padding:clamp(120px,16vh,168px) 0 clamp(72px,10vh,110px);
  text-align:right;
  transform:none
}

.page-view[data-page="how"] .smart-eyebrow,
.page-view[data-page="how"] .smart-kicker {
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#ad7400;
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.01em
}

.page-view[data-page="how"] .smart-eyebrow {
  color:#ffc14b;
  margin-bottom:24px
}

.page-view[data-page="how"] .smart-eyebrow::before,
.page-view[data-page="how"] .smart-kicker::before {
  content:"";
  width:30px;
  height:1px;
  background:currentColor
}

.page-view[data-page="how"] .smart-hero-copy h1 {
  max-width:480px;
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(2.2rem,3.8vw,3.85rem);
  font-weight:700;
  line-height:1.22;
  letter-spacing:-.03em;
  text-shadow:0 5px 30px rgba(0,0,0,.26)
}

.page-view[data-page="how"] .smart-hero-copy h1 em {
  color:var(--smart-yellow);
  font-style:normal
}

.page-view[data-page="how"] .smart-hero-copy>p {
  max-width:420px;
  margin:0;
  color:rgba(255,255,255,.82);
  font-size:1.02rem;
  line-height:1.8
}

.page-view[data-page="how"] .smart-hero-actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px
}

.page-view[data-page="how"] .smart-hero-actions a {
  min-height:50px;
  padding:0 24px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.9rem;
  font-weight:700;
  transition:transform .25s ease,background .25s ease,border-color .25s ease
}

.page-view[data-page="how"] .smart-primary-action {
  color:#101820;
  background:var(--smart-yellow);
  box-shadow:0 12px 30px rgba(249,164,0,.22)
}

.page-view[data-page="how"] .smart-secondary-action {
  color:#fff;
  border:1px solid rgba(255,255,255,.34);
  background:rgba(255,255,255,.05);
  backdrop-filter:blur(12px)
}

.page-view[data-page="how"] .smart-hero-actions a:hover {
  transform:translateY(-2px)
}

.page-view[data-page="how"] .smart-hero-proof {
  display:flex;
  flex-wrap:wrap;
  gap:0;
  margin-top:28px;
  color:rgba(255,255,255,.7);
  font-size:.8rem
}

.page-view[data-page="how"] .smart-hero-proof span {
  padding:0 16px;
  border-right:1px solid rgba(255,255,255,.20)
}

.page-view[data-page="how"] .smart-hero-proof span:first-child {
  padding-right:0;
  border-right:0
}

/* ----- بلوک مشاوره؛ فرم تیره در کنار پیام تصمیم‌ساز ----- */
.page-view[data-page="how"] .smart-lead {
  position:relative;
  padding:112px 24px;
  background:
    radial-gradient(circle at 85% 12%,rgba(249,164,0,.08),transparent 28%),
    linear-gradient(180deg,var(--smart-paper) 0%,var(--smart-paper-deep) 100%)
}

.page-view[data-page="how"] .smart-lead-inner {
  max-width:1180px;
  grid-template-columns:minmax(340px,.84fr) minmax(0,1.16fr);
  gap:clamp(64px,8vw,112px)
}

.page-view[data-page="how"] .smart-lead-card {
  position:relative;
  max-width:440px;
  padding:38px 34px 34px!important;
  border:1px solid rgba(255,255,255,.11);
  border-radius:24px!important;
  background:linear-gradient(145deg,#14243a,#091729)!important;
  box-shadow:0 28px 76px rgba(15,28,46,.20)!important
}

.page-view[data-page="how"] .smart-lead-card::before {
  content:"";
  position:absolute;
  top:0;
  right:34px;
  width:82px;
  height:2px;
  background:var(--smart-yellow)
}

.page-view[data-page="how"] .smart-lead-card-head {
  text-align:right;
  margin-bottom:26px
}

.page-view[data-page="how"] .smart-lead-mark {
  width:44px;
  height:44px;
  margin-bottom:22px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:4px;
  padding:11px;
  border-radius:12px;
  color:var(--smart-yellow);
  background:rgba(249,164,0,.10);
  border:1px solid rgba(249,164,0,.22)
}

.page-view[data-page="how"] .smart-lead-mark i {
  display:block;
  width:4px;
  border-radius:3px 3px 0 0;
  background:currentColor
}

.page-view[data-page="how"] .smart-lead-mark i:nth-child(1){height:10px}
.page-view[data-page="how"] .smart-lead-mark i:nth-child(2){height:20px}
.page-view[data-page="how"] .smart-lead-mark i:nth-child(3){height:15px}

.page-view[data-page="how"] .smart-lead-card-head h3 {
  font-size:1.3rem;
  margin-bottom:9px
}

.page-view[data-page="how"] .smart-lead-form {
  gap:11px
}

.page-view[data-page="how"] .smart-lead-form input {
  height:52px!important;
  padding:0 17px;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.96)!important;
  transition:border-color .2s ease,box-shadow .2s ease
}

.page-view[data-page="how"] .smart-lead-form input:focus {
  outline:0;
  border-color:var(--smart-yellow)!important;
  box-shadow:0 0 0 4px rgba(249,164,0,.13)
}

.page-view[data-page="how"] .smart-lead-form button {
  height:52px!important;
  margin-top:5px;
  border-radius:10px!important;
  background:var(--smart-yellow)!important
}

.page-view[data-page="how"] .smart-lead-text {
  max-width:590px
}

.page-view[data-page="how"] .smart-lead-text h2 {
  margin:16px 0 20px;
  max-width:570px;
  font-size:clamp(2rem,3.4vw,3.5rem);
  line-height:1.35;
  letter-spacing:-.035em
}

.page-view[data-page="how"] .smart-lead-text>p {
  margin:0;
  max-width:560px;
  color:var(--smart-muted);
  font-size:1rem;
  line-height:2
}

.page-view[data-page="how"] .smart-lead-points {
  display:flex;
  flex-wrap:wrap;
  gap:10px 20px;
  margin-top:28px;
  color:var(--smart-ink);
  font-size:.86rem;
  font-weight:600
}

.page-view[data-page="how"] .smart-lead-points span {
  display:flex;
  align-items:center;
  gap:8px
}

.page-view[data-page="how"] .smart-lead-points span::before {
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--smart-yellow);
  box-shadow:0 0 0 5px rgba(249,164,0,.12)
}

/* ----- معرفی محصول و موکاپ اپلیکیشن ----- */
.page-view[data-page="how"] .smart-about {
  padding:122px 24px;
  background:#fff
}

.page-view[data-page="how"] .smart-about-inner {
  max-width:1180px;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:clamp(60px,8vw,110px)
}

.page-view[data-page="how"] .smart-about-visual {
  position:relative;
  min-height:560px;
  padding:44px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:30px;
  background:
    radial-gradient(circle at 30% 16%,rgba(249,164,0,.18),transparent 28%),
    linear-gradient(145deg,#17283d,#071321);
  box-shadow:0 28px 74px rgba(15,28,46,.18)!important
}

.page-view[data-page="how"] .smart-about-visual::before,
.page-view[data-page="how"] .smart-about-visual::after {
  content:"";
  position:absolute;
  border:1px solid rgba(255,255,255,.08);
  border-radius:50%
}

.page-view[data-page="how"] .smart-about-visual::before {
  width:430px;
  height:430px;
  left:-140px;
  top:-120px
}

.page-view[data-page="how"] .smart-about-visual::after {
  width:280px;
  height:280px;
  right:-120px;
  bottom:-100px
}

.page-view[data-page="how"] .smart-phone {
  position:relative;
  z-index:2;
  max-width:330px;
  filter:drop-shadow(0 28px 44px rgba(0,0,0,.42));
  transform:rotate(-2deg)
}

.page-view[data-page="how"] .smart-about-copy h2 {
  margin:16px 0 24px;
  max-width:570px;
  font-size:clamp(2rem,3.4vw,3.35rem);
  line-height:1.36;
  letter-spacing:-.035em
}

.page-view[data-page="how"] .smart-about-copy p {
  margin-bottom:13px;
  color:var(--smart-muted);
  font-size:.96rem;
  line-height:1.95
}

.page-view[data-page="how"] .smart-about-copy strong {
  margin-top:24px;
  padding-right:18px;
  border-right:2px solid var(--smart-yellow);
  color:var(--smart-ink)
}

/* ----- قابلیت‌های شماره‌دار روی زمینه سرمه‌ای ----- */
.page-view[data-page="how"] .smart-features {
  padding:116px 24px 124px;
  background:
    radial-gradient(circle at 15% 15%,rgba(249,164,0,.09),transparent 25%),
    linear-gradient(145deg,#112138 0%,#071321 72%);
  color:#fff
}

.page-view[data-page="how"] .smart-section-head {
  max-width:760px;
  margin:0 auto 54px
}

.page-view[data-page="how"] .smart-section-head h2 {
  margin:14px 0 14px;
  color:var(--smart-ink);
  font-size:clamp(2rem,3.2vw,3.15rem);
  line-height:1.35;
  letter-spacing:-.035em
}

.page-view[data-page="how"] .smart-section-head p {
  max-width:660px;
  margin:0 auto;
  color:var(--smart-muted);
  line-height:1.9
}

.page-view[data-page="how"] .smart-section-head--light h2 {
  color:#fff;
  text-shadow:none
}

.page-view[data-page="how"] .smart-section-head--light p {
  color:rgba(255,255,255,.62)
}

.page-view[data-page="how"] .smart-section-head--light .smart-kicker {
  color:#ffc14b
}

.page-view[data-page="how"] .smart-features-grid {
  max-width:1180px;
  gap:1px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  background:rgba(255,255,255,.12)
}

.page-view[data-page="how"] .smart-feature-card,
.page-view[data-page="how"] .smart-feature-card--accent {
  position:relative;
  min-height:235px;
  padding:34px 32px;
  align-items:flex-start;
  justify-content:flex-start;
  gap:0;
  text-align:right;
  border:0;
  border-radius:0;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:none
}

.page-view[data-page="how"] .smart-feature-card:hover {
  z-index:2;
  transform:none;
  background:rgba(255,255,255,.09);
  box-shadow:inset 0 2px 0 var(--smart-yellow)
}

/* تیک ثابت و مینیمال، جایگزین شماره‌گذاری شش قابلیت سامانه هوشمند. */
.page-view[data-page="how"] .smart-feature-check {
  display:block;
  width:24px;
  height:24px;
  margin-bottom:46px;
  filter:invert(69%) sepia(87%) saturate(1152%) hue-rotate(1deg) brightness(103%) contrast(103%)
}

.page-view[data-page="how"] .smart-feature-card h3 {
  max-width:280px;
  margin:0 0 11px;
  color:#fff;
  font-size:1.08rem;
  line-height:1.65
}

.page-view[data-page="how"] .smart-feature-card p {
  max-width:290px;
  margin:0;
  color:rgba(255,255,255,.56);
  font-size:.84rem;
  line-height:1.8
}

/* ----- مراحل اجرا در کارت‌های تصویری هم‌اندازه ----- */
.page-view[data-page="how"] .smart-steps {
  padding:120px 24px;
  background:linear-gradient(180deg,var(--smart-paper),#fff)
}

.page-view[data-page="how"] .smart-steps-track-wrap {
  max-width:1240px;
  grid-template-columns:46px minmax(0,1fr) 46px;
  gap:18px;
  direction:ltr
}

.page-view[data-page="how"] .smart-steps-track {
  gap:18px;
  /* مراحل از چپ به راست: ۱ → ۲ → ۳ */
  direction:ltr
}

.page-view[data-page="how"] .smart-steps-track .smart-step-card {
  direction:rtl
}

.page-view[data-page="how"] .smart-step-card {
  flex:0 0 calc(33.333% - 12px);
  min-height:430px;
  border:1px solid var(--smart-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 16px 46px rgba(15,28,46,.08)
}

.page-view[data-page="how"] .smart-step-image {
  height:235px
}

.page-view[data-page="how"] .smart-step-card h3 {
  margin:23px 24px 10px;
  color:#a66d00;
  font-size:.78rem;
  font-weight:700
}

.page-view[data-page="how"] .smart-step-card p {
  margin:0 24px 26px;
  color:var(--smart-ink);
  font-size:.92rem;
  line-height:1.9
}

/* فقط جابه‌جایی متن کارت مرحله دوم؛ ساختار کارت و تصویر/انیمیشن بدون تغییر */
.page-view[data-page="how"] .smart-step-card:nth-child(2) .smart-step-title-slot,
.page-view[data-page="how"] .smart-step-card:nth-child(2) p {
  transform:translateY(28px)
}

.page-view[data-page="how"] .smart-steps-nav {
  border:1px solid rgba(15,28,46,.16);
  background:transparent;
  color:var(--smart-ink);
  transition:background .2s ease,border-color .2s ease
}

.page-view[data-page="how"] .smart-steps-nav:hover {
  border-color:var(--smart-yellow);
  background:var(--smart-yellow)
}

/* ----- داشبورد؛ تصویر اصلی روی سطح تیره و کنترل‌شده ----- */
.page-view[data-page="how"] .smart-dashboard {
  padding:118px 24px 126px;
  background:var(--smart-navy-deep)
}

.page-view[data-page="how"] .smart-dashboard .smart-section-head h2 {
  color:#fff;
  text-shadow:none
}

.page-view[data-page="how"] .smart-dashboard .smart-section-head p {
  color:rgba(255,255,255,.58)
}

.page-view[data-page="how"] .smart-dashboard .smart-kicker {
  color:#ffc14b
}

.page-view[data-page="how"] .smart-dashboard-panel {
  position:relative;
  max-width:1080px;
  padding:14px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:24px;
  background:rgba(255,255,255,.055);
  box-shadow:0 30px 86px rgba(0,0,0,.28)
}

.page-view[data-page="how"] .smart-dashboard-panel img {
  max-height:580px;
  border-radius:14px
}

/* ----- نتایج اقتصادی در سه عدد/پیام هم‌تراز ----- */
.page-view[data-page="how"] .smart-savings {
  padding:112px 24px 122px;
  background:
    radial-gradient(circle at 85% 15%,rgba(249,164,0,.11),transparent 28%),
    linear-gradient(180deg,var(--smart-paper) 0%,var(--smart-paper-deep) 100%)
}

.page-view[data-page="how"] .smart-savings-grid {
  max-width:1100px;
  gap:20px
}

.page-view[data-page="how"] .smart-savings-grid article,
.page-view[data-page="how"] .smart-savings-card {
  position:relative;
  min-height:210px;
  padding:26px 24px 28px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  gap:8px;
  text-align:right;
  border:1px solid transparent;
  border-radius:22px;
  color:#fff;
  overflow:hidden;
  box-shadow:0 18px 44px rgba(15,28,46,.14);
  transition:transform .28s ease,box-shadow .28s ease
}

/* کارت‌ها با گرادیان رنگی متمایز */
.page-view[data-page="how"] .smart-savings-card:nth-child(1) {
  background:
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.16),transparent 42%),
    linear-gradient(145deg,#f9a400 0%,#d48400 55%,#b86f00 100%)
}
.page-view[data-page="how"] .smart-savings-card:nth-child(2) {
  background:
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.12),transparent 42%),
    linear-gradient(145deg,#1e3a5f 0%,#152a45 55%,#0f1f33 100%)
}
.page-view[data-page="how"] .smart-savings-card:nth-child(3) {
  background:
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.12),transparent 42%),
    linear-gradient(145deg,#243b55 0%,#1a2d42 50%,#122033 100%);
  border:1px solid rgba(249,164,0,.28)
}

.page-view[data-page="how"] .smart-savings-card:hover {
  transform:translateY(-6px);
  box-shadow:0 26px 56px rgba(15,28,46,.2)
}

.page-view[data-page="how"] .smart-savings-card::before {
  content:"";
  position:absolute;
  top:26px;
  right:24px;
  width:32px;
  height:3px;
  border-radius:99px;
  background:rgba(255,255,255,.85)
}

.page-view[data-page="how"] .smart-savings-card:nth-child(2)::before,
.page-view[data-page="how"] .smart-savings-card:nth-child(3)::before {
  background:var(--smart-yellow)
}

.page-view[data-page="how"] .smart-savings-card strong {
  display:block;
  margin:0;
  color:#fff;
  font-size:clamp(1.25rem,1.8vw,1.55rem);
  font-weight:800;
  line-height:1.3
}

.page-view[data-page="how"] .smart-savings-card span {
  display:block;
  color:rgba(255,255,255,.82);
  font-size:.95rem;
  font-weight:500;
  line-height:1.7
}
.page-view[data-page="how"] .smart-savings-icon {
  position:absolute;
  top:20px;
  right:22px;
  width:46px;
  height:46px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.16);
  color:#fff;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px)
}
.page-view[data-page="how"] .smart-savings-icon svg {
  width:24px;
  height:24px
}
.page-view[data-page="how"] .smart-savings-card:nth-child(2) .smart-savings-icon,
.page-view[data-page="how"] .smart-savings-card:nth-child(3) .smart-savings-icon {
  background:rgba(249,164,0,.16);
  color:#ffc14b
}
.page-view[data-page="how"] .smart-savings-card::before {
  display:none
}


/* ----- پرسش‌های متداول با سطح‌بندی تمیز و فضای تنفسی بیشتر ----- */
.page-view[data-page="how"] .smart-faq {
  padding:116px 24px 130px;
  background:#fff
}

.page-view[data-page="how"] .smart-faq .accordion {
  max-width:940px;
  border-top:1px solid var(--smart-line)
}

.page-view[data-page="how"] .smart-faq .accordion article {
  margin:0;
  border:0;
  border-bottom:1px solid var(--smart-line);
  border-radius:0;
  background:transparent;
  box-shadow:none
}

.page-view[data-page="how"] .smart-faq .accordion article>button {
  padding:22px 4px;
  color:var(--smart-ink)
}

.page-view[data-page="how"] .smart-faq .accordion article>button b {
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid var(--smart-line);
  border-radius:50%;
  color:#a66d00;
  font-weight:400
}

.page-view[data-page="how"] .smart-faq .accordion article>p {
  padding:0 4px 24px;
  color:var(--smart-muted)
}

/* ----- واکنش‌گرایی صفحه سامانه برای تبلت ----- */
@media (max-width:960px) {
  .page-view[data-page="how"] .smart-hero-shade {
    background:linear-gradient(90deg,rgba(7,19,33,.50),rgba(7,19,33,.82))
  }

  .page-view[data-page="how"] .smart-lead-inner,
  .page-view[data-page="how"] .smart-about-inner {
    grid-template-columns:1fr;
    gap:56px
  }

  .page-view[data-page="how"] .smart-lead-text {
    grid-row:1
  }

  .page-view[data-page="how"] .smart-lead-card {
    max-width:560px;
    justify-self:start
  }

  .page-view[data-page="how"] .smart-about-visual {
    min-height:500px
  }

  .page-view[data-page="how"] .smart-features-grid {
    grid-template-columns:repeat(2,1fr)
  }

  .page-view[data-page="how"] .smart-step-card {
    flex-basis:calc(50% - 9px)
  }
}

/* ----- واکنش‌گرایی صفحه سامانه برای موبایل ----- */
@media (max-width:640px) {
  .page-view[data-page="how"] .smart-hero {
    min-height:720px
  }

  .page-view[data-page="how"] .smart-hero-copy {
    width:calc(100% - 40px);
    margin:0 20px;
    padding:130px 0 76px
  }

  .page-view[data-page="how"] .smart-hero-copy h1 {
    font-size:clamp(2.15rem,11vw,3.15rem)
  }

  .page-view[data-page="how"] .smart-hero-copy>p {
    font-size:.94rem
  }

  .page-view[data-page="how"] .smart-hero-actions a {
    width:100%
  }

  .page-view[data-page="how"] .smart-hero-proof {
    gap:10px 0
  }

  .page-view[data-page="how"] .smart-hero-proof span {
    padding:0 10px
  }

  .page-view[data-page="how"] .smart-lead,
  .page-view[data-page="how"] .smart-about,
  .page-view[data-page="how"] .smart-features,
  .page-view[data-page="how"] .smart-steps,
  .page-view[data-page="how"] .smart-dashboard,
  .page-view[data-page="how"] .smart-savings,
  .page-view[data-page="how"] .smart-faq {
    padding-right:20px;
    padding-left:20px
  }

  .page-view[data-page="how"] .smart-lead,
  .page-view[data-page="how"] .smart-about,
  .page-view[data-page="how"] .smart-steps,
  .page-view[data-page="how"] .smart-savings,
  .page-view[data-page="how"] .smart-faq {
    padding-top:82px;
    padding-bottom:88px
  }

  .page-view[data-page="how"] .smart-features,
  .page-view[data-page="how"] .smart-dashboard {
    padding-top:86px;
    padding-bottom:92px
  }

  .page-view[data-page="how"] .smart-lead-card {
    padding:30px 22px 24px!important
  }

  .page-view[data-page="how"] .smart-lead-text h2,
  .page-view[data-page="how"] .smart-about-copy h2,
  .page-view[data-page="how"] .smart-section-head h2 {
    font-size:clamp(1.8rem,8.8vw,2.5rem)
  }

  .page-view[data-page="how"] .smart-about-visual {
    min-height:410px;
    padding:28px;
    border-radius:20px
  }

  .page-view[data-page="how"] .smart-phone {
    max-width:255px
  }

  .page-view[data-page="how"] .smart-features-grid {
    grid-template-columns:1fr;
    border-radius:16px
  }

  .page-view[data-page="how"] .smart-feature-card,
  .page-view[data-page="how"] .smart-feature-card--accent {
    min-height:200px;
    padding:28px 24px
  }

  .page-view[data-page="how"] .smart-feature-index {
    margin-bottom:34px
  }

  .page-view[data-page="how"] .smart-steps-track-wrap {
    grid-template-columns:34px minmax(0,1fr) 34px;
    gap:8px
  }

  .page-view[data-page="how"] .smart-step-card {
    flex-basis:100%;
    min-height:410px
  }

  .page-view[data-page="how"] .smart-dashboard-panel {
    padding:8px;
    border-radius:16px
  }

  .page-view[data-page="how"] .smart-savings-grid {
    grid-template-columns:1fr
  }
}

/* ========================================================================== */
/* صفحه اصلی — هیروی دو اسلایدی خودکار، بدون فرم رزرو و کنترل دستی          */
/* جای متن هر اسلاید بر اساس فضای خالی همان تصویر تنظیم شده است.             */
/* ========================================================================== */
.page-view[data-page="home"] .home-hero {
  position:sticky;
  top:0;
  z-index:0;
  display:block;
  width:100%;
  height:100svh;
  min-height:720px;
  overflow:hidden;
  background:#071321;
  isolation:isolate
}

/* ========================================================================== */
/* فرم‌های سایت — بازخورد اعتبارسنجی و فیلد ضدربات بدون تغییر در چیدمان      */
/* ========================================================================== */
form[data-secure-form] [data-form-honeypot] {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
  border:0!important;
  pointer-events:none!important
}

form[data-secure-form] :is(input,select,textarea).is-invalid {
  outline:2px solid #c62828!important;
  outline-offset:2px
}

form[data-secure-form] :is(button,input)[aria-busy="true"] {
  cursor:wait;
  opacity:.72
}

.page-view[data-page="home"] .home-hero-slide {
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity 1.2s ease,visibility 1.2s linear
}

.page-view[data-page="home"] .home-hero-slide.is-active {
  z-index:1;
  opacity:1;
  visibility:visible
}

.page-view[data-page="home"] .home-hero-slide-media {
  position:absolute;
  inset:0;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  transform:scale(1.015);
  transition:transform 7s ease,filter .25s ease;
  will-change:transform,filter
}

.page-view[data-page="home"] .home-hero-slide.is-active .home-hero-slide-media {
  transform:scale(1.05)
}

.page-view[data-page="home"] .home-hero-slide-shade {
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none
}

.page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-shade {
  background:linear-gradient(90deg,rgba(7,19,33,.72) 0%,rgba(7,19,33,.30) 40%,rgba(7,19,33,.05) 70%),linear-gradient(180deg,rgba(3,10,18,.46),transparent 30%,rgba(3,10,18,.46))
}

.page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-shade {
  background:linear-gradient(270deg,rgba(7,19,33,.69) 0%,rgba(7,19,33,.40) 33%,transparent 67%),linear-gradient(180deg,rgba(3,10,18,.40),transparent 34%,rgba(3,10,18,.20))
}

.page-view[data-page="home"] .home-hero-slide-copy {
  position:absolute;
  z-index:2;
  max-width:min(700px,48vw);
  color:#fff;
  text-align:right;
  transition:opacity .3s ease,transform .3s ease
}

/* متن چندمقصدی: کمی چپ‌تر و بالاتر از مسیر جاده، زیر پین‌های مقصد قرار می‌گیرد. */
.page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy {
  left:clamp(24px,4vw,72px);
  right:auto;
  top:auto;
  bottom:clamp(104px,16vh,176px);
  max-width:none;
  width:max-content;
  transform:none;
  text-align:right
}

.page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy h1 {
  font-size:clamp(2.2rem,3.7vw,4rem) !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
  text-wrap:nowrap !important
}

.page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-shade {
  background:linear-gradient(90deg,rgba(7,19,33,.72) 0%,rgba(7,19,33,.30) 40%,rgba(7,19,33,.05) 70%),linear-gradient(180deg,rgba(3,10,18,.46),transparent 30%,rgba(3,10,18,.46))
}

/* اسلاید پوشش سراسری ایران — متن بالای قوس در فضای سیاه */
.page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-copy {
  /* متن بالای قوس و اندکی متمایل به چپِ مرکز باقی می‌ماند. */
  left:48%;
  right:auto;
  top:clamp(88px,14vh,150px);
  bottom:auto;
  max-width:min(720px,88vw);
  width:min(720px,88vw);
  transform:translateX(-50%);
  text-align:center;
  padding:0 16px
}

.page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-copy h1 {
  margin:0 0 12px;
  font-size:clamp(1.7rem,3.2vw,2.85rem) !important;
  font-weight:700;
  line-height:1.35 !important;
  white-space:normal !important;
  text-wrap:balance !important;
  letter-spacing:-.02em
}

.page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-copy p {
  margin:0 auto;
  max-width:560px;
  color:rgba(255,255,255,.82);
  font-size:clamp(.92rem,1.35vw,1.08rem);
  font-weight:500;
  line-height:1.85;
  text-shadow:0 2px 14px rgba(0,0,0,.45)
}

.page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-media {
  background-position:center 42% !important;
  background-size:cover !important
}

.page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-shade {
  background:linear-gradient(180deg,rgba(3,10,18,.25) 0%,transparent 40%,rgba(3,10,18,.72) 100%)
}

/* متن «در اختیار»: یک خط پیوسته، کمی متمایل به راست و بالای سقف خودرو */
.page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy {
  top:clamp(78px,10vh,120px) !important;
  left:53% !important;
  right:auto !important;
  bottom:auto !important;
  max-width:none !important;
  width:max-content !important;
  transform:translateX(-50%) !important;
  text-align:center !important
}

.page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy h2 {
  font-size:clamp(2.4rem,4vw,4.35rem) !important;
  line-height:1.2 !important;
  letter-spacing:-.045em;
  white-space:nowrap !important;
  text-wrap:nowrap !important
}

.page-view[data-page="home"] .home-hero-slide-copy h1,
.page-view[data-page="home"] .home-hero-slide-copy h2 {
  margin:0;
  color:#fff;
  font-family:Peyda,Tahoma,sans-serif;
  font-size:clamp(2.7rem,4.7vw,5.35rem);
  font-weight:650;
  line-height:1.23;
  letter-spacing:-.045em;
  text-wrap:balance;
  text-shadow:0 3px 24px rgba(0,0,0,.42)
}

@media (max-width:760px) {
  .page-view[data-page="home"] .home-hero {
    min-height:620px
  }

  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-media {
    background-position:58% center
  }

  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-media {
    background-position:56% center
  }

  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy,
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy {
    top:auto;
    right:22px;
    bottom:72px;
    left:22px;
    max-width:none
  }

  .page-view[data-page="home"] .home-hero-slide-copy h1,
  .page-view[data-page="home"] .home-hero-slide-copy h2 {
    font-size:clamp(2.1rem,9vw,3.25rem);
    line-height:1.32
  }
}

@media (prefers-reduced-motion:reduce) {
  .page-view[data-page="home"] .home-hero-slide,
  .page-view[data-page="home"] .home-hero-slide-media {
    transition-duration:.01ms
  }

  .page-view[data-page="home"] .home-hero-slide.is-active .home-hero-slide-media {
    transform:scale(1.015)
  }
}

/* ========================================================================== */
/* صفحه سامانه هوشمند — پرداخت نهایی نسخه ۱۴۶                              */
/* این بازنویسی کاملاً به data-page="how" محدود است و صفحات قفل‌شده را تغییر نمی‌دهد. */
/* ========================================================================== */

/* هیرو: عنوان رسمی در دو سطر، تصویر کامل‌تر و کنتراست کنترل‌شده */
.page-view[data-page="how"] .smart-hero {
  min-height:clamp(620px,76vh,760px)
}

.page-view[data-page="how"] .smart-hero-media {
  background-position:center center!important
}

.page-view[data-page="how"] .smart-hero-shade {
  background:
    linear-gradient(90deg,rgba(7,19,33,.92) 0%,rgba(7,19,33,.76) 30%,rgba(7,19,33,.20) 61%,rgba(7,19,33,.08) 100%),
    linear-gradient(180deg,rgba(7,19,33,.08),rgba(7,19,33,.03) 48%,rgba(7,19,33,.56))
}

.page-view[data-page="how"] .smart-hero-copy {
  width:min(620px,calc(100% - 48px));
  margin-left:max(4vw,48px)
}

.page-view[data-page="how"] .smart-hero-copy h1 {
  max-width:610px;
  font-size:clamp(2.45rem,4vw,4.25rem);
  line-height:1.24;
  letter-spacing:-.045em
}

.page-view[data-page="how"] .smart-hero-copy h1 span,
.page-view[data-page="how"] .smart-hero-copy h1 em {
  display:block
}

.page-view[data-page="how"] .smart-hero-copy h1 em {
  margin-top:4px
}

/* هویت بصری یکپارچه: عنوان‌های بخش‌ها جمع‌وجورتر و خواناتر */
.page-view[data-page="how"] .smart-section-head {
  max-width:790px;
  margin-right:auto;
  margin-left:auto
}

.page-view[data-page="how"] .smart-section-head h2 {
  max-width:760px;
  margin-right:auto;
  margin-left:auto;
  font-size:clamp(2rem,3.15vw,3.25rem);
  line-height:1.35;
  letter-spacing:-.035em
}

.page-view[data-page="how"] .smart-section-head p {
  max-width:650px;
  margin-right:auto;
  margin-left:auto;
  line-height:1.95
}

/* کارت‌های قابلیت: جزئیات طلایی ظریف، بدون شلوغی بصری */
.page-view[data-page="how"] .smart-feature-card {
  isolation:isolate
}

.page-view[data-page="how"] .smart-feature-card::after {
  content:"";
  position:absolute;
  inset:auto 32px 0 auto;
  z-index:-1;
  width:64px;
  height:2px;
  background:var(--smart-yellow);
  opacity:.72;
  transition:width .3s ease,opacity .3s ease
}

.page-view[data-page="how"] .smart-feature-card:hover::after {
  width:104px;
  opacity:1
}

/* مراحل: تصویر غالب و متن کوتاه، مانند روایت محصول رسمی */
.page-view[data-page="how"] .smart-step-card {
  overflow:hidden;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease
}

.page-view[data-page="how"] .smart-step-card:hover {
  transform:translateY(-6px);
  border-color:rgba(249,164,0,.38);
  box-shadow:0 26px 58px rgba(15,28,46,.13)
}

/* داشبورد: تصویر محصول در کنار پنج خروجی واقعی صفحه رسمی */
.page-view[data-page="how"] .smart-dashboard-showcase {
  width:min(1240px,100%);
  margin:52px auto 0;
  display:grid;
  grid-template-columns:minmax(0,1.48fr) minmax(330px,.72fr);
  gap:18px;
  direction:ltr;
  align-items:stretch
}

.page-view[data-page="how"] .smart-dashboard-panel {
  width:100%;
  max-width:none;
  margin:0;
  padding:12px;
  direction:rtl;
  overflow:hidden
}

.page-view[data-page="how"] .smart-dashboard-panel img {
  width:100%;
  height:100%;
  min-height:510px;
  max-height:none;
  object-fit:cover
}

.page-view[data-page="how"] .smart-dashboard-live {
  position:absolute;
  z-index:2;
  top:32px;
  right:32px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:11px 15px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  color:#fff;
  background:rgba(7,19,33,.76);
  font-size:.78rem;
  font-weight:700;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px)
}

.page-view[data-page="how"] .smart-dashboard-live i {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#39d98a;
  box-shadow:0 0 0 5px rgba(57,217,138,.14)
}

.page-view[data-page="how"] .smart-dashboard-insights {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  direction:rtl
}

.page-view[data-page="how"] .smart-dashboard-insight {
  position:relative;
  min-height:156px;
  padding:24px 22px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  direction:rtl;
  overflow:hidden;
  transition:border-color .25s ease,background .25s ease,transform .25s ease
}

.page-view[data-page="how"] .smart-dashboard-insight:hover {
  transform:translateY(-3px);
  border-color:rgba(249,164,0,.40);
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035))
}

.page-view[data-page="how"] .smart-dashboard-insight--featured {
  grid-column:1 / -1;
  min-height:190px;
  border-color:rgba(249,164,0,.38);
  background:
    radial-gradient(circle at 10% 10%,rgba(249,164,0,.18),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025))
}

.page-view[data-page="how"] .smart-dashboard-insight span {
  color:#ffc14b;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em
}

.page-view[data-page="how"] .smart-dashboard-insight h3 {
  max-width:250px;
  margin:22px 0 0;
  color:#fff;
  font-size:.93rem;
  font-weight:700;
  line-height:1.75
}

.page-view[data-page="how"] .smart-dashboard-insight--featured h3 {
  max-width:320px;
  margin-top:30px;
  font-size:1.16rem
}

.page-view[data-page="how"] .smart-dashboard-insight p {
  max-width:300px;
  margin:8px 0 0;
  color:rgba(255,255,255,.56);
  font-size:.78rem;
  line-height:1.75
}

/* پرسش‌ها: CTA پایانی برای جلوگیری از بن‌بست کاربر */
.page-view[data-page="how"] .smart-faq-contact {
  max-width:940px;
  margin:34px auto 0;
  padding:26px 30px;
  border:1px solid rgba(15,28,46,.10);
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  background:linear-gradient(120deg,#f7f5f0,#fff);
  box-shadow:0 16px 42px rgba(15,28,46,.06)
}

.page-view[data-page="how"] .smart-faq-contact div {
  display:flex;
  flex-direction:column;
  gap:5px
}

.page-view[data-page="how"] .smart-faq-contact span {
  color:var(--smart-muted);
  font-size:.82rem
}

.page-view[data-page="how"] .smart-faq-contact strong {
  color:var(--smart-ink);
  font-size:1.06rem
}

.page-view[data-page="how"] .smart-faq-contact a {
  min-height:48px;
  padding:0 20px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:18px;
  flex:0 0 auto;
  color:#111820;
  background:var(--smart-yellow);
  font-size:.84rem;
  font-weight:800;
  transition:transform .2s ease,box-shadow .2s ease
}

.page-view[data-page="how"] .smart-faq-contact a:hover {
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(249,164,0,.23)
}

/* واکنش‌گرایی پرداخت نهایی سامانه */
@media (max-width:1080px) {
  .page-view[data-page="how"] .smart-dashboard-showcase {
    grid-template-columns:1fr
  }

  .page-view[data-page="how"] .smart-dashboard-insights {
    grid-template-columns:repeat(4,1fr)
  }

  .page-view[data-page="how"] .smart-dashboard-insight,
  .page-view[data-page="how"] .smart-dashboard-insight--featured {
    grid-column:auto;
    min-height:180px
  }

  .page-view[data-page="how"] .smart-dashboard-insight--featured {
    grid-column:span 2
  }
}

@media (max-width:760px) {
  .page-view[data-page="how"] .smart-hero {
    min-height:680px
  }

  .page-view[data-page="how"] .smart-hero-media {
    background-position:61% center!important
  }

  .page-view[data-page="how"] .smart-hero-shade {
    background:linear-gradient(90deg,rgba(7,19,33,.88),rgba(7,19,33,.60) 72%,rgba(7,19,33,.30))
  }

  .page-view[data-page="how"] .smart-hero-copy {
    width:calc(100% - 40px);
    margin:0 20px
  }

  .page-view[data-page="how"] .smart-hero-copy h1 {
    font-size:clamp(2.15rem,10vw,3rem);
    letter-spacing:-.035em
  }

  .page-view[data-page="how"] .smart-dashboard-panel img {
    min-height:0;
    aspect-ratio:16 / 10
  }

  .page-view[data-page="how"] .smart-dashboard-insights {
    grid-template-columns:1fr 1fr
  }

  .page-view[data-page="how"] .smart-dashboard-insight--featured {
    grid-column:1 / -1
  }
}

@media (max-width:520px) {
  .page-view[data-page="how"] .smart-dashboard-insights {
    grid-template-columns:1fr
  }

  .page-view[data-page="how"] .smart-dashboard-insight,
  .page-view[data-page="how"] .smart-dashboard-insight--featured {
    grid-column:auto;
    min-height:145px
  }

  .page-view[data-page="how"] .smart-dashboard-live {
    top:20px;
    right:20px;
    font-size:.7rem
  }

  .page-view[data-page="how"] .smart-faq-contact {
    padding:24px;
    flex-direction:column;
    align-items:stretch
  }

  .page-view[data-page="how"] .smart-faq-contact a {
    width:100%;
    justify-content:center
  }
}

/* ========================================================================== */
/* صفحه سامانه هوشمند — پنل یکپارچه و پریمیوم نتایج کاهش هزینه               */
/* این پرداخت جای کارت‌های جدا و شلوغ قبلی را می‌گیرد و فقط صفحه how را هدف دارد. */
/* ========================================================================== */
.page-view[data-page="how"] .smart-savings {
  position:relative;
  background:
    radial-gradient(circle at 80% 12%,rgba(249,164,0,.08),transparent 24%),
    linear-gradient(180deg,#f8f6f1 0%,#efede7 100%)
}

.page-view[data-page="how"] .smart-savings-grid {
  max-width:1160px;
  margin-top:54px;
  padding:12px;
  gap:0;
  border:1px solid rgba(255,255,255,.08);
  border-radius:26px;
  overflow:hidden;
  background:linear-gradient(135deg,#162b45 0%,#0b1c30 56%,#071522 100%);
  box-shadow:0 30px 70px rgba(15,28,46,.20)
}

.page-view[data-page="how"] .smart-savings-grid article,
.page-view[data-page="how"] .smart-savings-card {
  position:relative;
  min-height:250px;
  padding:28px 28px 30px;
  border:0;
  border-radius:16px;
  background:transparent;
  box-shadow:none;
  transform:none;
  transition:background .25s ease
}

.page-view[data-page="how"] .smart-savings-card:not(:last-child) {
  border-left:1px solid rgba(255,255,255,.10);
  border-radius:0
}

.page-view[data-page="how"] .smart-savings-card:first-child {
  background:radial-gradient(circle at 88% 8%,rgba(249,164,0,.14),transparent 42%)
}

.page-view[data-page="how"] .smart-savings-card:hover {
  transform:none;
  box-shadow:none;
  background-color:rgba(255,255,255,.035)
}

.page-view[data-page="how"] .smart-savings-card::before,
.page-view[data-page="how"] .smart-savings-card::after {
  display:none
}

/* سه آیکون نتایج سامانه: بدون قاب، بزرگ و دقیقاً در مرکز هر کارت. */
.page-view[data-page="how"] .smart-savings-grid article,
.page-view[data-page="how"] .smart-savings-card {
  align-items:center;
  justify-content:center;
  text-align:center
}

.page-view[data-page="how"] .smart-savings-icon {
  position:relative;
  top:auto;
  right:auto;
  z-index:2;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  margin:0 0 18px;
  background:transparent;
  border:0;
  box-shadow:none
}

.page-view[data-page="how"] .smart-savings-icon::after {
  display:none
}

.page-view[data-page="how"] .smart-savings-icon img {
  display:block;
  width:42px;
  height:42px;
  object-fit:contain;
  /* آیکون‌های خطی سه‌گانه سامانه هوشمند با رنگ ثابت زرد برند نمایش داده می‌شوند. */
  filter:invert(69%) sepia(87%) saturate(1152%) hue-rotate(1deg) brightness(103%) contrast(103%)
}

.page-view[data-page="how"] .smart-savings-card strong,
.page-view[data-page="how"] .smart-savings-card>span:last-child {
  position:relative;
  z-index:2
}

.page-view[data-page="how"] .smart-savings-card strong {
  margin-top:0;
  color:#fff;
  font-size:clamp(1.35rem,1.75vw,1.68rem);
  letter-spacing:-.025em
}

.page-view[data-page="how"] .smart-savings-card:first-child strong {
  color:#ffc14b
}

.page-view[data-page="how"] .smart-savings-card>span:last-child {
  color:rgba(255,255,255,.62);
  font-size:.88rem
}

/* نسخه موبایل پنل نتایج؛ کارت‌ها زیر هم و با جداکننده افقی نمایش داده می‌شوند. */
@media (max-width:640px) {
  .page-view[data-page="how"] .smart-savings-grid {
    margin-top:38px;
    padding:10px;
    grid-template-columns:1fr;
    border-radius:20px
  }

  .page-view[data-page="how"] .smart-savings-grid article,
  .page-view[data-page="how"] .smart-savings-card {
    min-height:218px;
    padding:24px
  }

  .page-view[data-page="how"] .smart-savings-card:not(:last-child) {
    border-left:0;
    border-bottom:1px solid rgba(255,255,255,.10)
  }

  .page-view[data-page="how"] .smart-savings-icon { width:42px; height:42px; margin-bottom:16px }
  .page-view[data-page="how"] .smart-savings-icon img { width:38px; height:38px }
}

/* ========================================================================== */
/* صفحه اصلی — پرداخت نهایی موبایل؛ فقط برای نمایش‌های ۷۶۰ پیکسل و کوچک‌تر   */
/* ریتم، اندازه‌ها و فضای تنفس بخش‌های صفحه اصلی را یکدست می‌کند.            */
/* ========================================================================== */
@media (max-width:760px) {
  .page-view[data-page="home"] .home-hero {
    position:relative;
    height:100svh;
    min-height:620px;
    max-height:760px
  }

  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-media {
    background-position:61% center
  }

  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-media {
    background-position:57% center
  }

  /* بازنشانی جای‌گذاری دسکتاپ: متن در پایین تصویر، بدون برش یا جابه‌جایی */
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy,
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy {
    right:20px!important;
    bottom:clamp(54px,8svh,82px)!important;
    left:20px!important;
    top:auto!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
    text-align:right!important
  }

  .page-view[data-page="home"] .home-hero-slide-copy h1,
  .page-view[data-page="home"] .home-hero-slide-copy h2 {
    max-width:12ch;
    font-size:clamp(2rem,9.5vw,3rem)!important;
    line-height:1.24!important;
    letter-spacing:-.04em;
    white-space:normal!important;
    text-wrap:balance!important
  }

  .page-view[data-page="home"] .home-marquee {
    padding:14px 0
  }

  .page-view[data-page="home"] .home-marquee span {
    padding-inline:20px;
    font-size:.78rem
  }

  .page-view[data-page="home"] .home-statement,
  .page-view[data-page="home"] .home-services .home-statement,
  .page-view[data-page="home"] .home-comfort .home-statement,
  .page-view[data-page="home"] .home-excellence .home-statement {
    min-height:0!important;
    padding:58px 20px 30px!important
  }

  .page-view[data-page="home"] .home-statement h2 {
    max-width:15ch;
    margin-bottom:12px;
    font-size:clamp(2rem,8.8vw,2.8rem)!important;
    line-height:1.22
  }

  .page-view[data-page="home"] .home-statement p {
    max-width:33ch;
    font-size:.98rem;
    line-height:1.8
  }

  .page-view[data-page="home"] .home-services {
    padding-bottom:48px
  }

  .page-view[data-page="home"] .home-service-window {
    padding:0 16px
  }

  .page-view[data-page="home"] .home-service-track {
    gap:14px
  }

  .page-view[data-page="home"] .home-service-card {
    flex-basis:calc(100vw - 32px);
    padding-bottom:4px
  }

  .page-view[data-page="home"] .home-service-card>.image-slot {
    height:auto;
    min-height:0;
    aspect-ratio:4 / 3;
    margin-bottom:14px;
    border-radius:14px
  }

  .page-view[data-page="home"] .home-service-card h3 {
    font-size:1.35rem;
    line-height:1.45
  }

  .page-view[data-page="home"] .home-service-card p {
    font-size:.93rem;
    line-height:1.8
  }

  .page-view[data-page="home"] .home-carousel-controls {
    justify-content:center;
    margin-top:22px
  }

  .page-view[data-page="home"] .home-carousel-controls button {
    width:42px;
    height:42px
  }

  .page-view[data-page="home"] .home-app {
    padding:46px 18px 52px
  }

  .page-view[data-page="home"] .home-app-inner {
    gap:28px
  }

  .page-view[data-page="home"] .home-app-copy h2 {
    font-size:clamp(2.05rem,9vw,2.8rem)
  }

  .page-view[data-page="home"] .home-app-copy p {
    font-size:.96rem;
    line-height:1.9
  }

  .page-view[data-page="home"] .home-store-links a {
    min-height:50px;
    padding:12px 18px
  }

  .page-view[data-page="home"] .home-comfort {
    padding-bottom:42px
  }

  .page-view[data-page="home"] .home-comfort-stack {
    padding:0 16px
  }

  .page-view[data-page="home"] .home-comfort-card,
  .page-view[data-page="home"] .home-comfort-card:nth-child(2),
  .page-view[data-page="home"] .home-comfort-card:nth-child(3) {
    min-height:430px;
    margin-bottom:16px;
    border-radius:16px
  }

  .page-view[data-page="home"] .home-glass-caption {
    right:10px;
    bottom:10px;
    left:10px;
    padding:17px 16px;
    border-radius:12px
  }

  .page-view[data-page="home"] .home-glass-caption h3 {
    font-size:1.28rem
  }

  .page-view[data-page="home"] .home-glass-caption p {
    font-size:.9rem;
    line-height:1.75
  }

  .page-view[data-page="home"] .home-excellence {
    padding-bottom:58px
  }

  .page-view[data-page="home"] .home-excellence-grid {
    padding:0 16px;
    gap:14px
  }

  .page-view[data-page="home"] .home-excellence-grid article {
    min-height:0;
    padding:20px;
    border-radius:16px
  }

  .page-view[data-page="home"] :is(.coverage-card-image,.free-stop-card-image,.cost-card-image) {
    height:auto;
    aspect-ratio:16 / 9;
    margin-bottom:16px;
    border-radius:11px
  }

  .page-view[data-page="home"] .home-excellence-grid h3 {
    font-size:1.3rem
  }

  .page-view[data-page="home"] .home-excellence-grid p {
    font-size:.92rem;
    line-height:1.8
  }

  .page-view[data-page="home"] .home-contact-forms {
    padding:22px 16px 64px
  }

  .page-view[data-page="home"] .contact-statement {
    padding:46px 4px 28px!important;
    text-align:center
  }

  .page-view[data-page="home"] .contact-statement h2,
  .page-view[data-page="home"] .contact-statement p {
    max-width:none;
    margin-inline:auto
  }

  .page-view[data-page="home"] .contact-kicker {
    margin-bottom:18px;
    padding:8px 18px;
    font-size:.84rem
  }

  .page-view[data-page="home"] .contact-forms-grid {
    gap:18px
  }

  .page-view[data-page="home"] .contact-form-card {
    padding:28px 18px;
    border-radius:20px
  }

  .page-view[data-page="home"] .contact-icon {
    width:52px;
    height:52px;
    margin-bottom:18px
  }

  .page-view[data-page="home"] .contact-icon svg {
    width:28px;
    height:28px
  }

  .page-view[data-page="home"] .contact-form-card h3 {
    margin-bottom:8px;
    font-size:1.55rem
  }

  .page-view[data-page="home"] .contact-form-card p {
    margin-bottom:22px;
    font-size:.92rem
  }

  .page-view[data-page="home"] .kasbi-contact-form {
    gap:12px
  }

  .page-view[data-page="home"] .kasbi-contact-form .form-grid {
    gap:12px
  }

  .page-view[data-page="home"] .kasbi-contact-form :is(input,select,button) {
    height:56px;
    border-radius:12px;
    font-size:.94rem
  }

  .page-view[data-page="home"] .kasbi-contact-form select {
    background-position:right 15px center;
    padding-right:42px
  }

  .page-view[data-page="home"] .home-partners {
    min-height:0;
    padding:52px 0
  }

  .page-view[data-page="home"] .home-partners h3 {
    margin:0 20px 28px;
    font-size:1.35rem;
    line-height:1.6
  }

  .page-view[data-page="home"] .home-partner-marquee {
    padding:12px 0
  }

  .page-view[data-page="home"] .partner-track {
    animation-duration:42s
  }

  .page-view[data-page="home"] .logo-group {
    gap:12px;
    padding-right:12px
  }

  .page-view[data-page="home"] .home-partner-logo {
    width:142px;
    height:76px;
    flex-basis:142px;
    padding:12px 18px;
    border-radius:14px
  }

  .page-view[data-page="home"] .home-partner-logo img[src*="abidi"] {
    width:154px;
    height:154px
  }

  .page-view[data-page="home"] .home-partner-logo img[src*="kobel"] {
    width:142px;
    height:142px
  }
}

/* صفحه اصلی — اولویت نهایی سه اسلاید هیرو در موبایل؛ بعد از تمام قواعد قدیمی خانه. */
@media (max-width:760px) {
  .page-view[data-page="home"] .home-hero { width:100%; height:100svh; min-height:640px; max-height:820px; overflow:hidden }
  .page-view[data-page="home"] .home-hero-slide-copy { box-sizing:border-box!important; direction:rtl; opacity:1!important; transform:none!important }

  /* چندمقصدی: تیتر بدون بریدگی و تصویر متمرکز روی مسیر و خودرو. */
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-media { background-position:60% center!important; transform:scale(1.018)!important }
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-shade { background:linear-gradient(180deg,rgba(7,19,33,.2),rgba(7,19,33,.04) 43%,rgba(7,19,33,.88))!important }
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy { top:auto!important; right:20px!important; bottom:clamp(108px,15svh,142px)!important; left:20px!important; width:calc(100% - 40px)!important; max-width:none!important; padding:0!important; text-align:center!important }
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy h1 { width:100%!important; max-width:330px!important; margin:0 auto!important; font-size:clamp(1.72rem,7.7vw,2.18rem)!important; line-height:1.36!important; white-space:normal!important; text-wrap:balance!important }

  /* خودرو در اختیار: تیتر در ناحیه امن بالای خودرو قرار می‌گیرد. */
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-media { background-position:58% center!important; transform:scale(1.018)!important }
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-shade { background:linear-gradient(180deg,rgba(7,19,33,.52),rgba(7,19,33,.17) 43%,rgba(7,19,33,.5))!important }
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy { top:clamp(154px,22svh,190px)!important; right:20px!important; bottom:auto!important; left:20px!important; width:calc(100% - 40px)!important; max-width:none!important; padding:12px 8px 15px!important; text-align:center!important }
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy h2 { width:100%!important; max-width:330px!important; margin:0 auto!important; font-size:clamp(1.74rem,7.8vw,2.2rem)!important; line-height:1.36!important; white-space:normal!important; text-wrap:balance!important }

  /* پوشش ایران: متن بالای قوس و تصویر متناسب با قاب عمودی تنظیم می‌شود. */
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-media { background-size:auto 112%!important; background-position:center 42%!important; transform:none!important }
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-shade { background:linear-gradient(180deg,rgba(3,10,18,.48),rgba(3,10,18,.12) 38%,rgba(3,10,18,.64))!important }
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-copy { top:clamp(104px,14svh,126px)!important; right:18px!important; bottom:auto!important; left:18px!important; width:calc(100% - 36px)!important; max-width:none!important; padding:0!important; text-align:center!important }
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-copy h1 { width:100%!important; max-width:340px!important; margin:0 auto 10px!important; font-size:clamp(1.62rem,7.25vw,2.02rem)!important; line-height:1.38!important; white-space:normal!important; text-wrap:balance!important }
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-copy p { max-width:345px!important; margin:0 auto!important; font-size:clamp(.78rem,3.45vw,.9rem)!important; line-height:1.86!important }
}

/* صفحه اصلی — حاشیه امن اضافه برای هیرو در گوشی‌های باریک. */
@media (max-width:390px) {
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy,
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy { right:16px!important; left:16px!important; width:calc(100% - 32px)!important }
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy h1,
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy h2 { font-size:clamp(1.58rem,7.5vw,1.9rem)!important }
}

/* اولویت نهایی موبایلِ سامانه؛ بعد از استایل‌های قدیمی قرار گرفته است. */
@media (max-width:760px) {
  .page-view[data-page="how"] .smart-hero { min-height:610px; display:flex; align-items:flex-end }
  .page-view[data-page="how"] .smart-hero-media { background-position:66% center!important }
  .page-view[data-page="how"] .smart-hero-shade { background:linear-gradient(180deg,rgba(7,19,33,.28),rgba(7,19,33,.34) 36%,rgba(7,19,33,.93)) }
  .page-view[data-page="how"] .smart-hero-copy { width:calc(100% - 40px); margin:0 20px; padding:112px 0 36px }
  .page-view[data-page="how"] .smart-eyebrow { margin-bottom:14px; font-size:.75rem }
  .page-view[data-page="how"] .smart-hero-copy h1 { margin-bottom:12px; font-size:clamp(2.05rem,9.4vw,2.8rem); line-height:1.22 }
  .page-view[data-page="how"] .smart-hero-copy>p { font-size:.9rem; line-height:1.75 }
  .page-view[data-page="how"] .smart-hero-actions { gap:9px; margin-top:21px }
  .page-view[data-page="how"] .smart-hero-actions a { width:100%; min-height:48px; padding:0 16px; font-size:.82rem }
  .page-view[data-page="how"] .smart-hero-proof { width:100%; justify-content:space-between; margin-top:21px; font-size:.7rem }
  .page-view[data-page="how"] .smart-hero-proof span { padding:0 9px; white-space:nowrap }

  .page-view[data-page="how"] .smart-lead,
  .page-view[data-page="how"] .smart-about,
  .page-view[data-page="how"] .smart-features,
  .page-view[data-page="how"] .smart-steps,
  .page-view[data-page="how"] .smart-dashboard,
  .page-view[data-page="how"] .smart-savings,
  .page-view[data-page="how"] .smart-faq { padding:68px 20px }
  .page-view[data-page="how"] .smart-lead-inner,
  .page-view[data-page="how"] .smart-about-inner { gap:38px }
  .page-view[data-page="how"] .smart-lead-card { width:100%; max-width:none; padding:29px 22px 24px!important; border-radius:20px!important }
  .page-view[data-page="how"] .smart-lead-card::before { right:22px }
  .page-view[data-page="how"] .smart-lead-card-head { margin-bottom:20px }
  .page-view[data-page="how"] .smart-lead-mark { margin-bottom:16px }
  .page-view[data-page="how"] .smart-lead-form input,
  .page-view[data-page="how"] .smart-lead-form button { height:50px!important }
  .page-view[data-page="how"] .smart-lead-text h2,
  .page-view[data-page="how"] .smart-about-copy h2,
  .page-view[data-page="how"] .smart-section-head h2 { font-size:clamp(1.7rem,7.2vw,2.15rem); line-height:1.42; letter-spacing:-.025em }
  .page-view[data-page="how"] .smart-lead-text>p,
  .page-view[data-page="how"] .smart-about-copy p,
  .page-view[data-page="how"] .smart-section-head p { font-size:.9rem; line-height:1.95 }
  .page-view[data-page="how"] .smart-lead-points { display:grid; gap:13px; margin-top:24px }
  .page-view[data-page="how"] .smart-about-visual { min-height:350px; padding:27px; border-radius:22px }
  .page-view[data-page="how"] .smart-phone { width:min(220px,68vw); max-width:none }
  .page-view[data-page="how"] .smart-section-head { margin-bottom:34px }
  .page-view[data-page="how"] .smart-section-head h2 { margin:10px 0 11px }

  .page-view[data-page="how"] .smart-features-grid { grid-template-columns:1fr; gap:1px; border-radius:18px }
  .page-view[data-page="how"] .smart-feature-card,
  .page-view[data-page="how"] .smart-feature-card--accent { min-height:0; padding:25px 22px 26px }
  .page-view[data-page="how"] .smart-feature-index { margin-bottom:25px }
  .page-view[data-page="how"] .smart-feature-card h3 { font-size:1rem; line-height:1.7 }
  .page-view[data-page="how"] .smart-feature-card p { font-size:.8rem }
  .page-view[data-page="how"] .smart-feature-card::after { inset:auto 22px 0 auto }

  .page-view[data-page="how"] .smart-steps-track-wrap { display:block; width:100% }
  .page-view[data-page="how"] .smart-steps-nav,
  .page-view[data-page="how"] .smart-steps-dots { display:none }
  .page-view[data-page="how"] .smart-steps-track { display:flex; width:calc(100% + 20px); margin-right:-20px; padding:0 0 10px; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none }
  .page-view[data-page="how"] .smart-steps-track::-webkit-scrollbar { display:none }
  .page-view[data-page="how"] .smart-step-card { flex:0 0 min(81vw,315px); min-height:365px; scroll-snap-align:start }
  .page-view[data-page="how"] .smart-step-image { height:195px }
  .page-view[data-page="how"] .smart-step-card h3 { margin:19px 20px 8px }
  .page-view[data-page="how"] .smart-step-card p { margin:0 20px 21px; font-size:.84rem; line-height:1.85 }

  .page-view[data-page="how"] .smart-dashboard-showcase { margin-top:34px; gap:12px }
  .page-view[data-page="how"] .smart-dashboard-panel { padding:8px; border-radius:18px }
  .page-view[data-page="how"] .smart-dashboard-panel img { aspect-ratio:4 / 3; border-radius:12px }
  .page-view[data-page="how"] .smart-dashboard-live { top:18px; right:18px; padding:8px 10px; font-size:.64rem }
  .page-view[data-page="how"] .smart-dashboard-insights { grid-template-columns:1fr; gap:9px }
  .page-view[data-page="how"] .smart-dashboard-insight,
  .page-view[data-page="how"] .smart-dashboard-insight--featured { grid-column:auto; min-height:132px; padding:19px 18px }
  .page-view[data-page="how"] .smart-dashboard-insight--featured { min-height:164px }
  .page-view[data-page="how"] .smart-dashboard-insight h3,
  .page-view[data-page="how"] .smart-dashboard-insight--featured h3 { margin-top:14px; font-size:.9rem; line-height:1.7 }
  .page-view[data-page="how"] .smart-savings-grid { margin-top:34px }
  .page-view[data-page="how"] .smart-faq .accordion article>button { padding:18px 0; font-size:.9rem; line-height:1.75 }
  .page-view[data-page="how"] .smart-faq .accordion article>p { padding:0 0 19px; font-size:.86rem; line-height:1.9 }
  .page-view[data-page="how"] .smart-faq-contact { margin-top:26px; padding:21px; border-radius:16px }
  .page-view[data-page="how"] .smart-faq-contact strong { font-size:.95rem; line-height:1.75 }
}

/* ========================================================================== */
/* صفحه درباره ما — پرداخت نهایی موبایل                                        */
/* ریتم متن، مدیا، کارت‌ها و فرم تماس را برای صفحات کوچک یکدست می‌کند.      */
/* ========================================================================== */
@media (max-width:760px) {
  .page-view[data-page="about"] .about-hero {
    min-height:610px;
    display:flex;
    align-items:flex-end
  }

  .page-view[data-page="about"] .about-hero-media { background-position:62% center!important }
  .page-view[data-page="about"] .about-hero-shade {
    background:linear-gradient(180deg,rgba(5,13,24,.22),rgba(5,13,24,.28) 36%,rgba(5,13,24,.92) 100%)
  }

  .page-view[data-page="about"] .about-hero-copy {
    padding:108px 20px 38px;
    text-align:right
  }

  .page-view[data-page="about"] .about-hero-kicker { margin-bottom:13px; padding:7px 11px; font-size:.71rem }
  .page-view[data-page="about"] .about-hero-copy h1 { margin-bottom:13px; font-size:clamp(2rem,9.2vw,2.8rem); line-height:1.24 }
  .page-view[data-page="about"] .about-hero-copy p { font-size:.89rem; line-height:1.85 }
  .page-view[data-page="about"] .about-hero-scroll { margin-top:21px; font-size:.8rem }
  .page-view[data-page="about"] .about-hero-scroll b { width:32px; height:32px }
  .page-view[data-page="about"] .about-hero-signature { display:none }

  .page-view[data-page="about"] .about-story,
  .page-view[data-page="about"] .about-mission,
  .page-view[data-page="about"] .about-deps { padding:66px 20px }

  .page-view[data-page="about"] .about-story-inner { gap:35px }
  .page-view[data-page="about"] .about-section-kicker { margin-bottom:12px; font-size:.72rem }
  .page-view[data-page="about"] .about-story-copy h2,
  .page-view[data-page="about"] .about-mission-head h2,
  .page-view[data-page="about"] .about-deps h2,
  .page-view[data-page="about"] .about-contact-intro h2 { font-size:clamp(1.75rem,7.4vw,2.3rem); line-height:1.42; letter-spacing:-.025em }
  .page-view[data-page="about"] .about-story-lead { margin-bottom:20px; padding:15px 16px 15px 10px; font-size:.93rem; line-height:1.9 }
  .page-view[data-page="about"] .about-story-text { gap:11px }
  .page-view[data-page="about"] .about-story-text p { font-size:.86rem; line-height:1.98 }
  .page-view[data-page="about"] .about-story-cta { width:100%; height:49px; margin-top:24px; justify-content:space-between; padding-inline:18px; font-size:.82rem }
  .page-view[data-page="about"] .about-story-media { width:calc(100% - 10px); margin-right:10px }
  .page-view[data-page="about"] .about-story-visual { aspect-ratio:4 / 3; border-radius:4px 22px 4px 4px }
  .page-view[data-page="about"] .about-story-caption { right:-10px; bottom:13px; width:min(250px,80%); padding:14px 16px }
  .page-view[data-page="about"] .about-story-caption span { font-size:.82rem }
  .page-view[data-page="about"] .about-story-caption small { font-size:.66rem }

  .page-view[data-page="about"] .about-mission-head { margin-bottom:28px }
  .page-view[data-page="about"] .about-mission-head p,
  .page-view[data-page="about"] .about-deps-head p { font-size:.86rem; line-height:1.9 }
  .page-view[data-page="about"] .about-mission-inner { gap:12px }
  .page-view[data-page="about"] .about-mission-inner article { gap:15px; padding:24px 20px 27px; border-radius:16px }
  .page-view[data-page="about"] .about-mission-index { padding-bottom:11px }
  .page-view[data-page="about"] .about-mission-index .about-mission-icon { width:22px; height:22px }
  .page-view[data-page="about"] .about-mission-inner h3 { margin-bottom:12px; font-size:1.12rem }
  .page-view[data-page="about"] .about-mission-inner p { margin-bottom:9px; font-size:.83rem; line-height:1.93 }
  .page-view[data-page="about"] .about-mission-inner article::after { right:20px; width:44px }

  .page-view[data-page="about"] .about-deps-head { margin-bottom:30px }
  .page-view[data-page="about"] .about-deps-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px }
  .page-view[data-page="about"] .about-dep-card { min-height:158px; padding:19px 15px 17px; border-radius:12px }
  .page-view[data-page="about"] .about-dep-card::before { right:15px; width:30px; height:2px }
  .page-view[data-page="about"] .about-dep-card .about-dep-mark { width:22px; margin-bottom:20px }
  .page-view[data-page="about"] .about-dep-card h3 { margin-bottom:7px; font-size:.82rem; line-height:1.55 }
  .page-view[data-page="about"] .about-dep-card p { font-size:.68rem; line-height:1.75 }

  .page-view[data-page="about"] .about-contact { padding:66px 16px 72px }
  .page-view[data-page="about"] .about-contact-intro { margin-bottom:28px; text-align:right }
  .page-view[data-page="about"] .about-contact-intro p { font-size:.86rem; line-height:1.9 }
  .page-view[data-page="about"] .about-contact-shell { border-radius:18px }
  .page-view[data-page="about"] .about-contact-details { padding:24px 18px }
  .page-view[data-page="about"] .about-contact-form { padding:26px 18px }
  .page-view[data-page="about"] .about-contact-details-head h3,
  .page-view[data-page="about"] .about-contact-form h3 { font-size:1.06rem; line-height:1.65 }
  .page-view[data-page="about"] .about-contact-form-head>p { font-size:.79rem; line-height:1.8 }
  .page-view[data-page="about"] .about-contact-channels { gap:8px }
  .page-view[data-page="about"] .about-contact-channels>a { min-height:72px; padding:13px 14px }
  .page-view[data-page="about"] .about-contact-channels strong { font-size:.84rem }
  .page-view[data-page="about"] .about-contact-fields { gap:11px }
  .page-view[data-page="about"] .about-contact-form input { height:49px }
  .page-view[data-page="about"] .about-contact-form textarea { min-height:112px }
  .page-view[data-page="about"] .about-contact-form>button { min-height:50px }
  .page-view[data-page="about"] .about-contact-location { gap:0; border-radius:14px; overflow:hidden }
  .page-view[data-page="about"] .about-contact-address { padding:20px 18px }
  .page-view[data-page="about"] .about-contact-address h3 { font-size:.98rem; line-height:1.65 }
  .page-view[data-page="about"] .about-contact-address p { font-size:.78rem; line-height:1.85 }
  .page-view[data-page="about"] .about-contact-map { min-height:205px }
}

@media (max-width:390px) {
  .page-view[data-page="about"] .about-deps-grid { grid-template-columns:1fr }
  .page-view[data-page="about"] .about-dep-card { min-height:0; padding:20px 17px }
}

/* ========================================================================== */
/* صفحه اصلی — چیدمان نهایی سه هیروی موبایل با تصاویر عمودی اختصاصی         */
/* نسخه‌های ۹:۱۶، قاب را کامل پر می‌کنند و بدون کوچک‌شدن سوژه‌ها را حفظ می‌کنند. */
/* ========================================================================== */
@media (max-width:760px) {
  .page-view[data-page="home"] .home-hero {
    position:relative;
    width:100%;
    height:calc(100svh - 42px);
    min-height:620px;
    max-height:720px;
    overflow:hidden;
    background:#071321
  }

  .page-view[data-page="home"] .home-hero-slide.is-active {
    opacity:1!important;
    visibility:visible!important
  }

  .page-view[data-page="home"] .home-hero-slide-media,
  .page-view[data-page="home"] .home-hero-slide.is-active .home-hero-slide-media {
    background-repeat:no-repeat!important;
    background-color:#071321!important;
    filter:brightness(1.02) contrast(1.01)!important;
    transform:none!important
  }

  .page-view[data-page="home"] .home-hero-slide-copy {
    box-sizing:border-box!important;
    right:20px!important;
    bottom:auto!important;
    left:20px!important;
    width:calc(100% - 40px)!important;
    max-width:none!important;
    padding:0!important;
    direction:rtl;
    opacity:1!important;
    transform:none!important;
    text-align:center!important
  }

  .page-view[data-page="home"] .home-hero-slide-copy h1,
  .page-view[data-page="home"] .home-hero-slide-copy h2 {
    width:100%!important;
    max-width:340px!important;
    margin:0 auto!important;
    color:#fff!important;
    font-size:clamp(1.72rem,7.7vw,2.2rem)!important;
    font-weight:700!important;
    line-height:1.36!important;
    letter-spacing:-.035em!important;
    text-shadow:0 4px 24px rgba(0,0,0,.7)!important;
    white-space:normal!important;
    text-wrap:balance!important
  }

  /* چندمقصدی موبایل: نسخه عمودی اختصاصی، همه مقصدها و خودرو را در قاب تمام‌صفحه نگه می‌دارد. */
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-media {
    background-image:url("images/hero-multi-mobile.png")!important;
    /* زوم ملایم فقط برای هیروی چندمقصدی موبایل؛ بدون تغییر ارتفاع یا جای متن. */
    background-size:auto 110%!important;
    background-position:center 54%!important
  }
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-shade {
    background:linear-gradient(180deg,rgba(7,19,33,.68) 0%,rgba(7,19,33,.2) 34%,rgba(7,19,33,.08) 66%,rgba(7,19,33,.62) 100%)!important
  }
  .page-view[data-page="home"] .home-hero-slide--multi .home-hero-slide-copy {
    top:clamp(105px,14svh,126px)!important
  }

  /* خودرو در اختیار موبایل: راننده و تمام خودرو با تصویر عمودی اختصاصی حفظ می‌شوند. */
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-media {
    background-image:url("images/hero-hourly-mobile.png")!important;
    /* زوم کنترل‌شده برای نزدیک‌تر دیده‌شدن خودرو و راننده، بدون کشیده‌شدن هیرو. */
    background-size:auto 108%!important;
    background-position:center 52%!important
  }
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-shade {
    background:linear-gradient(180deg,rgba(7,19,33,.72) 0%,rgba(7,19,33,.18) 35%,rgba(7,19,33,.08) 68%,rgba(7,19,33,.58) 100%)!important
  }
  .page-view[data-page="home"] .home-hero-slide--hourly .home-hero-slide-copy {
    top:clamp(105px,14svh,126px)!important;
    background:none!important;
    border:0!important
  }

  /* پوشش ایران موبایل: نسخه عمودی اختصاصی کل قوس و اقلیم‌ها را داخل قاب نگه می‌دارد. */
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-media {
    background-image:url("images/hero-iran-mobile.png")!important;
    background-size:cover!important;
    background-position:center center!important
  }
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-shade {
    background:linear-gradient(180deg,rgba(3,10,18,.74) 0%,rgba(3,10,18,.28) 36%,rgba(3,10,18,.04) 69%,rgba(3,10,18,.56) 100%)!important
  }
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-copy {
    top:clamp(92px,12svh,108px)!important
  }
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-copy h1 {
    max-width:345px!important;
    margin-bottom:10px!important;
    font-size:clamp(1.58rem,7vw,1.98rem)!important
  }
  .page-view[data-page="home"] .home-hero-slide--iran .home-hero-slide-copy p {
    max-width:350px!important;
    margin:0 auto!important;
    color:rgba(255,255,255,.86)!important;
    font-size:clamp(.77rem,3.35vw,.88rem)!important;
    line-height:1.86!important
  }

  .page-view[data-page="home"] .home-marquee {
    position:relative;
    z-index:3;
    min-height:42px;
    padding:0;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:#0f1c2e
  }
  .page-view[data-page="home"] .home-marquee span {
    padding-inline:24px;
    color:rgba(255,255,255,.9);
    font-size:.8rem;
    font-weight:650;
    white-space:nowrap
  }
}

/* گوشی‌های باریک: متن کمی کوچک‌تر و حاشیه امن بیشتر می‌شود. */
@media (max-width:390px) {
  .page-view[data-page="home"] .home-hero-slide-copy {
    right:16px!important;
    left:16px!important;
    width:calc(100% - 32px)!important
  }
  .page-view[data-page="home"] .home-hero-slide-copy h1,
  .page-view[data-page="home"] .home-hero-slide-copy h2 {
    font-size:clamp(1.55rem,7.45vw,1.86rem)!important
  }
}

/* ========================================================================== */
/* صفحه رانندگان — اصلاح نهایی استیج مزایا در موبایل                          */
/* گوشی در قاب تصویری مستقل قرار می‌گیرد؛ چهار مزیت در فهرست خوانا زیر آن. */
/* ========================================================================== */
@media (max-width:760px) {
  .page-view[data-page="drivers"] .driver-global-stage {
    min-height:0;
    padding:20px 16px 28px;
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    overflow:hidden;
    background:#f6f4ee
  }

  .page-view[data-page="drivers"] .driver-global-backdrop {
    right:0;
    bottom:auto;
    left:0;
    height:268px;
    min-height:0;
    background-position:center 38%
  }

  .page-view[data-page="drivers"] .driver-global-dim {
    right:0;
    bottom:auto;
    left:0;
    height:268px;
    background:linear-gradient(180deg,rgba(13,13,13,.26),rgba(13,13,13,.58))
  }

  .page-view[data-page="drivers"] .driver-device,
  .page-view[data-page="drivers"] .driver-device.driver-device-image {
    position:relative;
    z-index:3;
    top:auto;
    left:auto;
    width:min(162px,42vw);
    margin:10px auto 18px;
    transform:none;
    grid-row:1;
    order:-1;
    filter:drop-shadow(0 18px 26px rgba(0,0,0,.36))
  }

  .page-view[data-page="drivers"] .driver-benefit-card,
  .page-view[data-page="drivers"] .card-income,
  .page-view[data-page="drivers"] .card-day,
  .page-view[data-page="drivers"] .card-admin,
  .page-view[data-page="drivers"] .card-team {
    position:relative;
    z-index:4;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    width:100%;
    min-height:0;
    margin:0;
    padding:17px 16px;
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    column-gap:13px;
    align-items:start;
    justify-content:initial;
    text-align:right;
    border-top-width:1px;
    border-right:3px solid var(--driver-yellow);
    border-radius:13px;
    background:rgba(255,255,255,.98);
    box-shadow:0 10px 24px rgba(13,13,13,.09)
  }

  .page-view[data-page="drivers"] .driver-benefit-icon {
    grid-row:1 / span 2;
    width:32px;
    height:32px;
    margin:1px 0 0;
    padding:6px;
    align-self:start
  }

  .page-view[data-page="drivers"] .driver-benefit-card h3 {
    margin:0 0 5px;
    font-size:.91rem;
    line-height:1.55
  }

  .page-view[data-page="drivers"] .driver-benefit-card p {
    margin:0;
    max-width:none;
    font-size:.73rem;
    line-height:1.8
  }
}

/* v204 — نسخه نهایی و کم‌اشباع مودال رانندگان */
.consultation-modal.driver-mode .consultation-modal-content .driver-form-card {
  background:linear-gradient(145deg,#e5bd72 0%,#d9aa54 58%,#c9953e 100%);
  color:#071a30
}

.consultation-modal.driver-mode .consultation-modal-content .driver-form-card .contact-icon {
  filter:brightness(0) saturate(100%);
  opacity:.9
}

.consultation-modal.driver-mode .consultation-modal-content .driver-form-card h3 {
  color:#071a30;
  text-shadow:none
}

.consultation-modal.driver-mode .consultation-modal-content .driver-form-card>p {
  color:rgba(7,26,48,.72)
}

.consultation-modal.driver-mode .consultation-modal-content .driver-form-card .kasbi-contact-form button[type="submit"] {
  border-color:#071a30;
  background:#071a30;
  color:#fff;
  box-shadow:0 12px 28px rgba(7,26,48,.2)
}

.consultation-modal.driver-mode .consultation-modal-content .driver-form-card .kasbi-contact-form button[type="submit"]:hover {
  background:#102d4f;
  box-shadow:0 15px 32px rgba(7,26,48,.27)
}

/* v207 — بازسازی Coverflow مرجع: centeredSlides + rotate 50 + depth 100 */
.page-view[data-page="how"] .smart-steps-track {
  gap:0;
  perspective:1200px;
  perspective-origin:50% 50%;
  overflow-y:visible;
  padding-block:24px 34px;
  scroll-snap-type:x mandatory
}

.page-view[data-page="how"] .smart-steps-track::before,
.page-view[data-page="how"] .smart-steps-track::after {
  content:"";
  flex:0 0 33.333333%;
  min-width:33.333333%;
  height:1px
}

.page-view[data-page="how"] .smart-step-card {
  position:relative;
  flex:0 0 33.333333%;
  min-width:33.333333%;
  overflow:visible;
  border:0;
  background:transparent;
  box-shadow:none;
  transform:none;
  scroll-snap-align:center
}

.page-view[data-page="how"] .smart-step-card:hover {
  transform:none;
  border-color:transparent;
  box-shadow:none
}

.page-view[data-page="how"] .smart-step-card-inner {
  min-height:430px;
  height:100%;
  overflow:hidden;
  border:1px solid var(--smart-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 18px 42px rgba(15,28,46,.13);
  transform:translateZ(-100px) scale(.94);
  transform-style:preserve-3d;
  backface-visibility:hidden;
  transition:transform .62s cubic-bezier(.22,.7,.2,1),box-shadow .5s ease,border-color .35s ease,filter .5s ease
}

.page-view[data-page="how"] .smart-step-card.is-deck-left {
  z-index:1;
  transform-style:preserve-3d
}

.page-view[data-page="how"] .smart-step-card.is-deck-left .smart-step-card-inner {
  transform-origin:100% 50%;
  transform:translateZ(-100px) rotateY(50deg);
  box-shadow:-18px 22px 36px rgba(15,28,46,.14);
  filter:brightness(.96)
}

.page-view[data-page="how"] .smart-step-card.is-deck-active {
  z-index:3
}

.page-view[data-page="how"] .smart-step-card.is-deck-active .smart-step-card-inner {
  transform-origin:50% 50%;
  transform:translateZ(0) rotateY(0deg) scale(1);
  border-color:rgba(249,164,0,.2);
  box-shadow:0 25px 52px rgba(15,28,46,.17)
}

.page-view[data-page="how"] .smart-step-card.is-deck-right {
  z-index:1
}

.page-view[data-page="how"] .smart-step-card.is-deck-right .smart-step-card-inner {
  transform-origin:0 50%;
  transform:translateZ(-100px) rotateY(-50deg);
  box-shadow:18px 22px 36px rgba(15,28,46,.14);
  filter:brightness(.96)
}

.page-view[data-page="how"] .smart-step-card:hover .smart-step-card-inner {
  border-color:rgba(249,164,0,.38)
}

@media (max-width:760px) {
  .page-view[data-page="how"] .smart-steps-track {
    perspective:1000px;
    width:100%;
    margin:0;
    padding-block:8px 12px
  }

  .page-view[data-page="how"] .smart-steps-track::before,
  .page-view[data-page="how"] .smart-steps-track::after {
    flex-basis:16.666667%;
    min-width:16.666667%
  }

  .page-view[data-page="how"] .smart-step-card {
    flex-basis:66.666667%;
    min-width:66.666667%
  }

  .page-view[data-page="how"] .smart-step-card-inner {
    min-height:365px;
    border-radius:16px;
    transform:translateZ(-70px) scale(.95)
  }

  .page-view[data-page="how"] .smart-step-card.is-deck-left .smart-step-card-inner {
    transform:translateZ(-70px) rotateY(38deg)
  }

  .page-view[data-page="how"] .smart-step-card.is-deck-right .smart-step-card-inner {
    transform:translateZ(-70px) rotateY(-38deg)
  }

  .page-view[data-page="how"] .smart-step-card.is-deck-active .smart-step-card-inner {
    transform:translateZ(0) rotateY(0deg) scale(1);
    box-shadow:0 18px 38px rgba(15,28,46,.15)
  }
}

@media (min-width:761px) and (max-width:1023px) {
  .page-view[data-page="how"] .smart-steps-track::before,
  .page-view[data-page="how"] .smart-steps-track::after {
    flex-basis:25%;
    min-width:25%
  }

  .page-view[data-page="how"] .smart-step-card {
    flex-basis:50%;
    min-width:50%
  }
}

/* تصویر استیج مزایا در تمام پس‌زمینه موبایل باقی می‌ماند؛ کارت‌ها خوانا و نیمه‌شفاف‌اند. */
@media (max-width:760px) {
  .page-view[data-page="drivers"] .driver-global-backdrop {
    inset:0;
    width:auto;
    height:auto;
    background-position:center center
  }

  .page-view[data-page="drivers"] .driver-global-dim {
    inset:0;
    width:auto;
    height:auto;
    background:linear-gradient(180deg,rgba(13,13,13,.26) 0%,rgba(13,13,13,.46) 34%,rgba(13,13,13,.60) 100%)
  }

  .page-view[data-page="drivers"] .driver-benefit-card,
  .page-view[data-page="drivers"] .card-income,
  .page-view[data-page="drivers"] .card-day,
  .page-view[data-page="drivers"] .card-admin,
  .page-view[data-page="drivers"] .card-team {
    border-color:rgba(255,255,255,.58);
    border-right-color:var(--driver-yellow);
    background:rgba(255,255,255,.89);
    box-shadow:0 12px 28px rgba(0,0,0,.17);
    backdrop-filter:blur(7px);
    -webkit-backdrop-filter:blur(7px)
  }
}

/* سامانه هوشمند — کنترل‌های قابل‌لمس کاروسل مراحل در موبایل. */
@media (max-width:760px) {
  .page-view[data-page="how"] .smart-steps-track-wrap {
    display:grid;
    grid-template-columns:minmax(0,1fr) 48px 48px;
    grid-template-rows:auto 48px;
    gap:15px 9px;
    align-items:center;
  }

  .page-view[data-page="how"] .smart-steps-track {
    grid-column:1 / -1;
    grid-row:1;
    width:calc(100% + 20px);
    margin-right:-20px;
    padding:0 0 8px;
  }

  .page-view[data-page="how"] .smart-steps-nav {
    display:grid;
    width:44px;
    height:44px;
    border:1px solid rgba(15,28,46,.2);
    border-radius:50%;
    background:#fff;
    color:var(--smart-ink);
    font-size:1.7rem;
    line-height:1;
    box-shadow:0 8px 20px rgba(15,28,46,.1);
    transition:transform .2s ease,background .2s ease,border-color .2s ease;
  }

  .page-view[data-page="how"] .smart-steps-nav[data-smart-steps="prev"] {
    grid-column:2;
    grid-row:2;
  }

  .page-view[data-page="how"] .smart-steps-nav[data-smart-steps="next"] {
    grid-column:3;
    grid-row:2;
    background:var(--smart-yellow);
    border-color:var(--smart-yellow);
  }

  .page-view[data-page="how"] .smart-steps-nav:active {
    transform:scale(.93);
  }

  .page-view[data-page="how"] .smart-steps-dots {
    display:flex;
    margin-top:17px;
  }
}

/* v208 — پرداخت نهایی ظاهر کارت‌های Coverflow مطابق نمونهٔ اصلی */
.page-view[data-page="how"] .smart-steps-track-wrap {
  max-width:1120px
}

.page-view[data-page="how"] .smart-step-card-inner {
  display:flex;
  min-height:610px;
  flex-direction:column;
  border:1px solid rgba(15,28,46,.09);
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 38px rgba(15,28,46,.14),0 4px 12px rgba(15,28,46,.07)
}

.page-view[data-page="how"] .smart-step-image {
  width:100%;
  height:auto;
  aspect-ratio:3 / 4;
  flex:none;
  background-position:center;
  background-size:cover
}

.page-view[data-page="how"] .smart-step-card h3 {
  margin:20px 24px 8px;
  font-size:.88rem
}

.page-view[data-page="how"] .smart-step-card p {
  margin:0 24px 26px;
  font-size:.9rem;
  line-height:1.9
}

.page-view[data-page="how"] .smart-step-card.is-deck-left .smart-step-card-inner,
.page-view[data-page="how"] .smart-step-card.is-deck-right .smart-step-card-inner {
  box-shadow:0 20px 42px rgba(15,28,46,.16),0 5px 14px rgba(15,28,46,.08)
}

.page-view[data-page="how"] .smart-step-card.is-deck-active .smart-step-card-inner {
  border-color:rgba(249,164,0,.22);
  box-shadow:0 28px 58px rgba(15,28,46,.2),0 7px 18px rgba(15,28,46,.09)
}

@media (max-width:760px) {
  .page-view[data-page="how"] .smart-steps-track {
    width:100%;
    margin-right:0;
    padding:8px 0 12px;
    gap:0
  }

  .page-view[data-page="how"] .smart-step-card-inner {
    min-height:480px;
    border-radius:19px
  }

  .page-view[data-page="how"] .smart-step-card h3 {
    margin:17px 18px 7px;
    font-size:.84rem
  }

  .page-view[data-page="how"] .smart-step-card p {
    margin:0 18px 21px;
    font-size:.8rem;
    line-height:1.8
  }
}

/* v209 — حرکت پیوسته و پرداخت نرم‌تر Coverflow */
.page-view[data-page="how"] .smart-steps-track {
  perspective:900px;
  perspective-origin:50% 46%;
  padding-block:34px 46px
}

.page-view[data-page="how"] .smart-step-card-inner {
  transform-origin:50% 50%;
  will-change:transform,filter;
  transition:box-shadow .45s ease,border-color .4s ease,filter .16s linear;
  background:linear-gradient(180deg,#fff 0%,#fff 76%,#fbfcfe 100%)
}

.page-view[data-page="how"] .smart-step-card.is-deck-left .smart-step-card-inner,
.page-view[data-page="how"] .smart-step-card.is-deck-right .smart-step-card-inner {
  transform-origin:50% 50%;
  box-shadow:0 22px 48px rgba(15,28,46,.13),0 6px 18px rgba(15,28,46,.07)
}

.page-view[data-page="how"] .smart-step-card.is-deck-active .smart-step-card-inner {
  box-shadow:0 34px 72px rgba(15,28,46,.21),0 10px 24px rgba(15,28,46,.1)
}

.page-view[data-page="how"] .smart-step-image {
  position:relative;
  overflow:hidden
}

.page-view[data-page="how"] .smart-step-card-inner::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  opacity:.9
}

@media (max-width:760px) {
  .page-view[data-page="how"] .smart-steps-track {
    padding-block:20px 30px
  }
}

/* v210 — نمایش کامل تصاویر مراحل، بدون زوم و برش */
.page-view[data-page="how"] .smart-step-image {
  background-color:#eef1f4;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain
}

/* v218: project each card around its own centre, equally on both sides. */
.page-view[data-page="how"] .smart-steps-track {
  perspective:none;
}
.page-view[data-page="how"] .smart-step-card,
.page-view[data-page="how"] .smart-step-card.is-deck-left,
.page-view[data-page="how"] .smart-step-card.is-deck-right,
.page-view[data-page="how"] .smart-step-card.is-deck-active {
  perspective:none;
  transform-style:flat;
}

/* v219 — scoped colour refresh; retain approved coverflow geometry. */
.page-view[data-page="how"] .smart-steps {
  background:radial-gradient(ellipse at 50% 40%,rgba(213,175,105,.12),transparent 68%),linear-gradient(180deg,#f7f5f0,#edf1f5);
}
.page-view[data-page="how"] .smart-step-card-inner {
  background:linear-gradient(155deg,#20374e,#102237);
  border-color:rgba(214,182,123,.24);
}
.page-view[data-page="how"] .smart-step-image {
  background-color:#203449;
}
.page-view[data-page="how"] .smart-step-card h3 {
  color:#edc887;
}
.page-view[data-page="how"] .smart-step-card p {
  color:#e5ebf2;
}
.page-view[data-page="how"] .smart-step-card.is-deck-active .smart-step-card-inner {
  border-color:rgba(225,183,106,.65);
}
.page-view[data-page="how"] .smart-steps-nav {
  background:#183049;
  color:#f2d39d;
  border-color:rgba(214,182,123,.4);
}
.page-view[data-page="how"] .smart-steps-nav:hover {
  background:#294660;
  color:#fff;
}
.page-view[data-page="how"] .smart-steps-dots {
  direction:ltr;
  flex-direction:row;
}
.page-view[data-page="how"] .smart-steps-dots span {
  background:#a9b5c2;
}
.page-view[data-page="how"] .smart-steps-dots span.active {
  background:#b88029;
}

/* HOME APP VIDEO PHONE — isolated to the homepage app showcase only. */
.page-view[data-page="home"] .home-app-visual {
  justify-content: center;
}

.page-view[data-page="home"] .home-app-phone {
  position: relative;
  width: min(420px, 58vw);
  aspect-ratio: 2 / 3;
  flex: 0 0 auto;
  isolation: isolate;
  filter: drop-shadow(0 24px 42px rgba(0, 0, 0, .26));
}

.page-view[data-page="home"] .home-app-phone-screen {
  position: absolute;
  z-index: 1;
  top: 5.9%;
  right: 16.45%;
  bottom: 5.25%;
  left: 16.45%;
  overflow: hidden;
  border-radius: 11.5% / 5.8%;
  background: #000;
}

.page-view[data-page="home"] .home-app-video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  background: #000;
}

.page-view[data-page="home"] .home-app-phone-frame {
  position: absolute;
  z-index: 3;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}

.page-view[data-page="home"] .home-app-video-play {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, .68);
  border-radius: 50%;
  background: rgba(8, 20, 34, .86);
  color: #ffb000;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .34);
  cursor: pointer;
  transition: transform .2s ease, opacity .2s ease, background .2s ease;
}

.page-view[data-page="home"] .home-app-video-play:hover {
  transform: translate(-50%, -50%) scale(1.06);
  background: rgba(8, 20, 34, .96);
}

.page-view[data-page="home"] .home-app-video-play span {
  display: block;
  margin-inline-start: 4px;
  font-size: 28px;
  line-height: 1;
}

.page-view[data-page="home"] .home-app-phone.is-playing .home-app-video-play {
  opacity: 0;
  pointer-events: none;
}

@media (max-width: 1250px) {
  .page-view[data-page="home"] .home-app-phone {
    width: min(390px, 70vw);
  }
}

@media (max-width: 600px) {
  .page-view[data-page="home"] .home-app-phone {
    width: min(330px, 90vw);
  }

  .page-view[data-page="home"] .home-app-video-play {
    width: 62px;
    height: 62px;
  }
}

/* v266: final scoped override, after all legacy driver backgrounds. */
.page-view[data-page="drivers"] section.driver-sustainable {
  background:transparent;
  min-height:560px;
  padding-top:145px;
  padding-bottom:90px;
}
.page-view[data-page="drivers"] section.driver-sustainable > .driver-sustainable-shape {
  z-index:0;
}
@media (max-width:760px) {
  .page-view[data-page="drivers"] section.driver-sustainable {
    min-height:400px;
    padding:105px 20px 75px;
  }
}

/* v268 — لوگوهای رنگی شبکه‌های اجتماعی در فوتر؛ لینک‌ها حفظ شده‌اند. */
.footer-columns .footer-socials a:has(.footer-social-logo) {
  width:42px;
  height:42px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.footer-columns .footer-socials a:has(.footer-social-logo):hover {
  border:0;
  background:transparent;
}

.footer-social-logo {
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}

body.drivers-route .footer-columns .footer-socials a:has(.footer-social-logo) {
  border:0;
  background:transparent;
  color:inherit;
}

body.drivers-route .footer-columns .footer-socials .driver-social-only img.footer-social-logo,
body.drivers-route .footer-columns .footer-socials .driver-social-only:hover img.footer-social-logo {
  filter:none;
}

/* v270 — اندازهٔ آیکون‌های رانندگان دقیقاً هم‌اندازهٔ فوتر صفحهٔ اصلی. */
body.drivers-route .footer-columns .footer-socials .driver-social-only:has(.footer-social-logo) {
  width:42px;
  height:42px;
}

body.drivers-route .footer-columns .footer-socials .driver-social-only img.footer-social-logo {
  width:100%;
  height:100%;
}

/* v267: asymmetric curved band, isolated from the approved yellow band. */
.page-view[data-page="drivers"] section.driver-quote {
  position:relative;
  isolation:isolate;
  background:transparent;
}
.page-view[data-page="drivers"] .driver-quote-shape {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  fill:var(--driver-charcoal);
  z-index:0;
  pointer-events:none;
}
.page-view[data-page="drivers"] section.driver-quote > blockquote,
.page-view[data-page="drivers"] section.driver-quote > p {
  position:relative;
  z-index:1;
}

/* Homepage desktop refinement only: preserve mobile, header, forms and routing. */
@media (min-width:1024px) {
  .page-view[data-page="home"] :is(.home-services,.home-comfort,.home-excellence) > .home-statement {
    min-height:220px;
    padding:52px 32px 36px;
  }
  .page-view[data-page="home"] :is(.home-services,.home-comfort,.home-excellence) > .home-statement h2 {
    max-width:960px;
    font-size:clamp(2rem,2.8vw,3rem);
    line-height:1.4;
    margin-bottom:14px;
    text-wrap:balance;
  }
  .page-view[data-page="home"] :is(.home-services,.home-comfort,.home-excellence) > .home-statement p {
    font-size:1rem;
    line-height:1.85;
  }
  .page-view[data-page="home"] .home-service-window {
    width:calc(100% - 80px);
    max-width:1480px;
  }
  .page-view[data-page="home"] .home-service-card > .image-slot {
    height:clamp(280px,24vw,380px);
    margin-bottom:16px;
  }
  .page-view[data-page="home"] .home-service-card h3 {
    font-size:clamp(1.4rem,1.8vw,1.85rem);
    line-height:1.5;
  }
  .page-view[data-page="home"] .home-service-card p {
    font-size:.96rem;
    line-height:1.85;
  }
  .page-view[data-page="home"] .home-services { padding-bottom:60px; }
  .page-view[data-page="home"] .home-app {
    min-height:0;
    padding:64px 40px;
  }
  .page-view[data-page="home"] .home-app-inner {
    max-width:1240px;
    min-height:0;
    grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
    gap:56px;
  }
  .page-view[data-page="home"] .home-app-copy h2 {
    font-size:clamp(1.9rem,2.5vw,2.65rem);
    line-height:1.45;
  }
  .page-view[data-page="home"] .home-app-copy p { font-size:.96rem; line-height:1.95; }
  .page-view[data-page="home"] .home-app-phone { width:340px; max-width:100%; }
  .page-view[data-page="home"] .home-comfort-stack {
    max-width:1280px;
    margin-inline:auto;
    padding-inline:24px;
  }
  .page-view[data-page="home"] .home-comfort-card {
    min-height:480px;
  }
  .page-view[data-page="home"] .home-glass-caption h3 { font-size:1.55rem; line-height:1.5; }
  .page-view[data-page="home"] .home-glass-caption p { font-size:.96rem; line-height:1.85; }
  .page-view[data-page="home"] .home-excellence-grid {
    width:calc(100% - 80px);
    max-width:1280px;
    margin-inline:auto;
  }
  .page-view[data-page="home"] .home-excellence-grid article {
    padding:22px 20px 26px;
  }
  .page-view[data-page="home"] .home-excellence-grid h3 { font-size:1.3rem; line-height:1.5; }
  .page-view[data-page="home"] .home-excellence-grid p { font-size:.93rem; line-height:1.9; }
}

/* --- اصلاحات تجمعی کاربر روی نسخه 277 --- */
/* چیدمان یک‌خطی تیتر هیروی سامانه هوشمند فقط روی دسکتاپ اعمال شود. */
@media (min-width:761px) {
  .page-view[data-page="how"] .smart-hero-copy h1 em {
    white-space: nowrap;
    display: inline-block;
  }
}

.page-view[data-page="how"] .smart-lead-card-head .smart-lead-mark {
  display: none !important;
}

.page-view[data-page="how"] .smart-lead-form input[name="phone"] {
  text-align: right;
}

.page-view[data-page="how"] .smart-lead-form input[name="phone"]::placeholder {
  direction: rtl;
  text-align: right;
}

/* حذف قطعی برچسب‌های شماره‌دار خدمت در سه کارت صفحه خدمات، دسکتاپ و موبایل */
.page-view[data-page="services"] .services-overview-row>div:last-child::before {
  content: none !important;
  display: none !important;
}

/* ========================================================================== */
/* درباره ما — دپارتمان‌های کسبی | فقط دسکتاپ                                */
/* کارت‌ها جمع‌وجورتر؛ ظاهر پریمیوم و نسخه موبایل بدون تغییر                  */
/* ========================================================================== */
@media (min-width:901px) {
  .page-view[data-page="about"] .about-dep-card {
    min-height: 160px;
    padding: 22px 24px 20px;
  }

  .page-view[data-page="about"] .about-dep-card .about-dep-mark {
    width: 34px;
    margin-bottom: 20px;
  }

  .page-view[data-page="about"] .about-dep-card h3 {
    margin-bottom: 7px;
  }
}

/* درباره ما — دپارتمان‌ها | جمع شدن محسوس فقط از سمت چپ در دسکتاپ */
@media (min-width:901px) {
  .page-view[data-page="about"] .about-deps-grid {
    width: calc(100% - 180px);
    max-width: 1040px;
    margin-left: auto;
    margin-right: 0;
  }
}

/* تصویر جدید بخش «کسبی چیست؟» — تمام کادر بدون حاشیه خالی */
.page-view[data-page="how"] .smart-about-visual > .smart-phone {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
  transform:none !important;
  filter:none !important;
}


/* --- Partner marquee loop stabilization --- */
.home-partner-marquee {
  --partner-track-gap: 22px;
  --partner-loop-distance: 0px;
}

.partner-track {
  gap: var(--partner-track-gap);
  animation-name: kasbiLogoScrollMeasured;
  animation-duration: 35s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.logo-group {
  padding-right: 0;
}

@keyframes kasbiLogoScrollMeasured {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(calc(-1 * var(--partner-loop-distance)), 0, 0);
  }
}

@media (max-width: 760px) {
  .page-view[data-page="home"] .home-partner-marquee {
    --partner-track-gap: 12px;
  }

  .page-view[data-page="home"] .partner-track {
    animation-duration: 42s;
  }
}


/* About hero desktop line locking: keep each requested sentence on one line. */
@media (min-width: 761px) {
  .page-view[data-page="about"] .about-hero-content {
    width:min(940px,100%);
    transform:translate(-110px,-55px);
  }

  .page-view[data-page="about"] .about-hero-copy h1 {
    max-width:940px;
    text-wrap:initial;
  }

  .page-view[data-page="about"] .about-hero-line {
    display:block;
    white-space:nowrap;
  }
}

@media (min-width:761px) and (max-width:1180px) {
  .page-view[data-page="about"] .about-hero-content {
    transform:translate(-42px,-38px);
  }
}

/* Iranpharma artwork: preserve embedded text and show the entire banner. */
.page-view[data-page="home"] .home-hero-slide--iranpharma {
  background:#052041;
}
.page-view[data-page="home"] .home-hero-slide--iranpharma .home-hero-slide-media {
  inset:76px 0 0!important;
  background-image:url("images/iranpharma-hero.jpg")!important;
  background-size:contain!important;
  background-position:center!important;
  background-color:#052041!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
}
@media (max-width:760px) {
  .page-view[data-page="home"] .home-hero-slide--iranpharma .home-hero-slide-media {
    inset:82px 8px 12px!important;
    background-image:url("images/iranpharma-hero-mobile.webp")!important;
  }
}

/* متن کارت نظم سازمانی */
.page-view[data-page="home"] .home-comfort-card:first-child .home-punctuality-copy {
  max-width:1120px;
  margin:0 auto;
  text-align:center;
  text-wrap:balance;
}

.home-marquee .home-marquee-accent { color:#f9A400 !important; }

/* Equal top-aligned photo frames and a reserved title row for every step. */
.page-view[data-page="how"] .smart-step-card .smart-step-image {
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:4 / 3;
  flex:0 0 auto;
  margin:0;
  background-size:cover;
  background-position:center;
  border-radius:0;
}
.page-view[data-page="how"] .smart-step-title-slot {
  box-sizing:border-box;
  min-height:96px;
  padding:46px 24px 2px;
  flex:0 0 auto;
  color:#fff;
  font-size:1.25rem;
  font-weight:700;
  line-height:1.6;
  text-align:center;
}
.page-view[data-page="how"] .smart-step-card .smart-step-image + h3 {
  margin:20px 24px 0;
  text-align:right;
}
.page-view[data-page="how"] .smart-step-card .smart-step-title-slot + p {
  margin-top:24px;
}

/* Desktop only: anchor all services hero copy to the physical right. */
@media (min-width:761px) {
  .page-view[data-page="services"] .services-overview-hero>div:last-child {
    width:70%;
    max-width:none;
    margin-left:auto;
    margin-right:0;
    padding-right:3vw;
    padding-left:0;
    transform:none;
    text-align:right;
  }
  .page-view[data-page="services"] .services-overview-hero>div:last-child>span {
    margin-left:auto;
    margin-right:0;
  }
  .page-view[data-page="services"] .services-overview-hero h1 {
    max-width:none;
    width:100%;
    font-size:2.7vw;
    white-space:nowrap;
    text-align:right;
  }
  .page-view[data-page="services"] .services-overview-hero p {
    margin-left:auto;
    margin-right:0;
    text-align:right;
  }
}

/* فقط فاصله عنوان کارت مرحله دوم؛ ساختار، انیمیشن و فرم کارت بدون تغییر */
.page-view[data-page="how"] .smart-step-card:nth-child(2) .smart-step-title-slot {
  min-height:72px;
  padding-bottom:0;
}

.page-view[data-page="how"] .smart-step-card:nth-child(2) .smart-step-title-slot + p {
  margin-top:10px;
}


/* v322 — apply the approved step-2 title/text spacing to all five smart-step cards only */
.page-view[data-page="how"] .smart-step-card .smart-step-title-slot,
.page-view[data-page="how"] .smart-step-card p {
  transform:translateY(28px);
}

.page-view[data-page="how"] .smart-step-card .smart-step-title-slot {
  min-height:72px;
  padding-bottom:0;
}

.page-view[data-page="how"] .smart-step-card .smart-step-title-slot + p {
  margin-top:10px;
}


/* Step 1 logo title replacement - only first smart step card */
.page-view[data-page="how"] .smart-step-card:first-child .smart-step-logo-slot {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:72px;
}
.page-view[data-page="how"] .smart-step-card:first-child .smart-step-logo-slot img {
  width:72px;
  height:auto;
  display:block;
}


/* نسخه ۳۲۹: تصویر عمودی بازطراحی‌شده با نمای باز، فقط برای پرکردن کارت بازرسی موبایل؛ دسکتاپ ثابت است. */
@media (max-width: 760px) {
  .page-view[data-page="home"] .home-comfort-card > .image-slot[data-image="vehicle-quality-card"] {
    background-image: url("images/kasbi-inspection-mobile.png") !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-color: #101720;
  }
}

/* Final smart steps: approved title colors for cards 2-5 */
.page-view[data-page="how"] .smart-step-card:nth-child(2) .smart-step-title-slot,
.page-view[data-page="how"] .smart-step-card:nth-child(3) .smart-step-title-slot,
.page-view[data-page="how"] .smart-step-card:nth-child(4) .smart-step-title-slot,
.page-view[data-page="how"] .smart-step-card:nth-child(5) .smart-step-title-slot {
  color:#d99a00;
}