{# Banners (PROMOTED 구조 + gradient lines 101-113).
배경 = .f29b__banner--left/right 의 CSS gradient (figma SVG → R8 CSS gradient 재현). #}
{# Body — 6 cell grid (row-major: row 1 좌/우, row 2 좌/우, row 3 좌/우).
row 별 height = max(좌, 우) → divider Y 정렬.
배경 = .f29b__body 의 CSS multi-gradient (figma SVG → R8 CSS gradient 재현). #}
{# 2026-05-14 — dynamic cardinality loop. row 0..N-1, N = max(process.sections, product.sections).
원본 콘텐츠 N cards 가 어떤 값이든 (3 / 4 / 5 ...) 그대로 표시. 부족한 쪽은 빈 cell.
row 0 의 process column 만 AS-IS/TO-BE transform block 지원 (legacy 03 호환). #}
{% set proc_len = slot_payload.process.sections | length %}
{% set prod_len = slot_payload.product.sections | length %}
{% set row_count = [proc_len, prod_len] | max %}
{% for r in range(row_count) %}
{% set s = slot_payload.process.sections[r] if r < proc_len else none %}
{% set p = slot_payload.product.sections[r] if r < prod_len else none %}
{% if s and s.title %}
{{ s.title | safe }}
{% if s.transforms %}
{% elif s.text_lines %}
{% for line in s.text_lines %}
{{ line.text | safe }}
{% endfor %}
{% endif %}
{% endif %}
{% if p and p.title %}
{{ p.title | safe }}{% if p.sub_title %}{{ p.sub_title | safe }}{% endif %}
{% for line in p.text_lines %}
{{ line.text | safe }}
{% endfor %}
{% if p.footnote %}
{% endif %}
{% endif %}
{% endfor %}
{# 2026-05-14 — popup links : 좌/우 column 끝에 파란색 글씨 (사용자 lock).
slot_payload.popup_left_summary / popup_right_summary 가 있으면 표시. #}
{% if slot_payload.popup_left_summary or slot_payload.popup_right_summary %}
{% endif %}