{% if section.settings.italic_font_family == 'georgia-pro' or section.settings.italic_font_family == 'bodoni-moda' or section.settings.italic_font_family == 'instrument-serif' or section.settings.italic_font_family == 'custom_google_font' %}
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  {% if section.settings.italic_font_family == 'georgia-pro' %}
    <link href="https://fonts.googleapis.com/css2?family=Georgia+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap" rel="stylesheet">
  {% endif %}
  {% if section.settings.italic_font_family == 'bodoni-moda' %}
    <link href="https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,500;0,6..96,600;0,6..96,700;1,6..96,400;1,6..96,500;1,6..96,600;1,6..96,700&display=swap" rel="stylesheet">
  {% endif %}
  {% if section.settings.italic_font_family == 'instrument-serif' %}
    <link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap" rel="stylesheet">
  {% endif %}
  {% if section.settings.italic_font_family == 'custom_google_font' and section.settings.custom_google_font_name != blank %}
    <link href="https://fonts.googleapis.com/css2?family={{ section.settings.custom_google_font_name | replace: ' ', '+' }}:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
  {% endif %}
{% endif %}

{%- liquid 
  assign padding_horizontal = section.settings.padding_horizontal
  assign padding_horizontal_mobile = section.settings.padding_horizontal_mobile
  assign padding_top = section.settings.padding_top
  assign padding_top_mobile = section.settings.padding_top_mobile
  assign padding_bottom = section.settings.padding_bottom
  assign padding_bottom_mobile = section.settings.padding_bottom_mobile
  assign border_color = section.settings.border_color
  assign border_thickness = section.settings.border_thickness
  assign margin_top = section.settings.margin_top
  assign margin_bottom = section.settings.margin_bottom
  assign background_color = section.settings.background_color
  assign background_gradient = section.settings.background_gradient
  assign full_width = section.settings.full_width
  assign content_width = section.settings.content_width
  assign lazy = section.settings.lazy
  
  assign image = section.settings.image
  assign image_mobile = section.settings.image_mobile
  assign image_radius = section.settings.image_radius
  assign image_border_thickness = section.settings.image_border_thickness
  assign image_border_color = section.settings.image_border_color
  assign image_blur_color = section.settings.image_blur_color
  assign image_blur_desktop = section.settings.image_blur_desktop

  assign absolute_image = section.settings.absolute_image
  assign absolute_image_width = section.settings.absolute_image_width
  assign absolute_image_radius = section.settings.absolute_image_radius
  assign absolute_image_border_thickness = section.settings.absolute_image_border_thickness
  assign absolute_image_border_color = section.settings.absolute_image_border_color

  assign heading = section.settings.heading
  assign heading_size = section.settings.heading_size
  assign heading_size_mobile = section.settings.heading_size_mobile
  assign heading_color = section.settings.heading_color
  assign heading_custom = section.settings.heading_custom
  assign heading_font = section.settings.heading_font
  assign heading_height = section.settings.heading_height
  assign heading_align = section.settings.heading_align
  assign heading_align_mobile = section.settings.heading_align_mobile
  assign heading_mt = section.settings.heading_mt

  assign text = section.settings.text
  assign text_size = section.settings.text_size
  assign text_size_mobile = section.settings.text_size_mobile
  assign text_color = section.settings.text_color
  assign text_custom = section.settings.text_custom
  assign text_font = section.settings.text_font
  assign text_height = section.settings.text_height
  assign text_align = section.settings.text_align
  assign text_align_mobile = section.settings.text_align_mobile
  assign text_mt = section.settings.text_mt

  assign feature_text_size = section.settings.feature_text_size
  assign feature_text_size_mobile = section.settings.feature_text_size_mobile
  assign feature_text_color = section.settings.feature_text_color
  assign feature_text_custom = section.settings.feature_text_custom
  assign feature_text_font = section.settings.feature_text_font
  assign feature_text_height = section.settings.feature_text_height
  assign feature_text_align = section.settings.feature_text_align
  assign feature_text_align_mobile = section.settings.feature_text_align_mobile
  assign feature_text_mt = section.settings.feature_text_mt
  assign feature_text_space = section.settings.feature_text_space

  assign button = section.settings.button
  assign button_url = section.settings.button_url
  assign button_size = section.settings.button_size
  assign button_size_mobile = section.settings.button_size_mobile
  assign button_color = section.settings.button_color
  assign button_hover_color = section.settings.button_hover_color
  assign button_custom = section.settings.button_custom
  assign button_font = section.settings.button_font
  assign button_mt = section.settings.button_mt
  assign button_height = section.settings.button_height
  assign button_padding_vertical = section.settings.button_padding_vertical
  assign button_padding_horizontal = section.settings.button_padding_horizontal
  assign button_radius = section.settings.button_radius
  assign button_border_thickness = section.settings.button_border_thickness
  assign button_border_color = section.settings.button_border_color
  assign button_border_hover_color = section.settings.button_border_hover_color
  assign button_bg_color = section.settings.button_bg_color
  assign button_bg_hover_color = section.settings.button_bg_hover_color
  assign button_other_color = section.settings.button_other_color
  assign button_hover_other_color = section.settings.button_hover_other_color
  assign button_align = section.settings.button_align
  assign button_align_mobile = section.settings.button_align_mobile
  assign button_shadow = section.settings.button_shadow
  assign button_shadow_color = section.settings.button_shadow_color
  assign button_icon = section.settings.button_icon
  assign button_gap = section.settings.button_gap

  assign stars_icon = section.settings.stars_icon
  assign stars_color = section.settings.stars_color
  assign stars_size = section.settings.stars_size
  assign stars_size_mobile = section.settings.stars_size_mobile
  assign stars_count = section.settings.stars_count
  assign stars_mt = section.settings.stars_mt

  assign rate_text = section.settings.rate_text
  assign rate_text_size = section.settings.rate_text_size
  assign rate_text_size_mobile = section.settings.rate_text_size_mobile
  assign rate_text_color = section.settings.rate_text_color
  assign rate_text_custom = section.settings.rate_text_custom
  assign rate_text_font = section.settings.rate_text_font
  assign rate_text_height = section.settings.rate_text_height
  assign rate_text_align = section.settings.rate_text_align
  assign rate_text_align_mobile = section.settings.rate_text_align_mobile

  assign badge_size = section.settings.badge_size
  assign badge_size_mobile = section.settings.badge_size_mobile
  assign badge_custom = section.settings.badge_custom
  assign badge_font = section.settings.badge_font
  assign badge_height = section.settings.badge_height
  assign badge_padding_vertical = section.settings.badge_padding_vertical
  assign badge_padding_horizontal = section.settings.badge_padding_horizontal
  assign badge_radius = section.settings.badge_radius
  assign badge_border_thickness = section.settings.badge_border_thickness
  assign badge_align = section.settings.badge_align
  assign badge_align_mobile = section.settings.badge_align_mobile
  assign badge_mt_mobile = section.settings.badge_mt_mobile
  
-%}

{%- style -%}
  {{  heading_font | font_face: font_display: 'swap' }}
  {{  text_font | font_face: font_display: 'swap' }}
  {{  feature_text_font | font_face: font_display: 'swap' }}
  {{  button_font | font_face: font_display: 'swap' }}
  {{  rate_text_font | font_face: font_display: 'swap' }}
  {{  badge_font | font_face: font_display: 'swap' }}
  
  .section-{{ section.id }} {
    border-top: solid {{ border_color }} {{ border_thickness }}px;
    border-bottom: solid {{ border_color }} {{ border_thickness }}px;
    margin-top: {{ margin_top | times: 0.75 | round: 0 }}px;
    margin-bottom: {{ margin_bottom | times: 0.75 | round: 0 }}px;
  }
  
  .section-{{ section.id }}-settings {
    height: 100%;
    margin: 0 auto;
    padding-top: {{ padding_top_mobile }}px;
    padding-bottom: {{ padding_bottom_mobile }}px;
  }

  .banner-{{ section.id }} {
    position: relative;
  }

  .banner-body-{{ section.id }} {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .banner-image-{{ section.id }} {
    width: 100%;
    height: 100%;
    border: {{ image_border_thickness }}px solid {{ image_border_color }};
    border-radius: {{ image_radius }}px;
    overflow: hidden;
    position: relative;
    padding-left: {{ padding_horizontal_mobile }}rem;
    padding-right: {{ padding_horizontal_mobile }}rem;
    box-sizing: border-box;
  }

  .banner-content-{{ section.id }} {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .banner-image-inner-{{ section.id }} {
    height: 100%;
  }

  .banner-image-{{ section.id }} img,
  .banner-image-{{ section.id }} svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .banner-image-{{ section.id }} svg {
    background-color: #AEAEAE;
  }

  .banner-image-desktop-{{ section.id }} {
    display: none;
  }

  .banner-absolute-image-{{ section.id }} {
    display: none;
    width: 100%;
    max-width: {{ absolute_image_width }}px;
    border-radius: {{ absolute_image_radius }}px;
    border: {{ absolute_image_border_thickness }}px solid {{ absolute_image_border_color }};
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%) translateY(35%);
    z-index: 2;
    overflow: hidden;
  }

  .banner-absolute-image-{{ section.id }} img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .banner-content-{{ section.id }} {
    position: relative;
    z-index: 1;
  }

  .banner-heading-{{ section.id }} {
    margin-top: {{ heading_mt | times: 0.75 | round: 0 }}px;
    text-align: {{ heading_align_mobile }};
  }
  
  .banner-heading-{{ section.id }} em {
                  {% if section.settings.italic_style == 'italic' %}
                  /* Normal italic styling */
                  text-decoration: none !important;
                  font-style: italic !important;
                  {% elsif section.settings.italic_style == 'font_family' and section.settings.italic_font_family != 'inherit' %}
                    /* Font family styling - no underline */
                    text-decoration: none !important;
                    font-style: italic !important;
                    {% if section.settings.italic_font_family == 'serif' %}
                      font-family: serif !important;
                    {% elsif section.settings.italic_font_family == 'georgia-pro' %}
                      font-family: 'Georgia Pro', Georgia, serif !important;
                    {% elsif section.settings.italic_font_family == 'bodoni-moda' %}
                      font-family: 'Bodoni Moda', Georgia, serif !important;
                    {% elsif section.settings.italic_font_family == 'instrument-serif' %}
                      font-family: 'Instrument Serif', Georgia, serif !important;
                      {% elsif section.settings.italic_font_family == 'custom_google_font' and section.settings.custom_google_font_name != blank %}
                      font-family: '{{ section.settings.custom_google_font_name }}', sans-serif !important;
                    {% elsif section.settings.italic_font_family == 'cursive' %}
                      font-family: cursive !important;
                    {% endif %}
                    {% if section.settings.italic_font_weight != 'inherit' %}
                      font-weight: {{ section.settings.italic_font_weight }} !important;
                    {% endif %}
                  {% else %}
                    /* Underline styling */
                    text-decoration: underline !important;
                    font-style: normal !important;
                    text-decoration-color: {{section.settings.underlinetextcolor}} !important;
                    text-decoration-thickness: {{section.settings.underlinethickness}}px !important;
                  {% endif %}
                } 

  .banner-heading-{{ section.id }} * {
    margin: 0;
    font-size: {{ heading_size_mobile }}px;
    color: {{ heading_color }};
    line-height: {{ heading_height }}%;
    text-transform: unset;
  }

  .banner-text-{{ section.id }} {
    margin-top: {{ text_mt | times: 0.75 | round: 0 }}px;
    text-align: {{ text_align_mobile }};
  }

  .banner-text-{{ section.id }} * {
    margin: 0;
    font-size: {{ text_size_mobile }}px;
    color: {{ text_color }};
    line-height: {{ text_height }}%;
    text-transform: unset;
  }

  .banner-feature-text-{{ section.id }} {
    margin: 0;
    margin-top: {{ feature_text_space | times: 0.75 | round: 0 }}px;
    display: block;
    width: 100%;
    text-align: {{ feature_text_align_mobile }};
    font-size: {{ feature_text_size_mobile }}px;
    color: {{ feature_text_color }};
    line-height: {{ feature_text_height }}%;
    text-transform: unset;
    font-weight: 700;
  }

  .banner-feature-text-{{ section.id }}:first-child {
    margin-top: {{ feature_text_mt | times: 0.75 | round: 0 }}px;
  }

  .banner-button-{{ section.id }} {
    margin-top: {{ button_mt | times: 0.75 | round: 0 }}px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: fit-content;
    text-align: center;
    text-transform: unset;
    text-decoration: none;
    padding: {{ button_padding_vertical | times: 0.75 | round: 0 }}px {{ button_padding_horizontal | times: 0.75 | round: 0 }}px;
    border-radius: {{ button_radius }}px;
    border: {{ button_border_thickness }}px solid {{ button_border_color }};
    background-color: {{ button_bg_color }};
    gap: {{ button_gap | times: 0.75 | round: 0 }}px;
    transition: all 0.25s ease 0s;
    position: relative;
    z-index: 2;
  }

  .banner-button-{{ section.id }} * {
    margin: 0px;
    font-size: {{ button_size_mobile }}px;
    font-weight: 700;
    color: {{ button_color }};
    line-height: {{ button_height }}%;
    text-transform: unset;
    text-decoration: none;
    transition: all 0.25s ease 0s;
  }

  .banner-button-{{ section.id }} strong {
    color: {{ button_other_color }};
  }

  .banner-button-{{ section.id }}:hover {
    border: {{ button_border_thickness }}px solid {{ button_border_hover_color }};
    background-color: {{ button_bg_hover_color }};
    transition: all 0.25s ease 0s;
  }

  .banner-button-{{ section.id }}:hover * {
    color: {{ button_hover_color }};
    transition: all 0.25s ease 0s;
  }

  .banner-button-{{ section.id }}:hover strong {
    color: {{ button_hover_other_color }};
  }

  .banner-button-icon-{{ section.id }} {
    display: block;
    width: 20px;
    height: 20px;
  }

  .banner-button-icon-{{ section.id }} svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .banner-button-{{ section.id }} svg path {
    stroke: {{ button_color }};
  }

  .banner-button-{{ section.id }}:hover svg path {
    stroke: {{ button_hover_color }};
  }

  .banner-rating-{{ section.id }} {
    margin-top: {{ stars_mt | times: 0.75 | round: 0 }}px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    justify-content: {{ rate_text_align_mobile }};
  }

  .banner-stars-{{ section.id }} {
    display: flex;
    align-items: end;
    gap: 3px;
  }

  .banner-stars-{{ section.id }} svg,
  .banner-stars-{{ section.id }} img {
    display: block;
    width: {{ stars_size_mobile }}px;
    height: {{ stars_size_mobile }}px;
    object-fit: cover;
  }

  .banner-rate-{{ section.id }} * {
    margin: 0px;
    font-size: {{ rate_text_size_mobile }}px;
    color: {{ rate_text_color }};
    line-height: {{ rate_text_height }}%;
    text-transform: unset;
    text-decoration: none;
  }

  .banner-badges-{{ section.id }} {
    margin-top: {{ badge_mt_mobile }}px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: {{ badge_align_mobile }};
  }

  .banner-badge-{{ section.id }} {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: fit-content;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    padding: {{ badge_padding_vertical | times: 0.75 | round: 0 }}px {{ badge_padding_horizontal | times: 0.75 | round: 0 }}px;
    border-radius: {{ badge_radius }}px; 
    z-index: 2;
    font-weight: 700;
    font-size: {{ badge_size_mobile }}px;
    line-height: {{ badge_height }}%;
  }

  @media(min-width: 1024px) {
    .section-{{ section.id }} {
      margin-top: {{ margin_top }}px;
      margin-bottom: {{ margin_bottom }}px;
    }
    
    .section-{{ section.id }}-settings {
      padding: 0 5rem;
      padding-top: {{ padding_top }}px;
      padding-bottom: {{ padding_bottom }}px;
      padding-left: {{ padding_horizontal }}rem;
      padding-right: {{ padding_horizontal }}rem;
    }

    .banner-image-{{ section.id }} {
      padding-left: 0;
      padding-right: 0;
    }

    .banner-content-{{ section.id }} {
      padding-left: 0;
      padding-right: 0;
    }

    .banner-body-{{ section.id }} {
      flex-direction: row;
      align-items: center;
    }

    .banner-image-{{ section.id }} {
      margin: 0px;
      max-width: 50%;
      position: absolute;
      top: 0;
      right: 0;
    }

    .banner-image-desktop-{{ section.id }} {
      display: block;
    }

    .banner-image-mobile-{{ section.id }} {
      display: none;
    }

    .banner-absolute-image-{{ section.id }} {
      display: block;
    }

    .banner-content-{{ section.id }} {
      width: 100%;
      flex: 0 0 48%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .banner-heading-{{ section.id }} {
      margin-top: {{ heading_mt }}px;
      text-align: {{ heading_align }};
    }

    .banner-heading-{{ section.id }} * {
      font-size: {{ heading_size }}px;
    }

    .banner-text-{{ section.id }} {
      margin-top: {{ text_mt }}px;
      text-align: {{ text_align }};
    }

    .banner-text-{{ section.id }} * {
      font-size: {{ text_size }}px;
    }
  
    .banner-feature-text-{{ section.id }} {
      margin: 0;
      margin-top: {{ feature_text_space }}px;
      text-align: {{ feature_text_align }};
      font-size: {{ feature_text_size }}px;
    }

    .banner-feature-text-{{ section.id }}:first-child {
      margin-top: {{ feature_text_mt }}px;
    }

    .banner-button-{{ section.id }} {
      margin-top: {{ button_mt }}px;
      gap: {{ button_gap }}px;
      padding: {{ button_padding_vertical }}px {{ button_padding_horizontal }}px;
    }

    .banner-button-{{ section.id }} * {
      font-size: {{ button_size }}px;
    }

    .banner-rating-{{ section.id }} {
      margin-top: {{ stars_mt }}px;
      justify-content: {{ rate_text_align }};
    }

    .banner-stars-{{ section.id }} svg,
    .banner-stars-{{ section.id }} img {
      width: {{ stars_size }}px;
      height: {{ stars_size }}px;
    }

    .banner-rate-{{ section.id }} * {
      font-size: {{ rate_text_size }}px;
    }

    .banner-badges-{{ section.id }} {
      margin-top: 0px;
      justify-content: {{ badge_align }};
    }

    .banner-badge-{{ section.id }} {
      padding: {{ badge_padding_vertical }}px {{ badge_padding_horizontal }}px;
      font-size: {{ badge_size }}px;
    }
  }
  
.banner-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.banner-image-{{ section.id }} video {
  border: {{ image_border_thickness }}px solid {{ image_border_color }};
  border-radius: {{ image_radius }}px;
}
{%- endstyle -%}

{% unless full_width %}
  <style>
    .section-{{ section.id }}-settings {
      max-width: {{ content_width }}rem;
    }
  </style>
{% endunless %}

{% if heading_custom %}
  <style>
    .banner-heading-{{ section.id }} * {
      font-family: {{ heading_font.family }}, {{ heading_font.fallback_families }};
      font-weight: {{ heading_font.weight }};
      font-style: {{ heading_font.style }};
    }
  </style>
{% endif %}

{% if text_custom %}
  <style>
    .banner-text-{{ section.id }} * {
      font-family: {{ text_font.family }}, {{ text_font.fallback_families }};
      font-weight: {{ text_font.weight }};
      font-style: {{ text_font.style }};
    }
  </style>
{% endif %}

{% if feature_text_custom %}
  <style>
    .banner-feature-text-{{ section.id }} {
      font-family: {{ feature_text_font.family }}, {{ feature_text_font.fallback_families }};
      font-weight: {{ feature_text_font.weight }};
      font-style: {{ feature_text_font.style }};
    }
  </style>
{% endif %}

{% if button_custom %}
  <style>
    .banner-button-{{ section.id }} * {
      font-family: {{ button_font.family }}, {{ button_font.fallback_families }};
      font-weight: {{ button_font.weight }};
      font-style: {{ button_font.style }};
    }
  </style>
{% endif %}

{% if badge_custom %}
  <style>
    .banner-badge-{{ section.id }} {
      font-family: {{ badge_font.family }}, {{ badge_font.fallback_families }};
      font-weight: {{ badge_font.weight }};
      font-style: {{ badge_font.style }};
    }
  </style>
{% endif %}

{% if rate_text_custom %}
  <style>
    .banner-rate-{{ section.id }} * {
      font-family: {{ rate_text_font.family }}, {{ rate_text_font.fallback_families }};
      font-weight: {{ rate_text_font.weight }};
      font-style: {{ rate_text_font.style }};
    }
  </style>
{% endif %}

{% if button_align_mobile == "center" %}
  <style>
   .banner-button-{{ section.id }} {
      margin-left: auto;
      margin-right: auto;
    } 
  </style>
{% elsif button_align_mobile == "right" %}
  <style>
   .banner-button-{{ section.id }} {
      margin-left: auto;
    } 
  </style>
{% endif %}

{% if button_align == "center" %}
  <style>
    @media(min-width: 1024px) {
     .banner-button-{{ section.id }} {
        margin-left: auto !important;
        margin-right: auto !important;
      } 
    }
  </style>
{% elsif button_align == "right" %}
  <style>
    @media(min-width: 1024px) {
     .banner-button-{{ section.id }} {
        margin-left: auto !important;
        margin-right: 0px !important;
      } 
    }
  </style>
{% else %}
  <style>
    @media(min-width: 1024px) {
     .banner-button-{{ section.id }} {
        margin-left: 0px !important;
        margin-right: 0px !important;
      } 
    }
  </style>
{% endif %}

{% if button_shadow %}
  <style>
    .banner-button-{{ section.id }} {
      box-shadow: 0 8px 16px 2px {{ button_shadow_color | hex_to_rgba: 0.33 }};
    }
  </style>
{% endif %}

{% if image_blur_desktop %}
  <style>
    @media(min-width: 1024px) {
      .banner-image-{{ section.id }}:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(90deg, {{ image_blur_color | hex_to_rgba: 1 }} 0%, rgba(238, 130, 238, 0) 25%);
      }
    }
  </style>
{% endif %}

{% for block in section.blocks %}
  {% if block.type == "badge" %}
    <style>
      .banner-badge-{{ block.id }} {
        color: {{ block.settings.text_color }};
        background-color: {{ block.settings.bg_color }};
        border: {{ badge_border_thickness }}px solid {{ block.settings.border_color }};
      }
    </style>
  {% endif %}
{% endfor %}

<div class="section-{{ section.id }} banner-{{ section.id }} {{ section.settings.visibility }}" style="background-color:{{ background_color }}; background-image: {{ background_gradient }};">
  <div class="section-{{ section.id }}-settings">
    <div class="banner-body-{{ section.id }}">
<div class="banner-image-{{ section.id }}">
  <div class="banner-image-inner-{{ section.id }} {% if image_mobile != blank or section.settings.video_mobile != blank %} banner-image-desktop-{{ section.id }}{% endif %}">
    {% if section.settings.enable_video and section.settings.video != blank %}
      <video class="banner-video" 
             autoplay
             loop
             muted
             playsinline
             preload="metadata"
             width="100%"
             height="100%">
        {%- for source in section.settings.video.sources -%}
          <source src="{{ source.url }}" type="{{ source.mime_type }}">
        {%- endfor -%}
        Your browser does not support the video tag.
      </video>
    {% elsif image != blank %}
      <img src="{{ image | image_url }}" alt="{{ image.alt }}" {% if lazy %}loading="lazy"{% endif %}>
    {% else %}
      {{ 'lifestyle-2' | placeholder_svg_tag  }}
    {% endif %}
  </div>
  
  {% if section.settings.enable_video and section.settings.video_mobile != blank %}
    <video class="banner-image-mobile-{{ section.id }}" 
           autoplay
           loop
           muted
           playsinline
           preload="metadata"
           width="100%"
           height="100%">
      {%- for source in section.settings.video_mobile.sources -%}
        <source src="{{ source.url }}" type="{{ source.mime_type }}">
      {%- endfor -%}
      Your browser does not support the video tag.
    </video>
  {% elsif image_mobile != blank %}
    <img src="{{ image_mobile | image_url }}" alt="{{ image_mobile.alt }}" {% if lazy %}loading="lazy"{% endif %} class="banner-image-mobile-{{ section.id }}">
  {% endif %}
      </div>
      <div class="banner-content-{{ section.id }}">
        <div class="banner-content-inner-{{ section.id }}">
          <div class="banner-badges-{{ section.id }}">
            {% for block in section.blocks %}
              {% if block.type == "badge" %}
                <div class="banner-badge-{{ section.id }} banner-badge-{{ block.id }}" {{ block.shopify_attributes }}>
                  {{ block.settings.text }}
                </div>
              {% endif %}
            {% endfor %}
          </div>
          {% if heading != blank %}
            <div class="banner-heading-{{ section.id }} title-with-highlight" style='--hightlight-color:{{ section.settings.title_highlight_color }};--gradient-text: {{ section.settings.title_gradient_background }}; '>
              {{ heading }}
            </div>
          {% endif %}
          {%- style -%}
  {% if section.settings.enable_gradient %}
    .banner-heading-{{ section.id }} strong {
      background: {{ section.settings.title_gradient_background }};
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      font-style: normal;
    }
  {% endif %}
{%- endstyle -%}

          {% if text != blank %}
            <div class="banner-text-{{ section.id }}">
              {{ text }}
            </div>
          {% endif %}
  
          <div class="banner-features-{{ section.id }}">
            {% for block in section.blocks %}
              {% if block.type == "feature" %}
                <p class="banner-feature-text-{{ section.id }}" {{ block.shopify_attributes }}>{{ block.settings.text }}</p>
              {% endif %}

              
             {% if block.type == "text_with_icon" %}
              <span class="textwithiconcustom">
             {% render 'text-with-icon-block', block: block, mobile_align: true, block_attributes: true %}
               </span>
               <style>
        .textwithiconcustom .product__text-container {
          margin-top: {{ block.settings.textwithiconmargintop }}px;
          margin-bottom: {{ block.settings.textwithiconmarginbottom }}px;
        }
              </style>
              {% endif %}
              
            {% endfor %}
          </div>
          {% if button != blank %}
            <a href="{{ button_url }}" class="banner-button-{{ section.id }}">
              {{ button }}
              {% if button_icon %}
                <span class="banner-button-icon-{{ section.id }}">
                  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M3.75 12H20.25" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M13.5 5.25L20.25 12L13.5 18.75" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                  </svg>
                </span>
              {% endif %}
            </a>
          {% endif %}


           {%- for block in section.blocks -%}
            {% case block.type %}

                {% when 'featuredreview2' %}
                {% render 'new-featured-review-with-image', block: block, margins: false, block_attributes: true %}

    {%- when 'moneybackguarantee' -%}
<div style="margin-top:15px;"  {{ block.shopify_attributes }}>
<div class="money-back" style="justify-content: left;">
				<img src="https://cdn.shopify.com/s/files/1/0459/2494/1987/t/42/assets/CircleWavyCheck.svg?v=51402375465626629131674184945" class="money-back-img" alt="img">
				<span class="money-back-text">{{ block.settings.moneybackguarantee }}</span>
			</div>
</div>

<style>
  @media screen and (max-width: 849px) {

.money-back {
  justify-content: center!important;
}

}


</style>

{%- comment -%}
  Removed: a 'socialproofcustomers' branch rendering 'social-proof-for-banner',
  a snippet that does not exist in Ascendify or here. The block type was never
  declared in this section's schema, so the branch was unreachable — but it
  would have thrown a Liquid error the moment anyone declared it.
{%- endcomment -%}
              
            {%- endcase -%}
          {%- endfor -%}       
          {% if stars_count > 0 or rate_text != blank %}
            <div class="banner-rating-{{ section.id }}">
              {% if stars_count != 0 %}
                <div class="banner-stars-{{ section.id }}">
                  {% if stars_icon != blank %}
                    {% for item in (1..stars_count) %}
                      <img src="{{ stars_icon | image_url }}" alt="{{ stars_icon.alt }}" {% if lazy %}loading="lazy"{% endif %}>
                    {% endfor %}
                  {% else %}
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
                      {% if stars_count > 0 and stars_count < 1  %}
                        <defs>
                          <linearGradient id="grad{{ section.id }}1">
                            <stop offset="0%" stop-color="{{ stars_color }}" />
                            <stop offset="50%" stop-color="{{ stars_color }}" />
                            <stop offset="50%" stop-color="{{ background_color }}" />
                            <stop offset="100%" stop-color="{{ background_color }}" />
                          </linearGradient>
                        </defs>
                      {% endif %}
                      <path {% if stars_count > 0 and stars_count < 1 %}stroke="{{ stars_color }}"{% endif %} d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="{% if stars_count > 0 and stars_count < 1 %}url(#grad{{ section.id }}1){% elsif stars_count > 0.5 %}{{ stars_color }}{% endif %}"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
                      {% if stars_count > 1 and stars_count < 2  %}
                        <defs>
                          <linearGradient id="grad{{ section.id }}2">
                            <stop offset="0%" stop-color="{{ stars_color }}" />
                            <stop offset="50%" stop-color="{{ stars_color }}" />
                            <stop offset="50%" stop-color="{{ background_color }}" />
                            <stop offset="100%" stop-color="{{ background_color }}" />
                          </linearGradient>
                        </defs>
                      {% endif %}
                      <path {% if stars_count > 1 and stars_count < 2 %}stroke="{{ stars_color }}"{% endif %} d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="{% if stars_count > 1 and stars_count < 2 %}url(#grad{{ section.id }}2){% elsif stars_count > 1.5 %}{{ stars_color }}{% endif %}"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
                      {% if stars_count > 2 and stars_count < 3  %}
                        <defs>
                          <linearGradient id="grad{{ section.id }}3">
                            <stop offset="0%" stop-color="{{ stars_color }}" />
                            <stop offset="50%" stop-color="{{ stars_color }}" />
                            <stop offset="50%" stop-color="{{ background_color }}" />
                            <stop offset="100%" stop-color="{{ background_color }}" />
                          </linearGradient>
                        </defs>
                      {% endif %}
                      <path {% if stars_count > 2 and stars_count < 3 %}stroke="{{ stars_color }}"{% endif %} d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="{% if stars_count > 2 and stars_count < 3 %}url(#grad{{ section.id }}3){% elsif stars_count > 2.5 %}{{ stars_color }}{% endif %}"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
                      {% if stars_count > 3 and stars_count < 4  %}
                        <defs>
                          <linearGradient id="grad{{ section.id }}4">
                            <stop offset="0%" stop-color="{{ stars_color }}" />
                            <stop offset="50%" stop-color="{{ stars_color }}" />
                            <stop offset="50%" stop-color="{{ background_color }}" />
                            <stop offset="100%" stop-color="{{ background_color }}" />
                          </linearGradient>
                        </defs>
                      {% endif %}
                      <path {% if stars_count > 3 and stars_count < 4  %}stroke="{{ stars_color }}"{% endif %} d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="{% if stars_count > 3 and stars_count < 4  %}url(#grad{{ section.id }}4){% elsif stars_count > 3.5 %}{{ stars_color }}{% endif %}"></path>
                    </svg>
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" fill="none">
                      {% if stars_count > 4 and stars_count < 5  %}
                        <defs>
                          <linearGradient id="grad{{ section.id }}5">
                            <stop offset="0%" stop-color="{{ stars_color }}" />
                            <stop offset="50%" stop-color="{{ stars_color }}" />
                            <stop offset="50%" stop-color="{{ background_color }}" />
                            <stop offset="100%" stop-color="{{ background_color }}" />
                          </linearGradient>
                        </defs>
                      {% endif %}
                      <path {% if stars_count > 4 and stars_count < 5  %}stroke="{{ stars_color }}"{% endif %} d="M10 0L12.9389 5.95492L19.5106 6.90983L14.7553 11.5451L15.8779 18.0902L10 15L4.12215 18.0902L5.24472 11.5451L0.489435 6.90983L7.06107 5.95492L10 0Z" fill="{% if stars_count > 4 and stars_count < 5  %}url(#grad{{ section.id }}5){% elsif stars_count > 4.5 %}{{ stars_color }}{% endif %}"></path>
                    </svg>
                  {% endif %}  
                </div>
              {% endif %}
              {% if rate_text != blank %}
                <div class="banner-rate-{{ section.id }}">
                  {{ rate_text }}
                </div>
              {% endif %}
            </div>
          {% endif %}
        </div>
      </div>
    </div>
  </div>
  {% if absolute_image != blank %}
    <div class="banner-absolute-image-{{ section.id }}">
      <img src="{{ absolute_image | image_url }}" alt="{{ absolute_image.alt }}" {% if lazy %}loading="lazy"{% endif %}>
    </div>
  {% endif %}
</div>

{% schema %}
  {
    "name": "Custom banner section",
    "settings": [
      {
      "type": "select",
      "id": "visibility",
      "options": [
        {
          "value": "desktop-hidden",
          "label": "Mobile only"
        },
        {
          "value": "mobile-hidden",
          "label": "Desktop only"
        },
        {
          "value": "always-display",
          "label": "All devices"
        }
      ],
      "label": "Display on",
      "default": "always-display"
      },
      {
        "type": "header",
        "content": "Heading Settings"
      },
      {
        "type": "richtext",
        "id": "heading",
        "label": "Heading",
        "default": "<h2>Headline title</h2>"
      },
      {
      "type": "color",
      "id": "title_highlight_color",
      "label": "Heading highlight color",
      "default": "#6D388B"
    },
    {
      "type": "checkbox",
      "id": "enable_gradient",
      "label": "Enable gradient for bold text",
      "default": false,
      "info": "Override solid color with gradient for bold text"
    },
    {
      "type": "color_background",
      "id": "title_gradient_background",
      "label": "Gradient highlight",
      "default": "linear-gradient(45deg, #5d5aaf 0%, #ff6b9d 100%)",
      "info": "Used when gradient is enabled"
    },
{
          "type": "header",
          "content": "Italic Text Styling",
          "info": "Choose how italic text (created with *text*) should be displayed"
        },
        {
          "type": "select",
          "id": "italic_style",
          "label": "Italic Text Style",
          "options": [
              {
              "value": "italic",
              "label": "Normal Italic"
            },
            {
              "value": "underline",
              "label": "Underline"
            },
            {
              "value": "font_family",
              "label": "Custom Font Family"
            }
          ],
          "default": "underline",
          "info": "Choose to either underline italic text or use a custom font family"
        },
        {
          "type": "color",
          "id": "underlinetextcolor",
          "label": "Underline color",
          "default": "#FF0000",
          "info": "Used when 'Underline' style is selected"
        },
        {
          "type": "range",
          "id": "underlinethickness",
          "min": 1,
          "max": 8,
          "step": 1,
          "unit": "px",
          "label": "Underline thickness",
          "default": 3,
          "info": "Used when 'Underline' style is selected"
        },
        {
          "type": "select",
          "id": "italic_font_family",
          "label": "Italic Text Font Family",
          "options": [
            {
              "value": "inherit",
              "label": "Default (Inherit)"
            },
            {
              "value": "serif",
              "label": "Serif"
            },
            {
              "value": "instrument-serif",
              "label": "Instrument Serif"
            },
            {
              "value": "georgia-pro",
              "label": "Georgia Pro"
            },
            {
              "value": "bodoni-moda",
              "label": "Bodoni Moda"
            },
            {
              "value": "cursive",
              "label": "Cursive"
            },
            {
            "value": "custom_google_font",
            "label": "Custom Google Font"
          }
          ],
          "default": "serif",
          "info": "Used when 'Custom Font Family' style is selected"
        },
        {
          "type": "text",
          "id": "custom_google_font_name",
          "label": "Custom Google Font Name",
          "info": "Enter the exact Google Font family name (e.g., 'Roboto', 'Open Sans', 'Playfair Display'). Font will be loaded from Google Fonts automatically. Browse fonts at https://fonts.google.com/"
        },
        {
          "type": "select",
          "id": "italic_font_weight",
          "label": "Italic Text Font Weight",
          "options": [
            {
              "value": "inherit",
              "label": "Default (Inherit)"
            },
            {
              "value": "300",
              "label": "Light (300)"
            },
            {
              "value": "400",
              "label": "Normal (400)"
            },
            {
              "value": "500",
              "label": "Medium (500)"
            },
            {
              "value": "600",
              "label": "Semi Bold (600)"
            },
            {
              "value": "700",
              "label": "Bold (700)"
            },
            {
              "value": "800",
              "label": "Extra Bold (800)"
            },
            {
              "value": "900",
              "label": "Black (900)"
            }
          ],
          "default": "inherit",
          "info": "Used when 'Custom Font Family' style is selected"
        },
      {
        "type": "checkbox",
        "id": "heading_custom",
        "label": "Use Custom Font",
        "default": false
      },
      {
        "type": "font_picker",
        "id": "heading_font",
        "label": "Heading Font Family",
        "default": "josefin_sans_n4"
      },
      {
        "type": "range",
        "id": "heading_size",
        "min": 0,
        "max": 120,
        "step": 2,
        "unit": "px",
        "label": "Heading Size",
        "default": 36
      },
      {
        "type": "range",
        "id": "heading_size_mobile",
        "min": 0,
        "max": 40,
        "step": 1,
        "unit": "px",
        "label": "Heading Size - Mobile",
        "default": 23
      },
      {
        "type": "range",
        "id": "heading_height",
        "min": 50,
        "max": 200,
        "step": 10,
        "unit": "%",
        "label": "Heading Line Height",
        "default": 130
      },
      {
        "type": "range",
        "id": "heading_mt",
        "min": 0,
        "max": 100,
        "step": 2,
        "unit": "px",
        "label": "Heading Margin Top",
        "default": 10
      },
      {
        "type": "text_alignment",
        "id": "heading_align",
        "label": "Heading Align"
      },
      {
        "type": "text_alignment",
        "id": "heading_align_mobile",
        "label": "Heading Align - Mobile"
      },
      {
        "type": "header",
        "content": "Text Settings"
      },
      {
        "type": "richtext",
        "id": "text",
        "label": "Text",
        "default": "<p>Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.</p>"
      },
      {
        "type": "checkbox",
        "id": "text_custom",
        "label": "Use Custom Font",
        "default": false
      },
      {
        "type": "font_picker",
        "id": "text_font",
        "label": "Text Font Family",
        "default": "josefin_sans_n4"
      },
      {
        "type": "range",
        "id": "text_size",
        "min": 0,
        "max": 120,
        "step": 2,
        "unit": "px",
        "label": "Text Size",
        "default": 20
      },
      {
        "type": "range",
        "id": "text_size_mobile",
        "min": 0,
        "max": 40,
        "step": 1,
        "unit": "px",
        "label": "Text Size - Mobile",
        "default": 18
      },
      {
        "type": "range",
        "id": "text_height",
        "min": 50,
        "max": 200,
        "step": 10,
        "unit": "%",
        "label": "Text Line Height",
        "default": 160
      },
      {
        "type": "range",
        "id": "text_mt",
        "min": 0,
        "max": 100,
        "step": 2,
        "unit": "px",
        "label": "Text Margin Top",
        "default": 12
      },
      {
        "type": "text_alignment",
        "id": "text_align",
        "label": "Text Align"
      },
      {
        "type": "text_alignment",
        "id": "text_align_mobile",
        "label": "Text Align - Mobile"
      },
      {
        "type": "header",
        "content": "Feature Text Settings"
      },
      {
        "type": "checkbox",
        "id": "feature_text_custom",
        "label": "Use Custom Font",
        "default": false
      },
      {
        "type": "font_picker",
        "id": "feature_text_font",
        "label": "Feature Text Font Family",
        "default": "josefin_sans_n4"
      },
      {
        "type": "range",
        "id": "feature_text_size",
        "min": 0,
        "max": 120,
        "step": 2,
        "unit": "px",
        "label": "Feature Text Size",
        "default": 20
      },
      {
        "type": "range",
        "id": "feature_text_size_mobile",
        "min": 0,
        "max": 40,
        "step": 1,
        "unit": "px",
        "label": "Feature Text Size - Mobile",
        "default": 18
      },
      {
        "type": "range",
        "id": "feature_text_height",
        "min": 50,
        "max": 200,
        "step": 10,
        "unit": "%",
        "label": "Feature Text Line Height",
        "default": 160
      },
      {
        "type": "range",
        "id": "feature_text_mt",
        "min": 0,
        "max": 100,
        "step": 2,
        "unit": "px",
        "label": "Feature Text Margin Top",
        "default": 28
      },
      {
        "type": "range",
        "id": "feature_text_space",
        "min": 0,
        "max": 100,
        "step": 2,
        "unit": "px",
        "label": "Space Between Feature Text",
        "default": 12
      },
      {
        "type": "text_alignment",
        "id": "feature_text_align",
        "label": "Feature Text Align"
      },
      {
        "type": "text_alignment",
        "id": "feature_text_align_mobile",
        "label": "Feature Text Align - Mobile"
      },
      {
        "type": "header",
        "content": "Button Settings"
      },
      {
        "type": "richtext",
        "id": "button",
        "label": "Button Text",
        "default": "<p>SHOP <strong>NOW</strong></p>"
      },
      {
        "type": "url",
        "id": "button_url",
        "label": "Button URL"
      },
      {
        "type": "checkbox",
        "id": "button_custom",
        "label": "Use Custom Font",
        "default": false
      },
      {
        "type": "font_picker",
        "id": "button_font",
        "label": "Button Font Family",
        "default": "josefin_sans_n4"
      },
      {
        "type": "range",
        "id": "button_size",
        "min": 0,
        "max": 72,
        "step": 2,
        "unit": "px",
        "label": "Button Size",
        "default": 18
      },
      {
        "type": "range",
        "id": "button_size_mobile",
        "min": 0,
        "max": 72,
        "step": 2,
        "unit": "px",
        "label": "Button Size - Mobile",
        "default": 18
      },
      {
        "type": "range",
        "id": "button_height",
        "min": 50,
        "max": 200,
        "step": 10,
        "unit": "%",
        "label": "Button Line Height",
        "default": 100
      },
      {
        "type": "range",
        "id": "button_mt",
        "min": 0,
        "max": 100,
        "step": 2,
        "unit": "px",
        "label": "Button Margin Top",
        "default": 28
      },
      {
        "type": "range",
        "id": "button_padding_vertical",
        "min": 0,
        "max": 100,
        "step": 2,
        "unit": "px",
        "label": "Button Padding Vertical",
        "default": 16
      },
      {
        "type": "range",
        "id": "button_padding_vertical_mobile",
        "min": 0,
        "max": 100,
        "step": 2,
        "unit": "px",
        "label": "Button Padding Vertical - Mobile",
        "default": 16
      },
      {
         "type": "range",
         "id": "button_padding_horizontal",
         "min": 0,
         "max": 100,
         "step": 2,
         "unit": "px",
         "label": "Button Padding Horizontal",
         "default": 50
      },
      {
         "type": "range",
         "id": "button_padding_horizontal_mobile",
         "min": 0,
         "max": 100,
         "step": 2,
         "unit": "px",
         "label": "Button Padding Horizontal - Mobile",
         "default": 50
      },
      {
         "type": "range",
         "id": "button_radius",
         "min": 0,
         "max": 100,
         "step": 2,
         "unit": "px",
         "label": "Button Border Radius",
         "default": 12
      },
      {
         "type": "range",
         "id": "button_border_thickness",
         "min": 0,
         "max": 10,
         "step": 1,
         "unit": "px",
         "label": "Button Border Thickness",
         "default": 0
      },
      {
        "type": "select",
        "id": "button_align",
        "label": "Button Align",
        "default": "left",
        "options": [
          {
            "label": "Left",
            "value": "left"
          },
          {
            "label": "Center",
            "value": "center"
          },
          {
            "label": "Right",
            "value": "right"
          }
        ]
      },
      {
        "type": "select",
        "id": "button_align_mobile",
        "label": "Button Align - Mobile",
        "default": "center",
        "options": [
          {
            "label": "Left",
            "value": "left"
          },
          {
            "label": "Center",
            "value": "center"
          },
          {
            "label": "Right",
            "value": "right"
          }
        ]
      },
      {
        "type": "checkbox",
        "id": "button_icon",
        "label": "Use Button Icon",
        "default": true
      },
      {
        "type": "range",
        "id": "button_gap",
        "min": 0,
        "max": 100,
        "step": 2,
        "unit": "px",
        "label": "Button Gap",
        "info": "If 'Use Button Icon' is selected!",
        "default": 28
      },
      {
        "type": "checkbox",
        "id": "button_shadow",
        "label": "Use Button Box Shadow",
        "default": true
      },
      {
        "type": "header",
        "content": "Stars Settings"
      },
      {
        "type": "image_picker",
        "label": "Stars Icon",
        "id": "stars_icon",
        "info": "Replaces the default stars icon"
      },
      {
        "type": "range",
        "id": "stars_count",
        "min": 0,
        "max": 5,
        "step": 0.5,
        "label": "Stars Count",
        "default": 4.5
      },
      {
        "type": "range",
        "id": "stars_size",
        "min": 10,
        "max": 50,
        "step": 2,
        "label": "Stars Size",
        "default": 20
      },
      {
        "type": "range",
        "id": "stars_size_mobile",
        "min": 10,
        "max": 50,
        "step": 2,
        "label": "Stars Size - Mobile",
        "default": 20
      },
      {
        "type": "range",
        "id": "stars_mt",
        "min": 0,
        "max": 100,
        "step": 2,
        "label": "Stars Margin Top",
        "default": 16
      },
      {
        "type": "header",
        "content": "Rate Text Settings"
      },
      {
        "type": "richtext",
        "id": "rate_text",
        "label": "Rate Text",
        "default": "<p>Rated <strong>4.4/5</strong> based on <strong>+1475</strong> reviews</p>"
      },
      {
        "type": "checkbox",
        "id": "rate_text_custom",
        "label": "Use Custom Font",
        "default": false
      },
      {
        "type": "font_picker",
        "id": "rate_text_font",
        "label": "Rate Text Font Family",
        "default": "josefin_sans_n4"
      },
      {
        "type": "range",
        "id": "rate_text_size",
        "min": 0,
        "max": 120,
        "step": 2,
        "unit": "px",
        "label": "Rate Text Size",
        "default": 14
      },
      {
        "type": "range",
        "id": "rate_text_size_mobile",
        "min": 0,
        "max": 40,
        "step": 1,
        "unit": "px",
        "label": "Rate Text Size - Mobile",
        "default": 14
      },
      {
        "type": "range",
        "id": "rate_text_height",
        "min": 50,
        "max": 200,
        "step": 10,
        "unit": "%",
        "label": "Rate Text Line Height",
        "default": 100
      },
      {
        "type": "select",
        "id": "rate_text_align",
        "label": "Rate Text Align",
        "default": "start",
        "options": [
          {
            "label": "Left",
            "value": "start"
          },
          {
            "label": "Center",
            "value": "center"
          },
          {
            "label": "Right",
            "value": "end"
          }
        ]
      },
      {
        "type": "select",
        "id": "rate_text_align_mobile",
        "label": "Rate Text Align - Mobile",
        "default": "center",
        "options": [
          {
            "label": "Left",
            "value": "start"
          },
          {
            "label": "Center",
            "value": "center"
          },
          {
            "label": "Right",
            "value": "end"
          }
        ]
      },
      {
        "type": "header",
        "content": "Badge Settings"
      },
      {
        "type": "checkbox",
        "id": "badge_custom",
        "label": "Use Custom Font",
        "default": false
      },
      {
        "type": "font_picker",
        "id": "badge_font",
        "label": "Badge Font Family",
        "default": "josefin_sans_n4"
      },
      {
        "type": "range",
        "id": "badge_size",
        "min": 0,
        "max": 72,
        "step": 2,
        "unit": "px",
        "label": "Badge Size",
        "default": 14
      },
      {
        "type": "range",
        "id": "badge_size_mobile",
        "min": 0,
        "max": 72,
        "step": 2,
        "unit": "px",
        "label": "Badge Size - Mobile",
        "default": 14
      },
      {
        "type": "range",
        "id": "badge_height",
        "min": 50,
        "max": 200,
        "step": 10,
        "unit": "%",
        "label": "Badge Line Height",
        "default": 100
      },
      {
        "type": "range",
        "id": "badge_padding_vertical",
        "min": 0,
        "max": 100,
        "step": 2,
        "unit": "px",
        "label": "Badge Padding Vertical",
        "default": 4
      },
      {
        "type": "range",
        "id": "badge_padding_vertical_mobile",
        "min": 0,
        "max": 100,
        "step": 2,
        "unit": "px",
        "label": "Badge Padding Vertical - Mobile",
        "default": 4
      },
      {
         "type": "range",
         "id": "badge_padding_horizontal",
         "min": 0,
         "max": 100,
         "step": 2,
         "unit": "px",
         "label": "Badge Padding Horizontal",
         "default": 24
      },
      {
         "type": "range",
         "id": "badge_padding_horizontal_mobile",
         "min": 0,
         "max": 100,
         "step": 2,
         "unit": "px",
         "label": "Badge Padding Horizontal - Mobile",
         "default": 24
      },
      {
         "type": "range",
         "id": "badge_radius",
         "min": 0,
         "max": 100,
         "step": 2,
         "unit": "px",
         "label": "Badge Border Radius",
         "default": 24
      },
      {
         "type": "range",
         "id": "badge_border_thickness",
         "min": 0,
         "max": 10,
         "step": 1,
         "unit": "px",
         "label": "Badge Border Thickness",
         "default": 0
      },
      {
        "type": "select",
        "id": "badge_align",
        "label": "Badge Align",
        "default": "start",
        "options": [
          {
            "label": "Left",
            "value": "start"
          },
          {
            "label": "Center",
            "value": "center"
          },
          {
            "label": "Right",
            "value": "end"
          }
        ]
      },
      {
        "type": "select",
        "id": "badge_align_mobile",
        "label": "Badge Align - Mobile",
        "default": "center",
        "options": [
          {
            "label": "Left",
            "value": "start"
          },
          {
            "label": "Center",
            "value": "center"
          },
          {
            "label": "Right",
            "value": "end"
          }
        ]
      },
      {
         "type": "range",
         "id": "badge_mt_mobile",
         "min": 0,
         "max": 100,
         "step": 2,
         "unit": "px",
         "label": "Badge Margin Top - Mobile",
         "default": 10
      },
      {
        "type": "header",
        "content": "Image Settings"
      },
      {
        "type": "image_picker",
        "id": "image",
        "label": "Image"
      },
      {
        "type": "image_picker",
        "id": "image_mobile",
        "label": "Image - Mobile"
      },
      {
         "type": "range",
         "id": "image_radius",
         "min": 0,
         "max": 100,
         "step": 2,
         "unit": "px",
         "label": "Image Border Radius",
         "default": 0
      },
      {
         "type": "range",
         "id": "image_border_thickness",
         "min": 0,
         "max": 10,
         "step": 1,
         "unit": "px",
         "label": "Image Border Thickness",
         "default": 0
      },
      {
         "type": "checkbox",
         "id": "image_blur_desktop",
         "label": "Image Blur Desktop",
         "default": true
      },
      {
        "type": "header",
        "content": "Video Settings"
      },
      {
        "type": "checkbox",
        "id": "enable_video",
        "label": "Enable Video Instead of Image",
        "default": false
      },
      {
        "type": "video",
        "id": "video",
        "label": "Video"
      },
      {
        "type": "video",
        "id": "video_mobile",
        "label": "Video - Mobile (Optional)"
      },
      {
        "type": "header",
        "content": "Absolute Image Settings"
      },
      {
        "type": "image_picker",
        "id": "absolute_image",
        "label": "Absolute Image - Desktop"
      },
      {
         "type": "range",
         "id": "absolute_image_width",
         "min": 100,
         "max": 600,
         "step": 10,
         "unit": "px",
         "label": "Absolute Image Width",
         "default": 400
      },
      {
         "type": "range",
         "id": "absolute_image_radius",
         "min": 0,
         "max": 100,
         "step": 2,
         "unit": "px",
         "label": "Absolute Image Border Radius",
         "default": 0
      },
      {
         "type": "range",
         "id": "absolute_image_border_thickness",
         "min": 0,
         "max": 10,
         "step": 1,
         "unit": "px",
         "label": "Absolute Image Border Thickness",
         "default": 0
      },
      {
        "type": "header",
        "content": "Button Colors"
      },
      {
        "type": "color",
        "label": "Button Color",
        "id": "button_color",
        "default": "#FFFFFF"
      },
      {
        "type": "color",
        "label": "Button Hover Color",
        "id": "button_hover_color",
        "default": "#FFFFFF"
      },
      {
        "type": "color",
        "label": "Button Other Color",
        "id": "button_other_color",
        "default": "#D5D5D5"
      },
      {
        "type": "color",
        "label": "Button Hover Other Color",
        "id": "button_hover_other_color",
        "default": "#D5D5D5"
      },
      {
        "type": "color",
        "label": "Button Background Color",
        "id": "button_bg_color",
        "default": "#000000"
      },
      {
        "type": "color",
        "label": "Button Background Hover Color",
        "id": "button_bg_hover_color",
        "default": "#000000"
      },
      {
        "type": "color",
        "label": "Button Border Color",
        "id": "button_border_color",
        "default": "#000000"
      },
      {
        "type": "color",
        "label": "Button Border Hover Color",
        "id": "button_border_hover_color",
        "default": "#000000"
      },
      {
        "type": "color",
        "label": "Button Shadow Color",
        "id": "button_shadow_color",
        "default": "#312A04"
      },
      {
        "type": "header",
        "content": "Content Colors"
      },
      {
        "type": "color",
        "label": "Heading Color",
        "id": "heading_color",
        "default": "#000000"
      },
      {
        "type": "color",
        "label": "Text Color",
        "id": "text_color",
        "default": "#000000"
      },
      {
        "type": "color",
        "label": "Feature Text Color",
        "id": "feature_text_color",
        "default": "#000000"
      },
      {
        "type": "color",
        "label": "Default Stars Color",
        "id": "stars_color",
        "default": "#000000"
      },
      {
        "type": "color",
        "label": "Rate Text Color",
        "id": "rate_text_color",
        "default": "#000000"
      },
      {
        "type": "header",
        "content": "Section Colors"
      },
      {
        "type": "color",
        "label": "Image Border Color",
        "id": "image_border_color",
        "default": "#000000"
      },
      {
        "type": "color",
        "label": "Image Blur Color",
        "id": "image_blur_color",
        "default": "#EBEBEB"
      },
      {
        "type": "color",
        "label": "Absolute Image Border Color",
        "id": "absolute_image_border_color",
        "default": "#000000"
      },
      {
        "type": "color",
        "label": "Section background",
        "id": "background_color",
        "default": "#FFFFFF"
      },
      {
        "type": "color_background",
        "id": "background_gradient",
        "label": "Section background gradient"
      },
      {
        "type": "color",
        "label": "Border",
        "id": "border_color",
        "default": "#000000"
      },
      {
        "type": "header",
        "content": "Section margin (outside)"
      },
      {
        "type": "range",
        "id": "margin_top",
        "min": 0,
        "max": 100,
        "step": 4,
        "unit": "px",
        "label": "Margin top",
        "default": 0
      },
      {
        "type": "range",
        "id": "margin_bottom",
        "min": 0,
        "max": 100,
        "step": 4,
        "unit": "px",
        "label": "Margin bottom",
        "default": 0
      },
      {
        "type": "header",
        "content": "Section padding (inside)"
      },
      {
        "type": "range",
        "id": "padding_top",
        "min": 0,
        "max": 100,
        "step": 4,
        "unit": "px",
        "label": "Padding top",
        "default": 100
      },
      {
        "type": "range",
        "id": "padding_top_mobile",
        "min": 0,
        "max": 100,
        "step": 1,
        "unit": "px",
        "label": "Padding top - Mobile",
        "default": 25
      },
      {
         "type": "range",
         "id": "padding_bottom",
         "min": 0,
         "max": 100,
         "step": 4,
         "unit": "px",
         "label": "Padding bottom",
         "default": 100
      },
      {
        "type": "range",
        "id": "padding_bottom_mobile",
        "min": 0,
        "max": 100,
        "step": 1,
        "unit": "px",
        "label": "Padding bottom - Mobile",
        "default": 25
      },
      {
        "type": "range",
        "id": "padding_horizontal",
        "min": 0,
        "max": 30,
        "step": 1,
        "unit": "rem",
        "label": "Padding sides",
        "default": 5
      },
      {
        "type": "range",
        "id": "padding_horizontal_mobile",
        "min": 0,
        "max": 15,
        "step": 0.5,
        "unit": "rem",
        "label": "Padding sides mobile",
        "default": 0
      },
      {
        "type": "header",
        "content": "Section Settings"
      },
      {
        "type": "checkbox",
        "id": "full_width",
        "label": "Full Width",
        "default": false
      },
      {
        "type": "range",
        "id": "content_width",
        "min": 0,
        "max": 400,
        "step": 10,
        "unit": "rem",
        "label": "Section content width",
        "default": 120
      },
      {
        "type": "range",
        "id": "border_thickness",
        "min": 0,
        "max": 50,
        "step": 1,
        "unit": "px",
        "label": "Border thickness",
        "default": 0
      },
      {
        "type": "checkbox",
        "id": "lazy",
        "label": "Lazy load",
        "info": "Lazy load images for speed optimisation",
        "default": true
      }
    ],
    "blocks": [
      {
        "type": "feature",
        "name": "Feature",
        "settings": [
          {
            "type": "text",
            "id": "text",
            "label": "Text",
            "default": "Text"
          }
        ]
      },
    {
      "type": "text_with_icon",
      "name": "Text with icon",
      "settings": [
        {
      "type": "select",
      "id": "visibility",
      "options": [
          {
            "value": "desktop-hidden",
            "label": "Mobile only"
          },
          {
            "value": "mobile-hidden",
            "label": "Desktop only"
          },
          {
            "value": "always-display",
            "label": "All devices"
          }
          ],
          "label": "Display on",
          "default": "always-display"
        },
        {
          "type": "header",
          "content": "Text"
        },
        {
          "type": "range",
          "id": "mobile_text_size",
          "min": 8,
          "max": 24,
          "step": 1,
          "unit": "px",
          "default": 14,
          "label": "Mobile text size"
        },
        {
          "type": "range",
          "id": "desktop_text_size",
          "min": 10,
          "max": 30,
          "step": 1,
          "unit": "px",
          "default": 16,
          "label": "Desktop text size"
        },
        {
          "type": "select",
          "id": "alignment",
          "label": "Text alignment",
          "options": [
            {
              "value": "left",
              "label": "Left"
            },
            {
              "value": "center",
              "label": "Center"
            },
            {
              "value": "right",
              "label": "Right"
            }
          ],
          "default": "left"
        },
        {
          "type": "select",
          "id": "mobile_alignment",
          "label": "Mobile text alignment",
          "options": [
            {
              "value": "left",
              "label": "Left"
            },
            {
              "value": "center",
              "label": "Center"
            },
            {
              "value": "right",
              "label": "Right"
            }
          ],
          "default": "center"
        },
        {
          "type": "color",
          "id": "text_color",
          "default": "#121212",
          "label": "Text color"
        },
        {
          "type": "inline_richtext",
          "id": "text_1",
          "default": "Text with icon",
          "label": "Text #1"
        },
        {
          "type": "inline_richtext",
          "id": "text_2",
          "label": "Text #2"
        },
        {
          "type": "inline_richtext",
          "id": "text_3",
          "label": "Text #3"
        },
        {
          "type": "inline_richtext",
          "id": "text_4",
          "label": "Text #4"
        },
        {
          "type": "header",
          "content": "Icons"
        },
        {
          "type": "range",
          "id": "icon_scale",
          "min": 100,
          "max": 200,
          "step": 5,
          "default": 120,
          "unit": "%",
          "label": "Icon scale",
          "info": "Relative to text size"
        },
        {
          "type": "color",
          "id": "icon_color",
          "default": "#121212",
          "label": "Icons color"
        },
        {
          "type": "text",
          "id": "icon_1",
          "default": "check_circle",
          "label": "Icon #1",
          "info": "[View all available icons](https:\/\/fonts.google.com\/icons?icon.set=Material+Symbols&icon.platform=web)."
        },
        {
          "type": "checkbox",
          "id": "filled_icon_1",
          "default": false,
          "label": "Filled icon #1"
        },
        {
          "type": "image_picker",
          "id": "custom_icon_1",
          "label": "Custom icon #1"
        },
        {
          "type": "text",
          "id": "icon_2",
          "default": "check_circle",
          "label": "Icon #2",
          "info": "[View all available icons](https:\/\/fonts.google.com\/icons?icon.set=Material+Symbols&icon.platform=web)."
        },
        {
          "type": "checkbox",
          "id": "filled_icon_2",
          "default": false,
          "label": "Filled icon #2"
        },
        {
          "type": "image_picker",
          "id": "custom_icon_2",
          "label": "Custom icon #2"
        },
        {
          "type": "text",
          "id": "icon_3",
          "default": "check_circle",
          "label": "Icon #3",
          "info": "[View all available icons](https:\/\/fonts.google.com\/icons?icon.set=Material+Symbols&icon.platform=web)."
        },
        {
          "type": "checkbox",
          "id": "filled_icon_3",
          "default": false,
          "label": "Filled icon #3"
        },
        {
          "type": "image_picker",
          "id": "custom_icon_3",
          "label": "Custom icon #3"
        },
        {
          "type": "text",
          "id": "icon_4",
          "default": "check_circle",
          "label": "Icon #4",
          "info": "[View all available icons](https:\/\/fonts.google.com\/icons?icon.set=Material+Symbols&icon.platform=web)."
        },
        {
          "type": "checkbox",
          "id": "filled_icon_4",
          "default": false,
          "label": "Filled icon #4"
        },
        {
          "type": "image_picker",
          "id": "custom_icon_4",
          "label": "Custom icon #4"
        },
        {
          "type": "header",
          "content": "Container"
        },
        {
          "type": "select",
          "id": "width",
          "options": [
            {
              "value": "fit-content",
              "label": "Fit text"
            },
            {
              "value": "100%",
              "label": "Full"
            }
          ],
          "default": "100%",
          "label": "Width"
        },
        {
          "type": "select",
          "id": "direction",
          "options": [
            {
              "value": "horizontal",
              "label": "Horizontal"
            },
            {
              "value": "vertical",
              "label": "Vertical"
            }
          ],
          "default": "vertical",
          "label": "Stacking direction",
          "info": "Applied when multiple texts are added."
        },
        {
         "type": "select",
         "id": "grid_layout",
         "label": "Layout for 4 items",
         "options": [
         {
            "value": "row",
            "label": "Single row"
         },
         {
            "value": "2x2",
            "label": "2x2 grid"
         }
         ],
         "default": "row",
         "info": "Choose how to display 4 items: in a single row or as a 2x2 grid"
        },
        {
          "type": "range",
          "id": "column_gap",
          "min": 0,
          "max": 6,
          "step": 0.5,
          "label": "Stacking spacing",
          "default": 3
        },
        {
          "type": "checkbox",
          "id": "enable_bg",
          "default": false,
          "label": "Enable background",
          "info": "The following settings are applied when this option is enabled."
        },
        {
          "type": "select",
          "id": "styling_container",
          "options": [
            {
              "value": "container",
              "label": "Whole block container"
            },
            {
              "value": "text",
              "label": "Each text item"
            }
          ],
          "default": "container",
          "label": "Apply background & border to:"
        },
        {
          "type": "color",
          "id": "bg_color",
          "label": "Background color",
          "default": "#F3F3F3"
        },
        {
         "type": "checkbox",
          "id": "enable_gradient_bg",
          "label": "Enable gradient background",
          "info": "Recomended to have normal background enabled to add some padding.",
          "default": false
        },
        {
          "type": "color_background",
          "id": "gradient_bg",
          "label": "Gradient background",
          "default": "linear-gradient(270deg, #ff9c9f 0%, #efc885 100%)"
        },
        {
          "type": "header",
          "content": "Per-item background colors",
          "info": "Override the background color per pill. Only applies when 'Apply background & border to' is set to 'Each text item'.",
          "visible_if": "{{ block.settings.styling_container == 'text' }}"
        },
        {
          "type": "select",
          "id": "bg_type_1",
          "label": "Item #1 background type",
          "options": [
            { "value": "global", "label": "Use global color" },
            { "value": "solid", "label": "Solid color" },
            { "value": "gradient", "label": "Gradient" }
          ],
          "default": "global",
          "visible_if": "{{ block.settings.styling_container == 'text' }}"
        },
        {
          "type": "color",
          "id": "bg_color_1",
          "label": "Item #1 solid color",
          "default": "#F3F3F3",
          "visible_if": "{{ block.settings.styling_container == 'text' and block.settings.bg_type_1 == 'solid' }}"
        },
        {
          "type": "color_background",
          "id": "gradient_bg_1",
          "label": "Item #1 gradient",
          "visible_if": "{{ block.settings.styling_container == 'text' and block.settings.bg_type_1 == 'gradient' }}"
        },
        {
          "type": "select",
          "id": "bg_type_2",
          "label": "Item #2 background type",
          "options": [
            { "value": "global", "label": "Use global color" },
            { "value": "solid", "label": "Solid color" },
            { "value": "gradient", "label": "Gradient" }
          ],
          "default": "global",
          "visible_if": "{{ block.settings.styling_container == 'text' }}"
        },
        {
          "type": "color",
          "id": "bg_color_2",
          "label": "Item #2 solid color",
          "default": "#F3F3F3",
          "visible_if": "{{ block.settings.styling_container == 'text' and block.settings.bg_type_2 == 'solid' }}"
        },
        {
          "type": "color_background",
          "id": "gradient_bg_2",
          "label": "Item #2 gradient",
          "visible_if": "{{ block.settings.styling_container == 'text' and block.settings.bg_type_2 == 'gradient' }}"
        },
        {
          "type": "select",
          "id": "bg_type_3",
          "label": "Item #3 background type",
          "options": [
            { "value": "global", "label": "Use global color" },
            { "value": "solid", "label": "Solid color" },
            { "value": "gradient", "label": "Gradient" }
          ],
          "default": "global",
          "visible_if": "{{ block.settings.styling_container == 'text' }}"
        },
        {
          "type": "color",
          "id": "bg_color_3",
          "label": "Item #3 solid color",
          "default": "#F3F3F3",
          "visible_if": "{{ block.settings.styling_container == 'text' and block.settings.bg_type_3 == 'solid' }}"
        },
        {
          "type": "color_background",
          "id": "gradient_bg_3",
          "label": "Item #3 gradient",
          "visible_if": "{{ block.settings.styling_container == 'text' and block.settings.bg_type_3 == 'gradient' }}"
        },
        {
          "type": "select",
          "id": "bg_type_4",
          "label": "Item #4 background type",
          "options": [
            { "value": "global", "label": "Use global color" },
            { "value": "solid", "label": "Solid color" },
            { "value": "gradient", "label": "Gradient" }
          ],
          "default": "global",
          "visible_if": "{{ block.settings.styling_container == 'text' }}"
        },
        {
          "type": "color",
          "id": "bg_color_4",
          "label": "Item #4 solid color",
          "default": "#F3F3F3",
          "visible_if": "{{ block.settings.styling_container == 'text' and block.settings.bg_type_4 == 'solid' }}"
        },
        {
          "type": "color_background",
          "id": "gradient_bg_4",
          "label": "Item #4 gradient",
          "visible_if": "{{ block.settings.styling_container == 'text' and block.settings.bg_type_4 == 'gradient' }}"
        },
        {
          "type": "checkbox",
          "id": "boxshadow",
          "default": false,
          "label": "Enable background shadow",
          "info": "Background shadow shows only if Background color is enabled and background & border set to Each text item."
      },
        {
          "type": "range",
          "id": "corner_radius",
          "min": 0,
          "max": 100,
          "step": 5,
          "unit": "%",
          "label": "t:settings_schema.global.settings.corner_radius.label",
          "default": 40,
          "info": "Relative to font size"
        },
        {
          "type": "range",
          "id": "padding",
          "min": 1,
          "max": 5,
          "step": 0.5,
          "label": "Padding",
          "default": 3
        },
        {
          "type": "range",
          "id": "border_size",
          "min": 0,
          "max": 5,
          "step": 1,
          "label": "Border thickness",
          "unit": "px",
          "default": 0
        },
        {
          "type": "color",
          "id": "border_color",
          "label": "Border color",
          "default": "#B7B7B7"
        },
        {
          "type": "checkbox",
          "id": "dashedborder",
          "default": false,
          "label": "Enable dashed border",
          "info": "Border thickness must at least be 1px to show"
        },
        {
          "type": "header",
          "content": "Block margin"
        },
        {
          "type": "range",
          "id": "textwithiconmargintop",
          "min": 0,
          "max": 35,
          "step": 1,
          "unit": "px",
          "label": "Top margin",
          "default": 15
        },
        {
          "type": "range",
          "id": "textwithiconmarginbottom",
          "min": 0,
          "max": 35,
          "step": 1,
          "unit": "px",
          "label": "Bottom margin",
          "default": 15
        }
      ]
    },
      {
        "type": "badge",
        "name": "Badge",
        "settings": [
          {
            "type": "text",
            "id": "text",
            "label": "Text",
            "default": "Text"
          },
          {
            "type": "color",
            "label": "Text Color",
            "id": "text_color",
            "default": "#FFFFFF"
          },
          {
            "type": "color",
            "label": "Background Color",
            "id": "bg_color",
            "default": "#000000"
          },
          {
            "type": "color",
            "label": "Border Color",
            "id": "border_color",
            "default": "#000000"
          }
        ]
      },
         {
      "type": "moneybackguarantee",
      "name": "Money back guarantee",
      "settings": [
     
    
 {
            "type": "text",
            "id": "moneybackguarantee",
            "label": "Money Back Guarantee",
             "default": "30 DAY MONEY-BACK GUARANTEE"
        },
   {
          "type": "header",
          "content": "Block margin"
        },
        {
          "type": "range",
          "id": "margin_top",
          "min": 0,
          "max": 45,
          "step": 3,
          "unit": "px",
          "label": "Top margin",
          "default": 24
        },
        {
          "type": "range",
          "id": "margin_bottom",
          "min": 0,
          "max": 45,
          "step": 3,
          "unit": "px",
          "label": "Bottom margin",
          "default": 24
        }
      ]
    }
    ],
    "presets": [
      {
        "name": "Custom banner section",
        "category": "Hero",
        "blocks": [
          {
            "type": "badge",
            "settings": {
              "text": "FREE SHIPPING"
            }
          },
          {
            "type": "badge",
            "settings": {
              "text": "EASY RETURNS"
            }
          },
          {
            "type": "feature",
            "settings": {
              "text": "Benefit/Feature #1"
            }
          },
          {
            "type": "feature",
            "settings": {
              "text": "Benefit/Feature #2"
            }
          },
          {
            "type": "feature",
            "settings": {
              "text": "Benefit/Feature #3"
            }
          }
        ]
      }
    ],
      "disabled_on": {
    "groups": ["header", "footer"]
  }
  }
{% endschema %}