/*
 * Growth page (page-id-33, "معماری رشد کسب‌وکار") — Figma-exact desktop layer.
 * Source of truth: Figma file UPOBXkzML01sbUlCmjO2vo, canvas "Business Growth Architecture",
 * frame "Business growth architecture - desktop" (Dev page copy 1006:9443 = 1440 wide, 180px header;
 * content frame "Frame 11" 1006:9451, padding 120/100/200/100, gap 200, fill Primary var(--e-global-color-secondary, #021a51)).
 * Every number below is a Figma number (node geometry / text style), no rounding.
 * Loaded by mu-plugins/beheshti-growth-spec.php after figma-spec.css.
 */


@media (min-width: 1025px) {

  /* ── Section rhythm ─────────────────────────────────────────────────────────── */
  html body.page-id-33 .elementor-element-0265461 { padding: var(--bh-space-section-top) 0 0 !important; }
  html body.page-id-33 .elementor-element-adf7b6b { padding: var(--bh-space-section-gap) 0 0 !important; }
  html body.page-id-33 .elementor-element-0283337 { padding: var(--bh-space-section-gap) 0 var(--bh-space-section-bottom) !important; }
  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: var(--bh-size-content-width) !important; width: var(--bh-size-content-width) !important; margin-left: auto !important; margin-right: auto !important; padding: 0 !important; }
  html body.page-id-33 .elementor-element-0265461 .elementor-column-wrap,
  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-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; }

  /* ── Titles: Aria ExtraLight 64 / 77, #fff, right aligned ──────────────────── */
  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: 0 !important; }
  html body.page-id-33 .elementor-element-3b8eb9e { margin-bottom: var(--bh-space-title-gap-lg) !important; }
  html body.page-id-33 .elementor-element-ed38bc5,
  html body.page-id-33 .elementor-element-5543075 { margin-bottom: var(--bh-space-title-gap-md) !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;
    font-size: var(--bh-fs-display) !important;
    line-height: var(--bh-lh-display) !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;
  }

  /* ── Hex diagram: "chart 2-2 cap 1" 1057×688, centred in the 1240 column ───── */
  html body.page-id-33 .elementor-element-683c2e8 { margin: 0 0 var(--bh-space-title-gap-lg) !important; width: 100% !important; text-align: center !important; }
  html body.page-id-33 .elementor-element-683c2e8 .elementor-widget-container { margin: 0 !important; padding: 0 !important; }
  html body.page-id-33 .elementor-element-683c2e8 img {
    width: var(--bh-size-hex-width) !important;
    height: var(--bh-size-hex-height) !important;
    max-width: none !important;
    margin: 0 auto !important;
    display: block !important;
  }

  /* ── Intro paragraphs: Aria Light 18 / 22, #fff, right, gap 20, line break after "یعنی:" ─ */
  html body.page-id-33 .elementor-element-eeff9b6 { margin: 0 !important; align-self: stretch !important; width: 100% !important; }
  html body.page-id-33 .elementor-element-eeff9b6 .elementor-widget-container { margin: 0 !important; padding: 0 !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;
    font-size: var(--bh-fs-body) !important;
    line-height: var(--bh-lh-body) !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 p:nth-child(3) { margin-top: var(--bh-space-paragraph-gap) !important; }
  html body.page-id-33 .elementor-element-eeff9b6 strong {
    display: inline !important;
    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: "\A"; white-space: pre; }

  /* ── "How it works": 5 steps, RTL, gap 32, 1240 wide, each 138 tall ────────── */
  html body.page-id-33 .elementor-element-e3d8a4b,
  html body.page-id-33 .elementor-element-e3d8a4b .elementor-widget-container { margin: 0 !important; padding: 0 !important; }
  html body.page-id-33 .beheshti-growth-process {
    direction: rtl !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: var(--bh-space-step-gap) !important;
    width: var(--bh-size-content-width) !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html body.page-id-33 .beheshti-growth-process__item {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: var(--bh-space-item-gap) !important;
    min-width: 0 !important;
    height: var(--bh-size-step-box-h) !important;
    width: 219.6px !important;
  }
  /* widths from Figma: text column + 16 + 56 box */
  html body.page-id-33 .beheshti-growth-process__item:nth-child(3) { width: 230.8px !important; }
  html body.page-id-33 .beheshti-growth-process__item:nth-child(5) { width: 222.4px !important; }
  html body.page-id-33 .beheshti-growth-process__content { width: 147.6px !important; flex: 0 0 auto !important; display: flex; flex-direction: column; gap: var(--bh-space-text-gap-sm); }
  html body.page-id-33 .beheshti-growth-process__item:nth-child(3) .beheshti-growth-process__content { width: 158.8px !important; }
  html body.page-id-33 .beheshti-growth-process__item:nth-child(5) .beheshti-growth-process__content { width: 150.4px !important; }
  html body.page-id-33 .beheshti-growth-process__box {
    position: relative !important;
    box-sizing: border-box !important;
    flex: 0 0 var(--bh-size-step-box-w) !important;
    width: var(--bh-size-step-box-w) !important;
    height: var(--bh-size-step-box-h) !important;
    min-height: 0 !important;
    background: var(--bh-color-comp-1) !important;
    display: block !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }
  html body.page-id-33 .beheshti-growth-process__icon {
    position: absolute !important;
    top: var(--bh-size-step-pad) !important;
    left: 0 !important;
    right: 0 !important;
    height: 40px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
  }
  html body.page-id-33 .beheshti-growth-process__icon svg { display: block !important; height: 40px !important; width: auto !important; }
  html body.page-id-33 .beheshti-growth-process__number {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 100px !important; /* Figma: cap-trimmed box y=95..122, baseline at 122 */
    margin: 0 !important;
    text-align: center !important;
    font-family: var(--bh-font-family) !important;
    font-weight: var(--bh-fw-bold) !important;
    font-size: var(--bh-fs-stat) !important;
    line-height: var(--bh-lh-stat) !important;
    height: var(--bh-lh-stat) !important;
    letter-spacing: var(--bh-ls-none) !important;
    color: var(--bh-color-primary) !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;
    font-size: var(--bh-fs-title-24) !important;
    line-height: var(--bh-lh-title-24) !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;
    font-family: var(--bh-font-family) !important;
    font-weight: var(--bh-fw-light) !important;
    font-size: var(--bh-fs-body) !important;
    line-height: var(--bh-lh-body) !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: 2 rows × 3, 1100 wide centred, row gap 60, items 220 text + 16 + 74 icon ─ */
  html body.page-id-33 .elementor-element-0003216,
  html body.page-id-33 .elementor-element-0003216 .elementor-widget-container { margin: 0 !important; padding: 0 !important; }
  html body.page-id-33 .beheshti-growth-results {
    direction: rtl !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-content: flex-start !important;
    row-gap: var(--bh-space-row-gap) !important;
    column-gap: 0 !important;
    width: var(--bh-size-results-w) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    grid-template-columns: none !important;
  }
  html body.page-id-33 .beheshti-growth-results__item {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: var(--bh-space-item-gap) !important;
    width: 310px !important;
    height: 80px !important;
    text-align: right !important;
  }
  /* row 1 icon groups are 74.5 / 73.8 wide in Figma (row 2: all 74) */
  html body.page-id-33 .beheshti-growth-results__item:nth-child(1) { width: 310.5px !important; }
  html body.page-id-33 .beheshti-growth-results__item:nth-child(2) { width: 309.8px !important; }
  html body.page-id-33 .beheshti-growth-results__item:nth-child(1) .beheshti-growth-results__icon { flex-basis: 74.5px !important; width: 74.5px !important; }
  html body.page-id-33 .beheshti-growth-results__item:nth-child(2) .beheshti-growth-results__icon { flex-basis: 73.8px !important; width: 73.8px !important; }
  html body.page-id-33 .beheshti-growth-results__item:nth-child(1) .beheshti-growth-results__icon svg { width: 74.5px !important; }
  html body.page-id-33 .beheshti-growth-results__item:nth-child(2) .beheshti-growth-results__icon svg { width: 73.8px !important; }
  html body.page-id-33 .beheshti-growth-results__icon { flex: 0 0 var(--bh-size-result-icon) !important; width: var(--bh-size-result-icon) !important; height: var(--bh-size-result-icon) !important; display: block !important; }
  html body.page-id-33 .beheshti-growth-results__icon svg { display: block !important; width: var(--bh-size-result-icon) !important; height: var(--bh-size-result-icon) !important; }
  html body.page-id-33 .beheshti-growth-results__item > div { width: var(--bh-size-result-text-w) !important; flex: 0 0 auto !important; display: flex; flex-direction: column; gap: var(--bh-space-text-gap-xs); }
  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;
    font-size: var(--bh-fs-subtitle) !important;
    line-height: var(--bh-lh-subtitle) !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;
    font-size: var(--bh-fs-body) !important;
    line-height: var(--bh-lh-body) !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;
  }
}

/*
 * 1025–1254: the Figma desktop layout is 1240 wide (+100 side margins = 1440 frame) and does not fit.
 * Scale the whole desktop composition (sections incl. their vertical padding, titles, hex image, steps,
 * results) proportionally with `zoom`, so the 1440 frame is reproduced at layout-width / 1440.
 * Layout width = 100vw minus the 15px classic scrollbar gutter; the unitless factor is derived with
 * tan(atan2()) because zoom needs a number, not a length. 1254 = last width where 1240 + gutter does not fit.
 */
@media (min-width: 1025px) and (max-width: 1254px) {
  html body.page-id-33 .elementor-33 > .elementor-top-section {
    zoom: tan(atan2(100vw - 15px, 1440px));
  }
}