/*
 * Growth page (page-id-33, "معماری رشد کسب‌وکار") — Figma tablet + mobile layer.
 * Source: Figma file "Beheshti (Copy).fig", canvas "Dev ♥", section "Business Growth Architecture":
 *   mobile  frame 1006:9799  (393 wide)  → used 1:1 at <=599px
 *   tablet  frame 1006:10140 (744 wide)  → used 1:1 at 600–1024px
 * Every rule lives inside max-width:1024px, so the desktop layer (growth-spec.css, >=1025px) is untouched.
 * Loaded by mu-plugins/beheshti-growth-responsive.php (priority 130, after growth-spec).
 * Fonts sit on the Figma text style ("Auto" line height = node height): see px values below.
 *
 * Breakpoint note: Figma only has 393 and 744. Tablet layout starts at 600px (not Elementor's 767) because the
 * single-column mobile layout is unusable between 600 and 767 and the tablet layout holds up down to 600.
 * Below 360px the 2-up step grid collapses to one column (text column would be <80px wide).
 */

@media (max-width: 1024px) {

  :root {
    /* ── mobile (Figma 393) ── */
    --bh-m-pad-x: 20px;
    --bh-m-sec-top-first: 80px;        /* Frame 6 pad-top */
    --bh-m-sec-top: 120px;             /* Frame 124 / 109 pad-top */
    --bh-m-sec-bottom: 80px;           /* Frame 109 pad-bottom */
    --bh-m-fs-title: 30px;             /* Aria ExtraLight */
    --bh-m-lh-title: 36px;
    --bh-m-title-gap: 60px;
    --bh-m-img-max: 480px;             /* Figma 353 wide; cap for 394–599 so the vertical diagram doesn't balloon */
    --bh-m-img-ratio: 989 / 1091;      /* "chart 2-4 1" 353 x 389.4 */
    --bh-m-arch-gap: 30px;             /* image -> list */
    --bh-m-arch-row-gap: 12px;
    --bh-m-fs-body: 14px;              /* Aria Light 14 / 17 */
    --bh-m-lh-body: 17px;
    --bh-m-para-gap: 20px;
    --bh-m-fs-xs: 12px;                /* Aria Light 12 / 15 */
    --bh-m-lh-xs: 15px;
    --bh-m-step-col-gap: 20px;
    --bh-m-step-row-gap: 40px;
    --bh-m-step-h: 103px;
    --bh-m-step-box-w: 44px;
    --bh-m-step-gap: 16px;
    --bh-m-step-icon-h: 28px;
    --bh-m-step-icon-top: 8px;
    --bh-m-step-num-fs: 36px;          /* Aria Bold 36, cap-trimmed 18 box */
    --bh-m-step-num-lh: 18px;
    --bh-m-step-num-top: 71.3px;       /* Figma digit box y=69..87 -> baseline 87; measured ink baseline matches */
    --bh-m-fs-step-title: 18px;        /* Aria Medium 18 / 23 */
    --bh-m-lh-step-title: 23px;
    --bh-m-text-gap-sm: 12px;
    --bh-m-res-gap: 40px;
    --bh-m-res-icon: 46px;
    --bh-m-fs-res-title: 20px;         /* Aria Normal 20 / 25 */
    --bh-m-lh-res-title: 25px;
    --bh-m-text-gap-xs: 4px;

    /* ── tablet (Figma 744) ── */
    --bh-t-pad-x: 40px;
    --bh-t-sec-top-first: 80px;
    --bh-t-sec-top: 120px;
    --bh-t-sec-bottom: 80px;
    --bh-t-fs-title: 34px;             /* Aria ExtraLight 34 / 41 */
    --bh-t-lh-title: 41px;
    --bh-t-title-gap: 60px;
    --bh-t-img-ratio: 1782 / 1161;     /* "chart 2-2 cap 1" 664 x 432.6 */
    --bh-t-fs-body: 16px;              /* Aria Light 16 / 20 */
    --bh-t-lh-body: 20px;
    --bh-t-para-gap: 12px;
    --bh-t-para-min-h: 51px;           /* Figma text node height of "رشد پایدار…" (fixed box, drives section height) */
    --bh-t-col-gap: 40px;
    --bh-t-row-gap: 40px;
    --bh-t-step-h: 135px;
    --bh-t-step-box-w: 56px;
    --bh-t-step-gap: 16px;
    --bh-t-step-icon-h: 32px;
    --bh-t-step-icon-top: 12px;
    --bh-t-step-num-fs: 46px;          /* Aria Bold 46, cap-trimmed 23 box */
    --bh-t-step-num-lh: 23px;
    --bh-t-step-num-top: 100.3px;      /* Figma y=96 + 4.3 */
    --bh-t-fs-step-title: 24px;        /* Aria Medium 24 / 30 */
    --bh-t-lh-step-title: 30px;
    --bh-t-fs-step-text: 18px;         /* Aria Light 18 / 22 */
    --bh-t-lh-step-text: 22px;
    --bh-t-text-gap-sm: 12px;
    --bh-t-res-icon: 62px;
    --bh-t-fs-res-title: 22px;         /* Aria Normal 22 / 27 */
    --bh-t-lh-res-title: 27px;
    --bh-t-text-gap-xs: 4px;
  }

  /* ════════════════════════════════════════════════════════════════════════════
     SHARED (mobile + tablet): reset Elementor/legacy wrappers, RTL, colours
     ════════════════════════════════════════════════════════════════════════════ */
  html body.page-id-33 .elementor-element-0265461 > .elementor-container,
  html body.page-id-33 .elementor-element-adf7b6b > .elementor-container,
  html body.page-id-33 .elementor-element-0283337 > .elementor-container {
    max-width: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important;
  }
  html body.page-id-33 .elementor-element-0265461 > .elementor-container > .elementor-column,
  html body.page-id-33 .elementor-element-adf7b6b > .elementor-container > .elementor-column,
  html body.page-id-33 .elementor-element-0283337 > .elementor-container > .elementor-column { padding: 0 !important; width: 100% !important; }
  html body.page-id-33 .elementor-element-0265461 .elementor-widget-wrap,
  html body.page-id-33 .elementor-element-adf7b6b .elementor-widget-wrap,
  html body.page-id-33 .elementor-element-0283337 .elementor-widget-wrap { padding: 0 !important; }

  html body.page-id-33 .elementor-element-3b8eb9e,
  html body.page-id-33 .elementor-element-ed38bc5,
  html body.page-id-33 .elementor-element-5543075,
  html body.page-id-33 .elementor-element-683c2e8,
  html body.page-id-33 .elementor-element-eeff9b6,
  html body.page-id-33 .elementor-element-e3d8a4b,
  html body.page-id-33 .elementor-element-0003216 { margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
  html body.page-id-33 .elementor-element-e3d8a4b .elementor-widget-container,
  html body.page-id-33 .elementor-element-0003216 .elementor-widget-container,
  html body.page-id-33 .elementor-element-683c2e8 .elementor-widget-container,
  html body.page-id-33 .elementor-element-eeff9b6 .elementor-widget-container { margin: 0 !important; padding: 0 !important; }

  html body.page-id-33 .elementor-element-3b8eb9e .elementor-heading-title,
  html body.page-id-33 .elementor-element-ed38bc5 .elementor-heading-title,
  html body.page-id-33 .elementor-element-5543075 .elementor-heading-title {
    font-family: var(--bh-font-family) !important;
    font-weight: var(--bh-fw-extralight) !important;
    letter-spacing: var(--bh-ls-none) !important;
    color: var(--bh-color-comp-2) !important;
    text-align: right !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* intro paragraphs */
  html body.page-id-33 .elementor-element-eeff9b6 { align-self: stretch !important; width: 100% !important; display: flex !important; flex-direction: column !important; }
  html body.page-id-33 .elementor-element-eeff9b6 p {
    margin: 0 !important;
    font-family: var(--bh-font-family) !important;
    font-weight: var(--bh-fw-light) !important;
    letter-spacing: var(--bh-ls-none) !important;
    color: var(--bh-color-comp-2) !important;
    text-align: right !important;
    font-feature-settings: var(--bh-ff-body) !important;
  }
  html body.page-id-33 .elementor-element-eeff9b6 p:nth-child(2) { display: none !important; }
  html body.page-id-33 .elementor-element-eeff9b6 strong {
    display: block !important;   /* Figma: line break after "یعنی:" */
    font-weight: var(--bh-fw-light) !important;
    color: var(--bh-color-comp-2) !important;
  }
  html body.page-id-33 .elementor-element-eeff9b6 strong::after { content: none !important; }

  /* steps */
  html body.page-id-33 .beheshti-growth-process {
    direction: rtl !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    width: 100% !important;
    max-width: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    grid-template-columns: none !important;
  }
  html body.page-id-33 .beheshti-growth-process__item {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    border: 0 !important;
    background: transparent !important;
  }
  html body.page-id-33 .beheshti-growth-process__item:nth-child(5) { width: 100% !important; }
  html body.page-id-33 .beheshti-growth-process__box {
    position: relative !important;
    box-sizing: border-box !important;
    min-height: 0 !important;
    background: var(--bh-color-comp-1) !important;
    display: block !important;
    padding: 0 !important;
    border-radius: 0 !important;
    margin: 0 !important;
  }
  html body.page-id-33 .beheshti-growth-process__icon {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    margin: 0 !important;
  }
  html body.page-id-33 .beheshti-growth-process__icon svg { display: block !important; width: auto !important; max-width: none !important; }
  html body.page-id-33 .beheshti-growth-process__number {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    font-family: var(--bh-font-family) !important;
    font-weight: var(--bh-fw-bold) !important;
    letter-spacing: var(--bh-ls-none) !important;
    color: var(--bh-color-primary) !important;
  }
  html body.page-id-33 .beheshti-growth-process__content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html body.page-id-33 .beheshti-growth-process__item h3 {
    margin: 0 !important;
    font-family: var(--bh-font-family) !important;
    font-weight: var(--bh-fw-medium) !important;
    letter-spacing: var(--bh-ls-none) !important;
    color: var(--bh-color-secondary) !important;
    text-align: right !important;
  }
  html body.page-id-33 .beheshti-growth-process__item p {
    margin: 0 !important;
    max-width: none !important;
    font-family: var(--bh-font-family) !important;
    font-weight: var(--bh-fw-light) !important;
    letter-spacing: var(--bh-ls-none) !important;
    color: var(--bh-color-comp-2) !important;
    text-align: right !important;
    font-feature-settings: var(--bh-ff-body) !important;
  }

  /* results */
  html body.page-id-33 .beheshti-growth-results {
    direction: rtl !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-content: flex-start !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-template-columns: none !important;
  }
  html body.page-id-33 .beheshti-growth-results__item {
    display: flex !important;
    flex-direction: row !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: right !important;
  }
  html body.page-id-33 .beheshti-growth-results__icon {
    display: block !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body.page-id-33 .beheshti-growth-results__icon svg { display: block !important; width: 100% !important; height: 100% !important; }
  html body.page-id-33 .beheshti-growth-results__item > div {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    display: flex !important;
    flex-direction: column !important;
  }
  html body.page-id-33 .beheshti-growth-results__item h3 {
    margin: 0 !important;
    font-family: var(--bh-font-family) !important;
    font-weight: var(--bh-fw-normal) !important;
    letter-spacing: var(--bh-ls-none) !important;
    color: var(--bh-color-secondary) !important;
    text-align: right !important;
  }
  html body.page-id-33 .beheshti-growth-results__item p {
    margin: 0 !important;
    max-width: none !important;
    font-family: var(--bh-font-family) !important;
    font-weight: var(--bh-fw-light) !important;
    letter-spacing: var(--bh-ls-none) !important;
    color: var(--bh-color-comp-2) !important;
    text-align: right !important;
    font-feature-settings: var(--bh-ff-body) !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════════
   TABLET  600–1024  (Figma 744: frame 1006:10140)
   ══════════════════════════════════════════════════════════════════════════════ */
@media (min-width: 600px) and (max-width: 1024px) {

  html body.page-id-33 .elementor-element-0265461 { padding: var(--bh-t-sec-top-first) var(--bh-t-pad-x) 0 !important; }
  html body.page-id-33 .elementor-element-adf7b6b { padding: var(--bh-t-sec-top) var(--bh-t-pad-x) 0 !important; }
  html body.page-id-33 .elementor-element-0283337 { padding: var(--bh-t-sec-top) var(--bh-t-pad-x) var(--bh-t-sec-bottom) !important; }

  html body.page-id-33 .elementor-element-3b8eb9e .elementor-heading-title,
  html body.page-id-33 .elementor-element-ed38bc5 .elementor-heading-title,
  html body.page-id-33 .elementor-element-5543075 .elementor-heading-title {
    font-size: var(--bh-t-fs-title) !important;
    line-height: var(--bh-t-lh-title) !important;
  }
  html body.page-id-33 .elementor-element-3b8eb9e,
  html body.page-id-33 .elementor-element-ed38bc5,
  html body.page-id-33 .elementor-element-5543075 { margin-bottom: var(--bh-t-title-gap) !important; }

  /* diagram: 664 x 432.6 */
  html body.page-id-33 .elementor-element-683c2e8 { margin-bottom: var(--bh-t-title-gap) !important; width: 100% !important; }
  html body.page-id-33 .elementor-33 .elementor-widget-image.elementor-element-683c2e8 img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: var(--bh-t-img-ratio) !important;
    margin: 0 !important;
  }

  /* paragraphs: Figma order is "یعنی:" first, then "رشد پایدار…"; gap 12 */
  html body.page-id-33 .elementor-element-eeff9b6 p {
    font-size: var(--bh-t-fs-body) !important;
    line-height: var(--bh-t-lh-body) !important;
  }
  html body.page-id-33 .elementor-element-eeff9b6 p:nth-child(3) { order: 1 !important; margin: 0 !important; }
  html body.page-id-33 .elementor-element-eeff9b6 p:nth-child(1) { order: 2 !important; margin-top: var(--bh-t-para-gap) !important; min-height: var(--bh-t-para-min-h) !important; }

  /* steps: 2-up, item = text + 16 + 56 box, 135 tall, gaps 40/40, 5th full width */
  html body.page-id-33 .beheshti-growth-process { column-gap: var(--bh-t-col-gap) !important; row-gap: var(--bh-t-row-gap) !important; }
  html body.page-id-33 .beheshti-growth-process__item {
    width: calc((100% - var(--bh-t-col-gap)) / 2) !important;
    min-height: var(--bh-t-step-h) !important;
    gap: var(--bh-t-step-gap) !important;
  }
  html body.page-id-33 .beheshti-growth-process__item:nth-child(5) { width: 100% !important; }
  html body.page-id-33 .beheshti-growth-process__box { flex: 0 0 var(--bh-t-step-box-w) !important; width: var(--bh-t-step-box-w) !important; height: var(--bh-t-step-h) !important; }
  html body.page-id-33 .beheshti-growth-process__icon { top: var(--bh-t-step-icon-top) !important; height: var(--bh-t-step-icon-h) !important; }
  html body.page-id-33 .beheshti-growth-process__icon svg { height: var(--bh-t-step-icon-h) !important; }
  html body.page-id-33 .beheshti-growth-process__number {
    top: var(--bh-t-step-num-top) !important;
    font-size: var(--bh-t-step-num-fs) !important;
    line-height: var(--bh-t-step-num-lh) !important;
    height: var(--bh-t-step-num-lh) !important;
  }
  html body.page-id-33 .beheshti-growth-process__content { gap: var(--bh-t-text-gap-sm) !important; }
  html body.page-id-33 .beheshti-growth-process__item h3 { font-size: var(--bh-t-fs-step-title) !important; line-height: var(--bh-t-lh-step-title) !important; }
  html body.page-id-33 .beheshti-growth-process__item p { font-size: var(--bh-t-fs-step-text) !important; line-height: var(--bh-t-lh-step-text) !important; }

  /* results: 2-up, 62 icon + 16 + text, gaps 40/40 */
  html body.page-id-33 .beheshti-growth-results { column-gap: var(--bh-t-col-gap) !important; row-gap: var(--bh-t-row-gap) !important; }
  html body.page-id-33 .beheshti-growth-results__item {
    width: calc((100% - var(--bh-t-col-gap)) / 2) !important;
    gap: var(--bh-t-step-gap) !important;
    align-items: flex-start !important;
  }
  html body.page-id-33 .beheshti-growth-results__icon { width: var(--bh-t-res-icon) !important; height: var(--bh-t-res-icon) !important; }
  html body.page-id-33 .beheshti-growth-results__item > div { gap: var(--bh-t-text-gap-xs) !important; }
  html body.page-id-33 .beheshti-growth-results__item h3 { font-size: var(--bh-t-fs-res-title) !important; line-height: var(--bh-t-lh-res-title) !important; }
  html body.page-id-33 .beheshti-growth-results__item p { font-size: var(--bh-t-fs-step-text) !important; line-height: var(--bh-t-lh-step-text) !important; }
}

/* ══════════════════════════════════════════════════════════════════════════════
   MOBILE  <=599  (Figma 393: frame 1006:9799)
   ══════════════════════════════════════════════════════════════════════════════ */
@media (max-width: 599px) {

  html body.page-id-33 .elementor-element-0265461 { padding: var(--bh-m-sec-top-first) var(--bh-m-pad-x) 0 !important; }
  html body.page-id-33 .elementor-element-adf7b6b { padding: var(--bh-m-sec-top) var(--bh-m-pad-x) 0 !important; }
  html body.page-id-33 .elementor-element-0283337 { padding: var(--bh-m-sec-top) var(--bh-m-pad-x) var(--bh-m-sec-bottom) !important; }

  html body.page-id-33 .elementor-element-3b8eb9e .elementor-heading-title,
  html body.page-id-33 .elementor-element-ed38bc5 .elementor-heading-title,
  html body.page-id-33 .elementor-element-5543075 .elementor-heading-title {
    font-size: var(--bh-m-fs-title) !important;
    line-height: var(--bh-m-lh-title) !important;
  }
  html body.page-id-33 .elementor-element-3b8eb9e,
  html body.page-id-33 .elementor-element-ed38bc5,
  html body.page-id-33 .elementor-element-5543075 { margin-bottom: var(--bh-m-title-gap) !important; }

  /* diagram: mobile artboard uses the vertical "chart 2-4" (989x1091) -> 353 x 389.4, then the 6-item list */
  html body.page-id-33 .elementor-element-683c2e8 { margin-bottom: var(--bh-m-title-gap) !important; width: 100% !important; }
  html body.page-id-33 .elementor-element-683c2e8 img:not(.beheshti-growth-arch__icon) { display: none !important; }
  html body.page-id-33 .elementor-element-683c2e8::before {
    content: "";
    display: block;
    width: 100%;
    max-width: var(--bh-m-img-max);
    aspect-ratio: var(--bh-m-img-ratio);
    margin: 0 auto var(--bh-m-arch-gap);
    background: url("assets/growth-chart-mobile.png") center / 100% 100% no-repeat;
  }

  html body.page-id-33 .beheshti-growth-arch {
    display: flex !important;           /* overrides the [hidden] attribute (tablet/desktop keep it hidden) */
    flex-direction: column !important;
    gap: var(--bh-m-arch-row-gap) !important;
    direction: rtl !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body.page-id-33 .beheshti-growth-arch__item {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 8px !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  html body.page-id-33 .elementor-33 .elementor-widget-image .beheshti-growth-arch__item .beheshti-growth-arch__icon {
    display: block !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    height: auto !important;
    max-width: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }
  /* Figma: every icon sits in a 26px black circle (Frame 153); the 18px glyphs get 4px around them (target.svg has it built in) */
  html body.page-id-33 .elementor-33 .elementor-widget-image .beheshti-growth-arch__item .beheshti-growth-arch__icon {
    flex-basis: 26px !important; width: 26px !important; height: 26px !important; padding: 4px !important; box-sizing: border-box !important; object-fit: contain !important;
    background: #000 !important; border-radius: 50% !important;
  }
  html body.page-id-33 .elementor-33 .elementor-widget-image .beheshti-growth-arch__item:first-child .beheshti-growth-arch__icon { padding: 0 !important; }
  html body.page-id-33 .beheshti-growth-arch__text { flex: 1 1 0 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: var(--bh-m-text-gap-xs) !important; }
  html body.page-id-33 .beheshti-growth-arch__text h3 {
    margin: 0 !important; padding: 0 !important;
    font-family: var(--bh-font-family) !important;
    font-weight: var(--bh-fw-regular) !important;
    font-size: var(--bh-m-fs-body) !important;
    line-height: var(--bh-m-lh-body) !important;
    letter-spacing: var(--bh-ls-none) !important;
    color: var(--bh-color-secondary) !important;
    text-align: right !important;
  }
  html body.page-id-33 .beheshti-growth-arch__text p {
    margin: 0 !important; padding: 0 !important;
    font-family: var(--bh-font-family) !important;
    font-weight: var(--bh-fw-light) !important;
    font-size: var(--bh-m-fs-xs) !important;
    line-height: var(--bh-m-lh-xs) !important;
    letter-spacing: var(--bh-ls-none) !important;
    color: var(--bh-color-comp-2) !important;
    text-align: right !important;
    font-feature-settings: var(--bh-ff-body) !important;
  }

  /* paragraphs: 14/17, gap 20 (Figma order = DOM order) */
  html body.page-id-33 .elementor-element-eeff9b6 p {
    font-size: var(--bh-m-fs-body) !important;
    line-height: var(--bh-m-lh-body) !important;
  }
  html body.page-id-33 .elementor-element-eeff9b6 p:nth-child(3) { margin-top: var(--bh-m-para-gap) !important; }

  /* steps: 2-up, item = text + 16 + 44 box, 103 tall, gaps 20/40, 5th full width */
  html body.page-id-33 .beheshti-growth-process { column-gap: var(--bh-m-step-col-gap) !important; row-gap: var(--bh-m-step-row-gap) !important; }
  html body.page-id-33 .beheshti-growth-process__item {
    width: calc((100% - var(--bh-m-step-col-gap)) / 2) !important;
    min-height: var(--bh-m-step-h) !important;
    gap: var(--bh-m-step-gap) !important;
  }
  html body.page-id-33 .beheshti-growth-process__item:nth-child(5) { width: 100% !important; }
  html body.page-id-33 .beheshti-growth-process__box { flex: 0 0 var(--bh-m-step-box-w) !important; width: var(--bh-m-step-box-w) !important; height: var(--bh-m-step-h) !important; }
  html body.page-id-33 .beheshti-growth-process__icon { top: var(--bh-m-step-icon-top) !important; height: var(--bh-m-step-icon-h) !important; }
  html body.page-id-33 .beheshti-growth-process__icon svg { height: var(--bh-m-step-icon-h) !important; }
  html body.page-id-33 .beheshti-growth-process__number {
    top: var(--bh-m-step-num-top) !important;
    font-size: var(--bh-m-step-num-fs) !important;
    line-height: var(--bh-m-step-num-lh) !important;
    height: var(--bh-m-step-num-lh) !important;
  }
  html body.page-id-33 .beheshti-growth-process__content { gap: var(--bh-m-text-gap-sm) !important; }
  html body.page-id-33 .beheshti-growth-process__item h3 { font-size: var(--bh-m-fs-step-title) !important; line-height: var(--bh-m-lh-step-title) !important; }
  html body.page-id-33 .beheshti-growth-process__item p { font-size: var(--bh-m-fs-body) !important; line-height: var(--bh-m-lh-body) !important; }

  /* results: single column, 46 icon + 16 + text, item gap 40, icon centred on the row (Figma item 4 = 63 tall, icon y+8.5) */
  html body.page-id-33 .beheshti-growth-results { flex-direction: column !important; flex-wrap: nowrap !important; row-gap: var(--bh-m-res-gap) !important; }
  html body.page-id-33 .beheshti-growth-results__item {
    width: 100% !important;
    gap: var(--bh-m-step-gap) !important;
    align-items: center !important;
  }
  html body.page-id-33 .beheshti-growth-results__icon { width: var(--bh-m-res-icon) !important; height: var(--bh-m-res-icon) !important; }
  html body.page-id-33 .beheshti-growth-results__item > div { gap: var(--bh-m-text-gap-xs) !important; }
  html body.page-id-33 .beheshti-growth-results__item h3 { font-size: var(--bh-m-fs-res-title) !important; line-height: var(--bh-m-lh-res-title) !important; }
  html body.page-id-33 .beheshti-growth-results__item p { font-size: var(--bh-m-fs-body) !important; line-height: var(--bh-m-lh-body) !important; }
}

/* very narrow phones (<360): the 2-up step grid leaves <80px for text, so stack the steps */
@media (max-width: 359px) {
  html body.page-id-33 .beheshti-growth-process__item,
  html body.page-id-33 .beheshti-growth-process__item:nth-child(5) { width: 100% !important; }
}