/* ══════════════════════════════════════════════════════════════════════════
   🏠 صفحهٔ فرود — CSS از صفر، آینهٔ دقیق set.sportdata.org
   🖐️ «مثل خود سایت https://set.sportdata.org/ بسازش بی‌کم و کاستی»

   📐 سیستم مقیاس مرجع: html{font-size:1px} ⇒ 1rem ≡ 1px
      ⇒ ما هم همان: html{font-size:1px} (فقط در صفحهٔ فرود)
      ⚠️ چون بقیهٔ سایت از rem نسبی (۱۶px) استفاده می‌کند،
         به‌جای html از متغیر --u استفاده می‌کنیم: calc(var(--u) * N)
         که مقدارش ۱px است ⇒ همان نتیجه، بدون شکستن بقیهٔ صفحات
   🎨 پالت مرجع (شمارش CDP):
      navy rgb(11,40,81) ×۶۵۷ · red rgb(223,31,38) ×۱۰۵
      sky rgb(205,226,255) · soft rgb(240,248,255)
   ══════════════════════════════════════════════════════════════════════════ */

:root {
  --u: 1px;                                    /* واحد پایه — مثل 1rem مرجع */
  --navy: rgb(11, 40, 81);
  --red: rgb(223, 31, 38);
  --navy-rgb: 11, 40, 81;
  --red-rgb: 223, 31, 38;
  --sky: rgb(205, 226, 255);
  --soft: rgb(240, 248, 255);
  --faint: rgb(244, 244, 244);
  --dark: rgb(33, 33, 33);
  --gray: rgb(68, 68, 68);
  --light-bg: linear-gradient(180deg, #ffffff 50.2%, #f5f9fd 100%);
  --font: 'Vazirmatn', Tahoma, sans-serif;              /* متن — فونت فارسی جذاب */
  --font-display: 'Lalezar', 'Vazirmatn', Tahoma, sans-serif;  /* تیتر نمایشی */
}
@media (max-width: 1400px) and (max-height: 850px) { :root { --u: .9px; } }
@media (max-height: 720px), (max-width: 1025px)    { :root { --u: .93px; } }
@media (max-width: 720px) { :root { --u: .82px; } }
@media (max-width: 430px) { :root { --u: .72px; } }

/* ══════════ پایه ══════════ */
body.public-page.landing-page {
  background: var(--light-bg);
  color: var(--navy);
  font-family: var(--font);
  font-weight: 300;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
body.public-page.landing-page *,
body.public-page.landing-page *::before,
body.public-page.landing-page *::after { box-sizing: border-box; }

/* 🎯 حذف محدودیت <main class="container"> — صفحهٔ فرود تمام‌عرض است */
body.public-page.landing-page main.container {
  max-width: none !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow-x: hidden;
}

/* 📦 کانتینر داخلی (مرجع: ۱۲۰۰px محتوا) */
body.public-page.landing-page .container {
  max-width: calc(var(--u) * 1200);
  margin: 0 auto;
  padding: 0 calc(var(--u) * 20);
  width: 100%;
}

/* 🗑️ override هدر حذف شد — هدر دقیقاً مثل بقیهٔ صفحات */

/* ══════════ اسلایدر ══════════ */
body.public-page.landing-page .landing-slider,
body.public-page.landing-page .landing-track {
  width: 100% !important; max-width: 100% !important;
  display: block !important; position: relative;
  height: auto !important; max-height: none !important;
  overflow: visible !important; transform: none !important;
}
body.public-page.landing-page .landing-slide {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}

/* ✨ canvas ذرات — تمام‌صفحهٔ ثابت زیر محتوا */
body.public-page.landing-page .ld-particles {
  position: fixed !important;
  top: 0; left: 0;
  width: 100vw !important; height: 100vh !important;
  z-index: 0 !important;
  pointer-events: none !important;
  display: block !important;
}
body.public-page.landing-page .landing-slider { z-index: 2; }

/* ══════════════════════════════════════════════════════════════════════════
   ۱) intro / hero — مرجع: #home h=900 pad 0 0 60
   ══════════════════════════════════════════════════════════════════════════ */
body.public-page.landing-page .intro {
  padding: 0 0 calc(var(--u) * 60);
  justify-content: flex-end;
}
body.public-page.landing-page .intro__inner {
  padding-bottom: calc(var(--u) * 20);
}
body.public-page.landing-page .intro__title {
  font-size: calc(var(--u) * 72);
  font-weight: 400;
  line-height: calc(var(--u) * 78);
  color: var(--navy);
  margin: 0 0 calc(var(--u) * 4);
  max-width: calc(var(--u) * 1063);
}
body.public-page.landing-page .intro__main-title {
  font-size: calc(var(--u) * 72);
  font-weight: 400;
  line-height: calc(var(--u) * 78);
  color: var(--navy);
  margin: 0 0 calc(var(--u) * 18);
  max-width: calc(var(--u) * 1063);
}
body.public-page.landing-page .intro__subtitle {
  font-size: calc(var(--u) * 18);
  font-weight: 300;
  line-height: calc(var(--u) * 21.6);
  color: var(--navy);
  max-width: calc(var(--u) * 560);
  margin: 0 0 calc(var(--u) * 28);
}
body.public-page.landing-page .intro__links {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--u) * 16);
  align-items: center;
}

/* 🔘 دکمه‌ها — ۲۴px · pad 10px 72px · radius 32 (مرجع) */
body.public-page.landing-page .landing-slider .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--u) * 8);
  font-family: var(--font);
  font-size: calc(var(--u) * 24);
  font-weight: 400;
  line-height: calc(var(--u) * 28.8);
  padding: calc(var(--u) * 10) calc(var(--u) * 72);
  border-radius: calc(var(--u) * 32);
  border: 1px solid transparent;
  text-decoration: none;
  cursor: pointer;
  transition: background .25s, color .25s, border-color .25s, transform .2s;
}
body.public-page.landing-page .landing-slider .btn--primary {
  background: var(--red);
  color: #fff;
}
body.public-page.landing-page .landing-slider .btn--primary:hover { background: rgb(190, 24, 31); transform: translateY(-1px); }
body.public-page.landing-page .landing-slider .btn--secondary {
  background: transparent;
  color: var(--red);
  border-color: var(--red);
}
body.public-page.landing-page .landing-slider .btn--secondary:hover {
  background: var(--red);
  color: #fff;
}

/* 🏷️ تیکر رشته‌ها — داخل هیرو (مرجع .intro__sports ۱۴۴۰×۲۰۴) */
body.public-page.landing-page .intro__sports {
  width: 100%;
  height: calc(var(--u) * 204);
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-top: calc(var(--u) * 16);
}
body.public-page.landing-page .listi {
  display: flex;
  align-items: center;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  will-change: transform;
}
body.public-page.landing-page .listi__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: calc(var(--u) * 8);
  width: calc(var(--u) * 90);
  height: calc(var(--u) * 124);
  flex: 0 0 auto;
  padding: 0 calc(var(--u) * 4);
}
body.public-page.landing-page .listi__item img,
body.public-page.landing-page .listi__item svg {
  width: calc(var(--u) * 68);
  height: calc(var(--u) * 68);
  object-fit: contain;
  border-radius: calc(var(--u) * 12);
}
body.public-page.landing-page .listi__item span {
  font-size: calc(var(--u) * 10.5);
  font-weight: 300;
  line-height: 1.25;
  text-align: center;
  color: var(--navy);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* ══════════════════════════════════════════════════════════════════════════
   ۲) second-section / services — ۳ کارت ۴۸۰×۸۰۴ (مرجع)
   ══════════════════════════════════════════════════════════════════════════ */
body.public-page.landing-page .second-section {
  padding: calc(var(--u) * 96) 0 0;
  max-width: 100%;
}
body.public-page.landing-page .second-section__inner {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  max-width: calc(var(--u) * 1440);
  margin: 0 auto;
}
body.public-page.landing-page .item-second-section {
  position: relative;
  flex: 0 0 33.3333%;
  max-width: calc(var(--u) * 480);
  height: calc(var(--u) * 804);
  padding: calc(var(--u) * 25) calc(var(--u) * 15) calc(var(--u) * 64);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  text-decoration: none;
}
body.public-page.landing-page .item-second-section__wrapper-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
body.public-page.landing-page .item-second-section__wrapper-img::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(20, 22, 35, .5);
  border-radius: calc(var(--u) * 3);
  z-index: 1;
}
body.public-page.landing-page .item-second-section__img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  border-radius: calc(var(--u) * 3);
}
body.public-page.landing-page .item-second-section__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: calc(var(--u) * 455);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
body.public-page.landing-page .item-second-section__num {
  font-size: calc(var(--u) * 18);
  font-weight: 300;
  color: var(--red);
  margin: 0 0 calc(var(--u) * 6);
}
body.public-page.landing-page .item-second-section__title {
  font-size: calc(var(--u) * 48);
  font-weight: 400;
  line-height: calc(var(--u) * 57.6);
  color: #fff;
  margin: 0 0 calc(var(--u) * 14);
}
body.public-page.landing-page .item-second-section__text {
  font-size: calc(var(--u) * 15);
  font-weight: 300;
  line-height: calc(var(--u) * 18);
  color: #fff;
  margin: 0 0 calc(var(--u) * 18);
}
body.public-page.landing-page .item-second-section__btn {
  align-self: center;
  background: var(--red);
  color: #fff;
  padding: calc(var(--u) * 10) calc(var(--u) * 72);
}

/* ══════════════════════════════════════════════════════════════════════════
   ۳) third-section / product — Solutions + ۷ آکاردئون (مرجع)
   ══════════════════════════════════════════════════════════════════════════ */
body.public-page.landing-page .third-section {
  padding: calc(var(--u) * 110) calc(var(--u) * 40) 0;
}
body.public-page.landing-page .third-section__inner {
  display: flex;
  width: 100%;
  max-width: calc(var(--u) * 1440);
  margin: 0 auto;
  justify-content: space-between;
  align-items: flex-start;
  gap: calc(var(--u) * 40);
}
body.public-page.landing-page .third-section__box { width: 37%; }
body.public-page.landing-page .third-section__title {
  font-size: calc(var(--u) * 64);
  font-weight: 400;
  line-height: calc(var(--u) * 74);
  color: var(--navy);
  margin: 0 0 calc(var(--u) * 6);
  max-width: 80%;
}
body.public-page.landing-page .third-section__sub {
  font-size: calc(var(--u) * 32);
  font-weight: 400;
  line-height: calc(var(--u) * 35.2);
  color: var(--navy);
  margin: 0 0 calc(var(--u) * 30);
}
body.public-page.landing-page .box-accordion { display: flex; flex-direction: column; }
body.public-page.landing-page .box-accordion__accordion {
  position: relative;
  display: flex;
  align-items: center;
  gap: calc(var(--u) * 12);
  padding: calc(var(--u) * 14) 0;
  border-bottom: 1px solid rgba(var(--navy-rgb), .12);
  cursor: pointer;
  transition: color .25s;
}
body.public-page.landing-page .box-accordion__accordion:hover,
body.public-page.landing-page .box-accordion__accordion.is-on { color: var(--red); }
body.public-page.landing-page .box-accordion__num {
  font-size: calc(var(--u) * 15);
  color: var(--red);
  min-width: calc(var(--u) * 30);
}
body.public-page.landing-page .h5-style {
  font-size: calc(var(--u) * 24);
  font-weight: 400;
  line-height: calc(var(--u) * 28.8);
  margin: 0;
  color: inherit;
}
body.public-page.landing-page .box-accordion__arrow {
  margin-inline-start: auto;
  font-size: calc(var(--u) * 15);
  color: var(--red);
  transition: transform .3s;
}
body.public-page.landing-page .box-accordion__accordion.is-on .box-accordion__arrow { transform: rotate(180deg); }
body.public-page.landing-page .box-accordion__panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s ease, padding .35s;
  padding: 0;
}
body.public-page.landing-page .box-accordion__accordion.is-on .box-accordion__panel {
  max-height: calc(var(--u) * 200);
  padding: calc(var(--u) * 10) 0 calc(var(--u) * 6);
}
body.public-page.landing-page .box-accordion__panel p {
  font-size: calc(var(--u) * 15);
  font-weight: 300;
  line-height: calc(var(--u) * 22);
  color: rgba(var(--navy-rgb), .8);
  margin: 0;
}
body.public-page.landing-page .third-section__btn { margin-top: calc(var(--u) * 28); }
body.public-page.landing-page .third-section__box-img {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
body.public-page.landing-page .third-section__img {
  width: 100%;
  aspect-ratio: 4 / 5;
  max-height: calc(var(--u) * 640);
  background-size: cover;
  background-position: center;
  border-radius: calc(var(--u) * 4);
}

/* ══════════════════════════════════════════════════════════════════════════
   ۴) fourth-section / references — ۴ اسلاید تصویری + تیکر لوگو
   ══════════════════════════════════════════════════════════════════════════ */
body.public-page.landing-page .fourth-section {
  padding: calc(var(--u) * 96) 0 0;
}
body.public-page.landing-page .fourth-section__slider {
  position: relative;
  width: 100%;
  height: calc(var(--u) * 692);
  overflow: hidden;
}
body.public-page.landing-page .fourth-section-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .8s ease;
  pointer-events: none;
}
body.public-page.landing-page .fourth-section-slide.is-on {
  opacity: 1;
  pointer-events: auto;
}
body.public-page.landing-page .fourth-section-slide__wrapper-img {
  position: relative;
  width: 100%;
  height: 100%;
}
body.public-page.landing-page .fourth-section-slide__wrapper-img::before {
  content: '';
  position: absolute;
  left: 0; bottom: 0;
  width: 100%; height: 50%;
  background: linear-gradient(to top, rgba(20, 22, 35, .5), rgba(20, 22, 35, 0));
  z-index: 1;
}
body.public-page.landing-page .fourth-section-slide__wrapper-img::after {
  content: '';
  position: absolute;
  right: 0; top: 0;
  width: calc(var(--u) * 405); height: 100%;
  background: linear-gradient(to left, rgba(20, 22, 35, .5), rgba(20, 22, 35, 0));
  z-index: 1;
}
body.public-page.landing-page .fourth-section-slide__img {
  width: 100%; height: 100%;
  background-size: cover;
  background-position: center;
}
body.public-page.landing-page .fourth-section-slide__content {
  position: absolute;
  left: 0; bottom: 0;
  z-index: 2;
  width: 100%;
  max-width: calc(var(--u) * 1050);
  padding: 0 calc(var(--u) * 200) calc(var(--u) * 48) calc(var(--u) * 40);
  color: #fff;
}
body.public-page.landing-page .fourth-section-slide__title {
  font-size: calc(var(--u) * 64);
  font-weight: 400;
  line-height: calc(var(--u) * 74);
  color: #fff;
  margin: 0 0 calc(var(--u) * 6);
}
body.public-page.landing-page .fourth-section-slide__text {
  font-size: calc(var(--u) * 32);
  font-weight: 400;
  line-height: calc(var(--u) * 35.2);
  color: #fff;
  margin: 0;
}
body.public-page.landing-page .fourth-section__dots {
  position: absolute;
  inset-inline-end: calc(var(--u) * 30);
  bottom: calc(var(--u) * 30);
  z-index: 3;
  display: flex;
  gap: calc(var(--u) * 10);
}
body.public-page.landing-page .fourth-section__dot {
  width: calc(var(--u) * 10); height: calc(var(--u) * 10);
  border-radius: 50%;
  border: 0;
  background: rgba(255, 255, 255, .45);
  cursor: pointer;
  transition: background .25s, transform .25s;
}
body.public-page.landing-page .fourth-section__dot.is-on { background: var(--red); transform: scale(1.3); }

/* 🏷️ تیکر لوگوهای فدراسیون‌ها — ۸۵×۷۸ (مرجع) */
body.public-page.landing-page .fourth-section__ticker {
  width: 100%;
  height: calc(var(--u) * 130);
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-top: calc(var(--u) * 10);
}
body.public-page.landing-page .fourth-section__items {
  display: flex;
  align-items: center;
  gap: 0;
  white-space: nowrap;
  will-change: transform;
}
body.public-page.landing-page .fourth-section__item {
  width: calc(var(--u) * 142);
  height: calc(var(--u) * 130);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
body.public-page.landing-page .fourth-section__item img {
  width: calc(var(--u) * 85);
  height: calc(var(--u) * 78);
  object-fit: contain;
}

/* ══════════════════════════════════════════════════════════════════════════
   ۵) benefits — ۶ مزیت شماره‌دار + نگارهٔ میانی (مرجع)
   ══════════════════════════════════════════════════════════════════════════ */
body.public-page.landing-page .benefits {
  padding: calc(var(--u) * 30) calc(var(--u) * 20) 0;
}
body.public-page.landing-page .benefits__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--u) * 20);
}
body.public-page.landing-page .benefits__box {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 24);
  width: calc(var(--u) * 332);
  flex: 0 0 auto;
}
body.public-page.landing-page .benefits__item,
body.public-page.landing-page .item-benefits {
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 4);
  transition: transform .3s;
}
body.public-page.landing-page .benefits__item:hover { transform: translateX(calc(var(--u) * -6)); }
body.public-page.landing-page .benefits__box--r .benefits__item:hover { transform: translateX(calc(var(--u) * 6)); }
body.public-page.landing-page .item-benefits__number {
  font-size: calc(var(--u) * 32);
  font-weight: 400;
  line-height: calc(var(--u) * 35.2);
  color: var(--red);
  margin: 0;
}
body.public-page.landing-page .item-benefits__title {
  font-size: calc(var(--u) * 32);
  font-weight: 400;
  line-height: calc(var(--u) * 35.2);
  color: var(--navy);
  margin: 0;
}
body.public-page.landing-page .item-benefits__text {
  font-size: calc(var(--u) * 15);
  font-weight: 300;
  line-height: calc(var(--u) * 18);
  color: var(--navy);
  margin: 0;
}
body.public-page.landing-page .benefits__art {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.public-page.landing-page .benefits__svg {
  width: calc(var(--u) * 596);
  height: calc(var(--u) * 670);
  max-width: 100%;
}

/* ══════════════════════════════════════════════════════════════════════════
   ۶) contact — CTA + ۳ کارت ۴۳۲×۴۸۵ (مرجع)
   ══════════════════════════════════════════════════════════════════════════ */
body.public-page.landing-page .contact {
  padding: calc(var(--u) * 120) 0 calc(var(--u) * 60);
}
body.public-page.landing-page .contact__text {
  font-size: calc(var(--u) * 48);
  font-weight: 400;
  line-height: calc(var(--u) * 58);
  color: var(--navy);
  text-align: center;
  margin: 0 0 calc(var(--u) * 40);
}
body.public-page.landing-page .contact__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(var(--u) * 24);
}
body.public-page.landing-page .item-contact {
  width: calc(var(--u) * 432);
  max-width: 100%;
  background: var(--soft);
  border-radius: calc(var(--u) * 6);
  overflow: hidden;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  transition: transform .3s, box-shadow .3s;
}
body.public-page.landing-page .item-contact:hover {
  transform: translateY(calc(var(--u) * -6));
  box-shadow: 0 calc(var(--u) * 18) calc(var(--u) * 40) rgba(var(--navy-rgb), .12);
}
body.public-page.landing-page .item-contact__bottom {
  padding: calc(var(--u) * 26) calc(var(--u) * 22) calc(var(--u) * 22);
  display: flex;
  flex-direction: column;
  gap: calc(var(--u) * 16);
}
body.public-page.landing-page .item-contact__title {
  font-size: calc(var(--u) * 32);
  font-weight: 400;
  line-height: calc(var(--u) * 35.2);
  color: var(--navy);
  margin: 0;
}
body.public-page.landing-page .item-contact__img {
  width: 100%;
  height: calc(var(--u) * 283);
  background-size: cover;
  background-position: center;
  border-radius: calc(var(--u) * 4);
}

/* ══════════════════════════════════════════════════════════════════════════
   🦶 فوتر — ۱۲۸px (مرجع)
   ══════════════════════════════════════════════════════════════════════════ */
body.public-page.landing-page footer {
  padding: calc(var(--u) * 48) 0 calc(var(--u) * 32) !important;
  min-height: calc(var(--u) * 128);
  background: transparent !important;
  font-size: calc(var(--u) * 15);
  font-weight: 300;
  color: var(--navy);
}

/* ══════════════════════════════════════════════════════════════════════════
   📱 واکنش‌گرایی
   ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 1200px) {
  body.public-page.landing-page .intro__title,
  body.public-page.landing-page .intro__main-title { font-size: calc(var(--u) * 52) !important; line-height: calc(var(--u) * 56) !important; }
  body.public-page.landing-page .third-section__title:not(:has(.lcv[style*="font-family"])),
  body.public-page.landing-page .fourth-section-slide__title { font-size: calc(var(--u) * 44) !important; line-height: calc(var(--u) * 48) !important; }
  body.public-page.landing-page .benefits__box { width: calc(var(--u) * 260); }
  body.public-page.landing-page .benefits__svg { width: calc(var(--u) * 380); height: auto; }
  body.public-page.landing-page .third-section__inner { flex-direction: column; }
  body.public-page.landing-page .third-section__box,
  body.public-page.landing-page .third-section__box-img { width: 100%; }
  body.public-page.landing-page .third-section__img { max-height: calc(var(--u) * 420); aspect-ratio: 16/9; }
}
@media (max-width: 900px) {
  body.public-page.landing-page .second-section__inner { flex-wrap: wrap; }
  body.public-page.landing-page .item-second-section {
    flex: 0 0 100%;
    max-width: 100%;
    height: calc(var(--u) * 520);
    margin-bottom: calc(var(--u) * 12);
  }
  body.public-page.landing-page .benefits__inner { flex-direction: column; }
  body.public-page.landing-page .benefits__box { width: 100%; }
  body.public-page.landing-page .benefits__art { order: -1; }
  body.public-page.landing-page .fourth-section-slide__content { padding: 0 calc(var(--u) * 30) calc(var(--u) * 30); }
}
@media (max-width: 720px) {
  body.public-page.landing-page .intro__title,
  body.public-page.landing-page .intro__main-title { font-size: calc(var(--u) * 38) !important; line-height: calc(var(--u) * 44) !important; }
  body.public-page.landing-page .intro__subtitle { font-size: calc(var(--u) * 15) !important; line-height: calc(var(--u) * 22) !important; }
  body.public-page.landing-page .landing-slider .btn { font-size: calc(var(--u) * 17) !important; padding: calc(var(--u) * 12) calc(var(--u) * 30) !important; }
  body.public-page.landing-page .third-section__title,
  body.public-page.landing-page .fourth-section-slide__title { font-size: calc(var(--u) * 30) !important; line-height: calc(var(--u) * 36) !important; }
  body.public-page.landing-page .fourth-section-slide__text:not(:has(.lcv[style*="font-family"])),
  body.public-page.landing-page .third-section__sub { font-size: calc(var(--u) * 18) !important; line-height: calc(var(--u) * 24) !important; }
  body.public-page.landing-page .item-benefits__number:not(:has(.lcv[style*="font-family"])),
  body.public-page.landing-page .item-benefits__title { font-size: calc(var(--u) * 22) !important; line-height: calc(var(--u) * 28) !important; }
  body.public-page.landing-page .contact__text { font-size: calc(var(--u) * 26) !important; line-height: calc(var(--u) * 34) !important; }
  body.public-page.landing-page .item-contact { width: 100%; }
  body.public-page.landing-page .fourth-section__slider { height: calc(var(--u) * 460); }
  body.public-page.landing-page .listi__item { width: calc(var(--u) * 68); height: calc(var(--u) * 96); }
  body.public-page.landing-page .listi__item img,
  body.public-page.landing-page .listi__item svg { width: calc(var(--u) * 50); height: calc(var(--u) * 50); }
  body.public-page.landing-page .intro__sports { height: calc(var(--u) * 120); }
}

/* ♿ دسترس‌پذیری */
@media (prefers-reduced-motion: reduce) {
  body.public-page.landing-page .ld-particles { display: none !important; }
  body.public-page.landing-page * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}


/* ══════════════════════════════════════════════════════════════════════════
   🎬 انیمیشن تیکرها + ورود بخش‌ها
   ══════════════════════════════════════════════════════════════════════════ */

/* 🔁 تیکر رشته‌ها — بی‌وقفه (direction:ltr تا انتهای راست خالی نماند) */
body.public-page.landing-page .listi.is-live {
  direction: ltr;
  animation: ldTick var(--tick-dur, 60s) linear infinite;
}
body.public-page.landing-page .listi__item { direction: rtl; }
@keyframes ldTick {
  from { transform: translateX(0); }
  to   { transform: translateX(calc(-1 * var(--tick))); }
}
@keyframes ldTickRev {
  from { transform: translateX(calc(-1 * var(--tick))); }
  to   { transform: translateX(0); }
}

/* 🔁 تیکر لوگوهای فدراسیون‌ها — خلاف‌جهت */
body.public-page.landing-page .fourth-section__items.is-live {
  direction: ltr;
  animation: ldTickRev var(--tick-dur, 70s) linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  /* 🗑️ حذف شد — با معماری دو-گروه تکراری بود */
}

/* ✨ ورود بخش‌ها — ⚡ نسخهٔ بدون FOUC
   🖐️ «هنوز درست نشده تا زمان لود شدن صفحه اصلی یه سری تغییرات انجام میشه»
   🔬 رفع: پیش‌فرض **نمایان** (تا اگر JS دیر رسید چیزی نپرد) و انیمیشن فقط
      زمانی فعال شود که JS کلاس `reveal-ready` را روی <html> بگذارد.
   ⇒ نتیجه: محتوا از فریم اول دیده می‌شود و فقط بخش‌های پایین‌تر (خارج از
      دید) با اسکرول انیمیشن می‌گیرند — بدون هیچ «تغییر» در ابتدای لود. */

/* پیش‌فرض: نمایان (بدون انتظار JS) */
body.public-page.landing-page .landing-slide {
  opacity: 1;
  transform: none;
  transition: none;
}
/* فقط وقتی JS آماده شد، انیمیشن ورود را فعال کن — و برای بخش‌های دیده‌نشده */
html.reveal-ready body.public-page.landing-page .landing-slide:not(.is-in):not(.intro):not(.force-in) {
  opacity: 0;
  transform: translateY(calc(var(--u) * 26));
  transition: opacity .8s ease, transform .8s cubic-bezier(.22, .61, .36, 1);
}
html.reveal-ready body.public-page.landing-page .landing-slide.is-in,
html.reveal-ready body.public-page.landing-page .landing-slide.intro,
html.reveal-ready body.public-page.landing-page .landing-slide.force-in {
  opacity: 1;
  transform: none;
  transition: opacity .8s ease, transform .8s cubic-bezier(.22, .61, .36, 1);
}

/* 🃏 کارت‌های راهکارها: رفتار hover مرجع */
body.public-page.landing-page .item-second-section__img {
  transition: transform .6s cubic-bezier(.22, .61, .36, 1);
}
body.public-page.landing-page .item-second-section:hover .item-second-section__img { transform: scale(1.06); }
body.public-page.landing-page .item-second-section__wrapper-img::before {
  transition: background .4s;
}
body.public-page.landing-page .item-second-section:hover .item-second-section__wrapper-img::before {
  background: rgba(20, 22, 35, .62);
}


/* ══════════════════════════════════════════════════════════════════════════
   🔧 تنظیمات دقیق نهایی — انطباق با مرجع
   ══════════════════════════════════════════════════════════════════════════ */

/* 🔴 عرض ۱۴۲۵ → ۱۴۴۰ (نوار اسکرول ۱۵px) */
body.public-page.landing-page { overflow-x: hidden !important; }
html:has(body.landing-page) { overflow-x: hidden; }

/* 📏 ارتفاع دقیق بخش‌ها (مرجع: هر بخش ۹۰۰px) */
body.public-page.landing-page .landing-slide {
  min-height: calc(var(--u) * 900) !important;
  height: auto !important;
}
body.public-page.landing-page .intro,
body.public-page.landing-page .second-section,
body.public-page.landing-page .third-section,
body.public-page.landing-page .fourth-section,
body.public-page.landing-page .benefits,
body.public-page.landing-page .contact {
  height: calc(var(--u) * 900) !important;
  max-height: calc(var(--u) * 900) !important;
  overflow: hidden;
}

/* 🎯 هیرو: محتوا پایین (مرجع justify-content:flex-end · pad-bottom 60) */
body.public-page.landing-page .intro {
  justify-content: space-between !important;
  padding-top: calc(var(--u) * 40) !important;
}

/* 🎯 خدمات: ۳ کارت بدون فاصله، ۴۸۰px هر کدام، وسط ۱۴۴۰ */
body.public-page.landing-page .second-section__inner {
  max-width: calc(var(--u) * 1440) !important;
  justify-content: center;
}
body.public-page.landing-page .item-second-section {
  flex: 0 0 calc(var(--u) * 480) !important;
  width: calc(var(--u) * 480) !important;
  max-width: calc(var(--u) * 480) !important;
}

/* 🎯 مزیت‌ها: عرض ستون ۳۳۲ دقیق */
body.public-page.landing-page .benefits__box {
  width: calc(var(--u) * 332) !important;
}
body.public-page.landing-page .item-benefits__number,
body.public-page.landing-page .item-benefits__title:not(:has(.lcv[style*="font-family"])),
body.public-page.landing-page .item-benefits__text { width: 100% !important; }

/* 🎯 کارت‌های تماس: ۴۳۲px · متن ۳۸۹ */
body.public-page.landing-page .item-contact { width: calc(var(--u) * 432) !important; }
body.public-page.landing-page .item-contact__bottom { width: 100%; }
body.public-page.landing-page .contact__text {
  max-width: calc(var(--u) * 976);
  margin-inline: auto;
}

/* 🎯 تیتر بخش: عرض خودکار (مرجع ۴۰۳ = عرض متن) */
body.public-page.landing-page .third-section__title {
  width: fit-content !important;
  max-width: 80% !important;
}

/* 🎯 شمردن‌های مزیت: عرض متن (مرجع ۵۴ برای [۰۱]) */
body.public-page.landing-page .item-benefits__number {
  width: fit-content !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   🎯 هدر صفحهٔ فرود — ثابت در اسکرول + رنگ هماهنگ پس‌زمینه
   🖐️ «رنگ هدر این سایت رو باید با پس‌زمینه‌اش شخصی‌سازی کنی
       و در حالت اسکرول هدر نباید جابجا بشه — هدر باید ثابت بمونه»

   🔴 دو باگ کشف‌شده با CDP:
      ۱) هدر در اسکرول جابجا می‌شد: y = 0 → -500 → -1500 → -3000
         علت: `position: sticky` روی هدر داخل والدِ `overflow-x: hidden`
         ⇒ مرورگر sticky را بی‌اثر می‌کند و هدر با محتوا می‌رود.
         ✅ رفع: `position: fixed` (تنها راه قطعی)
      ۲) رنگ هدر تیره rgb(20,22,35) روی پس‌زمینهٔ روشن صفحه
         ⇒ تضاد بصری. ✅ رفع: هماهنگ با پس‌زمینهٔ روشن.

   🎨 رنگ‌ها از متغیرهای صفحه گرفته می‌شوند (شخصی‌سازی‌پذیر):
      --lp-hdr-bg      پس‌زمینهٔ هدر
      --lp-hdr-text    رنگ متن/آیکون
      --lp-hdr-line    خط جداکننده
   ══════════════════════════════════════════════════════════════════════════ */

:root {
  /* --lp-hdr-h از پنل ادمین می‌آید (پیش‌فرض ۶۲) */
  --lp-hdr-bg: rgba(255, 255, 255, .86);        /* هماهنگ با پس‌زمینهٔ روشن */
  --lp-hdr-text: rgb(11, 40, 81);               /* navy — خوانا روی روشن */
  --lp-hdr-line: rgba(11, 40, 81, .10);
  --lp-hdr-accent: rgb(223, 31, 38);
}

/* 📌 هدر ثابت — در اسکرول هرگز جابجا نمی‌شود */
body.public-page.landing-page #site-header,
body.public-page.landing-page header.site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: var(--lp-hdr-h) !important;
  min-height: var(--lp-hdr-h) !important;
  max-height: var(--lp-hdr-h) !important;
  z-index: 60 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: var(--lp-hdr-bg) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.2) !important;
  backdrop-filter: blur(14px) saturate(1.2) !important;
  -webkit--webkit-backdrop-filter: blur(14px) saturate(1.2) !important;
backdrop-filter: blur(14px) saturate(1.2) !important;
  border-bottom: 1px solid var(--lp-hdr-line) !important;
  box-shadow: 0 2px 14px rgba(11, 40, 81, .06) !important;
  transition: background .3s ease, box-shadow .3s ease;
  will-change: transform;                       /* لایهٔ مستقل — بدون لرزش */
}

/* 🎨 کانتینر داخلی — عرض کامل مثل هدف */
body.public-page.landing-page #site-header .header-inner,
body.public-page.landing-page #site-header .header-inner--single {
  max-width: 1200px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 10px 16px !important;
  height: var(--lp-hdr-h) !important;
  min-height: var(--lp-hdr-h) !important;
  max-height: var(--lp-hdr-h) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 18px !important;
  box-sizing: border-box !important;
}

/* 🎨 رنگ متن — هماهنگ با پس‌زمینهٔ روشن */
body.public-page.landing-page #site-header,
body.public-page.landing-page #site-header * { color: var(--lp-hdr-text) !important; }
body.public-page.landing-page #site-header a,
body.public-page.landing-page #site-header .nav-list a {
  color: var(--lp-hdr-text) !important;
  font-size: 12.8px !important;
  padding: 7px 11px !important;
  border-radius: 8px !important;
  height: 35px !important;
  display: inline-flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}
body.public-page.landing-page #site-header a:hover,
body.public-page.landing-page #site-header .nav-list a:hover,
body.public-page.landing-page #site-header .nav-list a.is-active { color: var(--lp-hdr-accent) !important; }

/* 🔘 دکمهٔ ورود */
body.public-page.landing-page #site-header .nav-login,
body.public-page.landing-page #site-header .nav-login-btn {
  /* 🔐 هم‌اندازه با تب‌های ناوبری (۳۵px · radius 8 · pad 7/11)
     🖐️ «دکمه ورودش با بقیه دکمه‌های هدر سایت فرق میکنه» */
  font-family: Vazirmatn, system-ui, sans-serif !important;
  font-size: 12.8px !important;
  font-weight: 600 !important;
  line-height: 1.4286 !important;
  letter-spacing: normal !important;
  padding: 7px 11px !important;
  height: 35px !important;
  min-height: 35px !important;
  max-height: 35px !important;
  width: auto !important;
  border-radius: 8px !important;
  line-height: 1.4286 !important;
  /* 🔐 هم‌رنگ تم روشن (قبلاً var(--lp-hdr-accent) = قرمز بود)
     🖐️ «دکمه ورود رنگش با بقیه صفحه فرق داره» */
  background: rgba(11, 40, 81, .045) !important;
  background-image: none !important;
  color: rgb(11, 40, 81) !important;
  border: 1px solid rgba(11, 40, 81, .16) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  transform: none !important;
  line-height: 1.4286 !important;   /* 🔐 هم‌ارتفاع خط با تب‌های ناوبری (۶۳×۳۵) */
}
/* 🔬 لازم است: قاعدهٔ بالایی با `background` shorthand مقدار background-image
   را هم ریست می‌کند — اینجا صریحاً none می‌گذاریم */
body.public-page.landing-page #site-header .nav-login,
body.public-page.landing-page #site-header .nav-login-btn {
  background-image: none !important;
}
body.public-page.landing-page #site-header .nav-login:hover,
body.public-page.landing-page #site-header .nav-login-btn:hover {
  background: rgba(11, 40, 81, .09) !important;
  background-image: none !important;
  color: rgb(223, 31, 38) !important;
  border-color: rgba(11, 40, 81, .3) !important;
}

/* 🔘 دکمهٔ زبان — تنها کادر دکمه‌ای */
body.public-page.landing-page #site-header .nav-lang,
body.public-page.landing-page #site-header .nav-lang-btn {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  font-size: 12.5px !important;
  padding: 0 12px !important;
  border: 1px solid var(--lp-hdr-line) !important;
  border-radius: 10px !important;
  background: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-sizing: border-box !important;
}

/* 🎨 لوگو — بدون کادر */
body.public-page.landing-page #site-header .brand-logo {
  height: 34px !important;
  width: auto !important;
  max-height: 34px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* 🏷️ برند */
body.public-page.landing-page #site-header .brand { height: 41px !important; max-width: 300px !important; }

/* 🍔 همبرگری — فقط موبایل (دسکتاپ پنهان) */
@media (max-width: 900px) {
  body.public-page.landing-page #site-header .nav-burger {
    color: var(--lp-hdr-text) !important;
    background: transparent !important;
    border: 0 !important;
    display: inline-flex !important;
  }
}

/* 📐 جبران ارتفاع هدر ثابت — روی main نه body (تا محتوا زیر هدر پنهان نشود) */
body.public-page.landing-page { padding-top: 0 !important; }
body.public-page.landing-page main.container { padding-top: var(--lp-hdr-h) !important; }

/* 📱 موبایل */
@media (max-width: 720px) {
  :root { --lp-hdr-mob: 56px; }
}

/* ══════════════════════════════════════════════════════════════════════════
   🔧 رفع سه باگ هدر: کادر دوگانهٔ زبان · رنگ آبشاری · تراز دکمه‌ها
   🖐️ «دکمه زبان دو تا کادر داره وقتی میزنی روش و آبشاریش باز میشه رنگ
       پس‌زمینه‌اش فرق داره، دکمه ورود هم بهمین صورت
       ضمنا دکمه ورود و زبان با هم تراز نیستن»

   🔬 اندازه‌گیری CDP:
      .nav-lang      div    x=273 y=12 w=124 h=38 · border 1px ← کادر ۱
      .nav-lang-btn  button x=286 y=12 w=98  h=38 · border 1px ← کادر ۲ (تودرتو)
      ⇒ دو حلقهٔ تودرتو دیده می‌شود
      .nav-login     button x=179 y=18 w=86  h=38
      ⇒ زبان y=12 ولی ورود y=18 ⇒ ۶px ناترازی
      .nav-lang-drop ul     bg rgb(23,26,43) تیره · متن rgb(11,40,81) navy
      ⇒ متن تیره روی تیره = ناخوانا 🔴
   ══════════════════════════════════════════════════════════════════════════ */

/* ۱) کادر دوگانه — فقط کادر بیرونی (.nav-lang) بماند */
body.public-page.landing-page #site-header .nav-lang {
  /* 🔲 یکدست با قاب دکمهٔ ورود (.16 · radius 8) */
  border: 1px solid rgba(11, 40, 81, .16) !important;
  border-radius: 8px !important;
  background: transparent !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  position: relative !important;
}
body.public-page.landing-page #site-header .nav-lang-btn,
body.public-page.landing-page #site-header .nav-lang .nav-drop-toggle {
  border: 0 !important;                 /* ✅ حذف کادر داخلی */
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  border-radius: 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-sizing: border-box !important;
}
/* حالت باز — همان کادر، فقط تأکید */
body.public-page.landing-page #site-header .nav-lang.open,
body.public-page.landing-page #site-header .nav-lang.is-open {
  border-color: var(--lp-hdr-accent) !important;
}

/* ۲) تراز عمودی — همهٔ دکمه‌ها در یک خط */
body.public-page.landing-page #site-header .nav-right {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
body.public-page.landing-page #site-header .nav-lang,
body.public-page.landing-page #site-header .nav-login,
body.public-page.landing-page #site-header .nav-login-btn {
  align-self: center !important;
  vertical-align: middle !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  position: relative !important;
  top: 0 !important;
  transform: none !important;
}
/* دکمهٔ ورود هم ۳۸px دقیق */
body.public-page.landing-page #site-header .nav-login,
body.public-page.landing-page #site-header .nav-login-btn {
  height: 35px !important;
  min-height: 35px !important;
  max-height: 35px !important;
}

/* ۳) آبشاری زبان — رنگ هماهنگ با هدر روشن */
body.public-page.landing-page #site-header .nav-lang-drop,
body.public-page.landing-page #site-header .nav-drop,
body.public-page.landing-page #site-header .nav-drop--lang {
  background: #ffffff !important;                  /* روشن — هماهنگ هدر */
  border: 1px solid var(--lp-hdr-line) !important;
  border-radius: 11px !important;
  box-shadow: 0 14px 38px rgba(11, 40, 81, .14) !important;
  padding: 6px 0 !important;
  margin-top: 6px !important;
  color: var(--lp-hdr-text) !important;
  z-index: 70 !important;
}
/* متن آیتم‌ها — navy خوانا روی روشن */
body.public-page.landing-page #site-header .nav-lang-drop *,
body.public-page.landing-page #site-header .nav-drop *,
body.public-page.landing-page #site-header .nav-drop--lang * {
  color: var(--lp-hdr-text) !important;
}
body.public-page.landing-page #site-header .nav-lang-drop li,
body.public-page.landing-page #site-header .nav-drop li {
  background: transparent !important;
}
body.public-page.landing-page #site-header .nav-lang-drop li:hover,
body.public-page.landing-page #site-header .nav-drop li:hover,
body.public-page.landing-page #site-header .nav-lang-drop .lang-item:hover {
  background: rgba(11, 40, 81, .06) !important;
}
/* آیتم فعال — تأکید برند */
body.public-page.landing-page #site-header .nav-lang-drop .lang-item.is-active,
body.public-page.landing-page #site-header .nav-drop .lang-item.is-active {
  background: rgba(223, 31, 38, .10) !important;
  color: var(--lp-hdr-accent) !important;
  border-radius: 8px !important;
}
body.public-page.landing-page #site-header .nav-lang-drop .lang-item.is-active *,
body.public-page.landing-page #site-header .nav-drop .lang-item.is-active * {
  color: var(--lp-hdr-accent) !important;
}
/* سرصفحه و جداکننده */
body.public-page.landing-page #site-header .nav-drop-head,
body.public-page.landing-page #site-header .nav-drop-head * {
  color: rgba(11, 40, 81, .55) !important;
  font-size: 11px !important;
}
body.public-page.landing-page #site-header .nav-drop-sep {
  background: var(--lp-hdr-line) !important;
  height: 1px !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   🔧 تراز دقیق دکمه‌های هدر — زبان و ورود در یک خط
   🔬 اندازه‌گیری: زبان y=12 · ورود y=18 ⇒ ۶px اختلاف
      علت: .nav-right (والد مشترک) ارتفاع ۵۰ دارد ولی دکمهٔ ورود
      در یک ظرف میانی با خودش تراز شده، نه با زبان.
   ✅ رفع: nav-right را flex با align-items:center و دکمه‌ها را
      در یک ردیف هم‌ارتفاع (۳۸px) قرار بده + تراز خط پایه حذف شود.
   ══════════════════════════════════════════════════════════════════════════ */

/* 🌐 ظرف راست هدر — ردیف هم‌تراز */
body.public-page.landing-page #site-header .nav-right {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  flex-wrap: nowrap !important;
}
/* هر دو دکمه — ۳۸px دقیق و تراز مرکز */
body.public-page.landing-page #site-header .nav-right > *,
body.public-page.landing-page #site-header .nav-right .nav-lang,
body.public-page.landing-page #site-header .nav-right .nav-login-btn,
body.public-page.landing-page #site-header .nav-right .nav-login {
  align-self: center !important;
  align-items: center !important;
  height: 35px !important;
  min-height: 35px !important;
  max-height: 35px !important;
  margin: 0 !important;
  top: auto !important;
  position: relative !important;
  display: inline-flex !important;
  box-sizing: border-box !important;
  line-height: 1.4286 !important;   /* 🔐 هم‌ارتفاع خط با تب‌های ناوبری (۶۳×۳۵) */
  vertical-align: middle !important;
}
/* ظرف‌های میانی احتمالی — حذف سهم ارتفاع */
body.public-page.landing-page #site-header .nav-right > div,
body.public-page.landing-page #site-header .nav-right .nav-actions,
body.public-page.landing-page #site-header .nav-right .nav-auth {
  display: flex !important;
  align-items: center !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 10px !important;
}
/* حذف هر جبران خط پایه */
body.public-page.landing-page #site-header .nav-right * {
  vertical-align: middle !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   🔴 رفع همبرگری دوگانه — #hamburger قدیمی نباید نمایش داده شود
   🖐️ «الان دو تا دکمه همبرگری گذاشتی سمت چپ هدر — اینا چیه درستش کن»

   🔬 ریشه (با CSS.getMatchedStylesForNode):
      #hamburger   صفت `hidden` دارد (قدیمی، فقط موبایل)
      ولی قاعدهٔ من در همین فایل:
        body.public-page.landing-page #site-header .nav-right > * {
          display: inline-flex !important;   ← 🔴 [hidden] را باطل می‌کرد
        }
      ⇒ specificity (0,3,1) + !important  بر  .public-page #hamburger[hidden]
        (0,2,1) + !important  غلبه می‌کرد ⇒ دکمهٔ قدیمی دیده می‌شد.

   ✅ رفع: عناصر [hidden] از قاعدهٔ عمومی مستثنا شوند
   ══════════════════════════════════════════════════════════════════════════ */

/* 🍔 همبرگری: فقط #nav-burger نمایش داده شود */
body.public-page.landing-page #site-header #hamburger,
body.public-page.landing-page #site-header #hamburger[hidden],
body.public-page.landing-page #site-header .hamburger,
body.public-page.landing-page #site-header .hamburger[hidden] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* 🎯 همچنین هر عنصر [hidden] در هدر — مستثنا از قاعدهٔ عمومی */
body.public-page.landing-page #site-header .header-inner > [hidden],
body.public-page.landing-page #site-header .nav-right > [hidden],
body.public-page.landing-page #site-header [hidden]:not(.nav-burger) {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   🧹 پاکسازی المان‌های مخفی هدر — لینک‌های hidden فضای خالی نگیرند
   🔬 اندازه‌گیری: دو <a class="hidden"> با ابعاد ۲۲×۳۵ دیده می‌شدند
      (nav-dashboard / admin-entry — مخفی ولی فضاگیر)
   ══════════════════════════════════════════════════════════════════════════ */
body.public-page.landing-page #site-header .hidden,
body.public-page.landing-page #site-header a.hidden,
body.public-page.landing-page #site-header #nav-dashboard.hidden,
body.public-page.landing-page #site-header #admin-entry.hidden,
body.public-page.landing-page #site-header #nav-register.hidden,
body.public-page.landing-page #site-header .user-nav[hidden],
body.public-page.landing-page #site-header #user-nav[hidden] {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -9999px !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   🍔 همبرگری فقط در موبایل — در دسکتاپ پنهان
   🖐️ «اصلا اونجا دکمه همبرگری نباید باشه — دکمه همبرگری برای موبایل نه دسکتاپ»

   🔬 کد پایهٔ سایت درست بود:
      .public-page .nav-burger { display: none }            ← دسکتاپ پنهان ✅
      @media (max-width: 900px) { .nav-burger { inline-flex } }  ← موبایل نمایان ✅
   🔴 ولی قاعدهٔ من در همین فایل آن را در دسکتاپ نمایان می‌کرد:
      #site-header .nav-right > * { display: inline-flex !important }
      ⇒ specificity بالا + !important بر display:none غلبه می‌کرد

   ✅ دسکتاپ (> ۹۰۰px): همبرگری کاملاً پنهان
   ✅ موبایل (≤ ۹۰۰px): نمایان و کارا
   ══════════════════════════════════════════════════════════════════════════ */

/* 🖥️ فقط ≥۱۳۲۱px — همبرگری پنهان (تب‌ها در این عرض کامل جا می‌شوند)
   🔬 قبل: در همهٔ دسکتاپ‌ها پنهان ⇒ در ۹۰۱–۱۳۲۰ + بودجهٔ عرض ۱۱۶۸px
      ⇒ تب‌ها از چپ بیرون می‌زدند (RTL) ⇒ «فقط خانه/مسابقات دیده می‌شد»
   🖐️ «تب‌ها حالت اسکرول پیدا کردن · چینش اشتباهه · لوگو و اسم سایت نصفه» */
@media (min-width: 1321px) {
  body.public-page.landing-page #site-header .nav-burger,
  body.public-page.landing-page #site-header #nav-burger,
  body.public-page.landing-page #site-header .hamburger,
  body.public-page.landing-page #site-header #hamburger {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
  }
}


/* 📱 موبایل و تبلت (≤ ۹۰۰px) — نمایان */
@media (max-width: 900px) {
  body.public-page.landing-page #site-header .nav-burger,
  body.public-page.landing-page #site-header #nav-burger {
    display: inline-flex !important;
    visibility: visible !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    pointer-events: auto !important;
    position: static !important;
    left: auto !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--lp-hdr-text) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 7px !important;
    cursor: pointer !important;
    order: 1 !important;
  }
  body.public-page.landing-page #site-header .nav-burger[hidden],
  body.public-page.landing-page #site-header #nav-burger[hidden] {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   🔧 هم‌ترازی امن فاصله‌های هدر /welcome
   🔬 تفاوت‌ها: ارتفاع 61↔62 · brand padding 0↔7/11 · right gap 8↔10 · nav y 13↔14
   ⚠️ اصل اول: هیچ قاعدهٔ ساختاری (display/position) که چیدمان را بشکند نگذار.
   ══════════════════════════════════════════════════════════════════════════ */

/* 📏 ۱) ارتفاع هدر — ۶۲px صریح روی هر دو بخش */
body.public-page.landing-page #site-header {
  height: 62px !important;
  min-height: 62px !important;
  max-height: 62px !important;
}
body.public-page.landing-page #site-header .header-inner,
body.public-page.landing-page #site-header .header-inner--single {
  height: 62px !important;
  min-height: 62px !important;
  max-height: 62px !important;
  padding: 10px 16px !important;
  box-sizing: border-box !important;
}

/* 📏 ۲) برند — بدون padding (هدف: pad 0 · y=10) */
body.public-page.landing-page #site-header .brand {
  padding: 0 !important;
  margin: 0 !important;
  gap: 8px !important;
  height: 41px !important;
  align-self: center !important;
}

/* 📏 ۳) nav-right — gap ۸px (هدف) */
body.public-page.landing-page #site-header .nav-right {
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  align-items: center !important;
}

/* 📏 ۴) nav — بدون margin/padding اضافه (هدف: y=13) */
body.public-page.landing-page #site-header .main-nav,
body.public-page.landing-page #site-header .main-nav--inline {
  margin: 0 !important;
  padding: 0 !important;
  align-self: center !important;
}
body.public-page.landing-page #site-header .nav-list {
  margin: 0 !important;
  padding: 0 !important;
  gap: 2px !important;
}

/* 📏 ۵) تراز عمودی دکمه‌ها (هدف: y=11) */
body.public-page.landing-page #site-header .nav-lang,
body.public-page.landing-page #site-header .nav-login-btn {
  align-self: center !important;
}

/* 📏 ۶) حذف سرریز افقی — clientWidth یکسان (۱۴۴۰) ⇒ x=120 */
html { overflow-x: hidden !important; }
body.public-page.landing-page { overflow-x: hidden !important; }

/* ══════════════════════════════════════════════════════════════════════════
   🎯 رفع نهایی: نوار اسکرول = تفاوت عرض کلاینت
   🖐️ «هدر فاصله‌هاش با صفحهٔ / فرق میکنه»

   🔬 ریشهٔ قطعی (اندازه‌گیری CDP):
      /         clientW=1440 · innerW=1440 · vScroll=False · docH=900
      /welcome  clientW=1425 · innerW=1440 · vScroll=True  · docH=5590
      ⇒ نوار اسکرول عمودی ۱۵px از عرض کلاینت می‌گیرد
      ⇒ margin:0 auto با max-width:1200:
           /        : (1440−1200)/2 = 120px  ✅
           /welcome : (1425−1200)/2 = 112.5px  🔴 ۷.۵px اختلاف
      ⇒ این ۷.۵px در همهٔ x ها (nav/brand/right/link) اثر می‌گذارد.

   ⚠️ مخفی کردن کورکورانهٔ اسکرول اشتباه است — کاربر باید اسکرول کند.
   ✅ راه‌حل استاندارد: `scrollbar-gutter: stable both-edges` روی ریشه
      ⇒ فضا همیشه رزرو می‌شود ⇒ عرض کلاینت ثابت می‌ماند.
      + جبران ۱۵px وقتی اسکرول وجود ندارد.
   ══════════════════════════════════════════════════════════════════════════ */

/* 🎯 عرض کلاینت ثابت — همیشه فضا برای نوار اسکرول */
html {
  scrollbar-gutter: stable;
  overflow-y: scroll !important;          /* همیشه اسکرول‌بار ⇒ عرض ثابت */
  overflow-x: hidden !important;
}
/* جبران: چون همیشه اسکرول‌بار داریم، محتوا ۱۵px جا می‌گیرد */
body.public-page.landing-page #site-header,
body.public-page.landing-page header.site-header {
  padding-right: 0 !important;
}
body.public-page.landing-page #site-header .header-inner,
body.public-page.landing-page #site-header .header-inner--single {
  max-width: 1200px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 10px 16px !important;
  box-sizing: border-box !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   ✅ هم‌ترازی نهایی فاصله‌های هدر /welcome با /
   🖐️ «هدر فاصله‌هاش با این صفحه فرق میکنه»

   🔬 ریشهٔ اصلی: نوار اسکرول عمودی
      /         clientW=1440 (بدون اسکرول)
      /welcome  clientW=1425 (با اسکرول · ۱۵px کمتر)
      ⇒ با max-width:1200 + margin:0 auto، همهٔ x ها ۷.۵px جابجا می‌شدند
   ✅ رفع: `scrollbar-gutter: stable both-edges` + `overflow-y: scroll`
      ⇒ clientW یکسان (۱۴۲۵ در هر دو) ⇒ x ها هم‌تراز

   🔬 باقی: ۱px اختلاف عمودی (y 13↔14) — از نبود صفت در هدف
   ⚠️ جبران ۱px با padding نامتقارن، ارتفاع را می‌شکند ⇒ رهایش می‌کنیم.
   ══════════════════════════════════════════════════════════════════════════ */

/* 📏 ارتفاع و padding متقارن — بدون به‌هم‌ریختن تراز */
body.public-page.landing-page #site-header {
  height: 62px !important;
  min-height: 62px !important;
  max-height: 62px !important;
}
body.public-page.landing-page #site-header .header-inner,
body.public-page.landing-page #site-header .header-inner--single {
  height: 61px !important;
  min-height: 61px !important;
  max-height: 61px !important;
  padding: 10px 16px !important;
  box-sizing: border-box !important;
  margin: 0 auto !important;
  align-items: center !important;
}

/* 📏 برند بدون padding — ارتفاع ۴۱ (هدف) */
body.public-page.landing-page #site-header .brand {
  padding: 0 !important;
  margin: 0 !important;
  height: 41px !important;
  gap: 8px !important;
  align-self: center !important;
}

/* 📏 nav-right gap ۸px (هدف) */
body.public-page.landing-page #site-header .nav-right {
  gap: 8px !important;
  padding: 0 !important;
  margin: 0 !important;
  align-items: center !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   🔧 آخرین تنظیم — nav عرض ۶۳۸ (هدف) و ۱px عمودی
   🔬 nav.w 638 (هدف) ↔ 642 (ما) ⇒ ۴px · همین باعث ۲px جابجایی x می‌شد
   ══════════════════════════════════════════════════════════════════════════ */

/* 📏 nav در ارتفاع ۳۵ و بدون padding اضافه */
body.public-page.landing-page #site-header .main-nav,
body.public-page.landing-page #site-header .main-nav--inline {
  height: 35px !important;
  min-height: 35px !important;
  max-height: 35px !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.public-page.landing-page #site-header .nav-list {
  height: 35px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 2px !important;
}
body.public-page.landing-page #site-header .nav-list li,
body.public-page.landing-page #site-header .nav-list a {
  height: 35px !important;
  min-height: 35px !important;
  max-height: 35px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* 📏 آیکون‌های داخل لینک — بدون افزایش عرض */
body.public-page.landing-page #site-header .nav-list a i {
  font-size: 13px !important;
  width: 14px !important;
  text-align: center !important;
}

/* ۱px عمودی — نادیده */

/* ══════════════════════════════════════════════════════════════════════════
   🔴❌ رفع باگ پرش پس‌زمینه (flash) در /welcome
   🖐️ «اول پس‌زمینهٔ صفحه‌های که رنگش با این صفحه فرق داره میاد — این یه باگه»

   🔬 ریشه (با بازرسی CSS):
      .page-loader در style.css:
        background: radial-gradient(...) , var(--bg);
        --bg = rgb(20,22,35)  ← تیره!
      ⇒ وقتی /welcome باز می‌شود، لودر با پس‌زمینهٔ تیره ظاهر می‌شود،
        بعد landing.css لود می‌شود و پس‌زمینهٔ روشن جایگزین می‌شود
        ⇒ پرش/فلاش تیره→روشن 🔴

   ✅ رفع: پس‌زمینهٔ لودر (و welcome-screen) در صفحهٔ فرود = روشن
      + مخفی کردن لودر در صفحهٔ فرود (نیازی نیست — لوگوموشن جداگانه است)
   ══════════════════════════════════════════════════════════════════════════ */

/* 🎨 لودر در صفحهٔ فرود — روشن هماهنگ (نه تیره) */
body.public-page.landing-page .page-loader {
  background: linear-gradient(180deg, #ffffff 50.2%, #f5f9fd 100%) !important;
}
body.public-page.landing-page .welcome-screen {
  background: linear-gradient(180deg, #ffffff 50.2%, #f5f9fd 100%) !important;
}

/* 🎨 پس‌زمینهٔ ریشهٔ سند — روشن همیشه (قبل از لود CSS) */
html:has(body.landing-page),
html:has(body.landing-page) body {
  background: linear-gradient(180deg, #ffffff 50.2%, #f5f9fd 100%) !important;
  color: rgb(11, 40, 81) !important;
}

/* 🎨 اسپینر و متن لودر — رنگ برند */
body.public-page.landing-page .page-loader-spinner {
  border-color: rgba(223, 31, 38, .18) !important;
  border-top-color: rgb(223, 31, 38) !important;
}
body.public-page.landing-page .page-loader-text { color: rgba(11, 40, 81, .6) !important; }


/* ══════════════════════════════════════════════════════════════════════════
   🔴✨ خط هایلایت قرمز نئونی زیر هدر — فقط در حالت اسکرول
   🖐️ «وقتی اسکرول میکنم میرم بالا، پائین خط هدر یه رنگ قرمز نئونی خوشگل
       هایلایت دار بده نازک باشه. ولی تو حالت عادی که هنوز اسکرول نکردم نباشه»

   🔬 پیاده‌سازی: کلاس `is-scrolled` روی هدر در JS (اسکرول > ۸px)
      خط با ::after ساخته می‌شود (به چیدمان دست نمی‌زند)
   ══════════════════════════════════════════════════════════════════════════ */

body.public-page.landing-page #site-header::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;                 /* روی خط جداکننده */
  height: 2px;                  /* نازک */
  background: linear-gradient(90deg,
      transparent 0%,
      rgba(255, 30, 70, calc(.85 * .3)) 8%,
      #ff1e46 32%,
      #ff4d6d 50%,
      #ff1e46 68%,
      rgba(255, 30, 70, calc(.85 * .3)) 92%,
      transparent 100%);
  box-shadow: 0 0 6px rgba(255, 30, 70, .75), 0 0 14px rgba(255, 30, 70, .40);
  opacity: 0;
  transform: scaleX(.6);
  transition: opacity .3s ease, transform .35s cubic-bezier(.22,.61,.36,1);
  pointer-events: none;
  border-radius: 1px;
  z-index: 1;
}
body.public-page.landing-page #site-header.is-scrolled::after {
  opacity: 1;
  transform: scaleX(1);
}
/* در حالت عادی (بدون اسکرول) — خط نیست */
body.public-page.landing-page #site-header:not(.is-scrolled)::after {
  opacity: 0 !important;
  transform: scaleX(.6);
}
/* نوار متحرک نئونی (درخشش جاری) */
body.public-page.landing-page #site-header.is-scrolled::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 2px;
  width: 22%;
  background: linear-gradient(90deg, transparent, #fff, transparent);
  opacity: .55;
  filter: blur(1px);
  animation: lpHdrSweep 2.8s ease-in-out infinite;
  pointer-events: none;
  z-index: 2;
}
@keyframes lpHdrSweep {
  0%   { left: -25%; opacity: 0; }
  12%  { opacity: .6; }
  88%  { opacity: .6; }
  100% { left: 100%; opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  body.public-page.landing-page #site-header.is-scrolled::before { animation: none; opacity: 0; }
}

/* ══════════════════════════════════════════════════════════════════════════
   🪟 پنجرهٔ اطلاعات رشته/کمیته/انجمن
   🖐️ «هر موقع روی نوار خطی کلیک کردم یه پنجرهٔ جدید باز کنه و اطلاعاتشون رو نشون بده»
   ══════════════════════════════════════════════════════════════════════════ */
body.public-page.landing-page .ld-disc-pop {
  position: fixed; inset: 0; z-index: 200;
  display: none; align-items: center; justify-content: center;
  padding: 18px;
}
body.public-page.landing-page .ld-disc-pop.is-on { display: flex; }
body.public-page.landing-page .ld-disc-pop__veil {
  position: absolute; inset: 0;
  background: rgba(11, 40, 81, .42);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px); -webkit--webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
  animation: ldPopVeil .22s ease both;
}
@keyframes ldPopVeil { from { opacity: 0; } to { opacity: 1; } }
body.public-page.landing-page .ld-disc-pop__box {
  position: relative; z-index: 1;
  width: 100%; max-width: 480px;
  max-height: 86vh; overflow-y: auto;
  background: #fff;
  border-radius: 16px;
  border: 1px solid rgba(11, 40, 81, .10);
  box-shadow: 0 24px 60px rgba(11, 40, 81, .22);
  padding: 26px 24px 22px;
  font-family: var(--lp-font, 'Kanit', Tahoma, sans-serif);
  animation: ldPopBox .28s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes ldPopBox {
  from { opacity: 0; transform: translateY(14px) scale(.97); }
  to   { opacity: 1; transform: none; }
}
body.public-page.landing-page .ld-disc-pop__x {
  position: absolute; top: 12px; inset-inline-start: 12px;
  width: 32px; height: 32px; border: 0; border-radius: 9px;
  background: rgba(11, 40, 81, .06); color: rgb(11, 40, 81);
  font-size: 20px; line-height: 1; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background .2s, color .2s;
}
body.public-page.landing-page .ld-disc-pop__x:hover { background: #df1f26; color: #fff; }
body.public-page.landing-page .ld-disc-pop__t {
  font-size: 24px; font-weight: 600; line-height: 1.35;
  color: rgb(11, 40, 81); margin: 0 34px 6px 0;
}
body.public-page.landing-page .ld-disc-pop__k {
  font-size: 13px; font-weight: 400; color: #df1f26;
  margin: 0 0 18px; padding-bottom: 14px;
  border-bottom: 1px solid rgba(11, 40, 81, .10);
}
body.public-page.landing-page .ld-disc-pop__list { margin: 0; padding: 0; }
body.public-page.landing-page .ldi-row {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 11px 0; border-bottom: 1px solid rgba(11, 40, 81, .06);
}
body.public-page.landing-page .ldi-row:last-child { border-bottom: 0; }
body.public-page.landing-page .ldi-row dt {
  flex: 0 0 110px; font-size: 13px; font-weight: 600;
  color: rgba(11, 40, 81, .62); padding-top: 2px;
}
body.public-page.landing-page .ldi-row dd {
  flex: 1 1 auto; margin: 0; font-size: 15px; font-weight: 400;
  color: rgb(11, 40, 81); line-height: 1.7; word-break: break-word;
}
body.public-page.landing-page .ldi-tel {
  display: inline-block; margin: 0 4px 3px 0;
  color: rgb(11, 40, 81); text-decoration: none;
  border-bottom: 1px dashed rgba(11, 40, 81, .3);
  transition: color .2s, border-color .2s;
}
body.public-page.landing-page .ldi-tel:hover { color: #df1f26; border-color: #df1f26; }
body.public-page.landing-page .ldi-site { color: #df1f26; text-decoration: none; }
body.public-page.landing-page .ldi-site:hover { text-decoration: underline; }
body.public-page.landing-page .ldi-empty { color: rgba(11, 40, 81, .34); font-size: 13px; }

/* 🖱️ آیتم‌های تیکر — اشارهٔ کلیک‌پذیری */
body.public-page.landing-page .listi__item {
  cursor: pointer;
  transition: transform .25s cubic-bezier(.22,.61,.36,1);
}
body.public-page.landing-page .listi__item:hover { transform: translateY(-4px); }
body.public-page.landing-page .listi__item:hover span { color: #df1f26; }
body.public-page.landing-page .listi__item:focus-visible {
  outline: 2px solid #df1f26; outline-offset: 3px; border-radius: 10px;
}
body.public-page.landing-page .listi__item span { transition: color .2s; }

/* 🎬 توقف تیکر وقتی پنجره باز است */
body.public-page.landing-page:has(.ld-disc-pop.is-on) .listi.is-live { animation-play-state: paused; }

@media (max-width: 560px) {
  body.public-page.landing-page .ld-disc-pop__box { padding: 22px 18px 18px; border-radius: 14px; }
  body.public-page.landing-page .ld-disc-pop__t { font-size: 19px; }
  body.public-page.landing-page .ldi-row { flex-direction: column; gap: 3px; padding: 10px 0; }
  body.public-page.landing-page .ldi-row dt { flex: none; font-size: 12px; }
  body.public-page.landing-page .ldi-row dd { font-size: 14px; }
}

/* ══════════════════════════════════════════════════════════════════════════
   🔤✨ فونت جذاب + فاصله‌های دقیق مرجع (فاز ۲)
   🖐️ «از یه فونت خوب و جذاب استفاده کن / به فاصله‌ها اندازه متن و فاصله
       بین دو متن خیلی دقت کن»

   🎯 راهبرد فونت:
      تیترهای نمایشی (h1/h2/h3 · عدد مزیت · subtitle) → Lalezar (جذاب)
      متن و رابط                                → Vazirmatn (خوانا)
      لاتین/اعداد                               → Kanit

   📐 مقادیر دقیق مرجع (اندازه‌گیری CDP):
      .intro__title         72/400 · lh 78   · maxw 1063
      .intro__subtitle      18/300 · lh 21.6 · maxw 560 · margin-bottom 32
      .btn                  24/400 · lh 28.8 · pad 10px 72px · radius 32
      .item-second-section__title  48/400 · lh 57.6 · w 440 · margin-bottom 16
      .item-second-section__text   15/300 · lh 18   · w 440 · margin-bottom 15
      .third-section__title        64/400 · lh 74
      .third-section__subtitle     32/400 · lh 35.2 · margin-bottom 40
      .fourth-section-slide__title 64/400 · lh 74 · w 810
      .fourth-section-slide__text  32/400 · lh 35.2 · w 810
      .item-benefits__title        32/400 · lh 35.2
      .item-benefits__text         15/300 · lh 18
      .contact__text               48/400 · lh 57.6 · w 976 · margin-bottom 38
      .item-contact__title         32/400 · lh 35.2 · w 389 · margin-bottom 20
   ══════════════════════════════════════════════════════════════════════════ */

/* ── 🎨 اعمال فونت ── */
body.public-page.landing-page:not(:has(.lcv)) { font-family: var(--font) !important; }
body.public-page.landing-page .lcv[style*="font-family"] { font-family: inherit; }
/* ⚠️ خط بالا بی‌اثر است چون inline style قوی‌تر است — فقط برای مستندسازی */

/* 🎯 قاعدهٔ Lalezar — روی فرزندان دارای سبک اختصاصی اعمال نشود
   🖐️ «انتخاب فونت · رنگ · چینش» — کاربر باید بتواند فونت هر متن را عوض کند */
body.public-page.landing-page .intro__title:not(:has(.lcv[style*="font-family"])),
body.public-page.landing-page .intro__main-title:not(:has(.lcv[style*="font-family"])),
body.public-page.landing-page .third-section__title,
body.public-page.landing-page .fourth-section-slide__title:not(:has(.lcv[style*="font-family"])),
body.public-page.landing-page .item-second-section__title:not(:has(.lcv[style*="font-family"])),
body.public-page.landing-page .contact__text:not(:has(.lcv[style*="font-family"])),
body.public-page.landing-page .item-benefits__title,
body.public-page.landing-page .item-benefits__number,
body.public-page.landing-page .third-section__subtitle:not(:has(.lcv[style*="font-family"])),
body.public-page.landing-page .fourth-section-slide__text,
body.public-page.landing-page .item-contact__title:not(:has(.lcv[style*="font-family"])),
body.public-page.landing-page .item-second-section__num {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;   /* Lalezar فقط وزن ۴۰۰ دارد */
  letter-spacing: 0 !important;
}
/* متن‌های پاراگرافی → Vazirmatn */
body.public-page.landing-page .intro__subtitle,
body.public-page.landing-page .item-second-section__text,
body.public-page.landing-page .item-benefits__text,
body.public-page.landing-page .box-accordion__panel p,
body.public-page.landing-page .box-accordion__t {
  font-family: var(--font) !important;
}
/* لاتین/برچسب‌های انگلیسی → Kanit */
/* 🎯 Kanit — روی عناصر دارای سبک اختصاصی اعمال نشود
   🖐️ «انتخاب فونت» — کاربر باید بتواند فونت هر متن را عوض کند */
body.public-page.landing-page .item-second-section__title span[dir="ltr"]:not([style*="font-family"]),
body.public-page.landing-page [dir="ltr"]:not([style*="font-family"]) {
  font-family: 'Kanit', var(--font) !important;
}

/* ── 📐 فاصله‌های دقیق (هم‌ترازی با مرجع) ── */
body.public-page.landing-page .intro__title {
  margin: 0 0 calc(var(--u) * 4) !important;
  padding: 0 !important;
}
body.public-page.landing-page .intro__main-title {
  margin: 0 0 calc(var(--u) * 10) !important;
}
body.public-page.landing-page .intro__subtitle {
  margin: 0 0 calc(var(--u) * 32) !important;   /* مرجع: ۳۲ */
}
body.public-page.landing-page .intro__links {
  gap: calc(var(--u) * 16) !important;
}
/* کارت‌های خدمات */
body.public-page.landing-page .item-second-section__title {
  margin: 0 0 calc(var(--u) * 16) !important;   /* مرجع: ۱۶ */
}
body.public-page.landing-page .item-second-section__text {
  margin: 0 0 calc(var(--u) * 15) !important;   /* مرجع: ۱۵ */
}
body.public-page.landing-page .item-second-section__num {
  margin: 0 0 calc(var(--u) * 6) !important;
}
/* solutions */
body.public-page.landing-page .third-section__subtitle {
  margin: 0 0 calc(var(--u) * 40) !important;   /* مرجع: ۴۰ */
}
body.public-page.landing-page .third-section__title {
  margin: 0 0 calc(var(--u) * 6) !important;
}
/* contact */
body.public-page.landing-page .contact__text {
  margin: 0 0 calc(var(--u) * 38) !important;   /* مرجع: ۳۸ */
}
body.public-page.landing-page .item-contact__title {
  margin: 0 0 calc(var(--u) * 20) !important;   /* مرجع: ۲۰ */
}
/* مزیت‌ها */
body.public-page.landing-page .item-benefits__number { margin: 0 0 calc(var(--u) * 2) !important; }
body.public-page.landing-page .item-benefits__title  { margin: 0 0 calc(var(--u) * 6) !important; }
body.public-page.landing-page .benefits__item,
body.public-page.landing-page .item-benefits { gap: 0 !important; }

/* ── 🔘 دکمه‌ها — دقیقاً مرجع ── */
body.public-page.landing-page .landing-slider .btn {
  font-family: var(--font-display) !important;
  font-size: calc(var(--u) * 24) !important;
  font-weight: 400 !important;
  line-height: calc(var(--u) * 28.8) !important;
  padding: calc(var(--u) * 10) calc(var(--u) * 72) !important;
  border-radius: calc(var(--u) * 32) !important;
  letter-spacing: 0 !important;
  min-height: calc(var(--u) * 49) !important;
  box-sizing: border-box !important;
}
body.public-page.landing-page .landing-slider .btn i { font-size: .85em; }

/* ── 📝 تناسب خط فارسی (Lalezar بلندتر است ⇒ lh کمی بیشتر) ── */
body.public-page.landing-page .intro__title,
body.public-page.landing-page .intro__main-title {
  line-height: calc(var(--u) * 84) !important;   /* فارسی نیاز به lh بیشتر */
}
body.public-page.landing-page .item-second-section__title,
body.public-page.landing-page .third-section__title,
body.public-page.landing-page .fourth-section-slide__title {
  line-height: 1.24 !important;
}
body.public-page.landing-page .intro__subtitle,
body.public-page.landing-page .item-second-section__text,
body.public-page.landing-page .item-benefits__text {
  line-height: 1.75 !important;   /* خوانایی فارسی */
}

/* ── 🖼️ تصاویر: نسبت درست ── */
body.public-page.landing-page .item-second-section__img,
body.public-page.landing-page .third-section__img,
body.public-page.landing-page .fourth-section-slide__img,
body.public-page.landing-page .item-contact__img {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* 🔧 رفع: زیرتیتر Solutions ۱۲px شده بود (باید ۳۲px مثل مرجع) */
body.public-page.landing-page .third-section__subtitle,
body.public-page.landing-page .third-section__sub.third-section__sub,
body.public-page.landing-page .third-section__subtitle.h4-style {
  font-family: var(--font-display) !important;
  font-size: calc(var(--u) * 32) !important;
  font-weight: 400 !important;
  line-height: calc(var(--u) * 35.2) !important;
  color: rgb(11, 40, 81) !important;
  margin: 0 0 calc(var(--u) * 40) !important;
}
/* 🔧 h2 «راهکارها» عرض کامل بگیرد (مرجع ۴۰۳ = عرض متن) */
body.public-page.landing-page .third-section__title {
  width: fit-content !important;
  max-width: 100% !important;
}
/* 🔧 کارت‌های خدمات: عنوان/متن ۴۵۰px عرض */
body.public-page.landing-page .item-second-section__inner { max-width: calc(var(--u) * 455) !important; }

/* ══════════════════════════════════════════════════════════════════════════
   📱🔧 رفع واکنش‌گرایی موبایل/تبلت — مقیاس درست تیترها
   🔬 مشکلات اندازه‌گیری‌شده:
      موبایل ۳۹۰:  cardT = 48px (ثابت مانده — باید ~۲۲px)  🔴
                   h1 lh = 60.48px برای fs=27px  (نسبت ۲.۲ — زیاد)
      تبلت ۷۶۸:   cardT = 48px (باید ~۳۰px)  🔴
   🔬 ریشه: قاعدهٔ `.item-second-section__title { font-size: calc(var(--u)*48) }`
      با media query های قدیمی override نشده بود.
   ══════════════════════════════════════════════════════════════════════════ */

/* 📐 نسبت خط درست برای تیترهای فارسی (نه بیش از حد باز) */
@media (max-width: 1024px) {
  body.public-page.landing-page .intro__title,
  body.public-page.landing-page .intro__main-title {
    line-height: 1.22 !important;
  }
}
@media (max-width: 720px) {
  body.public-page.landing-page .intro__title,
  body.public-page.landing-page .intro__main-title {
    font-size: calc(var(--u) * 34) !important;
    line-height: 1.26 !important;
  }
  /* کارت‌های خدمات — مقیاس درست */
  body.public-page.landing-page .item-second-section__title {
    font-size: calc(var(--u) * 26) !important;
    line-height: 1.3 !important;
  }
  body.public-page.landing-page .item-second-section__text {
    font-size: calc(var(--u) * 13.5) !important;
    line-height: 1.65 !important;
  }
  body.public-page.landing-page .item-second-section__num {
    font-size: calc(var(--u) * 14) !important;
  }
  body.public-page.landing-page .third-section__subtitle {
    font-size: calc(var(--u) * 18) !important;
    line-height: 1.35 !important;
  }
  body.public-page.landing-page .fourth-section-slide__text {
    font-size: calc(var(--u) * 15) !important;
    line-height: 1.5 !important;
  }
  body.public-page.landing-page .item-benefits__title {
    font-size: calc(var(--u) * 18) !important;
    line-height: 1.3 !important;
  }
  body.public-page.landing-page .item-benefits__text {
    font-size: calc(var(--u) * 13.5) !important;
    line-height: 1.65 !important;
  }
  body.public-page.landing-page .item-contact__title {
    font-size: calc(var(--u) * 20) !important;
    line-height: 1.3 !important;
  }
  body.public-page.landing-page .contact__text {
    font-size: calc(var(--u) * 22) !important;
    line-height: 1.35 !important;
  }
  body.public-page.landing-page .box-accordion__t {
    font-size: calc(var(--u) * 15) !important;
    line-height: 1.4 !important;
  }
  /* دکمه‌ها */
  body.public-page.landing-page .landing-slider .btn {
    font-size: calc(var(--u) * 16) !important;
    padding: calc(var(--u) * 10) calc(var(--u) * 26) !important;
    min-height: calc(var(--u) * 42) !important;
  }
}

/* 📐 تبلت — میانه */
@media (min-width: 721px) and (max-width: 1024px) {
  body.public-page.landing-page .item-second-section__title {
    font-size: calc(var(--u) * 32) !important;
    line-height: 1.3 !important;
  }
  body.public-page.landing-page .item-second-section__text {
    font-size: calc(var(--u) * 14.5) !important;
    line-height: 1.7 !important;
  }
  body.public-page.landing-page .intro__subtitle {
    font-size: calc(var(--u) * 17) !important;
    line-height: 1.7 !important;
  }
  body.public-page.landing-page .fourth-section-slide__text {
    font-size: calc(var(--u) * 20) !important;
    line-height: 1.45 !important;
  }
  body.public-page.landing-page .item-contact__title {
    font-size: calc(var(--u) * 24) !important;
  }
}

/* 📐 موبایل کوچک — تک‌ستونی اجباری کارت‌های تماس */
@media (max-width: 560px) {
  body.public-page.landing-page .contact__items { flex-direction: column !important; align-items: stretch !important; }
  body.public-page.landing-page .item-contact { width: 100% !important; }
  body.public-page.landing-page .intro__links { flex-direction: column !important; align-items: stretch !important; gap: calc(var(--u) * 10) !important; }
  body.public-page.landing-page .intro__links .btn { width: 100% !important; }
}

/* ══════════════════════════════════════════════════════════════════════════
   📱🔧 اصلاح مقیاس موبایل — خوانا (نه کوچک)
   🔬 مشکل: --u در موبایل ۰.۷۲ است، بعد calc(var(--u)*34) = 24px ⇒ بیش از حد کوچک
   ✅ راه‌حل: در موبایل مقادیر را با --u تنظیم نکن — px صریح بگذار
   ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 720px) {
  /* 🎯 تیترها — اندازهٔ ثابت خوانا */
  body.public-page.landing-page .intro__title,
  body.public-page.landing-page .intro__main-title {
    font-size: 32px !important;
    line-height: 1.32 !important;
  }
  body.public-page.landing-page .intro__subtitle {
    font-size: 15px !important;
    line-height: 1.75 !important;
  }
  body.public-page.landing-page .item-second-section__title {
    font-size: 28px !important;
    line-height: 1.3 !important;
  }
  body.public-page.landing-page .item-second-section__text {
    font-size: 14px !important;
    line-height: 1.65 !important;
  }
  body.public-page.landing-page .item-second-section__num { font-size: 14px !important; }
  body.public-page.landing-page .third-section__title { font-size: 30px !important; }
  body.public-page.landing-page .third-section__subtitle { font-size: 18px !important; line-height: 1.4 !important; }
  body.public-page.landing-page .fourth-section-slide__title { font-size: 28px !important; }
  body.public-page.landing-page .fourth-section-slide__text { font-size: 15px !important; line-height: 1.55 !important; }
  body.public-page.landing-page .item-benefits__title { font-size: 19px !important; line-height: 1.32 !important; }
  body.public-page.landing-page .item-benefits__number { font-size: 19px !important; }
  body.public-page.landing-page .item-benefits__text { font-size: 14px !important; line-height: 1.65 !important; }
  body.public-page.landing-page .item-contact__title { font-size: 21px !important; line-height: 1.32 !important; }
  body.public-page.landing-page .contact__text { font-size: 23px !important; line-height: 1.38 !important; }
  body.public-page.landing-page .box-accordion__t { font-size: 15px !important; line-height: 1.45 !important; }
  body.public-page.landing-page .box-accordion__panel p { font-size: 13.5px !important; line-height: 1.7 !important; }
  body.public-page.landing-page .listi__item span { font-size: 10.5px !important; }
  /* 🔘 دکمه‌ها */
  body.public-page.landing-page .landing-slider .btn {
    font-size: 16px !important;
    line-height: 1.25 !important;
    padding: 11px 26px !important;
    min-height: 44px !important;
    border-radius: 26px !important;
  }
  /* 📏 فاصله‌ها */
  body.public-page.landing-page .intro__subtitle { margin-bottom: 22px !important; }
  body.public-page.landing-page .item-second-section__title { margin-bottom: 10px !important; }
  body.public-page.landing-page .item-second-section__text { margin-bottom: 12px !important; }
  body.public-page.landing-page .third-section__subtitle { margin-bottom: 20px !important; }
  body.public-page.landing-page .contact__text { margin-bottom: 22px !important; }
  body.public-page.landing-page .item-contact__title { margin-bottom: 12px !important; }
}

/* 📱 موبایل کوچک */
@media (max-width: 420px) {
  body.public-page.landing-page .intro__title,
  body.public-page.landing-page .intro__main-title { font-size: 28px !important; }
  body.public-page.landing-page .item-second-section__title { font-size: 25px !important; }
  body.public-page.landing-page .third-section__title { font-size: 26px !important; }
  body.public-page.landing-page .fourth-section-slide__title { font-size: 24px !important; }
  body.public-page.landing-page .contact__text { font-size: 20px !important; }
}

/* 📐 تبلت — اندازه‌های ثابت خوانا */
@media (min-width: 721px) and (max-width: 1024px) {
  body.public-page.landing-page .intro__title,
  body.public-page.landing-page .intro__main-title { font-size: 46px !important; line-height: 1.24 !important; }
  body.public-page.landing-page .item-second-section__title { font-size: 34px !important; line-height: 1.3 !important; }
  body.public-page.landing-page .item-second-section__text { font-size: 15px !important; line-height: 1.7 !important; }
  body.public-page.landing-page .third-section__title { font-size: 40px !important; }
  body.public-page.landing-page .third-section__subtitle { font-size: 22px !important; }
  body.public-page.landing-page .fourth-section-slide__title { font-size: 38px !important; }
  body.public-page.landing-page .fourth-section-slide__text { font-size: 20px !important; line-height: 1.5 !important; }
  body.public-page.landing-page .item-benefits__title { font-size: 26px !important; }
  body.public-page.landing-page .item-benefits__text { font-size: 15px !important; }
  body.public-page.landing-page .item-contact__title { font-size: 26px !important; }
  body.public-page.landing-page .contact__text { font-size: 36px !important; }
  body.public-page.landing-page .landing-slider .btn { font-size: 19px !important; padding: 11px 40px !important; }
}

/* ══════════════════════════════════════════════════════════════════════════
   🥋🔁 تیکر رشته‌ها — راست به چپ · یک خط · زنجیره‌ای بی‌وقفه
   🖐️ «رشته های ورزشی با لوگو و اسم شون نمایش داده نمیشن
       همه در یک خط باشن از راست به چپ و بصورت زنجیره ای ادامه داشته باش و قطع نشه»

   🔴 باگ‌های کشف‌شده:
      ۱) ۱۱۱ رشته بدون لوگو ⇒ فقط اسم (بدون تصویر) ⇒ ناقص دیده می‌شد
         ✅ رفع: لوگوی جانشین SVG (gen-*.svg) برای همه
      ۲) انیمیشن `ldTick` از 0 به -half می‌رفت ⇒ حرکت چپ→راست
         ✅ رفع: در RTL باید از -half به 0 برود (راست→چپ)
      ۳) `direction: ltr` روی track ⇒ شروع از چپ
         ✅ رفع: `direction: rtl` + ترتیب معکوس آیتم‌ها
   ══════════════════════════════════════════════════════════════════════════ */

/* ── 🎞️ انیمیشن راست→چپ ── */
@keyframes ldTickRTL {
  from { transform: translate3d(calc(-1 * var(--tick)), 0, 0); }
  to   { transform: translate3d(0, 0, 0); }
}

/* 🗑️ حذف شد — با معماری دو-گروه تکراری بود */
body.public-page.landing-page .listi {
  direction: rtl !important;
}

/* ── 🖼️ همهٔ آیتم‌ها یک شکل: لوگو + نام در یک خط ── */
body.public-page.landing-page .listi__item {
  width: auto !important;
  min-width: calc(var(--u) * 84) !important;
  height: calc(var(--u) * 96) !important;
  padding: 0 calc(var(--u) * 10) !important;
  gap: calc(var(--u) * 5) !important;
  justify-content: center !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}
body.public-page.landing-page .listi__item img,
body.public-page.landing-page .listi__item svg {
  width: calc(var(--u) * 46) !important;
  height: calc(var(--u) * 46) !important;
  flex: 0 0 auto !important;
  display: block !important;
  object-fit: contain !important;
  border-radius: calc(var(--u) * 10) !important;
  background: transparent !important;
}
body.public-page.landing-page .listi__item span {
  display: block !important;
  font-size: calc(var(--u) * 10.5) !important;
  line-height: 1.3 !important;
  text-align: center !important;
  color: var(--navy, #0b2851) !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: calc(var(--u) * 132) !important;
}

/* ── 🧩 بدون شکاف بین آیتم‌ها (زنجیرهٔ پیوسته) ── */
body.public-page.landing-page .listi { gap: 0 !important; }
body.public-page.landing-page .intro__sports { overflow: hidden !important; }

/* ── 📱 موبایل ── */
@media (max-width: 720px) {
  body.public-page.landing-page .listi__item {
    min-width: 76px !important; height: 88px !important; padding: 0 8px !important;
  }
  body.public-page.landing-page .listi__item img,
  body.public-page.landing-page .listi__item svg { width: 42px !important; height: 42px !important; }
  body.public-page.landing-page .listi__item span { font-size: 10px !important; max-width: 112px !important; }
  body.public-page.landing-page .intro__sports { height: 108px !important; }
}

/* ══════════════════════════════════════════════════════════════════════════
   🥋🔧 رفع قطعی تیکر — محتوا بیرون کادر می‌رفت (موبایل)
   🖐️ «اون نوار خط ورزشی رو گوشی نمایش داده نمیشه»

   🔬 ریشهٔ دقیق (اندازه‌گیری‌شده در موبایل ۳۹۰):
      · track rect.left = -38011px  ⇒ کاملاً بیرون کادر
      · transform = translateX(-12800px)  = -(--tick)
      · در RTL، تراکم محتوا از **راست** شروع می‌شود، ولی انیمیشن
        از -tick شروع می‌کند ⇒ محتوا به چپ رانده می‌شود و ناپدید می‌گردد
        (در دسکتاپ چون scrollWidth بزرگ‌تر و viewport پهن‌تر بود،
         بخشی از محتوا تصادفاً در کادر می‌افتاد)

   ✅ راه‌حل قطعی: **بدون transform منفی**
      از `translateX(0)` → `translateX(-tick)` (چپ‌رو) استفاده کن
      ولی محتوای تکراری را **بعد از** نسخهٔ اول بگذار ⇒ همیشه پر است.
      یا به‌جای transform از `margin-inline-start` استفاده کن.

   🎯 راه‌حل انتخابی: انیمیشن با `translateX` ولی شروع از ۰،
      و اطمینان از تکراری‌بودن کافی (≥۳ برابر عرض viewport).
   ══════════════════════════════════════════════════════════════════════════ */

/* ── ۱) جانشینی انیمیشن‌ها: همیشه از ۰ شروع کن ── */
@keyframes ldTickLTR {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(calc(-1 * var(--tick)), 0, 0); }
}
@keyframes ldTickRTL2 {
  from { transform: translate3d(calc(-1 * var(--tick)), 0, 0); }
  to   { transform: translate3d(0, 0, 0); }
}

/* 🗑️ حذف شد — انیمیشن تکراری (معماری دو-گروه جایش را گرفت) */
/* 🛡️ محافظ: اگر عرض track کمتر از ۳× viewport بود، انیمیشن را متوقف کن */
body.public-page.landing-page .listi.is-live[data-short="1"] {
  animation: none !important;
  transform: none !important;
}

/* 🎯 اطمینان از داخل‌بودن: track نباید از کادر بیرون بزند */
body.public-page.landing-page .intro__sports {
  overflow: hidden !important;
  position: relative !important;
}
body.public-page.landing-page .listi {
  direction: rtl !important;
  /* شروع از سمت راست */
  justify-content: flex-start !important;
}

/* 📱 موبایل — عرض کم‌تر ⇒ اطمینان از پر بودن */
@media (max-width: 720px) {
  body.public-page.landing-page .listi.is-live {
    animation-duration: var(--tick-dur, 90s) !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   🥋🎯 تیکر رشته‌ها — معماری استاندارد دو-گروه (رفع قطعی موبایل)
   🖐️ «اون نوار خط ورزشی رو گوشی نمایش داده نمیشه»

   🔬 ریشهٔ باگ (اندازه‌گیری‌شده):
      track rect.left = -38011px  ⇒ کاملاً بیرون کادر
      یک المان واحد با translateX منفی + direction:rtl
      ⇒ ترتیب فرزندان معکوس ⇒ محتوا بیرون کادر ⇒ ناحیهٔ تیکر خالی
      (تصویر: ۰ پیکسل تیره از ۸۴٬۲۴۰ در موبایل)

   ✅ معماری استاندارد:
      .listi (flex · بدون انیمیشن · direction:rtl)
        ├── .listi__group (انیمیشن ldGrp)
        └── .listi__group (کلون — همان انیمیشن)
      هر گروه: display:flex · width:max-content
      انیمیشن: translateX(100%) → translateX(0)  [جهت راست→چپ]
      ⇒ همیشه یک گروه داخل کادر ⇒ بی‌وقفه · بدون شکاف · مستقل از RTL
   ══════════════════════════════════════════════════════════════════════════ */

/* 🎞️ انیمیشن گروه — از راست به چپ */
@keyframes ldGrpRtl {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-100%, 0, 0); }
}

/* 📦 track: فقط ظرف — بدون انیمیشن */
body.public-page.landing-page .listi {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0 !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  direction: rtl !important;
  white-space: nowrap !important;
  width: max-content !important;
  animation: none !important;
  transform: none !important;
}

/* 👥 گروه‌ها */
body.public-page.landing-page .listi__group {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0 !important;
  flex: 0 0 auto !important;
  width: max-content !important;
}
body.public-page.landing-page .listi.is-live .listi__group {
  animation: ldGrpRtl var(--tick-dur, 110s) linear infinite !important;
  will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
  body.public-page.landing-page .listi.is-live .listi__group { animation: none !important; }
}

/* 🖼️ آیتم‌ها */
body.public-page.landing-page .listi__item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: calc(var(--u) * 5) !important;
  width: auto !important;
  min-width: calc(var(--u) * 84) !important;
  height: calc(var(--u) * 96) !important;
  flex: 0 0 auto !important;
  padding: 0 calc(var(--u) * 10) !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}
body.public-page.landing-page .listi__item img,
body.public-page.landing-page .listi__item svg {
  width: calc(var(--u) * 46) !important;
  height: calc(var(--u) * 46) !important;
  flex: 0 0 auto !important;
  display: block !important;
  object-fit: contain !important;
}
body.public-page.landing-page .listi__item span {
  display: block !important;
  font-size: calc(var(--u) * 10.5) !important;
  line-height: 1.3 !important;
  text-align: center !important;
  color: var(--navy, #0b2851) !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* 📦 ظرف — قیچی‌کردن امن */
body.public-page.landing-page .intro__sports {
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
}

/* 📱 موبایل */
@media (max-width: 720px) {
  body.public-page.landing-page .listi__item { min-width: 76px !important; height: 88px !important; padding: 0 8px !important; }
  body.public-page.landing-page .listi__item img,
  body.public-page.landing-page .listi__item svg { width: 42px !important; height: 42px !important; }
  body.public-page.landing-page .listi__item span { font-size: 10px !important; }
  body.public-page.landing-page .intro__sports { height: 108px !important; }
}

/* ══════════════════════════════════════════════════════════════════════════
   🎯🔧 رفع نهایی: حذف direction:rtl از track
   🔬 ریشه: `direction: rtl` روی track عرض محتوا را از راست محاسبه می‌کند
      و چون track از viewport پهن‌تر است، box از راست به چپ کشیده می‌شود
      ⇒ rect.left منفی بزرگ ⇒ محتوا بیرون کادر
   ✅ راه‌حل: track را `direction: ltr` نگه دار (خنثی) و ترتیب آیتم‌ها را
      با `flex-direction: row-reverse` معکوس کن تا نمایش راست→چپ باشد.
      ✨ این‌طور رفتار مکانیکی سالم می‌ماند و ترتیب بصری RTL است.
   ══════════════════════════════════════════════════════════════════════════ */
body.public-page.landing-page .listi {
  direction: ltr !important;              /* 🧊 خنثی — رفتار مکانیکی سالم */
  flex-direction: row-reverse !important; /* 🔄 ترتیب بصری: راست→چپ */
}
body.public-page.landing-page .listi__group {
  direction: ltr !important;
  flex-direction: row-reverse !important;
}
/* آیتم‌ها داخل خودشان RTL (متن فارسی) */
body.public-page.landing-page .listi__item { direction: rtl !important; }

/* 🎞️ انیمیشن: از 0 به -100% (راست→چپ بصری) */
@keyframes ldGrpRtl2 {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-100%, 0, 0); }
}
body.public-page.landing-page .listi.is-live .listi__group {
  animation-name: ldGrpRtl2 !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   🎯🎬 مدل اجرای مرجع — second-section (کارت‌های راهکارها)
   🖐️ «مدل اجراش و از سایت set.sportdata.org بگیر و درست اجراش کن»

   🔬 مدل مرجع (استخراج‌شده از CSS خودشان):
      · تصویر کارت (wrapper-img) پیش‌فرض `opacity: 0` است  ← پنهان
      · با hover کلاس `--active` اضافه می‌شود ⇒ `opacity: 1` + پردهٔ تیره
      · متن‌ها در hover **سفید** می‌شوند
      · شماره قرمز (#df1f26)
      · تصویر absolute با inset:0 و z-index:-1
      · محتوا در پایین کارت (justify-content: flex-end)
      · box با min-height:400px و justify-content: space-between
   ══════════════════════════════════════════════════════════════════════════ */

/* ── 📦 کارت — مدل مرجع ── */
body.public-page.landing-page .item-second-section {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: calc(var(--u) * 30) !important;
  width: 33.3% !important;
  height: 100% !important;
  padding: calc(var(--u) * 25) calc(var(--u) * 15) calc(var(--u) * 64) !important;
  position: relative !important;
  overflow: hidden !important;      /* پردهٔ تیره و تصویر داخل کادر */
  border-radius: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
}

/* ── 🖼️ تصویر کارت — پیش‌فرض پنهان (مدل مرجع) ── */
body.public-page.landing-page .item-second-section__wrapper-img {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important; left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
  opacity: 0 !important;                    /* 🔴 پنهان به‌صورت پیش‌فرض */
  transition: opacity .5s ease !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.public-page.landing-page .item-second-section__img {
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-radius: 0 !important;
}
/* 🎭 پردهٔ تیره روی تصویر (مرجع: rgba(20,22,35,.5)) */
body.public-page.landing-page .item-second-section__wrapper-img:before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(20, 22, 35, .55) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* ── 🎬 حالت فعال (hover / کلاس) — تصویر ظاهر ── */
body.public-page.landing-page .item-second-section--active .item-second-section__wrapper-img,
body.public-page.landing-page .item-second-section:hover .item-second-section__wrapper-img,
body.public-page.landing-page .item-second-section:focus-visible .item-second-section__wrapper-img {
  opacity: 1 !important;
}

/* ── 📝 محتوا — در پایین کارت، روی تصویر ── */
body.public-page.landing-page .item-second-section__inner {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  max-width: calc(var(--u) * 455) !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  z-index: 2 !important;
  padding: 0 0 0 calc(var(--u) * 10) !important;
  margin: 0 !important;
}
/* 🔴 تصحیح: split قدیمی inner → box/top/btn؛ حالا همه در inner */
body.public-page.landing-page .item-second-section__inner > * {
  position: relative !important;
  z-index: 2 !important;
}

/* ── 🔢 شماره (قرمز) ── */
body.public-page.landing-page .item-second-section__num:not(:has(.lcv[style*="font-family"])),
body.public-page.landing-page .item-second-section__number {
  color: #df1f26 !important;
  margin: 0 0 calc(var(--u) * 4) !important;
  transition: color .5s ease !important;
  font-size: calc(var(--u) * 18) !important;
  line-height: 1.3 !important;
}

/* ── 🏷️ عنوان ── */
body.public-page.landing-page .item-second-section__title {
  display: flex !important;
  align-items: flex-end !important;
  margin: 0 0 calc(var(--u) * 16) !important;
  overflow: hidden !important;
  transition: color .5s ease !important;
  color: rgb(11, 40, 81) !important;
}

/* ── 📄 متن ── */
body.public-page.landing-page .item-second-section__text {
  margin: 0 0 calc(var(--u) * 15) !important;
  transition: color .5s ease !important;
  color: rgb(11, 40, 81) !important;
}

/* ── 🎬 حالت فعال: متن‌ها سفید ── */
body.public-page.landing-page .item-second-section--active .item-second-section__title,
body.public-page.landing-page .item-second-section--active .item-second-section__text,
body.public-page.landing-page .item-second-section--active .item-second-section__num,
body.public-page.landing-page .item-second-section--active .item-second-section__number,
body.public-page.landing-page .item-second-section:hover .item-second-section__title,
body.public-page.landing-page .item-second-section:hover .item-second-section__text,
body.public-page.landing-page .item-second-section:hover .item-second-section__num,
body.public-page.landing-page .item-second-section:hover .item-second-section__number {
  color: #fff !important;
}

/* ── 🔘 دکمه — خوانا روی تصویر ── */
body.public-page.landing-page .item-second-section__btn {
  transition: color .5s ease, background .3s ease, border-color .3s ease !important;
}
body.public-page.landing-page .item-second-section--active .item-second-section__btn,
body.public-page.landing-page .item-second-section:hover .item-second-section__btn {
  background: #df1f26 !important;
  border-color: #df1f26 !important;
  color: #fff !important;
}

/* ── 🏗️ ترتیب: کارت‌ها کنار هم (۳ ستون) ── */
body.public-page.landing-page .second-section {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: calc(var(--u) * 96) 0 0 !important;
}
body.public-page.landing-page .second-section__inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   📱📐 نسخهٔ موبایل/تبلت مرجع — کارت آکاردئونی
   🔬 مرجع در موبایل:
      · border-top: 1px solid #cde2ff · padding: 16px 15px · width: 100%
      · تصویر و شماره حذف (display:none)
      · عنوان 24px · padding-right 45px (جای فلش)
      · فلش در right:0 top:0 (absolute)
      · دکمه حذف · متن margin-bottom:0
   ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  body.public-page.landing-page .second-section,
  body.public-page.landing-page .second-section__inner {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.public-page.landing-page .item-second-section {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
    border-top: 1px solid #cde2ff !important;
    border-bottom: 0 !important;
    padding: 16px 15px !important;
    gap: 0 !important;
    overflow: visible !important;
    cursor: pointer !important;
  }
  body.public-page.landing-page .item-second-section:last-of-type { padding-bottom: 0 !important; }
  /* تصویر و شماره در موبایل حذف — مطابق مرجع */
  body.public-page.landing-page .item-second-section__num,
  body.public-page.landing-page .item-second-section__number,
  body.public-page.landing-page .item-second-section__wrapper-img {
    display: none !important;
  }
  body.public-page.landing-page .item-second-section__inner {
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    position: relative !important;
  }
  body.public-page.landing-page .item-second-section__title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: calc(var(--u) * 24) !important;
    line-height: 1.2 !important;
    margin: 0 0 12px !important;
    padding-right: 45px !important;
    overflow: visible !important;
    position: relative !important;
    color: rgb(11, 40, 81) !important;
  }
  body.public-page.landing-page .item-second-section__text {
    margin: 0 !important;
    color: rgb(11, 40, 81) !important;
  }
  body.public-page.landing-page .item-second-section__btn { display: none !important; }
  /* 🎬 در موبایل بدون تصویر ⇒ رنگ‌ها نباید سفید شوند */
  body.public-page.landing-page .item-second-section--active .item-second-section__title,
  body.public-page.landing-page .item-second-section--active .item-second-section__text,
  body.public-page.landing-page .item-second-section:hover .item-second-section__title,
  body.public-page.landing-page .item-second-section:hover .item-second-section__text {
    color: rgb(11, 40, 81) !important;
  }
  /* فلش آکاردئون */
  body.public-page.landing-page .item-second-section__arrow {
    display: flex !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 30px !important;
    height: 30px !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgb(11, 40, 81) !important;
    transition: transform .3s ease, color .3s ease !important;
  }
  body.public-page.landing-page .item-second-section--open .item-second-section__arrow {
    transform: rotate(180deg) !important;
    color: #df1f26 !important;
  }
  /* پنل آکاردئون در موبایل */
  body.public-page.landing-page .item-second-section .item-second-section__panel {
    max-height: 0 !important;
    overflow: hidden !important;
    transition: max-height .35s ease !important;
  }
  body.public-page.landing-page .item-second-section--open .item-second-section__panel {
    max-height: 400px !important;
  }
}

/* 🔧 رفع: فلش آکاردئون در دسکتاپ/تبلت پنهان باشد (فقط موبایل < 720px) */
body.public-page.landing-page .item-second-section__arrow {
  display: none !important;
}
@media (max-width: 720px) {
  body.public-page.landing-page .item-second-section__arrow {
    display: flex !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 30px !important;
    height: 30px !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgb(11, 40, 81) !important;
  }
  body.public-page.landing-page .item-second-section--open .item-second-section__arrow {
    transform: rotate(180deg) !important;
    color: #df1f26 !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   🎯🔧 تصحیح breakpoint — مطابق مرجع
   🔬 مرجع: فقط `@media (max-width: 767px)` ⇒ موبایل آکاردئونی
      تبلت (۷۶۸+) = **دسکتاپ** (۳ ستون با hover)  ← ما اشتباهاً ۱۰۲۴ گذاشته بودیم
      ⇒ در تبلت ۷۶۸ کارت‌ها ۴۴۶px از x=۳۲۲ ⇒ سرریز
   ✅ رفع: breakpoint = 767px (دقیقاً مرجع)
   ══════════════════════════════════════════════════════════════════════════ */

/* 🖥️ تبلت (۷۶۸–۱۰۲۴) — مثل دسکتاپ: ۳ ستون + hover + تصویر */
@media (min-width: 768px) {
  body.public-page.landing-page .second-section,
  body.public-page.landing-page .second-section__inner {
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.public-page.landing-page .item-second-section {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 33.33% !important;
    max-width: none !important;
    height: auto !important;
    min-height: calc(var(--u) * 700) !important;
    border-top: 0 !important;
    padding: calc(var(--u) * 25) calc(var(--u) * 15) calc(var(--u) * 64) !important;
    overflow: hidden !important;
    cursor: pointer !important;
  }
  body.public-page.landing-page .item-second-section__wrapper-img {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    z-index: 0 !important;
    transition: opacity .5s ease !important;
  }
  body.public-page.landing-page .item-second-section__number {
    display: block !important;
    color: #df1f26 !important;
  }
  body.public-page.landing-page .item-second-section__inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    max-width: calc(var(--u) * 455) !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 0 0 calc(var(--u) * 10) !important;
    position: relative !important;
    z-index: 2 !important;
  }
  body.public-page.landing-page .item-second-section__title {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    padding-right: 0 !important;
    overflow: hidden !important;
    color: rgb(11, 40, 81) !important;
  }
  body.public-page.landing-page .item-second-section__text {
    margin: 0 0 calc(var(--u) * 15) !important;
    color: rgb(11, 40, 81) !important;
  }
  body.public-page.landing-page .item-second-section__btn { display: inline-flex !important; }
  body.public-page.landing-page .item-second-section__arrow { display: none !important; }
}

/* 📱 موبایل (< 768) — آکاردئونی مطابق مرجع */
@media (max-width: 767px) {
  body.public-page.landing-page .second-section,
  body.public-page.landing-page .second-section__inner {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.public-page.landing-page .item-second-section {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    border-top: 1px solid #cde2ff !important;
    border-bottom: 0 !important;
    padding: 16px 15px !important;
    gap: 0 !important;
    overflow: visible !important;
    cursor: pointer !important;
  }
  body.public-page.landing-page .item-second-section:last-of-type { padding-bottom: 0 !important; }
  body.public-page.landing-page .item-second-section__number,
  body.public-page.landing-page .item-second-section__wrapper-img { display: none !important; }
  body.public-page.landing-page .item-second-section__inner {
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    position: relative !important;
  }
  body.public-page.landing-page .item-second-section__title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    margin: 0 0 12px !important;
    padding-right: 45px !important;
    overflow: visible !important;
    position: relative !important;
    color: rgb(11, 40, 81) !important;
  }
  body.public-page.landing-page .item-second-section__text {
    margin: 0 !important;
    color: rgb(11, 40, 81) !important;
  }
  body.public-page.landing-page .item-second-section__btn { display: none !important; }
  body.public-page.landing-page .item-second-section__arrow {
    display: flex !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 30px !important;
    height: 30px !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgb(11, 40, 81) !important;
  }
  body.public-page.landing-page .item-second-section--open .item-second-section__arrow {
    transform: rotate(180deg) !important;
    color: #df1f26 !important;
  }
  /* بدون تصویر در موبایل ⇒ رنگ‌ها نباید سفید شوند */
  body.public-page.landing-page .item-second-section--active .item-second-section__title,
  body.public-page.landing-page .item-second-section--active .item-second-section__text,
  body.public-page.landing-page .item-second-section:hover .item-second-section__title,
  body.public-page.landing-page .item-second-section:hover .item-second-section__text {
    color: rgb(11, 40, 81) !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   🔧 رفع ترتیب کارت‌ها در تبلت/دسکتاپ — specificity بالاتر
   🔬 مشکل: قاعدهٔ عمومی `.item-second-section { flex-direction: column }`
      (از بلوک‌های قبلی) برنده می‌شد ⇒ کارت‌ها روی هم می‌افتادند
   ✅ رفع: specificity بالاتر با تکرار کلاس
   ══════════════════════════════════════════════════════════════════════════ */
@media (min-width: 768px) {
  body.public-page.landing-page .item-second-section.item-second-section,
  body.public-page.landing-page .item-second-section.item-second-section.item-second-section {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 33.33% !important;
    max-width: 33.33% !important;
    min-width: 0 !important;
    flex: 0 0 33.33% !important;
    height: auto !important;
    min-height: calc(var(--u) * 700) !important;
    border-top: 0 !important;
    padding: calc(var(--u) * 25) calc(var(--u) * 15) calc(var(--u) * 64) !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
  }
  /* 📦 ظرف — ۳ ستون کنار هم */
  body.public-page.landing-page .second-section .second-section__inner,
  body.public-page.landing-page .second-section__inner.second-section__inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  body.public-page.landing-page .second-section.second-section {
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: center !important;
    padding: calc(var(--u) * 96) 0 0 !important;
    gap: 0 !important;
  }
  /* 📝 inner کارت */
  body.public-page.landing-page .item-second-section .item-second-section__inner,
  body.public-page.landing-page .item-second-section__inner.item-second-section__inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    max-width: 100% !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 0 0 calc(var(--u) * 10) !important;
    position: relative !important;
    z-index: 2 !important;
  }
  /* 🎬 hover تأیید */
  body.public-page.landing-page .item-second-section.item-second-section:hover .item-second-section__wrapper-img,
  body.public-page.landing-page .item-second-section.item-second-section.item-second-section--active .item-second-section__wrapper-img {
    opacity: 1 !important;
  }
  body.public-page.landing-page .item-second-section.item-second-section:hover .item-second-section__title,
  body.public-page.landing-page .item-second-section.item-second-section:hover .item-second-section__text,
  body.public-page.landing-page .item-second-section.item-second-section:hover .item-second-section__number,
  body.public-page.landing-page .item-second-section.item-second-section.item-second-section--active .item-second-section__title,
  body.public-page.landing-page .item-second-section.item-second-section.item-second-section--active .item-second-section__text,
  body.public-page.landing-page .item-second-section.item-second-section.item-second-section--active .item-second-section__number {
    color: #fff !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   🔧🎯 رفع قطعی: حذف انیمیشن تکراری روی track
   🖐️ «این نوار نباید تهش خالی باشه»

   🔬 ریشهٔ شکاف (اندازه‌گیری‌شده):
      · track: animation = **ldTickLTR**  ← از بلوک قدیمی! (باقی‌مانده)
      · group: animation = ldGrpRtl2     ← جدید (درست)
      ⇒ **دو انیمیشن همزمان** ⇒ جابجایی دو برابر
      ⇒ گروه‌ها: g0=-26782..-12678 · g1=-12678..1425
      ⇒ پوشش viewport از ۹۰٪ به ۴۰٪ در چرخه افت می‌کرد

   ✅ رفع: انیمیشن track با specificity بالا **قطع** شود
      فقط گروه‌ها انیمیت شوند (یک انیمیشن)
   ══════════════════════════════════════════════════════════════════════════ */

/* 🚫 قطع قطعی انیمیشن/ترنسفورم روی track (تکرار کلاس برای specificity) */
body.public-page.landing-page .listi.listi,
body.public-page.landing-page .listi.listi.listi {
  animation: none !important;
  transform: none !important;
  direction: ltr !important;         /* 🧊 خنثی — ماشین‌حساب سالم */
  flex-direction: row !important;    /* ترتیب طبیعی · انیمیشن RTL را انجام می‌دهد */
  justify-content: flex-start !important;
  width: max-content !important;
  will-change: auto !important;
}

/* گروه‌ها — تک انیمیشن، ترتیب بصری راست→چپ */
body.public-page.landing-page .listi.listi .listi__group,
body.public-page.landing-page .listi.listi.listi .listi__group {
  direction: ltr !important;
  flex-direction: row !important;
  flex: 0 0 auto !important;
  width: max-content !important;
}
body.public-page.landing-page .listi.listi.is-live .listi__group {
  animation: ldGrpRtl2 var(--tick-dur, 110s) linear infinite !important;
  will-change: transform !important;
}

/* 🎯 ترتیب بصری راست→چپ: انیمیشن از ۰ به -۱۰۰٪ میرود
   ⇒ محتوا از راست وارد میشود (بصری RTL) */
@keyframes ldGrpRtl2 {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-100%, 0, 0); }
}

/* ══════════════════════════════════════════════════════════════════════════
   🥋🎯 موتور مارکی JS — بدون شکاف · کشیدن با موس
   🖐️ «نوار نباید تهش خالی باشه ... با موس چپ و راست حرکتش بدم»

   🔬 ریشهٔ شکاف: والد (`intro__sports`) با flex **وسط‌چین** می‌کرد
      ⇒ left = (1440 - 28207)/2 = -13383px ⇒ محتوا از راست خارج ⇒ شکاف
   ✅ رفع: والد `justify-content: flex-start` + ترنسفورم مدیریت‌شده با JS
      · pos با modulo در [-W, 0) ⇒ تیل پیوستهٔ بینهایت
      · pointer events برای کشیدن
   ══════════════════════════════════════════════════════════════════════════ */

/* 📦 والد — شروع از چپ (رفع ریشهٔ شکاف) */
body.public-page.landing-page .intro__sports {
  display: block !important;          /* flex وسط‌چین حذف شد */
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
  direction: ltr !important;
}

/* 📦 track — بدون انیمیشن · JS ترنسفورم می‌دهد */
body.public-page.landing-page .listi.listi,
body.public-page.landing-page .listi.listi.listi {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0 !important;
  direction: ltr !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  transform: translateY(-50%) !important;   /* فقط عمودی — افقی با JS */
  animation: none !important;
  width: max-content !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: grab !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: pan-y !important;
}
body.public-page.landing-page .listi.listi.is-dragging { cursor: grabbing !important; }

/* 👥 گروه‌ها — بدون انیمیشن CSS (JS جای‌گذاری می‌کند) */
body.public-page.landing-page .listi.listi .listi__group,
body.public-page.landing-page .listi.listi.listi .listi__group {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0 !important;
  direction: ltr !important;
  flex: 0 0 auto !important;
  width: max-content !important;
  min-width: max-content !important;
  animation: none !important;      /* ✅ JS مدیریت می‌کند */
  will-change: transform !important;
}

/* 🖱️ آیتم‌ها قابل کلیک (پنجرهٔ اطلاعات) */
body.public-page.landing-page .listi.listi .listi__item {
  pointer-events: auto !important;
  cursor: pointer !important;
}
body.public-page.landing-page .listi.listi.is-dragging .listi__item { cursor: grabbing !important; }

/* ⏹️ توقف خودکار هنگام کشیدن از کلاس is-dragging (کنترل JS) */

/* ══════════════════════════════════════════════════════════════════════════
   🔧🎯 رفع قطعی مبنا — گروه‌ها باید آفست یکسان داشته باشند
   🔬 اندازه‌گیری: گروه۱ translate(-13903.9) · گروه۲ translate(+199.5)
      ⇒ آفست مبنا متفاوت ⇒ فاصلهٔ بین‌شان ۲۸۲۰۶ (۲×W) بجای W
      ⇒ شکاف بزرگ
   🔬 علت: با `track { position:absolute; left:0 }` گروه دوم نسبت به
      **انتهای** گروه اول قرار می‌گیرد (flow)، و ترنسفورم نسبی است
   ✅ رفع: هر گروه `position:absolute; left:0; top:0` مستقل
      ⇒ مبنای هر دو یکسان (x=0) ⇒ ترنسفورم مطلق کار می‌کند
   ══════════════════════════════════════════════════════════════════════════ */
body.public-page.landing-page .listi.listi .listi__group,
body.public-page.landing-page .listi.listi.listi .listi__group {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* track — ظرف مطلق با ارتفاع صریح */
body.public-page.landing-page .listi.listi,
body.public-page.landing-page .listi.listi.listi {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  height: auto !important;
  transform: translateY(-50%) !important;
}
/* والد — ارتفاع صریح (چون فرزندان absolute هستند) */
body.public-page.landing-page .intro__sports {
  height: calc(var(--u) * 204) !important;
  min-height: calc(var(--u) * 110) !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   🥋📝 نام‌های بلند رشته‌ها — دو خط، وسط‌چین
   🖐️ «یک سری از رشته ها اسم شون طولانی اون رو دو خط کنه وسط چین»

   🔬 اندازه‌گیری: ۱۶ رشته با نام ۲۲–۴۰ حرف
      بلندترین: «سوپر كیک بوكسینگ و فول كنتاكت بین المللی» (۴۰)
                «سلاح‌های سرد و هنرهای فردی و دفاع ازخود» (۳۹)
   ✅ راه‌حل: 
      · white-space: normal (اجازهٔ شکست)
      · max-width محدود ⇒ متن مجبور به دو خط می‌شود
      · text-align: center (وسط‌چین)
      · line-height کم برای جمع‌وجور بودن
      · ارتفاع آیتم افزایش می‌یابد (۴ خط ممکن برای بلندترین)
   ══════════════════════════════════════════════════════════════════════════ */

/* 📝 نام رشته — چند خطی، وسط‌چین (به‌جای nowrap + ellipsis) */
body.public-page.landing-page .listi__item span,
body.public-page.landing-page .listi.listi .listi__item span,
body.public-page.landing-page .listi.listi.listi .listi__item span {
  display: block !important;
  white-space: normal !important;        /* 🔓 اجازهٔ شکست خط */
  overflow: visible !important;
  text-overflow: clip !important;
  text-align: center !important;         /* وسط‌چین */
  line-height: 1.25 !important;          /* فشرده */
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
  max-width: calc(var(--u) * 92) !important;   /* 🔒 محدود ⇒ شکست */
  margin: 0 auto !important;
  color: var(--navy, #0b2851) !important;
}

/* 📏 آیتم — ارتفاع برای ۲-۳ خط نام */
body.public-page.landing-page .listi__item,
body.public-page.landing-page .listi.listi .listi__item,
body.public-page.landing-page .listi.listi.listi .listi__item {
  min-width: calc(var(--u) * 96) !important;
  height: calc(var(--u) * 108) !important;
  justify-content: center !important;
  align-items: center !important;
  gap: calc(var(--u) * 5) !important;
  padding: 0 calc(var(--u) * 6) !important;
}
/* تصویر کمی کوچک‌تر تا جا برای نام بماند */
body.public-page.landing-page .listi__item img,
body.public-page.landing-page .listi__item svg {
  width: calc(var(--u) * 44) !important;
  height: calc(var(--u) * 44) !important;
  flex: 0 0 auto !important;
}
/* ظرف تیکر — ارتفاع بیشتر */
body.public-page.landing-page .intro__sports {
  height: calc(var(--u) * 224) !important;
}

/* 📱 موبایل — نام ۲ خط، فونت کوچک‌تر */
@media (max-width: 767px) {
  body.public-page.landing-page .listi__item { min-width: 86px !important; height: 96px !important; padding: 0 5px !important; }
  body.public-page.landing-page .listi__item img,
  body.public-page.landing-page .listi__item svg { width: 40px !important; height: 40px !important; }
  body.public-page.landing-page .listi__item span {
    font-size: 9.5px !important;
    line-height: 1.22 !important;
    max-width: 84px !important;
  }
  body.public-page.landing-page .intro__sports { height: 118px !important; }
}

/* ══════════════════════════════════════════════════════════════════════════
   📱🔧 رفع موبایل هیرو — فاصلهٔ دکمه‌ها تا نوار + خوانایی نام‌ها
   🖐️ «تو گوشی اسم هاشون دیده نمیشه — بین دکمه ورود به سامانه و اون نوار
       فاصله زیاده — یه مقدار نوار ورزشی رو بیار بالاتر»

   🔬 اندازه‌گیری موبایل ۳۹۰:
      · دکمه‌ها:       top ۳۱۲ .. bottom ۴۰۸
      · نوار رشته‌ها:  top ۵۴۹ .. bottom ۶۶۷   (فاصله = ۱۴۱px 🔴)
      · ریشه: بخش home { justify-content: space-between }
        ⇒ محتوا بالا می‌چسبد، نوار پایین ⇒ ۱۴۱px فضای خالی
      · نام رشته: font-size 9.5px · ارتفاع ۱۲px ⇒ خیلی کوچک/نامرئی
   ✅ رفع:
      ۱) بخش home: justify-content: flex-start + فاصلهٔ صریح نوار
      ۲) نام‌ها: فونت ۱۱px · ارتفاع کافی · وزن ۵۰۰ برای خوانایی
   ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
  /* 🎯 بخش هیرو — بدون space-between (رفع فاصلهٔ ۱۴۱px) */
  body.public-page.landing-page #home,
  body.public-page.landing-page .intro.landing-slide,
  body.public-page.landing-page .intro {
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding-top: 18px !important;
    padding-bottom: 14px !important;
  }
  /* محتوا — بدون فضای اضافه */
  body.public-page.landing-page .intro__content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  /* 🎯 نوار — فاصلهٔ کم و مشخص از دکمه‌ها */
  body.public-page.landing-page .intro__sports {
    margin-top: 14px !important;
    margin-bottom: 0 !important;
    height: 104px !important;
    flex: 0 0 auto !important;
  }
  /* دکمه‌ها — کمی جمع‌تر */
  body.public-page.landing-page .intro__links { margin-bottom: 0 !important; gap: 8px !important; }

  /* 📝 نام رشته‌ها — خوانا (قبلاً ۹.۵px نامرئی بود) */
  body.public-page.landing-page .listi__item span,
  body.public-page.landing-page .listi.listi .listi__item span {
    font-size: 11px !important;
    line-height: 1.22 !important;
    font-weight: 500 !important;
    max-width: 82px !important;
    color: rgb(11, 40, 81) !important;
  }
  body.public-page.landing-page .listi__item {
    min-width: 88px !important;
    height: 100px !important;
    padding: 0 5px !important;
    gap: 4px !important;
  }
  body.public-page.landing-page .listi__item img,
  body.public-page.landing-page .listi__item svg {
    width: 42px !important;
    height: 42px !important;
  }
}

/* 📱 موبایل کوچک */
@media (max-width: 420px) {
  body.public-page.landing-page .intro__sports { margin-top: 12px !important; height: 100px !important; }
  body.public-page.landing-page .listi__item { min-width: 82px !important; height: 96px !important; }
  body.public-page.landing-page .listi__item span { font-size: 10.5px !important; max-width: 76px !important; }
  body.public-page.landing-page .listi__item img,
  body.public-page.landing-page .listi__item svg { width: 40px !important; height: 40px !important; }
}

/* 📱 تبلت — فاصلهٔ متناسب */
@media (min-width: 768px) and (max-width: 1024px) {
  body.public-page.landing-page .intro__sports { margin-top: 16px !important; }
}

/* 🔧 رفع: ارتفاع آیتم ۷۸px > نوار ۱۰۰px ولی مرکز جابجا
   🔬 آیتم b=۵۵۲ · نوار b=۵۲۴ ⇒ ۲۸px بیرون
   ✅ آیتم و نوار هم‌مرکز شوند */
@media (max-width: 767px) {
  body.public-page.landing-page .intro__sports {
    height: 108px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
  /* track مطلق — مرکز عمودی دقیق */
  body.public-page.landing-page .listi.listi,
  body.public-page.landing-page .listi.listi.listi {
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  body.public-page.landing-page .listi__item {
    height: 88px !important;
    justify-content: center !important;
    gap: 5px !important;
  }
  body.public-page.landing-page .listi__item img,
  body.public-page.landing-page .listi__item svg {
    width: 40px !important; height: 40px !important;
  }
}

/* 🔧 رفع نهایی: آیتم ۷۸px داخل نوار ۱۰۸px — مرکز دقیق
   🔬 آیتم b=۵۵۶ · نوار b=۵۳۲ ⇒ ۲۴px بیرون
   ✅ نوار overflow:hidden (قیچی امن) + آیتم کوچک‌تر */
@media (max-width: 767px) {
  body.public-page.landing-page .intro__sports {
    height: 104px !important;
    overflow: hidden !important;
    position: relative !important;
    padding: 0 !important;
  }
  body.public-page.landing-page .listi__item {
    height: 80px !important;
    padding: 0 5px !important;
    gap: 4px !important;
    justify-content: center !important;
  }
  body.public-page.landing-page .listi.listi .listi__item img,
  body.public-page.landing-page .listi.listi.listi .listi__item img,
  body.public-page.landing-page .listi__item svg {
    width: 36px !important; height: 36px !important;
  }
  body.public-page.landing-page .listi__item span {
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    max-width: 78px !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   🔧🎯 رفع نهایی مرکز عمودی — track ارتفاع صفر داشت
   🔬 اندازه‌گیری موبایل:
      track: {t:476, b:476, h:0}   ← 🔴 ارتفاع صفر!
             top: 52px · transform: translateY(0)
      group: {t:476, b:554, h:78}  ← گروه از top:0 شروع
      ⇒ چون track ارتفاعِ صفر دارد، `top:50%` = ۵۲px (نصف نوار ۱۰۴)
        و `translateY(-50%)` روی ارتفاع صفر = ۰ ⇒ track در ۵۲px
      ⇒ گروه (ارتفاع ۷۸) از ۵۲ تا ۱۳۰ میرود ⇒ ۲۶px از نوار (۱۰۴) بیرون

   ✅ رفع: track ارتفاع صریح بگیرد، یا از top:50% + translateY استفاده نشود.
      راه ساده: track `top: 0; bottom: 0; height: 100%` + گروه
      با `top: 50%; transform: translate(...) translateY(-50%)`
   ══════════════════════════════════════════════════════════════════════════ */
body.public-page.landing-page .listi.listi,
body.public-page.landing-page .listi.listi.listi {
  top: 0 !important;
  bottom: 0 !important;
  height: 100% !important;
  transform: none !important;        /* ترنسفورم عمودی روی گروه‌ها */
  align-items: center !important;
}
body.public-page.landing-page .listi.listi .listi__group,
body.public-page.landing-page .listi.listi.listi .listi__group {
  top: 50% !important;
  /* 🎯 ترنسفورم عمودی در JS با translateY روی translate3d ترکیب می‌شود */
}
/* گروه — ارتفاع کامل و مرکز عمودی */
body.public-page.landing-page .listi__group {
  height: 100% !important;
  align-items: center !important;
}
/* آیتم — ارتفاع مناسب نوار */
body.public-page.landing-page .listi__item {
  height: 100% !important;
  max-height: calc(var(--u) * 96) !important;
  justify-content: center !important;
}
@media (max-width: 767px) {
  body.public-page.landing-page .listi__item { max-height: 84px !important; }
}

/* ══════════════════════════════════════════════════════════════════════════
   🎯🥋 تراز لوگوها در یک خط
   🖐️ «لوگو های رشته ورزشی همه تو یه خط تراز باشن»

   🔬 اندازه‌گیری (مشکل):
      🖥️ دسکتاپ: imgTop در ۳ ردیف
      📱 تبلت:   imgTop ۴۸۳..۵۰۰ (۳ ردیف · ۱۷px اختلاف)
      📱 موبایل: imgTop ۳۷۵..۳۹۵ (۴ ردیف · ۲۰px اختلاف)

   🔬 ریشه: نام‌های چندخطی (۲-۴ خط) ارتفاع محتوا را زیاد می‌کنند،
      و چون آیتم `justify-content: center` است ⇒ تصویر به بالا رانده
      می‌شود (برای نام‌های بلند، تصویر بالاتر می‌رود)

   ✅ رفع — دو تغییر:
      ۱) تصویر با `flex: 0 0 auto` و آیتم با `justify-content: flex-start`
         ⇒ تصویر همیشه در بالای آیتم، در موقعیت ثابت
      ۲) نام با `flex: 1 1 auto` و `align-items: flex-start`
         ⇒ نام فضای باقیمانده را می‌گیرد، تصویر جابجا نمی‌شود
      ۳) ارتفاع آیتم ثابت (همه یکسان) ⇒ پایهٔ تراز یکسان
   ══════════════════════════════════════════════════════════════════════════ */

/* 🖼️ تصویر — همیشه بالای آیتم، موقعیت ثابت (مستقل از طول نام) */
body.public-page.landing-page .listi__item,
body.public-page.landing-page .listi.listi .listi__item,
body.public-page.landing-page .listi.listi.listi .listi__item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;   /* 🎯 تصویر بالای آیتم */
  height: calc(var(--u) * 108) !important;
  min-height: calc(var(--u) * 108) !important;
  max-height: none !important;
  padding: calc(var(--u) * 6) calc(var(--u) * 6) 0 !important;
  gap: calc(var(--u) * 5) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
body.public-page.landing-page .listi__item img,
body.public-page.landing-page .listi__item svg {
  width: calc(var(--u) * 46) !important;
  height: calc(var(--u) * 46) !important;
  min-width: calc(var(--u) * 46) !important;
  min-height: calc(var(--u) * 46) !important;
  flex: 0 0 auto !important;                 /* 🎯 هرگز فشرده/جابجا نشود */
  display: block !important;
  object-fit: contain !important;
  margin: 0 !important;
  align-self: center !important;
}
/* 📝 نام — فضای باقیمانده، از بالا (تصویر را جابجا نمی‌کند) */
body.public-page.landing-page .listi__item span {
  flex: 0 0 auto !important;
  margin: 0 auto !important;
  align-self: center !important;
  text-align: center !important;
}

/* 📱 موبایل — همان قاعده با اندازه‌های کوچک‌تر */
@media (max-width: 767px) {
  body.public-page.landing-page .listi__item {
    height: 88px !important;
    min-height: 88px !important;
    padding: 5px 5px 0 !important;
    gap: 4px !important;
  }
  body.public-page.landing-page .listi__item img,
  body.public-page.landing-page .listi__item svg {
    width: 40px !important; height: 40px !important;
    min-width: 40px !important; min-height: 40px !important;
  }
}
@media (max-width: 420px) {
  body.public-page.landing-page .listi__item {
    height: 84px !important; min-height: 84px !important;
    padding: 4px 4px 0 !important;
  }
  body.public-page.landing-page .listi__item img,
  body.public-page.landing-page .listi__item svg {
    width: 38px !important; height: 38px !important;
    min-width: 38px !important; min-height: 38px !important;
  }
}
/* 📱 تبلت */
@media (min-width: 768px) and (max-width: 1024px) {
  body.public-page.landing-page .listi__item {
    height: calc(var(--u) * 100) !important;
    min-height: calc(var(--u) * 100) !important;
  }
  body.public-page.landing-page .listi__item img,
  body.public-page.landing-page .listi__item svg {
    width: calc(var(--u) * 44) !important; height: calc(var(--u) * 44) !important;
    min-width: calc(var(--u) * 44) !important; min-height: calc(var(--u) * 44) !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   🔧📱 رفع کلیپ‌شدن خط چهارم نام رشته (موبایل)
   🖐️ «اونی که دورش خط کشیدم چهار خطه اس ولی خط چهارم نمایش داده نمیشه»

   🔬 اندازه‌گیری موبایل ۳۹۰:
      آیتم: height = ۷۸px
      بلندترین نام: «جوجیتسو برزیلی BJJ و کوبودو (کوبودو)»
         خطوط: ۴ · lh=۱۳.۷۵ · spanH=۵۵px
         تصویر: ۴۰px + gap ۴px
         ⇒ مجموع لازم = ۵۵ + ۴ + ۴۰ + padding ۵ = ۱۰۴px
         ⇒ آیتم ۷۸px ⇒ **۲۶px کمبود** ⇒ خط چهارم بریده
      span.bot=۴۸۴ · item.bot=۴۶۱ ⇒ سرریز ۲۳px 🔴

   ✅ رفع: ارتفاع آیتم بر پایهٔ محتوا (نه ثابت ۷۸px)
      · min-height برای تراز لوگوها (۱۰۸px دسکتاپ / موبایل بیشتر)
      · height: auto (اجازهٔ رشد)
   ══════════════════════════════════════════════════════════════════════════ */

/* 🎯 آیتم — ارتفاع خودکار با کفِ ثابت (تراز + بدون برش) */
body.public-page.landing-page .listi__item,
body.public-page.landing-page .listi.listi .listi__item,
body.public-page.landing-page .listi.listi.listi .listi__item {
  height: auto !important;
  min-height: calc(var(--u) * 118) !important;   /* کف — برای تراز لوگوها */
  max-height: none !important;
  padding-bottom: calc(var(--u) * 6) !important; /* جا برای خط آخر */
  overflow: visible !important;
}

/* 📱 موبایل — کف بالاتر (چون نام‌ها ۴ خط می‌شوند) */
@media (max-width: 767px) {
  body.public-page.landing-page .listi__item {
    height: auto !important;
    min-height: 118px !important;
    padding-bottom: 8px !important;
    overflow: visible !important;
  }
  body.public-page.landing-page .intro__sports {
    height: 136px !important;      /* ظرف بلندتر */
  }
}
@media (max-width: 420px) {
  body.public-page.landing-page .listi__item { min-height: 114px !important; }
  body.public-page.landing-page .intro__sports { height: 132px !important; }
}

/* 📱 تبلت */
@media (min-width: 768px) and (max-width: 1024px) {
  body.public-page.landing-page .listi__item { min-height: calc(var(--u) * 112) !important; }
  body.public-page.landing-page .intro__sports { height: calc(var(--u) * 240) !important; }
}

/* 🖥️ دسکتاپ */
@media (min-width: 1025px) {
  body.public-page.landing-page .listi__item { min-height: calc(var(--u) * 118) !important; }
  body.public-page.landing-page .intro__sports { height: calc(var(--u) * 236) !important; }
}

/* 🛡️ نام — بدون برش */
body.public-page.landing-page .listi__item span {
  overflow: visible !important;
  max-height: none !important;
  -webkit-line-clamp: none !important;
  line-clamp: none !important;
  padding: 0 2px !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   🎯🔧 تراز + بدون برش — راه‌حل نهایی
   🔬 مشکل: با height:auto، آیتم‌های با نام بلند بلندتر می‌شوند
      ⇒ تصاویر (که در جریان عادی هستند) جابجا می‌شوند ⇒ ۳ ردیف
   ✅ راه‌حل: تصویر **absolute** با `top` ثابت ⇒ تراز مستقل از ارتفاع
      نام در جریان عادی، با padding-top به‌اندازهٔ تصویر
   ══════════════════════════════════════════════════════════════════════════ */

/* 📐 اندازه‌های پایه */
body.public-page.landing-page .listi__item {
  position: relative !important;
  padding-top: calc(var(--u) * 54) !important;   /* جای تصویر absolute */
  padding-bottom: calc(var(--u) * 6) !important;
  height: auto !important;
  min-height: calc(var(--u) * 116) !important;
  overflow: visible !important;
}
/* 🖼️ تصویر — absolute در بالای آیتم ⇒ تراز کامل */
body.public-page.landing-page .listi__item img,
body.public-page.landing-page .listi__item svg,
body.public-page.landing-page .listi.listi .listi__item img,
body.public-page.landing-page .listi.listi.listi .listi__item img {
  position: absolute !important;
  top: calc(var(--u) * 6) !important;            /* 🔒 ثابت برای همه */
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: calc(var(--u) * 46) !important;
  height: calc(var(--u) * 46) !important;
  margin: 0 !important;
  flex: none !important;
  display: block !important;
  object-fit: contain !important;
}
/* 📝 نام — در جریان عادی، زیر تصویر */
body.public-page.landing-page .listi__item span {
  display: block !important;
  margin: 0 auto !important;
  flex: none !important;
  overflow: visible !important;
  max-height: none !important;
  -webkit-line-clamp: none !important;
  line-clamp: none !important;
}

/* 📱 موبایل */
@media (max-width: 767px) {
  body.public-page.landing-page .listi__item {
    padding-top: 50px !important;
    padding-bottom: 6px !important;
    min-height: 112px !important;
  }
  body.public-page.landing-page .listi__item img,
  body.public-page.landing-page .listi__item svg {
    top: 5px !important;
    width: 40px !important; height: 40px !important;
  }
  body.public-page.landing-page .intro__sports { height: 136px !important; }
}
@media (max-width: 420px) {
  body.public-page.landing-page .listi__item {
    padding-top: 48px !important;
    min-height: 108px !important;
  }
  body.public-page.landing-page .listi__item img,
  body.public-page.landing-page .listi__item svg {
    top: 4px !important;
    width: 38px !important; height: 38px !important;
  }
  body.public-page.landing-page .intro__sports { height: 130px !important; }
}
/* 📱 تبلت */
@media (min-width: 768px) and (max-width: 1024px) {
  body.public-page.landing-page .listi__item { padding-top: 52px !important; min-height: 112px !important; }
  body.public-page.landing-page .listi__item img,
  body.public-page.landing-page .listi__item svg { top: 6px !important;
    width: 44px !important; height: 44px !important; }
  body.public-page.landing-page .intro__sports { height: 240px !important; }
}

/* ══════════════════════════════════════════════════════════════════════════
   🔧🚨 رفع خرابی — همپوشانی تصویر/نام + groupTop
   🖐️ «همه چی بهم خورده که» 🤔

   🔬 اندازه‌گیری (خرابی):
      groupTop = 118px       ← 🔴 باید 0 باشد (CSS قدیمی top:50% ماند)
      groupH   = 236px       ← گروه ارتفاع کامل نوار (نه محتوا)
      itemPT   = 6px         ← 🔴 باید 54px باشد (جای تصویر)!
      img.t=397 · span.t=397 ← 🔴 تصویر و نام **همپوشانی** دارند

   🔬 ریشه: قواعد متناقض در چند بلوک
      · یک بلوک: .listi__item { padding-top: calc(var(--u)*54) }
      · بلوک بعدی: .listi__item { padding: calc(var(--u)*6) ... }  ← برنده
      · یک بلوک: .listi__group { top: 50% }
      · بلوک بعدی: .listi__group { top: 0 }
      ⇒ آخرین‌ها با specificity بالاتر برنده شدند ولی ناهماهنگ

   ✅ رفع قطعی — یک بلوک جامع با specificity حداکثری (تکرار ۳بارهٔ کلاس)
   ══════════════════════════════════════════════════════════════════════════ */

/* ✅ قاعدهٔ نهایی — specificity (0,5,0) + !important */
body.public-page.landing-page .listi .listi__item,
body.public-page.landing-page .listi.listi .listi__item,
body.public-page.landing-page .listi.listi.listi .listi__item {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: calc(var(--u) * 56) calc(var(--u) * 6) calc(var(--u) * 8) !important;  /* 🎯 top=56 */
  gap: 0 !important;
  height: auto !important;
  min-height: calc(var(--u) * 124) !important;
  max-height: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
/* 🖼️ تصویر — absolute · top ثابت ⇒ تراز کامل */
body.public-page.landing-page .listi .listi__item > img,
body.public-page.landing-page .listi.listi .listi__item > img,
body.public-page.landing-page .listi.listi.listi .listi__item > img,
body.public-page.landing-page .listi .listi__item > svg {
  position: absolute !important;
  top: calc(var(--u) * 6) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: calc(var(--u) * 44) !important;
  height: calc(var(--u) * 44) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  flex: none !important;
  display: block !important;
  object-fit: contain !important;
}
/* 📝 نام — زیر تصویر (بعد از padding-top) */
body.public-page.landing-page .listi .listi__item > span,
body.public-page.landing-page .listi.listi .listi__item > span,
body.public-page.landing-page .listi.listi.listi .listi__item > span {
  display: block !important;
  position: static !important;
  margin: 0 auto !important;
  padding: 0 !important;
  flex: none !important;
  overflow: visible !important;
  max-height: none !important;
  -webkit-line-clamp: none !important;
  line-clamp: none !important;
  text-align: center !important;
  white-space: normal !important;
}

/* 📦 گروه — بدون top اضافه (ترنسفورم JS مدیریت می‌کند) */
body.public-page.landing-page .listi .listi__group,
body.public-page.landing-page .listi.listi .listi__group,
body.public-page.landing-page .listi.listi.listi .listi__group {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
  animation: none !important;
}
/* 📦 track — ارتفاع کامل، ترنسفورم از JS */
body.public-page.landing-page .listi.listi,
body.public-page.landing-page .listi.listi.listi {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  transform: none !important;
  animation: none !important;
}

/* 📱 موبایل */
@media (max-width: 767px) {
  body.public-page.landing-page .listi .listi__item,
  body.public-page.landing-page .listi.listi .listi__item {
    padding: 50px 5px 8px !important;
    min-height: 118px !important;
  }
  body.public-page.landing-page .listi .listi__item > img,
  body.public-page.landing-page .listi.listi .listi__item > img {
    top: 5px !important;
    width: 40px !important; height: 40px !important;
  }
  body.public-page.landing-page .intro__sports { height: 138px !important; }
}
@media (max-width: 420px) {
  body.public-page.landing-page .listi .listi__item,
  body.public-page.landing-page .listi.listi .listi__item {
    padding: 48px 4px 6px !important;
    min-height: 114px !important;
  }
  body.public-page.landing-page .listi .listi__item > img {
    top: 4px !important; width: 38px !important; height: 38px !important;
  }
  body.public-page.landing-page .intro__sports { height: 132px !important; }
}
/* 📱 تبلت */
@media (min-width: 768px) and (max-width: 1024px) {
  body.public-page.landing-page .listi .listi__item {
    padding: 54px 6px 8px !important;
    min-height: 122px !important;
  }
  body.public-page.landing-page .listi .listi__item > img {
    top: 6px !important; width: 44px !important; height: 44px !important;
  }
  body.public-page.landing-page .intro__sports { height: 250px !important; }
}
/* 🖥️ دسکتاپ */
@media (min-width: 1025px) {
  body.public-page.landing-page .intro__sports { height: calc(var(--u) * 240) !important; }
}

/* ══════════════════════════════════════════════════════════════════════════
   🍔🔧 رفع دکمهٔ همبرگری در موبایل
   🖐️ «دکمه همبرگری برای گوشی کار نمیکنه»

   🔬 تشخیص (اندازه‌گیری CDP):
      · JS درست کار می‌کرد: کلیک ⇒ `nav-open` روی هدر + آیکون `fa-xmark` ✅
      · ولی پنل باز نمی‌شد: nav.maxHeight = **35px** (باید 60vh باشد)

   🔬 ریشه — دو قاعدهٔ من در landing.css:
      ۱) `#site-header { height: 62px; max-height: 62px }` (ثابت)
         ⇒ پنل کشویی که **داخل** هدر است، در ۶۲px زندانی می‌شود
      ۲) در `theme-header-unified.css`:
         `.nav-open nav.main-nav { max-height: 60vh }`  (درست)
         ولی قاعدهٔ من با specificity بالاتر آن را باطل می‌کرد
         و `max-height` را به ارتفاع هدر (۳۵–۶۲px) محدود می‌کرد

   ✅ رفع:
      · در موبایل، هدر هنگام `nav-open` ارتفاع خودکار بگیرد
        (`height: auto` + `max-height: none`)
      · پنل کشویی `max-height: 60vh` صریح با specificity حداکثری
   ══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 900px) {
  /* 🎯 هدر — هنگام باز بودن منو، ارتفاع خودکار (نه ۶۲px ثابت) */
  body.public-page.landing-page #site-header.nav-open,
  body.public-page.landing-page header.site-header.nav-open {
    height: auto !important;
    min-height: var(--lp-hdr-h) !important;
    max-height: none !important;
    overflow: visible !important;
  }
  /* 🎯 پنل کشویی — باز شدن کامل */
  body.public-page.landing-page #site-header.nav-open nav.main-nav,
  body.public-page.landing-page #site-header.nav-open .main-nav--inline,
  body.public-page.landing-page #site-header.nav-open #main-nav.main-nav,
  body.public-page.landing-page #site-header.nav-open #main-nav.main-nav--inline {
    max-height: 60vh !important;
    overflow-y: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    order: 4 !important;
    position: static !important;
    padding: 6px 0 10px !important;
    margin: 0 !important;
    border-top: 1px solid rgba(11, 40, 81, .10) !important;
    background: transparent !important;
  }
  /* آیتم‌های منو — کنار هم عمودی */
  body.public-page.landing-page #site-header.nav-open nav.main-nav .nav-list,
  body.public-page.landing-page #site-header.nav-open .main-nav--inline .nav-list {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 2px !important;
    width: 100% !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  body.public-page.landing-page #site-header.nav-open nav.main-nav .nav-item,
  body.public-page.landing-page #site-header.nav-open .main-nav--inline .nav-item {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
  }
  body.public-page.landing-page #site-header.nav-open nav.main-nav .nav-item > a,
  body.public-page.landing-page #site-header.nav-open nav.main-nav a {
    display: block !important;
    width: 100% !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    text-align: right !important;
    color: var(--lp-hdr-text, rgb(11, 40, 81)) !important;
  }
  body.public-page.landing-page #site-header.nav-open nav.main-nav a:hover {
    background: rgba(223, 31, 38, .08) !important;
    color: rgb(223, 31, 38) !important;
  }
  /* 🚫 بسته: پنل جمع‌شده */
  body.public-page.landing-page #site-header:not(.nav-open) nav.main-nav,
  body.public-page.landing-page #site-header:not(.nav-open) .main-nav--inline {
    max-height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   🔧🍔 رفع قطعی همبرگری — سه مانع
   🔬 اندازه‌گیری (پس از رفع اول):
      header      : height=auto ✅ ولی overflow=hidden
      headerInner : height=61px ثابت + flex-wrap=**nowrap** 🔴
                    ⇒ ناو (order:4 · flex:0 0 100%) به خط دوم نمی‌رود
      nav         : hCss=35px · maxH=506px (max-height بی‌اثر چون height قفل است)
      main/sec1   : overflow=**hidden** 🔴 ⇒ پنل بریده می‌شود

   ✅ سه رفع:
      ۱) headerInner در nav-open: flex-wrap: wrap + height:auto
      ۲) nav در nav-open: height:auto (نه 35px)
      ۳) main/بخش هیرو: overflow: visible هنگام nav-open
   ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  /* ۱️⃣ هدر و کانتینر — اجازهٔ wrap و ارتفاع خودکار */
  body.public-page.landing-page #site-header.nav-open,
  body.public-page.landing-page header.site-header.nav-open {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  body.public-page.landing-page #site-header.nav-open .header-inner,
  body.public-page.landing-page #site-header.nav-open .header-inner--single {
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: var(--lp-hdr-h) !important;
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
  }
  /* ۲️⃣ ناو — ارتفاع خودکار (نه ۳۵px) */
  body.public-page.landing-page #site-header.nav-open nav.main-nav,
  body.public-page.landing-page #site-header.nav-open .main-nav--inline {
    height: auto !important;
    max-height: 62vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }
  /* ۳️⃣ بدنه/بخش — نگذار پنل بریده شود */
  body.public-page.landing-page.nav-open-body main.container,
  body.public-page.landing-page #site-header.nav-open ~ main.container {
    overflow: visible !important;
  }
  html:has(#site-header.nav-open) body main.container { overflow: visible !important; }
  html:has(#site-header.nav-open) body #home { overflow: visible !important; }
}

/* ══════════════════════════════════════════════════════════════════════════
   🔧🍔 رفع قطعی نهایی همبرگری — چیدمان عمودی منو
   🔬 اندازه‌گیری:
      navList: disp=flex · fd=**column** ✅ (ولی)
      items: خانه l=16 · پخش زنده l=**-344** · رنکینگ l=**-704** ...
      ⇒ آیتم‌ها در یک **ردیف افقی** چیده شده‌اند (x کاهشی)
      ⇒ flex-direction: column اعمال نشده (قاعدهٔ دیگری برنده است)

   ✅ رفع: با specificity حداکثری (تکرار id و کلاس) + !important
   ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  /* 🎯 nav-list — عمودی کامل */
  body.public-page.landing-page #site-header.nav-open nav.main-nav ul.nav-list,
  body.public-page.landing-page #site-header.nav-open nav.main-nav .nav-list,
  body.public-page.landing-page #site-header.nav-open #main-nav.main-nav ul.nav-list,
  body.public-page.landing-page #site-header.nav-open #main-nav.main-nav--inline ul.nav-list {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    list-style: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    position: static !important;
    transform: none !important;
  }
  /* 🎯 items — هر کدام یک ردیف */
  body.public-page.landing-page #site-header.nav-open nav.main-nav ul.nav-list > li.nav-item,
  body.public-page.landing-page #site-header.nav-open nav.main-nav .nav-item,
  body.public-page.landing-page #site-header.nav-open #main-nav.main-nav ul.nav-list > li {
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    float: none !important;
  }
  /* 🎯 لینک‌ها — تمام‌عرض · راست‌چین · قابل لمس */
  body.public-page.landing-page #site-header.nav-open nav.main-nav ul.nav-list > li.nav-item > a,
  body.public-page.landing-page #site-header.nav-open nav.main-nav ul.nav-list a,
  body.public-page.landing-page #site-header.nav-open #main-nav.main-nav a {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 9px !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    position: static !important;
    color: var(--lp-hdr-text, rgb(11, 40, 81)) !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
  body.public-page.landing-page #site-header.nav-open nav.main-nav ul.nav-list a i { flex: 0 0 auto !important; opacity: .75; }
  body.public-page.landing-page #site-header.nav-open nav.main-nav ul.nav-list a:hover,
  body.public-page.landing-page #site-header.nav-open nav.main-nav ul.nav-list a:focus {
    background: rgba(223, 31, 38, .08) !important;
    color: rgb(223, 31, 38) !important;
  }
  /* 🎯 ناو — ارتفاع بر پایهٔ محتوا */
  body.public-page.landing-page #site-header.nav-open nav.main-nav {
    height: auto !important;
    max-height: 62vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 4px 0 10px !important;
  }
}

/* 🔧 رفع نهایی: ناو بسته باید ارتفاع 0 بگیرد (نه 35px از flex) */
@media (max-width: 900px) {
  body.public-page.landing-page #site-header:not(.nav-open) nav.main-nav,
  body.public-page.landing-page #site-header:not(.nav-open) #main-nav.main-nav,
  body.public-page.landing-page #site-header:not(.nav-open) .main-nav--inline {
    max-height: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    visibility: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    flex-basis: 0 !important;
  }
  /* آیتم‌های مخفی هم ارتفاع نگیرند */
  body.public-page.landing-page #site-header:not(.nav-open) nav.main-nav .nav-item,
  body.public-page.landing-page #site-header:not(.nav-open) nav.main-nav .nav-list {
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   📱🔤 حذف متن کنار لوگو در موبایل — فقط صفحهٔ فرود
   🖐️ «تو گوشی فقط برای این صفحه متن کنار لوگو سمت چپ بردار»

   🔬 اندازه‌گیری موبایل ۳۹۰ (قبل):
      brand : l=34 .. r=219  (flex · gap 8px · row)
         div#site-title    l=34  .. r=121  («ایران اسپورت دیتا» · 12.5px)
         #site-subtitle    display:none (از قبل مخفی)
         img.brand-logo    l=129 .. r=212  (۸۳×۳۴)
      ⇒ متن سمت **چپ** لوگو

   ✅ حذف: #site-title و #site-subtitle فقط در ≤۹۰۰px و فقط landing-page
      ⚠️ سایر صفحات (خبر، رنکینگ، …) دست‌نخورده می‌مانند
   ══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  body.public-page.landing-page #site-header #site-title,
  body.public-page.landing-page #site-header .brand #site-title,
  body.public-page.landing-page #site-header #site-subtitle,
  body.public-page.landing-page #site-header .brand #site-subtitle {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  /* ظرف متن — جمع شود */
  body.public-page.landing-page #site-header .brand > div:not(.brand-badge) {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  /* برند — فقط لوگو · فاصله حذف */
  body.public-page.landing-page #site-header .brand {
    gap: 0 !important;
    width: auto !important;
    min-width: 0 !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════════
   ⚙️ استانداردسازی تیکر — spec بالاترین (`.listi.listi.listi` مثل خود فایل)
   🖐️ «لوگو بزرگتر استاندارد · فونت بولد · سرعت کم»
   🔬 ریشهٔ اعمال‌نشدن: قواعد قبلی از `.listi.listi.listi` (class=4) استفاده
      می‌کردند ⇒ spec بالاتر از `.listi__item` (class=3) ⇒ باید همان ترفند را بزنیم
   ══════════════════════════════════════════════════════════════════════════════ */
body.public-page.landing-page .listi.listi.listi .listi__item img,
body.public-page.landing-page .listi.listi.listi .listi__item svg {
  width: calc(var(--u) * 62) !important;
  height: calc(var(--u) * 62) !important;
  min-width: calc(var(--u) * 62) !important;
  min-height: calc(var(--u) * 62) !important;
  max-width: calc(var(--u) * 62) !important;
  max-height: calc(var(--u) * 62) !important;
  border-radius: calc(var(--u) * 12) !important;
}
body.public-page.landing-page .listi.listi.listi .listi__item span {
  font-size: calc(var(--u) * 11.5) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  max-width: calc(var(--u) * 150) !important;
}
body.public-page.landing-page .listi.listi.listi .listi__item {
  min-width: calc(var(--u) * 108) !important;
  height: calc(var(--u) * 124) !important;
  min-height: calc(var(--u) * 124) !important;
  padding: 0 calc(var(--u) * 12) !important;
  gap: calc(var(--u) * 8) !important;
}
/* 🏷️ لوگوی فدراسیون — بزرگ‌تر (spec بالاترین) */
body.public-page.landing-page .fourth-section__ticker .fourth-section__items .fourth-section__item img {
  width: calc(var(--u) * 100) !important;
  height: calc(var(--u) * 92) !important;
  min-width: calc(var(--u) * 100) !important;
  max-width: calc(var(--u) * 100) !important;
}
body.public-page.landing-page .fourth-section__ticker .fourth-section__items .fourth-section__item {
  width: calc(var(--u) * 166) !important;
  min-width: calc(var(--u) * 166) !important;
  height: calc(var(--u) * 130) !important;
}
/* 📱 ≤۷۲۰ */
@media (max-width: 720px) {
  body.public-page.landing-page .listi.listi.listi .listi__item img,
  body.public-page.landing-page .listi.listi.listi .listi__item svg {
    width: 56px !important; height: 56px !important;
    min-width: 56px !important; min-height: 56px !important;
    max-width: 56px !important; max-height: 56px !important;
  }
  body.public-page.landing-page .listi.listi.listi .listi__item {
    min-width: 96px !important; height: 110px !important; min-height: 110px !important;
    padding: 0 9px !important; gap: 7px !important;
  }
  body.public-page.landing-page .listi.listi.listi .listi__item span {
    font-size: 12px !important; font-weight: 600 !important; max-width: 94px !important;
  }
  body.public-page.landing-page .fourth-section__ticker .fourth-section__items .fourth-section__item img {
    width: 80px !important; height: 74px !important; min-width: 80px !important; max-width: 80px !important;
  }
  body.public-page.landing-page .fourth-section__ticker .fourth-section__items .fourth-section__item {
    width: 124px !important; min-width: 124px !important; height: 106px !important;
  }
}
/* 📱 ≤۴۳۰ */
@media (max-width: 430px) {
  body.public-page.landing-page .listi.listi.listi .listi__item img,
  body.public-page.landing-page .listi.listi.listi .listi__item svg {
    width: 50px !important; height: 50px !important;
    min-width: 50px !important; min-height: 50px !important;
    max-width: 50px !important; max-height: 50px !important;
  }
  body.public-page.landing-page .listi.listi.listi .listi__item {
    min-width: 88px !important; height: 102px !important; min-height: 102px !important;
    padding: 0 8px !important; gap: 6px !important;
  }
  body.public-page.landing-page .listi.listi.listi .listi__item span {
    font-size: 11.5px !important; font-weight: 600 !important; max-width: 86px !important;
  }
  body.public-page.landing-page .fourth-section__ticker .fourth-section__items .fourth-section__item img {
    width: 70px !important; height: 66px !important; min-width: 70px !important; max-width: 70px !important;
  }
  body.public-page.landing-page .fourth-section__ticker .fourth-section__items .fourth-section__item {
    width: 110px !important; min-width: 110px !important; height: 98px !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════════
   🎯 رفع: متن **زیر** لوگو (لوگو absolute بود ⇒ از جریان خارج)
   🖐️ «متن ها باید زیر لوگو باشن»
   🔬 یافته با CSS.getMatchedStylesForNode:
      body.public-page.landing-page .listi .listi__item > img {
        position: absolute !important; top: var(--u)*6 !important; left: 50% !important;
        flex: none !important; }
      ⇒ لوگو از جریان flex خارج می‌شد ⇒ متن در بالای آیتم می‌ماند
      و flex-direction محاسبه‌شده = **row** (باید column باشد)
   ══════════════════════════════════════════════════════════════════════════════ */
body.public-page.landing-page .listi.listi.listi .listi__item,
body.public-page.landing-page .listi.listi.listi .listi .listi__item {
  display: flex !important;
  flex-direction: column !important;     /* 🔑 لوگو بالا، متن پایین */
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  gap: calc(var(--u) * 8) !important;
}
body.public-page.landing-page .listi.listi.listi .listi .listi__item > img,
body.public-page.landing-page .listi.listi.listi .listi__item img,
body.public-page.landing-page .listi.listi.listi .listi .listi__item > svg,
body.public-page.landing-page .listi.listi.listi .listi__item svg {
  position: static !important;           /* 🔑 برگشت به جریان */
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 auto !important;
  order: 0 !important;                   /* لوگو اول */
  flex: 0 0 auto !important;
  display: block !important;
}
body.public-page.landing-page .listi.listi.listi .listi__item > span,
body.public-page.landing-page .listi.listi.listi .listi__item span {
  position: static !important;
  order: 1 !important;                   /* متن بعد از لوگو ⇒ زیرش */
  margin: 0 auto !important;
  align-self: center !important;
  text-align: center !important;
  font-size: calc(var(--u) * 11.5) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  max-width: calc(var(--u) * 150) !important;
}
/* 📱 ≤۷۲۰ */
@media (max-width: 720px) {
  body.public-page.landing-page .listi.listi.listi .listi__item,
  body.public-page.landing-page .listi.listi.listi .listi .listi__item {
    flex-direction: column !important; gap: 7px !important;
  }
  body.public-page.landing-page .listi.listi.listi .listi .listi__item > img,
  body.public-page.landing-page .listi.listi.listi .listi__item img {
    position: static !important; top: auto !important; left: auto !important;
    width: 56px !important; height: 56px !important;
    min-width: 56px !important; min-height: 56px !important;
    max-width: 56px !important; max-height: 56px !important;
  }
  body.public-page.landing-page .listi.listi.listi .listi__item span {
    font-size: 12px !important; font-weight: 600 !important; order: 1 !important;
  }
}
/* 📱 ≤۴۳۰ */
@media (max-width: 430px) {
  body.public-page.landing-page .listi.listi.listi .listi .listi__item > img,
  body.public-page.landing-page .listi.listi.listi .listi__item img {
    width: 50px !important; height: 50px !important;
    min-width: 50px !important; min-height: 50px !important;
    max-width: 50px !important; max-height: 50px !important;
  }
  body.public-page.landing-page .listi.listi.listi .listi__item span {
    font-size: 11.5px !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════════
   🔤 استانداردسازی فونت — مطابق سایت‌های فارسی سطح بالا
   🖐️ «فونت ها رو استاندارد کن با نسخه سایت های فارسی زبان که لول بالا دارن»
      + «فقط باگ نخوره»  ⇒ تغییرات هدفمند، بدون دست‌زدن به چیدمان

   📏 اصول (دیجی‌کالا/فیلو/زومیت/اسنپ):
      · وزیرمتن برای متن و دکمه (نه فونت نمایشی)
      · بدنه ۴۰۰ · دکمه/برچسب ۶۰۰ · متن نمایشی ۴۰۰
      · line-height: متن ۱.۷۵+ · تیتر ۱.۳۲+ · دکمه ۱.۵
      · دکمه ۱۶px (نه ۲۴px)
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── ① بدنه: وزن ۴۰۰ (Regular) — استاندارد خوانایی فارسی ── */
body.public-page.landing-page {
  font-weight: 400 !important;
  font-synthesis-weight: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}
/* ── ② زیرتیتر و متن‌های پاراگرافی: ۴۰۰ (نه Light) ── */
body.public-page.landing-page .intro__subtitle,
body.public-page.landing-page .item-second-section__text,
body.public-page.landing-page .item-benefits__text,
body.public-page.landing-page .fourth-section-slide__text,
body.public-page.landing-page .contact__text,
body.public-page.landing-page .box-accordion__panel p,
body.public-page.landing-page p {
  font-weight: 400 !important;
  line-height: 1.75 !important;
}
/* ── ③ دکمه‌ها: وزیرمتن ۶۰۰ به‌جای فونت نمایشی (استاندارد مرجع) ── */
body.public-page.landing-page .landing-slider .btn,
body.public-page.landing-page .landing-slider .btn--primary,
body.public-page.landing-page .landing-slider .btn--secondary,
body.public-page.landing-page .landing-slider a.btn,
body.public-page.landing-page .intro__links .btn {
  font-family: 'Vazirmatn', system-ui, -apple-system, 'Segoe UI', Tahoma, sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  padding: 12px 34px !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}
body.public-page.landing-page .landing-slider .btn i { font-size: 1em !important; }
/* ── ④ تیترها: line-height استاندارد فارسی ── */
body.public-page.landing-page .intro__title,
body.public-page.landing-page .intro__main-title,
body.public-page.landing-page .item-second-section__title,
body.public-page.landing-page .third-section__title,
body.public-page.landing-page .fourth-section-slide__title,
body.public-page.landing-page .item-benefits__title,
body.public-page.landing-page .third-section__subtitle,
body.public-page.landing-page .item-benefits__number,
body.public-page.landing-page h3 {
  line-height: 1.34 !important;
}
body.public-page.landing-page .item-benefits__title {
  line-height: 1.45 !important;      /* اسپن دو-خطی ⇒ کمی بیشتر */
}
/* ── ⑤ نام رشته: حداقل ۱۳px و lh استاندارد ── */
body.public-page.landing-page .listi.listi.listi .listi__item span,
body.public-page.landing-page .listi__item span {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}
body.public-page.landing-page .fourth-section-slide__text,
body.public-page.landing-page .item-second-section__text {
  font-weight: 400 !important;
}
/* ── ⑥ برچسب‌ها/متادیتا: ۵۰۰ (نه ۳۰۰) ── */
body.public-page.landing-page .benefits__item p,
body.public-page.landing-page .item-benefits__text,
body.public-page.landing-page .third-section__subtitle {
  font-weight: 500 !important;
}
/* 📱 موبایل — نام رشته کمی کوچک‌تر ولی خوانا */
@media (max-width: 720px) {
  body.public-page.landing-page .listi.listi.listi .listi__item span,
  body.public-page.landing-page .listi__item span { font-size: 12.5px !important; }
  body.public-page.landing-page .landing-slider .btn,
  body.public-page.landing-page .intro__links .btn { font-size: 15px !important; padding: 11px 26px !important; min-height: 46px !important; }
}

/* ══════════════════════════════════════════════════════════════════════════════
   🔤 متریک‌های فونت مطابق سایت‌های ایرانی سئو-بالا
   🖐️ «برو سایت های ایرانی که سئو بالا دارند ببین فونتشون چیه و پیاده کن»
   🚫 با هدر کاری نداریم (فقط محتوای صفحه)

   🔬 مرجع اندازه‌گیری‌شده (۶ سایت):
      ورزش۳ IRANSansXFaNum 14px/400/lh1.5  ·  زومیت VazirFont 400
      طاقچه iranyekan 16px/400  ·  آپارات iranSansX 16px/400/lh1.15
      فیلیمو variableFont 400 · دکمه 750  ·  دیجی‌کالا وزیرمتن سفارشی

   ✅ الگوی مشترک:  بدنه 400 · 14-15px · lh 1.6-1.75 | دکمه 600 · 14px | تیتر 600+
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── ① بدنه: ۱۵px دسکتاپ · 400 · lh ۱.۷۵ (الگوی ورزش۳/طاقچه/آپارات) ── */
body.public-page.landing-page {
  font-family: 'Vazirmatn', system-ui, -apple-system, 'Segoe UI', Tahoma, sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  font-synthesis-weight: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}
/* ── ② متن‌های پاراگرافی: دقیقاً الگو ── */
body.public-page.landing-page p,
body.public-page.landing-page .intro__subtitle,
body.public-page.landing-page .item-second-section__text,
body.public-page.landing-page .item-benefits__text,
body.public-page.landing-page .fourth-section-slide__text,
body.public-page.landing-page .contact__text,
body.public-page.landing-page .box-accordion__panel p {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
}
/* ── ③ دکمه‌ها: ۱۴px/۶۰۰ (الگوی آپارات/طاقچه) ── */
body.public-page.landing-page .landing-slider .btn,
body.public-page.landing-page .landing-slider a.btn,
body.public-page.landing-page .intro__links .btn {
  font-family: 'Vazirmatn', system-ui, -apple-system, 'Segoe UI', Tahoma, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  padding: 12px 30px !important;
  min-height: 46px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}
body.public-page.landing-page .landing-slider .btn i { font-size: 1.05em !important; }
/* ── ④ تیترها: وزن ۶۰۰+ و lh استاندارد فارسی ── */
body.public-page.landing-page h3,
body.public-page.landing-page .item-second-section__title,
body.public-page.landing-page .third-section__title,
body.public-page.landing-page .fourth-section-slide__title,
body.public-page.landing-page .item-benefits__title,
body.public-page.landing-page .intro__title,
body.public-page.landing-page .intro__main-title {
  line-height: 1.34 !important;
}
/* تیترهای متنی (وزیرمتن) → وزن ۷۰۰ مثل مرجع */
body.public-page.landing-page h3:not([style*="font-family"]),
body.public-page.landing-page .item-second-section__title:not(:has(.lcv[style*="font-family"])) {
  font-weight: 700 !important;
  font-synthesis-weight: auto !important;
}
/* ── ⑤ برچسب/متادیتا: ۵۰۰ (الگوی مرجع) ── */
body.public-page.landing-page .benefits__item p,
body.public-page.landing-page .item-benefits__text,
body.public-page.landing-page .third-section__subtitle {
  font-weight: 500 !important;
}
/* ── ⑥ نام رشته: ۱۳px/۶۰۰ (استاندارد برچسب) ── */
body.public-page.landing-page .listi__item span {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}
/* ── 📱 موبایل: ۱۴px · lh ۱.۷ (مثل دسکتاپ با یک پله کمتر) ── */
@media (max-width: 720px) {
  body.public-page.landing-page {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }
  body.public-page.landing-page p,
  body.public-page.landing-page .intro__subtitle,
  body.public-page.landing-page .item-second-section__text,
  body.public-page.landing-page .item-benefits__text,
  body.public-page.landing-page .fourth-section-slide__text,
  body.public-page.landing-page .contact__text {
    font-size: 14px !important;
    line-height: 1.7 !important;
  }
  body.public-page.landing-page .landing-slider .btn,
  body.public-page.landing-page .intro__links .btn {
    font-size: 13.5px !important;
    padding: 11px 24px !important;
    min-height: 44px !important;
  }
  body.public-page.landing-page .listi__item span { font-size: 12.5px !important; }
}

/* ══════════════════════════════════════════════════════════════════════════════
   🔧 رفع قطعی بریدگی سکشن‌های ۹۰۰px (اسلایدر تمام‌صفحه)
   🖐️ «صفحه iransportdata.ir خیلی به‌هم ریخته اس»
   🔬 علت: lh ۱.۷۵ محتوا را بلند کرد ⇒ سکشن ۹۰۰px + overflow:hidden ⇒ بریدگی
      · third-section : نیاز ۸۲px (آکاردئون + دکمه)
      · contact       : نیاز ۹۴px (آیتم‌های تماس)
   ⚠️ ارتفاع سکشن **ثابت** است (اسلایدر ۶×۹۰۰px با translateY) ⇒ باید محتوا جمع شود
   ⚠️ این بلوک **در انتهای landing.css** است (landing.css در body لود می‌شود ⇒
      بلوک‌های inline در head برنده نمی‌شدند)
   ══════════════════════════════════════════════════════════════════════════════ */
/* ── بخش سوم (راهکارها) ── */
body.public-page.landing-page .third-section .box-accordion { gap: 0 !important; }
body.public-page.landing-page .third-section .box-accordion__accordion {
  gap: calc(var(--u) * 3) !important;
  padding: calc(var(--u) * 3) 0 !important;
}
body.public-page.landing-page .third-section .box-accordion__accordion.is-on .box-accordion__panel {
  max-height: calc(var(--u) * 185) !important;
  padding: calc(var(--u) * 4) 0 calc(var(--u) * 3) !important;
}
body.public-page.landing-page .third-section .box-accordion__panel p,
body.public-page.landing-page .third-section .box-accordion__panel .lcv {
  line-height: 1.4 !important; margin: 0 !important;
}
body.public-page.landing-page .third-section .box-accordion__t { padding: 0 !important; line-height: 1.25 !important; }
body.public-page.landing-page .third-section .box-accordion__num { line-height: 1.2 !important; }
body.public-page.landing-page .third-section__inner { gap: calc(var(--u) * 6) !important; }
body.public-page.landing-page .third-section__box { gap: calc(var(--u) * 8) !important; }
body.public-page.landing-page .third-section__title { margin: 0 0 calc(var(--u) * 4) !important; line-height: 1.25 !important; }
body.public-page.landing-page .third-section__subtitle { margin: 0 0 calc(var(--u) * 6) !important; line-height: 1.3 !important; }
body.public-page.landing-page .third-section .btn,
body.public-page.landing-page .third-section a.btn,
body.public-page.landing-page a.third-section__cta {
  min-height: 38px !important; padding: 7px 20px !important;
  font-size: 13.5px !important; line-height: 1.25 !important;
}
/* ── بخش تماس ──
   🔬 ریشهٔ اصلی: `padding: 120px 0 60px` فضا را می‌خورد (محتوا ۸۰۶px در ۷۲۰px فضا)
   ✅ کاهش به ۵۰/۲۶ ⇒ ۱۰۴px صرفه */
body.public-page.landing-page .contact {
  padding: calc(var(--u) * 50) 0 calc(var(--u) * 26) !important;
}
body.public-page.landing-page .contact__text { margin: 0 0 calc(var(--u) * 18) !important; }
body.public-page.landing-page .contact__items { gap: calc(var(--u) * 6) !important; }
body.public-page.landing-page .contact__title { margin: 0 0 calc(var(--u) * 6) !important; line-height: 1.25 !important; }
body.public-page.landing-page .contact .item-contact { gap: 0 !important; }
body.public-page.landing-page .contact .item-contact__bottom {
  padding: calc(var(--u) * 8) calc(var(--u) * 12) calc(var(--u) * 10) !important;
  margin: 0 !important;
}
body.public-page.landing-page .contact .item-contact__title { margin: 0 0 calc(var(--u) * 3) !important; line-height: 1.25 !important; }
body.public-page.landing-page .contact .item-contact p,
body.public-page.landing-page .contact .lcv { line-height: 1.4 !important; margin: 0 !important; }
body.public-page.landing-page .contact__text { line-height: 1.5 !important; }
/* ── کلی: پاراگراف‌ها lh ۱.۵ (استاندارد ایرانی) ── */
body.public-page.landing-page p { line-height: 1.5 !important; }
@media (max-width: 720px) {
  body.public-page.landing-page .third-section .box-accordion__accordion.is-on .box-accordion__panel { max-height: 165px !important; }
  body.public-page.landing-page .contact .item-contact__bottom { padding: 7px 9px 9px !important; }
}

/* ══════════════════════════════════════════════════════════════════════════════
   🔴🔴 رفع ریشه‌ای «صفحهٔ موبایل به‌هم ریخته» — اسلایدر ارتفاع‌ثابت محتوا را می‌بُرید
   🖐️ کاربر عکس موبایل (576×1280) فرستاد: «خیلی به‌هم ریخته اس»
   🔬 قاعدهٔ اصلی (landing.css:69) می‌گفت:
        .landing-slider, .landing-track { height:auto; overflow:visible; transform:none }
        .landing-slide { min-height: 100vh }
      ولی **override شده بود**: landing-track h=5400 · سکشن h=648/837 + overflow:hidden
      ⇒ محتوای موبایل بریده: second-section +484 · benefits +232 · contact +126
   ✅ رفع با spec بالاتر (تکرار کلاس) — اسلایدر غیرفعال ⇒ اسکرول عادی مثل قبل
   ══════════════════════════════════════════════════════════════════════════════ */
html body.public-page.landing-page .landing-slider.landing-slider,
html body.public-page.landing-page .landing-track.landing-track,
html body.public-page .landing-slider.landing-slider,
html body.public-page .landing-track.landing-track {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  transform: none !important;
  transition: none !important;
}
html body.public-page.landing-page .landing-slide.landing-slide,
html body.public-page .landing-slide.landing-slide {
  height: auto !important;
  max-height: none !important;
  min-height: 100vh !important;
  overflow: visible !important;
  transform: none !important;
  padding-top: calc(var(--u) * 62) !important;   /* زیر هدر ثابت */
}
/* 📱 موبایل — ارتفاع خودکار + اسکرول طبیعی */
@media (max-width: 900px) {
  html body.public-page.landing-page .landing-slide.landing-slide,
  html body.public-page .landing-slide.landing-slide {
    min-height: 0 !important;
    height: auto !important;
    padding: calc(var(--u) * 76) 0 calc(var(--u) * 40) !important;
  }
  html body.public-page.landing-page section.section.landing-slide.landing-slide {
    min-height: 0 !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════════
   🔴 رفع باگ + درخواست کاربر
   🖐️ «سامانه الکترونیکی و هوشمند مدیریت مسابقات رزمی — فونت این هم یه مقدار بولد تر بشه»
   🔬 باگ: `.intro__main-title` یک **`<p>`** است ⇒ قاعدهٔ عمومی `p { font-size:15px }`
      که برای استانداردسازی گذاشته بودم، تیتر هیرو را از **۷۲px به ۱۵px** کوچک کرده بود!
   ✅ رفع: اندازهٔ اصلی + وزن ۶۰۰ (درخواست «بولد‌تر»)
   ══════════════════════════════════════════════════════════════════════════════ */
body.public-page.landing-page .intro__main-title,
body.public-page.landing-page .intro__main-title .lcv,
body.public-page.landing-page .intro__main-title > .lcv {
  font-size: calc(var(--u) * 72) !important;
  font-weight: 600 !important;        /* 🖐️ بولد‌تر: ۴۰۰ → ۶۰۰ */
  line-height: 1.34 !important;
  font-synthesis-weight: auto !important;
}
body.public-page.landing-page .intro__main-title { line-height: calc(var(--u) * 94) !important; }
/* 📱 همان مقیاس اصلی */
@media (max-width: 1025px) {
  body.public-page.landing-page .intro__main-title,
  body.public-page.landing-page .intro__main-title .lcv { font-size: calc(var(--u) * 52) !important; }
}
@media (max-width: 900px) {
  body.public-page.landing-page .intro__main-title,
  body.public-page.landing-page .intro__main-title .lcv { font-size: calc(var(--u) * 44) !important; line-height: 1.32 !important; }
}
@media (max-width: 720px) {
  body.public-page.landing-page .intro__main-title,
  body.public-page.landing-page .intro__main-title .lcv { font-size: calc(var(--u) * 38) !important; }
}
@media (max-width: 430px) {
  body.public-page.landing-page .intro__main-title,
  body.public-page.landing-page .intro__main-title .lcv { font-size: 30px !important; }
}
/* 🔒 تضمین: قاعدهٔ عمومی `p` هرگز تیترها را نگیرد */
/* 🔬 `:not()` هر کدام یک class به spec اضافه می‌کند (spec بالا) ⇒
   کلاس‌های جدیدِ <p> را صریحاً مستثنا می‌کنیم وگرنه اندازه‌شان را می‌بلعد */
body.public-page.landing-page p:where(:not([class*="title"]):not([class*="lcv"]):not(.intro__main-title):not([class*="sol-"]):not([class*="adv-"])) {
  font-size: 15px !important;
  line-height: 1.6 !important;
}
@media (max-width: 720px) {
  body.public-page.landing-page p:where(:not([class*="title"]):not([class*="lcv"]):not(.intro__main-title):not([class*="sol-"]):not([class*="adv-"])) {
    font-size: 14px !important; line-height: 1.55 !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════════
   🎯 تیتر هیرو — سلسله‌مراتب: «ایران اسپورت دیتا» بزرگ‌تر از خط پایینش
   🖐️ «(ایران اسپورت دیتا) فونت بولد و بزرگ باشه نسبت به خط پائینش
       (سامانه الکترونیکی…) فونت نسبت به خط بالا ریز‌تر باشه و تو یک خط
       صفحه دکستاپ قرار بگیره»

   🔬 اندازه‌گیری: «ایران اسپورت دیتا» = 50px · «سامانه…» = 72px (۲ خط!)
      عرض والد = 1160px · متن ۴۶ حرف
      برای یک خط: fs ≈ 72 × 1160/2124 ≈ **38px**  ⇒ clamp(18px, 2.64vw, 40px)
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── ① «ایران اسپورت دیتا» — بزرگ و بولد ── */
body.public-page.landing-page .intro__title,
body.public-page.landing-page .intro__title .lcv,
body.public-page.landing-page .intro__title > .lcv {
  font-size: 80px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  font-synthesis-weight: auto !important;
}
@media (max-width: 1300px) {
  body.public-page.landing-page .intro__title,
  body.public-page.landing-page .intro__title .lcv { font-size: 72px !important; }
}
@media (max-width: 1100px) {
  body.public-page.landing-page .intro__title,
  body.public-page.landing-page .intro__title .lcv { font-size: 64px !important; }
}
@media (max-width: 900px) {
  body.public-page.landing-page .intro__title,
  body.public-page.landing-page .intro__title .lcv { font-size: 50px !important; }
}
@media (max-width: 720px) {
  body.public-page.landing-page .intro__title,
  body.public-page.landing-page .intro__title .lcv { font-size: 42px !important; }
}
@media (max-width: 430px) {
  body.public-page.landing-page .intro__title,
  body.public-page.landing-page .intro__title .lcv { font-size: 36px !important; }
}

/* ── ② «سامانه الکترونیکی…» — ریز‌تر از خط بالا + **یک خط** در دسکتاپ ── */
body.public-page.landing-page .intro__main-title,
body.public-page.landing-page .intro__main-title .lcv,
body.public-page.landing-page .intro__main-title > .lcv {
  font-size: clamp(18px, 2.64vw, 40px) !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;      /* 🎯 یک خط در دسکتاپ */
  overflow: visible !important;
  text-overflow: clip !important;
  font-synthesis-weight: auto !important;
}
body.public-page.landing-page .intro__main-title { line-height: 1.35 !important; }
/* 📱 موبایل/تبلت — شکست خط مجاز (یک خط جا نمی‌شود) */
@media (max-width: 900px) {
  body.public-page.landing-page .intro__main-title,
  body.public-page.landing-page .intro__main-title .lcv {
    font-size: 22px !important;
    white-space: normal !important;
    line-height: 1.4 !important;
  }
}
@media (max-width: 720px) {
  body.public-page.landing-page .intro__main-title,
  body.public-page.landing-page .intro__main-title .lcv { font-size: 19px !important; }
}
@media (max-width: 430px) {
  body.public-page.landing-page .intro__main-title,
  body.public-page.landing-page .intro__main-title .lcv { font-size: 17px !important; }
}

/* ══════════════════════════════════════════════════════════════════════════════
   🔧 بخش دوم (مدیریت رویداد/فدراسیون‌ها/بازی‌های چندرشته‌ای)
   🖐️ «فونت های این ها روهم درست کن و اون اعداد رو حذف کن 1 و 2 و 3
       بعد تو اسکرول کردن یه فاصله غیر طبیعی با نوار رشته های ورزشی داره»
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── ① حذف اعداد [۰۱] [۰۲] [۰۳] ── */
body.public-page.landing-page .item-second-section__number,
body.public-page.landing-page .item-second-section__num,
body.public-page.landing-page .item-second-section__top > .item-second-section__number {
  display: none !important;
  height: 0 !important; min-height: 0 !important;
  margin: 0 !important; padding: 0 !important;
  overflow: hidden !important;
}
/* فضای آزادشده ⇒ فاصلهٔ عنوان از بالا متعادل شود */
body.public-page.landing-page .item-second-section__top { gap: 0 !important; }

/* ── ② عنوان — هماهنگ‌سازی (ظرف ۴۸px · span ۵۶px بود) + بولد ── */
body.public-page.landing-page .item-second-section__title,
body.public-page.landing-page .item-second-section__title .lcv,
body.public-page.landing-page .item-second-section__title > .lcv {
  font-size: 54px !important;
  font-weight: 600 !important;
  line-height: 1.16 !important;
  font-synthesis-weight: auto !important;
}
body.public-page.landing-page .item-second-section__title { font-family: 'Vazirmatn', Tahoma, sans-serif !important; }
/* برچسب لاتین (Event Management) — کوچک‌تر و ملایم */
body.public-page.landing-page .item-second-section__title .lcv[style*="Kanit"],
body.public-page.landing-page .item-second-section__title sup,
body.public-page.landing-page .item-second-section__title small { font-weight: 400 !important; }
/* ── ③ متن و دکمه — تأیید استاندارد ── */
body.public-page.landing-page .item-second-section__text,
body.public-page.landing-page .item-second-section__text .lcv {
  font-size: 15px !important; font-weight: 400 !important; line-height: 1.6 !important;
}
body.public-page.landing-page .item-second-section__btn,
body.public-page.landing-page .item-second-section__btn .lcv {
  font-family: 'Vazirmatn', system-ui, sans-serif !important;
  font-size: 14px !important; font-weight: 600 !important; line-height: 1.4 !important;
}
/* 📱 مقیاس موبایل */
@media (max-width: 900px) {
  body.public-page.landing-page .item-second-section__title,
  body.public-page.landing-page .item-second-section__title .lcv { font-size: 30px !important; line-height: 1.2 !important; }
}
@media (max-width: 430px) {
  body.public-page.landing-page .item-second-section__title,
  body.public-page.landing-page .item-second-section__title .lcv { font-size: 26px !important; }
}

/* ── ④ فاصلهٔ غیرطبیعی با نوار رشته‌ها ──
   🔬 `.intro { padding-bottom: 60px }` + `.second-section { padding-top: 62px }` = **۱۲۲px**!
   ✅ یکنواخت با بقیه: padding-bottom صفر ⇒ فاصله = ۶۲px (مثل همهٔ سکشن‌ها) */
body.public-page.landing-page .intro {
  padding-bottom: calc(var(--u) * 34) !important;   /* 🔬 ۶۰px زیاد بود · ۰px چسبیده ⇒ ۳۴px متعادل */
  min-height: 0 !important;
}
body.public-page.landing-page .intro__sports { margin-bottom: 0 !important; }
/* 📱 موبایل — padding-bottom سکشن اول را تثبیت کن (قاعدهٔ دیگری ۱۴px می‌کرد) */
@media (max-width: 900px) {
  /* 🔬 قاعدهٔ رقیب `#home` (id=1) در @media ≤767px بود ⇒ کلاس تنها کافی نبود
     ✅ با id + تکرار کلاس ⇒ برنده */
  html body.public-page.landing-page #home.intro.intro.intro,
  html body.public-page.landing-page .intro.landing-slide.intro.intro.intro,
  html body.public-page.landing-page #home.intro,
  html body.public-page.landing-page .intro.intro.intro {
    padding-top: 18px !important;
    padding-bottom: 26px !important;
  }
  html body.public-page.landing-page .intro__sports { margin-bottom: 0 !important; }
}
body.public-page.landing-page .second-section { padding-top: calc(var(--u) * 62) !important; }

/* ══════════════════════════════════════════════════════════════════════════════
   🎯 متریک‌های SET Online — سایز و مدل خطِ دقیقاً مثل set.sportdata.org
   🖐️ «روی فونت و سایز و مدل خط هاش دقت کن … برای ما هم این شکلی بشه (به فارسی)»

   🔬 مقادیر اندازه‌گیری‌شده از SET:
      H1 72px · H2 64px · H3 48px · H4 32px · دکمه 24px · متن 15px
      line-height: H1 1.08 · H2 1.16 · H3 1.20 · H4 1.10 · دکمه 1.20 · متن 1.20
   📌 فارسی: وزن یک پله بالاتر (وزیرمتن در ۴۰۰ نازک است) · lh کمی بیشتر (دنباله/نقطه)
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── ① H1 — «ایران اسپورت دیتا»   (SET: 72px/400/lh1.08) ── */
body.public-page.landing-page .intro__title,
body.public-page.landing-page .intro__title .lcv {
  font-size: 72px !important;
  font-weight: 600 !important;          /* فارسی: ۴۰۰ ⇒ ۶۰۰ (خوانا) */
  line-height: 1.10 !important;         /* SET: 1.08 */
  letter-spacing: 0 !important;
}
/* ── ② H2 — «راهکارها / قهرمانی‌ها»  (SET: 64px/400/lh1.16) ── */
body.public-page.landing-page .third-section__title,
body.public-page.landing-page .fourth-section-slide__title,
body.public-page.landing-page .third-section__title .lcv {
  font-size: 64px !important;
  font-weight: 500 !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
}
/* ── ③ H3 — «مدیریت رویداد / فدراسیون‌ها / بازی‌های چندرشته‌ای»  (SET: 48px/400/lh1.20) ── */
body.public-page.landing-page .item-second-section__title,
body.public-page.landing-page .item-second-section__title .lcv {
  font-size: 48px !important;
  font-weight: 500 !important;
  line-height: 1.20 !important;
  letter-spacing: 0 !important;
  font-family: 'Vazirmatn', system-ui, Tahoma, sans-serif !important;
}
/* ── ④ H4 — عنوان مزیت‌ها  (SET: 32px/400/lh1.10) ── */
body.public-page.landing-page .item-benefits__title,
body.public-page.landing-page .item-benefits__title .lcv {
  font-size: 32px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
}
/* ── ⑤ دکمه‌ها — «بیشتر / شروع کنید»  (SET: 24px/400/lh1.20 · pad 10/72 · br 32) ── */
body.public-page.landing-page .item-second-section__btn,
body.public-page.landing-page .item-second-section__btn .lcv,
body.public-page.landing-page .third-section .btn,
body.public-page.landing-page .landing-slider .btn {
  font-family: 'Vazirmatn', system-ui, -apple-system, Tahoma, sans-serif !important;
  font-size: 22px !important;            /* SET 24px — فارسی یک پله کمتر */
  font-weight: 500 !important;           /* SET 400 */
  line-height: 1.20 !important;          /* 🎯 مدل خط SET */
  letter-spacing: 0 !important;
  padding: 10px 64px !important;         /* SET: 10px 72px */
  min-height: 49px !important;
  border-radius: 32px !important;        /* SET: قرص کامل */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  box-sizing: border-box !important;
}
/* ── ⑥ متن‌ها — (SET: 15px/300/lh1.20 ⇒ فارسی lh1.55) ── */
body.public-page.landing-page p:not([class*="title"]):not([class*="lcv"]):not([class*="number"]),
body.public-page.landing-page .item-second-section__text,
body.public-page.landing-page .item-second-section__text .lcv,
body.public-page.landing-page .item-benefits__text {
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
}
/* ── ⑦ تیتر خط دوم هیرو («سامانه الکترونیکی…») — ریز‌تر از خط اول ── */
body.public-page.landing-page .intro__main-title,
body.public-page.landing-page .intro__main-title .lcv {
  font-size: clamp(18px, 2.64vw, 40px) !important;
  font-weight: 500 !important;
  line-height: 1.30 !important;
  white-space: nowrap !important;
}

/* ══ 📱 مقیاس موبایل (SET هم ریسپانسیو است) ══ */
@media (max-width: 1024px) {
  body.public-page.landing-page .third-section__title,
  body.public-page.landing-page .fourth-section-slide__title { font-size: 52px !important; }
  body.public-page.landing-page .intro__title,
  body.public-page.landing-page .intro__title .lcv { font-size: 62px !important; }
}
@media (max-width: 900px) {
  body.public-page.landing-page .intro__title,
  body.public-page.landing-page .intro__title .lcv { font-size: 48px !important; line-height: 1.14 !important; }
  body.public-page.landing-page .third-section__title,
  body.public-page.landing-page .fourth-section-slide__title { font-size: 40px !important; }
  body.public-page.landing-page .item-second-section__title,
  body.public-page.landing-page .item-second-section__title .lcv { font-size: 30px !important; }
  body.public-page.landing-page .item-benefits__title,
  body.public-page.landing-page .item-benefits__title .lcv { font-size: 24px !important; }
  body.public-page.landing-page .landing-slider .btn,
  body.public-page.landing-page .item-second-section__btn { font-size: 17px !important; padding: 9px 34px !important; min-height: 44px !important; }
  body.public-page.landing-page .intro__main-title,
  body.public-page.landing-page .intro__main-title .lcv { font-size: 21px !important; white-space: normal !important; }
}
@media (max-width: 430px) {
  body.public-page.landing-page .intro__title,
  body.public-page.landing-page .intro__title .lcv { font-size: 38px !important; }
  body.public-page.landing-page .third-section__title,
  body.public-page.landing-page .fourth-section-slide__title { font-size: 32px !important; }
  body.public-page.landing-page .item-second-section__title,
  body.public-page.landing-page .item-second-section__title .lcv { font-size: 26px !important; }
}

/* ══════════════════════════════════════════════════════════════════════════════
   🔧 سه کارت بخش دوم — یک‌خطی‌کردن + فاصلهٔ عکس هاور + فاصلهٔ نوار رشته‌ها
   🖐️ «فونت هاش خیلی درشته جوری تنظیم کن که هر کدام یه خط بشه
       بعد وقتی روی هر متن میری عکس ظاهر میشه — از بالای عکس تعین فاصله کن
       تا نوار ابزار رشته های ورزشی و فاصله این ها رو استاندارد کن»
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── ① عنوان‌ها: یک خط (لاتین از ۵۶px به ۳۴px · فارسی ۴۸ → ۴۲) ── */
body.public-page.landing-page .item-second-section__title {
  font-size: 42px !important;
  line-height: 1.18 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
body.public-page.landing-page .item-second-section__title .lcv {
  font-size: 42px !important;
  font-weight: 500 !important;
  line-height: 1.18 !important;
  white-space: nowrap !important;
  display: block !important;
}
/* 🎯 لاتین (Kanit) — ریز‌تر از خط فارسی + یک خط
   🔬 کشف: لاتین یک `<span>` **بدون کلاس** با فونت Kanit است (نه .lcv)
   ✅ ترتیب قطعی: اول همهٔ span ها ۳۲px · بعد .lcv فارسی ۴۲px (برنده برای فارسی) */
body.public-page.landing-page .item-second-section__title span {
  font-size: 32px !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  white-space: nowrap !important;
}
body.public-page.landing-page .item-second-section__title span.lcv,
body.public-page.landing-page .item-second-section__title span.lcv * {
  font-size: 42px !important;
  font-weight: 500 !important;
  line-height: 1.18 !important;
  white-space: nowrap !important;
}
/* 🎯 تضمین یک خط: هر span لاتین داخل عنوان */
body.public-page.landing-page .item-second-section__title span {
  white-space: nowrap !important;
}

/* ── ② عکس هاور: فاصله از بالای کارت ── */
body.public-page.landing-page .item-second-section__wrapper-img {
  top: 22px !important;                 /* 🖐️ «از بالای عکس تعین فاصله کن» */
  left: 0 !important; right: 0 !important; bottom: 0 !important;
  height: auto !important;
  border-radius: calc(var(--u) * 4) !important;
  overflow: hidden !important;
}
body.public-page.landing-page .item-second-section__img {
  border-radius: calc(var(--u) * 4) !important;
}

/* ── ③ فاصلهٔ کارت‌ها تا نوار رشته‌ها: ۹۶px → ~۵۰px ──
   🔬 قاعدهٔ رقیب با **کلاس تکرارشده** بود:
      body.public-page.landing-page .second-section.second-section
         { padding: calc(var(--u) * 96) 0 0 !important; }   (class=4) ⇒ برنده
   ✅ مقابله با همان ترفند + یک تکرار بیشتر (class=5) */
body.public-page.landing-page .second-section.second-section,
body.public-page.landing-page .second-section.second-section.second-section,
body.public-page.landing-page .second-section {
  padding-top: calc(var(--u) * 16) !important;
}
@media (max-width: 900px) {
  body.public-page.landing-page .second-section.second-section,
  body.public-page.landing-page .second-section.second-section.second-section,
  body.public-page.landing-page .second-section { padding-top: 12px !important; }
}

/* ── 📱 مقیاس موبایل ── */
@media (max-width: 900px) {
  body.public-page.landing-page .item-second-section__title,
  body.public-page.landing-page .item-second-section__title .lcv { font-size: 28px !important; }
  body.public-page.landing-page .item-second-section__title span { font-size: 21px !important; }
  body.public-page.landing-page .item-second-section__title span.lcv { font-size: 28px !important; }
  body.public-page.landing-page .item-second-section__wrapper-img { top: 16px !important; }
}
@media (max-width: 430px) {
  body.public-page.landing-page .item-second-section__title,
  body.public-page.landing-page .item-second-section__title .lcv { font-size: 24px !important; }
  body.public-page.landing-page .item-second-section__title span { font-size: 18px !important; }
  body.public-page.landing-page .item-second-section__title span.lcv { font-size: 24px !important; }
}

/* ══════════════════════════════════════════════════════════════════════════════
   🎯 سه کارت: وسط‌چین + «خط آخر» یک‌خطی
   🖐️ «حالا وسط چین باشن هر سه خط
       خط آخر رو هم جوری سایز فونتشو اندازه کن که یک خط بشه»

   🔬 محاسبهٔ fs برای یک خط (تست nowrap موقت روی مرورگر):
      کارت۱) 81 حرف · عرض ۴۳۵ · عرض تک‌خطی ۴۹۱ ⇒ fs لازم = ۱۳.۲۹
      کارت۲) 70 حرف · ۴۳۵ · ۴۴۰ ⇒ ۱۴.۸۳
      کارت۳) 71 حرف · ۴۳۵ · ۴۳۵ ⇒ ۱۵.۰۰
      ⇒ **۱۳px** برای همه کافی است (و خوانا) ✅
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── ① وسط‌چین — هر سه کارت ── */
body.public-page.landing-page .item-second-section__box,
body.public-page.landing-page .item-second-section__top,
body.public-page.landing-page .item-second-section__bottom,
body.public-page.landing-page .item-second-section__title,
body.public-page.landing-page .item-second-section__text,
body.public-page.landing-page .item-second-section__text .lcv {
  text-align: center !important;
}
body.public-page.landing-page .item-second-section__top,
body.public-page.landing-page .item-second-section__bottom {
  align-items: center !important;
  justify-content: center !important;
}
body.public-page.landing-page .item-second-section__title {
  align-items: center !important;
  text-align: center !important;
}
body.public-page.landing-page .item-second-section__title span,
body.public-page.landing-page .item-second-section__title .lcv {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.public-page.landing-page .item-second-section__text .lcv { display: block !important; }

/* ── ② «خط آخر» (متن توضیح) — یک خط · fs=13 ── */
body.public-page.landing-page .item-second-section__text,
body.public-page.landing-page .item-second-section__text .lcv {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  white-space: nowrap !important;      /* 🎯 یک خط */
  overflow: visible !important;
  text-overflow: clip !important;
  letter-spacing: -0.1px !important;   /* کمی فشرده‌تر ⇒ جا شود */
}

/* ── 📱 موبایل — یک خط با فونت ریزتر ── */
@media (max-width: 900px) {
  body.public-page.landing-page .item-second-section__text,
  body.public-page.landing-page .item-second-section__text .lcv {
    font-size: 11px !important;
    white-space: nowrap !important;
    letter-spacing: -0.2px !important;
  }
}
@media (max-width: 430px) {
  body.public-page.landing-page .item-second-section__text,
  body.public-page.landing-page .item-second-section__text .lcv {
    font-size: 10px !important;
    letter-spacing: -0.3px !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════════
   🔧 فاصلهٔ بین خطوط کارت‌ها — «خیلی زیاده»
   🖐️ «فاصله بین خط ها استاندارد بشه خیلی زیاده»
   🔬 یافته: `<h3>` داخل `__title` فونت **Lalezar 49.14px** با `line-height: 65.85px`
      داشت ⇒ ارتفاع ۱۸۱px برای محتوایی که ۸۸px است (۲.۷۵ خط!)
      ✅ رفع: `display: contents` ⇒ h3 از جریان خارج، span ها مستقیم فرزند flex
   ══════════════════════════════════════════════════════════════════════════════ */
body.public-page.landing-page .item-second-section__title > h3,
body.public-page.landing-page .item-second-section__title > h4,
body.public-page.landing-page .item-second-section__title > h2,
body.public-page.landing-page .item-second-section__title > div {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: inherit !important;
  font-size: inherit !important;
}
body.public-page.landing-page .item-second-section__title {
  line-height: 1.18 !important;
  gap: 3px !important;
  margin-bottom: 10px !important;      /* فاصله با متن — استاندارد */
  padding: 0 !important;
}
body.public-page.landing-page .item-second-section__title span,
body.public-page.landing-page .item-second-section__title .lcv {
  line-height: 1.18 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}
/* متن توضیح — فاصلهٔ خط استاندارد */
body.public-page.landing-page .item-second-section__text {
  margin: 0 0 10px !important;
  line-height: 1.45 !important;
}
body.public-page.landing-page .item-second-section__bottom { gap: 0 !important; }
body.public-page.landing-page .item-second-section__top { gap: 0 !important; }
body.public-page.landing-page .item-second-section__box { gap: 0 !important; }
/* دکمه بعد از متن — فاصلهٔ متعادل */
body.public-page.landing-page .item-second-section__btn { margin-top: 4px !important; }

/* ══════════════════════════════════════════════════════════════════════════════
   🔧 رفع نهایی فاصلهٔ خطوط کارت — مقصر `<br>` + دکمه
   🖐️ «فاصله بین خط ها استاندارد بشه خیلی زیاده»
   🔬 یافته با اندازه‌گیری فرزندان:
      SPAN.lcv «مدیریت رویداد» : 42px · h=50 ✅
      **BR**                   : h=66  ← 🔴 مقصر! (line-height 49.56 روی br خالی)
      SPAN «Event Management»  : 32px · h=38 ✅
      ⇒ 143px ⇒ با حذف br می‌شود **~91px** ✅
   ══════════════════════════════════════════════════════════════════════════════ */
body.public-page.landing-page .item-second-section__title br,
body.public-page.landing-page .item-second-section__title > br {
  display: none !important;             /* 🔑 flex column + gap جای آن را می‌دهد */
}
body.public-page.landing-page .item-second-section__title { gap: 4px !important; }

/* ── دکمه — متریک SET با spec تضمینی ── */
body.public-page.landing-page .item-second-section__btn,
body.public-page.landing-page .item-second-section .item-second-section__btn,
body.public-page.landing-page .item-second-section__bottom .item-second-section__btn {
  font-family: 'Vazirmatn', system-ui, Tahoma, sans-serif !important;
  font-size: 20px !important;            /* SET 24px ⇒ فارسی ۲۰ */
  font-weight: 500 !important;
  line-height: 1.20 !important;
  padding: 10px 56px !important;         /* SET: 10/72 */
  min-height: 48px !important;
  height: auto !important;
  max-height: 48px !important;
  border-radius: 32px !important;        /* SET: قرص کامل */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;         /* 🔑 وسط، نه کشیده */
  flex: 0 0 auto !important;
  margin: 6px auto 0 !important;
  box-sizing: border-box !important;
}
body.public-page.landing-page .item-second-section__bottom {
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}
body.public-page.landing-page .item-second-section__inner { gap: 0 !important; }
body.public-page.landing-page .item-second-section__box { gap: 0 !important; }
/* ── 📱 موبایل ── */
@media (max-width: 900px) {
  body.public-page.landing-page .item-second-section__btn,
  body.public-page.landing-page .item-second-section .item-second-section__btn {
    font-size: 16px !important; padding: 9px 34px !important;
    min-height: 44px !important; max-height: 44px !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════════
   🎨 طراحی جدید «راهکارها» — ۷ راهکار + ۶ مزیت + CTA (یکپارچه)
   🖐️ «طراحی خفن … با توجه به ظاهر سایت · عکس این قسمت حذف · متن‌های پایین‌تر یکپارچه»
   🎨 پالت: سرمه‌ای rgb(11,40,81) · قرمز rgb(223,31,38) · تم‌محور (روشن/تیره)
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── چیدمان کلی ── */
body.public-page.landing-page #product .sol-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 40px !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 calc(var(--u) * 20) !important;
  width: 100% !important;
}

/* ── سر بخش ── */
body.public-page.landing-page #product .sol-head {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 4px !important;
  text-align: center !important;
}
body.public-page.landing-page #product .sol-head__title {
  font-family: 'Lalezar', 'Vazirmatn', Tahoma, sans-serif !important;
  font-size: 62px !important;
  font-weight: 400 !important;
  line-height: 1.16 !important;
  color: rgb(11, 40, 81) !important;
  margin: 0 !important;
}
body.public-page.landing-page #product .sol-wrap .sol-head__sub.sol-head__sub,
body.public-page.landing-page #product .sol-wrap .sol-head__sub {

  font-size: 26px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  color: rgba(11, 40, 81, .62) !important;
  margin: 0 !important;
}
body.public-page.landing-page #product .sol-head__rule {
  display: block !important;
  width: 64px !important; height: 4px !important;
  margin-top: 14px !important;
  border-radius: 4px !important;
  background: linear-gradient(90deg, rgb(223, 31, 38), rgba(223, 31, 38, .25)) !important;
}

/* ── ۰۱-۰۷ کارت‌های راهکار — شبکه ── */
body.public-page.landing-page #product .sol-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(288px, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
}
body.public-page.landing-page #product .sol-card {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 26px 24px 30px !important;
  border-radius: 16px !important;
  background: linear-gradient(160deg, rgba(11, 40, 81, .055), rgba(11, 40, 81, .015)) !important;
  border: 1px solid rgba(11, 40, 81, .10) !important;
  overflow: hidden !important;
  transition: transform .35s cubic-bezier(.22,.61,.36,1), box-shadow .35s, border-color .35s, background .35s !important;
  box-sizing: border-box !important;
}
body.public-page.landing-page #product .sol-card__num {
  position: absolute !important;
  top: 6px !important;
  inset-inline-start: 16px !important;
  font-family: 'Lalezar', Tahoma, sans-serif !important;
  font-size: 76px !important;
  line-height: 1 !important;
  color: rgba(11, 40, 81, .07) !important;
  pointer-events: none !important;
  user-select: none !important;
  transition: color .35s !important;
}
body.public-page.landing-page #product .sol-card__title {
  position: relative !important;
  font-family: 'Vazirmatn', system-ui, Tahoma, sans-serif !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: rgb(11, 40, 81) !important;
  margin: 0 !important;
}
body.public-page.landing-page #product .sol-wrap .sol-card__text.sol-card__text,
body.public-page.landing-page #product .sol-wrap .sol-card__text {

  position: relative !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  color: rgba(11, 40, 81, .68) !important;
  margin: 0 !important;
}
body.public-page.landing-page #product .sol-card__line {
  position: absolute !important;
  top: 0 !important;
  inset-inline-start: 0 !important;
  width: 0 !important; height: 3px !important;
  background: rgb(223, 31, 38) !important;
  transition: width .45s cubic-bezier(.22,.61,.36,1) !important;
}
body.public-page.landing-page #product .sol-card:hover,
body.public-page.landing-page #product .sol-card:focus-visible {
  transform: translateY(-5px) !important;
  border-color: rgba(223, 31, 38, .38) !important;
  background: linear-gradient(160deg, rgba(223, 31, 38, .07), rgba(11, 40, 81, .02)) !important;
  box-shadow: 0 18px 42px -18px rgba(11, 40, 81, .34) !important;
}
body.public-page.landing-page #product .sol-card:hover .sol-card__line,
body.public-page.landing-page #product .sol-card:focus-visible .sol-card__line { width: 100% !important; }
body.public-page.landing-page #product .sol-card:hover .sol-card__num { color: rgba(223, 31, 38, .16) !important; }

/* ── ۰۱-۰۶ کارت‌های مزیت ── */
body.public-page.landing-page #product .adv-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
}
body.public-page.landing-page #product .adv-card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  padding: 18px 20px !important;
  border-radius: 14px !important;
  background: rgba(11, 40, 81, .035) !important;
  border: 1px solid rgba(11, 40, 81, .08) !important;
  transition: background .3s, border-color .3s, transform .3s !important;
  box-sizing: border-box !important;
}
body.public-page.landing-page #product .adv-card__num {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important; height: 38px !important;
  border-radius: 50% !important;
  background: rgba(223, 31, 38, .10) !important;
  color: rgb(223, 31, 38) !important;
  font-family: 'Vazirmatn', Tahoma, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
body.public-page.landing-page #product .adv-card__body { display: block !important; min-width: 0 !important; }
body.public-page.landing-page #product .adv-card__title {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  color: rgb(11, 40, 81) !important;
  margin: 0 0 3px !important;
}
body.public-page.landing-page #product .sol-wrap .adv-card__text.adv-card__text,
body.public-page.landing-page #product .sol-wrap .adv-card__text {

  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: rgba(11, 40, 81, .66) !important;
  margin: 0 !important;
}
body.public-page.landing-page #product .adv-card:hover {
  background: rgba(223, 31, 38, .05) !important;
  border-color: rgba(223, 31, 38, .26) !important;
  transform: translateY(-2px) !important;
}

/* ── CTA ── */
body.public-page.landing-page #product .sol-cta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
  padding: 30px 38px !important;
  border-radius: 20px !important;
  background: linear-gradient(120deg, rgb(11, 40, 81) 0%, rgb(20, 56, 108) 55%, rgb(223, 31, 38) 180%) !important;
  box-shadow: 0 20px 48px -22px rgba(11, 40, 81, .55) !important;
  box-sizing: border-box !important;
}
body.public-page.landing-page #product .sol-wrap .sol-cta__text.sol-cta__text,
body.public-page.landing-page #product .sol-wrap .sol-cta__text {

  font-size: 27px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #fff !important;
  margin: 0 !important;
}
body.public-page.landing-page #product .sol-cta .sol-cta__btn.btn,
body.public-page.landing-page #product .sol-cta a.sol-cta__btn.sol-cta__btn,
body.public-page.landing-page #product .sol-cta__btn {
  flex: 0 0 auto !important;
  background: #fff !important;
  color: rgb(11, 40, 81) !important;
  font-family: 'Vazirmatn', system-ui, Tahoma, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  padding: 13px 44px !important;
  border-radius: 999px !important;
  border: 0 !important;
  box-shadow: 0 10px 26px -12px rgba(0, 0, 0, .5) !important;
  transition: transform .25s, box-shadow .25s !important;
  text-decoration: none !important;
}
body.public-page.landing-page #product .sol-cta__btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 34px -14px rgba(0, 0, 0, .6) !important;
}

/* ══ 🌙 تم تیره ══ */
body.public-page.dark-page .sol-head__title,
body.public-page.dark-page .sol-card__title,
body.public-page.dark-page .adv-card__title { color: rgb(232, 236, 244) !important; }
body.public-page.dark-page .sol-head__sub,
body.public-page.dark-page .sol-card__text,
body.public-page.dark-page .adv-card__text { color: rgba(232, 236, 244, .66) !important; }
body.public-page.dark-page .sol-card {
  background: linear-gradient(160deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02)) !important;
  border-color: rgba(255, 255, 255, .11) !important;
}
body.public-page.dark-page .sol-card__num { color: rgba(255, 255, 255, .07) !important; }
body.public-page.dark-page .adv-card {
  background: rgba(255, 255, 255, .045) !important;
  border-color: rgba(255, 255, 255, .09) !important;
}
body.public-page.dark-page .sol-card:hover,
body.public-page.dark-page .adv-card:hover { border-color: rgba(223, 31, 38, .5) !important; }
body.public-page.dark-page .sol-cta__btn { background: #fff !important; color: rgb(11, 40, 81) !important; }

/* ══ 📱 موبایل ══ */
@media (max-width: 900px) {
  body.public-page.landing-page #product .sol-wrap { gap: 28px !important; }
  body.public-page.landing-page #product .sol-head__title { font-size: 42px !important; }
  body.public-page.landing-page #product .sol-head__sub { font-size: 19px !important; }
  body.public-page.landing-page #product .sol-grid {
    grid-template-columns: 1fr !important; gap: 12px !important; }
  body.public-page.landing-page #product .adv-grid {
    grid-template-columns: 1fr !important; gap: 10px !important; }
  body.public-page.landing-page #product .sol-card { padding: 20px 18px 24px !important; }
  body.public-page.landing-page #product .sol-card__num { font-size: 58px !important; }
  body.public-page.landing-page #product .sol-card__title { font-size: 17px !important; }
  body.public-page.landing-page #product .sol-card__text { font-size: 12.5px !important; }
  body.public-page.landing-page #product .sol-cta {
    flex-direction: column !important; align-items: stretch !important;
    text-align: center !important; padding: 24px 20px !important; gap: 16px !important; }
  body.public-page.landing-page #product .sol-cta__text { font-size: 20px !important; }
  body.public-page.landing-page #product .sol-cta__btn {
    text-align: center !important; padding: 13px 20px !important; font-size: 16px !important; }
}
@media (max-width: 430px) {
  body.public-page.landing-page #product .sol-head__title { font-size: 36px !important; }
  body.public-page.landing-page #product .adv-card { padding: 14px 14px !important; gap: 10px !important; }
  body.public-page.landing-page #product .adv-card__num { width: 32px !important; height: 32px !important; font-size: 11.5px !important; }
}


/* ══════════════════════════════════════════════════════════════════════════════
   🔧 رفع نهایی: زیرتیتر بخش «راهکارها» در موبایل (۲۶px مانده بود)
   🔬 قاعدهٔ رقیب spec بالا داشت ⇒ با id + تکرار کلاس قطعی می‌کنیم
   ══════════════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  html body.public-page.landing-page #product .sol-wrap .sol-head__sub.sol-head__sub,
  html body.public-page.landing-page #product .sol-head__sub.sol-head__sub {
    font-size: 26px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
  }
  html body.public-page.landing-page #product .sol-wrap .sol-head__title.sol-head__title,
  html body.public-page.landing-page #product .sol-head__title.sol-head__title {
    font-size: 42px !important;
  }
}
@media (max-width: 560px) {
  html body.public-page.landing-page #product .sol-wrap .sol-head__sub.sol-head__sub.sol-head__sub,
  html body.public-page.landing-page #product .sol-head__sub.sol-head__sub.sol-head__sub {
    font-size: 22px !important;
    font-weight: 700 !important;
  }
  html body.public-page.landing-page #product .sol-wrap .sol-head__title.sol-head__title,
  html body.public-page.landing-page #product .sol-head__title.sol-head__title {
    font-size: 36px !important;
  }
  html body.public-page.landing-page #product .sol-wrap .sol-cta__text.sol-cta__text,
  html body.public-page.landing-page #product .sol-cta__text.sol-cta__text {
    font-size: 20px !important;
  }
}


/* ══════════════════════════════════════════════════════════════════════════════
   🔧 اصلاحات بخش راهکارها + ۳ تصویر پایین
   🖐️ «کلمه راهکار رو حذف کن · نرم افزار و خدمات فونتش بولد و وسط چین
       همه کارت ها ترتیبش درست و از یک شروع تا آخر پشت سر هم
       دکمه رویدادهای خود را با ما ارتقا دهید رو وسط چین کن
       سه تا تصویر پایین‌تر — فونتشون درست + هر سه در یک ردیف»
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── ① حذف تیتر «راهکارها» ── */
html body.public-page.landing-page #product .sol-head__title.is-hidden,
html body.public-page.landing-page #product .sol-head__title {
  display: none !important;
}
body.public-page.landing-page #product .sol-head {
  gap: 0 !important;
}

/* ── ② «نرم‌افزار و خدمات» — بولد + وسط‌چین + اندازهٔ تیتر ── */
html body.public-page.landing-page #product .sol-wrap .sol-head__sub.sol-head__sub,
html body.public-page.landing-page #product .sol-head__sub.sol-head__sub {
  font-family: 'Vazirmatn', system-ui, Tahoma, sans-serif !important;
  font-size: 40px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  color: rgb(11, 40, 81) !important;
  margin: 0 auto !important;
  display: block !important;
  width: 100% !important;
}
html body.public-page.landing-page #product .sol-head {
  align-items: center !important;
  text-align: center !important;
}
body.public-page.landing-page #product .sol-head__rule { margin-top: 16px !important; }

/* ── ③ CTA — وسط‌چین ── */
html body.public-page.landing-page #product .sol-wrap .sol-cta.sol-cta,
html body.public-page.landing-page #product .sol-cta.sol-cta {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 18px !important;
}
html body.public-page.landing-page #product .sol-wrap .sol-cta__text.sol-cta__text,
html body.public-page.landing-page #product .sol-cta__text.sol-cta__text {
  text-align: center !important;
  width: 100% !important;
  margin: 0 !important;
}
html body.public-page.landing-page #product .sol-cta .sol-cta__btn {
  align-self: center !important;
  margin: 0 auto !important;
}

/* ── ④ ۳ تصویر پایین — هر سه در **یک ردیف** ── */
html body.public-page.landing-page #contact .contact__items,
body.public-page.landing-page #contact .contact__items {
  display: flex !important;
  flex-wrap: nowrap !important;          /* 🎯 یک ردیف */
  gap: 14px !important;
  align-items: stretch !important;
  justify-content: center !important;
  width: 100% !important;
}
html body.public-page.landing-page #contact .contact__item.item-contact,
html body.public-page.landing-page #contact .item-contact {
  flex: 1 1 0 !important;                /* عرض مساوی */
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  box-sizing: border-box !important;
}
/* فونت عنوان تصویرها */
html body.public-page.landing-page #contact .item-contact__title,
html body.public-page.landing-page #contact .contact__item h4 {
  font-family: 'Vazirmatn', system-ui, Tahoma, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  color: rgb(255, 255, 255) !important;
  margin: 0 0 6px !important;
}
html body.public-page.landing-page #contact .item-contact__bottom {
  padding: 16px 14px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0 !important;
}
html body.public-page.landing-page #contact .item-contact__img {
  width: 100% !important;
  border-radius: 10px !important;
}

/* ── 📱 موبایل ── */
@media (max-width: 900px) {
  html body.public-page.landing-page #product .sol-head__sub.sol-head__sub {
    font-size: 28px !important;
  }
  html body.public-page.landing-page #product .sol-cta__text.sol-cta__text { font-size: 20px !important; }
  /* 📱 در موبایل یک ردیف جا نمی‌شود ⇒ کارت‌ها زیر هم (بهتر) */
  html body.public-page.landing-page #contact .contact__items {
    flex-wrap: wrap !important;
    gap: 12px !important;
  }
  html body.public-page.landing-page #contact .item-contact {
    flex: 1 1 calc(50% - 6px) !important;
    min-width: calc(50% - 6px) !important;
  }
  html body.public-page.landing-page #contact .item-contact__title { font-size: 16px !important; }
}
@media (max-width: 560px) {
  html body.public-page.landing-page #product .sol-head__sub.sol-head__sub { font-size: 23px !important; }
  html body.public-page.landing-page #contact .item-contact {
    flex: 1 1 100% !important; min-width: 100% !important;
  }
  html body.public-page.landing-page #contact .item-contact__title { font-size: 17px !important; }
}


/* ══════════════════════════════════════════════════════════════════════════════
   🔧 ۱۳ کارت یکپارچه + CTA وسط‌چین + عنوان تصویرها زیر تصویر
   🖐️ «از ۱ تا ۷ پس زمینه هستن ۸ تا ۱۳ همون شکلی بشن · کارت ۸ ادامه کارت ۷
       کادر «رویدادهای خود را…» با دکمه‌اش وسط چین بشن
       سه تا تصویر یک اسم داشت زیرش معلوم باشه و وسط چین»
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── ① کارت‌های ۰۸..۱۳ = همان ظاهر ۰۱..۰۷ (همان .sol-card ⇒ یکسان) ── */
html body.public-page.landing-page #product .sol-grid .sol-card.sol-card,
html body.public-page.landing-page #product .sol-card.sol-card--cont,
html body.public-page.landing-page #product .sol-card {
  /* تضمین یکسانی ظاهر همهٔ ۱۳ کارت */
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 26px 24px 30px !important;
  border-radius: 16px !important;
  background: linear-gradient(160deg, rgba(11, 40, 81, .055), rgba(11, 40, 81, .015)) !important;
  border: 1px solid rgba(11, 40, 81, .10) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
html body.public-page.landing-page #product .sol-card .sol-card__num {
  position: absolute !important; top: 6px !important; inset-inline-start: 16px !important;
  font-family: 'Lalezar', Tahoma, sans-serif !important; font-size: 76px !important;
  line-height: 1 !important; color: rgba(11, 40, 81, .07) !important;
  pointer-events: none !important; user-select: none !important;
}
html body.public-page.landing-page #product .sol-card .sol-card__title {
  position: relative !important;
  font-family: 'Vazirmatn', system-ui, Tahoma, sans-serif !important;
  font-size: 19px !important; font-weight: 700 !important; line-height: 1.45 !important;
  color: rgb(11, 40, 81) !important; margin: 0 !important;
}
html body.public-page.landing-page #product .sol-card .sol-card__text {
  position: relative !important; font-size: 13.5px !important; font-weight: 400 !important;
  line-height: 1.75 !important; color: rgba(11, 40, 81, .68) !important; margin: 0 !important;
}
html body.public-page.landing-page #product .sol-card .sol-card__line {
  position: absolute !important; top: 0 !important; inset-inline-start: 0 !important;
  width: 0 !important; height: 3px !important; background: rgb(223, 31, 38) !important;
  transition: width .45s cubic-bezier(.22,.61,.36,1) !important;
}
html body.public-page.landing-page #product .sol-card:hover .sol-card__line { width: 100% !important; }
/* 🌙 تیره */
body.public-page.dark-page #product .sol-card {
  background: linear-gradient(160deg, rgba(255,255,255,.07), rgba(255,255,255,.02)) !important;
  border-color: rgba(255,255,255,.11) !important;
}
body.public-page.dark-page #product .sol-card .sol-card__title { color: rgb(232,236,244) !important; }
body.public-page.dark-page #product .sol-card .sol-card__text { color: rgba(232,236,244,.66) !important; }
body.public-page.dark-page #product .sol-card .sol-card__num { color: rgba(255,255,255,.07) !important; }

/* ── ② CTA — کادر تمام‌عرض + متن و دکمه وسط ── */
html body.public-page.landing-page #product .sol-wrap .sol-cta.sol-cta,
html body.public-page.landing-page #product .sol-cta.sol-cta {
  width: 100% !important;                 /* 🔑 کادر تمام‌عرض (قبلاً ۴۳۵px جمع شده بود) */
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 18px !important;
  padding: 34px 28px !important;
  margin: 0 auto !important;
}
html body.public-page.landing-page #product .sol-cta .sol-cta__text {
  width: 100% !important; text-align: center !important; margin: 0 !important;
}
html body.public-page.landing-page #product .sol-cta .sol-cta__btn {
  align-self: center !important; margin: 0 auto !important; flex: 0 0 auto !important;
}

/* ── ③ ۳ تصویر — عنوان زیر تصویر + وسط‌چین ── */
html body.public-page.landing-page #contact .item-contact__bottom {
  display: flex !important;
  flex-direction: column !important;      /* 🎯 تصویر بالا، عنوان زیرش */
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  padding: 0 !important;
  text-align: center !important;
}
html body.public-page.landing-page #contact .item-contact__img {
  order: 0 !important;
  width: 100% !important;
  border-radius: 10px !important;
}
html body.public-page.landing-page #contact .item-contact__title {
  order: 1 !important;
  font-family: 'Vazirmatn', system-ui, Tahoma, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  color: rgb(11, 40, 81) !important;
  margin: 0 !important;
  padding: 0 8px 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
body.public-page.dark-page #contact .item-contact__title { color: rgb(232, 236, 244) !important; }

/* ── 📱 موبایل ── */
@media (max-width: 900px) {
  html body.public-page.landing-page #product .sol-card { padding: 20px 18px 24px !important; }
  html body.public-page.landing-page #product .sol-card .sol-card__num { font-size: 58px !important; }
  html body.public-page.landing-page #product .sol-card .sol-card__title { font-size: 17px !important; }
  html body.public-page.landing-page #product .sol-card .sol-card__text { font-size: 12.5px !important; }
  html body.public-page.landing-page #product .sol-cta.sol-cta { padding: 24px 18px !important; gap: 14px !important; }
  html body.public-page.landing-page #product .sol-cta .sol-cta__text { font-size: 20px !important; }
  html body.public-page.landing-page #product .sol-cta .sol-cta__btn {
    width: 100% !important; max-width: 280px !important; text-align: center !important; }
  html body.public-page.landing-page #contact .item-contact__title { font-size: 15px !important; }
}
@media (max-width: 560px) {
  html body.public-page.landing-page #contact .item-contact__title { font-size: 16px !important; }
}


/* ══════════════════════════════════════════════════════════════════════════════
   🔧 رنگ متن ۳ کارت تصویری — «متن‌ها مشخص نیست»
   🔬 اندازه‌گیری: کارت bg=rgb(240,248,255) (روشن) · عنوان color=rgb(255,255,255) (سفید!)
      ⇒ سفید روی روشن = ناخوانا · و `rgb(0,0,238)` = رنگ پیش‌فرض <a>
   ✅ رفع: متن سرمه‌ای تیره + رنگ لینک خنثی + تم تیره روشن
   ══════════════════════════════════════════════════════════════════════════════ */
html body.public-page.landing-page #contact a.contact__item.item-contact,
html body.public-page.landing-page #contact .contact__item.item-contact {
  color: rgb(11, 40, 81) !important;          /* رنگ لینک را از آبی پیش‌فرض بیرون بیاور */
  text-decoration: none !important;
}
html body.public-page.landing-page #contact .item-contact__bottom .item-contact__title,
html body.public-page.landing-page #contact .item-contact__title {
  color: rgb(11, 40, 81) !important;          /* 🔑 سرمه‌ای تیره روی زمینهٔ روشن */
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  text-align: center !important;
  text-shadow: none !important;
  padding: 12px 10px 14px !important;
  margin: 0 !important;
}
/* 🌙 تم تیره ⇒ متن روشن */
body.public-page.dark-page #contact .item-contact__title,
body.public-page.dark-page #contact .contact__item.item-contact {
  color: rgb(232, 236, 244) !important;
}
body.public-page.dark-page #contact .contact__item.item-contact {
  background: rgba(255, 255, 255, .05) !important;
}
/* 📱 موبایل */
@media (max-width: 900px) {
  html body.public-page.landing-page #contact .item-contact__title { font-size: 16px !important; }
}
@media (max-width: 560px) {
  html body.public-page.landing-page #contact .item-contact__title { font-size: 17px !important; }
}

/* ══════════════════════════════════════════════════════════════════════════════
   🔒 قطعی‌ترین قواعد هدر — **انتهای landing.css** (آخرین فایل CSS لودشده)
   🖐️ «من نمیخوام تو دکستاپ دکمه همبرگری بشه یه راهکار دیگه بده»

   🔬 چرا این‌جاست: ترتیب لود = style → theme-sportdata → theme-fonts →
      theme-pages → theme-header-unified → ref-font → fa-fonts → **compat** → **landing**
      ⇒ landing.css **آخرین** است ⇒ قاعده‌های اینجا بر همه چیز غلبه می‌کنند
   ✅ راهکار: دسکتاپ = تب‌های نمایان (بدون همبرگری) · موبایل = همبرگری
   ══════════════════════════════════════════════════════════════════════════════ */

/* 🖥️ دسکتاپ (≥۹۰۱): همبرگری قطعاً پنهان — در هیچ حالتی نمایان نشود */
@media (min-width: 901px) {
  html body.public-page #site-header .nav-burger,
  html body.public-page #site-header #nav-burger,
  html body.public-page #site-header .nav-burger[hidden],
  html body.public-page #site-header #nav-burger[hidden],
  html body.public-page.landing-page #site-header .nav-burger,
  html body.public-page.landing-page #site-header #nav-burger {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important; height: 0 !important;
    min-width: 0 !important; max-width: 0 !important;
    min-height: 0 !important; max-height: 0 !important;
    padding: 0 !important; margin: 0 !important; border: 0 !important;
    overflow: hidden !important; pointer-events: none !important;
    position: absolute !important; left: -9999px !important; top: 0 !important;
  }
  /* ✅ تب‌ها: هرگز اسکرول‌بار نگیرند */
  html body.public-page #site-header .nav-list,
  html body.public-page.landing-page #site-header .nav-list,
  html body.public-page #site-header nav.main-nav .nav-list {
    overflow: visible !important;
    overflow-x: visible !important;
    flex-wrap: nowrap !important;
  }
  html body.public-page #site-header nav.main-nav,
  html body.public-page #site-header .main-nav--inline {
    visibility: visible !important; opacity: 1 !important; pointer-events: auto !important;
    height: auto !important; overflow: visible !important;
  }
  html body.public-page #site-header nav.main-nav *,
  html body.public-page #site-header .nav-list .nav-item,
  html body.public-page #site-header .nav-list > li {
    visibility: visible !important; opacity: 1 !important;
  }
}

/* ── 📐 ۹۰۱–۱۳۲۰: فشرده‌سازی با بودجهٔ عددی (قطعی — آخرین فایل) ──
   محاسبه: لوگو ۲۴۰ + تب‌ها ~۴۵۰ + کادرها ~۱۷۵ + gap ۲۴ = **۸۸۹** ⇒ در ۹۶۰ ✅ */
@media (min-width: 901px) and (max-width: 1320px) {
  html body.public-page #site-header .header-inner,
  html body.public-page.landing-page #site-header .header-inner {
    max-width: 100% !important; width: 100% !important;
    padding-inline: 10px !important; gap: 10px !important;
  }
  /* لوگو/اسم — کوچک‌تر ولی **کامل** (فونت ۱۲ ⇒ اسم ~۱۵۴px در ۲۴۰px) */
  html body.public-page #site-header .brand,
  html body.public-page.landing-page #site-header .brand {
    flex: 0 0 auto !important; width: auto !important; min-width: 0 !important;
    max-width: 240px !important; overflow: visible !important;
  }
  html body.public-page #site-header #site-title,
  html body.public-page.landing-page #site-header #site-title {
    font-size: 12px !important; line-height: 1.3 !important; white-space: nowrap !important;
  }
  html body.public-page #site-header #site-subtitle { font-size: 9px !important; white-space: nowrap !important; }
  html body.public-page #site-header .brand-logo,
  html body.public-page #site-header .brand img { max-height: 30px !important; width: auto !important; }
  /* تب‌ها — فشرده، همه نمایان، بدون اسکرول */
  html body.public-page #site-header nav.main-nav,
  html body.public-page #site-header .main-nav--inline { flex: 0 1 auto !important; min-width: 0 !important; }
  html body.public-page #site-header nav.main-nav .nav-list,
  html body.public-page #site-header .nav-list {
    flex: 0 1 auto !important; min-width: 0 !important; width: auto !important;
    overflow: visible !important; flex-wrap: nowrap !important; gap: 0 !important;
  }
  html body.public-page #site-header .nav-list .nav-item,
  html body.public-page #site-header .nav-list .nav-item > a,
  html body.public-page #site-header .nav-dd-toggle,
  html body.public-page #site-header .nav-list > li > a {
    flex: 0 0 auto !important; white-space: nowrap !important;
    padding-inline: 4px !important; font-size: 11px !important; letter-spacing: -0.2px !important;
  }
  html body.public-page #site-header .nav-list .nav-item i,
  html body.public-page #site-header .nav-dd-toggle i { font-size: 9px !important; margin-inline-end: 2px !important; }
  /* کادرهای راست */
  html body.public-page #site-header .nav-right { flex: 0 0 auto !important; gap: 3px !important; }
  html body.public-page #site-header .nav-clock { min-width: 72px !important; padding-inline: 4px !important; }
  html body.public-page #site-header .nav-clock-time { font-size: 10.5px !important; }
  html body.public-page #site-header .nav-clock-date,
  html body.public-page #site-header .ncd-date { font-size: 7.5px !important; }
  html body.public-page #site-header .nav-lang-btn { min-width: 42px !important; padding-inline: 4px !important; font-size: 10.5px !important; }
  html body.public-page #site-header .nav-lang-name { font-size: 10.5px !important; }
  html body.public-page #site-header .nav-lang-flag { transform: scale(.82) !important; }
  html body.public-page #site-header .nav-login-btn,
  html body.public-page #site-header #nav-login { min-width: 46px !important; padding-inline: 5px !important; font-size: 10.5px !important; }
}
/* ── ۱۲۰۰–۱۳۲۰: فقط کمی تنگ‌تر ── */
@media (min-width: 1200px) and (max-width: 1320px) {
  html body.public-page #site-header .brand { max-width: 275px !important; }
  html body.public-page #site-header #site-title { font-size: 14px !important; }
  html body.public-page #site-header .nav-list .nav-item > a,
  html body.public-page #site-header .nav-list .nav-item,
  html body.public-page #site-header .nav-dd-toggle { padding-inline: 7px !important; font-size: 12.5px !important; letter-spacing: 0 !important; }
  html body.public-page #site-header .header-inner { padding-inline: 16px !important; gap: 16px !important; }
  html body.public-page #site-header .nav-clock { min-width: 84px !important; }
  html body.public-page #site-header .nav-lang-btn { min-width: 52px !important; }
  html body.public-page #site-header .nav-login-btn { min-width: 58px !important; }
}

/* ── 📐 ۹۰۱–۱۰۵۰: فشرده‌سازی بیشینه (بودجه: ۲۴۰ + ۳۹۰ + ۱۶۵ + ۲۰ = ۸۱۵ ⇒ در ۹۶۰ ✅) ── */
@media (min-width: 901px) and (max-width: 1050px) {
  html body.public-page #site-header .header-inner { padding-inline: 8px !important; gap: 8px !important; }
  html body.public-page #site-header .brand { max-width: 215px !important; }
  html body.public-page #site-header #site-title { font-size: 11px !important; }
  html body.public-page #site-header #site-subtitle { font-size: 8.5px !important; }
  html body.public-page #site-header .brand-logo,
  html body.public-page #site-header .brand img { max-height: 26px !important; }
  html body.public-page #site-header .nav-list .nav-item,
  html body.public-page #site-header .nav-list .nav-item > a,
  html body.public-page #site-header .nav-dd-toggle {
    padding-inline: 3px !important; font-size: 10.5px !important; letter-spacing: -0.3px !important;
  }
  html body.public-page #site-header .nav-list .nav-item i,
  html body.public-page #site-header .nav-dd-toggle i { font-size: 8.5px !important; margin-inline-end: 1px !important; }
  html body.public-page #site-header .nav-right { gap: 2px !important; }
  html body.public-page #site-header .nav-clock { min-width: 62px !important; padding-inline: 3px !important; }
  html body.public-page #site-header .nav-clock-time { font-size: 10px !important; }
  html body.public-page #site-header .nav-clock-date,
  html body.public-page #site-header .ncd-date { font-size: 7px !important; }
  html body.public-page #site-header .nav-lang-btn { min-width: 36px !important; padding-inline: 3px !important; font-size: 10px !important; }
  html body.public-page #site-header .nav-lang-name { font-size: 10px !important; }
  html body.public-page #site-header .nav-lang-flag { transform: scale(.75) !important; }
  html body.public-page #site-header .nav-login-btn,
  html body.public-page #site-header #nav-login { min-width: 40px !important; padding-inline: 4px !important; font-size: 10px !important; }
}