/* =====================================
   SOURCE: motion-enhanced.css
   ===================================== */
html {
  scroll-behavior: smooth;
}

html.js-motion .ty-reveal {
  opacity: 0;
  transform: translate3d(0, 34px, 0) scale(.985);
  filter: blur(3px);
  transition:
    opacity .75s cubic-bezier(.22, 1, .36, 1),
    transform .75s cubic-bezier(.22, 1, .36, 1),
    filter .75s ease;
  transition-delay: var(--ty-delay, 0ms);
  will-change: opacity, transform;
}

html.js-motion .ty-reveal.ty-from-right {
  transform: translate3d(42px, 12px, 0) scale(.985);
}

html.js-motion .ty-reveal.ty-from-left {
  transform: translate3d(-42px, 12px, 0) scale(.985);
}

html.js-motion .ty-reveal.ty-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  filter: blur(0);
}

header,
.site-header,
.navbar {
  transition:
    transform .35s ease,
    background-color .35s ease,
    box-shadow .35s ease,
    backdrop-filter .35s ease;
}

header.ty-scrolled,
.site-header.ty-scrolled,
.navbar.ty-scrolled {
  box-shadow: 0 12px 35px rgba(20, 58, 49, .10);
  backdrop-filter: blur(14px);
}

.card,
.feature-card,
.service-card,
.info-card,
.contact-card,
.legal-card,
.download-card {
  transition:
    transform .35s cubic-bezier(.22, 1, .36, 1),
    box-shadow .35s ease,
    border-color .35s ease;
}

@media (hover: hover) {
  .card:hover,
  .feature-card:hover,
  .service-card:hover,
  .info-card:hover,
  .contact-card:hover,
  .legal-card:hover,
  .download-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 20px 48px rgba(26, 66, 56, .12);
  }

  a.button:hover,
  button:hover,
  .btn:hover {
    transform: translateY(-2px);
  }
}

a.button,
button,
.btn {
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    opacity .25s ease;
}

.hero img,
.app-preview img,
.phone-preview img,
.mockup img {
  animation: tyFloat 6s ease-in-out infinite;
  transform-origin: center;
}

@keyframes tyFloat {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    transform: translate3d(0, -9px, 0) rotate(.3deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  html.js-motion .ty-reveal {
    opacity: 1;
    transform: none;
    filter: none;
    transition: none;
  }

  .hero img,
  .app-preview img,
  .phone-preview img,
  .mockup img {
    animation: none;
  }

  *,
  *::before,
  *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* =====================================
   SOURCE: taminyar-premium-ui.css
   ===================================== */
:root {
  --ty-green-950: #0d332b;
  --ty-green-900: #14483c;
  --ty-green-800: #1c5f4e;
  --ty-green-700: #267560;
  --ty-green-600: #2f8b70;
  --ty-green-100: #e7f4ef;
  --ty-green-50: #f4faf7;
  --ty-gold: #d9a441;
  --ty-gold-soft: #f6e7bd;
  --ty-ink: #18302a;
  --ty-muted: #66756f;
  --ty-surface: rgba(255, 255, 255, 0.92);
  --ty-border: rgba(26, 92, 75, 0.12);
  --ty-shadow-sm: 0 8px 28px rgba(17, 71, 58, 0.08);
  --ty-shadow-md: 0 18px 50px rgba(17, 71, 58, 0.13);
  --ty-radius-lg: 24px;
  --ty-radius-md: 18px;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

body {
  overflow-x: clip;
  min-width: 320px;
  color: var(--ty-ink);
  background:
    radial-gradient(circle at 92% 4%, rgba(47, 139, 112, 0.08), transparent 26rem),
    radial-gradient(circle at 8% 42%, rgba(217, 164, 65, 0.07), transparent 24rem),
    linear-gradient(180deg, #fbfdfc 0%, #f7fbf9 48%, #ffffff 100%);
}

body > header,
.site-header,
.main-header,
.header-main {
  position: sticky !important;
  top: 0 !important;
  inset-inline: 0 !important;
  z-index: 9999 !important;
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  transform: none !important;
  translate: none !important;
  animation: none !important;
  background: rgba(255, 255, 255, 0.86) !important;
  border-bottom: 1px solid rgba(26, 92, 75, 0.10);
  box-shadow: 0 7px 28px rgba(17, 71, 58, 0.07);
  -webkit-backdrop-filter: blur(16px) saturate(145%);
  backdrop-filter: blur(16px) saturate(145%);
  transition:
    background-color 220ms ease,
    box-shadow 220ms ease,
    border-color 220ms ease !important;
}

body > header.ty-header-scrolled,
.site-header.ty-header-scrolled,
.main-header.ty-header-scrolled,
.header-main.ty-header-scrolled {
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom-color: rgba(26, 92, 75, 0.16);
  box-shadow: 0 12px 34px rgba(17, 71, 58, 0.11);
}

body > header.ty-reveal,
.site-header.ty-reveal,
.main-header.ty-reveal,
.header-main.ty-reveal,
body > header.ty-from-left,
body > header.ty-from-right,
.site-header.ty-from-left,
.site-header.ty-from-right {
  opacity: 1 !important;
  transform: none !important;
  filter: none !important;
}

body > header > *,
.site-header > *,
.main-header > *,
.header-main > * {
  margin-inline: auto;
}

main > section {
  position: relative;
  isolation: isolate;
}

main > section + section {
  margin-top: clamp(28px, 4vw, 72px);
}

.hero,
.hero-section,
.main-hero {
  overflow: hidden;
}

.hero::before,
.hero-section::before,
.main-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 420px;
  height: 420px;
  inset-inline-end: -180px;
  top: -210px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(47, 139, 112, 0.13), transparent 68%);
  pointer-events: none;
}

.hero::after,
.hero-section::after,
.main-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 320px;
  height: 320px;
  inset-inline-start: -170px;
  bottom: -190px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(217, 164, 65, 0.12), transparent 68%);
  pointer-events: none;
}

.card,
.feature-card,
.service-card,
.info-card,
.contact-card,
.legal-card,
.download-card,
.stat-card,
.step-card {
  border: 1px solid var(--ty-border) !important;
  border-radius: var(--ty-radius-lg) !important;
  background: var(--ty-surface);
  box-shadow: var(--ty-shadow-sm);
  transition:
    transform 280ms cubic-bezier(.22, 1, .36, 1),
    box-shadow 280ms ease,
    border-color 280ms ease !important;
}

@media (hover: hover) {
  .card:hover,
  .feature-card:hover,
  .service-card:hover,
  .info-card:hover,
  .contact-card:hover,
  .legal-card:hover,
  .download-card:hover,
  .stat-card:hover,
  .step-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(47, 139, 112, 0.25) !important;
    box-shadow: var(--ty-shadow-md);
  }
}

.btn,
.button,
a[class*="btn"],
button:not(.menu-toggle):not(.hamburger) {
  border-radius: 14px !important;
  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    filter 220ms ease !important;
}

.btn-primary,
.primary-button,
a[class*="primary"] {
  box-shadow: 0 10px 24px rgba(38, 117, 96, 0.22);
}

@media (hover: hover) {
  .btn:hover,
  .button:hover,
  a[class*="btn"]:hover,
  button:not(.menu-toggle):not(.hamburger):hover {
    transform: translateY(-2px);
    filter: saturate(1.05);
  }
}

nav a,
.nav a,
.navbar a,
.site-header a {
  position: relative;
  white-space: nowrap;
  transition: color 180ms ease, opacity 180ms ease !important;
}

nav a::after,
.nav a::after,
.navbar a::after,
.site-header nav a::after {
  content: "";
  position: absolute;
  inset-inline: 15%;
  bottom: -7px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ty-green-600), var(--ty-gold));
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 200ms ease;
}

@media (hover: hover) {
  nav a:hover::after,
  .nav a:hover::after,
  .navbar a:hover::after,
  .site-header nav a:hover::after {
    transform: scaleX(1);
  }
}

.hero img,
.app-preview img,
.phone-preview img,
.mockup img {
  filter: drop-shadow(0 24px 42px rgba(18, 70, 57, 0.14));
}

footer,
.site-footer {
  position: relative;
  overflow: hidden;
}

footer a,
.site-footer a {
  transition: opacity 180ms ease, transform 180ms ease;
}

@media (hover: hover) {
  footer a:hover,
  .site-footer a:hover {
    opacity: 0.82;
  }
}

@media (max-width: 768px) {
  html.js-motion .ty-reveal,
  html.js-motion .ty-reveal.ty-from-left,
  html.js-motion .ty-reveal.ty-from-right {
    transform: translate3d(0, 22px, 0) scale(.99);
  }

  html.js-motion .ty-reveal.ty-visible {
    transform: none;
  }

  body > header,
  .site-header,
  .main-header,
  .header-main {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }

  main > section + section {
    margin-top: 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}


/* =====================================
   SOURCE: taminyar-visual-fix.css
   ===================================== */
:root {
  --ty-primary-950: #0b2f29;
  --ty-primary-900: #103f35;
  --ty-primary-800: #175747;
  --ty-primary-700: #1f725c;
  --ty-primary-600: #2d8b70;
  --ty-primary-500: #3aa081;
  --ty-mint-100: #dff3eb;
  --ty-mint-50: #f1faf6;
  --ty-gold-600: #bd8428;
  --ty-gold-500: #d8a33e;
  --ty-gold-100: #f7e9c8;
  --ty-ivory: #fffdf8;
  --ty-surface: rgba(255, 255, 255, 0.94);
  --ty-text: #173d34;
  --ty-text-soft: #60756d;
  --ty-border: rgba(30, 114, 92, 0.14);
  --ty-shadow: 0 14px 42px rgba(12, 65, 53, 0.10);
  --ty-shadow-hover: 0 22px 58px rgba(12, 65, 53, 0.15);
}

html {
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

body {
  overflow-x: clip;
  color: var(--ty-text);
  background:
    radial-gradient(circle at 92% 8%, rgba(58, 160, 129, 0.10), transparent 28rem),
    radial-gradient(circle at 7% 46%, rgba(216, 163, 62, 0.08), transparent 25rem),
    linear-gradient(180deg, #fbfefc 0%, #f5faf7 48%, #fffdf8 100%);
}

/* هدر ثابت، بدون جابه‌جایی چپ و راست */
body > header,
.site-header,
.main-header,
.header-main {
  position: sticky !important;
  top: 0 !important;
  inset-inline: 0 !important;
  z-index: 9999 !important;
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  transform: none !important;
  translate: none !important;
  animation: none !important;
}

/* رنگ‌بندی عمومی مدرن‌تر */
main > section {
  position: relative;
}

.card,
.feature-card,
.service-card,
.info-card,
.contact-card,
.legal-card,
.download-card,
.stat-card,
.step-card {
  color: var(--ty-text) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(246, 251, 248, 0.96)) !important;
  border: 1px solid var(--ty-border) !important;
  border-radius: 22px !important;
  box-shadow: var(--ty-shadow);
}

.card h1,
.card h2,
.card h3,
.card h4,
.feature-card h1,
.feature-card h2,
.feature-card h3,
.info-card h1,
.info-card h2,
.info-card h3,
.legal-card h1,
.legal-card h2,
.legal-card h3 {
  color: var(--ty-primary-900) !important;
}

.card p,
.feature-card p,
.info-card p,
.legal-card p {
  color: var(--ty-text-soft) !important;
}

@media (hover: hover) {
  .card,
  .feature-card,
  .service-card,
  .info-card,
  .contact-card,
  .legal-card,
  .download-card,
  .stat-card,
  .step-card {
    transition:
      transform 260ms cubic-bezier(.22, 1, .36, 1),
      box-shadow 260ms ease,
      border-color 260ms ease !important;
  }

  .card:hover,
  .feature-card:hover,
  .service-card:hover,
  .info-card:hover,
  .contact-card:hover,
  .legal-card:hover,
  .download-card:hover,
  .stat-card:hover,
  .step-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(45, 139, 112, 0.28) !important;
    box-shadow: var(--ty-shadow-hover);
  }
}

/* کارت توضیح مهم در صفحه اصلی */
.ty-important-card {
  color: var(--ty-text) !important;
  background:
    linear-gradient(135deg, rgba(238, 250, 245, 0.98), rgba(255, 255, 255, 0.98)) !important;
  border: 1px solid rgba(45, 139, 112, 0.24) !important;
  box-shadow: 0 16px 42px rgba(25, 111, 89, 0.11) !important;
}

.ty-important-card::before {
  content: "";
  position: absolute;
  inset-block: 16%;
  inset-inline-start: 0;
  width: 4px;
  border-radius: 99px;
  background: linear-gradient(180deg, var(--ty-primary-500), var(--ty-gold-500));
}

.ty-important-card,
.ty-important-card * {
  color: var(--ty-text) !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

.ty-important-title {
  color: var(--ty-primary-800) !important;
  font-weight: 900 !important;
}

/* کارت اشتراک حقوقی در درباره ما */
.ty-legal-subscription-card {
  color: var(--ty-text) !important;
  background:
    linear-gradient(135deg, rgba(255, 250, 236, 0.98), rgba(255, 255, 255, 0.98)) !important;
  border: 1px solid rgba(216, 163, 62, 0.28) !important;
  box-shadow: 0 16px 42px rgba(134, 93, 25, 0.10) !important;
}

.ty-legal-subscription-card::before {
  content: "";
  position: absolute;
  inset-block: 16%;
  inset-inline-start: 0;
  width: 4px;
  border-radius: 99px;
  background: linear-gradient(180deg, var(--ty-gold-500), var(--ty-primary-500));
}

.ty-legal-subscription-card,
.ty-legal-subscription-card * {
  color: var(--ty-text) !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

.ty-legal-subscription-title {
  color: #8b5d16 !important;
  font-weight: 900 !important;
}

/* متن صفحه اصلی در یک خط */
.ty-home-single-line {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  line-height: 1.9 !important;
  text-wrap: nowrap !important;
}

/* دکمه‌ها */
.btn,
.button,
a[class*="btn"],
button:not(.menu-toggle):not(.hamburger) {
  border-radius: 14px !important;
}

.btn-primary,
.primary-button,
a[class*="primary"] {
  color: #fff !important;
  background:
    linear-gradient(135deg, var(--ty-primary-700), var(--ty-primary-500)) !important;
  border-color: transparent !important;
  box-shadow: 0 11px 25px rgba(31, 114, 92, 0.22) !important;
}

/* تیترها */
main h1,
main h2 {
  color: var(--ty-primary-950);
  letter-spacing: -0.02em;
}

main h2::after {
  content: "";
  display: block;
  width: 46px;
  height: 3px;
  margin-top: 10px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--ty-primary-500), var(--ty-gold-500));
}

/* تصاویر */
.hero img,
.hero-section img,
.main-hero img,
.app-preview img,
.phone-preview img,
.mockup img {
  filter: drop-shadow(0 24px 46px rgba(13, 74, 60, 0.16));
}

/* موبایل: متن تک‌خط با اندازه محاسبه‌شده توسط JS حفظ می‌شود */
@media (max-width: 768px) {
  .ty-important-card,
  .ty-legal-subscription-card {
    border-radius: 18px !important;
  }

  main h2::after {
    width: 36px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ===== TaminYar final hero layout fix ===== */

/* عنوان اصلی به حالت قبلی برمی‌گردد؛ فقط شکست خط قبل از «را» با JS حذف می‌شود. */
.ty-home-title-final {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  white-space: normal !important;
  text-wrap: balance !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  line-height: 1.42 !important;
  font-size: clamp(30px, 4vw, 58px) !important;
  margin-bottom: 16px !important;
}

/* متن کوتاه زیر عنوان فقط یک خط است. */
.ty-home-short-line {
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  white-space: nowrap !important;
  text-wrap: nowrap !important;
  line-height: 1.9 !important;
  color: var(--ty-text-soft, #60756d) !important;
  font-size: clamp(13px, 1.3vw, 18px) !important;
}

/* تصویر هیرو باید همیشه مشخص و بدون تاری باشد. */
.ty-home-hero-image {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  max-width: min(100%, 490px) !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 25px 46px rgba(13, 74, 60, 0.18)) !important;
  transform: none !important;
  translate: none !important;
  animation: none !important;
  margin-inline: auto !important;
  position: relative !important;
  z-index: 3 !important;
}

.hero,
.hero-section,
.main-hero,
main > section:first-of-type {
  overflow: visible !important;
}

.hero h1::after,
.hero-section h1::after,
.main-hero h1::after,
.ty-home-title-final::after {
  display: none !important;
}

@media (max-width: 900px) {
  .ty-home-title-final {
    font-size: clamp(28px, 7vw, 44px) !important;
  }

  .ty-home-short-line {
    font-size: clamp(12px, 2.7vw, 16px) !important;
  }

  .ty-home-hero-image {
    max-width: min(82vw, 390px) !important;
    margin-top: 22px !important;
  }
}

@media (max-width: 560px) {
  .ty-home-title-final {
    font-size: clamp(27px, 9vw, 38px) !important;
    line-height: 1.5 !important;
  }

  .ty-home-short-line {
    width: 100% !important;
    font-size: 12px !important;
    letter-spacing: -0.025em;
  }

  .ty-home-hero-image {
    max-width: min(88vw, 340px) !important;
  }
}


/* =====================================
   SOURCE: taminyar-brand-fix.css
   ===================================== */
/* =========================================================
   TaminYar Brand UI Fix
   ========================================================= */

:root {
  --ty-green: #24b85a;
  --ty-green-dark: #138947;
  --ty-green-soft: #eaf9ef;
  --ty-navy: #062a4b;
  --ty-navy-soft: #123e66;
  --ty-border: rgba(6, 42, 75, 0.09);
  --ty-shadow: 0 14px 34px rgba(6, 42, 75, 0.10);
}

/* لوگوی هدر */
.site-header .brand > img {
  width: 52px;
  height: 52px;
  object-fit: contain;
  flex: 0 0 52px;
  filter: drop-shadow(0 5px 10px rgba(6, 42, 75, 0.10));
}

/* دکمه همبرگری */
.menu-toggle {
  position: relative;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 1px solid rgba(6, 42, 75, 0.10);
  border-radius: 14px;
  background: #fff;
  color: var(--ty-navy);
  box-shadow: 0 8px 24px rgba(6, 42, 75, 0.10);
  cursor: pointer;
  z-index: 1002;
  -webkit-tap-highlight-color: transparent;
}

/* سه خط آیکن همبرگر */
.menu-toggle::before {
  content: "";
  position: absolute;
  width: 22px;
  height: 2.5px;
  border-radius: 999px;
  background: var(--ty-navy);
  box-shadow:
    0 -7px 0 var(--ty-navy),
    0 7px 0 var(--ty-navy);
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}

.menu-toggle::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 2.5px;
  border-radius: 999px;
  background: transparent;
  transition:
    transform 0.25s ease,
    background 0.25s ease;
}

.menu-toggle:hover {
  background: var(--ty-green-soft);
  border-color: rgba(36, 184, 90, 0.25);
}

/* تبدیل همبرگر به ضربدر هنگام بازشدن */
.menu-toggle[aria-expanded="true"]::before {
  box-shadow: none;
  transform: rotate(45deg);
  background: var(--ty-navy);
}

.menu-toggle[aria-expanded="true"]::after {
  background: var(--ty-navy);
  transform: rotate(-45deg);
}

/* منوی موبایل */
@media (max-width: 980px) {
  .menu-toggle {
    display: inline-flex !important;
  }

  .nav-links {
    z-index: 1001;
  }

  .nav-links.open {
    display: flex;
    animation: tyMenuOpen 0.24s ease both;
  }
}

@keyframes tyMenuOpen {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.985);
  }

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

/* کارت‌های امکانات */
.feature-card {
  isolation: isolate;
  border: 1px solid var(--ty-border);
  box-shadow: 0 8px 26px rgba(6, 42, 75, 0.055);
}

.feature-card > * {
  position: relative;
  z-index: 2;
}

.feature-card::before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 150px;
  height: 150px;
  top: -90px;
  right: -90px;
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(36, 184, 90, 0.13),
    rgba(36, 184, 90, 0)
  );
  transition: transform 0.35s ease;
}

.feature-card:hover::before {
  transform: scale(1.35);
}

/* آیکن‌های امکانات */
.feature-icon {
  position: relative;
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border-radius: 19px;
  color: var(--ty-navy);
  background:
    linear-gradient(
      145deg,
      rgba(36, 184, 90, 0.18),
      rgba(255, 255, 255, 0.96)
    );
  border: 1px solid rgba(36, 184, 90, 0.20);
  box-shadow:
    0 12px 24px rgba(6, 42, 75, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  overflow: hidden;
  transition:
    transform 0.28s ease,
    color 0.28s ease,
    background 0.28s ease,
    box-shadow 0.28s ease;
}

.feature-icon::after {
  content: "";
  position: absolute;
  width: 34px;
  height: 34px;
  left: -13px;
  bottom: -15px;
  border-radius: 50%;
  background: rgba(36, 184, 90, 0.12);
}

.feature-icon svg {
  position: relative;
  z-index: 2;
  width: 31px;
  height: 31px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.28s ease;
}

.feature-card:hover .feature-icon {
  color: #fff;
  background: linear-gradient(
    145deg,
    var(--ty-green),
    var(--ty-green-dark)
  );
  border-color: transparent;
  transform: translateY(-5px) rotate(-2deg);
  box-shadow: 0 16px 30px rgba(36, 184, 90, 0.25);
}

.feature-card:hover .feature-icon svg {
  transform: scale(1.08);
}

.feature-card h3 {
  color: var(--ty-navy);
}

/* آیکن کارت‌های شناور کنار موبایل */
.floating-card .icon {
  color: var(--ty-navy);
  background: linear-gradient(
    145deg,
    rgba(36, 184, 90, 0.20),
    #fff
  );
  border: 1px solid rgba(36, 184, 90, 0.20);
}

/* لوگوی فوتر */
.footer-brand .brand > img {
  width: 122px;
  height: auto;
  max-height: 170px;
  object-fit: contain;
  filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.20));
}

.footer-brand .brand > span {
  display: none;
}

@media (max-width: 700px) {
  .site-header .brand > img {
    width: 45px;
    height: 45px;
    flex-basis: 45px;
  }

  .site-header .brand > span {
    font-size: 15px;
  }

  .menu-toggle {
    width: 44px;
    height: 44px;
    border-radius: 13px;
  }

  .feature-icon {
    width: 58px;
    height: 58px;
    border-radius: 17px;
  }

  .feature-icon svg {
    width: 29px;
    height: 29px;
  }

  .footer-brand .brand > img {
    width: 110px;
  }
}


/* =====================================
   SOURCE: taminyar-glass-navbar.css
   ===================================== */
/* =========================================================
   TaminYar Unified Glass Navbar v0.2.2
   Loaded after the existing UI styles to keep every page
   visually consistent with the main landing page.
   ========================================================= */

:root {
  --ty-glass-border: rgba(255, 255, 255, 0.78);
  --ty-glass-line: rgba(6, 42, 75, 0.10);
  --ty-glass-shadow: 0 18px 54px rgba(3, 37, 61, 0.13),
    0 3px 12px rgba(17, 120, 58, 0.06);
  --ty-glass-shadow-scrolled: 0 22px 64px rgba(3, 37, 61, 0.18),
    0 5px 16px rgba(17, 120, 58, 0.08);
}

/* The outer header stays transparent; the inner nav is the glass surface. */
body > .site-header,
.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  width: 100% !important;
  padding: 12px 0 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
}

.site-header .nav {
  position: relative !important;
  isolation: isolate;
  width: min(calc(100% - 32px), 1180px) !important;
  height: 72px !important;
  min-height: 72px !important;
  margin-inline: auto !important;
  padding: 0 13px 0 11px !important;
  gap: clamp(12px, 2vw, 24px) !important;
  border: 1px solid var(--ty-glass-border) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(242, 251, 246, 0.58)) !important;
  box-shadow: var(--ty-glass-shadow) !important;
  -webkit-backdrop-filter: blur(26px) saturate(180%) !important;
  backdrop-filter: blur(26px) saturate(180%) !important;
  overflow: visible !important;
  transition:
    background-color 220ms ease,
    box-shadow 220ms ease,
    border-color 220ms ease !important;
}

.site-header .nav::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 1px 1px auto 1px;
  height: 46%;
  border-radius: 22px 22px 46% 46%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.68), transparent);
  pointer-events: none;
}

.site-header.ty-header-scrolled,
body > .site-header.ty-header-scrolled {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.site-header.ty-header-scrolled .nav {
  border-color: rgba(255, 255, 255, 0.92) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.90), rgba(239, 249, 244, 0.76)) !important;
  box-shadow: var(--ty-glass-shadow-scrolled) !important;
}

.site-header .brand {
  min-width: max-content;
  gap: 10px !important;
}

.site-header .brand > img {
  width: 50px !important;
  height: 50px !important;
  flex: 0 0 50px !important;
  filter: drop-shadow(0 7px 13px rgba(6, 42, 75, 0.11));
}

.site-header .brand > span {
  line-height: 1.35;
}

.site-header .nav-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px !important;
  min-width: 0;
}

.site-header .nav-links a {
  position: relative;
  padding: 9px 11px !important;
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  background: transparent !important;
  color: #365063 !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  font-weight: 780 !important;
  line-height: 1.5;
  transition:
    color 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease !important;
}

.site-header .nav-links a::after {
  display: none !important;
}

.site-header .nav-links a:hover,
.site-header .nav-links a:focus-visible,
.site-header .nav-links a[aria-current="page"] {
  color: #11783a !important;
  background: rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(36, 184, 90, 0.15) !important;
  box-shadow:
    0 7px 20px rgba(3, 48, 40, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

.site-header .nav-links a:hover {
  transform: translateY(-1px);
}

.site-header .nav-actions {
  flex: 0 0 auto;
  gap: 9px !important;
}

.site-header .nav-actions > .btn {
  min-height: 44px !important;
  padding-inline: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.38) !important;
  border-radius: 14px !important;
  box-shadow:
    0 11px 25px rgba(20, 151, 71, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

.site-header .menu-toggle {
  border: 1px solid rgba(255, 255, 255, 0.82) !important;
  background: rgba(255, 255, 255, 0.62) !important;
  box-shadow:
    0 9px 25px rgba(3, 37, 61, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
  -webkit-backdrop-filter: blur(16px) saturate(170%) !important;
  backdrop-filter: blur(16px) saturate(170%) !important;
}

.site-header .menu-toggle:hover {
  background: rgba(235, 250, 240, 0.86) !important;
}

@media (max-width: 1080px) and (min-width: 981px) {
  .site-header .nav {
    gap: 10px !important;
  }

  .site-header .nav-links a {
    padding-inline: 8px !important;
    font-size: 12.8px !important;
  }

  .site-header .brand > span small {
    display: none !important;
  }
}

@media (max-width: 980px) {
  body > .site-header,
  .site-header {
    padding-top: 9px !important;
  }

  .site-header .nav {
    width: min(calc(100% - 20px), 1180px) !important;
    height: 66px !important;
    min-height: 66px !important;
    padding: 0 10px !important;
    border-radius: 21px !important;
  }

  .site-header .brand > img {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
  }

  .site-header .nav-links {
    position: absolute !important;
    inset-inline: 0 !important;
    top: calc(100% + 10px) !important;
    z-index: 1001 !important;
    display: none;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 5px !important;
    padding: 10px !important;
    border: 1px solid rgba(255, 255, 255, 0.82) !important;
    border-radius: 20px !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, 0.91), rgba(238, 249, 243, 0.82)) !important;
    box-shadow: 0 24px 60px rgba(3, 37, 61, 0.18) !important;
    -webkit-backdrop-filter: blur(28px) saturate(180%) !important;
    backdrop-filter: blur(28px) saturate(180%) !important;
  }

  .site-header .nav-links.open {
    display: flex !important;
  }

  .site-header .nav-links a {
    width: 100%;
    padding: 11px 13px !important;
    border-radius: 13px !important;
  }

  .site-header .nav-links a:hover {
    transform: none;
  }

  .site-header .nav-actions > .btn {
    display: none !important;
  }

  .site-header .menu-toggle {
    display: inline-flex !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
  }
}

@media (max-width: 700px) {
  .site-header .brand > img {
    width: 43px !important;
    height: 43px !important;
    flex-basis: 43px !important;
  }

  .site-header .brand > span {
    font-size: 15px;
  }

  .site-header .nav {
    height: 62px !important;
    min-height: 62px !important;
    border-radius: 19px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-header .nav,
  .site-header .nav-links a {
    transition: none !important;
  }
}


/* =====================================
   SOURCE: taminyar-site-fix.css
   ===================================== */
/* =====================================================
   TaminYar final site fixes
   ===================================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}


/* =====================================================
   ENAMAD
   کد رسمی anchor/image دست نخورده است.
   فقط container استایل می‌شود.
   ===================================================== */

.enamad-slot {
  width: 140px !important;
  max-width: 100% !important;
  min-height: 110px;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin-top: 14px !important;
  margin-bottom: 0 !important;

  overflow: hidden;
}

.enamad-slot > a {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;

  align-items: center !important;
  justify-content: center !important;
}

.enamad-slot > a > img {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 110px !important;
  max-height: 110px !important;

  object-fit: contain;
}


/* =====================================================
   BUY / CHECKOUT
   ===================================================== */

.checkout-section {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.checkout-section .checkout-layout {
  width: calc(100% - 32px) !important;
  max-width: 1120px !important;

  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  display: grid !important;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr) !important;

  gap: 24px !important;
}

.checkout-layout > * {
  min-width: 0 !important;
  max-width: 100% !important;
}

.checkout-card,
.checkout-assurance {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.checkout-assurance {
  grid-column: 1 / -1 !important;
}


/* plans */

.commerce-plans {
  width: 100% !important;
  max-width: 100% !important;

  display: grid !important;

  grid-template-columns:
    repeat(auto-fit, minmax(210px, 1fr)) !important;

  gap: 16px !important;
}

.commerce-plans > * {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}


/* checkout fields */

.checkout-card form,
.checkout-card fieldset,
.checkout-card label,
.checkout-card input,
.checkout-card select,
.checkout-card textarea {
  max-width: 100%;
}

.checkout-card input,
.checkout-card select,
.checkout-card textarea {
  width: 100%;
  box-sizing: border-box;
}

.checkout-summary {
  width: 100%;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.checkout-submit {
  max-width: 100%;
}


/* =====================================================
   PAYMENT RESULT
   ===================================================== */

.payment-result,
.payment-result-card,
.payment-card,
.result-card,
.payment-status,
.payment-status-card {
  width: calc(100% - 32px) !important;
  max-width: 720px !important;

  margin-left: auto !important;
  margin-right: auto !important;
}


/* =====================================================
   FAQ
   ===================================================== */

.faq {
  width: 100%;
  max-width: 100%;

  display: grid;
  gap: 12px;
}

.faq-item {
  width: 100%;
  max-width: 100%;

  overflow: hidden;
}

.faq-q {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 14px;

  text-align: right;
}

.faq-q > span {
  flex: 0 0 auto;
  transition: transform .25s ease;
}

.faq-a {
  display: grid !important;
  grid-template-rows: 0fr;

  overflow: hidden;

  transition:
    grid-template-rows .28s ease;
}

.faq-a > div {
  min-height: 0;
  overflow: hidden;
}

.faq-q[aria-expanded="true"] + .faq-a {
  grid-template-rows: 1fr;
}

.faq-q[aria-expanded="true"] > span {
  transform: rotate(45deg);
}


/* =====================================================
   Tablet
   ===================================================== */

@media (max-width: 900px) {

  .checkout-section .checkout-layout {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .checkout-assurance {
    grid-column: auto !important;
  }

}


/* =====================================================
   Mobile
   ===================================================== */

@media (max-width: 640px) {

  .checkout-section .checkout-layout {
    width: calc(100% - 24px) !important;
    gap: 14px !important;
  }

  .checkout-card,
  .checkout-assurance {
    padding: 16px !important;
    border-radius: 18px !important;
  }

  .commerce-plans {
    grid-template-columns: 1fr !important;
  }

  .payment-result,
  .payment-result-card,
  .payment-card,
  .result-card,
  .payment-status,
  .payment-status-card {
    width: calc(100% - 24px) !important;
  }

  .faq-q {
    gap: 10px;
    line-height: 1.9;
  }

  .site-footer .enamad-slot {
    margin-left: auto !important;
    margin-right: auto !important;
  }

}


/* =====================================================
   Very small phones
   ===================================================== */

@media (max-width: 380px) {

  .checkout-section .checkout-layout {
    width: calc(100% - 18px) !important;
  }

  .checkout-card,
  .checkout-assurance {
    padding: 13px !important;
  }

}


/* ===== TY MOBILE CHECKOUT V2 START ===== */


/* -----------------------------------------
   مشاهده همه سوالات
   ----------------------------------------- */

.faq-all-btn {
  position: relative !important;
  z-index: 5 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  max-width: calc(100% - 32px) !important;

  margin: 26px auto 0 !important;

  padding: 12px 22px !important;

  text-align: center !important;
  white-space: nowrap;

  cursor: pointer !important;
  pointer-events: auto !important;

  text-decoration: none !important;
}

.faq-all-btn::before,
.faq-all-btn::after {
  pointer-events: none !important;
}


/* -----------------------------------------
   Checkout Desktop
   ----------------------------------------- */

.checkout-section {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: clip !important;
}

.checkout-section > .container,
.checkout-section .checkout-layout {
  width: calc(100% - 40px) !important;
  max-width: 1180px !important;

  margin-left: auto !important;
  margin-right: auto !important;
}

.checkout-layout {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(0, 1fr) !important;

  gap: 22px !important;
  align-items: start !important;
}

.checkout-layout > * {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.checkout-card,
.checkout-assurance {
  box-sizing: border-box !important;

  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.checkout-assurance {
  grid-column: 1 / -1 !important;
}


/* -----------------------------------------
   Plans
   ----------------------------------------- */

.commerce-plans {
  box-sizing: border-box !important;

  display: grid !important;

  grid-template-columns:
    repeat(auto-fit, minmax(210px, 1fr)) !important;

  width: 100% !important;
  max-width: 100% !important;

  gap: 14px !important;
}

.commerce-plans > * {
  box-sizing: border-box !important;

  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;

  margin-left: 0 !important;
  margin-right: 0 !important;
}


/* -----------------------------------------
   Forms
   ----------------------------------------- */

.checkout-card form,
.checkout-card fieldset,
.checkout-card label,
.checkout-card input,
.checkout-card select,
.checkout-card textarea,
.checkout-summary {
  box-sizing: border-box !important;

  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.checkout-card input,
.checkout-card select,
.checkout-card textarea {
  display: block !important;
}

.checkout-submit {
  max-width: 100% !important;
}

.checkout-summary {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}


/* -----------------------------------------
   Tablet
   ----------------------------------------- */

@media (max-width: 900px) {

  .checkout-layout {
    grid-template-columns: 1fr !important;
  }

  .checkout-assurance {
    grid-column: auto !important;
  }

}


/* -----------------------------------------
   Mobile
   ----------------------------------------- */

@media (max-width: 640px) {

  html,
  body {
    width: 100% !important;
    max-width: 100% !important;

    overflow-x: hidden !important;
  }

  .checkout-hero {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  .checkout-hero .container {
    width: calc(100% - 28px) !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }

  .checkout-section {
    padding-top: 20px !important;
    padding-bottom: 40px !important;
  }

  .checkout-section > .container,
  .checkout-section .checkout-layout {
    width: calc(100% - 24px) !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .checkout-layout {
    display: flex !important;
    flex-direction: column !important;

    gap: 14px !important;
  }

  .checkout-card,
  .checkout-assurance {
    flex: 0 0 auto !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    padding: 16px !important;

    margin: 0 !important;

    border-radius: 18px !important;
  }

  .checkout-heading {
    display: flex !important;
    align-items: flex-start !important;

    gap: 10px !important;
  }

  .checkout-heading > * {
    min-width: 0 !important;
  }

  .checkout-step {
    flex: 0 0 auto !important;
  }

  .commerce-plans {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;

    width: 100% !important;

    gap: 12px !important;
  }

  .commerce-plans > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .checkout-card input,
  .checkout-card select,
  .checkout-card textarea {
    width: 100% !important;

    /*
     * جلوگیری از Zoom خودکار موبایل هنگام Focus
     */
    font-size: 16px !important;
  }

  .checkout-submit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;

    white-space: normal !important;
    text-align: center !important;
  }

  .checkout-summary {
    width: 100% !important;
    max-width: 100% !important;

    overflow: hidden !important;
  }

  .faq-all-btn {
    width: fit-content !important;
    max-width: calc(100% - 24px) !important;

    margin: 22px auto 0 !important;

    padding: 11px 18px !important;

    white-space: normal !important;
  }

}


/* -----------------------------------------
   Small phones
   ----------------------------------------- */

@media (max-width: 390px) {

  .checkout-section > .container,
  .checkout-section .checkout-layout {
    width: calc(100% - 18px) !important;
  }

  .checkout-card,
  .checkout-assurance {
    padding: 13px !important;
    border-radius: 16px !important;
  }

  .commerce-plans {
    gap: 10px !important;
  }

  .checkout-heading {
    gap: 8px !important;
  }

}


/* ===== TY MOBILE CHECKOUT V2 END ===== */


/* ===== TY PLAN MOBILE V3 START ===== */


/* ==================================================
   FAQ final spacing
   ================================================== */

.faq + .cta-box {
  margin-top: 34px !important;
}

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


/* ==================================================
   Plans base safety
   ================================================== */

#commerce-plans,
.commerce-plans {
  width: 100% !important;
  max-width: 100% !important;

  min-width: 0 !important;

  box-sizing: border-box !important;
}

#commerce-plans *,
.commerce-plans * {
  box-sizing: border-box;
}


/* ==================================================
   Mobile plan selector
   ================================================== */

@media (max-width: 640px) {

  /*
   * فضای کلی کارت انتخاب پلن
   */
  .checkout-card[aria-labelledby="plans-title"] {
    width: 100% !important;
    max-width: 100% !important;

    min-width: 0 !important;

    padding: 15px !important;

    overflow: hidden !important;
  }


  /*
   * خود لیست پلن‌ها:
   * بدون scroll افقی
   * یک کارت در هر ردیف
   */
  #commerce-plans,
  .commerce-plans {
    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr) !important;

    gap: 12px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 16px 0 0 !important;
    padding: 0 !important;

    overflow-x: visible !important;
    overflow-y: visible !important;

    scroll-snap-type: none !important;

    white-space: normal !important;
  }


  /*
   * هر کارت برنزی / نقره‌ای / طلایی
   */
  #commerce-plans > *,
  .commerce-plans > * {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    min-width: 0 !important;
    flex: none !important;

    margin: 0 !important;

    transform: none !important;

    scroll-snap-align: none !important;
  }


  /*
   * جلوگیری از min-widthهایی که در commerce.css
   * باعث scroll افقی می‌شوند
   */
  #commerce-plans [class*="plan"],
  #commerce-plans [class*="tier"],
  #commerce-plans [class*="package"],
  #commerce-plans [class*="subscription"],
  #commerce-plans [class*="card"] {
    width: 100% !important;
    max-width: 100% !important;

    min-width: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
  }


  /*
   * اگر داخل پلن tab / level وجود داشته باشد
   */
  #commerce-plans [role="tablist"],
  #commerce-plans [class*="tabs"],
  #commerce-plans [class*="levels"],
  #commerce-plans [class*="tiers"] {
    display: grid !important;

    grid-template-columns:
      minmax(0, 1fr) !important;

    gap: 8px !important;

    width: 100% !important;
    max-width: 100% !important;

    overflow: visible !important;
  }


  /*
   * عنوان‌ها و قیمت نباید کارت را بزرگ‌تر کنند
   */
  #commerce-plans h2,
  #commerce-plans h3,
  #commerce-plans h4,
  #commerce-plans p,
  #commerce-plans span {
    max-width: 100% !important;

    white-space: normal !important;

    overflow-wrap: anywhere;
  }


  /*
   * دکمه‌های انتخاب
   */
  #commerce-plans button,
  #commerce-plans .btn,
  #commerce-plans label {
    max-width: 100% !important;

    min-width: 0 !important;

    white-space: normal !important;
  }


  /*
   * اگر دوره‌های ۱ / ۳ / ۶ / ۱۲ ماهه
   * به شکل گزینه باشند، دو ستونه شوند
   */
  #commerce-plans [class*="duration"],
  #commerce-plans [class*="period"],
  #commerce-plans [class*="term"] {
    width: 100% !important;
    max-width: 100% !important;

    min-width: 0 !important;

    overflow: visible !important;
  }


  /*
   * کل checkout هم نباید scroll افقی ایجاد کند
   */
  .checkout-layout,
  .checkout-section,
  .checkout-section .container {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .checkout-layout {
    overflow: visible !important;
  }


  /*
   * فاصله آخرین سؤال تا CTA
   */
  .faq + .cta-box {
    margin-top: 30px !important;
  }

}


/* موبایل خیلی کوچک */
@media (max-width: 390px) {

  .checkout-card[aria-labelledby="plans-title"] {
    padding: 13px !important;
  }

  #commerce-plans,
  .commerce-plans {
    gap: 10px !important;
  }

}


/* ===== TY PLAN MOBILE V3 END ===== */


/* =====================================
   SOURCE: taminyar-final-fix.css
   ===================================== */
/* =========================================================
   TaminYar Final Responsive Fix
   ========================================================= */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}


/* =========================================================
   GLOBAL SECTION SPACING
   فاصله سکشن‌ها کمتر و یکدست
   ========================================================= */

main > section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

main > section.section {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

main > .page-hero,
main > section.page-hero {
  padding-top: 42px !important;
  padding-bottom: 30px !important;
}

.section-title,
.section-head,
.section-header {
  margin-bottom: 24px !important;
}

.cta-box {
  margin-top: 28px !important;
  margin-bottom: 0 !important;
}


/* =========================================================
   FAQ
   ========================================================= */

.faq {
  display: grid !important;
  gap: 12px !important;

  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
}

.faq-item {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
}

.faq + .cta-box,
.ty-faq-final-cta {
  margin-top: 32px !important;
}


/* =========================================================
   SUBSCRIPTION PLANS
   Desktop safety
   ========================================================= */

#commerce-plans,
.commerce-plans {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

#commerce-plans *,
.commerce-plans * {
  box-sizing: border-box;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {

  /* -----------------------------------------
     Global spacing موبایل
     ----------------------------------------- */

  main > section.section {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  main > .page-hero,
  main > section.page-hero {
    padding-top: 26px !important;
    padding-bottom: 20px !important;
  }

  main > section + section {
    margin-top: 0 !important;
  }

  .section-title,
  .section-head,
  .section-header {
    margin-bottom: 16px !important;
  }

  .cta-box {
    margin-top: 24px !important;
  }


  /* -----------------------------------------
     Checkout container
     ----------------------------------------- */

  .checkout-section {
    width: 100% !important;
    max-width: 100% !important;

    padding-top: 18px !important;
    padding-bottom: 28px !important;

    overflow: visible !important;
  }

  .checkout-section .container,
  .checkout-section .checkout-layout {
    display: flex !important;
    flex-direction: column !important;

    width: calc(100% - 24px) !important;
    max-width: 520px !important;
    min-width: 0 !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    gap: 14px !important;

    overflow: visible !important;
  }

  .checkout-layout > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
  }


  /* -----------------------------------------
     Checkout cards
     ----------------------------------------- */

  .checkout-card,
  .checkout-assurance {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    padding: 15px !important;

    margin: 0 !important;

    border-radius: 18px !important;

    overflow: hidden !important;
  }


  /* =====================================================
     PLAN LIST
     مهم‌ترین بخش:
     کاروسل کاملاً در موبایل خاموش می‌شود.
     ===================================================== */

  #commerce-plans.ty-plans-normalized,
  .commerce-plans.ty-plans-normalized,
  #commerce-plans,
  .commerce-plans {
    position: static !important;

    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 14px 0 0 !important;
    padding: 0 !important;

    gap: 12px !important;

    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;

    white-space: normal !important;

    scroll-snap-type: none !important;

    transform: none !important;
  }


  /* -----------------------------------------
     هر پلن
     ----------------------------------------- */

  #commerce-plans > *,
  .commerce-plans > *,
  .ty-plan-item {
    position: relative !important;

    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    display: block !important;

    flex: 0 0 auto !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;

    transform: none !important;
    translate: none !important;

    scroll-snap-align: none !important;

    overflow: hidden !important;
  }


  /* -----------------------------------------
     حذف ارتفاع‌های عجیب داخل کارت فعال
     ----------------------------------------- */

  .ty-plan-item [class*="body"],
  .ty-plan-item [class*="content"],
  .ty-plan-item [class*="detail"],
  .ty-plan-item [class*="feature"],
  .ty-plan-item [class*="benefit"] {
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    transform: none !important;
  }


  /* -----------------------------------------
     جلوگیری از بیرون‌زدگی متن و قیمت
     ----------------------------------------- */

  .ty-plan-item h2,
  .ty-plan-item h3,
  .ty-plan-item h4,
  .ty-plan-item p,
  .ty-plan-item span,
  .ty-plan-item strong,
  .ty-plan-item small {
    max-width: 100% !important;

    white-space: normal !important;

    overflow-wrap: break-word !important;
  }


  /* -----------------------------------------
     Button / inputs
     ----------------------------------------- */

  .checkout-card button,
  .checkout-card .btn,
  .checkout-card input,
  .checkout-card select,
  .checkout-card textarea {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .checkout-card input,
  .checkout-card select,
  .checkout-card textarea {
    width: 100% !important;

    font-size: 16px !important;
  }

  .checkout-submit {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    white-space: normal !important;
    text-align: center !important;
  }


  /* -----------------------------------------
     FAQ final CTA
     ----------------------------------------- */

  .faq + .cta-box,
  .ty-faq-final-cta {
    margin-top: 28px !important;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 390px) {

  .checkout-section .container,
  .checkout-section .checkout-layout {
    width: calc(100% - 18px) !important;
  }

  .checkout-card,
  .checkout-assurance {
    padding: 13px !important;
    border-radius: 16px !important;
  }

  #commerce-plans,
  .commerce-plans {
    gap: 10px !important;
  }

  main > section.section {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

}


/* =====================================
   SOURCE: site-final-v5.css
   ===================================== */
/* =========================================================
   TAMINYAR SITE FINAL V5
   ========================================================= */


/* =========================================================
   HOME EXPERIENCE SECTION
   ========================================================= */

.home-final-cta-section {
  margin: 0 !important;

  padding:
    42px 0
    30px !important;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f7fbf8 32%,
      #f1f8f4 68%,
      #eaf5ef 100%
    ) !important;
}

.home-final-cta-section .container,
.home-final-cta-section .cta-box {
  margin-bottom: 0 !important;
}


/* فاصله دکمه‌ها */
.home-final-cta-actions {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  flex-wrap: wrap !important;

  gap: 32px !important;

  margin-top: 24px !important;
}

.home-final-cta-actions > .btn {
  min-width: 180px !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
}


/* تماس با ما - سفید */
.home-final-cta-section a[href="contact.html"],
.home-final-cta-actions a[href="contact.html"] {
  color: #ffffff !important;

  border-color:
    rgba(255,255,255,.72) !important;
}

.home-final-cta-section a[href="contact.html"]:hover,
.home-final-cta-actions a[href="contact.html"]:hover {
  color: #ffffff !important;

  border-color: #ffffff !important;

  background:
    rgba(255,255,255,.10) !important;
}


/* =========================================================
   BRIDGE
   بدون هیچ نوار سفید
   ========================================================= */

.home-footer-bridge {
  width: 100% !important;

  margin: 0 !important;

  /*
   * بالا صفر؛ یعنی مستقیم به سکشن تجربه وصل می‌شود
   */
  padding:
    0 0
    42px !important;

  background:
    linear-gradient(
      180deg,
      #eaf5ef 0%,
      #e5f2eb 100%
    ) !important;
}

.home-final-cta-section + .home-footer-bridge {
  margin-top: 0 !important;
}


/* container */
.home-footer-bridge > .container {
  width:
    calc(100% - 64px) !important;

  max-width:
    1450px !important;

  margin:
    0 auto !important;

  padding:
    0 !important;
}


/* =========================================================
   3 LARGE BOXES
   ========================================================= */

/*
 * کارت بیرونی قبلی عملاً حذف می‌شود
 * و هر آیتم خودش یک باکس مستقل می‌شود.
 */
.home-footer-bridge-card {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  gap:
    22px !important;

  width:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;

  background:
    transparent !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  box-shadow:
    none !important;
}


/* جداکننده قدیمی دیگر لازم نیست */
.bridge-divider {
  display: none !important;
}


/* هر کدام از سه باکس */
.bridge-item {
  position: relative !important;

  display: flex !important;

  align-items: center !important;
  justify-content: flex-start !important;

  min-width: 0 !important;

  min-height:
    138px !important;

  padding:
    27px 30px !important;

  gap:
    18px !important;

  direction:
    rtl !important;

  text-align:
    right !important;

  background:
    rgba(255,255,255,.97) !important;

  border:
    1px solid
    rgba(180,216,195,.95) !important;

  border-radius:
    26px !important;

  box-shadow:
    0 18px 48px
    rgba(5,57,34,.09) !important;
}


.bridge-item > div:last-child {
  min-width:
    0 !important;

  display:
    flex !important;

  flex-direction:
    column !important;

  gap:
    6px !important;
}


/* آیکن‌ها بزرگ‌تر */
.bridge-icon {
  width:
    60px !important;

  height:
    60px !important;

  flex:
    0 0 60px !important;

  display:
    grid !important;

  place-items:
    center !important;

  border-radius:
    19px !important;

  color:
    #117442 !important;

  background:
    linear-gradient(
      145deg,
      #e6f8ed,
      #f7fff9
    ) !important;

  box-shadow:
    inset 0 0 0 1px
    rgba(30,155,76,.12) !important;
}


.bridge-icon svg {
  width:
    28px !important;

  height:
    28px !important;

  stroke-width:
    1.9 !important;
}


/* عنوان بزرگ‌تر */
.bridge-item strong {
  color:
    #103c2a !important;

  font-size:
    16px !important;

  font-weight:
    900 !important;

  line-height:
    1.7 !important;
}


/* توضیح بزرگ‌تر */
.bridge-item span {
  color:
    #687e73 !important;

  font-size:
    12.5px !important;

  line-height:
    1.9 !important;
}


/* =========================================================
   FOOTER BRAND
   بدون JavaScript
   ========================================================= */

/*
 * لینک لوگوی اصلی فوتر
 */
.site-footer a[href="index.html"],
.site-footer a[href="./index.html"],
.site-footer a[href="/"] {
  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  text-align:
    center !important;

  text-decoration:
    none !important;

  /*
   * متن اصلی و ناخوانا مخفی می‌شود
   */
  font-size:
    0 !important;

  line-height:
    0 !important;

  color:
    transparent !important;
}


/*
 * هر متن داخل لینک برند هم مخفی
 * ولی تصویر باقی می‌ماند.
 */
.site-footer a[href="index.html"] span,
.site-footer a[href="index.html"] strong,
.site-footer a[href="index.html"] p,

.site-footer a[href="./index.html"] span,
.site-footer a[href="./index.html"] strong,
.site-footer a[href="./index.html"] p,

.site-footer a[href="/"] span,
.site-footer a[href="/"] strong,
.site-footer a[href="/"] p {
  font-size:
    0 !important;

  line-height:
    0 !important;

  color:
    transparent !important;

  margin:
    0 !important;
}


/*
 * لوگو دست‌نخورده
 */
.site-footer a[href="index.html"] img,
.site-footer a[href="./index.html"] img,
.site-footer a[href="/"] img {
  display:
    block !important;

  margin:
    0 auto 12px !important;
}


/*
 * متن دستی جدید
 */
.site-footer a[href="index.html"]::after,
.site-footer a[href="./index.html"]::after,
.site-footer a[href="/"]::after {
  content:
    "تأمین‌یار\Aاز بیمه‌پردازی تا بازنشستگی";

  display:
    block !important;

  white-space:
    pre-line !important;

  color:
    #ffffff !important;

  font-size:
    19px !important;

  font-weight:
    900 !important;

  line-height:
    1.8 !important;

  text-align:
    center !important;
}


/* خط دوم کمی ملایم‌تر نیست چون pseudo یکپارچه است؛
   در عوض shadow ظریف برای خوانایی */
.site-footer a[href="index.html"]::after,
.site-footer a[href="./index.html"]::after,
.site-footer a[href="/"]::after {
  text-shadow:
    0 1px 8px
    rgba(0,0,0,.18);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

  .home-final-cta-section {
    padding:
      28px 0
      24px !important;
  }

  .home-final-cta-actions {
    gap:
      14px !important;
  }

  .home-final-cta-actions > .btn {
    min-width:
      145px !important;
  }


  .home-footer-bridge {
    padding:
      0 0
      28px !important;
  }

  .home-footer-bridge > .container {
    width:
      calc(100% - 24px) !important;
  }


  .home-footer-bridge-card {
    grid-template-columns:
      1fr !important;

    gap:
      13px !important;
  }


  .bridge-item {
    min-height:
      105px !important;

    padding:
      19px 18px !important;

    border-radius:
      20px !important;

    gap:
      14px !important;
  }


  .bridge-icon {
    width:
      50px !important;

    height:
      50px !important;

    flex-basis:
      50px !important;

    border-radius:
      16px !important;
  }


  .bridge-icon svg {
    width:
      24px !important;

    height:
      24px !important;
  }


  .bridge-item strong {
    font-size:
      14px !important;
  }


  .bridge-item span {
    font-size:
      11.5px !important;
  }


  .site-footer a[href="index.html"]::after,
  .site-footer a[href="./index.html"]::after,
  .site-footer a[href="/"]::after {
    font-size:
      17px !important;
  }

}


@media (max-width: 390px) {

  .home-final-cta-actions {
    flex-direction:
      column !important;

    align-items:
      stretch !important;
  }

  .home-final-cta-actions > .btn {
    width:
      100% !important;

    min-width:
      0 !important;
  }

}


/* =========================================================
   FOOTER TAMINYAR MARK
   ========================================================= */

.site-footer .footer-brand img,
.site-footer .brand img,
.site-footer .footer-brand-logo {
  display: block !important;

  width: 118px !important;
  height: 118px !important;

  object-fit: contain !important;

  margin: 0 auto 14px !important;

  background: transparent !important;
  border-radius: 0 !important;
}


/* متن فوتر خوانا */
.site-footer .footer-brand .brand span {
  color: #ffffff !important;

  font-size: 20px !important;
  font-weight: 900 !important;

  line-height: 1.6 !important;

  text-align: center !important;
}


.site-footer .footer-brand .brand span small {
  display: block !important;

  margin-top: 2px !important;

  color: rgba(255,255,255,.68) !important;

  font-size: 11px !important;
  font-weight: 500 !important;
}


@media (max-width: 640px) {

  .site-footer .footer-brand img,
  .site-footer .brand img,
  .site-footer .footer-brand-logo {
    width: 100px !important;
    height: 100px !important;
  }

}


/* =====================================
   SOURCE: site-upgrade-v1.css
   ===================================== */
/* =========================================================
   TAMINYAR SITE UPGRADE V1
   ========================================================= */

/* ---------------------------------------------------------
   Global safety
   --------------------------------------------------------- */
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

/* ---------------------------------------------------------
   Fix white strip near footer / pre-footer
   --------------------------------------------------------- */
.home-final-cta-section,
.home-footer-bridge,
.site-footer {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow: clip;
    box-sizing: border-box;
}

.home-final-cta-section > .container,
.home-footer-bridge > .container,
.site-footer > .container {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}

/* ---------------------------------------------------------
   Trust & transparency section
   --------------------------------------------------------- */
.site-trust-section {
    position: relative;
    background:
        linear-gradient(180deg, #f6fbf9 0%, #eef6f2 100%);
    padding: 72px 0;
}

.site-trust-section .section-head.center {
    max-width: 760px;
    margin-inline: auto;
    text-align: center;
}

.site-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 30px;
}

.site-trust-card {
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(6, 42, 66, .08);
    border-radius: 24px;
    padding: 22px 20px;
    box-shadow: 0 14px 40px rgba(7, 34, 51, .08);
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.site-trust-card:hover {
    transform: translateY(-4px);
    border-color: rgba(12, 129, 92, .18);
    box-shadow: 0 22px 50px rgba(7, 34, 51, .12);
}

.site-trust-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    margin-bottom: 14px;
    background: linear-gradient(135deg, #e7fff4, #f7fcfa);
    color: #0b8d65;
    font-size: 22px;
    font-weight: 900;
}

.site-trust-card h3 {
    margin: 0 0 10px;
    color: #052e4a;
    font-size: 18px;
    line-height: 1.6;
}

.site-trust-card p {
    margin: 0 0 14px;
    color: #58707f;
    line-height: 2;
    font-size: 14px;
}

.site-trust-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #0b8d65;
    font-weight: 800;
    text-decoration: none;
}

.site-trust-link:hover {
    color: #08694d;
}

/* ---------------------------------------------------------
   Footer polish
   --------------------------------------------------------- */
.site-footer {
    background: linear-gradient(180deg, #042843 0%, #032339 100%);
    border-top: 1px solid rgba(255,255,255,.06);
}

.site-footer .footer-grid {
    gap: 28px;
}

.site-footer .footer-title {
    margin-bottom: 12px;
    color: #ffffff;
    font-weight: 900;
}

.site-footer .footer-links {
    display: grid;
    gap: 10px;
}

.site-footer .footer-links a {
    color: rgba(255,255,255,.82);
    text-decoration: none;
    transition:
        color .18s ease,
        transform .18s ease;
}

.site-footer .footer-links a:hover {
    color: #7ff1b8;
    transform: translateX(-2px);
}

.site-footer .footer-bottom {
    border-top: 1px solid rgba(255,255,255,.08);
    margin-top: 18px;
    padding-top: 16px;
}

/* ---------------------------------------------------------
   Contact privacy note
   --------------------------------------------------------- */
.contact-privacy-note {
    margin-top: 14px;
    padding: 14px 16px;
    border-radius: 16px;
    background: #f6fbf8;
    border: 1px solid #d7ebe1;
    color: #4f6876;
    font-size: 13px;
    line-height: 2;
}

.contact-privacy-note a {
    color: #0b8d65;
    font-weight: 800;
    text-decoration: none;
}

/* ---------------------------------------------------------
   CTA consistency
   --------------------------------------------------------- */
.ty-coming-soon-cta {
    white-space: nowrap;
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */
@media (max-width: 1100px) {
    .site-trust-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .site-trust-section {
        padding: 52px 0;
    }

    .site-trust-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .site-trust-card {
        border-radius: 20px;
        padding: 18px 16px;
    }

    .home-final-cta-section > .container,
    .home-footer-bridge > .container,
    .site-footer > .container {
        width: min(100%, calc(100% - 24px));
    }
}


/* =========================================================
   TRUST SECTION MOTION ENHANCEMENT
   ========================================================= */

.site-trust-card.reveal {
    transition:
        opacity .55s ease,
        transform .6s cubic-bezier(.22,.61,.36,1),
        box-shadow .22s ease,
        border-color .22s ease;
}

.site-trust-card.reveal:nth-child(1) {
    transition-delay: 0ms;
}

.site-trust-card.reveal:nth-child(2) {
    transition-delay: 70ms;
}

.site-trust-card.reveal:nth-child(3) {
    transition-delay: 140ms;
}

.site-trust-card.reveal:nth-child(4) {
    transition-delay: 210ms;
}

@media (max-width: 768px) {
    .site-trust-card.reveal:nth-child(n) {
        transition-delay: 0ms;
    }
}


/* =========================================================
   TRUST SECTION MOTION ENHANCEMENT
   ========================================================= */

.site-trust-card.reveal {
    transition:
        opacity .55s ease,
        transform .6s cubic-bezier(.22,.61,.36,1),
        box-shadow .22s ease,
        border-color .22s ease;
}

.site-trust-card.reveal:nth-child(1) {
    transition-delay: 0ms;
}

.site-trust-card.reveal:nth-child(2) {
    transition-delay: 70ms;
}

.site-trust-card.reveal:nth-child(3) {
    transition-delay: 140ms;
}

.site-trust-card.reveal:nth-child(4) {
    transition-delay: 210ms;
}

@media (max-width: 768px) {
    .site-trust-card.reveal:nth-child(n) {
        transition-delay: 0ms;
    }
}


/* =====================================
   SOURCE: home-upgrade-v2.css
   ===================================== */
/* =========================================================
   TAMINYAR HOME UPGRADE V2
   HERO + SUBSCRIPTION PLANS
   ========================================================= */


/* =========================================================
   HERO
   ========================================================= */

.ty-hero-kicker-v2 {
    display: inline-flex;
    align-items: center;
    width: fit-content;

    padding: 7px 13px;
    margin-bottom: 12px;

    border: 1px solid rgba(15, 139, 101, .14);
    border-radius: 999px;

    background: rgba(239, 252, 246, .78);

    color: #087657;

    font-size: 13px;
    font-weight: 850;
}


.ty-hero-status-v2 {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    width: fit-content;

    margin-bottom: 13px;
    padding: 8px 13px;

    border-radius: 999px;

    background: rgba(5, 46, 73, .055);
    border: 1px solid rgba(5, 46, 73, .08);

    color: #315468;

    font-size: 12px;
    font-weight: 750;
}


.ty-status-dot {
    width: 8px;
    height: 8px;

    flex: 0 0 8px;

    border-radius: 50%;

    background: #11a36f;

    box-shadow:
        0 0 0 0 rgba(17, 163, 111, .28);

    animation:
        tyStatusPulse 2.4s ease-out infinite;
}


@keyframes tyStatusPulse {
    0% {
        box-shadow:
            0 0 0 0 rgba(17, 163, 111, .3);
    }

    60% {
        box-shadow:
            0 0 0 8px rgba(17, 163, 111, 0);
    }

    100% {
        box-shadow:
            0 0 0 0 rgba(17, 163, 111, 0);
    }
}


.ty-hero-title-v2 {
    max-width: 720px;

    font-size: clamp(38px, 4.6vw, 67px) !important;

    line-height: 1.25 !important;

    letter-spacing: -.7px;
}


.ty-hero-primary-v2 {
    position: relative;
    overflow: hidden;
}


.ty-hero-primary-v2::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            110deg,
            transparent 25%,
            rgba(255,255,255,.20) 45%,
            transparent 65%
        );

    transform: translateX(120%);

    animation:
        tyHeroButtonShine 4.8s ease-in-out infinite;
}


@keyframes tyHeroButtonShine {
    0%,
    70% {
        transform: translateX(120%);
    }

    88%,
    100% {
        transform: translateX(-120%);
    }
}


.ty-hero-release-note {
    display: flex;
    align-items: center;
    gap: 7px;

    margin: 12px 0 0;

    color: #72838d;

    font-size: 11.5px;
    line-height: 1.9;
}


.ty-hero-release-note::before {
    content: "✓";

    display: inline-grid;
    place-items: center;

    width: 17px;
    height: 17px;

    flex: 0 0 17px;

    border-radius: 50%;

    background: #e8f8f0;
    color: #07825d;

    font-size: 10px;
    font-weight: 900;
}


/* =========================================================
   PLAN CHOOSER
   ========================================================= */

.plan-chooser-v2 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 10px;

    max-width: 910px;

    margin:
        24px auto
        30px;

    padding: 7px;

    border: 1px solid rgba(6, 48, 74, .08);
    border-radius: 20px;

    background:
        rgba(255,255,255,.72);

    box-shadow:
        0 10px 35px rgba(10, 38, 54, .045);
}


.plan-chooser-item {
    display: flex;
    flex-direction: column;
    justify-content: center;

    min-height: 78px;

    padding: 13px 15px;

    border-radius: 15px;

    transition:
        transform .2s ease,
        background .2s ease;
}


.plan-chooser-item strong {
    color: #133f58;

    font-size: 12.5px;
    line-height: 1.7;
}


.plan-chooser-item span {
    margin-top: 3px;

    color: #73858f;

    font-size: 11px;
}


.plan-chooser-item.is-featured {
    background:
        linear-gradient(
            135deg,
            #edf9f3,
            #f7fcf9
        );

    box-shadow:
        inset 0 0 0 1px rgba(14, 143, 101, .11);
}


.plan-chooser-item.is-featured strong,
.plan-chooser-item.is-featured span {
    color: #087252;
}


/* =========================================================
   PLAN CARDS V2
   ========================================================= */

.price-card {
    position: relative;
    overflow: visible;

    transition:
        transform .26s ease,
        box-shadow .26s ease,
        border-color .26s ease !important;
}


.price-card:hover {
    transform: translateY(-6px);

    box-shadow:
        0 24px 58px rgba(6, 37, 54, .12);
}


.plan-card-top-v2 {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    margin-bottom: 5px;
}


.plan-card-top-v2 h3 {
    margin: 0;
}


.plan-card-tag-v2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 28px;

    padding: 5px 10px;

    border-radius: 999px;

    background: #f1f6f4;
    color: #567169;

    font-size: 10px;
    font-weight: 850;

    white-space: nowrap;
}


.plan-audience-v2 {
    min-height: 48px;

    margin: 7px 0 14px;

    color: #71828d;

    font-size: 11.5px;
    line-height: 1.9;
}


/* ---------------------------------------------------------
   Awareness
   --------------------------------------------------------- */

.price-card--awareness {
    border-top:
        3px solid rgba(178, 112, 64, .55) !important;
}


.price-card--awareness .plan-card-tag-v2 {
    background: #fff4ec;
    color: #985b32;
}


/* ---------------------------------------------------------
   Professional
   --------------------------------------------------------- */

.price-card--professional {
    border-color:
        rgba(7, 137, 95, .25) !important;

    border-top:
        3px solid #0a976b !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f7fcf9 100%
        ) !important;
}


.price-card--featured {
    transform:
        translateY(-8px);
}


.price-card--featured:hover {
    transform:
        translateY(-13px);
}


.price-card--professional .plan-card-tag-v2 {
    background:
        linear-gradient(
            135deg,
            #0a976b,
            #087555
        );

    color: #fff;

    box-shadow:
        0 7px 18px rgba(8, 117, 85, .18);
}


/* ---------------------------------------------------------
   Advisor
   --------------------------------------------------------- */

.price-card--advisor {
    border-top:
        3px solid rgba(218, 174, 63, .72) !important;
}


.price-card--advisor .plan-card-tag-v2 {
    background: #fff8dd;
    color: #85650d;
}


/* =========================================================
   REVEAL STAGGER
   homepage already owns reveal logic
   ========================================================= */

.price-card--awareness.reveal {
    transition-delay: 0ms;
}

.price-card--professional.reveal {
    transition-delay: 75ms;
}

.price-card--advisor.reveal {
    transition-delay: 150ms;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .plan-chooser-v2 {
        grid-template-columns: 1fr;
        max-width: 600px;
    }

    .plan-chooser-item {
        min-height: auto;
    }

    .price-card--featured {
        transform: none;
    }

    .price-card--featured:hover {
        transform: translateY(-5px);
    }
}


@media (max-width: 640px) {

    .ty-hero-title-v2 {
        font-size:
            clamp(32px, 10vw, 45px) !important;

        line-height: 1.32 !important;
    }

    .ty-hero-status-v2 {
        font-size: 10.5px;
    }

    .ty-hero-release-note {
        font-size: 10.5px;
    }

    .plan-card-top-v2 {
        align-items: flex-start;
    }

    .plan-card-tag-v2 {
        font-size: 9px;
    }

    .plan-audience-v2 {
        min-height: 0;
    }

    /*
     * روی موبایل stagger حذف می‌شود
     * تا UI سریع و روان بماند.
     */
    .price-card--awareness.reveal,
    .price-card--professional.reveal,
    .price-card--advisor.reveal {
        transition-delay: 0ms;
    }
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .ty-status-dot,
    .ty-hero-primary-v2::after {
        animation: none !important;
    }

    .price-card,
    .price-card:hover,
    .price-card--featured,
    .price-card--featured:hover {
        transform: none !important;
        transition: none !important;
    }
}


/* =====================================
   SOURCE: footer-master-v5.css
   ===================================== */
/* =========================================================
   TAMINYAR FOOTER MASTER V5
   تنها استایل نهایی Footer
   Desktop + Tablet + Mobile
   ========================================================= */


/* =========================================================
   BASE
   ========================================================= */

html body .site-footer {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;

    padding: 36px 0 18px !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 50% -15%,
            rgba(55, 195, 106, .16),
            transparent 36%
        ),
        linear-gradient(
            180deg,
            #123949 0%,
            #0c2b39 100%
        ) !important;

    color: #fff !important;
}


html body .site-footer::before {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    left: 0 !important;

    height: 1px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(67, 205, 115, .7),
            transparent
        ) !important;
}


html body .site-footer,
html body .site-footer *,
html body .site-footer *::before,
html body .site-footer *::after {
    box-sizing: border-box !important;
}


/* =========================================================
   CONTAINER
   ========================================================= */

html body .site-footer > .container {
    position: relative !important;

    width: min(
        1160px,
        calc(100% - 36px)
    ) !important;

    max-width: 1160px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}


/* =========================================================
   GRID
   مهم: دیگر کارت‌ها کش نمی‌آیند
   ========================================================= */

html body .site-footer .footer-grid {
    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    gap: 12px !important;

    align-items: start !important;
    justify-items: stretch !important;

    width: 100% !important;
}


html body .site-footer .footer-grid > div {
    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: flex-start !important;

    align-self: start !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;

    padding: 20px 16px !important;

    border:
        1px solid
        rgba(255,255,255,.075) !important;

    border-radius: 18px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.025)
        ) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.035) !important;

    text-align: center !important;

    overflow: hidden !important;

    animation:
        tyFooterMasterEnter
        .42s
        ease-out
        both;
}


html body .site-footer .footer-grid > div:nth-child(2) {
    animation-delay: .04s;
}

html body .site-footer .footer-grid > div:nth-child(3) {
    animation-delay: .08s;
}

html body .site-footer .footer-grid > div:nth-child(4) {
    animation-delay: .12s;
}


/* =========================================================
   BRAND
   ========================================================= */

html body .site-footer .footer-brand {
    text-align: center !important;
}


html body .site-footer .footer-brand .brand {
    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 7px !important;

    width: 100% !important;

    margin: 0 auto 12px !important;

    color: #fff !important;

    text-align: center !important;

    text-decoration: none !important;
}


html body .site-footer .footer-brand .brand img {
    display: block !important;

    width: 50px !important;
    height: 50px !important;

    min-width: 50px !important;

    margin: 0 auto !important;

    border-radius: 50% !important;

    background: #fff !important;

    object-fit: contain !important;

    box-shadow:
        0 8px 22px
        rgba(0,0,0,.13) !important;
}


html body .site-footer .footer-brand .brand > span {
    display: block !important;

    color: #fff !important;

    font-size: 15px !important;
    font-weight: 900 !important;

    line-height: 1.7 !important;

    text-align: center !important;
}


html body .site-footer .footer-brand .brand small {
    display: block !important;

    margin-top: 2px !important;

    color: #9fb5c0 !important;

    font-size: 9px !important;
    font-weight: 500 !important;

    text-align: center !important;
}


html body .site-footer .footer-brand p {
    width: 100% !important;
    max-width: 285px !important;

    margin: 0 auto !important;

    color: #bfd0d7 !important;

    font-size: 10.5px !important;

    line-height: 2 !important;

    text-align: center !important;
}


/* =========================================================
   TITLE
   ========================================================= */

html body .site-footer .footer-title {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    margin: 0 0 16px !important;

    /*
     * فاصله بیشتر بین متن و خط سبز
     */
    padding: 0 0 22px !important;

    color: #fff !important;

    font-size: 13px !important;
    font-weight: 900 !important;

    line-height: 1.7 !important;

    text-align: center !important;
}


/* هر خط عمودی قبلی حذف */

html body .site-footer .footer-title::before {
    content: none !important;

    display: none !important;
}


/* خط سبز با فاصله مناسب */

html body .site-footer .footer-title::after {
    content: "" !important;

    display: block !important;

    position: absolute !important;

    top: auto !important;
    right: 50% !important;
    bottom: 4px !important;
    left: auto !important;

    width: 31px !important;
    height: 3px !important;

    margin: 0 !important;

    border: 0 !important;
    border-radius: 999px !important;

    background:
        linear-gradient(
            90deg,
            #20af55,
            #4bd47d
        ) !important;

    transform: translateX(50%) !important;
}


/* =========================================================
   LINKS
   ========================================================= */

html body .site-footer .footer-links {
    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;

    gap: 6px !important;

    width: 100% !important;

    margin: 0 !important;
}


html body .site-footer .footer-links a {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    min-height: 36px !important;

    margin: 0 !important;

    padding: 7px 9px !important;

    border:
        1px solid
        rgba(255,255,255,.04) !important;

    border-radius: 10px !important;

    background:
        rgba(255,255,255,.025) !important;

    color: #cedce2 !important;

    font-size: 10px !important;
    font-weight: 650 !important;

    line-height: 1.6 !important;

    text-align: center !important;
    text-decoration: none !important;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease !important;
}


html body .site-footer .footer-links a::before,
html body .site-footer .footer-links a::after {
    content: none !important;

    display: none !important;
}


html body .site-footer .footer-links a:hover {
    color: #fff !important;

    background:
        rgba(45, 190, 96, .11) !important;

    transform:
        translateY(-1px) !important;
}


/* =========================================================
   CONTACT
   ========================================================= */

html body .site-footer .contact-mini {
    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;

    gap: 6px !important;

    width: 100% !important;

    margin: 0 !important;

    text-align: center !important;
}


html body .site-footer .contact-mini > * {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    min-height: 36px !important;

    margin: 0 !important;

    padding: 7px 9px !important;

    border:
        1px solid
        rgba(255,255,255,.045) !important;

    border-radius: 10px !important;

    background:
        rgba(255,255,255,.03) !important;

    color: #d3e0e5 !important;

    font-size: 10.5px !important;
    font-weight: 600 !important;

    line-height: 1.7 !important;

    text-align: center !important;

    text-decoration: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    overflow-wrap: anywhere !important;
}


/* =========================================================
   PHONE
   شماره وجود دارد؛ فقط باید کاملاً خوانا شود
   ========================================================= */

html body .site-footer
.contact-mini
a[data-config-item="phone"] {

    display: flex !important;

    color: #ffffff !important;

    background:
        rgba(255,255,255,.085) !important;

    border-color:
        rgba(255,255,255,.11) !important;

    font-size: 12.5px !important;
    font-weight: 850 !important;

    direction: ltr !important;

    unicode-bidi: isolate !important;

    letter-spacing: .15px !important;

    opacity: 1 !important;
    visibility: visible !important;

    text-shadow:
        0 1px 4px
        rgba(0,0,0,.16) !important;
}


html body .site-footer
.contact-mini
a[data-config-item="phone"] * {

    color: #ffffff !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* EMAIL */

html body .site-footer
.contact-mini
a[data-config-href="email"],
html body .site-footer
.contact-mini
a[data-config-href="email"] * {

    color: #d7e4e9 !important;
}


/* WORK HOURS */

html body .site-footer
.contact-mini
[data-config="workHours"] {

    color: #b7cbd3 !important;
}


/* =========================================================
   ENAMAD
   ========================================================= */

html body .site-footer .enamad-slot {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 138px !important;
    max-width: 138px !important;

    min-height: 84px !important;

    margin: 12px auto 0 !important;

    padding: 8px !important;

    border-radius: 13px !important;

    background: #fff !important;

    box-shadow:
        0 7px 20px
        rgba(0,0,0,.09) !important;
}


html body .site-footer .enamad-slot a {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: auto !important;
}


html body .site-footer .enamad-slot img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 67px !important;
    max-height: 67px !important;

    margin: 0 auto !important;
}


/* =========================================================
   FOOTER BOTTOM
   ========================================================= */

html body .site-footer .footer-bottom {
    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 4px !important;

    width: 100% !important;

    margin: 16px 0 0 !important;

    padding: 14px 0 0 !important;

    border-top:
        1px solid
        rgba(255,255,255,.075) !important;

    text-align: center !important;
}


html body .site-footer .footer-bottom > span {
    display: block !important;

    color: #8fa6b1 !important;

    font-size: 9px !important;

    line-height: 1.8 !important;

    text-align: center !important;
}


html body .site-footer
.footer-bottom
[data-config="domain"] {

    display: inline !important;

    color: #45cb76 !important;

    font-weight: 800 !important;

    direction: ltr !important;

    unicode-bidi: isolate !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    html body .site-footer .footer-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        align-items: start !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 620px) {

    html body .site-footer {
        padding:
            27px
            0
            15px !important;
    }


    html body .site-footer > .container {
        width:
            calc(100% - 24px) !important;
    }


    html body .site-footer .footer-grid {
        grid-template-columns:
            minmax(0, 1fr) !important;

        gap: 9px !important;

        align-items: start !important;
    }


    html body .site-footer
    .footer-grid > div {

        height: auto !important;
        min-height: 0 !important;

        padding:
            17px
            14px !important;
    }


    html body .site-footer
    .footer-title {

        padding-bottom:
            21px !important;

        margin-bottom:
            15px !important;
    }


    html body .site-footer
    .footer-links {

        display: grid !important;

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;
    }


    html body .site-footer
    .contact-mini
    a[data-config-item="phone"] {

        font-size:
            13px !important;
    }

}


@media (max-width: 370px) {

    html body .site-footer
    .footer-links {

        grid-template-columns:
            minmax(0, 1fr) !important;
    }

}


/* =========================================================
   ANIMATION
   ========================================================= */

@keyframes tyFooterMasterEnter {

    from {
        opacity: 0;

        transform:
            translate3d(
                0,
                8px,
                0
            );
    }

    to {
        opacity: 1;

        transform: none;
    }

}


@media (prefers-reduced-motion: reduce) {

    html body .site-footer
    .footer-grid > div {

        animation:
            none !important;
    }

}


/* =========================================================
   FOOTER PHONE — FINAL
   ========================================================= */

html body .site-footer
.contact-mini
a[data-config-item="phone"] {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    direction: ltr !important;
    unicode-bidi: isolate !important;

    opacity: 1 !important;
    visibility: visible !important;
}


html body .site-footer
.contact-mini
a[data-config-item="phone"] > span,

html body .site-footer
.contact-mini
a[data-config-item="phone"]
[data-config="phone"] {

    display: inline !important;

    color: #ffffff !important;

    opacity: 1 !important;
    visibility: visible !important;

    font: inherit !important;
}



/* =========================================================
   FOOTER PHONE — FINAL
   ========================================================= */

html body .site-footer
.contact-mini
a[data-config-item="phone"] {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    color: #ffffff !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    direction: ltr !important;
    unicode-bidi: isolate !important;

    opacity: 1 !important;
    visibility: visible !important;
}


html body .site-footer
.contact-mini
a[data-config-item="phone"] > span,

html body .site-footer
.contact-mini
a[data-config-item="phone"]
[data-config="phone"] {

    display: inline !important;

    color: #ffffff !important;

    opacity: 1 !important;
    visibility: visible !important;

    font: inherit !important;
}



/* =========================================================
   FOOTER DESKTOP — EQUAL CARD HEIGHT
   ========================================================= */

@media (min-width: 981px) {

    html body .site-footer .footer-grid {
        align-items: stretch !important;
    }

    html body .site-footer .footer-grid > div {
        height: 100% !important;
        min-height: 0 !important;

        align-self: stretch !important;
    }

}

/* ===== TY FOOTER BRAND FINAL V2 ===== */


/* =========================================================
   BRAND
   اندازه اصلی برند حفظ شود
   ========================================================= */

.site-footer
.footer-brand
.brand {

    width: auto !important;

    margin-left: auto !important;
    margin-right: auto !important;

    transform: none !important;
}


/*
 * متن اصلی کنار/زیر لوگو دوباره نمایش داده شود.
 * این همان نام اصلی برند + subtitle است.
 */

.site-footer
.footer-brand
.brand > span {

    display: flex !important;

    flex-direction: column !important;

    opacity: 1 !important;

    visibility: visible !important;

    transform: none !important;
}


/*
 * لوگو کوچک نشود.
 */

.site-footer
.footer-brand
.brand img {

    transform: none !important;

    opacity: 1 !important;
}


/* =========================================================
   COPYRIGHT
   ========================================================= */

.site-footer
.footer-bottom {

    line-height: 2 !important;
}


/*
 * متن:
 * © تمامی حقوق برای تأمین‌یار محفوظ است.
 */

.site-footer
.footer-bottom > span:first-child {

    font-size: 14px !important;

    font-weight: 700 !important;

    color: rgba(255,255,255,.82) !important;
}


/*
 * دامنه رسمی کمی کوچک‌تر از Copyright
 */

.site-footer
.footer-bottom > span:last-child {

    font-size: 12.5px !important;

    font-weight: 600 !important;
}


@media (max-width: 680px) {

    .site-footer
    .footer-bottom > span:first-child {

        font-size: 13px !important;
    }


    .site-footer
    .footer-bottom > span:last-child {

        font-size: 12px !important;
    }

}


/* =========================================================
   TAMINYAR FOOTER — FINAL BRAND FIX
   علت تکرار نام برند: ::after در site-final-v5.css
   ========================================================= */


/* حذف قطعی نام تأمین‌یار تولیدشده توسط pseudo-element */
html body .site-footer
.footer-brand
a.brand[href="index.html"]::after,

html body .site-footer
.footer-brand
a.brand[href="./index.html"]::after,

html body .site-footer
.footer-brand
a.brand[href="/"]::after {

    content: none !important;

    display: none !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 0 !important;

    opacity: 0 !important;

    text-shadow: none !important;
}


/* برند اصلی دست‌نخورده و با اندازه طبیعی */
html body .site-footer
.footer-brand
.brand {

    transform: none !important;

    scale: 1 !important;

    width: auto !important;

    margin:
        0
        auto
        14px !important;
}


/* نام اصلی تأمین‌یار و subtitle دوباره با اندازه مناسب */
html body .site-footer
.footer-brand
.brand > span {

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    visibility: visible !important;
    opacity: 1 !important;

    transform: none !important;
}


html body .site-footer
.footer-brand
.brand > span {

    font-size: 17px !important;

    font-weight: 900 !important;

    line-height: 1.45 !important;
}


html body .site-footer
.footer-brand
.brand > span > small {

    display: block !important;

    margin-top: 3px !important;

    font-size: 10.5px !important;

    font-weight: 600 !important;

    line-height: 1.6 !important;
}


/* لوگو به اندازه قبل */
html body .site-footer
.footer-brand
.brand img {

    width: 46px !important;
    height: 46px !important;

    min-width: 46px !important;

    transform: none !important;
}


/* =========================================================
   COPYRIGHT — بزرگ‌تر و خواناتر
   ========================================================= */

html body .site-footer
.footer-bottom {

    font-size: 14px !important;

    line-height: 2 !important;
}


html body .site-footer
.footer-bottom > span:first-child {

    font-size: 14px !important;

    font-weight: 700 !important;

    color:
        rgba(255,255,255,.88) !important;
}


html body .site-footer
.footer-bottom > span:last-child {

    font-size: 12.5px !important;

    font-weight: 650 !important;
}


@media (max-width: 680px) {

    html body .site-footer
    .footer-brand
    .brand > span {

        font-size: 17px !important;
    }


    html body .site-footer
    .footer-brand
    .brand > span > small {

        font-size: 10.5px !important;
    }


    html body .site-footer
    .footer-bottom > span:first-child {

        font-size: 13.5px !important;
    }

}


/* =========================================================
   FOOTER BRAND BOX — TEXT SIZE FINAL
   ========================================================= */

/* نام تأمین‌یار زیر لوگو */
html body .site-footer
.footer-brand
.brand > span {

    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
}


/* همراه آموزشی بیمه‌شدگان */
html body .site-footer
.footer-brand
.brand > span > small {

    margin-top: 4px !important;

    font-size: 12.5px !important;
    font-weight: 650 !important;

    line-height: 1.7 !important;

    color: rgba(255,255,255,.70) !important;
}


/* عنوان اصلی:
   از بیمه‌پردازی تا بازنشستگی
*/
html body .site-footer
.footer-brand h2,

html body .site-footer
.footer-brand h3,

html body .site-footer
.footer-brand .footer-brand-title {

    margin:
        11px
        0
        10px !important;

    font-size: 22px !important;

    font-weight: 900 !important;

    line-height: 1.65 !important;

    color: #ffffff !important;

    text-align: center !important;
}


/* توضیح پایین باکس */
html body .site-footer
.footer-brand > p {

    max-width: 310px !important;

    margin:
        0
        auto !important;

    font-size: 14px !important;

    font-weight: 550 !important;

    line-height: 2 !important;

    color:
        rgba(255,255,255,.80) !important;

    text-align:
        center !important;
}


/* موبایل */
@media (max-width: 680px) {

    html body .site-footer
    .footer-brand
    .brand > span {

        font-size: 19px !important;
    }


    html body .site-footer
    .footer-brand
    .brand > span > small {

        font-size: 12px !important;
    }


    html body .site-footer
    .footer-brand h2,

    html body .site-footer
    .footer-brand h3,

    html body .site-footer
    .footer-brand
    .footer-brand-title {

        font-size: 20px !important;
    }


    html body .site-footer
    .footer-brand > p {

        max-width: 290px !important;

        font-size: 13.5px !important;

        line-height: 2.05 !important;
    }

}


/* =========================================================
   TAMINYAR FOOTER — TABLET 768 FIX
   ========================================================= */

@media (min-width: 681px) and (max-width: 860px) {

    .site-footer .container {
        width: calc(100% - 28px) !important;
        max-width: 100% !important;
    }

    .site-footer .footer-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 16px !important;
        align-items: stretch !important;
    }

    .site-footer .footer-grid > * {
        min-width: 0 !important;
        width: 100% !important;
        margin: 0 !important;
    }

    /* ترتیب بهتر در تبلت */
    .site-footer .footer-brand {
        order: 1 !important;
    }

    .site-footer .footer-grid > div:nth-child(2) {
        order: 2 !important;
    }

    .site-footer .footer-grid > div:nth-child(3) {
        order: 3 !important;
    }

    .site-footer .footer-grid > div:nth-child(4) {
        order: 4 !important;
    }

    /* کارت تماس دیگر تمام‌عرض نباشد */
    .site-footer .contact-mini,
    .site-footer .footer-links {
        width: 100% !important;
    }

    .site-footer .footer-brand,
    .site-footer .footer-grid > div {
        min-height: 100% !important;
    }

    .site-footer .footer-bottom {
        margin-top: 18px !important;
        text-align: center !important;
    }
}


/* =========================================================
   TY REAL TABLET FIX — FOOTER
   700px → 900px
   ========================================================= */

@media (min-width:700px) and (max-width:900px) {

    html body .site-footer > .container {
        width: calc(100% - 36px) !important;
        max-width: 820px !important;

        margin-inline:
            auto !important;
    }


    html body .site-footer .footer-grid {

        display:
            grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        grid-template-rows:
            auto auto !important;

        grid-auto-flow:
            row !important;

        gap:
            14px !important;

        align-items:
            stretch !important;

        width:
            100% !important;
    }


    /*
     * مهم:
     * Rule قدیمی Contact را full-width کرده بود.
     * همه چهار کارت را دوباره عادی می‌کنیم.
     */

    html body .site-footer
    .footer-grid > div {

        grid-column:
            auto !important;

        grid-row:
            auto !important;

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            none !important;

        min-height:
            300px !important;

        height:
            auto !important;

        margin:
            0 !important;

        align-self:
            stretch !important;

        justify-self:
            stretch !important;
    }


    /*
     * ترتیب ۲×۲
     */

    html body .site-footer
    .footer-grid > div:nth-child(1) {
        order: 1 !important;
    }

    html body .site-footer
    .footer-grid > div:nth-child(2) {
        order: 2 !important;
    }

    html body .site-footer
    .footer-grid > div:nth-child(3) {
        order: 3 !important;
    }

    html body .site-footer
    .footer-grid > div:nth-child(4) {
        order: 4 !important;
    }


    /*
     * بخش اطلاعات تماس دیگر یک ردیف کامل نگیرد
     */

    html body .site-footer
    .footer-grid > div:last-child {

        grid-column:
            auto !important;

        width:
            100% !important;
    }


    /*
     * Enamad از کارت بیرون نزند
     */

    html body .site-footer
    .enamad-slot {

        max-width:
            100% !important;

        margin-inline:
            auto !important;
    }


    html body .site-footer
    .enamad-slot img {

        max-width:
            140px !important;

        height:
            auto !important;
    }

}


/* =====================================
   SOURCE: taminyar-scrollbar-v2.css
   ===================================== */
/* =========================================================
   TAMINYAR — PREMIUM GLOBAL SCROLLBAR V2
   ========================================================= */


/* Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: #1aa060 #eaf3ef;
}


/* Chrome / Edge / Safari */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 10px;
}


html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background:
        linear-gradient(
            180deg,
            #edf5f1 0%,
            #e7f1ec 100%
        );

    border-left:
        1px solid
        rgba(16, 69, 51, .04);
}


/* خود Thumb */
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    min-height: 72px;

    border:
        3px solid
        transparent;

    border-radius:
        999px;

    background:
        linear-gradient(
            180deg,
            #37c777 0%,
            #1aa060 48%,
            #137a4c 100%
        );

    background-clip:
        padding-box;

    box-shadow:
        inset 0 0 0 1px
        rgba(255,255,255,.08);
}


/* Hover */
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(
            180deg,
            #45d485 0%,
            #20ad68 48%,
            #158654 100%
        );

    background-clip:
        padding-box;
}


/* هنگام Drag */
html::-webkit-scrollbar-thumb:active,
body::-webkit-scrollbar-thumb:active {
    background:
        linear-gradient(
            180deg,
            #16985b,
            #116d45
        );

    background-clip:
        padding-box;
}


/* حذف فلش‌های بالا و پایین */
html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button {
    display: none;

    width: 0;
    height: 0;
}


/* گوشه Scrollbar */
html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner {
    background: #eaf3ef;
}


/* =========================================================
   INTERNAL SCROLL AREAS
   برای منوها یا باکس‌هایی که اسکرول داخلی دارند
   ========================================================= */

* {
    scrollbar-width: thin;
    scrollbar-color:
        rgba(26,160,96,.78)
        rgba(232,243,237,.65);
}


*::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}


*::-webkit-scrollbar-track {
    background:
        rgba(232,243,237,.6);

    border-radius:
        999px;
}


*::-webkit-scrollbar-thumb {
    border:
        2px solid
        transparent;

    border-radius:
        999px;

    background:
        linear-gradient(
            180deg,
            #35c676,
            #178e57
        );

    background-clip:
        padding-box;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 680px) {

    html::-webkit-scrollbar,
    body::-webkit-scrollbar {
        width: 6px;
    }


    html::-webkit-scrollbar-thumb,
    body::-webkit-scrollbar-thumb {
        border-width: 1px;
    }

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto !important;
    }

}


/* =====================================
   SOURCE: back-to-top-v2.css
   ===================================== */
/* =========================================================
   TAMINYAR — BACK TO TOP V2
   ========================================================= */

#ty-back-to-top {
    position: fixed;

    left: 24px;
    bottom: 24px;

    z-index: 9998;

    display: grid;
    place-items: center;

    width: 50px;
    height: 50px;

    padding: 0;

    border:
        1px solid
        rgba(255,255,255,.16);

    border-radius: 17px;

    background:
        linear-gradient(
            145deg,
            #123f53 0%,
            #0d3243 100%
        );

    color: #ffffff;

    box-shadow:
        0 12px 30px
        rgba(8,49,67,.20),
        inset 0 1px 0
        rgba(255,255,255,.08);

    cursor: pointer;

    opacity: 0;
    visibility: hidden;

    transform:
        translateY(14px)
        scale(.92);

    pointer-events: none;

    transition:
        opacity .22s ease,
        visibility .22s ease,
        transform .22s ease,
        background .22s ease,
        box-shadow .22s ease;
}


/* نمایش */

#ty-back-to-top.is-visible {
    opacity: 1;
    visibility: visible;

    transform:
        translateY(0)
        scale(1);

    pointer-events: auto;
}


/* Accent سبز */

#ty-back-to-top::before {
    content: "";

    position: absolute;

    top: 5px;

    width: 16px;
    height: 3px;

    border-radius: 999px;

    background:
        linear-gradient(
            90deg,
            #27b867,
            #54d285
        );
}


/* SVG */

#ty-back-to-top svg {
    display: block;

    width: 22px;
    height: 22px;

    margin-top: 3px;

    fill: none;

    stroke: currentColor;

    stroke-width: 2.2;

    stroke-linecap: round;
    stroke-linejoin: round;

    transition:
        transform .2s ease;
}


#ty-back-to-top:hover {
    background:
        linear-gradient(
            145deg,
            #15985b 0%,
            #117d4b 100%
        );

    box-shadow:
        0 15px 34px
        rgba(18,128,76,.25);

    transform:
        translateY(-3px)
        scale(1);
}


#ty-back-to-top:hover svg {
    transform:
        translateY(-2px);
}


#ty-back-to-top:active {
    transform:
        translateY(0)
        scale(.96);
}


#ty-back-to-top:focus-visible {
    outline:
        3px solid
        rgba(56,199,111,.28);

    outline-offset: 3px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 680px) {

    #ty-back-to-top {
        left: 16px;

        bottom:
            calc(
                16px +
                env(safe-area-inset-bottom)
            );

        width: 46px;
        height: 46px;

        border-radius: 15px;
    }


    #ty-back-to-top svg {
        width: 20px;
        height: 20px;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    #ty-back-to-top,
    #ty-back-to-top svg {
        transition: none !important;
    }

}


/* =====================================
   SOURCE: home-master-final-v1.css
   ===================================== */
/* ===================================================== */
/* SOURCE: assets/css/home-trust-cards-v1.css */
/* ===================================================== */
/* =========================================================
   HOME TRUST / POLICY CARDS
   ========================================================= */

/* ---------- سه کارت بالایی ---------- */

html body .ty-home-trust-mini-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-items: stretch !important;
}

html body .ty-home-trust-mini-card {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;

    min-height: 136px !important;
    padding: 24px 28px !important;

    border: 1px solid rgba(38, 146, 92, 0.18) !important;
    border-radius: 26px !important;

    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,252,251,.96)) !important;

    box-shadow:
        0 18px 40px rgba(14, 64, 44, 0.08) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease !important;
}

html body .ty-home-trust-mini-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(35, 166, 95, 0.28) !important;
    box-shadow:
        0 22px 48px rgba(14, 64, 44, 0.11) !important;
}

html body .ty-home-trust-mini-copy {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-align: right !important;
}

html body .ty-home-trust-mini-copy h3,
html body .ty-home-trust-mini-copy h4,
html body .ty-home-trust-mini-copy strong {
    margin: 0 0 8px !important;
    color: #173f56 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.55 !important;
}

html body .ty-home-trust-mini-copy p,
html body .ty-home-trust-mini-copy span,
html body .ty-home-trust-mini-copy small {
    margin: 0 !important;
    color: #6d8480 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.9 !important;
}

html body .ty-home-trust-mini-icon {
    display: grid !important;
    place-items: center !important;

    flex: 0 0 62px !important;
    width: 62px !important;
    height: 62px !important;

    border-radius: 20px !important;

    color: #1d9d62 !important;

    background:
        linear-gradient(180deg, rgba(41, 189, 104, .12), rgba(23, 144, 91, .08)) !important;

    border: 1px solid rgba(36, 171, 96, .14) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.5),
        0 10px 20px rgba(24, 131, 81, .08) !important;
}

html body .ty-home-trust-mini-icon svg {
    width: 28px !important;
    height: 28px !important;
    display: block !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}


/* ---------- چهار کارت پایینی ---------- */

html body .ty-home-policy-grid {
    direction: rtl !important;
}

html body .ty-home-policy-card {
    position: relative !important;
}

html body .ty-home-policy-card .feature-icon,
html body .ty-home-policy-card .info-icon,
html body .ty-home-policy-card [aria-hidden="true"] {
    color: #1fa25f !important;
}


/* ---------- ریسپانسیو ---------- */

@media (max-width: 1100px) {
    html body .ty-home-trust-mini-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    html body .ty-home-trust-mini-card {
        min-height: 120px !important;
        padding: 20px 20px !important;
        border-radius: 22px !important;
    }

    html body .ty-home-trust-mini-copy h3,
    html body .ty-home-trust-mini-copy h4,
    html body .ty-home-trust-mini-copy strong {
        font-size: 18px !important;
    }

    html body .ty-home-trust-mini-copy p,
    html body .ty-home-trust-mini-copy span,
    html body .ty-home-trust-mini-copy small {
        font-size: 14px !important;
    }
}

@media (max-width: 640px) {
    html body .ty-home-trust-mini-card {
        gap: 14px !important;
        min-height: 108px !important;
        padding: 18px 16px !important;
    }

    html body .ty-home-trust-mini-icon {
        flex-basis: 56px !important;
        width: 56px !important;
        height: 56px !important;
        border-radius: 18px !important;
    }

    html body .ty-home-trust-mini-icon svg {
        width: 25px !important;
        height: 25px !important;
    }

    html body .ty-home-trust-mini-copy h3,
    html body .ty-home-trust-mini-copy h4,
    html body .ty-home-trust-mini-copy strong {
        font-size: 16px !important;
    }

    html body .ty-home-trust-mini-copy p,
    html body .ty-home-trust-mini-copy span,
    html body .ty-home-trust-mini-copy small {
        font-size: 13px !important;
        line-height: 1.85 !important;
    }
}


/* =========================================================
   TOP 3 TRUST CARDS — ICON ON RIGHT
   ========================================================= */

html body .ty-home-trust-mini-card {
    direction: rtl !important;

    flex-direction: row !important;

    align-items: center !important;
    justify-content: flex-start !important;
}


/* آیکن همیشه سمت راست */

html body .ty-home-trust-mini-card
.ty-home-trust-mini-icon {

    order: 0 !important;

    flex-shrink: 0 !important;

    margin:
        0
        0
        0
        18px !important;
}


/* متن بعد از آیکن */

html body .ty-home-trust-mini-card
.ty-home-trust-mini-copy {

    order: 1 !important;

    flex: 1 1 auto !important;

    min-width: 0 !important;

    text-align: right !important;
}


html body .ty-home-trust-mini-card
.ty-home-trust-mini-copy h3,

html body .ty-home-trust-mini-card
.ty-home-trust-mini-copy h4,

html body .ty-home-trust-mini-card
.ty-home-trust-mini-copy strong,

html body .ty-home-trust-mini-card
.ty-home-trust-mini-copy p,

html body .ty-home-trust-mini-card
.ty-home-trust-mini-copy span,

html body .ty-home-trust-mini-card
.ty-home-trust-mini-copy small {

    text-align: right !important;
}


/* موبایل */

@media (max-width: 640px) {

    html body .ty-home-trust-mini-card
    .ty-home-trust-mini-icon {

        margin-left:
            14px !important;
    }

}


/* ===================================================== */
/* SOURCE: assets/css/home-policy-copy-v2.css */
/* ===================================================== */
/* =========================================================
   HOME POLICY CARDS V2
   ========================================================= */

html body .ty-home-policy-grid {
    direction: rtl !important;
    align-items: stretch !important;
}


/* کارت‌ها هم‌اندازه */

html body .ty-home-policy-card {
    display: flex !important;
    flex-direction: column !important;

    height: 100% !important;

    text-align: right !important;
}


/* عنوان همه کارت‌ها دقیقاً یک اندازه */

html body .ty-home-policy-card h3,
html body .ty-home-policy-card h4 {

    min-height: 34px !important;

    margin:
        0
        0
        12px !important;

    color:
        #173f56 !important;

    font-size:
        18px !important;

    font-weight:
        900 !important;

    line-height:
        1.8 !important;

    text-align:
        right !important;
}


/* متن توضیح همه کارت‌ها */

html body .ty-home-policy-card p {

    margin:
        0
        0
        16px !important;

    color:
        #617783 !important;

    font-size:
        14px !important;

    font-weight:
        500 !important;

    line-height:
        2 !important;

    text-align:
        right !important;
}


/* لینک پایین کارت */

html body .ty-home-policy-card > a,
html body .ty-home-policy-card a {

    margin-top:
        auto !important;

    color:
        #15985b !important;

    font-size:
        14px !important;

    font-weight:
        800 !important;

    line-height:
        1.8 !important;

    text-decoration:
        none !important;
}


/* آیکن‌ها در یک ابعاد واحد */

html body .ty-home-policy-card
.feature-icon,

html body .ty-home-policy-card
.info-icon {

    width:
        52px !important;

    height:
        52px !important;

    min-width:
        52px !important;

    margin-bottom:
        17px !important;

    color:
        #15985b !important;

    background:
        #effaf5 !important;

    border:
        1px solid
        rgba(21,152,91,.09) !important;

    border-radius:
        17px !important;
}


/* موبایل */

@media (max-width: 620px) {

    html body .ty-home-policy-card h3,
    html body .ty-home-policy-card h4 {

        min-height:
            0 !important;

        font-size:
            17px !important;
    }


    html body .ty-home-policy-card p {

        font-size:
            13.5px !important;
    }


    html body .ty-home-policy-card > a,
    html body .ty-home-policy-card a {

        font-size:
            13.5px !important;
    }

}


/* =========================================================
   POLICY SECTION — DESKTOP WIDTH + CENTERED INTRO
   ========================================================= */


/* متن توضیحی زیر تیتر اصلی سکشن */

html body .site-trust-section .section-head.center {
    text-align: center !important;
    align-items: center !important;
}


html body .site-trust-section
.section-head.center
.section-desc {

    display: block !important;

    width: 100% !important;
    max-width: 860px !important;

    margin:
        12px
        auto
        0 !important;

    text-align: center !important;

    line-height: 2 !important;
}


/* =========================================================
   DESKTOP
   کارت‌ها عریض‌تر شوند تا تیتر یک خط باشد
   ========================================================= */

@media (min-width: 1101px) {

    html body .site-trust-section > .container,
    html body .site-trust-section .container {

        width:
            min(
                1320px,
                calc(100% - 40px)
            ) !important;

        max-width:
            1320px !important;
    }


    html body .ty-home-policy-grid {

        display: grid !important;

        grid-template-columns:
            repeat(
                4,
                minmax(0, 1fr)
            ) !important;

        gap:
            16px !important;

        width:
            100% !important;

        align-items:
            stretch !important;
    }


    html body .ty-home-policy-card {

        width:
            100% !important;

        min-width:
            0 !important;

        min-height:
            300px !important;

        padding:
            25px
            20px !important;
    }


    /*
     * تیترها در دسکتاپ یک خط
     */

    html body .ty-home-policy-card h3,
    html body .ty-home-policy-card h4 {

        width:
            100% !important;

        min-height:
            auto !important;

        white-space:
            nowrap !important;

        font-size:
            17px !important;

        text-align:
            right !important;
    }

}


/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (min-width: 1400px) {

    html body .site-trust-section > .container,
    html body .site-trust-section .container {

        width:
            min(
                1380px,
                calc(100% - 64px)
            ) !important;

        max-width:
            1380px !important;
    }


    html body .ty-home-policy-grid {

        gap:
            18px !important;
    }


    html body .ty-home-policy-card {

        padding:
            27px
            22px !important;
    }


    html body .ty-home-policy-card h3,
    html body .ty-home-policy-card h4 {

        font-size:
            18px !important;
    }

}


/* =========================================================
   TABLET / MOBILE
   اجازه شکستن تیتر
   ========================================================= */

@media (max-width: 1100px) {

    html body .ty-home-policy-card h3,
    html body .ty-home-policy-card h4 {

        white-space:
            normal !important;
    }


    html body .site-trust-section
    .section-head.center
    .section-desc {

        max-width:
            720px !important;

        padding:
            0
            18px !important;
    }

}


@media (max-width: 620px) {

    html body .site-trust-section
    .section-head.center
    .section-desc {

        max-width:
            100% !important;

        margin-top:
            10px !important;

        padding:
            0
            8px !important;

        text-align:
            center !important;
    }

}


/* ===================================================== */
/* SOURCE: assets/css/home-features-v3.css */
/* ===================================================== */
/* =========================================================
   TAMINYAR HOME — FEATURES V3
   ========================================================= */


/* =========================================================
   SECTION
   ========================================================= */

html body #features {
    position: relative !important;

    padding-top: 86px !important;
    padding-bottom: 92px !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(42, 188, 104, .07),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f7fbf9 0%,
            #f3f9f6 100%
        ) !important;
}


html body #features > .container {
    width:
        min(
            1180px,
            calc(100% - 40px)
        ) !important;

    max-width: 1180px !important;

    margin: 0 auto !important;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

html body #features .section-head.center {
    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    max-width: 820px !important;

    margin:
        0
        auto
        42px !important;

    text-align: center !important;
}


html body #features .section-kicker {
    margin:
        0
        0
        10px !important;

    color: #15985b !important;

    font-size: 13px !important;
    font-weight: 850 !important;

    text-align: center !important;
}


html body #features .section-title {
    max-width: 760px !important;

    margin:
        0
        auto !important;

    color: #173f56 !important;

    font-size:
        clamp(25px, 2.2vw, 34px) !important;

    font-weight: 900 !important;

    line-height: 1.65 !important;

    text-align: center !important;
}


html body #features .section-desc {
    max-width: 680px !important;

    margin:
        14px
        auto
        0 !important;

    color: #71858e !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    line-height: 2 !important;

    text-align: center !important;
}


/* =========================================================
   GRID
   ========================================================= */

html body #features .feature-grid {
    display: grid !important;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        ) !important;

    gap: 18px !important;

    align-items: stretch !important;

    direction: rtl !important;
}


/* =========================================================
   CARDS
   ========================================================= */

html body #features .feature-card {
    position: relative !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    width: 100% !important;

    min-width: 0 !important;
    min-height: 315px !important;

    height: 100% !important;

    margin: 0 !important;

    padding:
        26px
        24px
        22px !important;

    overflow: hidden !important;

    border:
        1px solid
        rgba(24, 112, 73, .10) !important;

    border-radius:
        23px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.99),
            rgba(250,253,251,.97)
        ) !important;

    box-shadow:
        0 17px 42px
        rgba(16, 68, 48, .065) !important;

    text-align: right !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease !important;
}


/*
 * نوار ظریف بالای کارت
 */

html body #features .feature-card::before {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    right: 24px !important;

    width: 42px !important;
    height: 3px !important;

    border-radius:
        0
        0
        99px
        99px !important;

    background:
        linear-gradient(
            90deg,
            #15985b,
            #48ce7a
        ) !important;

    opacity: .78 !important;

    transition:
        width .24s ease,
        opacity .24s ease !important;
}


html body #features .feature-card:hover {
    transform:
        translateY(-5px) !important;

    border-color:
        rgba(31, 165, 93, .18) !important;

    box-shadow:
        0 23px 50px
        rgba(15, 71, 49, .10) !important;
}


html body #features .feature-card:hover::before {
    width: 66px !important;

    opacity: 1 !important;
}


/* =========================================================
   ICON
   ========================================================= */

html body #features .feature-icon {
    display: grid !important;

    place-items: center !important;

    flex:
        0
        0
        58px !important;

    width: 58px !important;
    height: 58px !important;

    margin:
        0
        0
        21px !important;

    border:
        1px solid
        rgba(31, 164, 94, .10) !important;

    border-radius:
        19px !important;

    background:
        linear-gradient(
            145deg,
            #edf9f2,
            #f5fcf8
        ) !important;

    color:
        #15985b !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.8),
        0 9px 22px
        rgba(29, 143, 84, .07) !important;

    transition:
        transform .22s ease,
        background .22s ease,
        color .22s ease !important;
}


html body #features .feature-icon svg {
    display: block !important;

    width: 27px !important;
    height: 27px !important;

    fill: none !important;

    stroke:
        currentColor !important;

    stroke-width:
        1.75 !important;

    stroke-linecap:
        round !important;

    stroke-linejoin:
        round !important;

    transition:
        transform .22s ease !important;
}


html body #features
.feature-card:hover
.feature-icon {

    transform:
        translateY(-2px) !important;

    background:
        linear-gradient(
            145deg,
            #e4f7ec,
            #effbf4
        ) !important;
}


html body #features
.feature-card:hover
.feature-icon svg {

    transform:
        scale(1.06) !important;
}


/* =========================================================
   TITLE
   ========================================================= */

html body #features .feature-card h3 {
    width: 100% !important;

    margin:
        0
        0
        11px !important;

    color:
        #173f56 !important;

    font-size:
        18px !important;

    font-weight:
        900 !important;

    line-height:
        1.7 !important;

    text-align:
        right !important;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

html body #features .feature-card p {
    width: 100% !important;

    margin:
        0
        0
        18px !important;

    color:
        #657b85 !important;

    font-size:
        13.5px !important;

    font-weight:
        500 !important;

    line-height:
        2 !important;

    text-align:
        right !important;
}


/* =========================================================
   META
   ========================================================= */

html body #features .feature-meta {
    position: relative !important;

    display: flex !important;

    align-items: center !important;

    gap: 7px !important;

    margin-top:
        auto !important;

    padding-top:
        15px !important;

    color:
        #178b58 !important;

    font-size:
        11.5px !important;

    font-weight:
        800 !important;

    line-height:
        1.8 !important;

    text-align:
        right !important;
}


html body #features .feature-meta::before {
    content: "" !important;

    display: block !important;

    width: 6px !important;
    height: 6px !important;

    flex:
        0
        0
        6px !important;

    border-radius:
        50% !important;

    background:
        #37bd70 !important;

    box-shadow:
        0 0 0 4px
        rgba(55,189,112,.09) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    html body #features {
        padding-top:
            72px !important;

        padding-bottom:
            76px !important;
    }


    html body #features .feature-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;

        gap:
            15px !important;
    }


    html body #features .feature-card {
        min-height:
            290px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 620px) {

    html body #features {
        padding-top:
            54px !important;

        padding-bottom:
            58px !important;
    }


    html body #features > .container {
        width:
            calc(100% - 26px) !important;
    }


    html body #features
    .section-head.center {

        margin-bottom:
            28px !important;
    }


    html body #features
    .section-title {

        font-size:
            23px !important;
    }


    html body #features
    .section-desc {

        font-size:
            13px !important;
    }


    html body #features
    .feature-grid {

        grid-template-columns:
            minmax(0, 1fr) !important;

        gap:
            11px !important;
    }


    html body #features
    .feature-card {

        min-height:
            0 !important;

        padding:
            21px
            18px
            18px !important;

        border-radius:
            19px !important;
    }


    html body #features
    .feature-icon {

        width:
            54px !important;

        height:
            54px !important;

        flex-basis:
            54px !important;

        margin-bottom:
            17px !important;

        border-radius:
            17px !important;
    }


    html body #features
    .feature-icon svg {

        width:
            25px !important;

        height:
            25px !important;
    }


    html body #features
    .feature-card h3 {

        font-size:
            17px !important;
    }


    html body #features
    .feature-card p {

        font-size:
            13px !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    html body #features .feature-card,
    html body #features .feature-icon,
    html body #features .feature-icon svg {

        transition:
            none !important;
    }

}


/* ===================================================== */
/* SOURCE: assets/css/home-how-v2.css */
/* ===================================================== */
/* =========================================================
   TAMINYAR HOME — HOW IT WORKS V2
   ========================================================= */

html body #how {
    position: relative !important;

    padding:
        88px
        0
        92px !important;

    overflow: hidden !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfdfc 100%
        ) !important;
}


html body #how > .container {
    width:
        min(
            1180px,
            calc(100% - 40px)
        ) !important;

    max-width:
        1180px !important;

    margin:
        0
        auto !important;
}


/* =========================================================
   HEADING
   ========================================================= */

html body #how .section-head {
    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    max-width:
        800px !important;

    margin:
        0
        auto
        48px !important;

    text-align:
        center !important;
}


html body #how .section-head > div {
    width:
        100% !important;

    text-align:
        center !important;
}


html body #how .section-kicker {
    margin:
        0
        0
        9px !important;

    color:
        #15985b !important;

    font-size:
        13px !important;

    font-weight:
        850 !important;

    text-align:
        center !important;
}


html body #how .section-title {
    margin:
        0
        auto !important;

    color:
        #173f56 !important;

    font-size:
        clamp(25px, 2.2vw, 34px) !important;

    font-weight:
        900 !important;

    line-height:
        1.65 !important;

    text-align:
        center !important;
}


html body #how .section-desc {
    max-width:
        650px !important;

    margin:
        14px
        auto
        0 !important;

    color:
        #71858e !important;

    font-size:
        14px !important;

    line-height:
        2 !important;

    text-align:
        center !important;
}


/* =========================================================
   STEPS
   ========================================================= */

html body #how .steps {
    position: relative !important;

    display: grid !important;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        ) !important;

    gap:
        24px !important;

    align-items:
        stretch !important;

    direction:
        rtl !important;

    counter-reset:
        ty-step !important;
}


/* خط ارتباط بین مراحل */

html body #how .steps::before {
    content: "" !important;

    position: absolute !important;

    top:
        39px !important;

    right:
        16.5% !important;

    left:
        16.5% !important;

    height:
        2px !important;

    background:
        linear-gradient(
            90deg,
            rgba(44,187,104,.12),
            rgba(44,187,104,.55),
            rgba(44,187,104,.12)
        ) !important;

    z-index:
        0 !important;
}


/* =========================================================
   STEP CARD
   ========================================================= */

html body #how .step {
    position:
        relative !important;

    z-index:
        1 !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    min-width:
        0 !important;

    min-height:
        255px !important;

    height:
        100% !important;

    padding:
        28px
        25px
        25px !important;

    border:
        1px solid
        rgba(26,118,75,.10) !important;

    border-radius:
        24px !important;

    background:
        rgba(255,255,255,.98) !important;

    box-shadow:
        0 18px 44px
        rgba(15,68,47,.065) !important;

    text-align:
        center !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease !important;
}


html body #how .step:hover {
    transform:
        translateY(-5px) !important;

    border-color:
        rgba(32,167,94,.18) !important;

    box-shadow:
        0 24px 50px
        rgba(15,68,47,.10) !important;
}


/* =========================================================
   NUMBER
   ========================================================= */

html body #how .step::before {
    counter-increment:
        ty-step !important;

    display:
        grid !important;

    place-items:
        center !important;

    width:
        58px !important;

    height:
        58px !important;

    flex:
        0
        0
        58px !important;

    margin:
        0
        auto
        23px !important;

    border:
        7px solid
        #ffffff !important;

    border-radius:
        50% !important;

    background:
        linear-gradient(
            145deg,
            #15985b,
            #35bf70
        ) !important;

    color:
        #ffffff !important;

    box-shadow:
        0 9px 24px
        rgba(21,152,91,.18) !important;

    font-size:
        15px !important;

    font-weight:
        900 !important;

    line-height:
        1 !important;
}


/* اعداد فارسی */

html body #how .step:nth-child(1)::before {
    content: "۰۱" !important;
}

html body #how .step:nth-child(2)::before {
    content: "۰۲" !important;
}

html body #how .step:nth-child(3)::before {
    content: "۰۳" !important;
}


/* =========================================================
   TITLES
   ========================================================= */

html body #how .step h3 {
    width:
        100% !important;

    margin:
        0
        0
        12px !important;

    color:
        #173f56 !important;

    font-size:
        19px !important;

    font-weight:
        900 !important;

    line-height:
        1.7 !important;

    text-align:
        center !important;
}


/* =========================================================
   DESCRIPTIONS
   ========================================================= */

html body #how .step p {
    max-width:
        300px !important;

    margin:
        0
        auto !important;

    color:
        #667c86 !important;

    font-size:
        13.5px !important;

    font-weight:
        500 !important;

    line-height:
        2 !important;

    text-align:
        center !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    html body #how {
        padding:
            70px
            0
            74px !important;
    }


    html body #how .steps {
        gap:
            14px !important;
    }


    html body #how .step {
        min-height:
            245px !important;

        padding:
            24px
            18px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 680px) {

    html body #how {
        padding:
            54px
            0
            58px !important;
    }


    html body #how > .container {
        width:
            calc(100% - 26px) !important;
    }


    html body #how .section-head {
        margin-bottom:
            30px !important;
    }


    html body #how .section-title {
        font-size:
            23px !important;
    }


    html body #how .section-desc {
        font-size:
            13px !important;
    }


    html body #how .steps {
        grid-template-columns:
            minmax(0, 1fr) !important;

        gap:
            13px !important;
    }


    /* خط افقی روی موبایل حذف */

    html body #how .steps::before {
        content:
            none !important;

        display:
            none !important;
    }


    html body #how .step {
        min-height:
            0 !important;

        padding:
            22px
            18px
            20px !important;

        border-radius:
            20px !important;
    }


    html body #how .step::before {
        width:
            54px !important;

        height:
            54px !important;

        flex-basis:
            54px !important;

        margin-bottom:
            17px !important;
    }


    html body #how .step h3 {
        font-size:
            17px !important;

        margin-bottom:
            8px !important;
    }


    html body #how .step p {
        max-width:
            330px !important;

        font-size:
            13px !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    html body #how .step {
        transition:
            none !important;
    }

}


/* ===================================================== */
/* SOURCE: assets/css/home-transparency-v2.css */
/* ===================================================== */
/* =========================================================
   TAMINYAR HOME — TRANSPARENCY V2
   ========================================================= */

html body .home-transparency-section {
    position: relative !important;

    padding:
        88px
        0
        92px !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 5% 15%,
            rgba(45, 190, 103, .07),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #f6faf8 0%,
            #f8fbfa 100%
        ) !important;
}


html body .home-transparency-section > .container {
    width:
        min(
            1180px,
            calc(100% - 40px)
        ) !important;

    max-width:
        1180px !important;

    margin:
        0 auto !important;
}


/* =========================================================
   GRID
   ========================================================= */

html body .home-transparency-section .info-panel {
    display: grid !important;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        ) !important;

    gap:
        20px !important;

    align-items:
        stretch !important;

    direction:
        rtl !important;
}


/* =========================================================
   BASE CARD
   ========================================================= */

html body .home-transparency-card {
    position: relative !important;

    display: flex !important;

    flex-direction: column !important;

    width: 100% !important;

    min-width: 0 !important;
    min-height: 390px !important;

    height: 100% !important;

    margin: 0 !important;

    padding:
        34px
        34px
        30px !important;

    overflow: hidden !important;

    border-radius:
        28px !important;

    text-align:
        right !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease !important;
}


html body .home-transparency-card:hover {
    transform:
        translateY(-4px) !important;
}


/* =========================================================
   LIGHT CARD
   ========================================================= */

html body .home-transparency-card--primary {
    border:
        1px solid
        rgba(26, 139, 82, .12) !important;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfefc 100%
        ) !important;

    box-shadow:
        0 18px 46px
        rgba(14, 67, 46, .07) !important;
}


html body .home-transparency-card--primary:hover {
    border-color:
        rgba(29, 168, 93, .21) !important;

    box-shadow:
        0 24px 54px
        rgba(14, 67, 46, .10) !important;
}


/* تزئین گوشه */

html body .home-transparency-card--primary::after {
    content: "" !important;

    position: absolute !important;

    top: -58px !important;
    left: -58px !important;

    width: 150px !important;
    height: 150px !important;

    border-radius: 50% !important;

    background:
        rgba(48, 190, 105, .065) !important;

    pointer-events: none !important;
}


/* =========================================================
   DARK IMPORTANT CARD
   ========================================================= */

html body .home-transparency-card--notice {
    border:
        1px solid
        rgba(255,255,255,.08) !important;

    background:
        radial-gradient(
            circle at 10% 0%,
            rgba(64, 207, 118, .18),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #143f51 0%,
            #0e3343 100%
        ) !important;

    box-shadow:
        0 20px 48px
        rgba(12, 48, 63, .15) !important;
}


html body .home-transparency-card--notice:hover {
    box-shadow:
        0 26px 58px
        rgba(12, 48, 63, .20) !important;
}


/* نور پس زمینه */

html body .home-transparency-card--notice::after {
    content: "" !important;

    position: absolute !important;

    left: -65px !important;
    bottom: -80px !important;

    width: 210px !important;
    height: 210px !important;

    border-radius: 50% !important;

    background:
        rgba(61, 203, 113, .075) !important;

    pointer-events: none !important;
}


/* =========================================================
   KICKER
   ========================================================= */

html body .home-transparency-card .section-kicker {
    position: relative !important;
    z-index: 1 !important;

    width:
        fit-content !important;

    margin:
        0
        0
        13px !important;

    padding:
        7px
        12px !important;

    border-radius:
        999px !important;

    font-size:
        11.5px !important;

    font-weight:
        850 !important;

    line-height:
        1.6 !important;
}


html body .home-transparency-card--primary .section-kicker {
    color:
        #148d55 !important;

    background:
        #edf9f2 !important;
}


html body .home-transparency-card--notice .section-kicker {
    color:
        #8ee5ad !important;

    background:
        rgba(62, 203, 113, .11) !important;

    border:
        1px solid
        rgba(112, 226, 153, .12) !important;
}


/* =========================================================
   TITLES
   ========================================================= */

html body .home-transparency-card h3 {
    position: relative !important;
    z-index: 1 !important;

    width:
        100% !important;

    margin:
        0
        0
        18px !important;

    font-size:
        23px !important;

    font-weight:
        900 !important;

    line-height:
        1.7 !important;

    text-align:
        right !important;
}


html body .home-transparency-card--primary h3 {
    color:
        #173f56 !important;
}


html body .home-transparency-card--notice h3 {
    color:
        #ffffff !important;
}


/* =========================================================
   DISCLAIMER PARAGRAPH
   ========================================================= */

html body .home-transparency-card--notice > p:not(.section-kicker) {
    position: relative !important;
    z-index: 1 !important;

    margin:
        0
        0
        20px !important;

    color:
        #c4d6de !important;

    font-size:
        13.5px !important;

    font-weight:
        500 !important;

    line-height:
        2.05 !important;

    text-align:
        right !important;
}


/* =========================================================
   LIST
   ========================================================= */

html body .home-transparency-card .info-list {
    position: relative !important;
    z-index: 1 !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    gap:
        10px !important;

    width:
        100% !important;

    margin:
        auto
        0
        0 !important;

    padding:
        0 !important;

    list-style:
        none !important;
}


html body .home-transparency-card .info-list li {
    position:
        relative !important;

    display:
        flex !important;

    align-items:
        flex-start !important;

    gap:
        10px !important;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        11px
        12px !important;

    border-radius:
        12px !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    line-height:
        1.85 !important;

    text-align:
        right !important;
}


/* چک سبز */

html body .home-transparency-card .info-list li::before {
    content:
        "✓" !important;

    display:
        grid !important;

    place-items:
        center !important;

    flex:
        0
        0
        22px !important;

    width:
        22px !important;
    height:
        22px !important;

    margin-top:
        1px !important;

    border-radius:
        7px !important;

    font-size:
        11px !important;

    font-weight:
        900 !important;
}


/* LIGHT LIST */

html body
.home-transparency-card--primary
.info-list li {

    color:
        #526b76 !important;

    background:
        #f5faf7 !important;

    border:
        1px solid
        rgba(26, 140, 82, .055) !important;
}


html body
.home-transparency-card--primary
.info-list li::before {

    color:
        #15985b !important;

    background:
        #e6f7ed !important;
}


/* DARK LIST */

html body
.home-transparency-card--notice
.info-list li {

    color:
        #d6e3e8 !important;

    background:
        rgba(255,255,255,.045) !important;

    border:
        1px solid
        rgba(255,255,255,.045) !important;
}


html body
.home-transparency-card--notice
.info-list li::before {

    color:
        #91e6ae !important;

    background:
        rgba(66, 207, 115, .12) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    html body .home-transparency-section {
        padding:
            70px
            0
            74px !important;
    }


    html body .home-transparency-card {
        min-height:
            360px !important;

        padding:
            28px
            25px !important;
    }


    html body .home-transparency-card h3 {
        font-size:
            21px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 680px) {

    html body .home-transparency-section {
        padding:
            54px
            0
            58px !important;
    }


    html body .home-transparency-section > .container {
        width:
            calc(100% - 26px) !important;
    }


    html body .home-transparency-section .info-panel {
        grid-template-columns:
            minmax(0, 1fr) !important;

        gap:
            12px !important;
    }


    html body .home-transparency-card {
        min-height:
            0 !important;

        padding:
            23px
            18px
            20px !important;

        border-radius:
            21px !important;
    }


    html body .home-transparency-card h3 {
        margin-bottom:
            14px !important;

        font-size:
            19px !important;
    }


    html body .home-transparency-card--notice
    > p:not(.section-kicker) {

        font-size:
            13px !important;
    }


    html body .home-transparency-card
    .info-list {

        gap:
            7px !important;
    }


    html body .home-transparency-card
    .info-list li {

        padding:
            9px
            10px !important;

        font-size:
            12.5px !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    html body .home-transparency-card {
        transition:
            none !important;
    }

}


/* ===================================================== */
/* SOURCE: assets/css/home-plans-v3.css */
/* ===================================================== */
/* =========================================================
   TAMINYAR HOME — PLANS V3
   ========================================================= */

html body #plans {
    position: relative !important;

    padding:
        90px
        0
        94px !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(41, 188, 103, .075),
            transparent 32%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f7fbf9 100%
        ) !important;
}


html body #plans > .container {
    width:
        min(
            1220px,
            calc(100% - 40px)
        ) !important;

    max-width: 1220px !important;

    margin: 0 auto !important;
}


/* =========================================================
   SECTION HEADER
   تمام متن‌های معرفی وسط‌چین
   ========================================================= */

html body #plans .section-head.center {
    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 860px !important;

    margin:
        0
        auto
        38px !important;

    text-align: center !important;
}


html body #plans .section-kicker {
    width: 100% !important;

    margin:
        0
        auto
        9px !important;

    color:
        #15985b !important;

    font-size:
        13px !important;

    font-weight:
        850 !important;

    text-align:
        center !important;
}


html body #plans .section-title {
    width: 100% !important;

    margin:
        0
        auto !important;

    color:
        #173f56 !important;

    font-size:
        clamp(
            26px,
            2.2vw,
            35px
        ) !important;

    font-weight:
        900 !important;

    line-height:
        1.65 !important;

    text-align:
        center !important;
}


html body #plans .section-desc {
    width: 100% !important;
    max-width: 700px !important;

    margin:
        13px
        auto
        0 !important;

    color:
        #70858e !important;

    font-size:
        14px !important;

    line-height:
        2 !important;

    text-align:
        center !important;
}


/* =========================================================
   PLAN CHOOSER
   ========================================================= */

html body #plans .plan-chooser-v2 {
    display: grid !important;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        ) !important;

    gap:
        10px !important;

    width:
        min(
            820px,
            100%
        ) !important;

    margin:
        28px
        auto
        0 !important;

    padding:
        7px !important;

    border:
        1px solid
        rgba(26, 120, 77, .09) !important;

    border-radius:
        20px !important;

    background:
        rgba(245,250,247,.9) !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.8) !important;
}


html body #plans .plan-chooser-item {
    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    min-height:
        75px !important;

    padding:
        12px
        10px !important;

    border-radius:
        15px !important;

    text-align:
        center !important;
}


html body #plans
.plan-chooser-item strong {

    display: block !important;

    width: 100% !important;

    color:
        #173f56 !important;

    font-size:
        12px !important;

    font-weight:
        850 !important;

    line-height:
        1.8 !important;

    text-align:
        center !important;
}


html body #plans
.plan-chooser-item span {

    display: block !important;

    width: 100% !important;

    margin-top:
        3px !important;

    color:
        #7a8d95 !important;

    font-size:
        10.5px !important;

    font-weight:
        650 !important;

    text-align:
        center !important;
}


/* پلن حرفه‌ای */

html body #plans
.plan-chooser-item.is-featured {

    background:
        linear-gradient(
            145deg,
            #15985b,
            #2dbb6a
        ) !important;

    box-shadow:
        0 9px 25px
        rgba(21,152,91,.17) !important;
}


html body #plans
.plan-chooser-item.is-featured strong,

html body #plans
.plan-chooser-item.is-featured span {

    color:
        #ffffff !important;
}


/* =========================================================
   CARDS GRID
   ========================================================= */

html body #plans .ty-home-plans-grid {
    display: grid !important;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        ) !important;

    gap:
        18px !important;

    align-items:
        stretch !important;

    width:
        100% !important;

    margin-top:
        35px !important;

    direction:
        rtl !important;
}


/* =========================================================
   BASE CARD
   ========================================================= */

html body #plans .ty-plan-card {
    position: relative !important;

    display: flex !important;

    flex-direction: column !important;

    width:
        100% !important;

    min-width:
        0 !important;

    min-height:
        465px !important;

    height:
        100% !important;

    margin:
        0 !important;

    padding:
        30px
        25px
        24px !important;

    overflow:
        hidden !important;

    border:
        1px solid
        rgba(22, 102, 68, .10) !important;

    border-radius:
        27px !important;

    background:
        #ffffff !important;

    box-shadow:
        0 18px 45px
        rgba(15,68,47,.07) !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease !important;
}


html body #plans .ty-plan-card:hover {
    transform:
        translateY(-5px) !important;

    box-shadow:
        0 25px 55px
        rgba(15,68,47,.11) !important;
}


/* =========================================================
   PLAN COLOR STRIPE
   ========================================================= */

html body #plans .ty-plan-card::before {
    content: "" !important;

    position:
        absolute !important;

    top:
        0 !important;

    right:
        0 !important;

    left:
        0 !important;

    height:
        4px !important;
}


html body #plans
.ty-plan-card--awareness::before {

    background:
        linear-gradient(
            90deg,
            #a6693e,
            #d5a277
        ) !important;
}


html body #plans
.ty-plan-card--professional::before {

    background:
        linear-gradient(
            90deg,
            #15985b,
            #45cc78
        ) !important;
}


html body #plans
.ty-plan-card--advisor::before {

    background:
        linear-gradient(
            90deg,
            #d4a72a,
            #f0cf68
        ) !important;
}


/* =========================================================
   PLAN TITLE
   عنوان پلن باید وسط باشد
   ========================================================= */

html body #plans
.ty-plan-card h3 {

    width:
        100% !important;

    margin:
        5px
        auto
        17px !important;

    color:
        #173f56 !important;

    font-size:
        21px !important;

    font-weight:
        900 !important;

    line-height:
        1.7 !important;

    text-align:
        center !important;
}


/* =========================================================
   PRICE
   قیمت ماهیت مرکزی دارد
   ========================================================= */

html body #plans
.ty-plan-card .price {

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    width:
        100% !important;

    min-height:
        82px !important;

    margin:
        0
        auto
        21px !important;

    padding:
        13px
        10px !important;

    border-radius:
        17px !important;

    color:
        #173f56 !important;

    background:
        #f6faf8 !important;

    font-size:
        22px !important;

    font-weight:
        950 !important;

    line-height:
        1.5 !important;

    text-align:
        center !important;
}


html body #plans
.ty-plan-card .price small {

    display:
        block !important;

    width:
        100% !important;

    margin-top:
        5px !important;

    color:
        #84949a !important;

    font-size:
        10.5px !important;

    font-weight:
        650 !important;

    line-height:
        1.8 !important;

    text-align:
        center !important;
}


/* =========================================================
   PROFESSIONAL CARD
   ========================================================= */

html body #plans
.ty-plan-card--professional {

    border-color:
        rgba(21,152,91,.23) !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fdf9 100%
        ) !important;

    box-shadow:
        0 22px 50px
        rgba(21,122,76,.11) !important;
}


html body #plans
.ty-plan-card--professional
.price {

    color:
        #148d55 !important;

    background:
        #edf9f2 !important;
}


/* =========================================================
   FEATURES LIST
   لیست‌ها راست‌چین می‌مانند
   ========================================================= */

html body #plans
.ty-plan-card ul {

    display:
        flex !important;

    flex-direction:
        column !important;

    gap:
        10px !important;

    width:
        100% !important;

    margin:
        0
        0
        23px !important;

    padding:
        0 !important;

    list-style:
        none !important;

    direction:
        rtl !important;
}


html body #plans
.ty-plan-card li {

    position:
        relative !important;

    display:
        flex !important;

    align-items:
        flex-start !important;

    gap:
        9px !important;

    width:
        100% !important;

    margin:
        0 !important;

    color:
        #596f79 !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    line-height:
        1.9 !important;

    text-align:
        right !important;
}


html body #plans
.ty-plan-card li::before {

    content:
        "✓" !important;

    display:
        grid !important;

    place-items:
        center !important;

    flex:
        0
        0
        21px !important;

    width:
        21px !important;

    height:
        21px !important;

    margin-top:
        2px !important;

    border-radius:
        7px !important;

    color:
        #15985b !important;

    background:
        #eaf8f0 !important;

    font-size:
        10px !important;

    font-weight:
        900 !important;
}


/* =========================================================
   BUTTONS
   دکمه‌ها وسط و هم‌عرض
   ========================================================= */

html body #plans
.ty-plan-card > .btn {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        100% !important;

    min-height:
        48px !important;

    margin-top:
        auto !important;

    border-radius:
        14px !important;

    font-size:
        12.5px !important;

    font-weight:
        900 !important;

    text-align:
        center !important;
}


/* پلن حرفه‌ای برجسته‌تر */

html body #plans
.ty-plan-card--professional
> .btn {

    color:
        #ffffff !important;

    border-color:
        #15985b !important;

    background:
        linear-gradient(
            145deg,
            #15985b,
            #27b766
        ) !important;

    box-shadow:
        0 9px 22px
        rgba(21,152,91,.18) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    html body #plans {
        padding:
            72px
            0
            76px !important;
    }


    html body #plans
    .ty-home-plans-grid {

        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;
    }


    html body #plans
    .ty-plan-card {

        min-height:
            440px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 680px) {

    html body #plans {
        padding:
            55px
            0
            60px !important;
    }


    html body #plans > .container {
        width:
            calc(100% - 26px) !important;
    }


    html body #plans
    .section-head.center {

        margin-bottom:
            27px !important;
    }


    html body #plans
    .section-title {

        font-size:
            23px !important;
    }


    html body #plans
    .section-desc {

        font-size:
            13px !important;
    }


    html body #plans
    .plan-chooser-v2 {

        grid-template-columns:
            minmax(0, 1fr) !important;

        gap:
            6px !important;

        margin-top:
            21px !important;

        padding:
            6px !important;

        border-radius:
            17px !important;
    }


    html body #plans
    .plan-chooser-item {

        min-height:
            62px !important;
    }


    html body #plans
    .ty-home-plans-grid {

        grid-template-columns:
            minmax(0, 1fr) !important;

        gap:
            12px !important;

        margin-top:
            27px !important;
    }


    html body #plans
    .ty-plan-card {

        min-height:
            0 !important;

        padding:
            24px
            18px
            19px !important;

        border-radius:
            21px !important;
    }


    html body #plans
    .ty-plan-card h3 {

        font-size:
            19px !important;
    }


    html body #plans
    .ty-plan-card .price {

        font-size:
            20px !important;
    }


    html body #plans
    .ty-plan-card li {

        font-size:
            12.5px !important;
    }

}


/* =========================================================
   MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    html body #plans
    .ty-plan-card {

        transition:
            none !important;
    }

}


/* =========================================================
   PLANS TITLE DIVIDER — FINAL
   ========================================================= */

html body #plans .section-title {
    position: relative !important;

    padding-bottom: 24px !important;
}


/*
 * خط اصلی
 */
html body #plans .section-title::after {
    content: "" !important;

    display: block !important;

    width: 86px !important;
    height: 3px !important;

    margin:
        16px
        auto
        0 !important;

    border-radius: 999px !important;

    background:
        linear-gradient(
            90deg,
            rgba(21,152,91,0),
            #15985b 22%,
            #47cb79 50%,
            #15985b 78%,
            rgba(21,152,91,0)
        ) !important;
}


/*
 * نقطه نورانی وسط خط
 */
html body #plans .section-title::before {
    content: "" !important;

    position: absolute !important;

    bottom: 4px !important;
    left: 50% !important;

    width: 7px !important;
    height: 7px !important;

    border-radius: 50% !important;

    background: #28b967 !important;

    box-shadow:
        0 0 0 5px rgba(40,185,103,.10),
        0 0 15px rgba(40,185,103,.25) !important;

    transform: translateX(-50%) !important;

    z-index: 2 !important;
}


/*
 * فاصله درست توضیح از خط
 */
html body #plans .section-desc {
    margin-top: 4px !important;
}


@media (max-width: 680px) {

    html body #plans .section-title {
        padding-bottom: 21px !important;
    }

    html body #plans .section-title::after {
        width: 72px !important;

        margin-top: 13px !important;
    }

}


/* ===================================================== */
/* SOURCE: assets/css/home-faq-v7.css */
/* ===================================================== */
/* =========================================================
   TAMINYAR HOME FAQ — MODERN V7
   ========================================================= */


/* =========================================================
   SECTION
   ========================================================= */

html body .faq {
    position: relative !important;

    padding:
        90px
        0
        96px !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 50% -10%,
            rgba(37, 181, 99, .10),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            #f6fbf8 0%,
            #f2f8f5 100%
        ) !important;
}


html body .faq > .container {
    width:
        min(
            1000px,
            calc(100% - 40px)
        ) !important;

    max-width: 1000px !important;

    margin:
        0
        auto !important;
}


/* =========================================================
   HEADER
   ========================================================= */

html body .faq .section-head,
html body .faq .section-head.center {
    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 780px !important;

    margin:
        0
        auto
        46px !important;

    text-align: center !important;
}


html body .faq .section-head > div {
    width: 100% !important;

    text-align: center !important;
}


html body .faq .section-kicker {
    width: 100% !important;

    margin:
        0
        auto
        9px !important;

    color: #16965a !important;

    font-size: 13px !important;
    font-weight: 850 !important;

    text-align: center !important;
}


html body .faq .section-title {
    position: relative !important;

    width: 100% !important;

    margin:
        0
        auto !important;

    padding-bottom:
        25px !important;

    color:
        #173f56 !important;

    font-size:
        clamp(
            26px,
            2.15vw,
            35px
        ) !important;

    font-weight:
        900 !important;

    line-height:
        1.65 !important;

    text-align:
        center !important;
}


/* خط ظریف زیر عنوان */

html body .faq .section-title::after {
    content: "" !important;

    display: block !important;

    width: 92px !important;
    height: 3px !important;

    margin:
        16px
        auto
        0 !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            #15985b 22%,
            #44ce78 50%,
            #15985b 78%,
            transparent
        ) !important;
}


/* نقطه وسط */

html body .faq .section-title::before {
    content: "" !important;

    position: absolute !important;

    left: 50% !important;
    bottom: 4px !important;

    width: 7px !important;
    height: 7px !important;

    border-radius:
        50% !important;

    background:
        #29bb69 !important;

    box-shadow:
        0 0 0 5px
        rgba(41,187,105,.10),
        0 0 17px
        rgba(41,187,105,.22) !important;

    transform:
        translateX(-50%) !important;
}


html body .faq .section-desc {
    width: 100% !important;
    max-width: 650px !important;

    margin:
        5px
        auto
        0 !important;

    color:
        #70858e !important;

    font-size:
        14px !important;

    font-weight:
        500 !important;

    line-height:
        2 !important;

    text-align:
        center !important;
}


/* =========================================================
   FAQ LIST
   هر سؤال کاملاً جدا
   ========================================================= */

html body .faq .faq-list,
html body .faq .faq-grid {

    display: flex !important;

    flex-direction:
        column !important;

    gap:
        14px !important;

    width:
        100% !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


/* =========================================================
   CARD
   ========================================================= */

html body .faq .faq-item {
    position:
        relative !important;

    width:
        100% !important;

    margin:
        0 !important;

    overflow:
        hidden !important;

    border:
        1px solid
        rgba(22, 113, 73, .09) !important;

    border-radius:
        22px !important;

    /*
     * عمداً سفید نیست
     */
    background:
        linear-gradient(
            135deg,
            #edf7f1 0%,
            #f2f8f5 100%
        ) !important;

    box-shadow:
        0 12px 32px
        rgba(17, 70, 50, .055) !important;

    isolation:
        isolate !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease,
        background .22s ease !important;
}


/*
 * کارت‌های زوج کمی آبی‌تر
 */

html body .faq .faq-item:nth-child(even) {
    background:
        linear-gradient(
            135deg,
            #edf5f6 0%,
            #f1f7f6 100%
        ) !important;
}


/*
 * Glow خیلی ظریف
 */

html body .faq .faq-item::before {
    content: "" !important;

    position:
        absolute !important;

    top:
        -45px !important;

    left:
        -45px !important;

    width:
        115px !important;

    height:
        115px !important;

    border-radius:
        50% !important;

    background:
        rgba(43, 188, 103, .07) !important;

    pointer-events:
        none !important;

    z-index:
        -1 !important;
}


html body .faq .faq-item:hover {
    transform:
        translateY(-3px) !important;

    border-color:
        rgba(26, 158, 89, .17) !important;

    box-shadow:
        0 18px 40px
        rgba(15, 72, 48, .085) !important;
}


/* =========================================================
   OPEN CARD
   ========================================================= */

html body .faq .faq-item.open,
html body .faq .faq-item.is-open,
html body .faq .faq-item[open],
html body .faq details.faq-item[open] {

    border-color:
        rgba(20, 151, 87, .24) !important;

    background:
        linear-gradient(
            135deg,
            #e3f5ea 0%,
            #edf8f1 100%
        ) !important;

    box-shadow:
        0 20px 44px
        rgba(18, 104, 66, .105) !important;
}


/*
 * خط سبز سمت راست کارت باز
 */

html body .faq .faq-item.open::after,
html body .faq .faq-item.is-open::after,
html body .faq .faq-item[open]::after {

    content: "" !important;

    position:
        absolute !important;

    top:
        18px !important;

    right:
        0 !important;

    width:
        4px !important;

    height:
        calc(100% - 36px) !important;

    border-radius:
        99px
        0
        0
        99px !important;

    background:
        linear-gradient(
            180deg,
            #15985b,
            #48ce7a
        ) !important;
}


/* =========================================================
   QUESTION
   ========================================================= */

html body .faq .faq-question,
html body .faq summary {

    position:
        relative !important;

    display:
        flex !important;

    flex-direction:
        row !important;

    align-items:
        center !important;

    justify-content:
        flex-start !important;

    gap:
        17px !important;

    width:
        100% !important;

    min-height:
        76px !important;

    margin:
        0 !important;

    padding:
        20px
        22px !important;

    border:
        0 !important;

    outline:
        none !important;

    background:
        transparent !important;

    color:
        #173f56 !important;

    font-size:
        14.5px !important;

    font-weight:
        850 !important;

    line-height:
        1.9 !important;

    text-align:
        right !important;

    cursor:
        pointer !important;

    list-style:
        none !important;

    direction:
        rtl !important;
}


html body .faq summary::-webkit-details-marker {
    display:
        none !important;
}


/* =========================================================
   PLUS BOX
   سمت چپ سؤال
   ========================================================= */

html body .faq .faq-question::after,
html body .faq summary::after {

    content:
        "+" !important;

    display:
        grid !important;

    place-items:
        center !important;

    flex:
        0
        0
        42px !important;

    width:
        42px !important;

    height:
        42px !important;

    margin-right:
        auto !important;

    border:
        1px solid
        rgba(22,151,87,.13) !important;

    border-radius:
        14px !important;

    background:
        rgba(255,255,255,.47) !important;

    color:
        #15985b !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.75) !important;

    font-size:
        23px !important;

    font-weight:
        400 !important;

    line-height:
        1 !important;

    transition:
        transform .22s ease,
        background .22s ease,
        color .22s ease,
        box-shadow .22s ease !important;
}


/* =========================================================
   OPEN ICON
   ========================================================= */

html body .faq
.faq-item.open
.faq-question::after,

html body .faq
.faq-item.is-open
.faq-question::after,

html body .faq
details[open]
summary::after {

    content:
        "−" !important;

    color:
        #ffffff !important;

    border-color:
        transparent !important;

    background:
        linear-gradient(
            145deg,
            #15985b,
            #32bd6e
        ) !important;

    box-shadow:
        0 8px 18px
        rgba(21,152,91,.18) !important;

    transform:
        rotate(180deg) !important;
}


/* =========================================================
   ANSWER
   ========================================================= */

html body .faq .faq-answer {

    position:
        relative !important;

    margin:
        0
        22px
        20px !important;

    padding:
        17px
        18px !important;

    border:
        1px solid
        rgba(20, 125, 78, .06) !important;

    border-radius:
        15px !important;

    background:
        rgba(255,255,255,.38) !important;

    color:
        #5e7580 !important;

    font-size:
        13.5px !important;

    font-weight:
        500 !important;

    line-height:
        2.1 !important;

    text-align:
        right !important;
}


/* متن پاسخ */

html body .faq .faq-answer p {
    margin:
        0 !important;

    color:
        inherit !important;

    font:
        inherit !important;

    line-height:
        inherit !important;

    text-align:
        right !important;
}


/*
 * اگر FAQ از details استفاده می‌کند
 */

html body .faq details > *:not(summary) {
    color:
        #5e7580 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 680px) {

    html body .faq {
        padding:
            56px
            0
            62px !important;
    }


    html body .faq > .container {
        width:
            calc(100% - 26px) !important;
    }


    html body .faq .section-head,
    html body .faq .section-head.center {

        margin-bottom:
            31px !important;
    }


    html body .faq .section-title {
        padding-bottom:
            22px !important;

        font-size:
            23px !important;
    }


    html body .faq .section-title::after {
        width:
            74px !important;

        margin-top:
            13px !important;
    }


    html body .faq .section-desc {
        font-size:
            13px !important;
    }


    html body .faq .faq-list,
    html body .faq .faq-grid {

        gap:
            10px !important;
    }


    html body .faq .faq-item {
        border-radius:
            18px !important;
    }


    html body .faq .faq-question,
    html body .faq summary {

        min-height:
            68px !important;

        gap:
            12px !important;

        padding:
            16px
            16px !important;

        font-size:
            13px !important;
    }


    html body .faq
    .faq-question::after,

    html body .faq
    summary::after {

        flex-basis:
            36px !important;

        width:
            36px !important;

        height:
            36px !important;

        border-radius:
            12px !important;

        font-size:
            21px !important;
    }


    html body .faq .faq-answer {

        margin:
            0
            15px
            15px !important;

        padding:
            14px
            14px !important;

        border-radius:
            13px !important;

        font-size:
            12.8px !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    html body .faq .faq-item,
    html body .faq .faq-question::after,
    html body .faq summary::after {

        transition:
            none !important;
    }

}


/* =========================================================
   FAQ OUTER WHITE BOX FIX
   حذف باکس بزرگ دور FAQ
   ========================================================= */

/* خود سکشن دیگر باکس روشن سراسری نداشته باشد */
html body .faq {
    background: transparent !important;
}


/* اگر برای سکشن pseudo background تعریف شده باشد حذف شود */
html body .faq::before,
html body .faq::after {
    content: none !important;
    display: none !important;
}


/* کانتینر FAQ نباید پس‌زمینه یا سایه جداگانه داشته باشد */
html body .faq > .container,
html body .faq .container {
    background: transparent !important;

    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
}


/* هر wrapper میانی هم شفاف شود */
html body .faq .section-head,
html body .faq .faq-list,
html body .faq .faq-grid,
html body .faq .faq-wrap,
html body .faq .faq-panel,
html body .faq .faq-shell {
    background: transparent !important;

    box-shadow: none !important;
    border: 0 !important;
}


/* فقط خود کارت‌های FAQ دیده شوند */
html body .faq .faq-item {
    position: relative !important;
    z-index: 2 !important;
}


/* =========================================================
   FAQ TITLE DIVIDER — FINAL FIX
   ========================================================= */

html body .faq .section-title {
    position: relative !important;

    padding-bottom: 27px !important;
}


/* حذف کامل استایل‌های قدیمی و ساخت خط جدید */

html body .faq .section-title::after {
    content: "" !important;

    display: block !important;
    position: absolute !important;

    top: auto !important;
    right: auto !important;
    bottom: 5px !important;
    left: 50% !important;

    width: 92px !important;
    height: 3px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 999px !important;

    background:
        linear-gradient(
            90deg,
            rgba(21,152,91,0) 0%,
            rgba(21,152,91,.40) 15%,
            #15985b 35%,
            #42ca76 50%,
            #15985b 65%,
            rgba(21,152,91,.40) 85%,
            rgba(21,152,91,0) 100%
        ) !important;

    background-color: transparent !important;

    box-shadow: none !important;

    transform: translateX(-50%) !important;

    opacity: 1 !important;
}


/* نقطه وسط */

html body .faq .section-title::before {
    content: "" !important;

    display: block !important;

    position: absolute !important;

    top: auto !important;
    right: auto !important;
    bottom: 3px !important;
    left: 50% !important;

    width: 7px !important;
    height: 7px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 2px solid #f5faf7 !important;
    border-radius: 50% !important;

    background: #28b866 !important;
    background-image: none !important;

    box-shadow:
        0 0 0 4px rgba(40,184,102,.10) !important;

    transform: translateX(-50%) !important;

    z-index: 3 !important;
}


/* فاصله مناسب توضیح زیر خط */

html body .faq .section-desc {
    margin-top: 8px !important;
}


@media (max-width: 680px) {

    html body .faq .section-title {
        padding-bottom: 25px !important;
    }

    html body .faq .section-title::after {
        width: 76px !important;
    }

}


/* ===================================================== */
/* SOURCE: assets/css/home-final-cta-v4.css */
/* ===================================================== */
/* =========================================================
   TAMINYAR HOME — FINAL CTA V4
   ========================================================= */

html body #main .home-final-cta-section {
    position: relative !important;

    padding:
        78px
        0
        82px !important;

    margin: 0 !important;

    overflow: hidden !important;

    background:
        linear-gradient(
            180deg,
            #f7fbf9 0%,
            #ffffff 100%
        ) !important;
}


html body #main
.home-final-cta-section > .container {

    width:
        min(
            1180px,
            calc(100% - 40px)
        ) !important;

    max-width:
        1180px !important;

    margin:
        0
        auto !important;

    padding:
        0 !important;
}


/* =========================================================
   MAIN BOX
   ========================================================= */

html body #main
.home-final-cta-section
.cta-box {

    position: relative !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    width:
        100% !important;

    min-height:
        330px !important;

    margin:
        0 !important;

    padding:
        54px
        42px !important;

    overflow:
        hidden !important;

    border:
        1px solid
        rgba(255,255,255,.08) !important;

    border-radius:
        32px !important;

    background:
        radial-gradient(
            circle at 15% 5%,
            rgba(64,205,116,.18),
            transparent 31%
        ),
        radial-gradient(
            circle at 90% 100%,
            rgba(33,135,165,.13),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #123e50 0%,
            #0c3040 55%,
            #092b3a 100%
        ) !important;

    box-shadow:
        0 28px 65px
        rgba(10,50,67,.16) !important;

    text-align:
        center !important;

    isolation:
        isolate !important;
}


/* تزئین نرم سمت راست */

html body #main
.home-final-cta-section
.cta-box::before {

    content: "" !important;

    position:
        absolute !important;

    top:
        -110px !important;

    right:
        -90px !important;

    width:
        280px !important;

    height:
        280px !important;

    border:
        1px solid
        rgba(79,215,127,.08) !important;

    border-radius:
        50% !important;

    background:
        rgba(56,201,111,.035) !important;

    box-shadow:
        0 0 0 45px
        rgba(56,201,111,.025),
        0 0 0 90px
        rgba(56,201,111,.015) !important;

    pointer-events:
        none !important;

    z-index:
        -1 !important;
}


/* نور پایین */

html body #main
.home-final-cta-section
.cta-box::after {

    content: "" !important;

    position:
        absolute !important;

    left:
        50% !important;

    bottom:
        -90px !important;

    width:
        430px !important;

    height:
        170px !important;

    border-radius:
        50% !important;

    background:
        rgba(61,202,113,.075) !important;

    filter:
        blur(35px) !important;

    transform:
        translateX(-50%) !important;

    pointer-events:
        none !important;

    z-index:
        -1 !important;
}


/* =========================================================
   CONTENT
   ========================================================= */

html body #main
.home-final-cta-section
.cta-box > div:first-child {

    position:
        relative !important;

    z-index:
        2 !important;

    display:
        flex !important;

    flex-direction:
        column !important;

    align-items:
        center !important;

    width:
        100% !important;

    max-width:
        780px !important;

    margin:
        0
        auto !important;

    text-align:
        center !important;
}


/* =========================================================
   TITLE
   ========================================================= */

html body #main
.home-final-cta-section
.cta-box h2 {

    position:
        relative !important;

    width:
        100% !important;

    margin:
        0
        auto
        24px !important;

    padding:
        0
        0
        22px !important;

    color:
        #ffffff !important;

    font-size:
        clamp(
            27px,
            2.7vw,
            40px
        ) !important;

    font-weight:
        950 !important;

    line-height:
        1.65 !important;

    text-align:
        center !important;
}


/* خط سبز زیر عنوان */

html body #main
.home-final-cta-section
.cta-box h2::after {

    content: "" !important;

    position:
        absolute !important;

    left:
        50% !important;

    bottom:
        0 !important;

    width:
        82px !important;

    height:
        3px !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            #39c972 22%,
            #76e09b 50%,
            #39c972 78%,
            transparent
        ) !important;

    transform:
        translateX(-50%) !important;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

html body #main
.home-final-cta-section
.cta-box p {

    width:
        100% !important;

    max-width:
        680px !important;

    margin:
        0
        auto !important;

    color:
        #c5d7de !important;

    font-size:
        14px !important;

    font-weight:
        500 !important;

    line-height:
        2.1 !important;

    text-align:
        center !important;
}


/* =========================================================
   ACTIONS
   ========================================================= */

html body #main
.home-final-cta-section
.home-final-cta-actions {

    position:
        relative !important;

    z-index:
        3 !important;

    display:
        flex !important;

    flex-wrap:
        wrap !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        11px !important;

    width:
        100% !important;

    margin:
        31px
        auto
        0 !important;

    text-align:
        center !important;
}


/* همه دکمه‌ها */

html body #main
.home-final-cta-section
.home-final-cta-actions .btn {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-width:
        175px !important;

    min-height:
        50px !important;

    margin:
        0 !important;

    padding:
        11px
        21px !important;

    border-radius:
        15px !important;

    font-size:
        12.5px !important;

    font-weight:
        900 !important;

    line-height:
        1.6 !important;

    text-align:
        center !important;

    text-decoration:
        none !important;

    transition:
        transform .2s ease,
        background .2s ease,
        border-color .2s ease,
        box-shadow .2s ease !important;
}


/* اپلیکیشن به‌زودی */

html body #main
.home-final-cta-section
.home-final-cta-actions
[data-download] {

    color:
        #ffffff !important;

    border:
        1px solid
        #28b965 !important;

    background:
        linear-gradient(
            145deg,
            #15985b,
            #28b966
        ) !important;

    box-shadow:
        0 10px 25px
        rgba(21,152,91,.21) !important;
}


html body #main
.home-final-cta-section
.home-final-cta-actions
[data-download]:hover {

    transform:
        translateY(-2px) !important;

    box-shadow:
        0 14px 30px
        rgba(21,152,91,.28) !important;
}


/* تماس با ما */

html body #main
.home-final-cta-section
.home-final-cta-actions
a[href="contact.html"] {

    color:
        #ffffff !important;

    border:
        1px solid
        rgba(255,255,255,.24) !important;

    background:
        rgba(255,255,255,.065) !important;

    backdrop-filter:
        blur(7px) !important;

    -webkit-backdrop-filter:
        blur(7px) !important;
}


html body #main
.home-final-cta-section
.home-final-cta-actions
a[href="contact.html"]:hover {

    transform:
        translateY(-2px) !important;

    border-color:
        rgba(255,255,255,.38) !important;

    background:
        rgba(255,255,255,.11) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 680px) {

    html body #main
    .home-final-cta-section {

        padding:
            55px
            0
            59px !important;
    }


    html body #main
    .home-final-cta-section > .container {

        width:
            calc(100% - 26px) !important;
    }


    html body #main
    .home-final-cta-section
    .cta-box {

        min-height:
            0 !important;

        padding:
            38px
            19px !important;

        border-radius:
            24px !important;
    }


    html body #main
    .home-final-cta-section
    .cta-box h2 {

        margin-bottom:
            19px !important;

        padding-bottom:
            19px !important;

        font-size:
            25px !important;
    }


    html body #main
    .home-final-cta-section
    .cta-box p {

        font-size:
            13px !important;

        line-height:
            2 !important;
    }


    html body #main
    .home-final-cta-section
    .home-final-cta-actions {

        flex-direction:
            column !important;

        gap:
            8px !important;

        margin-top:
            25px !important;
    }


    html body #main
    .home-final-cta-section
    .home-final-cta-actions
    .btn {

        width:
            100% !important;

        min-width:
            0 !important;

        min-height:
            48px !important;
    }

}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    html body #main
    .home-final-cta-section
    .btn {

        transition:
            none !important;
    }

}


/* =========================================================
   CTA -> FOOTER BRIDGE TRANSITION FIX
   ========================================================= */

/* دسکتاپ */
html body #main .home-final-cta-section {
    padding-bottom: 24px !important;

    background:
        linear-gradient(
            180deg,
            #f7fbf9 0%,
            #eef7f2 100%
        ) !important;
}


/* کارت CTA پایینش فاصله اضافه نداشته باشد */
html body #main
.home-final-cta-section
.cta-box {
    margin-bottom: 0 !important;
}


/* سکشن سه کارت از همان رنگ ادامه پیدا کند */
html body .home-footer-bridge {
    margin-top: 0 !important;

    padding-top: 20px !important;

    background:
        radial-gradient(
            circle at 50% 100%,
            rgba(35,185,101,.10),
            transparent 36%
        ),
        linear-gradient(
            180deg,
            #eef7f2 0%,
            #edf6f1 100%
        ) !important;
}


/* خط بالای bridge خیلی ظریف‌تر شود */
html body .home-footer-bridge::before {
    right: 18% !important;
    left: 18% !important;

    opacity: .55 !important;
}


/* موبایل */
@media (max-width: 680px) {

    html body #main .home-final-cta-section {
        padding-top: 55px !important;
        padding-bottom: 14px !important;
    }

    html body .home-footer-bridge {
        padding-top: 12px !important;
    }

}


/* ===================================================== */
/* SOURCE: assets/css/home-footer-bridge-v2.css */
/* ===================================================== */
/* =========================================================
   TAMINYAR — HOME FOOTER BRIDGE V2
   ========================================================= */

html body .home-footer-bridge {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 34px 0 48px !important;
    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 50% 100%,
            rgba(35,185,101,.10),
            transparent 36%
        ),
        linear-gradient(
            180deg,
            #f6fbf8 0%,
            #eef7f2 100%
        ) !important;
}

html body .home-footer-bridge::before {
    content: "" !important;
    position: absolute !important;

    top: 0 !important;
    right: 8% !important;
    left: 8% !important;

    height: 1px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(21,152,91,.20),
            transparent
        ) !important;
}

html body .home-footer-bridge::after {
    content: none !important;
    display: none !important;
}

html body .home-footer-bridge .container {
    width: min(1180px, calc(100% - 40px)) !important;
    max-width: 1180px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}


/* =========================================================
   GRID
   ========================================================= */

html body .home-footer-bridge-card {
    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 16px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;

    direction: rtl !important;
}


/* Divider قدیمی */

html body .home-footer-bridge .bridge-divider {
    display: none !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;

    border: 0 !important;
    background: none !important;
}


/* =========================================================
   CARDS
   ========================================================= */

html body .home-footer-bridge .bridge-item {
    position: relative !important;

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 17px !important;

    width: 100% !important;
    min-width: 0 !important;

    min-height: 136px !important;
    height: 100% !important;

    margin: 0 !important;

    padding: 23px 22px !important;

    overflow: hidden !important;

    border:
        1px solid
        rgba(24,134,80,.12) !important;

    border-radius: 23px !important;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.96),
            rgba(248,252,250,.96)
        ) !important;

    box-shadow:
        0 14px 36px
        rgba(13,70,46,.065) !important;

    text-align: right !important;
    direction: rtl !important;

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease !important;
}

html body .home-footer-bridge .bridge-item::before {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;
    right: 22px !important;

    width: 38px !important;
    height: 3px !important;

    border-radius: 0 0 999px 999px !important;

    background:
        linear-gradient(
            90deg,
            #15985b,
            #49cf7b
        ) !important;

    opacity: .8 !important;

    transition:
        width .22s ease !important;
}

html body .home-footer-bridge .bridge-item:hover {
    transform: translateY(-4px) !important;

    border-color:
        rgba(25,159,90,.21) !important;

    box-shadow:
        0 20px 44px
        rgba(13,70,46,.095) !important;
}

html body .home-footer-bridge
.bridge-item:hover::before {
    width: 60px !important;
}


/* =========================================================
   ICON
   ========================================================= */

html body .home-footer-bridge .bridge-icon {
    display: grid !important;
    place-items: center !important;

    order: 0 !important;

    flex: 0 0 58px !important;

    width: 58px !important;
    height: 58px !important;

    margin: 0 !important;

    border:
        1px solid
        rgba(21,152,91,.12) !important;

    border-radius: 19px !important;

    background:
        linear-gradient(
            145deg,
            #e9f8ef,
            #f3fbf6
        ) !important;

    color: #15985b !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.8),
        0 8px 20px rgba(21,152,91,.07) !important;
}

html body .home-footer-bridge .bridge-icon svg {
    display: block !important;

    width: 27px !important;
    height: 27px !important;

    fill: none !important;

    stroke: currentColor !important;

    stroke-width: 1.8 !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}


/* =========================================================
   TEXT
   ========================================================= */

html body .home-footer-bridge
.bridge-item > div:last-child {
    order: 1 !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: flex-start !important;

    flex: 1 1 auto !important;

    min-width: 0 !important;

    text-align: right !important;
}

html body .home-footer-bridge .bridge-item strong {
    display: block !important;

    width: 100% !important;

    margin: 0 0 7px !important;

    color: #173f56 !important;

    font-size: 16px !important;
    font-weight: 900 !important;

    line-height: 1.7 !important;

    text-align: right !important;
}

html body .home-footer-bridge .bridge-item span {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    color: #71858c !important;

    font-size: 12.5px !important;
    font-weight: 550 !important;

    line-height: 1.9 !important;

    text-align: right !important;
}


/* =========================================================
   TABLET / MOBILE
   ========================================================= */

@media (max-width: 900px) {

    html body .home-footer-bridge-card {
        grid-template-columns:
            minmax(0, 1fr) !important;

        gap: 10px !important;
    }

    html body .home-footer-bridge .bridge-item {
        min-height: 112px !important;
    }
}

@media (max-width: 620px) {

    html body .home-footer-bridge {
        padding: 25px 0 34px !important;
    }

    html body .home-footer-bridge .container {
        width: calc(100% - 26px) !important;
    }

    html body .home-footer-bridge .bridge-item {
        min-height: 104px !important;

        gap: 13px !important;

        padding: 17px 15px !important;

        border-radius: 19px !important;
    }

    html body .home-footer-bridge .bridge-icon {
        flex-basis: 53px !important;

        width: 53px !important;
        height: 53px !important;

        border-radius: 17px !important;
    }

    html body .home-footer-bridge .bridge-icon svg {
        width: 24px !important;
        height: 24px !important;
    }

    html body .home-footer-bridge .bridge-item strong {
        font-size: 15px !important;
    }

    html body .home-footer-bridge .bridge-item span {
        font-size: 12px !important;
    }
}

@media (prefers-reduced-motion: reduce) {

    html body .home-footer-bridge .bridge-item {
        transition: none !important;
    }
}


/* ===================================================== */
/* SOURCE: assets/css/home-cta-bridge-spacing-v1.css */
/* ===================================================== */
/* =========================================================
   TAMINYAR
   CTA -> BRIDGE SPACING ONLY
   هیچ تغییری در رنگ، بک‌گراند یا موقعیت کارت‌ها ندارد
   ========================================================= */


/* فاصله پایین CTA کمتر شود */
html body #main
.home-final-cta-section {
    margin-bottom: 0 !important;
    padding-bottom: 22px !important;
}


/* خود CTA پایینش Margin اضافه نداشته باشد */
html body #main
.home-final-cta-section
.cta-box {
    margin-bottom: 0 !important;
}


/* فاصله بالای سه کارت کمتر شود */
html body #main
.home-final-cta-section
+
.home-footer-bridge {
    margin-top: 0 !important;
    padding-top: 18px !important;
}


/* کانتینر سه کارت هم Margin اضافه نداشته باشد */
html body #main
.home-footer-bridge
> .container {
    margin-top: 0 !important;
}


/* تبلت */
@media (max-width: 900px) {

    html body #main
    .home-final-cta-section {
        padding-bottom: 18px !important;
    }

    html body #main
    .home-final-cta-section
    +
    .home-footer-bridge {
        padding-top: 14px !important;
    }
}


/* موبایل */
@media (max-width: 680px) {

    html body #main
    .home-final-cta-section {
        padding-bottom: 12px !important;
    }

    html body #main
    .home-final-cta-section
    +
    .home-footer-bridge {
        padding-top: 10px !important;
    }
}


/* ===================================================== */
/* SOURCE: assets/css/home-section-divider-v1.css */
/* ===================================================== */
/* =========================================================
   GLOBAL SECTION TITLE DIVIDER
   ========================================================= */


/* ---------------------------------------------------------
   CENTERED SECTION HEADS
   --------------------------------------------------------- */

html body .ty-section-head-centered {
    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    text-align: center !important;
}


html body .ty-section-head-centered .section-title,
html body .ty-section-head-centered .section-kicker,
html body .ty-section-head-centered .section-desc {
    text-align: center !important;
}


html body .ty-section-kicker-centered {
    width: 100% !important;

    margin:
        0
        auto
        8px !important;

    text-align: center !important;
}


html body .ty-section-head-centered .section-title {
    width: 100% !important;

    margin:
        0
        auto !important;

    padding-bottom: 0 !important;

    text-align: center !important;
}


html body .ty-section-desc-centered {
    width: 100% !important;
    max-width: 760px !important;

    margin:
        0
        auto !important;

    text-align: center !important;

    line-height: 2 !important;
}


/* ---------------------------------------------------------
   REMOVE OLD PSEUDO DIVIDERS
   --------------------------------------------------------- */

html body .section-title::before,
html body .section-title::after,
html body .section-head::before,
html body .section-head::after {
    box-shadow: none !important;
}


/* فقط pseudo های قدیمی سکشن‌های اصلی خاموش شوند */
html body #features .section-title::before,
html body #features .section-title::after,
html body #how .section-title::before,
html body #how .section-title::after,
html body #plans .section-title::before,
html body #plans .section-title::after,
html body #transparency .section-title::before,
html body #transparency .section-title::after,
html body .faq .section-title::before,
html body .faq .section-title::after,
html body .site-trust-section .section-title::before,
html body .site-trust-section .section-title::after {
    content: none !important;
    display: none !important;

    background: none !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}


/* ---------------------------------------------------------
   REAL DIVIDER
   --------------------------------------------------------- */

html body .ty-section-divider {
    position: relative !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 96px !important;
    height: 14px !important;

    margin:
        14px
        auto
        12px !important;

    flex: 0 0 14px !important;

    overflow: visible !important;
}


/* خط اصلی */
html body .ty-section-divider::before {
    content: "" !important;

    position: absolute !important;

    top: 50% !important;
    right: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 3px !important;

    border-radius: 999px !important;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(21,152,91,.25) 14%,
            #15985b 34%,
            #48cd79 50%,
            #15985b 66%,
            rgba(21,152,91,.25) 86%,
            transparent 100%
        ) !important;

    transform: translateY(-50%) !important;
}


/* نقطه وسط */
html body .ty-section-divider > i {
    position: relative !important;
    z-index: 2 !important;

    display: block !important;

    width: 8px !important;
    height: 8px !important;

    margin: 0 !important;
    padding: 0 !important;

    border:
        2px solid
        #f4faf7 !important;

    border-radius: 50% !important;

    background: #28b966 !important;

    box-shadow:
        0 0 0 5px rgba(40,185,102,.10) !important;

    font-size: 0 !important;
}


/* ---------------------------------------------------------
   SPACING FOR DESCRIPTION
   --------------------------------------------------------- */

html body .ty-section-divider + .section-desc,
html body .ty-section-head-centered .section-desc {
    margin-top: 4px !important;
}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media (max-width: 680px) {

    html body .ty-section-divider {
        width: 78px !important;
        height: 13px !important;

        margin:
            12px
            auto
            10px !important;
    }

    html body .ty-section-divider > i {
        width: 7px !important;
        height: 7px !important;
    }

}


/* =========================================================
   FINAL KILL — OLD SECTION TITLE DECORATIONS
   ========================================================= */

html body #main h2.section-title::before,
html body #main h2.section-title::after,

html body #main h3.section-title::before,
html body #main h3.section-title::after,

html body #main .section-title::before,
html body #main .section-title::after {

    content: none !important;

    display: none !important;

    position: static !important;

    width: 0 !important;
    height: 0 !important;

    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: none !important;
    background-color: transparent !important;
    background-image: none !important;

    box-shadow: none !important;

    opacity: 0 !important;

    transform: none !important;
}


/* =========================================================
   فقط Divider واقعی جدید نمایش داده شود
   ========================================================= */

html body #main .ty-section-divider {
    display: flex !important;

    position: relative !important;

    align-items: center !important;
    justify-content: center !important;

    width: 96px !important;
    height: 14px !important;

    margin:
        15px
        auto
        14px !important;

    opacity: 1 !important;
}


html body #main .ty-section-divider::before {
    content: "" !important;

    display: block !important;

    position: absolute !important;

    top: 50% !important;
    right: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 3px !important;

    border-radius: 999px !important;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(21,152,91,.20) 12%,
            #15985b 32%,
            #43cc78 50%,
            #15985b 68%,
            rgba(21,152,91,.20) 88%,
            transparent 100%
        ) !important;

    opacity: 1 !important;

    transform:
        translateY(-50%) !important;
}


html body #main .ty-section-divider > i {
    position: relative !important;

    z-index: 3 !important;

    display: block !important;

    width: 8px !important;
    height: 8px !important;

    border:
        2px solid
        #f5faf7 !important;

    border-radius: 50% !important;

    background:
        #32bf6e !important;

    box-shadow:
        0 0 0 4px
        rgba(50,191,110,.11) !important;
}



/* =========================================================
   TAMINYAR HOME — FINAL CONSISTENCY LAYER
   ========================================================= */

:root {
    --ty-navy: #173f56;
    --ty-navy-deep: #0d3243;
    --ty-green: #15985b;
    --ty-green-light: #45cc78;
    --ty-text: #607782;
    --ty-surface: #ffffff;
    --ty-soft: #f4faf7;

    --ty-card-radius: 22px;
    --ty-control-radius: 14px;
}


/* جلوگیری از Overflow ناخواسته */

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

html {
    scroll-padding-top: 90px;
}


img,
svg {
    max-width: 100%;
}


/* =========================================================
   TYPOGRAPHY
   ========================================================= */

#main .section-head.center,
#main #how .section-head,
#main #plans .section-head,
#main .ty-home-faq-section .section-head {

    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    text-align: center !important;
}


#main .section-head.center .section-kicker,
#main .section-head.center .section-title,
#main .section-head.center .section-desc,

#main #how .section-kicker,
#main #how .section-title,
#main #how .section-desc,

#main .ty-home-faq-section .section-kicker,
#main .ty-home-faq-section .section-title,
#main .ty-home-faq-section .section-desc {

    text-align: center !important;
}


#main .section-title {
    color: var(--ty-navy) !important;
    font-weight: 900 !important;
}


/* =========================================================
   OLD TITLE DECORATIONS — OFF
   فقط Divider واقعی جدید استفاده شود
   ========================================================= */

#main .section-title::before,
#main .section-title::after {

    content: none !important;

    display: none !important;

    width: 0 !important;
    height: 0 !important;

    border: 0 !important;

    background: none !important;
    background-image: none !important;

    box-shadow: none !important;

    opacity: 0 !important;
}


/* Divider واحد تمام سکشن‌ها */

#main .ty-section-divider {

    position: relative !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 92px !important;
    height: 14px !important;

    margin:
        14px
        auto
        12px !important;
}


#main .ty-section-divider::before {

    content: "" !important;

    position: absolute !important;

    top: 50% !important;
    right: 0 !important;
    left: 0 !important;

    height: 3px !important;

    border-radius: 999px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(21,152,91,.35) 18%,
            #15985b 38%,
            #45cc78 50%,
            #15985b 62%,
            rgba(21,152,91,.35) 82%,
            transparent
        ) !important;

    transform: translateY(-50%) !important;
}


#main .ty-section-divider > i {

    position: relative !important;

    z-index: 2 !important;

    display: block !important;

    width: 8px !important;
    height: 8px !important;

    border:
        2px solid
        #f4faf7 !important;

    border-radius: 50% !important;

    background:
        #39c873 !important;

    box-shadow:
        0 0 0 4px
        rgba(57,200,115,.11) !important;
}


/* =========================================================
   FAQ FINAL
   ========================================================= */

#main .ty-home-faq-section {
    background:
        linear-gradient(
            180deg,
            #f3f9f6 0%,
            #eef7f2 100%
        ) !important;
}


#main .ty-home-faq-section > .container {

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}


#main .ty-home-faq-section .faq-list,
#main .ty-home-faq-section .faq-grid {

    background: transparent !important;

    border: 0 !important;
    box-shadow: none !important;
}


#main .ty-home-faq-section .faq-item {

    border-radius: 22px !important;

    background:
        linear-gradient(
            135deg,
            #eaf6ef 0%,
            #eef6f3 100%
        ) !important;
}


#main .ty-home-faq-section
.faq-item:nth-child(even) {

    background:
        linear-gradient(
            135deg,
            #eaf3f4,
            #eef6f3
        ) !important;
}


/* =========================================================
   CTA -> BRIDGE
   فقط فاصله منطقی، بدون Negative Margin
   ========================================================= */

#main .home-final-cta-section {

    margin-bottom: 0 !important;

    padding-bottom:
        20px !important;
}


#main .home-final-cta-section
+
.home-footer-bridge {

    margin-top: 0 !important;

    padding-top:
        14px !important;
}


/* =========================================================
   FORMS / BUTTONS
   ========================================================= */

button,
input,
select,
textarea {

    font: inherit;
}


input,
select,
textarea {

    border-radius:
        var(--ty-control-radius);
}


.btn {

    border-radius:
        var(--ty-control-radius);
}


a,
button {

    -webkit-tap-highlight-color:
        transparent;
}


a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {

    outline:
        3px solid
        rgba(21,152,91,.20) !important;

    outline-offset:
        3px !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 680px) {

    #main .ty-section-divider {

        width: 76px !important;

        margin-top: 12px !important;
        margin-bottom: 10px !important;
    }


    #main .home-final-cta-section {

        padding-bottom:
            12px !important;
    }


    #main .home-final-cta-section
    +
    .home-footer-bridge {

        padding-top:
            9px !important;
    }

}


@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior:
            auto !important;
    }

}

/* ===== TY FINAL FAQ CTA POLISH V2 ===== */


/* =========================================================
   FAQ
   ========================================================= */

html body #main
.ty-home-faq-section {

    min-height: 0 !important;

    margin:
        0 !important;

    padding-bottom:
        34px !important;
}


html body #main
.ty-home-faq-section
> .container {

    min-height: 0 !important;

    padding-bottom:
        0 !important;
}


/* =========================================================
   VIEW ALL FAQ
   ========================================================= */

html body #main
.ty-faq-more-wrap {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    margin:
        22px
        0
        0 !important;

    padding:
        0 !important;

    text-align:
        center !important;
}


html body #main
.ty-faq-more-btn {

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-width:
        172px !important;

    min-height:
        48px !important;

    padding:
        11px
        22px !important;

    border:
        1px solid
        rgba(19, 86, 65, .16) !important;

    border-radius:
        14px !important;

    background:
        rgba(255,255,255,.88) !important;

    color:
        #173f56 !important;

    box-shadow:
        0 9px 24px
        rgba(18,79,60,.065) !important;

    font-size:
        13px !important;

    font-weight:
        850 !important;

    line-height:
        1.5 !important;

    text-decoration:
        none !important;

    transition:
        transform .2s ease,
        background-color .2s ease,
        color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease !important;
}


html body #main
.ty-faq-more-btn:hover {

    transform:
        translateY(-2px) !important;

    color:
        #ffffff !important;

    background:
        #15985b !important;

    border-color:
        #15985b !important;

    box-shadow:
        0 13px 28px
        rgba(21,152,91,.18) !important;
}


/* =========================================================
   FAQ -> CTA SPACING
   ========================================================= */

html body #main
.ty-home-faq-section
+
.home-final-cta-section {

    margin-top:
        0 !important;
}


html body #main
.home-final-cta-section {

    min-height:
        0 !important;

    height:
        auto !important;

    margin:
        0 !important;

    padding-top:
        30px !important;

    padding-bottom:
        20px !important;
}


html body #main
.home-final-cta-section
> .container {

    min-height:
        0 !important;

    margin-top:
        0 !important;

    margin-bottom:
        0 !important;
}


html body #main
.home-final-cta-section
.cta-box {

    margin-top:
        0 !important;

    margin-bottom:
        0 !important;
}


/* CTA text */
html body #main
.home-final-cta-section
.cta-box p {

    max-width:
        650px !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    line-height:
        2 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 680px) {

    html body #main
    .ty-home-faq-section {

        padding-bottom:
            25px !important;
    }


    html body #main
    .ty-faq-more-wrap {

        margin-top:
            17px !important;
    }


    html body #main
    .ty-faq-more-btn {

        min-width:
            158px !important;

        min-height:
            45px !important;
    }


    html body #main
    .home-final-cta-section {

        padding-top:
            22px !important;

        padding-bottom:
            14px !important;
    }

}


@media (prefers-reduced-motion: reduce) {

    html body #main
    .ty-faq-more-btn {

        transition:
            none !important;
    }

}

/* ===== TY FAQ COMPACT FINAL V5 ===== */


/* =========================================================
   FAQ SECTION — COMPACT
   ========================================================= */

html body #main
section.ty-home-faq-section {

    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;

    padding:
        42px
        0
        30px !important;

    overflow: visible !important;
}


/* Container */

html body #main
section.ty-home-faq-section
> .container {

    min-height: 0 !important;
    height: auto !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* =========================================================
   FAQ HEADER
   ========================================================= */

html body #main
section.ty-home-faq-section
.section-head {

    margin:
        0
        auto
        24px !important;

    padding:
        0 !important;
}


html body #main
section.ty-home-faq-section
.section-kicker {

    margin-bottom:
        7px !important;
}


html body #main
section.ty-home-faq-section
.section-title {

    margin:
        0 !important;
}


html body #main
section.ty-home-faq-section
.ty-section-divider {

    margin:
        10px
        auto
        8px !important;
}


html body #main
section.ty-home-faq-section
.section-desc {

    max-width:
        700px !important;

    margin:
        8px
        auto
        0 !important;

    line-height:
        1.9 !important;
}


/* =========================================================
   FAQ LIST
   ========================================================= */

html body #main
section.ty-home-faq-section
.faq,

html body #main
section.ty-home-faq-section
.faq-list,

html body #main
section.ty-home-faq-section
.faq-grid {

    display:
        flex !important;

    flex-direction:
        column !important;

    gap:
        10px !important;

    min-height:
        0 !important;

    height:
        auto !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


/* =========================================================
   FAQ CARD
   ========================================================= */

html body #main
section.ty-home-faq-section
.faq-item {

    min-height:
        0 !important;

    height:
        auto !important;

    margin:
        0 !important;

    border-radius:
        18px !important;
}


/*
 * دکمه / Summary سؤال
 */

html body #main
section.ty-home-faq-section
.faq-question,

html body #main
section.ty-home-faq-section
.faq-item > button,

html body #main
section.ty-home-faq-section
.faq-item > summary {

    min-height:
        58px !important;

    padding:
        14px
        18px !important;

    margin:
        0 !important;

    line-height:
        1.7 !important;
}


/* پاسخ */

html body #main
section.ty-home-faq-section
.faq-answer {

    margin:
        0 !important;

    padding:
        0
        18px
        16px !important;
}


html body #main
section.ty-home-faq-section
.faq-answer p {

    margin:
        0 !important;

    line-height:
        1.9 !important;
}


/* =========================================================
   VIEW ALL QUESTIONS
   ========================================================= */

html body #main
section.ty-home-faq-section
.ty-faq-more-wrap {

    margin:
        18px
        0
        0 !important;

    padding:
        0 !important;
}


/* =========================================================
   FAQ -> CTA
   ========================================================= */

html body #main
section.ty-home-faq-section
+
.home-final-cta-section {

    margin-top:
        0 !important;

    padding-top:
        22px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 680px) {

    html body #main
    section.ty-home-faq-section {

        padding:
            32px
            0
            23px !important;
    }


    html body #main
    section.ty-home-faq-section
    .section-head {

        margin-bottom:
            18px !important;
    }


    html body #main
    section.ty-home-faq-section
    .faq,

    html body #main
    section.ty-home-faq-section
    .faq-list,

    html body #main
    section.ty-home-faq-section
    .faq-grid {

        gap:
            8px !important;
    }


    html body #main
    section.ty-home-faq-section
    .faq-question,

    html body #main
    section.ty-home-faq-section
    .faq-item > button,

    html body #main
    section.ty-home-faq-section
    .faq-item > summary {

        min-height:
            54px !important;

        padding:
            12px
            14px !important;
    }


    html body #main
    section.ty-home-faq-section
    .ty-faq-more-wrap {

        margin-top:
            14px !important;
    }


    html body #main
    section.ty-home-faq-section
    +
    .home-final-cta-section {

        padding-top:
            16px !important;
    }

}

/* ===== TY FAQ STRUCTURE NORMALIZE V6 ===== */


/* ---------------------------------------------------------
   FAQ header spacing
   --------------------------------------------------------- */

html body #main
.ty-home-faq-section
.section-head {

    margin-bottom:
        20px !important;
}


html body #main
.ty-home-faq-section
.section-kicker {

    margin:
        0
        0
        6px !important;

    color:
        #15985b;
}


/* ---------------------------------------------------------
   FAQ list
   --------------------------------------------------------- */

html body #main
.ty-home-faq-section
.faq {

    display:
        flex !important;

    flex-direction:
        column !important;

    gap:
        10px !important;

    margin:
        0 !important;

    padding:
        0 !important;
}


/* ---------------------------------------------------------
   FAQ items
   --------------------------------------------------------- */

html body #main
.ty-home-faq-section
.faq-item {

    min-height:
        0 !important;

    height:
        auto !important;

    margin:
        0 !important;
}


/* سؤال واقعی فعلی */

html body #main
.ty-home-faq-section
.faq-q {

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        space-between !important;

    gap:
        16px !important;

    width:
        100% !important;

    min-height:
        58px !important;

    margin:
        0 !important;

    padding:
        14px
        18px !important;

    line-height:
        1.7 !important;

    text-align:
        right !important;

    cursor:
        pointer !important;
}


/* علامت + */

html body #main
.ty-home-faq-section
.faq-q > span {

    display:
        grid !important;

    place-items:
        center !important;

    flex:
        0 0
        30px !important;

    width:
        30px !important;

    height:
        30px !important;

    margin:
        0 !important;

    border-radius:
        50% !important;
}


/* پاسخ واقعی فعلی */

html body #main
.ty-home-faq-section
.faq-a {

    margin:
        0 !important;

    padding:
        0 !important;
}


html body #main
.ty-home-faq-section
.faq-a > div {

    padding:
        0
        18px
        15px !important;
}


html body #main
.ty-home-faq-section
.faq-a p {

    margin:
        0 !important;

    line-height:
        1.9 !important;
}


/* ---------------------------------------------------------
   مشاهده همه سوالات
   --------------------------------------------------------- */

html body #main
.ty-home-faq-section
.ty-faq-more-wrap {

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        100% !important;

    margin:
        16px
        0
        0 !important;

    padding:
        0 !important;
}


html body #main
.ty-home-faq-section
.ty-faq-more-btn {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-width:
        170px !important;

    min-height:
        46px !important;

    padding:
        10px
        20px !important;

    text-decoration:
        none !important;
}


/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */

@media (max-width: 680px) {

    html body #main
    .ty-home-faq-section
    .section-head {

        margin-bottom:
            16px !important;
    }


    html body #main
    .ty-home-faq-section
    .faq {

        gap:
            8px !important;
    }


    html body #main
    .ty-home-faq-section
    .faq-q {

        min-height:
            54px !important;

        padding:
            12px
            14px !important;
    }


    html body #main
    .ty-home-faq-section
    .faq-a > div {

        padding:
            0
            14px
            13px !important;
    }


    html body #main
    .ty-home-faq-section
    .ty-faq-more-wrap {

        margin-top:
            13px !important;
    }

}


/* =========================================================
   TY FAQ MOBILE ACCORDION FINAL V7
   ========================================================= */


/* خود آیتم */
html body #main
.ty-home-faq-section
.faq-item {
    position: relative !important;

    overflow: hidden !important;

    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;
}


/* سؤال */
html body #main
.ty-home-faq-section
.faq-q {
    position: relative !important;

    z-index: 2 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;

    margin: 0 !important;

    border: 0 !important;

    background: transparent !important;

    cursor: pointer !important;
}


/* =========================================================
   ANSWER — CLOSED
   ========================================================= */

html body #main
.ty-home-faq-section
.faq-q[aria-expanded="false"]
+
.faq-a {

    display: grid !important;

    grid-template-rows: 0fr !important;

    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    transition:
        grid-template-rows .28s ease,
        max-height .28s ease,
        opacity .20s ease,
        visibility .20s ease !important;
}


/* محتوای داخل پاسخ */
html body #main
.ty-home-faq-section
.faq-a > div {

    min-height: 0 !important;

    overflow: hidden !important;
}


/* =========================================================
   ANSWER — OPEN
   ========================================================= */

html body #main
.ty-home-faq-section
.faq-q[aria-expanded="true"]
+
.faq-a {

    display: grid !important;

    grid-template-rows: 1fr !important;

    max-height: 500px !important;

    margin: 0 !important;

    overflow: hidden !important;

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transition:
        grid-template-rows .30s ease,
        max-height .30s ease,
        opacity .22s ease !important;
}


html body #main
.ty-home-faq-section
.faq-q[aria-expanded="true"]
+
.faq-a > div {

    padding:
        0
        18px
        16px !important;
}


/* در حالت بسته Padding هم صفر باشد */
html body #main
.ty-home-faq-section
.faq-q[aria-expanded="false"]
+
.faq-a > div {

    padding:
        0
        18px !important;
}


/* =========================================================
   PLUS
   ========================================================= */

html body #main
.ty-home-faq-section
.faq-q > span {

    transition:
        transform .25s ease,
        background-color .25s ease !important;
}


html body #main
.ty-home-faq-section
.faq-q[aria-expanded="true"]
> span {

    transform:
        rotate(45deg) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 680px) {

    html body #main
    .ty-home-faq-section {

        padding-top:
            30px !important;

        padding-bottom:
            22px !important;
    }


    html body #main
    .ty-home-faq-section
    .section-head {

        margin-bottom:
            17px !important;
    }


    html body #main
    .ty-home-faq-section
    .faq {

        gap:
            9px !important;
    }


    html body #main
    .ty-home-faq-section
    .faq-item {

        border-radius:
            17px !important;
    }


    html body #main
    .ty-home-faq-section
    .faq-q {

        min-height:
            64px !important;

        padding:
            12px
            14px !important;

        font-size:
            14px !important;

        line-height:
            1.8 !important;
    }


    html body #main
    .ty-home-faq-section
    .faq-q > span {

        flex:
            0 0
            30px !important;

        width:
            30px !important;

        height:
            30px !important;
    }


    html body #main
    .ty-home-faq-section
    .faq-a p {

        font-size:
            12.5px !important;

        line-height:
            2 !important;
    }


    html body #main
    .ty-home-faq-section
    .faq-q[aria-expanded="true"]
    +
    .faq-a > div {

        padding:
            0
            14px
            14px !important;
    }


    html body #main
    .ty-home-faq-section
    .ty-faq-more-wrap {

        margin-top:
            14px !important;
    }


    /*
     * فاصله CTA بعد از FAQ
     */

    html body #main
    .ty-home-faq-section
    +
    .home-final-cta-section {

        padding-top:
            14px !important;
    }

}


/* Accessibility */

@media (prefers-reduced-motion: reduce) {

    html body #main
    .ty-home-faq-section
    .faq-a,

    html body #main
    .ty-home-faq-section
    .faq-q > span {

        transition:
            none !important;
    }

}

/* ===== TY PAYMENT STATUS NOTE FINAL V1 ===== */

html body #main
.ty-payment-status-note {

    display: block !important;

    width: 100% !important;
    max-width: 720px !important;

    margin:
        14px
        auto
        0 !important;

    padding:
        0
        18px !important;

    color:
        #647984 !important;

    font-size:
        14px !important;

    font-weight:
        600 !important;

    line-height:
        2 !important;

    text-align:
        center !important;

    direction:
        rtl !important;

    text-wrap:
        balance;
}


/* Mobile */

@media (max-width: 680px) {

    html body #main
    .ty-payment-status-note {

        max-width:
            350px !important;

        margin-top:
            10px !important;

        padding:
            0
            12px !important;

        font-size:
            12.5px !important;

        line-height:
            2.05 !important;

        text-align:
            center !important;
    }

}

/* ===== TY FAQ HOVER ZOOM FINAL V8 ===== */


/* =========================================================
   FAQ CARD BASE
   ========================================================= */

html body #main
.ty-home-faq-section
.faq-item {

    position: relative !important;

    z-index: 1 !important;

    transform:
        translate3d(0,0,0)
        scale(1) !important;

    transform-origin:
        center center !important;

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        background-color .22s ease !important;

    will-change:
        transform !important;
}


/* =========================================================
   HOVER
   فقط Zoom، بدون حرکت به بالا
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    html body #main
    .ty-home-faq-section
    .faq-item:hover {

        z-index:
            5 !important;

        transform:
            translate3d(0,0,0)
            scale(1.012) !important;

        border-color:
            rgba(21,152,91,.24) !important;

        box-shadow:
            0 13px 30px
            rgba(21,100,70,.10) !important;
    }


    /*
     * هر Hover قدیمی روی خود سؤال هم خنثی شود
     */

    html body #main
    .ty-home-faq-section
    .faq-q:hover {

        transform:
            none !important;

        translate:
            none !important;
    }


    /*
     * علامت + فقط کمی برجسته شود
     */

    html body #main
    .ty-home-faq-section
    .faq-item:hover
    .faq-q > span {

        transform:
            scale(1.08) !important;

        box-shadow:
            0 5px 14px
            rgba(21,152,91,.12) !important;
    }


    /*
     * وقتی Accordion باز است Rotation علامت + حفظ شود
     */

    html body #main
    .ty-home-faq-section
    .faq-item:hover
    .faq-q[aria-expanded="true"] > span {

        transform:
            rotate(45deg)
            scale(1.08) !important;
    }

}


/* =========================================================
   جلوگیری از خراب شدن Border هنگام Scale
   ========================================================= */

html body #main
.ty-home-faq-section
.faq {

    overflow:
        visible !important;

    padding:
        3px
        5px !important;
}


html body #main
.ty-home-faq-section
.faq-item {

    border-radius:
        18px !important;
}


/* =========================================================
   MOBILE / TOUCH
   روی موبایل Hover نمی‌خواهیم
   ========================================================= */

@media (hover: none),
       (pointer: coarse),
       (max-width: 680px) {

    html body #main
    .ty-home-faq-section
    .faq-item:hover {

        transform:
            none !important;

        box-shadow:
            inherit !important;
    }


    html body #main
    .ty-home-faq-section
    .faq {

        padding:
            0 !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    html body #main
    .ty-home-faq-section
    .faq-item,

    html body #main
    .ty-home-faq-section
    .faq-q > span {

        transition:
            none !important;
    }

}


/* =========================================================
   TAMINYAR — HOME RESPONSIVE FINAL V1
   فقط Layout و Responsive
   ========================================================= */


/* ---------------------------------------------------------
   GLOBAL SAFETY
   --------------------------------------------------------- */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

#main,
#main section {
    max-width: 100%;
}

#main img,
#main svg {
    max-width: 100%;
}


/* ---------------------------------------------------------
   CONTAINERS
   --------------------------------------------------------- */

#main .container {
    width: min(1180px, calc(100% - 40px));
    margin-left: auto;
    margin-right: auto;
}


/* ---------------------------------------------------------
   SECTION HEADERS
   --------------------------------------------------------- */

#main .section-head {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
}

#main .section-title {
    text-wrap: balance;
}

#main .section-desc {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 980px) {

    #main .container {
        width: calc(100% - 32px);
    }

    #main .section {
        padding-left: 0;
        padding-right: 0;
    }

    #main .section-title {
        font-size: clamp(
            24px,
            4vw,
            34px
        ) !important;

        line-height: 1.55 !important;
    }

    #main .section-desc {
        max-width: 680px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 680px) {

    #main .container {
        width: calc(100% - 24px);
    }


    /*
     * فاصله عمومی سکشن‌ها
     * بدون Override کردن سکشن‌هایی که قبلاً
     * تنظیم اختصاصی گرفته‌اند.
     */

    #main section.section:not(
        .home-final-cta-section
    ):not(
        .ty-home-faq-section
    ) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    #main .section-head {
        width: 100%;
        max-width: 100%;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 4px;
        padding-right: 4px;

        text-align: center;
    }


    #main .section-kicker {
        font-size: 12px !important;
        line-height: 1.8 !important;
    }


    #main .section-title {
        max-width: 100%;

        font-size: clamp(
            23px,
            7vw,
            29px
        ) !important;

        line-height: 1.55 !important;

        text-align: center !important;
    }


    #main .section-desc {
        width: 100%;
        max-width: 345px;

        font-size: 13px !important;
        line-height: 2 !important;

        text-align: center !important;
    }


    /*
     * دکمه‌ها از صفحه بیرون نزنند.
     */

    #main .btn {
        max-width: 100%;
    }


    /*
     * کارت‌ها
     */

    #main .feature-card,
    #main .info-card,
    #main .plan-card,
    #main .faq-item,
    #main .bridge-item {

        max-width: 100%;
        min-width: 0;
    }


    /*
     * متن‌های طولانی
     */

    #main p,
    #main h1,
    #main h2,
    #main h3,
    #main a,
    #main button {

        overflow-wrap: break-word;
    }

}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media (max-width: 390px) {

    #main .container {
        width: calc(100% - 18px);
    }

    #main .section-title {
        font-size: 22px !important;
    }

    #main .section-desc {
        font-size: 12.5px !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    #main *,
    #main *::before,
    #main *::after {
        scroll-behavior: auto !important;
    }

}


/* =========================================================
   TAMINYAR — TABLET 768 FIX
   فقط برای حدود 768px
   ========================================================= */

@media (min-width: 681px) and (max-width: 860px) {

    /* -----------------------------------------------------
       CONTAINER
       ----------------------------------------------------- */
    #main .container {
        width: calc(100% - 28px) !important;
    }


    /* -----------------------------------------------------
       PLANS
       در تبلت یک‌ستونه شود تا فضای خالی از بین برود
       ----------------------------------------------------- */
    #main .plans-grid,
    #main .pricing-grid,
    #main .plan-grid,
    #main .plans-cards,
    #main .subscriptions-grid,
    #main .plan-cards {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        align-items: stretch !important;
    }

    #main .plan-card,
    #main .pricing-card,
    #main .subscription-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    #main .plan-card .btn,
    #main .pricing-card .btn,
    #main .subscription-card .btn {
        width: 100% !important;
    }


    /* -----------------------------------------------------
       FAQ / CTA / عمومی
       ----------------------------------------------------- */
    #main .section-title {
        font-size: clamp(28px, 4.6vw, 36px) !important;
        line-height: 1.5 !important;
    }

    #main .section-desc {
        max-width: 680px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }
}


/* =========================================================
   TY REAL TABLET FIX — PLANS
   700px → 900px
   ========================================================= */

@media (min-width:700px) and (max-width:900px) {

    /* خود سکشن پلن‌ها */
    html body #main #plans {
        overflow: visible !important;
    }

    html body #main #plans > .container {
        width: calc(100% - 36px) !important;
        max-width: 760px !important;
        margin-inline: auto !important;
    }


    /*
     * هر Grid داخل Plans که کارت‌ها را نگه می‌دارد
     */
    html body #main #plans .plans-grid,
    html body #main #plans .plan-grid,
    html body #main #plans .pricing-grid,
    html body #main #plans [class*="plans-grid"],
    html body #main #plans [class*="plan-grid"] {

        display: grid !important;

        grid-template-columns:
            minmax(0,1fr) !important;

        grid-auto-flow:
            row !important;

        grid-auto-columns:
            unset !important;

        align-items:
            stretch !important;

        justify-items:
            stretch !important;

        gap:
            18px !important;

        width:
            100% !important;

        max-width:
            680px !important;

        margin:
            0 auto !important;
    }


    /*
     * تمام کارت‌های مستقیم داخل Grid
     */
    html body #main #plans .plans-grid > *,
    html body #main #plans .plan-grid > *,
    html body #main #plans .pricing-grid > *,
    html body #main #plans [class*="plans-grid"] > *,
    html body #main #plans [class*="plan-grid"] > * {

        grid-column:
            1 / -1 !important;

        grid-row:
            auto !important;

        justify-self:
            stretch !important;

        align-self:
            stretch !important;

        width:
            100% !important;

        max-width:
            none !important;

        min-width:
            0 !important;

        margin:
            0 !important;

        transform:
            none !important;
    }


    /*
     * اگر کارت Featured قبلاً بالا/پایین کشیده شده
     */
    html body #main #plans
    [class*="featured"],

    html body #main #plans
    [class*="professional"] {

        grid-column:
            1 / -1 !important;

        transform:
            none !important;

        margin:
            0 !important;
    }

}


/* =========================================================
   TAMINYAR — TABLET TEXT CENTER FINAL
   فقط 700px تا 900px
   ========================================================= */

@media (min-width:700px) and (max-width:900px) {

    /* =====================================================
       HERO
       ===================================================== */

    html body #main .hero,
    html body #main #hero {

        text-align:
            center !important;
    }


    html body #main .hero-copy,
    html body #main .hero-content,
    html body #main .hero-text {

        align-items:
            center !important;

        text-align:
            center !important;
    }


    html body #main .hero h1,
    html body #main .hero h2,
    html body #main .hero-title,
    html body #main .hero-subtitle,
    html body #main .hero-desc,
    html body #main .hero-description {

        margin-left:
            auto !important;

        margin-right:
            auto !important;

        text-align:
            center !important;
    }


    /* دو Badge بالای Hero */

    html body #main .hero
    [class*="badge"],

    html body #main .hero
    [class*="pill"],

    html body #main .hero
    [class*="status"] {

        text-align:
            center !important;
    }


    /* دکمه‌های Hero */

    html body #main .hero-actions {

        justify-content:
            center !important;

        align-items:
            center !important;
    }


    html body #main .hero-actions .btn {

        text-align:
            center !important;
    }


    /* متن کوچک زیر دکمه دانلود */

    html body #main .hero-actions + p,
    html body #main .hero
    [class*="install"],
    html body #main .hero
    [class*="download-note"] {

        margin-left:
            auto !important;

        margin-right:
            auto !important;

        text-align:
            center !important;
    }


    /* ویژگی‌های پایین Hero */

    html body #main .hero
    [class*="trust"],
    html body #main .hero
    [class*="benefit"],
    html body #main .hero
    [class*="feature-list"] {

        justify-content:
            center !important;

        text-align:
            center !important;
    }



    /* =====================================================
       PLAN CHOOSER
       سه متن داخل باکس انتخاب پلن
       ===================================================== */

    html body #main #plans
    .plan-chooser,

    html body #main #plans
    [class*="plan-chooser"],

    html body #main #plans
    [class*="plan-selector"],

    html body #main #plans
    [class*="plan-switch"] {

        text-align:
            center !important;
    }


    html body #main #plans
    .plan-chooser > *,

    html body #main #plans
    [class*="plan-chooser"] > *,

    html body #main #plans
    [class*="plan-selector"] > *,

    html body #main #plans
    [class*="plan-switch"] > * {

        text-align:
            center !important;
    }


    /* عنوان و زیرعنوان هر گزینه */

    html body #main #plans
    .plan-chooser strong,

    html body #main #plans
    .plan-chooser span,

    html body #main #plans
    .plan-chooser p,

    html body #main #plans
    [class*="plan-chooser"] strong,

    html body #main #plans
    [class*="plan-chooser"] span,

    html body #main #plans
    [class*="plan-chooser"] p,

    html body #main #plans
    [class*="plan-selector"] strong,

    html body #main #plans
    [class*="plan-selector"] span,

    html body #main #plans
    [class*="plan-selector"] p {

        width:
            100% !important;

        margin-left:
            auto !important;

        margin-right:
            auto !important;

        text-align:
            center !important;
    }


    /*
     * اگر سه گزینه بدون Wrapper اختصاصی باشند،
     * فقط فرزندان مستقیم ناحیه انتخاب پلن را وسط‌چین کن.
     */

    html body #main #plans
    [role="tab"],

    html body #main #plans
    button[data-plan],

    html body #main #plans
    a[data-plan] {

        text-align:
            center !important;
    }


    html body #main #plans
    [role="tab"] > *,

    html body #main #plans
    button[data-plan] > *,

    html body #main #plans
    a[data-plan] > * {

        text-align:
            center !important;
    }

}


/* =========================================================
   TAMINYAR — EXACT TABLET TEXT ALIGNMENT V3
   ساختار واقعی DOM
   700px -> 900px
   ========================================================= */

@media (min-width: 700px) and (max-width: 900px) {


    /* =====================================================
       HERO COPY
       ===================================================== */

    html body #main
    .hero-copy {

        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        text-align: center !important;
    }


    /* Badge اول */
    html body #main
    .hero-copy > .eyebrow {

        align-self: center !important;

        margin-left: auto !important;
        margin-right: auto !important;

        text-align: center !important;
    }


    /* وضعیت انتشار */
    html body #main
    .hero-copy
    .ty-hero-status-v2 {

        align-self: center !important;

        justify-content: center !important;

        margin-left: auto !important;
        margin-right: auto !important;

        text-align: center !important;
    }


    html body #main
    .hero-copy
    .ty-hero-status-v2 > span {

        text-align: center !important;
    }


    /* تیتر اصلی */
    html body #main
    .hero-copy
    .ty-hero-title-v2 {

        width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        text-align: center !important;
    }


    html body #main
    .hero-copy
    .ty-hero-title-v2 em {

        text-align: center !important;
    }


    /* توضیح زیر تیتر */
    html body #main
    .hero-copy > p.lead {

        width: 100% !important;
        max-width: 680px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        text-align: center !important;
    }


    /* دکمه‌ها */
    html body #main
    .hero-copy
    .hero-cta {

        display: flex !important;

        justify-content: center !important;
        align-items: center !important;

        width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        text-align: center !important;
    }


    html body #main
    .hero-copy
    .hero-cta .btn {

        text-align: center !important;
    }


    /* متن لینک نصب */
    html body #main
    .hero-copy
    .ty-hero-release-note {

        width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        text-align: center !important;
    }


    /* سه ویژگی پایین Hero */
    html body #main
    .hero-copy
    .trust-row {

        display: flex !important;

        justify-content: center !important;
        align-items: center !important;

        width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        text-align: center !important;
    }


    html body #main
    .hero-copy
    .trust-row > span {

        text-align: center !important;
    }



    /* =====================================================
       PLAN CHOOSER
       ساختار واقعی:
       .plan-chooser-v2
         .plan-chooser-item
       ===================================================== */

    html body #main
    #plans
    .plan-chooser-v2 {

        text-align: center !important;
    }


    html body #main
    #plans
    .plan-chooser-v2
    .plan-chooser-item {

        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;
        justify-content: center !important;

        text-align: center !important;
    }


    html body #main
    #plans
    .plan-chooser-v2
    .plan-chooser-item > strong {

        display: block !important;

        width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        text-align: center !important;
    }


    html body #main
    #plans
    .plan-chooser-v2
    .plan-chooser-item > span {

        display: block !important;

        width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        text-align: center !important;
    }


    /* Featured وسط */
    html body #main
    #plans
    .plan-chooser-v2
    .plan-chooser-item.is-featured {

        align-items: center !important;

        text-align: center !important;
    }

}


/* =========================================================
   TAMINYAR — TABLET CENTER TRUE FINAL V4
   700px -> 900px
   ========================================================= */

@media (min-width:700px) and (max-width:900px) {


    /* =====================================================
       HERO RELEASE NOTE
       عنصر واقعی Flex است
       ===================================================== */

    html body #main
    .hero-copy
    .ty-hero-release-note {

        display: flex !important;

        flex-direction: row !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 7px !important;

        width: 100% !important;
        max-width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        text-align: center !important;
    }


    html body #main
    .hero-copy
    .ty-hero-release-note > * {

        text-align: center !important;
    }



    /* =====================================================
       PLAN CHOOSER
       مشکل اصلی: Grid چندستونه بود
       ===================================================== */

    html body #main
    #plans
    .plan-chooser-v2 {

        display: grid !important;

        grid-template-columns:
            minmax(0,1fr) !important;

        grid-auto-flow:
            row !important;

        gap: 0 !important;

        width: 100% !important;

        text-align: center !important;
    }


    /*
     * هر سه آیتم تمام عرض Grid را بگیرند.
     * بک‌گراند و ظاهر خود آیتم‌ها تغییر نمی‌کند.
     */

    html body #main
    #plans
    .plan-chooser-v2
    > .plan-chooser-item {

        grid-column:
            1 / -1 !important;

        grid-row:
            auto !important;

        justify-self:
            stretch !important;

        width:
            100% !important;

        max-width:
            none !important;

        min-width:
            0 !important;

        margin-left:
            auto !important;

        margin-right:
            auto !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        text-align:
            center !important;
    }


    /*
     * متن‌های داخل هر سه انتخاب
     */

    html body #main
    #plans
    .plan-chooser-v2
    > .plan-chooser-item
    > * {

        width:
            100% !important;

        max-width:
            100% !important;

        margin-left:
            auto !important;

        margin-right:
            auto !important;

        text-align:
            center !important;
    }


    html body #main
    #plans
    .plan-chooser-v2
    > .plan-chooser-item
    strong,

    html body #main
    #plans
    .plan-chooser-v2
    > .plan-chooser-item
    span {

        display:
            block !important;

        text-align:
            center !important;
    }


    /*
     * آیتم سبز وسط هم دقیقاً وسط باقی بماند.
     */

    html body #main
    #plans
    .plan-chooser-v2
    > .plan-chooser-item.is-featured {

        grid-column:
            1 / -1 !important;

        width:
            100% !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        text-align:
            center !important;
    }

}


/* TY LCP HERO IMMEDIATE V1 START */

/*
 * Above-the-fold content must not wait for
 * reveal observers/transitions before first paint.
 */

html body #main section.hero.ty-reveal,
html body #main section.hero.ty-reveal.ty-visible,
html body #main section.hero .hero-copy.reveal,
html body #main section.hero .hero-copy.reveal.visible,
html body #main section.hero .hero-copy.reveal.ty-visible {
    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
    filter: none !important;

    animation: none !important;
    animation-delay: 0s !important;

    transition: none !important;
    transition-delay: 0s !important;

    will-change: auto !important;
    content-visibility: visible !important;
}


html body #main section.hero .ty-hero-title-v2,
html body #main section.hero .ty-home-title-final {
    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
    filter: none !important;

    animation: none !important;
    transition: none !important;

    will-change: auto !important;
}


/*
 * Keep initial hero text available immediately.
 * Other sections retain their reveal/motion behavior.
 */

html body #main section.hero .eyebrow,
html body #main section.hero .ty-hero-status-v2,
html body #main section.hero p.lead,
html body #main section.hero .hero-cta,
html body #main section.hero .ty-hero-release-note {
    animation-delay: 0s !important;
}


/* TY LCP HERO IMMEDIATE V1 END */