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/6a5b42a3527e70fa81f4282b_big-melatonina.png"
class: "img-w-100 brad-32"
# --- ПРАВА КОЛОНКА (Контент Melatonina) ---
- container:
class: "ver-wrap gap-24"
children:
# --- ЗАГОЛОВНА ЧАСТИНА ---
- txt-32: "100 mg"
- heading-80: "Melatonina"
- 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 програми"
- spacer-h-12:
# --- ЧАСТО КОМБІНУЄТЬСЯ (Картки-посилання) ---
- txt-32: "Часто комбінується"
- container:
class: "flex-container gap-12"
children:
# Картка-посилання 1: GABA
- link:
href: "/catalog/gaba-pellet"
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: "GABA"
styles: "text-decoration:none"
- image:
url: "https://cdn.prod.website-files.com/68f28ec4ea14fb3a64bc52bb/6a3ae4ba13b197cb22eda646_gaba-small-thumb.png"
class: "icon-52"
styles: "border-radius: 0.8rem"
# Картка-посилання 2: Epitalone
- link:
href: "/catalog/epitalone"
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: "Epitalone"
styles: "text-decoration:none"
- image:
url: "https://cdn.prod.website-files.com/68f28ec4ea14fb3a64bc52bb/6a27d8af705d40bc659a0752_PEPTIDS_EPITALONE_hero_thumb.avif"
class: "icon-52"
styles: "border-radius: 0.8rem"
# Картка-посилання 3: NAD+
- link:
href: "/catalog/nad-pellet"
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: "NAD+"
styles: "text-decoration:none"
- image:
url: "https://cdn.prod.website-files.com/68f28ec4ea14fb3a64bc52bb/6a2802b2b828ece55c716aad_PELLET%20NAD%2B.png"
class: "icon-52"
styles: "border-radius: 0.8rem"
