/* ==========================================================================
   شمال اس ام اس | استایل‌های راست‌چین (RTL) اختصاصی قالب SMS (SaasLyn)
   طراحی مدرن، پایدار و چشم‌نواز
   ========================================================================== */

html[dir="rtl"], body[dir="rtl"], body {
  direction: rtl !important;
  text-align: right;
  font-family: 'Abar', 'Abar FaNum', 'Vazirmatn FD', -apple-system, BlinkMacSystemFont, sans-serif !important;
  background-color: #ffffff;
  color: #1e293b;
  overflow-x: hidden;
}

/* فونت متون و فرم‌ها: فونت مدرن ابر (Abar) با اعداد فارسی */
html, body, div, p,
span:not([class*="fa-"]):not([class*="hio-"]):not([class*="his-"]):not([class*="fa"]):not(.fa):not(.fas):not(.far):not(.fal):not(.fad):not(.fab),
a:not([class*="fa-"]), button:not([class*="fa-"]), input, select, textarea, label,
table, thead, tbody, tfoot, tr, th, td,
strong, b, em, small, ul, ol, li, .badge, .lead, .desc, .info {
  font-family: 'Abar', 'Abar FaNum', 'Vazirmatn FD', sans-serif !important;
}

/* عناوین، لوگو و تیترها: فونت کلمه (Kalameh) */
h1, h2, h3, h4, h5, h6, .title, .section-title, .brand-title, .item-title, .plan-price .price, .fw-black, .fw-bold, .pricing-title, .pricing-val-title {
  font-family: 'Kalameh', 'Abar', 'Vazirmatn FD', sans-serif !important;
}

/* حفظ کامل قلم برای تمام آیکون‌های Font Awesome و شبه‌عناصر آن‌ها */
[class*="fa-"], [class*="fa-"]::before, [class*="fa-"]::after,
.fa, .fa::before, .fa::after,
.fas, .fas::before, .fas::after,
.far, .far::before, .far::after,
.fal, .fal::before, .fal::after,
.fad, .fad::before, .fad::after,
.fab, .fab::before, .fab::after,
.fa-solid, .fa-solid::before, .fa-solid::after,
.fa-regular, .fa-regular::before, .fa-regular::after,
.fa-light, .fa-light::before, .fa-light::after,
.fa-thin, .fa-thin::before, .fa-thin::after,
.fa-brands, .fa-brands::before, .fa-brands::after,
.fa-duotone, .fa-duotone::before, .fa-duotone::after,
i[class*="fa-"], i[class*="fa-"]::before, i[class*="fa-"]::after {
  font-family: var(--_fa-family, "Font Awesome 7 Pro") !important;
  direction: ltr !important;
  display: inline-block;
}

/* حفظ قلم برای آیکون‌های Heroicons */
[class*="hio-"], [class*="hio-"]::before, [class*="hio-"]::after,
.hio, .hio::before, .hio::after {
  font-family: 'heroicons-outline' !important;
  direction: ltr !important;
  display: inline-block;
}

[class*="his-"], [class*="his-"]::before, [class*="his-"]::after,
.his, .his::before, .his::after {
  font-family: 'heroicons-solid' !important;
  direction: ltr !important;
  display: inline-block;
}

/* کدها و عبارات انگلیسی و مونو */
.code, pre, code, .ltr, [dir="ltr"] {
  direction: ltr !important;
  text-align: left !important;
}

/* --------------------------------------------------------------------------
   هدر و منوی ناوبری
   -------------------------------------------------------------------------- */
.header-two.section {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.header-one__main {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding-block: 14px !important;
}

.header-one__logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  text-decoration: none !important;
}

.header-one__logo img {
  height: 38px !important;
  width: auto !important;
  flex-shrink: 0 !important;
}

.header-one__logo .brand-title {
  font-size: 19px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  white-space: nowrap !important;
  letter-spacing: -0.5px !important;
  display: inline-block !important;
}

.header-one__main-menu {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}

.header-one__main-menu nav ul {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.header-one__main-menu nav ul li {
  margin: 0 !important;
  position: relative !important;
}

.header-one__main-menu nav ul li a {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #334155 !important;
  white-space: nowrap !important;
  transition: color 0.2s ease !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.header-one__main-menu nav ul li a:hover,
.header-one__main-menu nav ul li.active > a {
  color: var(--primary-color-2) !important;
}

.header-one__main-menu nav ul li .sub-menu {
  right: 0 !important;
  left: auto !important;
  text-align: right !important;
  border-radius: 14px !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  padding: 10px 0 !important;
  background: #ffffff !important;
}

.header-one__main-menu nav ul li .sub-menu li a {
  text-align: right !important;
  font-size: 14px !important;
  padding: 8px 18px !important;
  color: #475569 !important;
  display: block !important;
}

.header-one__main-menu nav ul li .sub-menu li a:hover {
  background-color: rgba(70, 66, 252, 0.05) !important;
  color: var(--primary-color-2) !important;
}

.header-one__menu-btns {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-shrink: 0 !important;
}

.header-one__menu-btns .buttons {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.header-one__menu-btns .saaslyn-3-btn {
  padding: 9px 22px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 30px !important;
  white-space: nowrap !important;
  height: auto !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-shadow: 0 4px 14px rgba(70, 66, 252, 0.2) !important;
  text-decoration: none !important;
}

.header-one__menu-btns .saaslyn-3-btn.v2 {
  padding: 9px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 30px !important;
  background: rgba(70, 66, 252, 0.06) !important;
  border: 1px solid rgba(70, 66, 252, 0.2) !important;
  color: var(--primary-color-2) !important;
  box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   بنر هیرو (Hero Banner-Two) - چینش کاملاً متمرکز و چشم‌نواز
   -------------------------------------------------------------------------- */
.banner-two.section {
  padding-top: 135px !important;
  overflow: hidden !important;
}

.banner-two__wrapper {
  min-height: auto !important;
  padding-bottom: 40px !important;
}

.banner-two__content {
  text-align: center !important;
  max-width: 860px !important;
  margin-inline: auto !important;
  position: relative !important;
  z-index: 5 !important;
}

.banner-two__content .customers-info {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-bottom: 24px !important;
  background: rgba(255, 255, 255, 0.85) !important;
  padding: 6px 18px !important;
  border-radius: 40px !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
  backdrop-filter: blur(10px) !important;
}

.banner-two__content .customers-info .customers {
  display: flex !important;
  align-items: center !important;
  direction: ltr !important;
}

.banner-two__content .customers-info .customers img {
  border: 2px solid #ffffff !important;
  border-radius: 100% !important;
  width: 34px !important;
  height: 34px !important;
}

.banner-two__content .customers-info .customers img:not(:first-child) {
  margin-left: -10px !important;
  margin-right: 0 !important;
}

.banner-two__content .customers-info .info {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #475569 !important;
  line-height: normal !important;
  margin: 0 !important;
  letter-spacing: normal !important;
}

.banner-two__content .customers-info .info span {
  color: var(--primary-color-2) !important;
  font-weight: 800 !important;
  margin-left: 4px !important;
}

.banner-two__content .title {
  font-size: clamp(32px, 4.4vw, 56px) !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  text-align: center !important;
  margin-bottom: 20px !important;
  letter-spacing: -0.5px !important;
}

.banner-two__content .title .line-one,
.banner-two__content .title .line-two {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  gap: 12px !important;
}

.banner-two__content .title .line-one__span {
  display: inline-flex !important;
  align-items: center !important;
  color: var(--primary-color-2) !important;
}

.banner-two__content .title .line-one__span svg {
  width: clamp(52px, 5.5vw, 76px) !important;
  height: auto !important;
  display: inline-block !important;
}

.banner-two__content .title .line-two__span {
  color: var(--primary-color-2) !important;
}

.banner-two__content p {
  font-size: clamp(15px, 1.2vw, 17.5px) !important;
  line-height: 1.8 !important;
  color: #475569 !important;
  font-weight: 400 !important;
  max-width: 680px !important;
  margin: 0 auto 32px !important;
  text-align: center !important;
}

.banner-two__content .banner-buttons {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  margin-top: 24px !important;
}

.banner-two__content .banner-buttons .saaslyn-3-btn {
  width: auto !important;
  white-space: nowrap !important;
  padding: 13px 32px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border-radius: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-shadow: 0 10px 25px -5px rgba(70, 66, 252, 0.35) !important;
  text-decoration: none !important;
}

.banner-two__content .banner-buttons .saaslyn-3-btn.v2 {
  background-color: #ffffff !important;
  border: 1px solid rgba(70, 66, 252, 0.25) !important;
  color: var(--primary-color-2) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

.banner-two__content .banner-buttons .saaslyn-3-btn.v2:hover {
  background-color: var(--primary-color-2) !important;
  color: #ffffff !important;
}

.banner-two__thumb {
  text-align: center !important;
  margin-top: 36px !important;
  position: relative !important;
  z-index: 4 !important;
}

.banner-two__thumb img {
  max-width: min(650px, 90vw) !important;
  height: auto !important;
  display: inline-block !important;
}

/* --------------------------------------------------------------------------
   بخش‌ها و عنوان‌ها (Sections & Headers)
   -------------------------------------------------------------------------- */
.section-header-2 {
  text-align: center !important;
  margin-bottom: 40px !important;
}

.section-header-2 .section-sub-title {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--primary-color-2) !important;
  background: rgba(70, 66, 252, 0.08) !important;
  padding: 6px 18px !important;
  border-radius: 30px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 14px !important;
  letter-spacing: normal !important;
}

.section-header-2 .section-title {
  font-size: clamp(26px, 3.2vw, 42px) !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  color: #0f172a !important;
}

/* --------------------------------------------------------------------------
/* --------------------------------------------------------------------------
   بخش شروع ساده در ۳ گام (Work Section - Modern 3 Steps)
   -------------------------------------------------------------------------- */
#work .section-title,
#work .section-sub-title,
.work__item .title,
.work__item p,
.work__item .step-badge {
  letter-spacing: normal !important;
  word-spacing: normal !important;
  font-family: 'Kalameh', sans-serif !important;
}

.work__item p {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
}

.work__item {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 24px !important;
  padding: 20px !important;
  box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.04) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.work__item:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 35px -5px rgba(79, 70, 229, 0.08) !important;
  border-color: #cbd5e1 !important;
}

.work__item .item-inner {
  background: #f8fafc !important;
  border: 1px solid #f1f5f9 !important;
  border-radius: 18px !important;
  padding: 16px !important;
  min-height: 290px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.work__item .item-content {
  text-align: right !important;
  direction: rtl !important;
  padding-top: 18px !important;
  flex-grow: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

.work__item .step-badge {
  display: inline-block !important;
  align-self: flex-start !important;
  background: #ede9fe !important;
  color: #4f46e5 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 9999px !important;
  margin-bottom: 8px !important;
}

.work__item .item-content .title {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 8px !important;
  line-height: 1.4 !important;
  text-align: right !important;
  width: 100% !important;
}

.work__item .item-content p {
  color: #64748b !important;
  font-size: 13.5px !important;
  line-height: 1.75 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  text-align: right !important;
}

/* کارت اول: فرم نمایشی عضویت (بدون اینپوت و غیرقابل autofill) */
.mock-signup-container {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 16px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
  direction: rtl !important;
}

.mock-signup-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-bottom: 10px !important;
  margin-bottom: 12px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.mock-window-dots {
  display: flex !important;
  gap: 5px !important;
}

.mock-window-dots .dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
}

.mock-window-dots .dot.red { background: #ef4444 !important; }
.mock-window-dots .dot.yellow { background: #f59e0b !important; }
.mock-window-dots .dot.green { background: #10b981 !important; }

.mock-window-label {
  font-size: 11px !important;
  color: #94a3b8 !important;
  font-weight: 600 !important;
}

.mock-input-field {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 9px !important;
  padding: 8px 12px !important;
  margin-bottom: 8px !important;
  user-select: none !important;
}

.mock-field-icon {
  color: #94a3b8 !important;
  font-size: 13px !important;
  width: 16px !important;
  text-align: center !important;
}

.mock-field-placeholder {
  color: #94a3b8 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.mock-instant-badge {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background: rgba(79, 70, 229, 0.06) !important;
  border: 1px dashed rgba(79, 70, 229, 0.25) !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
  font-size: 11.5px !important;
  color: #4f46e5 !important;
  font-weight: 700 !important;
  margin: 6px 0 10px 0 !important;
}

.mock-instant-badge.gift-badge {
  background: rgba(245, 158, 11, 0.09) !important;
  border: 1px dashed rgba(245, 158, 11, 0.35) !important;
  color: #b45309 !important;
}

.mock-instant-badge.gift-badge span {
  font-family: 'Abar FaNum', 'Kalameh', sans-serif !important;
  font-weight: 800 !important;
  font-size: 12px !important;
}

.mock-btn-submit {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 10px !important;
  border-radius: 9px !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.25) !important;
  text-decoration: none !important;
}

.mock-btn-submit:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(79, 70, 229, 0.35) !important;
  color: #ffffff !important;
}

/* کارت دوم: مرکز اتصال وب‌سرویس‌ها و افزونه‌ها */
.mock-integration-container {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 14px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
  direction: rtl !important;
}

.integration-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 6px !important;
}

.platform-chip {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 6px 8px !important;
  border-radius: 8px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.platform-chip.wp { background: rgba(0, 115, 170, 0.08) !important; color: #0073aa !important; border: 1px solid rgba(0, 115, 170, 0.2) !important; }
.platform-chip.laravel { background: rgba(255, 45, 32, 0.08) !important; color: #f05340 !important; border: 1px solid rgba(255, 45, 32, 0.2) !important; }
.platform-chip.chatgpt { background: rgba(16, 163, 127, 0.08) !important; color: #10a37f !important; border: 1px solid rgba(16, 163, 127, 0.22) !important; }
.platform-chip.claude { background: rgba(217, 119, 87, 0.08) !important; color: #c2410c !important; border: 1px solid rgba(217, 119, 87, 0.22) !important; }
.platform-chip.python { background: rgba(55, 118, 171, 0.08) !important; color: #3776ab !important; border: 1px solid rgba(55, 118, 171, 0.2) !important; }
.platform-chip.node { background: rgba(83, 158, 67, 0.08) !important; color: #3c873a !important; border: 1px solid rgba(83, 158, 67, 0.2) !important; }

.integration-connector-flow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 8px 0 !important;
}

.integration-connector-flow .flow-line {
  flex: 1 !important;
  height: 1px !important;
  background: #e2e8f0 !important;
}

.integration-connector-flow .flow-tag {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  color: #64748b !important;
  background: #f1f5f9 !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
  border: 1px solid #e2e8f0 !important;
  white-space: nowrap !important;
}

.integration-core-hub {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%) !important;
  color: #ffffff !important;
  padding: 11px 14px !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(30, 27, 75, 0.15) !important;
}

.integration-core-hub .hub-icon {
  width: 34px !important;
  height: 34px !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, 0.15) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  color: #a5b4fc !important;
  flex-shrink: 0 !important;
}

.integration-core-hub .hub-info {
  text-align: right !important;
}

.integration-core-hub .hub-name {
  font-size: 12.5px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
}

.integration-core-hub .hub-status {
  font-size: 11px !important;
  color: #34d399 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin-top: 2px !important;
}

.integration-core-hub .dot-online {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #34d399 !important;
  box-shadow: 0 0 6px #34d399 !important;
}

/* کارت سوم: پیش‌نمایش سرویس‌ها و بازگشت اعتبار */
.mock-services-feed {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
  direction: rtl !important;
}

.feed-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 7px 10px !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
  border: 1px solid #f1f5f9 !important;
  margin-bottom: 6px !important;
  text-align: right !important;
}

.feed-icon {
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.feed-icon.sms { background: rgba(16, 185, 129, 0.12) !important; color: #059669 !important; }
.feed-icon.shahkar { background: rgba(37, 99, 235, 0.12) !important; color: #2563eb !important; }
.feed-icon.bank { background: rgba(139, 92, 246, 0.12) !important; color: #7c3aed !important; }

.feed-details {
  flex: 1 !important;
  min-width: 0 !important;
}

.feed-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 4px !important;
}

.feed-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}

.feed-badge {
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 2px 6px !important;
  border-radius: 6px !important;
  white-space: nowrap !important;
}

.badge-green { background: #d1fae5 !important; color: #065f46 !important; }
.badge-blue { background: #dbeafe !important; color: #1e40af !important; }
.badge-purple { background: #ede9fe !important; color: #5b21b6 !important; }

.feed-desc {
  font-size: 10.5px !important;
  color: #64748b !important;
  display: block !important;
  margin-top: 2px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.feed-refund-pill {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  background: rgba(16, 185, 129, 0.08) !important;
  border: 1px dashed rgba(16, 185, 129, 0.3) !important;
  border-radius: 8px !important;
  padding: 6px 8px !important;
  font-size: 11px !important;
  color: #047857 !important;
  font-weight: 700 !important;
  margin-top: 6px !important;
  text-align: center !important;
}

/* --------------------------------------------------------------------------
   کارت‌های ویژگی‌ها (Features 2)
   -------------------------------------------------------------------------- */
.features-2__item .item-content {
  text-align: right !important;
}

.features-2__item .item-title {
  font-size: 18px !important;
  font-weight: 700 !important;
  margin-bottom: 6px !important;
}

.features-2__item p {
  font-size: 14px !important;
  color: #64748b !important;
  line-height: 1.6 !important;
}

/* --------------------------------------------------------------------------
   شبکه جامع خدمات (Services Showcase Grid)
   -------------------------------------------------------------------------- */
.services-showcase-grid > [class*="col-"] {
  display: flex !important;
}

.service-feature-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  padding: 26px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  width: 100% !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 18px -2px rgba(15, 23, 42, 0.04) !important;
  position: relative !important;
  text-align: right !important;
}

.service-feature-card:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(37, 99, 235, 0.3) !important;
  box-shadow: 0 20px 35px -8px rgba(37, 99, 235, 0.12), 0 0 0 1px rgba(37, 99, 235, 0.15) !important;
}

.sfc-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
}

.sfc-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 19px !important;
  transition: all 0.3s ease !important;
}

.service-feature-card:hover .sfc-icon {
  transform: scale(1.08) !important;
}

.icon-blue { background: rgba(37, 99, 235, 0.08) !important; color: #2563eb !important; border: 1px solid rgba(37, 99, 235, 0.15) !important; }
.icon-indigo { background: rgba(79, 70, 229, 0.08) !important; color: #4f46e5 !important; border: 1px solid rgba(79, 70, 229, 0.15) !important; }
.icon-purple { background: rgba(147, 51, 234, 0.08) !important; color: #9333ea !important; border: 1px solid rgba(147, 51, 234, 0.15) !important; }
.icon-sky { background: rgba(2, 132, 199, 0.08) !important; color: #0284c7 !important; border: 1px solid rgba(2, 132, 199, 0.15) !important; }
.icon-emerald { background: rgba(16, 185, 129, 0.08) !important; color: #059669 !important; border: 1px solid rgba(16, 185, 129, 0.15) !important; }
.icon-amber { background: rgba(217, 119, 6, 0.08) !important; color: #d97706 !important; border: 1px solid rgba(217, 119, 6, 0.15) !important; }
.icon-rose { background: rgba(225, 29, 72, 0.08) !important; color: #e11d48 !important; border: 1px solid rgba(225, 29, 72, 0.15) !important; }
.icon-teal { background: rgba(13, 148, 136, 0.08) !important; color: #0d9488 !important; border: 1px solid rgba(13, 148, 136, 0.15) !important; }
.icon-orange { background: rgba(234, 88, 12, 0.08) !important; color: #ea580c !important; border: 1px solid rgba(234, 88, 12, 0.15) !important; }

.sfc-badge {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
}

.badge-blue { background: rgba(37, 99, 235, 0.08) !important; color: #2563eb !important; border: 1px solid rgba(37, 99, 235, 0.2) !important; }
.badge-indigo { background: rgba(79, 70, 229, 0.08) !important; color: #4f46e5 !important; border: 1px solid rgba(79, 70, 229, 0.2) !important; }
.badge-purple { background: rgba(147, 51, 234, 0.08) !important; color: #7c3aed !important; border: 1px solid rgba(147, 51, 234, 0.2) !important; }
.badge-sky { background: rgba(2, 132, 199, 0.08) !important; color: #0284c7 !important; border: 1px solid rgba(2, 132, 199, 0.2) !important; }
.badge-emerald { background: rgba(16, 185, 129, 0.08) !important; color: #059669 !important; border: 1px solid rgba(16, 185, 129, 0.2) !important; }
.badge-amber { background: rgba(217, 119, 6, 0.08) !important; color: #d97706 !important; border: 1px solid rgba(217, 119, 6, 0.2) !important; }
.badge-rose { background: rgba(225, 29, 72, 0.08) !important; color: #e11d48 !important; border: 1px solid rgba(225, 29, 72, 0.2) !important; }
.badge-teal { background: rgba(13, 148, 136, 0.08) !important; color: #0d9488 !important; border: 1px solid rgba(13, 148, 136, 0.2) !important; }
.badge-orange { background: rgba(234, 88, 12, 0.08) !important; color: #ea580c !important; border: 1px solid rgba(234, 88, 12, 0.2) !important; }

.sfc-title {
  font-size: 16.5px !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
  line-height: 1.5 !important;
}

.sfc-title a {
  color: #0f172a !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.sfc-title a:hover {
  color: #2563eb !important;
}

.sfc-desc {
  font-size: 13.5px !important;
  color: #64748b !important;
  line-height: 1.75 !important;
  margin-bottom: 16px !important;
  flex-grow: 1 !important;
}

.sfc-tags {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  padding-top: 12px !important;
  border-top: 1px dashed #e2e8f0 !important;
  margin-bottom: 14px !important;
}

.sfc-tags span {
  font-size: 12px !important;
  color: #475569 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.sfc-link {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #2563eb !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  display: inline-block !important;
}

.sfc-link:hover {
  color: #1d4ed8 !important;
  transform: translateX(-4px) !important;
}

/* --------------------------------------------------------------------------
   سازگاری‌ها (Integration)
   -------------------------------------------------------------------------- */
.integration.section {
  text-align: center !important;
}

.integration.section .section-header-2 {
  max-width: 760px !important;
  margin-inline: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  float: none !important;
}

.integration.section .section-header-2 .section-sub-title {
  margin-inline: auto !important;
  display: inline-flex !important;
}

.integration.section .section-header-2 .section-title {
  text-align: center !important;
}

.integration.section .section-header-2 p {
  margin-inline: auto !important;
  text-align: center !important;
}

.integration__content {
  text-align: center !important;
  margin-inline: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.integration__content .circle-one {
  margin-inline: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* --------------------------------------------------------------------------
   جریان کار (Workflow)
   -------------------------------------------------------------------------- */
.workflow__info .info-item {
  text-align: right !important;
}

.workflow__info .info-item .title {
  font-size: 18px !important;
  font-weight: 700 !important;
}

/* --------------------------------------------------------------------------
   مزایا (Benefits Pro Cards)
   -------------------------------------------------------------------------- */
.benefits.section {
  background-color: #ffffff !important;
  position: relative !important;
}

.benefits .benefits__item-row > [class*="col-"] {
  display: flex !important;
}

/* رفع استگر ناموزون قالب اصلی */
.benefits .benefits__item-row > [class*="col-"]:nth-child(2n) .benefits__item,
.benefits .benefits__item-row > [class*="col-"]:nth-child(2n) .benefit-card-pro {
  margin-top: 0 !important;
}

.benefit-card-pro {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  padding: 28px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  width: 100% !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.04) !important;
  position: relative !important;
  overflow: hidden !important;
  text-align: right !important;
}

.benefit-card-pro::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  height: 3px !important;
  background: transparent !important;
  transition: background 0.3s ease !important;
}

.benefit-card-pro:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(37, 99, 235, 0.3) !important;
  box-shadow: 0 20px 35px -8px rgba(37, 99, 235, 0.12), 0 0 0 1px rgba(37, 99, 235, 0.15) !important;
}

.benefit-card-pro:hover::before {
  background: linear-gradient(90deg, #2563eb, #60a5fa) !important;
}

.benefit-card-pro .card-top-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 20px !important;
}

.benefit-card-pro .card-icon-box {
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
  background: rgba(37, 99, 235, 0.08) !important;
  color: #2563eb !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(37, 99, 235, 0.12) !important;
  transition: all 0.3s ease !important;
}

.benefit-card-pro:hover .card-icon-box {
  background: #2563eb !important;
  color: #ffffff !important;
  transform: scale(1.05) !important;
}

.benefit-card-pro .card-badge {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  padding: 5px 12px !important;
  border-radius: 30px !important;
  letter-spacing: -0.2px !important;
}

.card-badge.badge-blue {
  background: rgba(37, 99, 235, 0.08) !important;
  color: #2563eb !important;
  border: 1px solid rgba(37, 99, 235, 0.2) !important;
}

.card-badge.badge-green {
  background: rgba(16, 185, 129, 0.08) !important;
  color: #059669 !important;
  border: 1px solid rgba(16, 185, 129, 0.2) !important;
}

.card-badge.badge-purple {
  background: rgba(147, 51, 234, 0.08) !important;
  color: #7c3aed !important;
  border: 1px solid rgba(147, 51, 234, 0.2) !important;
}

.card-badge.badge-amber {
  background: rgba(217, 119, 6, 0.08) !important;
  color: #d97706 !important;
  border: 1px solid rgba(217, 119, 6, 0.2) !important;
}

.benefit-card-pro .card-metric {
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  margin-bottom: 12px !important;
}

.benefit-card-pro .card-metric .metric-num {
  font-size: 24px !important;
  font-weight: 900 !important;
  color: #0f172a !important;
  line-height: 1 !important;
}

.benefit-card-pro .card-metric .metric-unit {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #64748b !important;
}

.benefit-card-pro .card-title {
  font-size: 16.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 10px !important;
  line-height: 1.5 !important;
}

.benefit-card-pro .card-desc {
  font-size: 13.5px !important;
  color: #64748b !important;
  line-height: 1.75 !important;
  margin-bottom: 20px !important;
  flex-grow: 1 !important;
}

.benefit-card-pro .card-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding-top: 14px !important;
  border-top: 1px dashed #e2e8f0 !important;
}

.benefit-card-pro .tag-pill {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #475569 !important;
  padding: 4px 10px !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.benefit-card-pro .tag-pill i {
  color: #2563eb !important;
  font-size: 10px !important;
}

/* --------------------------------------------------------------------------
   تعرفه‌ها (Pricing)
   -------------------------------------------------------------------------- */
.pricing-2__item {
  text-align: right !important;
}

.pricing-2__item .item-header {
  text-align: right !important;
}

.pricing-2__item .item-body ul {
  padding-right: 0 !important;
}

.pricing-2__item .item-body ul li {
  text-align: right !important;
  font-size: 14px !important;
}

.pricing-2__btn-wrapper {
  direction: rtl !important;
  margin-inline: auto !important;
  border-radius: 40px !important;
  background: #f1f5f9 !important;
  padding: 5px !important;
}

.pricing-2__btn-wrapper label {
  z-index: 2 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 8px 20px !important;
  border-radius: 30px !important;
  transition: all 0.3s ease !important;
  color: #475569 !important;
}

.pricing-2__btn-wrapper #monthly:checked + label[for=monthly],
.pricing-2__btn-wrapper #yearly:checked + label[for=yearly] {
  color: #ffffff !important;
  background-color: var(--primary-color-2) !important;
  box-shadow: 0 4px 12px rgba(70, 66, 252, 0.3) !important;
}

.pricing-2__btn-wrapper .highlighter {
  display: none !important;
}

/* --------------------------------------------------------------------------
   سوالات متداول (FAQ)
   -------------------------------------------------------------------------- */
.faq-2__accordion .accordion-item .accordion-header .accordion-button {
  text-align: right !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.faq-2__accordion .accordion-item .accordion-header .accordion-button::after {
  margin-right: auto !important;
  margin-left: 0 !important;
}

.faq-2__accordion .accordion-body {
  text-align: right !important;
  color: #64748b !important;
  line-height: 1.8 !important;
  font-size: 14.5px !important;
}

/* --------------------------------------------------------------------------
   بنر اقدام به عمل نهایی (CTA Section)
   -------------------------------------------------------------------------- */
.cta-2.section {
  background-color: #f8fafc !important;
  padding: 80px 0 !important;
}

.cta-2__wrapper {
  background: linear-gradient(135deg, #090e17 0%, #0f172a 50%, #1e293b 100%) !important;
  border-radius: 28px !important;
  padding: 60px 48px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 25px 60px -15px rgba(15, 23, 42, 0.35) !important;
  position: relative !important;
  overflow: hidden !important;
}

.cta-2__wrapper::before {
  content: '' !important;
  position: absolute !important;
  top: -100px !important;
  right: -100px !important;
  width: 350px !important;
  height: 350px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(37, 99, 235, 0.2) 0%, transparent 70%) !important;
  pointer-events: none !important;
}

.cta-2__content {
  text-align: right !important;
  position: relative !important;
  z-index: 2 !important;
}

.cta-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 16px !important;
  border-radius: 30px !important;
  background: rgba(37, 99, 235, 0.15) !important;
  border: 1px solid rgba(37, 99, 235, 0.3) !important;
  color: #60a5fa !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.cta-badge .badge-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #3b82f6 !important;
  box-shadow: 0 0 10px #3b82f6 !important;
}

.cta-title {
  font-size: 30px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1.4 !important;
  margin-bottom: 16px !important;
}

.cta-text {
  font-size: 15px !important;
  color: #94a3b8 !important;
  line-height: 1.8 !important;
  margin-bottom: 24px !important;
  max-width: 580px !important;
}

.cta-features-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.cta-feat-item {
  color: #cbd5e1 !important;
  font-size: 13.5px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.cta-feat-item i {
  color: #38bdf8 !important;
  font-size: 14px !important;
}

.cta-buttons {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin-top: 24px !important;
}

.btn-cta-primary {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  padding: 13px 26px !important;
  border-radius: 30px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.4) !important;
  transition: all 0.3s ease !important;
}

.btn-cta-primary:hover {
  background: linear-gradient(135deg, #1d4ed8, #1e40af) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.5) !important;
}

.btn-cta-secondary {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  padding: 13px 22px !important;
  border-radius: 30px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  transition: all 0.3s ease !important;
}

.btn-cta-secondary:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

/* شبیه‌ساز زنده در بنر */
.cta-preview-card {
  background: rgba(15, 23, 42, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 20px !important;
  padding: 22px !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(16px) !important;
  direction: rtl !important;
  text-align: right !important;
}

.cta-preview-card .preview-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  margin-bottom: 16px !important;
}

.preview-dots {
  display: flex !important;
  gap: 6px !important;
}

.preview-dots .dot {
  width: 9px !important;
  height: 9px !important;
  border-radius: 50% !important;
}

.preview-dots .dot.red { background: #ef4444 !important; }
.preview-dots .dot.yellow { background: #f59e0b !important; }
.preview-dots .dot.green { background: #10b981 !important; }

.preview-title {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #94a3b8 !important;
}

.preview-status {
  font-size: 11.5px !important;
  color: #34d399 !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

.preview-status .live-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #34d399 !important;
  box-shadow: 0 0 8px #34d399 !important;
}

.sms-notif-box {
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 16px !important;
  color: #0f172a !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
  border-right: 4px solid #2563eb !important;
}

.sms-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.sms-sender {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.sms-icon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  background: rgba(37, 99, 235, 0.1) !important;
  color: #2563eb !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
}

.sms-name {
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}

.sms-time {
  font-size: 11px !important;
  color: #64748b !important;
}

.sms-speed-badge {
  background: #dbeafe !important;
  color: #1e40af !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 3px 8px !important;
  border-radius: 20px !important;
}

.sms-content {
  margin-top: 12px !important;
}

.sms-msg {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.6 !important;
}

.otp-code {
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
  letter-spacing: 2px !important;
  font-family: monospace !important;
  font-size: 15px !important;
  border: 1px solid #bfdbfe !important;
}

.sms-sub {
  font-size: 12px !important;
  color: #64748b !important;
  margin-top: 4px !important;
}

.sms-footer {
  margin-top: 10px !important;
  padding-top: 8px !important;
  border-top: 1px dashed #e2e8f0 !important;
}

.delivery-status {
  font-size: 11px !important;
  color: #059669 !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.shahkar-preview-box {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  color: #e2e8f0 !important;
}

.shahkar-icon {
  width: 26px !important;
  height: 26px !important;
  border-radius: 6px !important;
  background: rgba(16, 185, 129, 0.15) !important;
  color: #34d399 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
}

.shahkar-details {
  font-size: 12px !important;
  color: #94a3b8 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

.shahkar-details .separator {
  color: #475569 !important;
}

.text-emerald {
  color: #34d399 !important;
  font-weight: 700 !important;
}

.wallet-mini-card {
  background: rgba(37, 99, 235, 0.1) !important;
  border: 1px dashed rgba(59, 130, 246, 0.3) !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
}

/* --------------------------------------------------------------------------
   فوتر سازمانی پیشرفته (Corporate Dark Footer Two)
   -------------------------------------------------------------------------- */
.footer-two.section {
  background: linear-gradient(180deg, #090e1a 0%, #040711 100%) !important;
  color: #94a3b8 !important;
  border-top: 1px solid rgba(99, 102, 241, 0.18) !important;
  position: relative !important;
  padding-top: 80px !important;
  padding-bottom: 28px !important;
  overflow: hidden !important;
}

.footer-two.section::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 70% !important;
  height: 1px !important;
  background: radial-gradient(circle, rgba(129, 140, 248, 0.5) 0%, transparent 80%) !important;
}

.footer-two.section #footerTwoSvgDraw {
  display: none !important;
}

.footer-two {
  text-align: right !important;
  direction: rtl !important;
}

.footer-two__widget .footer-desc {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  color: #94a3b8 !important;
  line-height: 1.85 !important;
  font-size: 13.5px !important;
}

/* وضعیت سلامت سرورها در فوتر */
.footer-status-indicator {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px !important;
  background: rgba(16, 185, 129, 0.08) !important;
  border: 1px solid rgba(16, 185, 129, 0.22) !important;
  border-radius: 999px !important;
  color: #34d399 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.status-pulse-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.3) !important;
  display: inline-block !important;
}

/* عناوین ویجت‌های فوتر */
.footer-two__widget .widget-title {
  font-family: 'Kalameh', sans-serif !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  margin-bottom: 22px !important;
  position: relative !important;
  padding-bottom: 10px !important;
}

.footer-two__widget .widget-title::after {
  content: '' !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 28px !important;
  height: 2.5px !important;
  background: linear-gradient(90deg, #6366f1, #a855f7) !important;
  border-radius: 4px !important;
}

/* لینک‌های ناوبری فوتر */
.footer-two__widget ul {
  padding-right: 0 !important;
  list-style: none !important;
  margin: 0 !important;
}

.footer-nav-links li a {
  text-decoration: none !important;
  color: #94a3b8 !important;
  font-size: 13.5px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.footer-nav-links li a .nav-arrow {
  font-size: 10px !important;
  color: #6366f1 !important;
  opacity: 0.5 !important;
  transition: transform 0.2s ease, opacity 0.2s ease !important;
}

.footer-nav-links li a:hover {
  color: #ffffff !important;
  transform: translateX(-4px) !important;
}

.footer-nav-links li a:hover .nav-arrow {
  opacity: 1 !important;
  transform: translateX(-2px) !important;
}

/* لیست تماس فوتر */
.footer-contact-list li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  color: #94a3b8 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

.footer-contact-list .contact-icon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
  background: rgba(99, 102, 241, 0.12) !important;
  border: 1px solid rgba(99, 102, 241, 0.2) !important;
  color: #a5b4fc !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.footer-tel {
  color: #e2e8f0 !important;
  font-family: 'Fira Code', Consolas, monospace !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.footer-tel:hover {
  color: #a5b4fc !important;
}

.footer-email {
  color: #a5b4fc !important;
  font-family: 'Fira Code', Consolas, monospace !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.footer-email:hover {
  color: #ffffff !important;
}

/* بخش پایانی فوتر (کپی رایت و لینک‌های سریع) */
.footer-two__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.07) !important;
}

.footer-two__bottom .copyright-text {
  color: #64748b !important;
  font-size: 12.5px !important;
}

.footer-two__bottom .footer-bottom-links {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

@media (min-width: 768px) {
  .footer-two__bottom .footer-bottom-links {
    justify-content: flex-end !important;
  }
}

.footer-two__bottom .footer-bottom-links a {
  color: #94a3b8 !important;
  font-size: 12.5px !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.footer-two__bottom .footer-bottom-links a:hover {
  color: #a5b4fc !important;
}

.footer-two__bottom .footer-bottom-links .sep {
  color: rgba(255, 255, 255, 0.15) !important;
  font-size: 11px !important;
}

/* ریسپانسیو موبایل */
@media (max-width: 991px) {
  .header-one__main-menu {
    display: none !important;
  }
  .banner-two.section {
    padding-top: 110px !important;
  }
  .banner-two__content .title {
    font-size: 28px !important;
  }
  .banner-two__content .title .line-one,
  .banner-two__content .title .line-two {
    white-space: normal !important;
    flex-wrap: wrap !important;
  }
  .banner-two__content .banner-buttons {
    flex-direction: column !important;
  }
  .banner-two__content .banner-buttons .saaslyn-3-btn {
    width: 100% !important;
  }
}

/* ==========================================================================
   بخش کاتالوگ و لیست کامل امکانات (Capabilities Section) - طراحی مدرن B2B
   ========================================================================== */
.capabilities-section {
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding-block: 80px !important;
}

.capabilities-section .section-header-2 {
  margin-bottom: 45px !important;
}

.capabilities-section .section-sub-title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(37, 99, 235, 0.08) !important;
  color: #2563eb !important;
  padding: 6px 16px !important;
  border-radius: 9999px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin-bottom: 12px !important;
  border: 1px solid rgba(37, 99, 235, 0.15) !important;
}

.cap-category-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  padding: 24px 22px !important;
  height: 100% !important;
  box-shadow: 0 4px 18px -2px rgba(15, 23, 42, 0.04) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  overflow: hidden !important;
}

.cap-category-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  height: 3px !important;
}

.cap-category-card.accent-emerald::before { background: #10b981 !important; }
.cap-category-card.accent-blue::before    { background: #2563eb !important; }
.cap-category-card.accent-purple::before  { background: #8b5cf6 !important; }
.cap-category-card.accent-amber::before   { background: #f59e0b !important; }
.cap-category-card.accent-cyan::before    { background: #06b6d4 !important; }
.cap-category-card.accent-indigo::before  { background: #6366f1 !important; }

.cap-category-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 32px -4px rgba(15, 23, 42, 0.09) !important;
  border-color: #cbd5e1 !important;
}

.cap-card-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.cap-cat-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  flex-shrink: 0 !important;
}

.cap-cat-icon.emerald { background: rgba(16, 185, 129, 0.12) !important; color: #059669 !important; }
.cap-cat-icon.blue    { background: rgba(37, 99, 235, 0.12) !important; color: #2563eb !important; }
.cap-cat-icon.purple  { background: rgba(139, 92, 246, 0.12) !important; color: #7c3aed !important; }
.cap-cat-icon.amber   { background: rgba(245, 158, 11, 0.12) !important; color: #d97706 !important; }
.cap-cat-icon.cyan    { background: rgba(6, 182, 212, 0.12) !important; color: #0891b2 !important; }
.cap-cat-icon.indigo  { background: rgba(99, 102, 241, 0.12) !important; color: #4f46e5 !important; }

.cap-box-title {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin: 0 0 2px 0 !important;
  line-height: 1.3 !important;
}

.cap-box-subtitle {
  font-size: 12px !important;
  color: #64748b !important;
  font-weight: 500 !important;
}

.cap-box-count {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 9999px !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
  border: 1px solid #e2e8f0 !important;
  white-space: nowrap !important;
}

.cap-items-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 8px !important;
}

.cap-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #f8fafc !important;
  border: 1px solid #f1f5f9 !important;
  border-radius: 9px !important;
  padding: 8px 10px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #334155 !important;
  transition: all 0.18s ease !important;
  min-height: 40px !important;
  line-height: 1.3 !important;
}

.cap-item:hover {
  background: #ffffff !important;
  border-color: #93c5fd !important;
  color: #1d4ed8 !important;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.08) !important;
  transform: translateY(-1px) !important;
}

.cap-item i {
  font-size: 11px !important;
  color: #10b981 !important;
  flex-shrink: 0 !important;
}

@media (max-width: 576px) {
  .cap-items-grid {
    grid-template-columns: 1fr !important;
  }
  .cap-category-card {
    padding: 18px 16px !important;
  }
}

/* ==========================================================================
   بخش بنر شروع و عضویت (Workflow CTA Banner) - طراحی مدرن، تیره و چشم‌نواز
   ========================================================================== */
.workflow.section {
  background: transparent !important;
  padding-block: 40px !important;
}

.wf-compact-card {
  background: linear-gradient(135deg, #090e1a 0%, #1e1b4b 45%, #312e81 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 24px !important;
  padding: 34px 40px !important;
  color: #ffffff !important;
  box-shadow: 0 20px 45px -10px rgba(15, 23, 42, 0.4), 0 0 0 1px rgba(99, 102, 241, 0.15) !important;
  position: relative !important;
  overflow: hidden !important;
}

.wf-compact-card::before {
  content: "" !important;
  position: absolute !important;
  top: -80px !important;
  left: -80px !important;
  width: 240px !important;
  height: 240px !important;
  background: radial-gradient(circle, rgba(99, 102, 241, 0.35) 0%, rgba(99, 102, 241, 0) 70%) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

.wf-compact-card::after {
  content: "" !important;
  position: absolute !important;
  bottom: -60px !important;
  right: 15% !important;
  width: 200px !important;
  height: 200px !important;
  background: radial-gradient(circle, rgba(168, 85, 247, 0.2) 0%, rgba(168, 85, 247, 0) 70%) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}

.wf-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  background: rgba(245, 158, 11, 0.14) !important;
  border: 1px solid rgba(245, 158, 11, 0.35) !important;
  color: #fbbf24 !important;
  padding: 5px 14px !important;
  border-radius: 9999px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
}

.wf-compact-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 10px 0 8px 0 !important;
  line-height: 1.4 !important;
  letter-spacing: normal !important;
}

.wf-compact-desc {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 14px !important;
  margin: 0 !important;
  line-height: 1.8 !important;
  letter-spacing: normal !important;
}

.btn-wf-compact {
  background: #ffffff !important;
  color: #1e1b4b !important;
  font-family: 'Kalameh', sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  padding: 14px 26px !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
  transition: all 0.25s ease !important;
  white-space: nowrap !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
}

.btn-wf-compact:hover {
  background: #f8fafc !important;
  color: #4f46e5 !important;
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35) !important;
}

.btn-wf-compact i {
  font-size: 13px !important;
  transition: transform 0.2s ease !important;
}

.btn-wf-compact:hover i {
  transform: translateX(-3px) !important;
}

@media (max-width: 991px) {
  .wf-compact-card {
    padding: 24px 20px !important;
  }
  .wf-compact-title {
    font-size: 18px !important;
  }
  .btn-wf-compact {
    width: 100% !important;
    justify-content: center !important;
  }
}

/* ==========================================================================
   بخش نظرات مشتریان (Testimonials Section - Compact & Polished)
   ========================================================================== */
.testimonials-2.section {
  padding-block: 0 !important;
  position: relative !important;
}

.testimonials-2.section::before {
  display: none !important;
}

.testimonials-2__wrapper {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.testimonials-2__wrapper .section-header-2 {
  margin-bottom: 30px !important;
}

.testimonials-2__slider-wrapper {
  position: relative !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 24px !important;
  padding: 36px 56px !important;
  box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.05) !important;
}

/* حذف آواتارهای سرگردان بزرگ پس‌زمینه جهت جمع‌وجور شدن ارتفاع */
.testimonials-2__slider-wrapper .test-author-1,
.testimonials-2__slider-wrapper .test-author-2,
.testimonials-2__slider-wrapper .test-author-3,
.testimonials-2__slider-wrapper .test-author-4 {
  display: none !important;
}

.testimonials-2__slider {
  max-width: 100% !important;
}

.testimonial-stars {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
}

.testimonial-stars i {
  color: #f59e0b !important;
  font-size: 14px !important;
}

.testimonials-2__item .testimonials-quote {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 18.5px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  text-align: center !important;
  line-height: 1.8 !important;
  letter-spacing: normal !important;
  margin-bottom: 22px !important;
  max-width: 660px !important;
  margin-inline: auto !important;
}

.testimonials-2__item .author {
  text-align: center !important;
}

.testimonials-2__item .author .author-thumb {
  width: 68px !important;
  height: 68px !important;
  border-radius: 50% !important;
  margin: 0 auto 10px auto !important;
  border: 3px solid #ede9fe !important;
  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.12) !important;
  overflow: hidden !important;
}

.testimonials-2__item .author .author-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.testimonials-2__item .author .author-name {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 2px !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
}

.testimonials-2__item .author .author-designation {
  font-size: 13px !important;
  color: #64748b !important;
  font-weight: 500 !important;
  letter-spacing: normal !important;
}

/* دکمه‌های ناوبری فلش چپ و راست */
.testimonials-2__navigation {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  justify-content: space-between !important;
  padding-inline: 14px !important;
  pointer-events: none !important;
  z-index: 10 !important;
}

.testimonials-2__navigation .prev-testimonial,
.testimonials-2__navigation .next-testimonial {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #334155 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transition: all 0.25s ease !important;
}

.testimonials-2__navigation .prev-testimonial:hover,
.testimonials-2__navigation .next-testimonial:hover {
  background: #4f46e5 !important;
  color: #ffffff !important;
  border-color: #4f46e5 !important;
  transform: scale(1.08) !important;
  box-shadow: 0 8px 20px rgba(79, 70, 229, 0.3) !important;
}

.testimonials-2__navigation .prev-testimonial i,
.testimonials-2__navigation .next-testimonial i {
  font-size: 14px !important;
}

@media (max-width: 768px) {
  .testimonials-2__slider-wrapper {
    padding: 24px 20px !important;
  }
  .testimonials-2__item .testimonials-quote {
    font-size: 15.5px !important;
  }
  .testimonials-2__navigation {
    position: static !important;
    transform: none !important;
    justify-content: center !important;
    gap: 16px !important;
    margin-top: 18px !important;
    padding: 0 !important;
  }
}

/* ==========================================================================
   صفحه تعرفه مصرفی (Pricing Page Pro Design) - پالت رنگی یکپارچه بنفش قالب
   ========================================================================== */
.pricing-hero {
  background: radial-gradient(circle at 50% 15%, rgba(99, 102, 241, 0.09) 0%, rgba(245, 243, 255, 0.6) 45%, #ffffff 100%) !important;
  border-bottom: 1px solid #e0e7ff !important;
  padding-top: 145px !important;
  padding-bottom: 50px !important;
  text-align: center !important;
  position: relative !important;
}

.pricing-purple-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(79, 70, 229, 0.08) !important;
  border: 1px solid rgba(79, 70, 229, 0.22) !important;
  color: #4338ca !important;
  padding: 6px 18px !important;
  border-radius: 9999px !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  margin-bottom: 16px !important;
}

.pricing-title {
  font-family: 'Kalameh', sans-serif !important;
  color: #1e1b4b !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  margin-bottom: 14px !important;
  line-height: 1.3 !important;
}

.pricing-subtitle {
  color: #64748b !important;
  font-size: 15.5px !important;
  max-width: 740px !important;
  margin: 0 auto !important;
  line-height: 1.85 !important;
}

.pricing-value-card {
  background: #ffffff !important;
  border: 1px solid #e0e7ff !important;
  border-radius: 18px !important;
  padding: 22px 16px !important;
  text-align: center !important;
  box-shadow: 0 4px 18px rgba(79, 70, 229, 0.04) !important;
  transition: all 0.25s ease !important;
  height: 100% !important;
}

.pricing-value-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 25px rgba(79, 70, 229, 0.1) !important;
  border-color: #a5b4fc !important;
}

.pricing-val-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: #f5f3ff !important;
  border: 1px solid rgba(79, 70, 229, 0.12) !important;
  color: #4f46e5 !important;
  font-size: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 12px auto !important;
  transition: all 0.2s ease !important;
}

.pricing-value-card:hover .pricing-val-icon {
  background: #4f46e5 !important;
  color: #ffffff !important;
  border-color: #4f46e5 !important;
}

.pricing-val-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 800 !important;
  color: #1e1b4b !important;
  margin-bottom: 4px !important;
}

.pricing-val-sub {
  font-size: 12.5px !important;
  color: #64748b !important;
  line-height: 1.5 !important;
}

.pricing-table-card {
  background: #ffffff !important;
  border: 1px solid #e0e7ff !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 35px -5px rgba(79, 70, 229, 0.07) !important;
  margin-bottom: 45px !important;
}

.pricing-table-header {
  background: linear-gradient(135deg, #1e1b4b 0%, #312e81 60%, #4338ca 100%) !important;
  padding: 24px 28px !important;
  color: #ffffff !important;
}

.pricing-table-header h4 {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 21px !important;
  font-weight: 800 !important;
}

.btn-table-cta {
  background: #4f46e5 !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  padding: 8px 18px !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.btn-table-cta:hover {
  background: #4338ca !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(79, 70, 229, 0.4) !important;
}

.price-filter-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 16px 24px !important;
  background: #f8fafc !important;
  border-bottom: 1px solid #e0e7ff !important;
}

.price-filter-btn {
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #475569 !important;
  padding: 6px 14px !important;
  border-radius: 9999px !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
}

.price-filter-btn:hover {
  border-color: #6366f1 !important;
  color: #4338ca !important;
  background: #f5f3ff !important;
}

.price-filter-btn.active {
  background: #4f46e5 !important;
  border-color: #4f46e5 !important;
  color: #ffffff !important;
  box-shadow: 0 3px 10px rgba(79, 70, 229, 0.28) !important;
}

.price-search-box {
  position: relative !important;
  min-width: 260px !important;
  max-width: 320px !important;
  margin-inline-start: auto !important;
}

.price-search-input {
  width: 100% !important;
  padding: 7px 34px 7px 12px !important;
  border-radius: 10px !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  font-size: 13px !important;
  outline: none !important;
  transition: all 0.2s ease !important;
}

.price-search-input:focus {
  border-color: #4f46e5 !important;
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15) !important;
}

.price-search-icon {
  position: absolute !important;
  right: 11px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #6366f1 !important;
  font-size: 13px !important;
  pointer-events: none !important;
}

.table-light-pro th {
  background: #f8fafc !important;
  color: #1e1b4b !important;
  font-family: 'Kalameh', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-bottom: 2px solid #e0e7ff !important;
}

.price-row-item {
  transition: background-color 0.15s ease !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.price-row-item:hover {
  background-color: #f5f3ff !important;
}

.row-indicator-purple {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #4f46e5 !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
}

.service-name-text {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}

.badge-cat-unified {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  padding: 3px 10px !important;
  border-radius: 6px !important;
  background: rgba(79, 70, 229, 0.08) !important;
  color: #4338ca !important;
  border: 1px solid rgba(79, 70, 229, 0.16) !important;
}

.unit-text {
  font-size: 13px !important;
  color: #64748b !important;
}

.price-pill-purple {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 4px !important;
  background: rgba(79, 70, 229, 0.05) !important;
  border: 1px solid rgba(79, 70, 229, 0.16) !important;
  padding: 4px 12px !important;
  border-radius: 8px !important;
}

.price-amount {
  font-size: 15.5px !important;
  font-weight: 900 !important;
  color: #4338ca !important;
}

.price-unit {
  font-size: 11.5px !important;
  color: #64748b !important;
}

.status-ready-purple {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #4338ca !important;
  background: rgba(79, 70, 229, 0.08) !important;
  border: 1px solid rgba(79, 70, 229, 0.18) !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
}

.pricing-rule-card {
  background: #ffffff !important;
  border: 1px solid #e0e7ff !important;
  border-radius: 20px !important;
  padding: 24px 22px !important;
  height: 100% !important;
  box-shadow: 0 4px 18px -2px rgba(79, 70, 229, 0.04) !important;
  transition: all 0.25s ease !important;
  display: flex !important;
  flex-direction: column !important;
}

.pricing-rule-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 30px -4px rgba(79, 70, 229, 0.12) !important;
  border-color: #a5b4fc !important;
}

.pricing-rule-icon-purple {
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 19px !important;
  background: #f5f3ff !important;
  border: 1px solid rgba(79, 70, 229, 0.12) !important;
  color: #4f46e5 !important;
  flex-shrink: 0 !important;
  transition: all 0.2s ease !important;
}

.pricing-rule-card:hover .pricing-rule-icon-purple {
  background: #4f46e5 !important;
  color: #ffffff !important;
  border-color: #4f46e5 !important;
}

.pricing-rule-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 17.5px !important;
  font-weight: 800 !important;
  color: #1e1b4b !important;
  line-height: 1.4 !important;
}

.pricing-rule-desc {
  font-size: 14px !important;
  color: #475569 !important;
  line-height: 1.85 !important;
}

.badge-price-inline {
  display: inline-block !important;
  background: #f5f3ff !important;
  color: #4338ca !important;
  border: 1px solid #c7d2fe !important;
  padding: 1px 8px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}

.pricing-tier-main-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: #1e1b4b !important;
}

.pricing-software-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 23px !important;
  font-weight: 800 !important;
}

/* کارت‌های پلکان شارژ هدیه (Bonus Tier Pro Cards) */
.tier-card-pro {
  background: #ffffff !important;
  border: 1.5px solid #e0e7ff !important;
  border-radius: 18px !important;
  padding: 18px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  box-shadow: 0 4px 15px rgba(79, 70, 229, 0.04) !important;
  transition: all 0.25s ease !important;
  height: 100% !important;
}

.tier-card-pro:hover {
  transform: translateY(-3px) !important;
  border-color: #818cf8 !important;
  box-shadow: 0 10px 25px rgba(79, 70, 229, 0.1) !important;
}

.tier-card-pro__content {
  display: flex !important;
  flex-direction: column !important;
}

.tier-card-pro__label {
  font-size: 12.5px !important;
  color: #64748b !important;
  display: block !important;
  margin-bottom: 3px !important;
}

.tier-card-pro__amount {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #1e1b4b !important;
  margin-bottom: 0 !important;
}

.tier-card-pro__badge {
  background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  padding: 6px 14px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.28) !important;
}

.tier-card-pro__badge span {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

.tier-card-pro__badge small {
  font-size: 10px !important;
  opacity: 0.92 !important;
  margin-top: 1px !important;
}

/* ==========================================================================
   صفحه مستندات وب‌سرویس (Docs Page Pro Design) - تم اختصاصی توسعه‌دهندگان
   ========================================================================== */
.docs-hero {
  background: radial-gradient(circle at 50% 15%, rgba(99, 102, 241, 0.08) 0%, rgba(245, 243, 255, 0.6) 45%, #ffffff 100%) !important;
  border-bottom: 1px solid #e0e7ff !important;
  padding-top: 135px !important;
  padding-bottom: 35px !important;
  text-align: center !important;
  position: relative !important;
}

.docs-purple-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  background: rgba(79, 70, 229, 0.08) !important;
  border: 1px solid rgba(79, 70, 229, 0.2) !important;
  color: #4338ca !important;
  padding: 4px 14px !important;
  border-radius: 9999px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  margin-bottom: 12px !important;
}

.docs-title {
  font-family: 'Kalameh', sans-serif !important;
  color: #1e1b4b !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  margin-bottom: 10px !important;
  line-height: 1.35 !important;
}

.docs-subtitle {
  color: #64748b !important;
  font-size: 13.5px !important;
  max-width: 680px !important;
  margin: 0 auto !important;
  line-height: 1.8 !important;
}

.docs-quick-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

.docs-meta-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  background: #ffffff !important;
  border: 1px solid #e0e7ff !important;
  padding: 6px 14px !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 6px rgba(79, 70, 229, 0.03) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #334155 !important;
}

.docs-meta-code {
  font-family: 'Fira Code', Consolas, monospace !important;
  color: #4f46e5 !important;
  font-weight: 700 !important;
  background: #f5f3ff !important;
  padding: 2px 7px !important;
  border-radius: 5px !important;
  font-size: 12px !important;
  direction: ltr !important;
}

.btn-copy-meta {
  border: none !important;
  background: transparent !important;
  color: #64748b !important;
  cursor: pointer !important;
  padding: 2px 5px !important;
  font-size: 13px !important;
  transition: color 0.15s ease !important;
}

.btn-copy-meta:hover {
  color: #4f46e5 !important;
}

/* کارت‌های بخش‌های مختلف مستندات */
.docs-section-card {
  background: #ffffff !important;
  border: 1px solid #e0e7ff !important;
  border-radius: 18px !important;
  padding: 22px 24px !important;
  margin-bottom: 22px !important;
  box-shadow: 0 4px 18px -2px rgba(79, 70, 229, 0.04) !important;
}

.docs-section-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.docs-section-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #1e1b4b !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 0 !important;
}

.docs-section-title i {
  color: #4f46e5 !important;
  font-size: 17px !important;
}

.docs-badge-tag {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #475569 !important;
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  padding: 3px 10px !important;
  border-radius: 9999px !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* شبکه مراحل شروع سریع ۴ گانه */
.quickstart-steps-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 14px !important;
  margin-bottom: 18px !important;
}

.quickstart-step-item {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  transition: all 0.2s ease !important;
}

.quickstart-step-item:hover {
  border-color: #a5b4fc !important;
  background: #f5f3ff !important;
  transform: translateY(-2px) !important;
}

.quickstart-step-num {
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  background: #4f46e5 !important;
  color: #ffffff !important;
  font-family: 'Kalameh', sans-serif !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 10px !important;
}

.quickstart-step-text {
  font-size: 12.5px !important;
  color: #334155 !important;
  line-height: 1.65 !important;
  margin-bottom: 0 !important;
}

.quickstart-step-text a {
  color: #4f46e5 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

.docs-security-callout {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  background: #fffbeb !important;
  border: 1px solid #fde68a !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  color: #92400e !important;
  font-size: 12.5px !important;
  line-height: 1.7 !important;
}

.docs-security-callout i {
  font-size: 18px !important;
  color: #d97706 !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

/* بلوک کد تاریک استاندارد IDE */
.docs-code-container {
  position: relative !important;
  background: #0f172a !important;
  border: 1px solid #1e293b !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  margin-top: 10px !important;
  margin-bottom: 14px !important;
}

.docs-code-container-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 6px 14px !important;
  background: #1e293b !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  font-size: 11.5px !important;
  color: #94a3b8 !important;
}

.docs-code-pre {
  margin: 0 !important;
  padding: 14px 16px !important;
  background: transparent !important;
  color: #f8fafc !important;
  font-family: 'Fira Code', Consolas, Monaco, monospace !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
  direction: ltr !important;
  text-align: left !important;
  overflow-x: auto !important;
}

.btn-copy-code {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #e2e8f0 !important;
  padding: 3px 8px !important;
  border-radius: 5px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.btn-copy-code:hover {
  background: #4f46e5 !important;
  border-color: #4f46e5 !important;
  color: #ffffff !important;
}

/* سربرگ‌های دسته‌بندی وب‌سرویس‌ها */
.api-cat-nav-pro {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 7px !important;
  margin-bottom: 16px !important;
}

.api-cat-btn-pro {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 6px 14px !important;
  border-radius: 9999px !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
}

.api-cat-btn-pro:hover {
  border-color: #818cf8 !important;
  color: #4338ca !important;
  background: #f5f3ff !important;
}

.api-cat-btn-pro.is-active {
  background: #4f46e5 !important;
  border-color: #4f46e5 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.25) !important;
}

.api-cat-btn-pro .cat-counter {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  padding: 2px 6px !important;
  border-radius: 9999px !important;
  background: rgba(0, 0, 0, 0.06) !important;
}

.api-cat-btn-pro.is-active .cat-counter {
  background: rgba(255, 255, 255, 0.25) !important;
  color: #ffffff !important;
}

/* فیلد جستجوی زنده API */
.api-search-wrap-pro {
  position: relative !important;
  margin-bottom: 20px !important;
}

.api-search-wrap-pro input {
  width: 100% !important;
  padding: 10px 42px 10px 16px !important;
  border-radius: 12px !important;
  border: 1.5px solid #cbd5e1 !important;
  background: #ffffff !important;
  font-size: 13px !important;
  outline: none !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}

.api-search-wrap-pro input:focus {
  border-color: #4f46e5 !important;
  box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1) !important;
}

.api-search-wrap-pro i {
  position: absolute !important;
  right: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #6366f1 !important;
  font-size: 15px !important;
  pointer-events: none !important;
}

/* کارت هر متد وب‌سرویس */
.api-endpoint-card {
  border: 1.5px solid #e0e7ff !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  margin-bottom: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 3px 12px rgba(79, 70, 229, 0.03) !important;
  transition: all 0.2s ease !important;
}

.api-endpoint-card:hover {
  border-color: #a5b4fc !important;
  box-shadow: 0 8px 20px -4px rgba(79, 70, 229, 0.08) !important;
}

.api-endpoint-header {
  padding: 12px 18px !important;
  background: #f8fafc !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  border-bottom: 1px solid #e2e8f0 !important;
}

/* خنثی‌سازی کامل اثر کلاس row بوت‌استرپ در هدر متدها */
.api-endpoint-header .row,
.api-endpoint-header div[class*="row"] {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: 100% !important;
}

.api-endpoint-header .row > *,
.api-endpoint-header div[class*="row"] > * {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* حذف تعرفه و قیمت‌ها از مستندات طبق درخواست */
.api-endpoint-header > .badge,
.api-endpoint-header .badge-subtle,
.api-endpoint-header .badge-success {
  display: none !important;
}

.api-method-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  flex: 0 0 auto !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  letter-spacing: 0.5px !important;
  line-height: 1.2 !important;
}

.api-method-badge.post {
  background: #ecfdf5 !important;
  color: #059669 !important;
  border: 1px solid #a7f3d0 !important;
}

.api-method-badge.get {
  background: #f0f9ff !important;
  color: #0284c7 !important;
  border: 1px solid #bae6fd !important;
}

.api-endpoint-url {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  flex: 0 0 auto !important;
  font-family: 'Fira Code', Consolas, monospace !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #312e81 !important;
  background: #f5f3ff !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(79, 70, 229, 0.15) !important;
  direction: ltr !important;
  line-height: 1.4 !important;
}

.api-endpoint-header .bold,
.api-endpoint-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  width: auto !important;
  display: inline-block !important;
}

.api-endpoint-body {
  padding: 16px 20px !important;
}

.api-param-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 10px 0 !important;
  font-size: 12.5px !important;
}

.api-param-table th {
  text-align: right !important;
  padding: 8px 12px !important;
  background: #f8fafc !important;
  border-bottom: 2px solid #e2e8f0 !important;
  color: #1e1b4b !important;
  font-family: 'Kalameh', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
}

.api-param-table td {
  padding: 10px 12px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  vertical-align: middle !important;
  font-size: 12.5px !important;
}

.api-param-table code {
  font-family: 'Fira Code', Consolas, monospace !important;
  background: #f1f5f9 !important;
  color: #4338ca !important;
  padding: 2px 6px !important;
  border-radius: 5px !important;
  font-weight: 700 !important;
  font-size: 11.5px !important;
  direction: ltr !important;
  display: inline-block !important;
}

.api-code-snippet {
  position: relative !important;
  margin-top: 12px !important;
  background: #0f172a !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

.api-copy-mini-btn {
  position: absolute !important;
  top: 8px !important;
  right: 12px !important;
  left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 12px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  z-index: 5 !important;
}

.api-copy-mini-btn:hover {
  background: #4f46e5 !important;
  border-color: #4f46e5 !important;
  color: #ffffff !important;
}

.api-code-snippet pre {
  margin: 0 !important;
  padding: 14px 16px !important;
  padding-right: 90px !important;
  background: transparent !important;
  color: #f8fafc !important;
  font-family: 'Fira Code', Consolas, Monaco, monospace !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
  direction: ltr !important;
  text-align: left !important;
  overflow-x: auto !important;
}

/* جدول کدهای وضعیت HTTP حرفه‌ای با تایپوگرافی متناسب */
.docs-http-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  margin: 0 !important;
}

.docs-http-table th {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #475569 !important;
  background: #f8fafc !important;
  padding: 10px 16px !important;
  border-bottom: 2px solid #e2e8f0 !important;
  text-align: right !important;
}

.docs-http-table td {
  padding: 11px 16px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  vertical-align: middle !important;
}

.docs-http-badge {
  direction: ltr !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Fira Code', Consolas, monospace !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  padding: 3px 9px !important;
  border-radius: 6px !important;
  white-space: nowrap !important;
}

.docs-http-badge.status-200 { background: #ecfdf5 !important; color: #059669 !important; border: 1px solid #a7f3d0 !important; }
.docs-http-badge.status-401 { background: #fffbeb !important; color: #d97706 !important; border: 1px solid #fde68a !important; }
.docs-http-badge.status-402 { background: #fef2f2 !important; color: #dc2626 !important; border: 1px solid #fecaca !important; }
.docs-http-badge.status-403 { background: #fef2f2 !important; color: #dc2626 !important; border: 1px solid #fecaca !important; }
.docs-http-badge.status-422 { background: #fffbeb !important; color: #b45309 !important; border: 1px solid #fde68a !important; }
.docs-http-badge.status-429 { background: #f0f9ff !important; color: #0284c7 !important; border: 1px solid #bae6fd !important; }
.docs-http-badge.status-502 { background: #f8fafc !important; color: #64748b !important; border: 1px solid #cbd5e1 !important; }

.docs-err-code {
  font-family: 'Fira Code', Consolas, monospace !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #4f46e5 !important;
  background: #f5f3ff !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(79, 70, 229, 0.15) !important;
  direction: ltr !important;
  display: inline-block !important;
  margin: 2px 2px !important;
}

.docs-err-code.success {
  color: #059669 !important;
  background: #ecfdf5 !important;
  border-color: #a7f3d0 !important;
}

.docs-err-desc {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 12.5px !important;
  color: #475569 !important;
  line-height: 1.7 !important;
}

/* کلاس‌های کمکی اندازه فونت جهت جلوگیری از بزرگ شدن متون */
.fs-11 { font-size: 11px !important; }
.fs-12 { font-size: 12px !important; }
.fs-13 { font-size: 13px !important; }
.fs-14 { font-size: 14px !important; }
.fs-15 { font-size: 15px !important; }

/* ==========================================================================
   صفحه درباره ما (About Us) - استایل‌های اختصاصی سازمانی
   ========================================================================== */
.about-hero {
  background: radial-gradient(circle at 50% 15%, rgba(99, 102, 241, 0.08) 0%, rgba(245, 243, 255, 0.6) 45%, #ffffff 100%) !important;
  border-bottom: 1px solid #e0e7ff !important;
  padding-top: 135px !important;
  padding-bottom: 45px !important;
  text-align: center !important;
  position: relative !important;
}

.about-purple-badge,
.contact-purple-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  background: rgba(79, 70, 229, 0.08) !important;
  border: 1px solid rgba(79, 70, 229, 0.2) !important;
  color: #4338ca !important;
  padding: 4px 14px !important;
  border-radius: 9999px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  margin-bottom: 12px !important;
}

.about-title,
.contact-title {
  font-family: 'Kalameh', sans-serif !important;
  color: #1e1b4b !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  margin-bottom: 10px !important;
  line-height: 1.35 !important;
}

.about-subtitle,
.contact-subtitle {
  color: #64748b !important;
  font-size: 13.5px !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  line-height: 1.8 !important;
}

.about-stats-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  gap: 14px !important;
  margin-top: 26px !important;
}

.about-stat-card {
  background: #ffffff !important;
  border: 1px solid #e0e7ff !important;
  border-radius: 16px !important;
  padding: 16px 20px !important;
  box-shadow: 0 4px 14px -2px rgba(79, 70, 229, 0.04) !important;
  transition: all 0.2s ease !important;
}

.about-stat-card:hover {
  transform: translateY(-2px) !important;
  border-color: #818cf8 !important;
}

.about-stat-number {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #4f46e5 !important;
  line-height: 1.2 !important;
  margin-bottom: 4px !important;
  direction: ltr !important;
}

.about-stat-number small {
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-inline-start: 2px !important;
}

.about-stat-label {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 12.5px !important;
  color: #475569 !important;
  font-weight: 600 !important;
}

.about-content-card {
  background: #ffffff !important;
  border: 1px solid #e0e7ff !important;
  border-radius: 18px !important;
  padding: 28px 30px !important;
  box-shadow: 0 4px 18px -2px rgba(79, 70, 229, 0.04) !important;
}

.badge-subtle-purple {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #f5f3ff !important;
  border: 1px solid #ddd6fe !important;
  color: #4338ca !important;
  padding: 3px 10px !important;
  border-radius: 9999px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
}

.about-section-heading {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #1e1b4b !important;
  margin-bottom: 14px !important;
}

.about-text {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.85 !important;
  color: #475569 !important;
  margin-bottom: 14px !important;
}

.about-highlights-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

.about-highlight-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  font-size: 13px !important;
  color: #334155 !important;
  line-height: 1.7 !important;
}

.about-highlight-item i {
  font-size: 16px !important;
  margin-top: 3px !important;
  flex-shrink: 0 !important;
}

.about-feature-box {
  background: linear-gradient(145deg, #1e1b4b 0%, #312e81 100%) !important;
  border-radius: 20px !important;
  padding: 26px 28px !important;
  color: #ffffff !important;
  box-shadow: 0 10px 25px -4px rgba(30, 27, 75, 0.25) !important;
}

.about-feature-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding-bottom: 16px !important;
  margin-bottom: 18px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.feature-icon-badge {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #a5b4fc !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  flex-shrink: 0 !important;
}

.about-specs-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.about-specs-list li {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  font-size: 12.5px !important;
}

.about-specs-list li span {
  color: #cbd5e1 !important;
}

.about-specs-list li strong {
  color: #ffffff !important;
  font-weight: 700 !important;
}

.about-box-footer {
  margin-top: 18px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  font-size: 12px !important;
  color: #a5b4fc !important;
  display: flex !important;
  align-items: center !important;
}

.about-value-card {
  background: #ffffff !important;
  border: 1px solid #e0e7ff !important;
  border-radius: 16px !important;
  padding: 24px 20px !important;
  height: 100% !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 4px 14px -2px rgba(79, 70, 229, 0.03) !important;
}

.about-value-card:hover {
  transform: translateY(-4px) !important;
  border-color: #818cf8 !important;
  box-shadow: 0 10px 25px -4px rgba(79, 70, 229, 0.08) !important;
}

.value-icon-wrap {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: #f5f3ff !important;
  border: 1px solid #ddd6fe !important;
  color: #4f46e5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  margin-bottom: 14px !important;
}

.value-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #1e1b4b !important;
  margin-bottom: 8px !important;
}

.value-desc {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 12.5px !important;
  color: #64748b !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
}

.about-cta-card {
  background: linear-gradient(135deg, #312e81 0%, #4338ca 50%, #4f46e5 100%) !important;
  border-radius: 20px !important;
  padding: 32px 36px !important;
  box-shadow: 0 10px 30px -4px rgba(79, 70, 229, 0.25) !important;
}

/* ==========================================================================
   صفحه تماس با ما (Contact Us) - استایل‌های اختصاصی و مدرن
   ========================================================================== */
.contact-hero {
  background: radial-gradient(circle at 50% 15%, rgba(99, 102, 241, 0.08) 0%, rgba(245, 243, 255, 0.6) 45%, #ffffff 100%) !important;
  border-bottom: 1px solid #e0e7ff !important;
  padding-top: 165px !important; /* فاصله کاملاً آزاد و استاندارد از هدر شناور */
  padding-bottom: 50px !important;
  text-align: center !important;
  position: relative !important;
}

.contact-purple-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 16px !important;
  background: #ede9fe !important;
  border: 1px solid #ddd6fe !important;
  border-radius: 999px !important;
  color: #5b21b6 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin-bottom: 16px !important;
}

.contact-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  color: #1e1b4b !important;
  margin-bottom: 12px !important;
}

.contact-subtitle {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 15px !important;
  color: #64748b !important;
  line-height: 1.8 !important;
  max-width: 760px !important;
  margin: 0 auto 32px !important;
}

/* شبکه کارت‌های ۴گانه بالای صفحه تماس */
.contact-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
  gap: 20px !important;
  text-align: right !important;
}

.contact-card-premium {
  background: #ffffff !important;
  border: 1px solid #e0e7ff !important;
  border-radius: 18px !important;
  padding: 24px 22px !important;
  box-shadow: 0 4px 20px -2px rgba(79, 70, 229, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: all 0.25s ease !important;
}

.contact-card-premium:hover {
  transform: translateY(-4px) !important;
  border-color: #818cf8 !important;
  box-shadow: 0 14px 30px -4px rgba(79, 70, 229, 0.12) !important;
}

.card-top-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
}

.card-icon-box {
  width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  background: #ede9fe !important;
  border: 1px solid #ddd6fe !important;
  color: #4f46e5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
}

.card-badge-pill {
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
}

.card-badge-pill.green {
  background: #ecfdf5 !important;
  color: #059669 !important;
  border: 1px solid #a7f3d0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.pulse-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.3) !important;
}

.card-main-content {
  margin-bottom: 16px !important;
}

.card-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 16.5px !important;
  font-weight: 800 !important;
  color: #1e1b4b !important;
  margin-bottom: 6px !important;
}

.card-desc {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 12.5px !important;
  color: #64748b !important;
  line-height: 1.65 !important;
  margin-bottom: 0 !important;
}

.card-desc.address-text {
  color: #334155 !important;
  font-weight: 600 !important;
  line-height: 1.7 !important;
}

.card-actions-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.contact-num-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 9px 14px !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #1e293b !important;
  font-family: 'Fira Code', Consolas, monospace !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.contact-num-chip:hover {
  background: #ede9fe !important;
  border-color: #c7d2fe !important;
  color: #4f46e5 !important;
}

.contact-num-chip.highlight {
  background: #eef2ff !important;
  border-color: #c7d2fe !important;
  color: #4338ca !important;
}

.btn-copy-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 9px 14px !important;
  border-radius: 10px !important;
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  color: #334155 !important;
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  width: 100% !important;
}

.btn-copy-chip:hover {
  background: #4f46e5 !important;
  color: #ffffff !important;
  border-color: #4f46e5 !important;
}

.contact-email-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 9px 14px !important;
  border-radius: 10px !important;
  background: #f5f3ff !important;
  border: 1px solid #ddd6fe !important;
  color: #4f46e5 !important;
  font-family: 'Fira Code', Consolas, monospace !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.contact-email-chip:hover {
  background: #ede9fe !important;
  border-color: #c7d2fe !important;
}

.contact-status-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  color: #166534 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
}

/* کانتینر فرم تماس */
.contact-form-container {
  background: #ffffff !important;
  border: 1px solid #e0e7ff !important;
  border-radius: 20px !important;
  padding: 30px 32px !important;
  box-shadow: 0 4px 20px -2px rgba(79, 70, 229, 0.04) !important;
}

.form-header-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 12px !important;
  border-radius: 9999px !important;
  background: #f5f3ff !important;
  border: 1px solid #ddd6fe !important;
  color: #4338ca !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
}

.contact-form-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #1e1b4b !important;
  margin-bottom: 6px !important;
}

.contact-form-subtitle {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 13px !important;
  color: #64748b !important;
  line-height: 1.7 !important;
  margin-bottom: 22px !important;
}

.contact-field-group {
  margin-bottom: 4px !important;
}

.contact-field-label {
  display: block !important;
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #334155 !important;
  margin-bottom: 6px !important;
}

.input-with-icon {
  position: relative !important;
}

.input-with-icon i {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #94a3b8 !important;
  font-size: 14px !important;
  pointer-events: none !important;
}

.contact-input,
.contact-select {
  width: 100% !important;
  padding: 10px 38px 10px 14px !important;
  border-radius: 12px !important;
  border: 1.5px solid #cbd5e1 !important;
  background: #ffffff !important;
  font-size: 13px !important;
  outline: none !important;
  transition: all 0.2s ease !important;
  color: #1e293b !important;
}

.contact-input:focus,
.contact-select:focus,
.contact-textarea:focus {
  border-color: #4f46e5 !important;
  box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.12) !important;
}

.contact-textarea {
  width: 100% !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
  border: 1.5px solid #cbd5e1 !important;
  background: #ffffff !important;
  font-size: 13px !important;
  outline: none !important;
  transition: all 0.2s ease !important;
  color: #1e293b !important;
  resize: vertical !important;
}

.btn-submit-contact {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 12px 24px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%) !important;
  color: #ffffff !important;
  border: none !important;
  font-family: 'Kalameh', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 6px 18px rgba(79, 70, 229, 0.25) !important;
  transition: all 0.2s ease !important;
}

.btn-submit-contact:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(79, 70, 229, 0.35) !important;
  background: linear-gradient(135deg, #4338ca 0%, #3730a3 100%) !important;
}

/* پنل اطلاعات سمت چپ (طراحی روشن، هماهنگ و شیک) */
.contact-info-panel {
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

.office-location-box {
  background: #ffffff !important;
  border: 1px solid #e0e7ff !important;
  border-radius: 20px !important;
  padding: 24px 26px !important;
  box-shadow: 0 4px 20px -2px rgba(79, 70, 229, 0.04) !important;
}

.office-box-header {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin-bottom: 16px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.office-icon-wrap {
  width: 46px !important;
  height: 46px !important;
  border-radius: 12px !important;
  background: #ede9fe !important;
  color: #4f46e5 !important;
  border: 1px solid #ddd6fe !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  flex-shrink: 0 !important;
}

.office-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #1e1b4b !important;
  margin-bottom: 2px !important;
}

.office-subtitle {
  font-size: 12px !important;
  color: #64748b !important;
  margin-bottom: 0 !important;
}

.office-address-details {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.address-line-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 13px !important;
  color: #334155 !important;
}

.address-line-row i {
  color: #4f46e5 !important;
  font-size: 15px !important;
  width: 18px !important;
  text-align: center !important;
}

.contact-quick-notes {
  background: #ffffff !important;
  border: 1px solid #e0e7ff !important;
  border-radius: 20px !important;
  padding: 24px 26px !important;
  box-shadow: 0 4px 20px -2px rgba(79, 70, 229, 0.04) !important;
}

.quick-notes-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #1e1b4b !important;
  margin-bottom: 18px !important;
}

.quick-note-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

.quick-note-item:last-child {
  margin-bottom: 0 !important;
}

.note-bullet {
  width: 24px !important;
  height: 24px !important;
  border-radius: 8px !important;
  background: #ecfdf5 !important;
  color: #059669 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.quick-note-item h6 {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #1e1b4b !important;
  margin-bottom: 4px !important;
}

.quick-note-item p {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 12px !important;
  color: #64748b !important;
  line-height: 1.65 !important;
  margin-bottom: 0 !important;
}

/* --------------------------------------------------------------------------
   صفحه قوانین و مقررات (Terms & Conditions)
   -------------------------------------------------------------------------- */
.terms-hero {
  background: linear-gradient(180deg, #f5f3ff 0%, #ffffff 100%) !important;
  padding-top: 135px !important; /* فاصله کافی از هدر شناور */
  padding-bottom: 45px !important;
  border-bottom: 1px solid #e0e7ff !important;
  text-align: right !important;
  position: relative !important;
}

.terms-purple-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 16px !important;
  background: #ede9fe !important;
  border: 1px solid #ddd6fe !important;
  border-radius: 999px !important;
  color: #5b21b6 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin-bottom: 16px !important;
}

.terms-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  color: #1e1b4b !important;
  line-height: 1.4 !important;
  margin-bottom: 14px !important;
}

.terms-subtitle {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 15px !important;
  color: #475569 !important;
  line-height: 1.85 !important;
  max-width: 860px !important;
  margin-bottom: 24px !important;
}

.terms-meta-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 16px !important;
  padding-top: 18px !important;
  border-top: 1px dashed #cbd5e1 !important;
}

.terms-meta-strip .meta-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  color: #475569 !important;
}

.terms-meta-strip .meta-item i {
  color: #4f46e5 !important;
}

.terms-meta-strip .meta-item strong {
  color: #1e1b4b !important;
}

.btn-print-terms {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #334155 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.btn-print-terms:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border-color: #94a3b8 !important;
}

/* باکس اخطار و پذیرش */
.terms-alert-notice {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  background: #eef2ff !important;
  border: 1px solid #c7d2fe !important;
  border-right: 5px solid #4f46e5 !important;
  border-radius: 14px !important;
  padding: 18px 22px !important;
  margin-bottom: 15px !important;
}

.terms-alert-notice .alert-icon {
  font-size: 26px !important;
  color: #4f46e5 !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.terms-alert-notice .alert-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1e1b4b !important;
  margin-bottom: 6px !important;
}

.terms-alert-notice .alert-text {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 13.5px !important;
  color: #334155 !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
}

/* سایدبار استیکی */
.terms-sidebar-sticky {
  position: sticky !important;
  top: 95px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

.terms-toc-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 18px !important;
  padding: 20px !important;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05) !important;
}

.terms-toc-card .toc-header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: 'Kalameh', sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #1e1b4b !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  margin-bottom: 12px !important;
}

.terms-toc-card .toc-header i {
  color: #4f46e5 !important;
}

.terms-toc-card .toc-nav {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.terms-toc-card .toc-link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}

.terms-toc-card .toc-link .toc-num {
  width: 22px !important;
  height: 22px !important;
  border-radius: 6px !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: all 0.2s ease !important;
}

.terms-toc-card .toc-link:hover {
  background: #f8fafc !important;
  color: #4f46e5 !important;
}

.terms-toc-card .toc-link:hover .toc-num {
  background: #ede9fe !important;
  color: #4f46e5 !important;
}

.terms-toc-card .toc-link.active {
  background: #ede9fe !important;
  color: #4f46e5 !important;
  font-weight: 700 !important;
}

.terms-toc-card .toc-link.active .toc-num {
  background: #4f46e5 !important;
  color: #ffffff !important;
}

.terms-sidebar-support {
  background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%) !important;
  border-radius: 18px !important;
  padding: 22px !important;
  color: #ffffff !important;
  text-align: center !important;
}

.terms-sidebar-support .support-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 12px !important;
  font-size: 20px !important;
  color: #a5b4fc !important;
}

.terms-sidebar-support h6 {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 6px !important;
  color: #ffffff !important;
}

.terms-sidebar-support p {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 11.5px !important;
  color: #cbd5e1 !important;
  line-height: 1.6 !important;
  margin-bottom: 14px !important;
}

.sidebar-phone-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #4f46e5 !important;
  color: #ffffff !important;
  padding: 9px 14px !important;
  border-radius: 10px !important;
  font-family: 'Fira Code', Consolas, monospace !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.sidebar-phone-btn:hover {
  background: #4338ca !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

/* کارت‌های فصول قوانین */
.terms-articles-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

.terms-section-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  padding: 32px 30px !important;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.04) !important;
  position: relative !important;
  scroll-margin-top: 110px !important;
}

.section-badge-index {
  position: absolute !important;
  top: 24px !important;
  left: 28px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  color: #6366f1 !important;
  background: #eef2ff !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  border: 1px solid #e0e7ff !important;
}

.terms-section-card .section-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #1e1b4b !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.terms-section-card .section-intro {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 14.5px !important;
  color: #475569 !important;
  line-height: 1.8 !important;
  margin-bottom: 18px !important;
}

.terms-body p {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 14px !important;
  color: #334155 !important;
  line-height: 1.85 !important;
  margin-bottom: 14px !important;
}

/* شبکه تعاریف */
.terms-def-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
}

.terms-def-grid .def-item {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.terms-def-grid .def-term {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #4f46e5 !important;
}

.terms-def-grid .def-desc {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 13.5px !important;
  color: #475569 !important;
  line-height: 1.75 !important;
}

/* لیست چک مارک */
.terms-check-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 16px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.terms-check-list li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  background: #fafafa !important;
  border: 1px solid #f1f5f9 !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  font-size: 13.5px !important;
  line-height: 1.8 !important;
  color: #334155 !important;
}

.terms-check-list li > i {
  color: #10b981 !important;
  font-size: 15px !important;
  margin-top: 4px !important;
  flex-shrink: 0 !important;
}

/* باکس ممنوعیت‌ها */
.terms-danger-box {
  background: #fff1f2 !important;
  border: 1px solid #fecdd3 !important;
  border-radius: 14px !important;
  padding: 20px !important;
  margin: 16px 0 !important;
}

.terms-danger-box h6 {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #be123c !important;
  margin-bottom: 12px !important;
}

.danger-pill {
  background: #ffffff !important;
  border: 1px solid #fda4af !important;
  border-radius: 10px !important;
  padding: 9px 12px !important;
  font-size: 12.5px !important;
  color: #9f1239 !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: 100% !important;
}

.danger-pill i {
  color: #e11d48 !important;
  font-size: 14px !important;
  flex-shrink: 0 !important;
}

/* ساعات ترافیک */
.terms-subhead {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1e1b4b !important;
  margin-bottom: 12px !important;
}

.terms-time-cards {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 16px !important;
}

.time-card {
  border-radius: 14px !important;
  padding: 18px !important;
  border: 1px solid #e2e8f0 !important;
  background: #f8fafc !important;
  position: relative !important;
}

.time-card.service {
  border-color: #c7d2fe !important;
  background: #eef2ff !important;
}

.time-card.promo {
  border-color: #fed7aa !important;
  background: #fff7ed !important;
}

.time-badge {
  display: inline-block !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
}

.time-card.service .time-badge {
  background: #4f46e5 !important;
  color: #ffffff !important;
}

.time-card.promo .time-badge {
  background: #ea580c !important;
  color: #ffffff !important;
}

.time-card h6 {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1e1b4b !important;
  margin-bottom: 6px !important;
}

.time-card p {
  font-size: 12.5px !important;
  color: #475569 !important;
  line-height: 1.75 !important;
  margin-bottom: 0 !important;
}

/* ویژگی‌های مالی */
.terms-feature-boxes {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 14px !important;
}

.feature-box {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
}

.feature-box .f-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  flex-shrink: 0 !important;
}

.feature-box h6 {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #1e1b4b !important;
  margin-bottom: 4px !important;
}

.feature-box p {
  font-size: 13px !important;
  color: #475569 !important;
  line-height: 1.75 !important;
  margin-bottom: 0 !important;
}

/* باکس راهنمایی و تماس پایین صفحه قوانین (طراحی روشن و هماهنگ) */
.terms-help-card {
  background: #ffffff !important;
  border: 1px solid #e0e7ff !important;
  border-radius: 20px !important;
  padding: 28px 30px !important;
  box-shadow: 0 10px 30px -5px rgba(79, 70, 229, 0.06) !important;
  position: relative !important;
}

.terms-help-header {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
}

.terms-help-icon {
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
  background: #ede9fe !important;
  border: 1px solid #ddd6fe !important;
  color: #4f46e5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
  flex-shrink: 0 !important;
}

.terms-help-title-wrap {
  flex: 1 1 300px !important;
}

.terms-help-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #1e1b4b !important;
  margin-bottom: 4px !important;
}

.terms-help-desc {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 13.5px !important;
  color: #64748b !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
}

.terms-help-actions {
  flex-shrink: 0 !important;
}

.btn-terms-contact {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #4f46e5 !important;
  color: #ffffff !important;
  padding: 10px 22px !important;
  border-radius: 12px !important;
  font-family: 'Kalameh', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(79, 70, 229, 0.25) !important;
  transition: all 0.2s ease !important;
}

.btn-terms-contact:hover {
  background: #4338ca !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(79, 70, 229, 0.35) !important;
}

.terms-help-details {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px 24px !important;
  margin-top: 20px !important;
  padding-top: 18px !important;
  border-top: 1px dashed #e2e8f0 !important;
}

.terms-detail-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  color: #475569 !important;
}

.terms-detail-item i {
  color: #4f46e5 !important;
  font-size: 14px !important;
}

.terms-detail-item a {
  color: #1e1b4b !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  font-family: 'Fira Code', Consolas, monospace !important;
  transition: color 0.2s ease !important;
}

.terms-detail-item a:hover {
  color: #4f46e5 !important;
}

.terms-detail-item .sep {
  color: #cbd5e1 !important;
  margin: 0 2px !important;
}

/* استایل پرینت */
@media print {
  .header-two,
  .footer-area,
  .terms-sidebar-sticky,
  .privacy-sidebar-sticky,
  .print-meta-item,
  .terms-alert-notice,
  .privacy-alert-notice,
  .btn-print-terms,
  .btn-print-privacy {
    display: none !important;
  }
  .terms-hero,
  .privacy-hero {
    padding-top: 20px !important;
    background: transparent !important;
  }
  .terms-section-card,
  .privacy-section-card {
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    page-break-inside: avoid !important;
  }
}

/* --------------------------------------------------------------------------
   صفحه حریم خصوصی (Privacy Policy)
   -------------------------------------------------------------------------- */
.privacy-hero {
  background: linear-gradient(180deg, #f5f3ff 0%, #ffffff 100%) !important;
  padding-top: 155px !important;
  padding-bottom: 45px !important;
  border-bottom: 1px solid #e0e7ff !important;
  text-align: right !important;
  position: relative !important;
}

.privacy-purple-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 16px !important;
  background: #ede9fe !important;
  border: 1px solid #ddd6fe !important;
  border-radius: 999px !important;
  color: #5b21b6 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin-bottom: 16px !important;
}

.privacy-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  color: #1e1b4b !important;
  line-height: 1.4 !important;
  margin-bottom: 14px !important;
}

.privacy-subtitle {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 15px !important;
  color: #475569 !important;
  line-height: 1.85 !important;
  max-width: 860px !important;
  margin-bottom: 24px !important;
}

.privacy-meta-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 16px !important;
  padding-top: 18px !important;
  border-top: 1px dashed #cbd5e1 !important;
}

.privacy-meta-strip .meta-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  color: #475569 !important;
}

.privacy-meta-strip .meta-item i {
  color: #4f46e5 !important;
}

.privacy-meta-strip .meta-item strong {
  color: #1e1b4b !important;
}

.btn-print-privacy {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #334155 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.btn-print-privacy:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  border-color: #94a3b8 !important;
}

.privacy-alert-notice {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  background: #ecfdf5 !important;
  border: 1px solid #a7f3d0 !important;
  border-right: 5px solid #10b981 !important;
  border-radius: 14px !important;
  padding: 18px 22px !important;
  margin-bottom: 15px !important;
}

.privacy-alert-notice .alert-icon {
  font-size: 26px !important;
  color: #059669 !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.privacy-alert-notice .alert-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #065f46 !important;
  margin-bottom: 6px !important;
}

.privacy-alert-notice .alert-text {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 13.5px !important;
  color: #166534 !important;
  line-height: 1.8 !important;
  margin-bottom: 0 !important;
}

.privacy-sidebar-sticky {
  position: sticky !important;
  top: 95px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
}

.privacy-toc-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 18px !important;
  padding: 20px !important;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05) !important;
}

.privacy-toc-card .toc-header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-family: 'Kalameh', sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #1e1b4b !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  margin-bottom: 12px !important;
}

.privacy-toc-card .toc-header i {
  color: #4f46e5 !important;
}

.privacy-toc-card .toc-nav {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.privacy-toc-card .toc-link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
}

.privacy-toc-card .toc-link .toc-num {
  width: 22px !important;
  height: 22px !important;
  border-radius: 6px !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: all 0.2s ease !important;
}

.privacy-toc-card .toc-link:hover {
  background: #f8fafc !important;
  color: #4f46e5 !important;
}

.privacy-toc-card .toc-link:hover .toc-num {
  background: #ede9fe !important;
  color: #4f46e5 !important;
}

.privacy-toc-card .toc-link.active {
  background: #ede9fe !important;
  color: #4f46e5 !important;
  font-weight: 700 !important;
}

.privacy-toc-card .toc-link.active .toc-num {
  background: #4f46e5 !important;
  color: #ffffff !important;
}

.privacy-sidebar-support {
  background: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%) !important;
  border-radius: 18px !important;
  padding: 22px !important;
  color: #ffffff !important;
  text-align: center !important;
}

.privacy-sidebar-support .support-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 12px !important;
  font-size: 20px !important;
  color: #a5b4fc !important;
}

.privacy-sidebar-support h6 {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-bottom: 6px !important;
  color: #ffffff !important;
}

.privacy-sidebar-support p {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 11.5px !important;
  color: #cbd5e1 !important;
  line-height: 1.6 !important;
  margin-bottom: 14px !important;
}

.sidebar-email-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #4f46e5 !important;
  color: #ffffff !important;
  padding: 9px 14px !important;
  border-radius: 10px !important;
  font-family: 'Fira Code', Consolas, monospace !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.sidebar-email-btn:hover {
  background: #4338ca !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

.privacy-articles-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

.privacy-section-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  padding: 32px 30px !important;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.04) !important;
  position: relative !important;
  scroll-margin-top: 110px !important;
}

.privacy-section-card .section-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #1e1b4b !important;
  margin-bottom: 16px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.privacy-body p {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 14px !important;
  color: #334155 !important;
  line-height: 1.85 !important;
  margin-bottom: 14px !important;
}

.privacy-feature-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 14px !important;
}

.privacy-feature-grid .feature-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
}

.privacy-feature-grid .f-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  color: #4f46e5 !important;
  flex-shrink: 0 !important;
}

.privacy-feature-grid .feature-item h6 {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #1e1b4b !important;
  margin-bottom: 4px !important;
}

.privacy-feature-grid .feature-item p {
  font-size: 13px !important;
  color: #475569 !important;
  line-height: 1.75 !important;
  margin-bottom: 0 !important;
}

.privacy-check-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 16px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.privacy-check-list li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  background: #fafafa !important;
  border: 1px solid #f1f5f9 !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  font-size: 13.5px !important;
  line-height: 1.8 !important;
  color: #334155 !important;
}

.privacy-check-list li > i {
  color: #10b981 !important;
  font-size: 15px !important;
  margin-top: 4px !important;
  flex-shrink: 0 !important;
}

.privacy-note-card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  background: #fff1f2 !important;
  border: 1px solid #fecdd3 !important;
  border-radius: 14px !important;
  padding: 18px 20px !important;
  margin: 14px 0 !important;
}

.privacy-note-card .note-icon {
  font-size: 22px !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

/* ==========================================================================
   صفحه خدمات و صفحات تکی خدمات (Services & Service Pages) - بازطراحی اختصاصی
   ========================================================================== */

/* هدر صفحه خدمات و خدمات تکی - فاصله حیاتی از نوبار ثابت */
.services-hero,
.service-hero {
  padding-top: 160px !important;
  padding-bottom: 50px !important;
  background: radial-gradient(circle at 50% 0%, rgba(99, 102, 241, 0.08) 0%, rgba(248, 250, 252, 0.95) 60%, #ffffff 100%) !important;
  border-bottom: 1px solid #e2e8f0 !important;
  position: relative !important;
}

/* بردکرامپ مدرن */
.breadcrumb-saas {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 9999px !important;
  padding: 6px 18px !important;
  font-size: 13px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
}

.breadcrumb-saas .breadcrumb-link {
  color: #64748b !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.breadcrumb-saas .breadcrumb-link:hover {
  color: #4f46e5 !important;
}

.breadcrumb-saas .breadcrumb-separator {
  color: #cbd5e1 !important;
}

.breadcrumb-saas .breadcrumb-current {
  color: #4f46e5 !important;
  font-weight: 700 !important;
}

/* بج هدیه نقدی در هیرو */
.services-hero-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.08) 0%, rgba(139, 92, 246, 0.12) 100%) !important;
  border: 1px solid rgba(99, 102, 241, 0.25) !important;
  border-radius: 9999px !important;
  padding: 6px 18px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #4338ca !important;
}

.services-hero-badge .badge-icon {
  color: #ef4444 !important;
  font-size: 14px !important;
}

/* تایپوگرافی هیرو */
.services-hero-title,
.service-hero-title {
  font-family: 'Kalameh', sans-serif !important;
  font-weight: 900 !important;
  font-size: 34px !important;
  color: #0f172a !important;
  line-height: 1.3 !important;
}

.services-hero-lead,
.service-hero-lead {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 16px !important;
  color: #64748b !important;
  line-height: 1.85 !important;
  max-width: 820px !important;
}

/* تب‌های دسته‌بندی و فیلتر خدمات */
.services-filter-tabs .service-tab-btn {
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #475569 !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  padding: 7px 18px !important;
  border-radius: 9999px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
}

.services-filter-tabs .service-tab-btn:hover {
  border-color: #a5b4fc !important;
  color: #4f46e5 !important;
  background: #f5f3ff !important;
}

.services-filter-tabs .service-tab-btn.active {
  background: #4f46e5 !important;
  color: #ffffff !important;
  border-color: #4f46e5 !important;
  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.25) !important;
}

/* کارت خدمت بازطراحی‌شده - فوق‌العاده شیک و خوانا */
.service-card-modern {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  padding: 24px 22px !important;
  transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.03) !important;
  height: 100% !important;
}

.service-card-modern:hover {
  transform: translateY(-6px) !important;
  border-color: #818cf8 !important;
  box-shadow: 0 16px 32px -6px rgba(79, 70, 229, 0.15) !important;
}

.service-card-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 18px !important;
}

.service-icon-wrapper {
  width: 54px !important;
  height: 54px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #ede9fe 0%, #e0e7ff 100%) !important;
  color: #4f46e5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(99, 102, 241, 0.15) !important;
  transition: all 0.25s ease !important;
}

.service-card-modern:hover .service-icon-wrapper {
  background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%) !important;
  color: #ffffff !important;
  transform: scale(1.06) rotate(-3deg) !important;
}

.service-icon-wrapper svg {
  width: 26px !important;
  height: 26px !important;
}

.service-badge-pill {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 9999px !important;
  padding: 4px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.service-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2) !important;
}

.service-badge-text {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #334155 !important;
}

.service-card-title {
  font-family: 'Kalameh', sans-serif !important;
  font-weight: 800 !important;
  font-size: 18px !important;
  color: #0f172a !important;
  margin-bottom: 8px !important;
  transition: color 0.2s ease !important;
}

.service-card-modern:hover .service-card-title {
  color: #4f46e5 !important;
}

.service-card-desc {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 13.5px !important;
  color: #64748b !important;
  line-height: 1.75 !important;
  margin-bottom: 16px !important;
  flex-grow: 1 !important;
}

.service-card-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 14px !important;
  border-top: 1px solid #f1f5f9 !important;
  margin-top: auto !important;
}

.service-foot-label {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #6366f1 !important;
}

.service-foot-arrow {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #f5f3ff !important;
  color: #4f46e5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  transition: all 0.2s ease !important;
}

.service-card-modern:hover .service-foot-arrow {
  background: #4f46e5 !important;
  color: #ffffff !important;
  transform: translateX(-4px) !important;
}

/* ستون‌های مزایای زیرساختی */
.pillar-card {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 18px !important;
  padding: 24px 20px !important;
  text-align: center !important;
  transition: all 0.25s ease !important;
  height: 100% !important;
}

.pillar-card:hover {
  background: #ffffff !important;
  border-color: #818cf8 !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 24px rgba(79, 70, 229, 0.08) !important;
}

.pillar-icon-box {
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #ede9fe 0%, #e0e7ff 100%) !important;
  color: #4f46e5 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
  margin-bottom: 14px !important;
}

.pillar-title {
  font-family: 'Kalameh', sans-serif !important;
  font-weight: 800 !important;
  font-size: 16.5px !important;
  color: #0f172a !important;
  margin-bottom: 8px !important;
}

.pillar-desc {
  font-size: 13px !important;
  color: #64748b !important;
  line-height: 1.75 !important;
  margin: 0 !important;
}

/* ۳ گام شروع سریع */
.services-steps-box {
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%) !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 24px !important;
  padding: 36px 32px !important;
}

.step-card-mini {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 20px !important;
  height: 100% !important;
  position: relative !important;
}

.step-num {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  color: #4f46e5 !important;
  opacity: 0.85 !important;
  margin-bottom: 8px !important;
}

.step-title {
  font-family: 'Kalameh', sans-serif !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  color: #0f172a !important;
  margin-bottom: 6px !important;
}

.step-desc {
  font-size: 12.5px !important;
  color: #64748b !important;
  line-height: 1.7 !important;
  margin: 0 !important;
}

/* ==========================================================================
   استایل‌های اختصاصی صفحه تکی هر خدمت (Single Service Page Redesign)
   ========================================================================== */

.service-hero,
.service-body-section,
.service-feature-card,
.service-block-header,
.service-api-box,
.service-faq-item,
.service-side-card,
.service-sidebar {
  letter-spacing: normal !important;
  word-spacing: normal !important;
  direction: rtl !important;
  text-align: right !important;
}

.service-feature-card *,
.service-block-header *,
.service-hero-main * {
  letter-spacing: normal !important;
}

/* بخش هدر خدمت (Hero) */
.service-hero {
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%) !important;
  border-bottom: 1px solid #edf2f7 !important;
  padding-top: 140px !important;
  padding-bottom: 45px !important;
  position: relative !important;
}

.breadcrumb-saas {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  padding: 6px 16px !important;
  border-radius: 9999px !important;
  font-size: 13px !important;
  color: #64748b !important;
  direction: rtl !important;
  margin-bottom: 24px !important;
}

.breadcrumb-saas .breadcrumb-link {
  color: #64748b !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.breadcrumb-saas .breadcrumb-link:hover {
  color: #4f46e5 !important;
}

.breadcrumb-saas .breadcrumb-separator {
  color: #94a3b8 !important;
  font-size: 11px !important;
}

.breadcrumb-saas .breadcrumb-current {
  color: #0f172a !important;
  font-weight: 700 !important;
}

.service-hero-main {
  direction: rtl !important;
  text-align: right !important;
}

.service-hero-main .row {
  direction: rtl !important;
  text-align: right !important;
  justify-content: flex-start !important;
}

.service-hero-icon-box {
  width: 68px !important;
  height: 68px !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%) !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 10px 24px -4px rgba(79, 70, 229, 0.35) !important;
  flex-shrink: 0 !important;
}

.service-hero-icon-box svg {
  width: 34px !important;
  height: 34px !important;
  stroke: #ffffff !important;
}

.service-hero-title {
  font-family: 'Kalameh', sans-serif !important;
  font-weight: 800 !important;
  font-size: 28px !important;
  color: #0f172a !important;
  line-height: 1.35 !important;
  margin: 0 0 6px 0 !important;
  text-align: right !important;
  direction: rtl !important;
}

.service-hero-lead {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 14.5px !important;
  color: #475569 !important;
  line-height: 1.8 !important;
  margin: 0 !important;
  max-width: 820px !important;
  text-align: right !important;
  direction: rtl !important;
}

/* بخش بدنه محتوا */
.service-body-section {
  background: #ffffff !important;
  padding-top: 48px !important;
  padding-bottom: 60px !important;
  direction: rtl !important;
}

.service-block-header {
  margin-bottom: 24px !important;
  text-align: right !important;
  direction: rtl !important;
}

.badge-sub-pill {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 12px !important;
  background: #ede9fe !important;
  color: #4f46e5 !important;
  border: 1px solid #ddd6fe !important;
  border-radius: 9999px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
}

.service-block-header .service-block-title {
  font-family: 'Kalameh', sans-serif !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  color: #0f172a !important;
  margin-bottom: 6px !important;
  line-height: 1.4 !important;
  text-align: right !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.service-block-header .service-block-desc {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 13.5px !important;
  color: #64748b !important;
  margin: 0 !important;
  text-align: right !important;
  line-height: 1.7 !important;
}

/* کارت‌های امکانات و مزایا */
.service-feature-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 20px 18px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
  height: 100% !important;
  width: 100% !important;
  direction: rtl !important;
  text-align: right !important;
}

.service-feature-card:hover {
  border-color: #818cf8 !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 24px -4px rgba(79, 70, 229, 0.1) !important;
}

.service-feature-card .feature-icon-circle {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  background: #ede9fe !important;
  color: #4f46e5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  font-size: 14px !important;
  margin: 0 !important;
  transition: all 0.2s ease !important;
  order: 1 !important;
}

.service-feature-card:hover .feature-icon-circle {
  background: #4f46e5 !important;
  color: #ffffff !important;
  transform: scale(1.06) !important;
}

.service-feature-card .feature-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  direction: rtl !important;
  text-align: right !important;
  order: 2 !important;
}

.service-feature-card .feature-title {
  font-family: 'Kalameh', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15.5px !important;
  color: #0f172a !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.4 !important;
  text-align: right !important;
  direction: rtl !important;
  display: block !important;
}

.service-feature-card .feature-text {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 13px !important;
  color: #64748b !important;
  line-height: 1.7 !important;
  margin: 0 !important;
  text-align: right !important;
  direction: rtl !important;
  display: block !important;
}

/* پیل‌های کاربردها */
.service-uses-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  direction: rtl !important;
  text-align: right !important;
}

.service-use-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 9999px !important;
  padding: 8px 18px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  transition: all 0.2s ease !important;
}

.service-use-pill:hover {
  background: #ede9fe !important;
  border-color: #a5b4fc !important;
  color: #4338ca !important;
  transform: translateY(-1px) !important;
}

.use-pill-icon {
  color: #10b981 !important;
  font-size: 14px !important;
}

/* باکس حرفه‌ای ترمینال API */
.service-api-box {
  background: #0f172a !important;
  border: 1px solid #1e293b !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.2) !important;
  direction: rtl !important;
}

.service-api-head {
  padding: 18px 22px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  direction: rtl !important;
  text-align: right !important;
}

.terminal-badge {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  background: rgba(99, 102, 241, 0.15) !important;
  color: #818cf8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  flex-shrink: 0 !important;
}

.api-box-title {
  font-family: 'Kalameh', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16.5px !important;
  color: #ffffff !important;
  margin: 0 0 2px 0 !important;
}

.api-box-sub {
  font-size: 12.5px !important;
  color: #94a3b8 !important;
  margin: 0 !important;
}

.auth-token {
  background: rgba(99, 102, 241, 0.2) !important;
  color: #a5b4fc !important;
  padding: 2px 6px !important;
  border-radius: 6px !important;
  font-family: Consolas, 'Fira Code', monospace !important;
}

.service-endpoint-bar {
  padding: 12px 22px !important;
  background: #090d16 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  direction: ltr !important;
  text-align: left !important;
  font-family: Consolas, 'Fira Code', monospace !important;
  font-size: 13px !important;
}

.endpoint-method {
  background: #4f46e5 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
}

.endpoint-url {
  color: #38bdf8 !important;
  font-weight: 600 !important;
  overflow-x: auto !important;
}

.service-code-wrapper {
  padding: 0 !important;
  background: #0b1120 !important;
}

.code-terminal-bar {
  padding: 10px 18px !important;
  background: rgba(255, 255, 255, 0.02) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  direction: ltr !important;
}

.terminal-dots {
  display: flex !important;
  gap: 6px !important;
}

.terminal-dots .dot {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
}

.terminal-dots .dot.red { background: #ef4444 !important; }
.terminal-dots .dot.yellow { background: #f59e0b !important; }
.terminal-dots .dot.green { background: #10b981 !important; }

.terminal-filename {
  color: #64748b !important;
  font-size: 12px !important;
  font-family: Consolas, 'Fira Code', monospace !important;
}

.btn-copy-code {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #cbd5e1 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 4px 12px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.btn-copy-code:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

.btn-copy-code.copied {
  background: #059669 !important;
  color: #ffffff !important;
  border-color: #059669 !important;
}

.service-code-pre {
  padding: 18px 22px !important;
  margin: 0 !important;
  overflow-x: auto !important;
  direction: ltr !important;
  text-align: left !important;
  font-family: Consolas, 'Fira Code', monospace !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: #e2e8f0 !important;
  background: #0b1120 !important;
}

.service-api-footer {
  padding: 14px 22px !important;
  background: rgba(0, 0, 0, 0.2) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  font-size: 12.5px !important;
  color: #94a3b8 !important;
  text-align: right !important;
  direction: rtl !important;
}

/* پرسش‌های متداول سرویس */
.service-faq-item {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  margin-bottom: 10px !important;
  overflow: hidden !important;
  transition: all 0.2s ease !important;
  text-align: right !important;
  direction: rtl !important;
}

.service-faq-item[open] {
  border-color: #a5b4fc !important;
  box-shadow: 0 4px 16px rgba(79, 70, 229, 0.06) !important;
}

.service-faq-question {
  padding: 16px 20px !important;
  font-family: 'Kalameh', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  color: #0f172a !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  list-style: none !important;
  direction: rtl !important;
}

.service-faq-question::-webkit-details-marker {
  display: none !important;
}

.faq-icon-box {
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  transition: transform 0.25s ease, background 0.25s ease !important;
  flex-shrink: 0 !important;
}

.service-faq-item[open] .faq-icon-box {
  transform: rotate(180deg) !important;
  background: #4f46e5 !important;
  color: #ffffff !important;
}

.service-faq-answer {
  padding: 0 20px 18px 20px !important;
  font-size: 13.5px !important;
  color: #475569 !important;
  line-height: 1.8 !important;
  border-top: 1px dashed #f1f5f9 !important;
  padding-top: 12px !important;
  text-align: right !important;
  direction: rtl !important;
}

/* سایدبار چسبان سرویس */
.service-side-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 18px !important;
  padding: 22px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03) !important;
  direction: rtl !important;
  text-align: right !important;
}

.pricing-side-card .side-card-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
  direction: rtl !important;
}

.side-card-title {
  font-family: 'Kalameh', sans-serif !important;
  font-weight: 800 !important;
  font-size: 16.5px !important;
  color: #0f172a !important;
  margin: 0 !important;
}

.badge-green-subtle {
  background: #dcfce7 !important;
  color: #15803d !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 9999px !important;
  border: 1px solid #bbf7d0 !important;
}

.service-price-line {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 14px !important;
  background: #f8fafc !important;
  border: 1px solid #f1f5f9 !important;
  border-radius: 12px !important;
  margin-bottom: 8px !important;
  direction: rtl !important;
}

.price-line-title {
  font-weight: 700 !important;
  font-size: 13.5px !important;
  color: #1e293b !important;
}

.price-line-unit {
  font-size: 11.5px !important;
  color: #64748b !important;
  margin-top: 2px !important;
}

.service-price-tag .price-num {
  font-family: 'Kalameh', sans-serif !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  color: #4f46e5 !important;
  background: #ede9fe !important;
  padding: 4px 10px !important;
  border-radius: 8px !important;
}

/* کارت‌های خدمات مرتبط در سایدبار */
.service-related-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  border: 1px solid transparent !important;
  margin-bottom: 6px !important;
  direction: rtl !important;
  text-align: right !important;
}

.service-related-card:hover {
  background: #f8fafc !important;
  border-color: #ede9fe !important;
  transform: translateX(-3px) !important;
}

.service-related-card .related-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
  background: #f5f3ff !important;
  color: #4f46e5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  order: 1 !important;
  margin: 0 !important;
}

.service-related-card .related-icon svg {
  width: 20px !important;
  height: 20px !important;
}

.service-related-card .related-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  order: 2 !important;
  text-align: right !important;
}

.service-related-card .related-title {
  font-family: 'Kalameh', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  color: #0f172a !important;
  margin: 0 0 2px 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
}

.service-related-card .related-price {
  font-size: 11.5px !important;
  color: #64748b !important;
  display: block !important;
}

.service-related-card .related-arrow {
  color: #94a3b8 !important;
  font-size: 12px !important;
  order: 3 !important;
  transition: transform 0.2s ease !important;
}

.service-related-card:hover .related-arrow {
  color: #4f46e5 !important;
  transform: translateX(-2px) !important;
}

/* پنهان‌سازی المان‌های حذف‌شده در صورت وجود کش */
.support-side-card,
.service-quick-metrics,
.service-hero-actions,
.side-gift-box {
  display: none !important;
}

@media (max-width: 991px) {
  .services-hero,
  .service-hero {
    padding-top: 130px !important;
  }
  .services-hero-title,
  .service-hero-title {
    font-size: 24px !important;
  }
}

/* ==========================================================================
   مگامنو و زیرمنوی مدرن خدمات و وب‌سرویس‌ها (Desktop Services Mega Menu)
   ========================================================================== */

.nav-services-parent {
  position: relative !important;
}

.nav-services-trigger {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.nav-services-trigger .nav-chevron {
  font-size: 11px !important;
  transition: transform 0.22s ease !important;
}

.nav-services-parent:hover .nav-services-trigger .nav-chevron {
  transform: rotate(180deg) !important;
  color: #4f46e5 !important;
}

/* مگامنوی شناور خدمات */
.services-mega-menu {
  position: absolute !important;
  top: calc(100% + 14px) !important;
  right: -10px !important;
  left: auto !important;
  width: 530px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  padding: 16px !important;
  box-shadow: 0 20px 45px -10px rgba(79, 70, 229, 0.16), 0 8px 20px -4px rgba(0, 0, 0, 0.05) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(12px) !important;
  pointer-events: none !important;
  transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1) !important;
  z-index: 1050 !important;
  direction: rtl !important;
  text-align: right !important;
}

/* پل نامرئی جهت جلوگیری از بسته شدن منو با حرکت موس */
.services-mega-menu::after {
  content: '' !important;
  position: absolute !important;
  top: -18px !important;
  right: 0 !important;
  width: 100% !important;
  height: 18px !important;
}

/* فلش بالای منو */
.services-mega-menu::before {
  content: '' !important;
  position: absolute !important;
  top: -6px !important;
  right: 56px !important;
  width: 12px !important;
  height: 12px !important;
  background: #ffffff !important;
  border-top: 1px solid #e2e8f0 !important;
  border-right: 1px solid #e2e8f0 !important;
  transform: rotate(-45deg) !important;
}

.nav-services-parent:hover .services-mega-menu,
.nav-services-parent:focus-within .services-mega-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

.mega-menu-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 8px !important;
  direction: rtl !important;
}

.header-one__main-menu nav ul li .services-mega-menu a.mega-menu-item,
.header-one__main-menu nav ul li a.mega-menu-item,
.mega-menu-item {
  display: flex !important;
  flex-direction: row !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  justify-content: flex-start !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  transition: all 0.18s ease !important;
  border: 1px solid transparent !important;
  background: #ffffff !important;
  direction: rtl !important;
  text-align: right !important;
}

.header-one__main-menu nav ul li .services-mega-menu a.mega-menu-item:hover,
.header-one__main-menu nav ul li a.mega-menu-item:hover,
.mega-menu-item:hover {
  background: #f8fafc !important;
  border-color: #ede9fe !important;
  transform: translateX(-3px) !important;
}

.services-mega-menu .mega-menu-item .mega-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  background: #ede9fe !important;
  color: #4f46e5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  font-size: 16px !important;
  transition: all 0.2s ease !important;
  margin: 0 !important;
  order: 1 !important;
}

.services-mega-menu .mega-menu-item:hover .mega-icon {
  background: #4f46e5 !important;
  color: #ffffff !important;
  transform: scale(1.06) !important;
}

.services-mega-menu .mega-menu-item .mega-info {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: right !important;
  direction: rtl !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  order: 2 !important;
}

.services-mega-menu .mega-menu-item .mega-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  line-height: 1.35 !important;
  margin-bottom: 2px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transition: color 0.15s ease !important;
  text-align: right !important;
  direction: rtl !important;
  display: block !important;
  width: 100% !important;
}

.services-mega-menu .mega-menu-item:hover .mega-title {
  color: #4f46e5 !important;
}

.services-mega-menu .mega-menu-item .mega-desc {
  font-family: 'Abar', 'Abar FaNum', sans-serif !important;
  font-size: 11px !important;
  color: #64748b !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.4 !important;
  text-align: right !important;
  direction: rtl !important;
  display: block !important;
  width: 100% !important;
}

/* حذف کامل فوتر مگامنو */
.mega-menu-footer {
  display: none !important;
}

/* خنثی‌سازی استایل‌های تیره و قدیمی sub-menu */
.header-one__main-menu nav ul li .sub-menu {
  letter-spacing: normal !important;
}

.header-one__main-menu nav ul li .sub-menu li:hover>a {
  letter-spacing: normal !important;
}

/* ==========================================================================
   منوی کشویی موبایل (Mobile SaaS Drawer)
   ========================================================================== */

.mobile-saas-drawer.offcanvas {
  width: 330px !important;
  max-width: 85vw !important;
  background: #ffffff !important;
  border: none !important;
  box-shadow: -8px 0 30px rgba(0, 0, 0, 0.1) !important;
  z-index: 1060 !important;
  right: 0 !important;
  left: auto !important;
  transform: translateX(100%) !important;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.mobile-saas-drawer.offcanvas.show {
  transform: translateX(0) !important;
}

.brand-title-mobile {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}

.btn-close-custom {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: #f1f5f9 !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #64748b !important;
  font-size: 15px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.btn-close-custom:hover {
  background: #fee2e2 !important;
  color: #ef4444 !important;
  transform: rotate(90deg) !important;
}

.mobile-nav-wrapper .mobile-nav-list {
  padding: 0 !important;
}

.mobile-nav-item {
  margin-bottom: 4px !important;
}

.mobile-nav-link {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  color: #1e293b !important;
  font-family: 'Kalameh', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.18s ease !important;
}

.mobile-nav-link i {
  width: 22px !important;
  color: #6366f1 !important;
  font-size: 15px !important;
  text-align: center !important;
}

.mobile-nav-link:hover,
.mobile-nav-link.active {
  background: #f5f3ff !important;
  color: #4f46e5 !important;
}

/* اکاردئون خدمات در موبایل */
.mobile-nav-accordion-btn {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  background: transparent !important;
  border: none !important;
  color: #1e293b !important;
  font-family: 'Kalameh', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
}

.mobile-nav-accordion-btn i:first-child {
  width: 22px !important;
  color: #6366f1 !important;
  font-size: 15px !important;
  text-align: center !important;
}

.mobile-nav-accordion-btn .mobile-chevron {
  font-size: 12px !important;
  color: #94a3b8 !important;
  transition: transform 0.25s ease !important;
}

.mobile-nav-accordion-btn.expanded {
  background: #f5f3ff !important;
  color: #4f46e5 !important;
}

.mobile-nav-accordion-btn.expanded .mobile-chevron {
  transform: rotate(180deg) !important;
  color: #4f46e5 !important;
}

.mobile-services-collapse {
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  padding-right: 14px !important;
  margin-top: 4px !important;
}

.mobile-services-collapse.show {
  max-height: 520px !important;
}

.mobile-sub-link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.18s ease !important;
  margin-bottom: 2px !important;
  border-right: 2px solid transparent !important;
}

.mobile-sub-link i {
  font-size: 13px !important;
  color: #818cf8 !important;
  width: 18px !important;
  text-align: center !important;
}

.mobile-sub-link:hover {
  color: #4f46e5 !important;
  background: #faf5ff !important;
  border-right-color: #6366f1 !important;
}

.mobile-sub-link.highlight {
  color: #4f46e5 !important;
  font-weight: 700 !important;
  background: #ede9fe !important;
  margin-bottom: 6px !important;
}

/* هایلایت پروموشن در منوی موبایل */
.mobile-promo-box {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.08) 0%, rgba(139, 92, 246, 0.08) 100%) !important;
  border: 1px solid rgba(99, 102, 241, 0.18) !important;
  border-radius: 14px !important;
}

.mobile-promo-box .promo-title {
  font-family: 'Kalameh', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #1e1b4b !important;
}

.mobile-promo-box .promo-text {
  font-size: 11.5px !important;
  color: #64748b !important;
  line-height: 1.6 !important;
}

.btn-outline-dark-saas {
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #1e293b !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.btn-outline-dark-saas:hover {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}