/* ═══════════════════════════════════════════════════════════════════
   عدالت گستران محجوب — بازطراحی صفحه اصلی (نسخه ۵۲٫۲)
   لایه اختصاصی صفحه اصلی: هیرو رسمی (بنر مصوب) + جستجوی هوشمند +
   کاروسل خودکار وکلا + اخبار + مقالات + طرف‌های قرارداد + معرفی موسسه
   پس از main.css و polish.css بارگذاری می‌شود. قرارداد reveal/data-count حفظ شده.
   ═══════════════════════════════════════════════════════════════════ */

/* ═══ ۱) هیرو رسمی — عین بنر مصوب ═════════════════════════════════ */
.hx-hero { position: relative; overflow: hidden; background: var(--navy-950); }
.hx-hero__pic { display: block; margin: 0; }
.hx-hero__pic img { display: block; width: 100%; height: auto; }

/* دکمهٔ واقعی قابل‌کلیک — دقیقاً روی دکمهٔ طلایی داخل بنر
   مختصات پیکسلی دکمه در تصویر ۱۷۷۴×۸۸۷: x=۱۰۷۷→۱۴۹۷، y=۴۳۲→۵۱۴ */
.hx-hero__cta {
  position: absolute; z-index: 3;
  left: 60.5%; top: 48.3%; width: 24.15%; height: 9.95%;
  display: flex; align-items: center; justify-content: center; gap: .5em;
  background: linear-gradient(180deg, #f9de9f 0%, #efc47f 52%, #d8a84e 100%);
  color: #17233f; border-radius: 999px; text-decoration: none;
  box-shadow: 0 10px 34px rgba(3, 9, 24, .5), inset 0 1px 0 rgba(255, 255, 255, .65);
  font-weight: 800; font-size: clamp(11px, 2.25vw, 44px); line-height: 1;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .38);
  transition: transform .25s var(--ease, ease), filter .25s, box-shadow .25s;
}
.hx-hero__cta svg { width: 1.5em; height: 1.5em; flex: none; }
.hx-hero__cta b { white-space: nowrap; }
.hx-hero__cta-ic { display: inline-flex; }
.hx-hero__cta-chev { display: inline-flex; opacity: .85; }
.hx-hero__cta:hover, .hx-hero__cta:focus-visible {
  transform: translateY(-8%) scale(1.02); filter: brightness(1.06);
  box-shadow: 0 16px 42px rgba(3, 9, 24, .6), 0 0 0 3px rgba(232, 205, 138, .35), inset 0 1px 0 rgba(255, 255, 255, .65);
}
.hx-hero__cta:active { transform: translateY(-2%) scale(.99); }

/* نسخه موبایل — محتوای واقعی روی برش بنر */
.hx-hero__m { display: none; }
@media (max-width: 639.98px) {
  .hx-hero__cta { display: none; }
  .hx-hero__m {
    position: absolute; z-index: 3; inset-inline: 0; bottom: 0;
    display: flex; flex-direction: column; align-items: center; text-align: center;
    padding: 26px 18px 22px;
    background: linear-gradient(180deg, rgba(6, 13, 31, 0) 0%, rgba(6, 13, 31, .5) 32%, rgba(6, 13, 31, .94) 82%);
    color: #fff;
  }
  .hx-hero__m-kicker { color: var(--gold-300); font-size: 13px; font-weight: 700; letter-spacing: .2px; }
  .hx-hero__m-title {
    font-size: 30px; font-weight: 900; margin-top: 2px;
    background: linear-gradient(120deg, #f3d98c, #cfa24b 60%, #e8cd8a);
    -webkit-background-clip: text; background-clip: text;
    -webkit-text-fill-color: transparent; color: transparent;
  }
  .hx-hero__m-sub { font-size: 13px; color: rgba(255, 255, 255, .88); margin-top: 4px; max-width: 300px; }
  .hx-hero__m-btn {
    display: inline-flex; align-items: center; gap: 9px; margin-top: 14px;
    background: var(--gold-grad); color: #17223f; text-decoration: none;
    padding: 12px 30px; border-radius: 999px; font-size: 15px; font-weight: 800;
    box-shadow: 0 10px 26px rgba(201, 162, 75, .35);
  }
  .hx-hero__m-btn:active { transform: scale(.97); }
}
@media (min-width: 640px) { .hx-hero__m { display: none; } }

/* ═══ ۲) جستجوی هوشمند وکیل — کارت شناور زیر هیرو ═════════════════ */
.hx-find { position: relative; z-index: 6; margin-top: -62px; padding-bottom: 4px; }
.hx-search {
  background: #fff; border: 1px solid var(--navy-100); border-radius: 24px;
  box-shadow: 0 26px 70px rgba(10, 22, 48, .16);
  padding: 20px 10px;
}
.hx-search__grid { display: grid; grid-template-columns: 1.12fr 1fr 1.04fr auto; align-items: stretch; }
.hx-search__field { padding: 2px 22px; border-inline-start: 1px solid var(--navy-100); }
.hx-search__field:first-child { border-inline-start: 0; }
.hx-search__lbl {
  display: inline-flex; align-items: center; gap: 9px;
  font-size: 14px; font-weight: 800; color: var(--navy-850);
}
.hx-search__lbl svg {
  width: 31px; height: 31px; padding: 7px; box-sizing: content-box;
  background: rgba(201, 162, 75, .13); border-radius: 10px; color: var(--gold-700);
}
.hx-search__control { position: relative; margin-top: 11px; }
.hx-search__control select {
  width: 100%; appearance: none; -webkit-appearance: none;
  border: 1.5px solid var(--navy-100); border-radius: 13px; background: #fff;
  padding: 12px 14px; padding-inline-start: 38px;
  font: 600 14px/1.6 'Vazirmatn', Tahoma, sans-serif; color: var(--navy-900);
  cursor: pointer; transition: background .2s, border-color .2s, box-shadow .2s;
}
.hx-search__control select:hover { border-color: var(--gold-400); }
.hx-search__field:focus-within .hx-search__control select {
  background: #e9f4ff; border-color: #a6c9ef; box-shadow: 0 0 0 3px rgba(47, 134, 236, .1);
}
.hx-search__chev {
  position: absolute; inset-inline-start: 13px; top: 50%; transform: translateY(-50%);
  color: var(--gold-600); pointer-events: none; display: inline-flex;
}
.hx-search__act { display: flex; align-items: center; padding: 2px 10px 2px 18px; }
.hx-search__btn {
  position: relative; overflow: hidden; width: 100%;
  display: inline-flex; align-items: center; justify-content: center; gap: 11px;
  background: var(--gold-grad); color: #17223f; border: 0; border-radius: 16px;
  padding: 15px 30px; font: 800 15.5px/1.6 'Vazirmatn', Tahoma, sans-serif; cursor: pointer;
  box-shadow: 0 12px 30px rgba(201, 162, 75, .38);
  transition: transform .22s var(--ease, ease), box-shadow .25s, filter .2s;
}
.hx-search__btn:hover { transform: translateY(-2px); filter: brightness(1.04); box-shadow: 0 18px 40px rgba(201, 162, 75, .5); }
.hx-search__btn:active { transform: scale(.98); }
.hx-search__btn-ic {
  display: inline-grid; place-items: center; width: 34px; height: 34px; flex: none;
  background: rgba(23, 34, 63, .13); border-radius: 50%; color: #17223f;
}
.hx-search__shine {
  position: absolute; top: -40%; bottom: -40%; width: 46px; flex: none;
  background: linear-gradient(105deg, transparent, rgba(255, 255, 255, .55), transparent);
  transform: translateX(-160px) rotate(14deg); opacity: 0; pointer-events: none;
}
.hx-search__btn:hover .hx-search__shine { animation: hx-shine 1.1s ease .05s; }
@keyframes hx-shine { 0% { transform: translateX(-160px) rotate(14deg); opacity: 0; } 30% { opacity: .9; } 100% { transform: translateX(220px) rotate(14deg); opacity: 0; } }
.hx-search__btn.is-pulse { animation: hx-pulse .8s var(--ease, ease); }
@keyframes hx-pulse {
  0% { box-shadow: 0 12px 30px rgba(201, 162, 75, .38), 0 0 0 0 rgba(201, 162, 75, .5); }
  100% { box-shadow: 0 12px 30px rgba(201, 162, 75, .38), 0 0 0 18px rgba(201, 162, 75, 0); }
}

@media (max-width: 1023.98px) {
  .hx-search__grid { grid-template-columns: 1fr 1fr; gap: 4px 0; }
  .hx-search__field { padding: 10px 18px; }
  .hx-search__field:nth-child(odd) { border-inline-start: 0; }
  .hx-search__act { grid-column: 1 / -1; padding: 12px 18px 4px; }
}
@media (max-width: 639.98px) {
  .hx-find { margin-top: -36px; }
  .hx-search { border-radius: 20px; padding: 8px 4px; }
  .hx-search__grid { grid-template-columns: 1fr; }
  .hx-search__field { border-inline-start: 0; padding: 9px 14px; }
  .hx-search__act { padding: 10px 14px 6px; }
  .hx-search__btn { width: 100%; }
}

/* ═══ عناصر مشترک سکشن‌ها ═════════════════════════════════════════ */
.hx-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.hx-kicker {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(201, 162, 75, .11); border: 1px solid rgba(201, 162, 75, .3);
  color: var(--gold-700); border-radius: 999px; padding: 7px 15px;
  font-size: 13px; font-weight: 800;
}
.hx-kicker svg { color: var(--gold-600); }
.hx-kicker--center { display: flex; width: fit-content; margin-inline: auto; }
.hx-kicker--gold {
  background: rgba(201, 162, 75, .14); border-color: rgba(232, 205, 138, .35); color: #eed9a4;
}
.hx-h2 {
  font-size: clamp(23px, 3.1vw, 33px); font-weight: 900; color: var(--navy-900);
  margin-top: 14px; line-height: 1.45;
}
.hx-h2--light { color: #fff; margin-top: 16px; }
.hx-sub { color: var(--muted, #5b6779); font-size: 14.5px; line-height: 2; margin-top: 10px; max-width: 580px; }
.hx-all {
  flex: none; display: inline-flex; align-items: center; gap: 8px;
  border: 1.5px solid var(--navy-100); background: #fff; color: var(--navy-800);
  border-radius: 999px; padding: 11px 20px; font-size: 13.5px; font-weight: 800;
  text-decoration: none; transition: border-color .2s, color .2s, transform .2s, box-shadow .2s;
  box-shadow: 0 6px 18px rgba(10, 22, 48, .06);
}
.hx-all svg { transition: transform .25s; }
.hx-all:hover { border-color: var(--gold-500); color: var(--gold-700); transform: translateY(-2px); box-shadow: 0 10px 26px rgba(201, 162, 75, .18); }
.hx-all:hover svg { transform: translateX(-3px); }
.hx-more { display: inline-flex; align-items: center; gap: 7px; color: var(--gold-700); font-weight: 800; font-size: 13.5px; }
.hx-more svg { transition: transform .25s; }
a:hover > .hx-more svg, a:hover .hx-more svg { transform: translateX(-4px); }
.hx-chip {
  position: absolute; top: 14px; inset-inline-start: 14px; z-index: 2;
  background: rgba(255, 255, 255, .93); color: var(--gold-700);
  border: 1px solid rgba(201, 162, 75, .4); border-radius: 999px;
  padding: 5px 13px; font-size: 11.5px; font-weight: 800; backdrop-filter: blur(4px);
}
.hx-chip--sm { position: static; padding: 3px 11px; font-size: 10.5px; }

/* ═══ ۳) کاروسل خودکار وکلا ══════════════════════════════════════ */
.hx-lawyers {
  padding: clamp(52px, 7vw, 84px) 0 clamp(30px, 4vw, 46px);
  background: linear-gradient(180deg, rgba(246, 247, 251, 0), var(--bg, #f6f7fb) 30%);
}
.hx-mq {
  overflow: hidden; margin-top: clamp(20px, 3vw, 34px); padding: 14px 0 18px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
.hx-mq__track { display: flex; width: max-content; will-change: transform; }
.hx-mq.is-run .hx-mq__track { animation: hx-mq var(--mq-dur, 90s) linear infinite; }
.hx-mq.is-paused .hx-mq__track, .hx-mq:hover.is-run .hx-mq__track, .hx-mq:focus-within.is-run .hx-mq__track { animation-play-state: paused; }
/* حالت بدون‌حرکت (prefers-reduced-motion) — اسکرول افقی دست‌یاز‌پذیر */
.hx-mq.is-static { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
@keyframes hx-mq {
  from { transform: translateX(var(--mq-from, 0px)); }
  to   { transform: translateX(0); }
}

.hx-lcard {
  flex: none; width: 296px; margin-inline-end: 20px;
  background: #fff; border: 1px solid var(--navy-100); border-radius: 20px;
  padding: 18px 18px 16px; box-shadow: 0 10px 28px rgba(10, 22, 48, .07);
  transition: transform .3s var(--ease, ease), box-shadow .3s, border-color .3s;
}
.hx-lcard:hover { transform: translateY(-5px); border-color: var(--gold-400); box-shadow: 0 20px 44px rgba(10, 22, 48, .13); }
.hx-lcard__top { display: flex; align-items: center; gap: 13px; }
.hx-lcard__ava-wrap { position: relative; flex: none; }
.hx-lcard__ava {
  width: 66px; height: 66px; border-radius: 50%; object-fit: cover; display: block;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--gold-400);
}
.hx-lcard__check {
  position: absolute; bottom: -3px; inset-inline-end: -3px;
  width: 23px; height: 23px; border-radius: 50%;
  background: var(--gold-grad); color: #17223f;
  display: grid; place-items: center; border: 2px solid #fff;
}
.hx-lcard__check svg { width: 13px; height: 13px; }
.hx-lcard__who h3 { font-size: 15.5px; font-weight: 800; margin: 0; line-height: 1.7; }
.hx-lcard__who h3 a { color: var(--navy-900); text-decoration: none; transition: color .2s; }
.hx-lcard__who h3 a:hover { color: var(--gold-600); }
.hx-lcard__rank { display: inline-flex; align-items: center; gap: 5px; color: var(--muted, #5b6779); font-size: 11.5px; font-weight: 600; margin-top: 2px; }
.hx-lcard__rank svg { color: var(--gold-600); }
.hx-lcard__rate { display: flex; align-items: center; gap: 7px; margin-top: 13px; font-size: 13px; }
.hx-lcard__rate b { color: var(--navy-900); }
.hx-lcard__rate small { color: var(--muted, #5b6779); }
.hx-lcard__rate--none { color: var(--gold-700); font-size: 12.5px; font-weight: 700; gap: 6px; }
.hx-stars { display: inline-flex; gap: 1px; }
.hx-stars svg { width: 15px; height: 15px; }
.hx-stars .on svg { color: #f0a92d; fill: #f0a92d; }
.hx-stars .off svg { color: #d9dfeb; }
.hx-lcard__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 11px; }
.hx-lcard__tags span {
  background: var(--navy-50, #f2f5fb); border: 1px solid var(--navy-100, #e8edf7);
  color: var(--navy-700, #1a3160); font-size: 11px; font-weight: 700;
  padding: 4px 11px; border-radius: 999px;
}
.hx-lcard__meta { display: flex; flex-direction: column; gap: 5px; margin-top: 12px; }
.hx-lcard__meta span { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; color: #55627e; }
.hx-lcard__meta span:first-child svg { color: #2fa36b; }
.hx-lcard__meta span:last-child svg { color: var(--gold-600); }
.hx-lcard__acts { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 14px; }
.hx-lcard__book, .hx-lcard__prof {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  border-radius: 12px; padding: 10px 8px; font-size: 12.5px; font-weight: 800;
  text-decoration: none; transition: background .2s, color .2s, border-color .2s, transform .2s;
}
.hx-lcard__book { background: var(--navy-800, #112244); color: #fff; }
.hx-lcard__book:hover { background: var(--navy-600, #24407a); transform: translateY(-1px); }
.hx-lcard__prof { border: 1.5px solid var(--navy-100, #e8edf7); color: var(--navy-800, #112244); background: #fff; }
.hx-lcard__prof:hover { border-color: var(--gold-500); color: var(--gold-700); }

/* ═══ ۴) اخبار موسسه ═════════════════════════════════════════════ */
.hx-news { padding-top: clamp(40px, 6vw, 70px); }
.hx-news__grid { display: grid; grid-template-columns: 1.12fr .95fr; gap: 24px; margin-top: clamp(22px, 3vw, 34px); }
.hx-news__feat {
  display: flex; flex-direction: column; background: #fff;
  border: 1px solid var(--navy-100); border-radius: 22px; overflow: hidden;
  text-decoration: none; box-shadow: 0 12px 34px rgba(10, 22, 48, .08);
  transition: transform .3s var(--ease, ease), box-shadow .3s, border-color .3s;
}
.hx-news__feat:hover { transform: translateY(-5px); border-color: var(--gold-300); box-shadow: 0 24px 54px rgba(10, 22, 48, .14); }
.hx-news__media { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--navy-50); }
.hx-news__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s var(--ease, ease); }
.hx-news__feat:hover .hx-news__media img, .hx-news__row:hover .hx-news__thumb img, .hx-art:hover .hx-art__media img { transform: scale(1.06); }
.hx-news__body { display: flex; flex-direction: column; gap: 10px; padding: 20px 22px 22px; }
.hx-news__meta { display: inline-flex; align-items: center; gap: 14px; color: var(--muted, #5b6779); font-size: 12.5px; }
.hx-news__meta svg { color: var(--gold-600); vertical-align: -2px; }
.hx-news__title { font-size: 19px; font-weight: 800; color: var(--navy-900); line-height: 1.8; transition: color .2s; }
.hx-news__feat:hover .hx-news__title { color: var(--gold-700); }
.hx-news__lead { color: var(--muted, #5b6779); font-size: 13.5px; line-height: 2; }
.hx-news__side { display: grid; grid-template-rows: repeat(4, 1fr); gap: 14px; }
.hx-news__row {
  display: flex; gap: 14px; align-items: center; background: #fff;
  border: 1px solid var(--navy-100); border-radius: 16px; padding: 10px;
  text-decoration: none; box-shadow: 0 6px 18px rgba(10, 22, 48, .05);
  transition: transform .25s var(--ease, ease), border-color .25s, box-shadow .25s;
}
.hx-news__row:hover { transform: translateY(-3px); border-color: var(--gold-300); box-shadow: 0 14px 30px rgba(10, 22, 48, .1); }
.hx-news__thumb { flex: none; width: 108px; height: 78px; border-radius: 12px; overflow: hidden; background: var(--navy-50); }
.hx-news__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s var(--ease, ease); }
.hx-news__rowbody { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; min-width: 0; }
.hx-news__rowbody b { color: var(--navy-900); font-size: 13.5px; font-weight: 800; line-height: 1.8; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hx-news__row:hover .hx-news__rowbody b { color: var(--gold-700); }
.hx-news__rowbody .hx-news__meta { font-size: 11.5px; gap: 6px; }

@media (max-width: 899.98px) {
  .hx-news__grid { grid-template-columns: 1fr; }
  .hx-news__side { grid-template-rows: none; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 599.98px) {
  .hx-news__side { grid-template-columns: 1fr; }
}

/* ═══ ۵) مقالات حقوقی ════════════════════════════════════════════ */
.hx-arts__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: clamp(22px, 3vw, 34px); }
.hx-art {
  display: flex; flex-direction: column; background: #fff;
  border: 1px solid var(--navy-100); border-radius: 20px; overflow: hidden;
  text-decoration: none; box-shadow: 0 8px 24px rgba(10, 22, 48, .06);
  transition: transform .3s var(--ease, ease), box-shadow .3s, border-color .3s;
}
.hx-art:hover { transform: translateY(-6px); border-color: var(--gold-300); box-shadow: 0 22px 48px rgba(10, 22, 48, .13); }
.hx-art__media { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--navy-50); }
.hx-art__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s var(--ease, ease); }
.hx-art__body { display: flex; flex-direction: column; gap: 9px; padding: 16px 18px 18px; flex: 1; }
.hx-art__title { font-size: 15.5px; font-weight: 800; color: var(--navy-900); line-height: 1.85; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color .2s; }
.hx-art:hover .hx-art__title { color: var(--gold-700); }
.hx-art__exc { color: var(--muted, #5b6779); font-size: 12.5px; line-height: 1.95; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hx-art__meta { display: inline-flex; align-items: center; gap: 12px; color: var(--muted, #5b6779); font-size: 11.5px; margin-top: auto; }
.hx-art__meta svg { color: var(--gold-600); }
@media (max-width: 1099.98px) { .hx-arts__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 579.98px) { .hx-arts__grid { grid-template-columns: 1fr; } }

/* ═══ ۶) طرف‌های قرارداد — نوار متحرک لوگوها ═════════════════════ */
.hx-partners { padding: clamp(52px, 7vw, 80px) 0 clamp(46px, 6vw, 72px); background: #fff; border-top: 1px solid var(--navy-100); }
.hx-mq--logos { margin-top: 26px; }
.hx-logo {
  flex: none; width: 132px; height: 126px; margin-inline-end: 24px;
  display: grid; place-items: center;
  background: #fff; border: 1px solid var(--navy-100); border-radius: 26px;
  box-shadow: 0 10px 26px rgba(10, 22, 48, .07);
  transition: transform .3s var(--ease, ease), border-color .3s, box-shadow .3s;
}
.hx-logo img { max-width: 74px; max-height: 90px; width: auto; height: auto; filter: grayscale(1); opacity: .72; transition: filter .35s, opacity .35s; }
.hx-logo:hover { transform: translateY(-5px); border-color: var(--gold-300); box-shadow: 0 18px 40px rgba(201, 162, 75, .2); }
.hx-logo:hover img { filter: none; opacity: 1; }

/* ═══ ۷) معرفی و تبلیغ موسسه ═════════════════════════════════════ */
.hx-promo {
  position: relative; overflow: hidden; color: #fff;
  background:
    radial-gradient(1000px 500px at 88% 8%, rgba(201, 162, 75, .13), transparent 55%),
    linear-gradient(160deg, var(--navy-950, #060d1f), var(--navy-900, #0a1630) 55%, var(--navy-850, #0d1b3e));
  padding: clamp(60px, 8.5vw, 104px) 0;
}
.hx-promo__in { display: grid; grid-template-columns: 1.04fr 1fr; gap: clamp(36px, 5vw, 72px); align-items: center; }
.hx-promo__p { color: rgba(255, 255, 255, .82); font-size: 14.5px; line-height: 2.15; margin-top: 14px; }
.hx-promo__chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0 0; padding: 0; list-style: none; }
.hx-promo__chips li {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(201, 162, 75, .1); border: 1px solid rgba(232, 205, 138, .28);
  color: #f0dca4; border-radius: 999px; padding: 8px 15px;
  font-size: 12.5px; font-weight: 700;
}
.hx-promo__chips svg { color: var(--gold-400); }
.hx-promo__stats {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;
  margin-top: 26px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, .09);
}
.hx-stat { text-align: center; background: rgba(255, 255, 255, .045); border: 1px solid rgba(255, 255, 255, .09); border-radius: 18px; padding: 16px 8px 13px; }
.hx-stat__n {
  display: block; font-size: clamp(21px, 2.4vw, 28px); font-weight: 900;
  background: linear-gradient(120deg, #f3d98c, #cfa24b 65%, #e8cd8a);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
.hx-stat__l { display: block; color: rgba(255, 255, 255, .72); font-size: 11.5px; margin-top: 5px; }
.hx-promo__cta { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 28px; }

/* ═══ کلاژ تصاویر تیمی — نسخه ۵۲٫۳ ═══
   رفع روی‌هم‌افتادگی (درخواست کاربر): چیدمان قبلی با position:absolute باعث می‌شد دو عکس
   روی هم بیفتند. اکنون دو قاب با فلکس کنار هم قرار می‌گیرند؛ در هیچ عرضی بر هم سوار نمی‌شوند.
   ریتم مورب ملایم (قاب اصلی بالاتر، قاب مطالعه پایین‌تر) و انیمیشن شناور حفظ شده است؛
   نوار پایینِ سکشن فقط برای نشان «عدالت، حق شماست…» کنار گذاشته شده است. */
.hx-promo__media {
  position: relative;
  display: flex; align-items: center; justify-content: center;
  gap: clamp(14px, 2.4vw, 26px);
  padding: 24px 4px 66px;
}
.hx-promo__orb {
  position: absolute; width: 430px; height: 430px; border-radius: 50%;
  background: radial-gradient(circle, rgba(201, 162, 75, .22), transparent 65%);
  top: -40px; left: -60px; filter: blur(6px); pointer-events: none;
}
.hx-promo__card {
  position: relative; margin: 0; padding: 10px; flex: 0 0 auto;
  background: linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .03));
  border: 1px solid rgba(232, 205, 138, .32); border-radius: 26px;
  backdrop-filter: blur(3px);
}
.hx-promo__card img { display: block; width: 100%; height: auto; filter: drop-shadow(0 30px 38px rgba(0, 0, 0, .45)); }
.hx-promo__card--main { width: min(58%, 350px); margin-bottom: 46px; animation: hx-float 7s ease-in-out infinite alternate; }
.hx-promo__card--study { width: min(40%, 244px); margin-top: 46px; animation: hx-float 8.5s ease-in-out .9s infinite alternate; }
.hx-promo__badge {
  position: absolute; bottom: 8px; right: 5%; z-index: 2;
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(10, 20, 44, .72); border: 1px solid rgba(232, 205, 138, .4);
  color: #f0dca4; border-radius: 999px; padding: 10px 18px;
  font-size: 13px; font-weight: 800; backdrop-filter: blur(6px);
  box-shadow: 0 14px 34px rgba(0, 0, 0, .35);
}
.hx-promo__badge svg { color: var(--gold-400); }
@keyframes hx-float { from { transform: translateY(-9px); } to { transform: translateY(11px); } }

@media (max-width: 899.98px) {
  .hx-promo__in { grid-template-columns: 1fr; }
  .hx-promo__media { margin-top: 12px; padding-bottom: 60px; }
  .hx-promo__card--main { margin-bottom: 30px; }
  .hx-promo__card--study { margin-top: 30px; }
  .hx-promo__stats { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 479.98px) {
  .hx-promo__media { gap: 10px; padding-bottom: 56px; }
  .hx-promo__card { padding: 7px; border-radius: 18px; }
  .hx-promo__card--main { width: 58%; margin-bottom: 20px; }
  .hx-promo__card--study { width: 40%; margin-top: 20px; }
  .hx-promo__badge { font-size: 12px; padding: 8px 14px; bottom: 4px; }
}

/* ═══ حرکت‌های عمومی ═════════════════════════════════════════════ */
@media (max-width: 899.98px) {
  .hx-head { flex-direction: column; align-items: flex-start; gap: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .hx-mq.is-run .hx-mq__track { animation: none; }
  .hx-promo__card--main, .hx-promo__card--study { animation: none; }
  .reveal { transition: none; }
}