blocks:
- section:
class: "s-global"
children:
- container:
class: "content"
children:
# --- Рівно 2 спейсери на початку ---
- spacer-h-40:
- spacer-h-40:
- container:
class: "grid _2-col gap-5em mob-reverse tb-1-col"
children:
# --- ЛІВА КОЛОНКА (Зображення) ---
- image:
url: "https://cdn.prod.website-files.com/68f0b4b09cffd5f3dea71ae5/6a5b3fa972facf87817cc133_big-progesterona.png"
class: "img-w-100 brad-32"
# --- ПРАВА КОЛОНКА (Контент Progesterona) ---
- container:
class: "ver-wrap gap-24"
children:
# --- ЗАГОЛОВНА ЧАСТИНА ---
- txt-32: "50 mg / 100 mg / 200 mg"
- heading-80: "Progesterona"
- heading-56: "Баланс
прогестерону"
- txt-32: "Біоідентична пелета для довготривалої підтримки рівня прогестерону у складі персоналізованої терапії"
- container:
class: "spacer-h-12"
# --- КНОПКА З НОВИМ HREF ДЛЯ ПОПАПУ ---
- button:
text: "ОТРИМАТИ КОНСУЛЬТАЦІЮ"
href: "openPopup:consult-popup"
- spacer-h-12:
# --- ОСНОВНІ ПЕРЕВАГИ ---
- txt-32: "Основні переваги"
- list:
- "Гормональний баланс"
- "Комплаєнтність"
- "Фізіологічне вивільнення"
- spacer-h-12:
# --- КОЛИ РЕКОМЕНДУЄТЬСЯ ---
- txt-32: "Коли рекомендується"
- list:
- "Менопауза"
- "HRT-протоколи"
- spacer-h-12:
# --- ЧАСТО КОМБІНУЄТЬСЯ (Картки-посилання) ---
- txt-32: "Часто комбінується"
- container:
class: "flex-container gap-12"
children:
# Картка-посилання 1: Estradiol
- link:
href: "/catalog/estradiol-pelleta"
class: "w-inline-block"
styles: "text-decoration: none; color: #2A2852;"
children:
- card:
class: "card display-flex hor align-center padding-8"
styles: "background-color: #F1F2F6; border-radius: 16px; min-width: 180px; color: inherit; justify-content:space-between"
children:
- container:
styles: "padding:1rem"
children:
- txt-24:
text: "Estradiol"
styles: "text-decoration:none"
- image:
url: "https://cdn.prod.website-files.com/68f28ec4ea14fb3a64bc52bb/6a4cd2ff11cb33a39cbccee1_estradiol-small-thumb.png"
class: "icon-52"
styles: "border-radius: 0.8rem"
