{%- if section.settings.show_social_proof -%}
{%- endif -%}
{%- if product.media.size > 1 -%}
{%- if section.settings.show_thumbnails and product.media.size > 1 -%}
{%- comment -%} ════════════════════
INFO SIDE — Block-based
════════════════════ {%- endcomment -%}
{% render 'zfresh-social-proof',
rating: section.settings.rating,
count: section.settings.review_count
%}
{%- endif -%}
{%- if section.settings.clinical_badge_text != blank -%}
{%- assign clinical_icon = section.settings.clinical_badge_icon | default: 'flask' -%}
{% render 'zfresh-icon', icon: clinical_icon, size: '12px' %}
{{ section.settings.clinical_badge_text }}
{%- for media in product.media -%}
{%- endfor -%}
{%- endif -%}
{%- for media in product.media -%}
{%- if media.media_type == 'image' -%}
{%- endif -%}
{%- endfor -%}
{%- endif -%}
{%- for block in section.blocks -%}
{%- case block.type -%}
{%- when 'heading' -%}
<{{ block.settings.tag | default: 'h1' }}
class="zf-hero__title"
style="
font-size: clamp({{ block.settings.font_size_mobile | default: '26px' }}, 7vw, {{ block.settings.font_size_desktop | default: '48px' }});
{%- if block.settings.color != blank -%}color: {{ block.settings.color }};{%- endif -%}
"
{{ block.shopify_attributes }}>
{{ block.settings.text }}
{%- when 'subtitle' -%}
{%- endcase -%}
{%- endfor -%}
{{ block.settings.text }}
{%- when 'benefit_bullets' -%}
{%- assign bb_bg = block.settings.bg_color | default: 'transparent' -%}
{%- assign bb_icon_bg = block.settings.icon_bg_color | default: '#0D9373' -%}
{%- assign bb_icon_color = block.settings.icon_check_color | default: '#FFFFFF' -%}
{%- assign bb_title_color = block.settings.title_color | default: '#18181B' -%}
{%- assign bb_desc_color = block.settings.desc_color | default: '#A1A1AA' -%}
{%- assign bb_font = block.settings.font_size | default: '14px' -%}
{%- assign bb_icon_size = block.settings.icon_size | default: 20 -%}
{%- assign bb_icon_gap = block.settings.icon_text_gap | default: 10 -%}
{%- assign bb_item_pad = block.settings.item_padding | default: 10 -%}
{%- assign bb_pad_v = block.settings.padding_vertical | default: 0 -%}
{%- assign bb_pad_h = block.settings.padding_horizontal | default: 0 -%}
{%- assign bb_icon_style = block.settings.icon_style | default: 'filled' -%}
{%- assign bb_divider_color = block.settings.divider_color | default: '#F0F0F0' -%}
{%- for i in (1..4) -%}
{%- assign title_key = 'bullet_' | append: i | append: '_title' -%}
{%- assign desc_key = 'bullet_' | append: i | append: '_desc' -%}
{%- assign b_title = block.settings[title_key] -%}
{%- assign b_desc = block.settings[desc_key] -%}
{%- if b_title != blank -%}
{%- when 'badges' -%}
{{ b_title }}
{%- if b_desc != blank -%}
—
{{ b_desc }}
{%- endif -%}
{%- endif -%}
{%- endfor -%}
{%- for i in (1..4) -%}
{%- assign badge_key = 'badge_' | append: i -%}
{%- assign style_key = 'badge_' | append: i | append: '_style' -%}
{%- assign icon_key = 'badge_' | append: i | append: '_icon' -%}
{%- assign badge_text = block.settings[badge_key] -%}
{%- assign badge_style = block.settings[style_key] | default: 'steel' -%}
{%- assign badge_icon = block.settings[icon_key] | default: 'check' -%}
{%- if badge_text != blank -%}
{% render 'zfresh-icon', icon: badge_icon, size: '13px' %}
{{ badge_text }}
{%- endif -%}
{%- endfor -%}
{%- when 'price' -%}
{%- if block.settings.prefix != blank -%}
{{ block.settings.prefix }}
{%- endif -%}
{{ product.selected_or_first_available_variant.price | money }}
{%- if product.compare_at_price_max > product.price_min -%}
{{ product.compare_at_price_max | money }}
{%- assign save_amount = product.compare_at_price_max | minus: product.price_min -%}
{%- assign save_percent = save_amount | times: 100 | divided_by: product.compare_at_price_max -%}
Save {{ save_percent }}%
{%- endif -%}
{%- if block.settings.suffix != blank -%}
{{ block.settings.suffix }}
{%- endif -%}
{%- when 'rating' -%}
{%- assign star_icon_size = block.settings.star_size | default: '16px' -%}
{%- assign stars_img_height = block.settings.stars_image_height | default: 20 -%}
{%- assign stars_img_retina = stars_img_height | times: 3 -%}
{%- if block.settings.stars_image != blank -%}
{{ block.settings.stars_image | image_url: height: stars_img_retina | image_tag:
class: 'zf-hero__stars-img',
loading: 'lazy',
alt: 'Rating stars'
}}
{%- elsif block.settings.stars_image_url != blank -%}
{%- else -%}
{%- assign star_count = block.settings.stars | default: 5 -%}
{%- for i in (1..star_count) -%}
{% render 'zfresh-icon', icon: 'star', size: star_icon_size %}
{%- endfor -%}
{%- endif -%}
{%- if block.settings.text != blank -%}
{{ block.settings.text }}
{%- endif -%}
{%- when 'cta' -%}
{%- assign btn_bg = block.settings.bg_color -%}
{%- assign btn_text_color = block.settings.text_color -%}
{{ block.settings.text }}
{%- if block.settings.show_arrow -%}
{% render 'zfresh-icon', icon: 'arrow-right', size: '18px' %}
{%- endif -%}
{%- when 'trust' -%}
{%- for i in (1..4) -%}
{%- assign text_key = 'item_' | append: i -%}
{%- assign icon_key = 'icon_' | append: i -%}
{%- assign item_text = block.settings[text_key] -%}
{%- assign item_icon = block.settings[icon_key] | default: 'check' -%}
{%- if item_text != blank -%}
{% render 'zfresh-icon', icon: item_icon, size: '14px' %}
{{ item_text }}
{%- endif -%}
{%- endfor -%}
{%- when 'social_proof_banner' -%}
{%- assign sp_bg = block.settings.bg_color | default: 'transparent' -%}
{%- assign sp_text_color = block.settings.text_color | default: '#52525B' -%}
{%- assign sp_check_color = block.settings.checkmark_color | default: '#22C55E' -%}
{%- assign sp_font = block.settings.font_size | default: '13px' -%}
{%- assign sp_avatar_size = block.settings.avatar_size | default: 28 -%}
{%- assign sp_border_color = block.settings.avatar_border_color | default: '#FFFFFF' -%}
{%- assign sp_pad_v = block.settings.padding_vertical | default: 10 -%}
{%- assign sp_pad_h = block.settings.padding_horizontal | default: 14 -%}
{%- assign has_avatars = false -%}
{%- if block.settings.avatar_1 != blank or block.settings.avatar_2 != blank or block.settings.avatar_3 != blank or block.settings.avatar_4 != blank -%}
{%- assign has_avatars = true -%}
{%- endif -%}
{%- if has_avatars -%}
{%- when 'richtext' -%}
{%- for i in (1..4) -%}
{%- assign avatar_key = 'avatar_' | append: i -%}
{%- assign avatar_img = block.settings[avatar_key] -%}
{%- if avatar_img != blank -%}
{%- endif -%}
{%- endfor -%}
{%- if block.settings.show_checkmark -%}
{%- endif -%}
{%- endif -%}
{%- if block.settings.text != blank -%}
{%- endif -%}
{{ block.settings.text }}
{%- when 'spacer' -%}
{%- when 'divider' -%}
{%- endcase -%}