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/6a5b42a3d160f389b7749e49_big-oxytocina.png"
class: "img-w-100 brad-32"
# --- ПРАВА КОЛОНКА (Контент Oxytocina) ---
- container:
class: "ver-wrap gap-24"
children:
# --- ЗАГОЛОВНА ЧАСТИНА ---
- txt-32: "500 UI"
- heading-80: "Oxytocina"
- 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:
- "Персоналізовані anti-age та wellness-програми"
- spacer-h-12:
# --- ЧАСТО КОМБІНУЄТЬСЯ (Картки-посилання) ---
- txt-32: "Часто комбінується"
- container:
class: "flex-container gap-12"
children:
# Картка-посилання 1: DHEA
- link:
href: "/catalog/dhea-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: "DHEA"
styles: "text-decoration:none"
- image:
url: "https://cdn.prod.website-files.com/68f28ec4ea14fb3a64bc52bb/6a4ccde6588193e33ac50d96_dhea-small-thumb.png"
class: "icon-52"
styles: "border-radius: 0.8rem"
# Картка-посилання 2: Melatonina
- link:
href: "/catalog/melatonina"
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: "Melatonina"
styles: "text-decoration:none"
- image:
url: "https://cdn.prod.website-files.com/68f28ec4ea14fb3a64bc52bb/6a5b49b672facf87817e6a2d_thumb-melatonina.png"
class: "icon-52"
styles: "border-radius: 0.8rem"
