/* فاز ۱۲.A — هسته تبدیل سایت عمومی fediya.ir
   Soft UI · سبز برند · موبایل‌اول · CTA لمسی */

/* —— نوار CTA: رنگ درست روی تم سبز —— */
.convert-cta-strip__btn--primary {
  background: var(--accent, #5f9a38);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--accent, #5f9a38) 32%, transparent);
}

.convert-cta-strip__btn--primary:hover {
  background: var(--accent-2, #2f6b52);
  filter: none;
  color: #fff;
}

@media (max-width: 639px) {
  .convert-cta-strip {
    background: color-mix(in srgb, var(--bg, #f6faf3) 94%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--border, #d5ddd0) 70%, transparent);
  }
}

/* —— خانه: هیرو تبدیل‌محور —— */
.hub-home .home-hero__actions {
  width: 100%;
}

.hub-home .home-hero__cta {
  min-height: 48px;
  padding: 0.65rem 1.25rem;
  font-size: 0.9rem;
  font-weight: 700;
  border-radius: 999px;
}

.hub-home .home-hero__cta.btn-primary {
  box-shadow: 0 8px 22px color-mix(in srgb, var(--accent, #5f9a38) 35%, transparent);
}

.hub-home .home-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.85rem;
  margin-top: 1.1rem;
  padding: 0;
  list-style: none;
}

.hub-home .home-trust li {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted, rgba(26, 46, 34, 0.58));
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent, #5f9a38) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent, #5f9a38) 18%, transparent);
}

.hub-home .home-convert {
  margin-top: 1.15rem;
  width: 100%;
  max-width: 28rem;
}

@media (max-width: 639px) {
  .hub-home .home-split {
    gap: 1.25rem;
  }

  .hub-home .home-brand-mark {
    order: -1;
    max-width: min(100%, 280px);
    margin-inline: auto;
  }

  .hub-home .home-hero {
    max-width: none;
    align-items: stretch;
  }

  .hub-home .home-hero__brand {
    justify-content: center;
  }

  .hub-home .home-hero__name {
    font-size: clamp(2.2rem, 12vw, 3rem);
  }

  .hub-home .home-hero__tagline,
  .hub-home .home-rotator {
    text-align: center;
    max-width: none;
  }

  .hub-home .home-rotator__desc-wrap {
    border-inline-start: 0;
    padding-inline-start: 0;
    border-block-start: 2px solid color-mix(in srgb, var(--accent) 45%, transparent);
    padding-block-start: 0.65rem;
  }

  .hub-home .home-hero__rule {
    margin-inline: auto;
  }

  .hub-home .home-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hub-home .home-hero__cta {
    width: 100%;
  }

  .hub-home .home-hero__cta-link {
    text-align: center;
    width: 100%;
  }

  .hub-home .home-trust {
    justify-content: center;
  }
}

/* —— تماس: فرم راحت‌تر روی موبایل —— */
.section-contact .contact-form__submit,
.section-contact button[type="submit"] {
  min-height: 48px;
  border-radius: 999px;
  font-weight: 700;
}

.section-contact .contact-chip--priority {
  min-height: 56px;
}

@media (max-width: 639px) {
  .section-contact .contact-shell {
    gap: 1rem;
  }

  .section-contact .contact-aside {
    order: -1;
  }

  .section-contact .contact-form {
    padding: 1rem 1rem 1.15rem;
  }
}

/* —— تعرفه / مشاوره: هیرو تمیز —— */
.section-pricing .pricing-page-intro,
.section-consultation .consultation-hero {
  margin-bottom: 1.25rem;
}

.section-pricing .page-header .section-title,
.section-consultation .consultation-hero__title {
  letter-spacing: -0.03em;
  line-height: 1.25;
}

@media (max-width: 639px) {
  .section-pricing .page-header .section-title,
  .section-consultation .consultation-hero__title {
    font-size: clamp(1.45rem, 6.5vw, 1.85rem);
  }

  .consultation-steps__label {
    font-size: 0.72rem;
  }

  .consultation-steps__btn {
    min-height: 44px;
  }
}

/* —— تماس شناور: همیشه قابل لمس —— */
.fediya-floating-call {
  min-height: 52px;
}

@media (max-width: 639px) {
  .fediya-floating-call {
    width: auto;
    max-width: calc(100% - 2rem);
    justify-content: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hub-home .home-hero__cta,
  .convert-cta-strip__btn {
    transition: none;
  }
}

/* —— فاز ۱۲.B Money: خدمات · جزئیات خدمت · لندینگ بلاگ —— */
.section-services .service-row__detail-btn,
.section-services .service-row__consult-btn,
.section-service-detail .service-detail-layout__cta,
.section-blog-post .blog-post-header__cta-btn {
  min-height: 44px;
}

.section-blog-post .blog-post-header__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}

.section-blog-post .blog-post-header__cta-btn.btn-primary {
  background: var(--accent, #5f9a38);
  color: #fff;
  border: none;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--accent, #5f9a38) 30%, transparent);
}

.section-service-detail .service-detail-layout__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.15rem;
}

.section-service-detail .service-detail-layout__cta.btn-primary {
  min-height: 48px;
  font-weight: 700;
}

@media (max-width: 639px) {
  .section-services .service-row {
    grid-template-columns: 1fr;
    grid-template-areas: "visual" "content";
    gap: 1rem;
    padding: 1.1rem;
  }

  .section-services .service-row__cta {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .section-services .service-row__detail-btn,
  .section-services .service-row__consult-btn {
    width: 100%;
    justify-content: center;
  }

  .section-service-detail .service-detail-layout {
    grid-template-columns: 1fr;
    grid-template-areas: "visual" "content";
  }

  .section-service-detail .service-detail-layout__actions {
    flex-direction: column;
  }

  .section-service-detail .service-detail-layout__cta {
    width: 100%;
    justify-content: center;
  }

  .section-blog-post .blog-post-layout {
    grid-template-columns: 1fr;
  }

  .section-blog-post .blog-post-toc {
    position: static;
    max-height: none;
    order: -1;
  }

  .section-blog-post .blog-post-header__cta {
    flex-direction: column;
  }

  .section-blog-post .blog-post-header__cta-btn {
    width: 100%;
    justify-content: center;
  }

  .section-blog-post .container--article {
    padding-inline: 0.15rem;
  }
}

/* —— فاز ۱۲.B عمیق: پکیج تعرفه · ماشین‌حساب · ادمین —— */
.section-pricing .pricing-zone__footer-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  justify-content: center;
  margin-top: 1.35rem;
}

.section-pricing .pricing-zone__footer-cta .btn {
  min-height: 48px;
  font-weight: 700;
}

.section-pricing .pricing-card--package .pricing-card__cta {
  min-height: 44px;
  font-weight: 700;
}

.section-pricing .pricing-card--package.pricing-card--featured .pricing-card__cta.btn-primary,
.section-pricing .pricing-card--plus.pricing-card--featured .pricing-card__cta {
  background: var(--accent, #5f9a38);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--accent, #5f9a38) 30%, transparent);
}

.section-pricing .admin-platform-card__cta,
.section-pricing .pricing-card .pricing-card__cta {
  min-height: 44px;
}

@media (max-width: 899px) {
  .section-pricing .calc-summary {
    position: sticky;
    top: calc(var(--header-offset, 4.25rem) + 0.35rem);
    z-index: 18;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: color-mix(in srgb, var(--bg, #f6faf3) 88%, transparent);
    border: 1px solid color-mix(in srgb, var(--accent, #5f9a38) 22%, transparent);
    box-shadow: 0 10px 28px color-mix(in srgb, var(--text, #1a2e22) 12%, transparent);
  }

  .section-pricing .calc-cta {
    min-height: 48px;
    font-weight: 700;
  }

  .section-pricing .pricing-grid--packages {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.85rem;
  }

  .section-pricing .pricing-card--package {
    padding: 1.05rem 1rem 1.15rem;
  }

  .section-pricing .pricing-card--package .pricing-card__name {
    font-size: 1.05rem;
  }

  .section-pricing .pricing-card--package .price-amount {
    font-size: clamp(1.35rem, 6vw, 1.7rem);
  }

  .section-pricing .pricing-zone__footer-cta {
    flex-direction: column;
    align-items: stretch;
  }

  .section-pricing .pricing-zone__footer-cta .btn {
    width: 100%;
    justify-content: center;
  }

  .section-pricing .admin-platform-grid {
    grid-template-columns: 1fr;
  }

  .section-pricing .admin-platform-card__cta {
    width: 100%;
    justify-content: center;
  }
}

/* —— فاز ۱۲.C: نمونه‌کار · جزئیات پروژه · درباره —— */
.section-projects .convert-cta-strip,
.section-about .convert-cta-strip,
.section-project-detail .convert-cta-strip {
  margin-bottom: 1.25rem;
}

.section-projects .projects-search {
  min-height: 48px;
  border-radius: 999px;
}

.section-projects .projects-quick-search__chip {
  min-height: 36px;
  font-weight: 600;
}

.section-projects .project-row__view-btn {
  min-height: 40px;
  font-weight: 700;
}

.section-project-detail .project-detail-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 1.25rem;
  padding: 1.25rem 1.35rem;
  border: 1px solid color-mix(in srgb, var(--accent, #5f9a38) 20%, transparent);
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--accent, #5f9a38) 10%, transparent),
      color-mix(in srgb, var(--bg, #f6faf3) 92%, transparent)
    );
}

.section-project-detail .project-detail-cta__title {
  margin: 0 0 0.35rem;
  font-size: clamp(1.15rem, 3.5vw, 1.45rem);
  letter-spacing: -0.02em;
}

.section-project-detail .project-detail-cta__lead {
  margin: 0;
  color: var(--text-muted, rgba(26, 46, 34, 0.62));
  font-size: 0.92rem;
}

.section-project-detail .project-detail-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.section-project-detail .project-detail-cta__actions .btn {
  min-height: 48px;
  font-weight: 700;
}

.section-about .about-row__title {
  letter-spacing: -0.02em;
  line-height: 1.3;
}

.section-about .about-closing-cta,
.section-blog-post .blog-post-mid-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 1.25rem;
  margin-top: 1.75rem;
  padding: 1.2rem 1.3rem;
  border-radius: 1.1rem;
  border: 1px solid color-mix(in srgb, var(--accent, #5f9a38) 22%, transparent);
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--accent, #5f9a38) 12%, transparent),
      color-mix(in srgb, var(--bg, #f6faf3) 94%, transparent)
    );
}

.section-about .about-closing-cta__title,
.section-blog-post .blog-post-mid-cta__lead {
  margin: 0 0 0.3rem;
  font-size: clamp(1.05rem, 3.2vw, 1.3rem);
  letter-spacing: -0.02em;
}

.section-about .about-closing-cta__lead {
  margin: 0;
  color: var(--text-muted, rgba(26, 46, 34, 0.62));
  font-size: 0.9rem;
}

.section-blog-post .blog-post-mid-cta__lead {
  margin: 0;
  font-weight: 700;
}

.section-about .about-closing-cta__actions,
.section-blog-post .blog-post-mid-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.section-about .about-closing-cta__actions .btn,
.section-blog-post .blog-post-mid-cta__actions .btn {
  min-height: 46px;
  font-weight: 700;
}

@media (max-width: 899px) {
  .section-projects .projects-toolbar {
    gap: 0.75rem;
  }

  .section-projects .projects-quick-search {
    gap: 0.4rem;
    overflow-x: auto;
    padding-bottom: 0.15rem;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .section-projects .projects-quick-search__chip {
    flex: 0 0 auto;
  }

  .section-projects .project-row__actions {
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
  }

  .section-projects .project-row__view-btn {
    width: 100%;
    justify-content: center;
  }

  .section-project-detail .project-detail-nav.breadcrumb {
    font-size: 0.82rem;
  }

  .section-project-detail .project-detail-layout__title {
    font-size: clamp(1.45rem, 6.5vw, 1.9rem);
  }

  .section-project-detail .project-detail-cta {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }

  .section-project-detail .project-detail-cta__actions {
    flex-direction: column;
  }

  .section-project-detail .project-detail-cta__actions .btn {
    width: 100%;
    justify-content: center;
  }

  .section-about .about-row,
  .section-about .about-row--reverse {
    grid-template-columns: 1fr;
  }

  .section-about .about-closing-cta,
  .section-blog-post .blog-post-mid-cta {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }

  .section-about .about-closing-cta__actions,
  .section-blog-post .blog-post-mid-cta__actions {
    flex-direction: column;
  }

  .section-about .about-closing-cta__actions .btn,
  .section-blog-post .blog-post-mid-cta__actions .btn {
    width: 100%;
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .section-pricing .calc-summary,
  .section-project-detail .project-detail-cta {
    transition: none;
  }
}

/* —— فاز ۱۲.C عمیق: گالری · تب‌ها · lightbox —— */
.section-project-detail .project-detail-gallery__tab {
  min-height: 40px;
  padding: 0.45rem 0.85rem;
  font-weight: 600;
  border-radius: 999px;
}

.section-project-detail .project-detail-gallery__tab.is-active {
  background: var(--accent, #5f9a38);
  color: #fff;
  border-color: transparent;
}

.section-project-detail .project-gallery-video__play {
  width: 3.25rem;
  height: 3.25rem;
  min-width: 3.25rem;
}

.section-project-detail .project-lightbox__nav,
.section-project-detail .project-lightbox__close,
.section-project-detail .project-lightbox__tool {
  min-width: 44px;
  min-height: 44px;
}

.section-project-detail .project-lightbox__nav {
  border-radius: 999px;
  background: color-mix(in srgb, #fff 18%, transparent);
  backdrop-filter: blur(8px);
}

@media (max-width: 899px) {
  .section-project-detail .project-detail-gallery__tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.4rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    padding-bottom: 0.2rem;
  }

  .section-project-detail .project-detail-gallery__tab {
    flex: 0 0 auto;
  }

  .section-project-detail .project-showcase__item--split,
  .section-project-detail .project-showcase__item--reverse.project-showcase__item--split {
    grid-template-columns: 1fr;
    gap: 0.85rem;
  }

  .section-project-detail .project-showcase__media .project-detail-gallery__item--image .project-detail-gallery__link img {
    border-radius: 1rem;
  }

  .section-project-detail .project-lightbox__dialog {
    width: 100%;
    max-height: 96vh;
    border-radius: 1rem;
  }

  .section-project-detail .project-lightbox__nav--prev {
    inset-inline-start: 0.35rem;
  }

  .section-project-detail .project-lightbox__nav--next {
    inset-inline-end: 0.35rem;
  }
}

/* —— فاز ۱۲.D: اسکلت خوشه قیمت/ادمین + لینک خوشه بلاگ —— */
.section-pricing .pricing-cluster-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  justify-content: center;
  margin: 0 0 1.35rem;
  padding: 0.55rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent, #5f9a38) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent, #5f9a38) 16%, transparent);
}

.section-pricing .pricing-cluster-nav__chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0.4rem 0.95rem;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--text, #1a2e22);
  text-decoration: none;
  background: color-mix(in srgb, var(--bg, #f6faf3) 88%, transparent);
  border: 1px solid color-mix(in srgb, var(--border, #d5ddd0) 70%, transparent);
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.section-pricing .pricing-cluster-nav__chip:hover {
  border-color: color-mix(in srgb, var(--accent, #5f9a38) 40%, transparent);
  color: var(--accent-2, #2f6b52);
}

.section-pricing .pricing-cluster-nav__chip--cta {
  background: var(--accent, #5f9a38);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 6px 16px color-mix(in srgb, var(--accent, #5f9a38) 28%, transparent);
}

.section-pricing .pricing-cluster-nav__chip--cta:hover {
  background: var(--accent-2, #2f6b52);
  color: #fff;
}

.section-pricing #pricing-packages,
.section-pricing #pricing-production,
.section-pricing #pricing-admin {
  scroll-margin-top: calc(var(--header-offset, 4.25rem) + 0.75rem);
}

.section-blog-post .blog-cluster-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0.85rem 0 0;
}

.section-blog-post .blog-cluster-links__chip {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0.3rem 0.75rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 650;
  text-decoration: none;
  color: var(--text-muted, rgba(26, 46, 34, 0.7));
  background: color-mix(in srgb, var(--accent, #5f9a38) 9%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent, #5f9a38) 16%, transparent);
}

.section-blog-post .blog-cluster-links__chip:hover {
  color: var(--accent-2, #2f6b52);
  border-color: color-mix(in srgb, var(--accent, #5f9a38) 35%, transparent);
}

@media (max-width: 639px) {
  .section-pricing .pricing-cluster-nav {
    border-radius: 1rem;
    justify-content: stretch;
  }

  .section-pricing .pricing-cluster-nav__chip {
    flex: 1 1 calc(50% - 0.45rem);
  }

  .section-pricing .pricing-cluster-nav__chip--cta {
    flex: 1 1 100%;
  }
}

/* —— فاز ۱۲.E: خوانایی بلاگ · TOC · هاب بلاگ —— */
.section-blog .convert-cta-strip {
  margin-bottom: 1.15rem;
}

.section-blog .blog-search {
  min-height: 48px;
  border-radius: 999px;
}

.section-blog-post .blog-post-body .fediya-hub-links {
  margin: 1.75rem 0 0.5rem;
  padding: 1.05rem 1.2rem;
  border-radius: 1rem;
  border: 1px solid color-mix(in srgb, var(--accent, #5f9a38) 22%, transparent);
  background: color-mix(in srgb, var(--accent, #5f9a38) 8%, transparent);
}

.section-blog-post .blog-post-body .fediya-hub-links p {
  margin: 0;
  line-height: 1.75;
  font-size: 0.95rem;
}

.section-blog-post .blog-post-body .fediya-hub-links a {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.section-blog-post .blog-post-body h2,
.section-blog-post .blog-post-body .blog-h2 {
  margin-top: 1.75rem;
  scroll-margin-top: calc(var(--header-offset, 4.25rem) + 0.5rem);
  letter-spacing: -0.02em;
  line-height: 1.35;
}

.section-blog-post .blog-post-body h3,
.section-blog-post .blog-post-body .blog-h3 {
  scroll-margin-top: calc(var(--header-offset, 4.25rem) + 0.5rem);
}

.section-blog-post .blog-post-toc {
  border: 1px solid color-mix(in srgb, var(--accent, #5f9a38) 18%, transparent);
  background: color-mix(in srgb, var(--bg, #f6faf3) 92%, transparent);
}

.section-blog-post .blog-post-toc__list a {
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 0.35rem 0.15rem;
  font-weight: 600;
  border-radius: 0.4rem;
}

.section-blog-post .blog-post-toc__list a:hover {
  color: var(--accent-2, #2f6b52);
  background: color-mix(in srgb, var(--accent, #5f9a38) 8%, transparent);
}

.section-blog-post .blog-inline-cta,
.section-blog-post .blog-post-mid-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem 1.1rem;
  margin: 1.75rem 0;
  padding: 1.15rem 1.25rem;
  border-radius: 1.1rem;
  border: 1px solid color-mix(in srgb, var(--accent, #5f9a38) 22%, transparent);
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--accent, #5f9a38) 12%, transparent),
      color-mix(in srgb, var(--bg, #f6faf3) 94%, transparent)
    );
}

.section-blog-post .blog-inline-cta__lead,
.section-blog-post .blog-post-mid-cta__lead {
  margin: 0;
  font-weight: 700;
  font-size: clamp(1rem, 2.8vw, 1.15rem);
  letter-spacing: -0.02em;
  max-width: 28rem;
}

.section-blog-post .blog-inline-cta__actions,
.section-blog-post .blog-post-mid-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.section-blog-post .blog-inline-cta__actions .btn,
.section-blog-post .blog-post-mid-cta__actions .btn {
  min-height: 46px;
  font-weight: 700;
}

.section-blog-post .cluster-money-nav__chip,
.section-blog-post .blog-cluster-links__chip {
  min-height: 44px;
}

@media (max-width: 900px) {
  .section-blog-post .blog-post-toc {
    padding: 0.85rem 1rem;
  }

  .section-blog-post .blog-post-toc__list {
    display: grid;
    gap: 0.15rem;
  }

  .section-blog-post .blog-post-body {
    font-size: 1.02rem;
    line-height: 1.9;
  }

  .section-blog-post .blog-cluster-links {
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .section-pricing .pricing-cluster-nav__chip,
  .section-blog-post .blog-cluster-links__chip {
    transition: none;
  }
}

/* —— فاز ۱۲ ادامه: تیم · داستان · عضو تیم · هاب خدمات · بلاگ لیست —— */
.section-team .convert-cta-strip,
.section-story .convert-cta-strip,
.section-team-member .convert-cta-strip {
  margin-bottom: 1.2rem;
}

.section-services .services-cluster-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  justify-content: center;
  margin: 0 0 1.35rem;
  padding: 0.55rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent, #5f9a38) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent, #5f9a38) 16%, transparent);
}

.section-services .services-cluster-nav__chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0.4rem 0.9rem;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 700;
  text-decoration: none;
  color: var(--text, #1a2e22);
  background: color-mix(in srgb, var(--bg, #f6faf3) 88%, transparent);
  border: 1px solid color-mix(in srgb, var(--border, #d5ddd0) 70%, transparent);
}

.section-services .services-cluster-nav__chip:hover {
  border-color: color-mix(in srgb, var(--accent, #5f9a38) 40%, transparent);
  color: var(--accent-2, #2f6b52);
}

.section-services .services-cluster-nav__chip--cta {
  background: var(--accent, #5f9a38);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 6px 16px color-mix(in srgb, var(--accent, #5f9a38) 28%, transparent);
}

.section-services .services-cluster-nav__chip--cta:hover {
  background: var(--accent-2, #2f6b52);
  color: #fff;
}

.section-team .team-row__cta .btn,
.section-blog .blog-row__view-btn {
  min-height: 40px;
  font-weight: 700;
}

.section-team-member .team-member-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}

.section-team-member .team-member-hero__actions .btn {
  min-height: 46px;
  font-weight: 700;
}

.section-story .story-outro__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  margin-top: 1rem;
}

.section-story .story-outro__actions .btn {
  min-height: 46px;
  font-weight: 700;
}

.section-blog-post .blog-post-related__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  margin-top: 1.25rem;
}

.section-blog-post .blog-post-related__cta .btn {
  min-height: 46px;
  font-weight: 700;
}

.section-blog-post .blog-post-related__card {
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.section-blog-post .blog-post-related__card:hover {
  border-color: color-mix(in srgb, var(--accent, #5f9a38) 35%, transparent);
}

.section-blog-post .blog-post-footer__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.section-blog-post .blog-post-footer__btn {
  min-height: 46px;
  font-weight: 700;
}

@media (max-width: 899px) {
  .section-services .services-cluster-nav {
    border-radius: 1rem;
  }

  .section-services .services-cluster-nav__chip {
    flex: 1 1 calc(50% - 0.45rem);
  }

  .section-services .services-cluster-nav__chip--cta {
    flex: 1 1 100%;
  }

  .section-blog .blog-row,
  .section-blog .blog-row--reverse,
  .section-team .team-row,
  .section-team .team-row--reverse {
    grid-template-columns: 1fr;
  }

  .section-blog .blog-row__view-btn,
  .section-team .team-row__cta .btn {
    width: 100%;
    justify-content: center;
  }

  .section-team-member .team-member-hero__actions {
    flex-direction: column;
  }

  .section-team-member .team-member-hero__actions .btn {
    width: 100%;
    justify-content: center;
  }

  .section-story .story-outro__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .section-story .story-outro__actions .btn {
    width: 100%;
    justify-content: center;
  }

  .section-blog-post .blog-post-related__grid {
    grid-template-columns: 1fr;
  }

  .section-blog-post .blog-post-related__cta,
  .section-blog-post .blog-post-footer__actions {
    flex-direction: column;
  }

  .section-blog-post .blog-post-related__cta .btn,
  .section-blog-post .blog-post-footer__btn {
    width: 100%;
    justify-content: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .section-blog-post .blog-post-related__card,
  .section-services .services-cluster-nav__chip {
    transition: none;
  }
}

/* —— فاز ۱۲ بستن شکاف A/B/D: اسکلت خوشه مشترک · تماس · خدمت · فوتر · مشاوره —— */
.cluster-money-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  justify-content: center;
  margin: 0 0 1.25rem;
  padding: 0.55rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent, #5f9a38) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent, #5f9a38) 16%, transparent);
}

.city-cluster-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
  margin: 0 0 1.15rem;
  padding: 0.5rem;
  border-radius: 1rem;
  background: color-mix(in srgb, var(--bg, #f6faf3) 88%, transparent);
  border: 1px dashed color-mix(in srgb, var(--accent, #5f9a38) 28%, transparent);
}

.city-cluster-nav__chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.35rem 0.8rem;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
  color: var(--text, #1a2e22);
  background: color-mix(in srgb, var(--surface, #fff) 90%, transparent);
  border: 1px solid color-mix(in srgb, var(--border, #d5ddd0) 75%, transparent);
}

.city-cluster-nav__chip:hover {
  border-color: color-mix(in srgb, var(--accent, #5f9a38) 40%, transparent);
  color: var(--accent-2, #2f6b52);
}

.city-cluster-nav__chip--cta {
  background: var(--accent, #5f9a38);
  color: #fff;
  border-color: transparent;
}

@media (max-width: 639px) {
  .city-cluster-nav__chip {
    flex: 1 1 calc(33.33% - 0.4rem);
  }

  .city-cluster-nav__chip--cta {
    flex: 1 1 100%;
  }
}

.cluster-money-nav__chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.4rem 0.85rem;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
  color: var(--text, #1a2e22);
  background: color-mix(in srgb, var(--bg, #f6faf3) 88%, transparent);
  border: 1px solid color-mix(in srgb, var(--border, #d5ddd0) 70%, transparent);
}

.cluster-money-nav__chip:hover {
  border-color: color-mix(in srgb, var(--accent, #5f9a38) 40%, transparent);
  color: var(--accent-2, #2f6b52);
}

.cluster-money-nav__chip--cta {
  background: var(--accent, #5f9a38);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 6px 16px color-mix(in srgb, var(--accent, #5f9a38) 28%, transparent);
}

.cluster-money-nav__chip--cta:hover {
  background: var(--accent-2, #2f6b52);
  color: #fff;
}

.section-contact #contact-form {
  scroll-margin-top: calc(var(--header-offset, 4.25rem) + 0.75rem);
}

.section-contact .contact-form input,
.section-contact .contact-form textarea,
.section-contact .contact-form select {
  min-height: 46px;
  font-size: 1rem;
}

.section-contact .contact-form textarea {
  min-height: 8.5rem;
}

.section-contact .contact-aside__links {
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
  margin-top: 0.75rem;
}

.section-contact .contact-aside__link-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.45rem 0.85rem;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 700;
  text-decoration: none;
  color: var(--text, #1a2e22);
  background: color-mix(in srgb, var(--accent, #5f9a38) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent, #5f9a38) 18%, transparent);
}

.section-contact .contact-aside__link-btn:hover {
  color: var(--accent-2, #2f6b52);
  border-color: color-mix(in srgb, var(--accent, #5f9a38) 40%, transparent);
}

.section-service-detail .service-detail-closing-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 1.25rem;
  margin-top: 1.75rem;
  padding: 1.2rem 1.3rem;
  border-radius: 1.1rem;
  border: 1px solid color-mix(in srgb, var(--accent, #5f9a38) 22%, transparent);
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--accent, #5f9a38) 12%, transparent),
      color-mix(in srgb, var(--bg, #f6faf3) 94%, transparent)
    );
}

.section-service-detail .service-detail-closing-cta__title {
  margin: 0 0 0.3rem;
  font-size: clamp(1.1rem, 3.2vw, 1.35rem);
  letter-spacing: -0.02em;
}

.section-service-detail .service-detail-closing-cta__lead {
  margin: 0;
  color: var(--text-muted, rgba(26, 46, 34, 0.62));
  font-size: 0.9rem;
}

.section-service-detail .service-detail-closing-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.section-service-detail .service-detail-closing-cta__actions .btn {
  min-height: 46px;
  font-weight: 700;
}

.section-consultation .consultation-steps__btn {
  min-height: 44px;
}

.section-consultation .consultation-btn-next,
.section-consultation .consultation-btn-prev,
.section-consultation .consultation-result__cta .btn {
  min-height: 48px;
  font-weight: 700;
}

@media (max-width: 639px) {
  .section-consultation .consultation-hero {
    padding-bottom: 0.5rem;
  }

  .section-consultation .consultation-steps__list {
    gap: 0.35rem;
  }

  .section-consultation .consultation-steps__btn {
    width: 100%;
    justify-content: center;
  }

  .section-contact .contact-chip--priority {
    min-height: 56px;
  }

  .hub-home .home-hero__cta {
    width: 100%;
    justify-content: center;
  }
}
.section-consultation #consultation-contact-cta,
.section-consultation #consultation-pricing-cta {
  min-height: 48px;
  font-weight: 700;
}

.site-footer .footer-convert {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0.65rem 0 0.35rem;
}

.site-footer .footer-convert__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0.3rem 0.75rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  text-decoration: none;
  color: var(--text, #1a2e22);
  background: color-mix(in srgb, var(--accent, #5f9a38) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent, #5f9a38) 16%, transparent);
}

.site-footer .footer-convert__btn--primary {
  background: var(--accent, #5f9a38);
  color: #fff;
  border-color: transparent;
}

.site-footer .footer-convert__btn--primary:hover {
  background: var(--accent-2, #2f6b52);
  color: #fff;
}

.hub-home .home-hero__cta--secondary {
  min-height: 48px;
  font-weight: 650;
}

@media (max-width: 899px) {
  .cluster-money-nav {
    border-radius: 1rem;
  }

  .cluster-money-nav__chip {
    flex: 1 1 calc(50% - 0.45rem);
  }

  .cluster-money-nav__chip--cta {
    flex: 1 1 100%;
  }

  .section-service-detail .service-detail-closing-cta {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }

  .section-service-detail .service-detail-closing-cta__actions {
    flex-direction: column;
  }

  .section-service-detail .service-detail-closing-cta__actions .btn {
    width: 100%;
    justify-content: center;
  }

  .section-consultation .consultation-panel__actions--split {
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  .section-consultation .consultation-panel__actions--split .btn,
  .section-consultation .consultation-panel__actions--split a.btn {
    flex: 1 1 calc(50% - 0.5rem);
    justify-content: center;
  }

  .section-consultation #consultation-contact-cta {
    flex: 1 1 100%;
  }

  .site-footer .footer-convert {
    width: 100%;
  }

  .site-footer .footer-convert__btn {
    flex: 1 1 auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cluster-money-nav__chip,
  .site-footer .footer-convert__btn {
    transition: none;
  }
}

/* —— فاز ۱۲ ≈۹۰٪: هاب دسته بلاگ · سایدبار تبدیل —— */
.section-blog .blog-cluster-cats,
.section-projects .industry-cluster-cats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0 0 1.25rem;
}

.section-blog .blog-cluster-cats__chip,
.section-projects .industry-cluster-cats__chip {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0.3rem 0.8rem;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
  color: var(--text-muted, rgba(26, 46, 34, 0.72));
  background: color-mix(in srgb, var(--accent, #5f9a38) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent, #5f9a38) 14%, transparent);
}

.section-blog .blog-cluster-cats__chip:hover,
.section-blog .blog-cluster-cats__chip.is-active,
.section-projects .industry-cluster-cats__chip:hover,
.section-projects .industry-cluster-cats__chip.is-active {
  color: #fff;
  background: var(--accent, #5f9a38);
  border-color: transparent;
}

.section-blog-post .blog-post-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
}

.section-blog-post .blog-post-nav__sep {
  opacity: 0.45;
}

.catalog-sidebar__convert {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.65rem;
}

.catalog-sidebar__convert-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0.25rem 0.65rem;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  text-decoration: none;
  color: var(--text, #1a2e22);
  background: color-mix(in srgb, var(--accent, #5f9a38) 10%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent, #5f9a38) 16%, transparent);
}

.catalog-sidebar__convert-btn--primary {
  background: var(--accent, #5f9a38);
  color: #fff;
  border-color: transparent;
}

.catalog-sidebar__convert-btn--primary:hover {
  background: var(--accent-2, #2f6b52);
  color: #fff;
}

@media (max-width: 899px) {
  .section-blog .blog-cluster-cats,
  .section-projects .industry-cluster-cats {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.2rem;
    scrollbar-width: thin;
  }

  .section-blog .blog-cluster-cats__chip,
  .section-projects .industry-cluster-cats__chip {
    flex: 0 0 auto;
  }
}

/* —— فالوآپ ۱۲.D: قصد Money + لینک متقابل تعرفه —— */
.section-blog-post .money-intent-nav {
  margin-top: 0.85rem;
}

.section-blog-post .money-intent-nav__label {
  margin: 0 0 0.45rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--text-muted, rgba(26, 46, 34, 0.62));
}

.section-blog-post .money-intent-nav__chips,
.section-pricing .pricing-money-hubs__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.section-blog-post .money-intent-nav__chip,
.section-pricing .pricing-money-hubs__chip {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0.3rem 0.75rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  text-decoration: none;
  color: var(--text-muted, rgba(26, 46, 34, 0.72));
  background: color-mix(in srgb, var(--accent, #5f9a38) 9%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent, #5f9a38) 16%, transparent);
}

.section-blog-post .money-intent-nav__chip--cta,
.section-blog-post .money-intent-nav__chip:hover,
.section-pricing .pricing-money-hubs__chip:hover {
  color: #fff;
  background: var(--accent, #5f9a38);
  border-color: transparent;
}

.section-pricing .pricing-money-hubs {
  margin: 0 0 1.25rem;
  padding: 0.75rem 0.85rem;
  border-radius: 1rem;
  background: color-mix(in srgb, var(--accent, #5f9a38) 6%, transparent);
  border: 1px solid color-mix(in srgb, var(--accent, #5f9a38) 14%, transparent);
}

.section-pricing .pricing-money-hubs__label {
  margin: 0 0 0.5rem;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--text-muted, rgba(26, 46, 34, 0.62));
}

@media (max-width: 639px) {
  .section-blog-post .money-intent-nav__chips,
  .section-pricing .pricing-money-hubs__chips {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.15rem;
    scrollbar-width: thin;
  }

  .section-blog-post .money-intent-nav__chip,
  .section-pricing .pricing-money-hubs__chip {
    flex: 0 0 auto;
  }
}