{% for block in section.blocks %}
  {% if block.type == 'heading' %}
    {% assign _ff = block.settings.italic_font_family %}
    {% if _ff == 'georgia-pro' or _ff == 'bodoni-moda' or _ff == 'instrument-serif' or _ff == 'custom_google_font' %}
      <link rel="preconnect" href="https://fonts.googleapis.com">
      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
      {% if _ff == '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">
      {% elsif _ff == '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">
      {% elsif _ff == 'instrument-serif' %}
        <link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap" rel="stylesheet">
      {% elsif _ff == 'custom_google_font' and block.settings.custom_google_font_name != blank %}
        <link href="https://fonts.googleapis.com/css2?family={{ block.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 %}
      {% break %}
    {% endif %}
  {% endif %}
{% endfor %}

{%- style -%}
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }

  @media screen and (min-width: 750px) {
    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }
  }

  .color-scheme-{{ section.id }}.color-custom {
    --color-background: {{ section.settings.custom_colors_background.red }}, {{ section.settings.custom_colors_background.green }}, {{ section.settings.custom_colors_background.blue }};
    --gradient-background: {% if section.settings.custom_gradient_background != blank %}{{ section.settings.custom_gradient_background }}{% else %}{{ section.settings.custom_colors_background }}{% endif %};
    {% if section.settings.custom_image_background != blank %}
      {% # theme-check-disable %}
      --gradient-background: url('{{ section.settings.custom_image_background | img_url: 'master' }}') center center / cover no-repeat;
      {% # theme-check-enable %}
    {% endif %}
    --color-foreground: {{ section.settings.custom_colors_text.red }}, {{ section.settings.custom_colors_text.green }}, {{ section.settings.custom_colors_text.blue }};
    --color-button: {{ section.settings.custom_colors_solid_button_background.red }}, {{ section.settings.custom_colors_solid_button_background.green }}, {{ section.settings.custom_colors_solid_button_background.blue }};
    --color-button-text: {{ section.settings.custom_colors_solid_button_text.red }}, {{ section.settings.custom_colors_solid_button_text.green }}, {{ section.settings.custom_colors_solid_button_text.blue }};
    --color-base-outline-button-labels: {{ section.settings.custom_colors_outline_button.red }}, {{ section.settings.custom_colors_outline_button.green }}, {{ section.settings.custom_colors_outline_button.blue }};
  }
  {% if section.settings.custom_mobile_image_background != blank %}
    @media screen and (max-width: 740px) {
      .color-scheme-{{ section.id }}.color-custom {
        {% # theme-check-disable %}
        --gradient-background: url('{{ section.settings.custom_mobile_image_background | img_url: 'master' }}') center center / cover no-repeat;
        {% # theme-check-enable %}
      }
    }
  {% endif %}

  .color-scheme-{{ section.id }}.color-custom {
    /* Prevent gradient shifting during scroll */
    background-attachment: scroll !important;
    
    /* Improve rendering performance */
    transform: translateZ(0);
    backface-visibility: hidden;
    
    /* Optimize for scrolling */
    will-change: auto;
    
    /* Ensure consistent background positioning */
    background-position: center center;
    background-repeat: no-repeat;
    
    /* Force hardware acceleration for smooth scrolling */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    
    /* Smooth rendering */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    
    /* Optimize painting */
    -webkit-perspective: 1000;
    perspective: 1000;
  }

  /* Mobile-specific optimizations for this section */
  @media screen and (max-width: 750px) {
    .color-scheme-{{ section.id }}.color-custom {
      -webkit-overflow-scrolling: touch;
      transform: translateZ(0);
    }
  }

  /* Animation fixes for this section */
  .section-{{ section.id }}-padding .animate-section,
  .section-{{ section.id }}-padding .animate-item {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
  }

  /* Webkit browser fix for this section */
  @supports (-webkit-appearance: none) {
    .color-scheme-{{ section.id }}.color-custom {
      -webkit-transform: translateZ(0);
      -webkit-backface-visibility: hidden;
    }
  }

  .section-{{ section.id }}-pattern {
    --pattern-dot-color: {{ section.settings.pattern_dot_color | default: '#00000024' }};
    --pattern-size: {{ section.settings.pattern_dot_size | default: 2 }}px;
    --pattern-space: {{ section.settings.pattern_dot_spacing | default: 45 }}px;
    {% if section.settings.pattern_type == 'grid' %}
      background-image:
        linear-gradient(var(--pattern-dot-color) var(--pattern-size), transparent 1%),
        linear-gradient(90deg, var(--pattern-dot-color) var(--pattern-size), transparent 1%);
      background-size: var(--pattern-space) var(--pattern-space);
    {% else %}
      background:
        radial-gradient(circle, var(--pattern-dot-color) var(--pattern-size), transparent 0) center / var(--pattern-space) var(--pattern-space) repeat;
    {% endif %}
  }
  {% if section.settings.enable_icon_dividers %}
    #Icons-{{ section.id }} .icons-with-text__icon-item:not(:last-child) {
      border-bottom: 1px solid {{ section.settings.icon_divider_color }};
      padding-bottom: 3rem;
    }
  {% endif %}  
{%- endstyle -%}

<div class="color-scheme-{{ section.id }} color-{{ section.settings.color_scheme }} gradient {% if section.settings.pattern_enable %} section-{{ section.id }}-pattern{% endif %} content-for-grouping animate-section animate--hidden {{ section.settings.visibility }}">
  {% if section.settings.display_id %}
    <copy-button class="section-id-btn button" data-content="#shopify-section-{{ section.id }}" data-success="false">
      <span class="copy-text">Click to copy section ID</span>
      <span class="copy-success">ID copied successfully!</span>
    </copy-button>
  {% endif %}
  <div class="icons-with-content page-width section-{{ section.id }}-padding">
    <div class="icon-with-content__grid section-group__container__child-grid{% if section.settings.layout == 'text_first' %} icon-with-content__grid--desktop-reverse{% endif %}{% if section.settings.mobile_layout == 'text_first' %} icon-with-content__mobile-grid--reverse{% endif %}">
    <div
  id="Icons-{{ section.id }}"
  class="icon-with-content__icons icon-with-content__icons--desktop-{{ section.settings.icons_desktop_layout }} icon-with-content__icons--mobile-{{ section.settings.icons_mobile_layout }} animate-item animate-item--child index-0"
  style="
    {% if section.settings.enable_border_icons %}
      border: 1px solid {{ section.settings.icon_with_content_border }}; 
      border-radius: {{ section.settings.icon_with_content_borderradius }}px; 
      padding: 15px;
    {% endif %}
    {% if section.settings.enable_background %}
      {% if section.settings.background_type == 'solid' %}
        background: {{ section.settings.solid_background_color }} !important;
      {% else %}
        background: {{ section.settings.gradient_background }} !important;
      {% endif %}
    {% endif %}
  ">
        {%- for block in section.blocks -%}
          {% case block.type %}
            {%- when 'icon' -%}
              <div class="icons-with-text__icon-item icons-with-text__icon-item--{{ section.settings.icon_position }} icons-with-text__icon-item--{{ section.settings.icon_text_alignment }} {% if section.settings.enable_icon_card_background %} icon-card{% endif %}" {% if section.settings.enable_icon_card_background %} style="background-color: {{ section.settings.icon_card_background_color }}; border-radius: {{ section.settings.icon_card_border_radius }}px; padding: 1.5rem;" {% endif %}" {{ block.shopify_attributes }}>
                {% if section.settings.icon_position != 'next-to-title' %}
                  <div class="icons-with-text__icon__icon icons-with-text__icon__icon--{{ section.settings.icon_size }} color-{{ section.settings.icon_color }}">
                    {%- if block.settings.image != blank -%}
                      <img
                        src="{{ block.settings.image | image_url: width: 300 }}"
                        {% if block.settings.image.alt != blank %}
                          alt="{{ block.settings.image.alt | escape }}"
                        {% else %}
                          role="presentation"
                        {% endif %}
                        height="auto"
                        width="auto"
                        loading="lazy"
                      >
                    {%- elsif block.settings.icon != 'none' -%}
                      {% render 'material-icon', icon: block.settings.icon, filled: block.settings.filled_icon %}
                    {%- endif -%}
                  </div>
                {% endif %}
                <div class="icons-with-text__icon__text">
                  <h3 class="icons-with-text__icon__title {{ section.settings.icon_heading_size }}">
                    {% if section.settings.icon_position == 'next-to-title' %}
                      <div class="icons-with-text__icon__icon icons-with-text__icon__icon--title icons-with-text__icon__icon--{{ section.settings.icon_size }} color-{{ section.settings.icon_color }}">
                        {%- if block.settings.image != blank -%}
                          <img
                            src="{{ block.settings.image | image_url: width: 300 }}"
                            {% if block.settings.image.alt != blank %}
                              alt="{{ block.settings.image.alt | escape }}"
                            {% else %}
                              role="presentation"
                            {% endif %}
                            height="auto"
                            width="auto"
                            loading="lazy"
                          >
                        {%- elsif block.settings.icon != 'none' -%}
                          {% render 'material-icon', icon: block.settings.icon, filled: block.settings.filled_icon %}
                        {%- endif -%}
                      </div>
                    {% endif %}
                    <span>
                      {{ block.settings.title }}
                    </span>
                  </h3>
                  {%- if block.settings.text != blank -%}
                    <div class="rte">
                      {{ block.settings.text }}
                    </div>
                  {%- endif -%}
                </div>
              </div>
            {%- when 'featuredreview' -%}
              {% if block.settings.position == 'side2' %}
                {% render 'single-featured-review', block: block %}
              {%- endif -%}

              {%- when 'heading' -%}
              {% if block.settings.position == 'icons' %}
                <h2
                  class="icon-with-content__heading {{ block.settings.heading_size }} title-with-highlight"
                  style="--hightlight-color:{{ block.settings.title_highlight_color }}; text-align: {{ block.settings.heading_alignment }}; --gradient-text: {{ block.settings.title_gradient_background }};"
                  {{ block.shopify_attributes }}
                >
                  {{ block.settings.title }}
                </h2>
                {%- style -%}
                  .icon-with-content__heading em {
                    {% if block.settings.italic_style == 'italic' %}
                      text-decoration: none !important;
                      font-style: italic !important;
                    {% elsif block.settings.italic_style == 'font_family' and block.settings.italic_font_family != 'inherit' %}
                      text-decoration: none !important;
                      font-style: italic !important;
                      {% if block.settings.italic_font_family == 'serif' %}
                        font-family: serif !important;
                      {% elsif block.settings.italic_font_family == 'georgia-pro' %}
                        font-family: 'Georgia Pro', Georgia, serif !important;
                      {% elsif block.settings.italic_font_family == 'bodoni-moda' %}
                        font-family: 'Bodoni Moda', Georgia, serif !important;
                      {% elsif block.settings.italic_font_family == 'instrument-serif' %}
                        font-family: 'Instrument Serif', Georgia, serif !important;
                      {% elsif block.settings.italic_font_family == 'cursive' %}
                        font-family: cursive !important;
                      {% elsif block.settings.italic_font_family == 'custom_google_font' and block.settings.custom_google_font_name != blank %}
                        font-family: '{{ block.settings.custom_google_font_name }}', sans-serif !important;
                      {% endif %}
                      {% if block.settings.italic_font_weight != 'inherit' %}
                        font-weight: {{ block.settings.italic_font_weight }} !important;
                      {% endif %}
                    {% else %}
                      text-decoration: underline !important;
                      font-style: normal !important;
                      text-decoration-color: {{ block.settings.underlinetextcolor }} !important;
                      text-decoration-thickness: {{ block.settings.underlinethickness }}px !important;
                    {% endif %}
                  }
                  {% if block.settings.enable_gradient %}
                    .icon-with-content__heading strong {
                      background: {{ block.settings.title_gradient_background }};
                      -webkit-background-clip: text;
                      -webkit-text-fill-color: transparent;
                      background-clip: text;
                      font-style: normal;
                    }
                  {% endif %}
                {%- endstyle -%}
              {% endif %}
      {%- when 'text' -%}
  {% if block.settings.position == 'icons' %}
    <div class="icon-with-content__text rte {{ block.settings.text_style }}" {{ block.shopify_attributes }} style="margin-bottom:10px;">
      {{ block.settings.text }}
    </div>
  {%- endif -%}

          {% endcase %}
        {% endfor %}
      </div>
      <div class="icon-with-content__content{% if section.settings.hide_content_on_mobile %} icon-with-content__content--hide-on-mobile{% endif %} {{ section.settings.desktop_content_alignment }} animate-item animate-item--child index-0">
        {%- for block in section.blocks -%}
          {% case block.type %}
            {%- when 'heading' -%}
            {% if block.settings.position == 'image' %}
              <h2
                class="icon-with-content__heading {{ block.settings.heading_size }} title-with-highlight"
                style="--hightlight-color:{{ block.settings.title_highlight_color }}; text-align: {{ block.settings.heading_alignment }}; --gradient-text: {{ block.settings.title_gradient_background }};"
                {{ block.shopify_attributes }}
              >
                {{ block.settings.title }}
              </h2>
              {%- style -%}
                .icon-with-content__heading em {
                  {% if block.settings.italic_style == 'italic' %}
                    text-decoration: none !important;
                    font-style: italic !important;
                  {% elsif block.settings.italic_style == 'font_family' and block.settings.italic_font_family != 'inherit' %}
                    text-decoration: none !important;
                    font-style: italic !important;
                    {% if block.settings.italic_font_family == 'serif' %}
                      font-family: serif !important;
                    {% elsif block.settings.italic_font_family == 'georgia-pro' %}
                      font-family: 'Georgia Pro', Georgia, serif !important;
                    {% elsif block.settings.italic_font_family == 'bodoni-moda' %}
                      font-family: 'Bodoni Moda', Georgia, serif !important;
                    {% elsif block.settings.italic_font_family == 'instrument-serif' %}
                      font-family: 'Instrument Serif', Georgia, serif !important;
                    {% elsif block.settings.italic_font_family == 'cursive' %}
                      font-family: cursive !important;
                    {% elsif block.settings.italic_font_family == 'custom_google_font' and block.settings.custom_google_font_name != blank %}
                      font-family: '{{ block.settings.custom_google_font_name }}', sans-serif !important;
                    {% endif %}
                    {% if block.settings.italic_font_weight != 'inherit' %}
                      font-weight: {{ block.settings.italic_font_weight }} !important;
                    {% endif %}
                  {% else %}
                    text-decoration: underline !important;
                    font-style: normal !important;
                    text-decoration-color: {{ block.settings.underlinetextcolor }} !important;
                    text-decoration-thickness: {{ block.settings.underlinethickness }}px !important;
                  {% endif %}
                }
                {% if block.settings.enable_gradient %}
                  .icon-with-content__heading strong {
                    background: {{ block.settings.title_gradient_background }};
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    background-clip: text;
                    font-style: normal;
                  }
                {% endif %}
              {%- endstyle -%}
            {% endif %}
            {%- when 'caption' -%}
              <p
                class="icon-with-content__text icon-with-content__text--caption {{ block.settings.text_style }} {{ block.settings.text_style }}--{{ block.settings.text_size }} {{ block.settings.text_style }}"
              >
                {{ block.settings.caption }}
              </p>
           {%- when 'text' -%}
          {% if block.settings.position == 'image' or block.settings.position == blank %}
            <div class="icon-with-content__text rte {{ block.settings.text_style }}" {{ block.shopify_attributes }}>
              {{ block.settings.text }}
            </div>
          {%- endif -%}
            {%- when 'button' -%}
              {%- if block.settings.button_label != blank -%}
                <a
                  {% if block.settings.buttonwidth %}
                    style="width:100%;"
                  {%- endif -%}
                  {% if block.settings.button_link == blank %}
                    role="link" aria-disabled="true"
                  {% else %}
                    href="{{ block.settings.button_link }}"
                  {% endif %}
                  class="button{% if block.settings.button_style_secondary %} button--secondary{% else %} button--primary{% endif %}"
                  {{ block.shopify_attributes }}
                >
                  {{ block.settings.button_label | escape }}
                </a>
              {%- endif -%}

            {%- when 'featuredreview' -%}
              {% if block.settings.position == 'side1' %}
                {% render 'single-featured-review', block: block %}
              {%- endif -%}

            {% when 'image' %}
            <div class="icons-with-content__image" {{ block.shopify_attributes }}{% if block.settings.enable_border_radius %} style="border-radius: {{ block.settings.border_radius }}px; overflow: hidden;"{% endif %}>
                 {%- if block.settings.image != blank -%}
                {%- capture sizes -%}
                  (min-width: {{ settings.page_width }}px) {{ settings.page_width | minus: 100 | divided_by: 2 }}px,
                  (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 30px) / 2)
                {%- endcapture -%}
                {{
                  block.settings.image
                  | image_url: width: 1500
                  | image_tag: loading: 'lazy', sizes: sizes, widths: '165, 360, 535, 750, 1070, 1500'
                }}
                 {%- else -%}
                {{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
                {%- endif -%}
              </div>
            {% when 'video' %}
              {% render 'video-player', block: block %}
            {% when 'atc_button' %}
              {% if block.settings.atc_product == blank %}
                <button
                  id="SectionAtcBtn-{{ section.id }}"
                  type="button"
                  class="button main-product-atc button--has-spinner"
                  {% if product.selected_or_first_available_variant.available == false %}
                    disabled
                  {% endif %}
                  {{ block.shopify_attributes }}
                >
                  {{ block.settings.button_label }}
                  <div class="loading-overlay__spinner">
                    <svg
                      aria-hidden="true"
                      focusable="false"
                      class="spinner"
                      viewBox="0 0 66 66"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
                    </svg>
                  </div>
                </button>
              {% else %}
                {% assign product_form_id = 'section-product-form-' | append: section.id | append: block.id %}
                {% render 'separate-atc-btn',
                  product: block.settings.atc_product,
                  product_form_id: product_form_id,
                  label: block.settings.button_label,
                  skip_cart: block.settings.atc_skip_cart
                %}
              {% endif %}
            {% when 'image_collage' %}
              <div class="icons-with-content__image-collage">
                <div
                  class="image-collage{% if block.settings.main_image_position == 'right' %} image-collage--reverse{% endif %}"
                  style="--collage-border-radius: {{ block.settings.border_radius }}px;"
                >
                  <!-- Main Image -->
                  <div class="image-collage__main">
                    {%- if block.settings.main_image != blank -%}
                      {%- capture sizes -%}
                  (min-width: {{ settings.page_width }}px) {{ settings.page_width | minus: 100 | divided_by: 2 }}px,
                  (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 30px) / 2)
                  {%- endcapture -%}
                      {{
                        block.settings.main_image
                        | image_url: width: 1200
                        | image_tag:
                          loading: 'lazy',
                          sizes: sizes,
                          widths: '300, 600, 900, 1200',
                          class: 'image-collage__main-img'
                      }}
                    {%- else -%}
                      <div class="image-collage__placeholder">
                        {{ 'lifestyle-1' | placeholder_svg_tag: 'placeholder-svg' }}
                      </div>
                    {%- endif -%}
                  </div>

                  <!-- Stacked Images -->
                  <div class="image-collage__stack">
                    <div class="image-collage__stack-item image-collage__stack-item--top">
                      {%- if block.settings.stack_image_1 != blank -%}
                        {{
                          block.settings.stack_image_1
                          | image_url: width: 600
                          | image_tag: loading: 'lazy', widths: '150, 300, 450, 600', class: 'image-collage__stack-img'
                        }}
                      {%- else -%}
                        <div class="image-collage__placeholder image-collage__placeholder--small">
                          {{ 'lifestyle-2' | placeholder_svg_tag: 'placeholder-svg' }}
                        </div>
                      {%- endif -%}
                    </div>

                    <div class="image-collage__stack-item image-collage__stack-item--bottom">
                      {%- if block.settings.stack_image_2 != blank -%}
                        {{
                          block.settings.stack_image_2
                          | image_url: width: 600
                          | image_tag: loading: 'lazy', widths: '150, 300, 450, 600', class: 'image-collage__stack-img'
                        }}
                      {%- else -%}
                        <div class="image-collage__placeholder image-collage__placeholder--small">
                          {{ 'lifestyle-1' | placeholder_svg_tag: 'placeholder-svg' }}
                        </div>
                      {%- endif -%}
                    </div>
                  </div>
                </div>
              </div>
          {%- endcase -%}
        {%- endfor -%}
      </div>
    </div>
  </div>
</div>

{% schema %}
{
  "name": "Icons with content",
  "class": "section",
  "disabled_on": {
    "groups": ["header", "footer"]
  },
  "settings": [
    {
      "type": "checkbox",
      "id": "display_id",
      "label": "Display section ID",
      "info": "ID is used in the Sections group section to merge 2 sections. ID can also be put inside any button link and the button will scroll to this section.",
      "default": false
    },
    {
      "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": "select",
      "id": "color_scheme",
      "options": [
        {
          "value": "accent-1",
          "label": "Accent 1"
        },
        {
          "value": "accent-2",
          "label": "Accent 2"
        },
        {
          "value": "background-1",
          "label": "Background 1"
        },
        {
          "value": "background-2",
          "label": "Background 2"
        },
        {
          "value": "inverse",
          "label": "Inverse"
        },
        {
          "value": "custom",
          "label": "Custom"
        }
      ],
      "default": "background-1",
      "label": "Color scheme",
      "info": "Custom color scheme is edited at the bottom of section settings."
    },
    {
      "type": "header",
      "content": "Icons section"
    },
    {
      "type": "select",
      "id": "icon_size",
      "label": "Icon size",
      "options": [
        {
          "value": "xs",
          "label": "Extra small"
        },
        {
          "value": "s",
          "label": "Small"
        },
        {
          "value": "m",
          "label": "Medium"
        },
        {
          "value": "l",
          "label": "Large"
        },
        {
          "value": "xl",
          "label": "Extra large"
        },
        {
          "value": "xxl",
          "label": "Double extra large"
        }
      ],
      "default": "m"
    },
    {
      "type": "select",
      "id": "icon_position",
      "options": [
        {
          "value": "above",
          "label": "Above title & text"
        },
        {
          "value": "next-to-title",
          "label": "Next to title"
        },
        {
          "value": "next-to-text",
          "label": "Next to text & title"
        }
      ],
      "label": "Icon position",
      "default": "next-to-title"
    },
    {
      "type": "select",
      "id": "icon_color",
      "options": [
        {
          "value": "accent-1",
          "label": "Accent 1"
        },
        {
          "value": "accent-2",
          "label": "Accent 2"
        },
        {
          "value": "background-1",
          "label": "Background 1"
        },
        {
          "value": "background-2",
          "label": "Background 2"
        },
        {
          "value": "text",
          "label": "Text"
        }
      ],
      "default": "accent-1",
      "label": "Icon color"
    },
    {
      "type": "select",
      "id": "icon_heading_size",
      "options": [
        {
          "value": "h5",
          "label": "Extra small"
        },
        {
          "value": "h4",
          "label": "Small"
        },
        {
          "value": "h3",
          "label": "Medium"
        },
        {
          "value": "h2",
          "label": "Large"
        }
      ],
      "default": "h3",
      "label": "Heading size"
    },
    {
      "type": "select",
      "id": "icon_text_alignment",
      "options": [
        {
          "value": "left",
          "label": "Left"
        },
        {
          "value": "center",
          "label": "Center"
        },
        {
          "value": "right",
          "label": "Right"
        }
      ],
      "default": "left",
      "label": "Text alignment",
      "info": "Text is automatically centered if the icon position is set to above title & text."
    },
    {
      "type": "select",
      "id": "icons_desktop_layout",
      "options": [
        {
          "value": "1-column",
          "label": "1 column"
        },
        {
          "value": "2-columns",
          "label": "2 columns"
        }
      ],
      "default": "1-column",
      "label": "Desktop layout"
    },
    {
      "type": "select",
      "id": "icons_mobile_layout",
      "options": [
        {
          "value": "1-column",
          "label": "1 column"
        },
        {
          "value": "2-columns",
          "label": "2 columns"
        }
      ],
      "default": "1-column",
      "label": "Mobile layout"
    },
   {
        "type": "checkbox",
        "id": "enable_border_icons",
        "label": "Enable border around icons",
        "default": false
    },
    {
        "type": "color",
        "id": "icon_with_content_border",  
        "label": "Border color",
        "default": "#2F465F"
    },
    {
      "type": "checkbox",
      "id": "enable_background",
      "label": "Enable background",
      "default": false
    },
    {
      "type": "select",
      "id": "background_type",
      "label": "Background type",
      "options": [
        {
          "value": "solid",
          "label": "Solid color"
        },
        {
          "value": "gradient",
          "label": "Gradient"
        }
      ],
      "default": "gradient",
      "info": "Choose between solid color or gradient background"
    },
    {
      "type": "color",
      "id": "solid_background_color",
      "label": "Solid background color",
      "default": "#FFFFFF"
    },
    {
      "type": "color_background",
      "id": "gradient_background",
      "label": "Gradient background",
      "default": "linear-gradient(180deg, rgba(251, 255, 197, 1), rgba(206, 255, 221, 1) 96%)"
    },
    {
      "type": "range",
      "id": "icon_with_content_borderradius",  
      "label": "Border Radius",
      "min": 0,
      "max": 20,
      "step": 1,
      "unit": "px",
      "default": 20
    },
    {
      "type": "header",
      "content": "Icon dividers"
    },
    {
      "type": "checkbox",
      "id": "enable_icon_dividers",
      "label": "Enable dividers between icons",
      "default": false
    },
    {
      "type": "color",
      "id": "icon_divider_color",
      "label": "Divider color",
      "default": "#E0E0E0",
      "visible_if": "{{ section.settings.enable_icon_dividers == true }}"
    },
    {
      "type": "header",
      "content": "Block background"
    },
    {
      "type": "checkbox",
      "id": "enable_icon_card_background",
      "label": "Enable background for icon blocks",
      "default": false
    },
    {
      "type": "color",
      "id": "icon_card_background_color",
      "label": "Icon block background color",
      "default": "#F3F3F3",
       "visible_if": "{{ section.settings.enable_icon_card_background == true }}"
    },
    {
     "type": "range",
      "id": "icon_card_border_radius",
      "label": "Icon block border radius",
      "min": 0,
      "max": 20,
      "step": 1,
     "default": 12,
      "unit": "px",
       "visible_if": "{{ section.settings.enable_icon_card_background == true }}"
    },
    {
      "type": "header",
      "content": "Pattern Background"
    },
    {
      "type": "checkbox",
      "id": "pattern_enable",
      "label": "Enable pattern background",
      "default": false
    },
    {
      "type": "select",
      "id": "pattern_type",
      "label": "Pattern type",
      "options": [
        { "value": "dot", "label": "Dotted" },
        { "value": "grid", "label": "Grid" }
      ],
      "default": "dot",
       "visible_if": "{{ section.settings.pattern_enable == true }}"
    },
    {
      "type": "color",
      "id": "pattern_dot_color",
      "label": "Dot/Grid color",
      "default": "#00000024",
       "visible_if": "{{ section.settings.pattern_enable == true }}"
    },
    {
      "type": "range",
      "id": "pattern_dot_size",
      "label": "Dot/Grid size (px)",
      "min": 1,
      "max": 12,
      "step": 1,
      "default": 2,
       "visible_if": "{{ section.settings.pattern_enable == true }}"
    },
    {
      "type": "range",
      "id": "pattern_dot_spacing",
      "label": "Dot/Grid spacing (px)",
      "min": 8,
      "max": 60,
      "step": 1,
      "default": 45,
       "visible_if": "{{ section.settings.pattern_enable == true }}"
    },
    {
      "type": "header",
      "content": "Content"
    },
    {
      "type": "select",
      "id": "desktop_content_alignment",
      "options": [
        {
          "value": "left",
          "label": "Left"
        },
        {
          "value": "center",
          "label": "Center"
        },
        {
          "value": "right",
          "label": "Right"
        }
      ],
      "default": "left",
      "label": "Desktop content alignment"
    },
    {
      "type": "select",
      "id": "layout",
      "options": [
        {
          "value": "text_first",
          "label": "Content first"
        },
        {
          "value": "image_first",
          "label": "Content second"
        }
      ],
      "default": "image_first",
      "label": "Desktop content placement"
    },
    {
      "type": "select",
      "id": "mobile_layout",
      "options": [
        {
          "value": "text_first",
          "label": "Content first"
        },
        {
          "value": "image_first",
          "label": "Content second"
        }
      ],
      "default": "text_first",
      "label": "Mobile content placement"
    },
    {
      "type": "checkbox",
      "id": "hide_content_on_mobile",
      "label": "Hide content on mobile",
      "default": false
    },
    {
      "type": "header",
      "content": "t:sections.all.padding.section_padding_heading"
    },
    {
      "type": "range",
      "id": "padding_top",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "t:sections.all.padding.padding_top",
      "default": 36
    },
    {
      "type": "range",
      "id": "padding_bottom",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "t:sections.all.padding.padding_bottom",
      "default": 36
    },
    {
      "type": "header",
      "content": "Custom color scheme",
      "info": "Applied if Color scheme setting is set to Custom."
    },
    {
      "type": "color",
      "id": "custom_colors_background",
      "default": "#FFFFFF",
      "label": "Background color"
    },
    {
      "type": "color_background",
      "id": "custom_gradient_background",
      "label": "Gradient background",
      "info": "If added, replaces Background color when applicable."
    },
    {
      "type": "image_picker",
      "id": "custom_image_background",
      "label": "Image background"
    },
    {
      "type": "image_picker",
      "id": "custom_mobile_image_background",
      "label": "Mobile image background",
      "info": "If empty, the Image background will also be applied to mobile devices"
    },
    {
      "type": "color",
      "id": "custom_colors_text",
      "default": "#2E2A39",
      "label": "Text"
    },
    {
      "type": "color",
      "id": "custom_colors_solid_button_background",
      "default": "#dd1d1d",
      "label": "Solid button background"
    },
    {
      "type": "color",
      "id": "custom_colors_solid_button_text",
      "default": "#ffffff",
      "label": "Solid button label"
    },
    {
      "type": "color",
      "id": "custom_colors_outline_button",
      "default": "#dd1d1d",
      "label": "Outline button"
    }
  ],
  "blocks": [
    {
      "type": "icon",
      "name": "Icon with text",
      "settings": [
        {
          "type": "text",
          "id": "icon",
          "default": "check_circle",
          "label": "Icon",
          "info": "[View all available icons](https:\/\/fonts.google.com\/icons?icon.set=Material+Symbols&icon.platform=web)."
        },
        {
          "type": "checkbox",
          "id": "filled_icon",
          "default": false,
          "label": "Filled icon"
        },
        {
          "type": "image_picker",
          "id": "image",
          "label": "Custom icon"
        },
        {
          "type": "text",
          "id": "title",
          "default": "Icon with text",
          "label": "Heading"
        },
        {
          "type": "richtext",
          "id": "text",
          "default": "<p>Pair text with an icon to focus on your chosen product, collection, or blog post</p>",
          "label": "Text"
        }
      ]
    },
    {
      "type": "heading",
      "name": "t:sections.image-with-text.blocks.heading.name",
      "limit": 1,
      "settings": [
        {
          "type": "select",
          "id": "position",
          "label": "Position",
          "options": [
            {
              "value": "icons",
              "label": "With icons"
            },
            {
              "value": "image",
              "label": "With image"
            }
          ],
          "default": "image"
        },
        {
          "type": "inline_richtext",
          "id": "title",
          "default": "Content heading",
          "label": "Heading",
          "info": "Bold certain words to highlight them with a different color."
        },
        {
          "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": "select",
          "id": "heading_size",
          "options": [
            {
              "value": "h2",
              "label": "Small"
            },
            {
              "value": "h1",
              "label": "Medium"
            },
            {
              "value": "h0",
              "label": "Large"
            }
          ],
          "default": "h1",
          "label": "Heading size"
        },
        {
          "type": "select",
          "id": "heading_alignment",
          "label": "Heading alignment",
          "default": "left",
          "options": [
        {
          "value": "left",
          "label": "Left"
        },
        {
          "value": "center",
          "label": "Center"
        }
        ]
        }
        ]
    },
    {
      "type": "caption",
      "name": "t:sections.image-with-text.blocks.caption.name",
      "limit": 1,
      "settings": [
        {
          "type": "text",
          "id": "caption",
          "default": "Add a tagline",
          "label": "t:sections.image-with-text.blocks.caption.settings.text.label"
        },
        {
          "type": "select",
          "id": "text_style",
          "options": [
            {
              "value": "subtitle",
              "label": "t:sections.image-with-text.blocks.caption.settings.text_style.options__1.label"
            },
            {
              "value": "caption-with-letter-spacing",
              "label": "t:sections.image-with-text.blocks.caption.settings.text_style.options__2.label"
            }
          ],
          "default": "caption-with-letter-spacing",
          "label": "t:sections.image-with-text.blocks.caption.settings.text_style.label"
        },
        {
          "type": "select",
          "id": "text_size",
          "options": [
            {
              "value": "small",
              "label": "t:sections.image-with-text.blocks.caption.settings.caption_size.options__1.label"
            },
            {
              "value": "medium",
              "label": "t:sections.image-with-text.blocks.caption.settings.caption_size.options__2.label"
            },
            {
              "value": "large",
              "label": "t:sections.image-with-text.blocks.caption.settings.caption_size.options__3.label"
            }
          ],
          "default": "medium",
          "label": "t:sections.image-with-text.blocks.caption.settings.caption_size.label"
        }
      ]
    },
    {
      "type": "text",
      "name": "t:sections.image-with-text.blocks.text.name",
      "limit": 1,
      "settings": [
        {
          "type": "richtext",
          "id": "text",
          "default": "<p>Pair icons with content to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.</p>",
          "label": "t:sections.image-with-text.blocks.text.settings.text.label"
        },
        {
          "type": "select",
          "id": "position",
          "label": "Position",
          "options": [
            {
              "value": "icons",
              "label": "With icons"
            },
            {
              "value": "image",
              "label": "With content"
            }
          ],
          "default": "image"
        },
        {
          "type": "select",
          "id": "text_style",
          "options": [
            {
              "value": "body",
              "label": "t:sections.image-with-text.blocks.text.settings.text_style.options__1.label"
            },
            {
              "value": "subtitle",
              "label": "t:sections.image-with-text.blocks.text.settings.text_style.options__2.label"
            }
          ],
          "default": "body",
          "label": "t:sections.image-with-text.blocks.text.settings.text_style.label"
        }
      ]
    },
     {
      "type": "featuredreview",
      "name": "Single featured review",
      "settings": [
              {
          "type": "select",
          "id": "position",
          "label": "Position",
          "options": [
            {
              "value": "side1",
              "label": "With heading"
            },
            {
              "value": "side2",
              "label": "With icons"
            }
          ],
          "default": "side1"
        },
        {
            "type": "image_picker",
            "id": "reviewimage",
            "label": "Customer Image"
        },
        {
            "type": "textarea",
            "id": "reviewtext",
            "label": "Review Text",
           "default": "I thought these would be like every other shoe, but my feet are finally pain-free! The support & comfort make all the difference. Plus, they slip on easily"
        },
        {
         "type":"text",
         "id":"verifiedtext",
         "label":"Verified text (Style 2)",
         "default":"Verified"
        },
        {
            "type": "text",
            "id": "reviewname",
            "label": "Customer Name",
           "default": "Customer name"
        },
        {
          "type": "color",
          "id": "reviewcheckmark",
          "label": "Checkmark color",
          "default": "#2C95E9"
        },
        {
          "type": "color",
          "id": "star_color",
          "label": "Star color",
          "default": "#ffd200"
        },
        {
         "type":"select",
         "id":"style",
         "label":"Review style",
         "options":[
            {
               "value":"style1",
               "label":"Style 1"
            },
            {
               "value":"style2",
               "label":"Style 2"
            },
            {
               "value":"style3",
               "label":"Style 3"
            }
         ],
         "default":"style2"
      },
      {
         "type":"header",
         "content":"Custom styling"
      },
      		{
			"type": "checkbox",
			"id": "enable_box_styles",
			"label": "Enable custom box styling",
			"default": false
		},
		{
			"type": "color",
			"id": "bg_color",
			"label": "Background color",
			"default": "#ffffff"
		},
		{
			"type": "color",
			"id": "border_color",
			"label": "Border color",
			"default": "#e5e5e5"
		},
		{
			"type": "select",
			"id": "border_style",
			"label": "Border style",
			"options": [
				{ "value": "solid", "label": "Solid" },
				{ "value": "dashed", "label": "Dashed" }
			],
			"default": "solid"
		},
		{
			"type": "range",
			"id": "border_radius",
			"label": "Border radius",
			"min": 0,
			"max": 20,
			"step": 1,
			"unit": "px",
			"default": 4
		},
		{
			"type": "color",
			"id": "text_color",
			"label": "Text color",
			"default": "#333333"
		},
        {
          "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
        }
      ]
    },
    {
      "type": "button",
      "name": "t:sections.image-with-text.blocks.button.name",
      "limit": 1,
      "settings": [
        {
          "type": "text",
          "id": "button_label",
          "default": "Button label",
          "label": "t:sections.image-with-text.blocks.button.settings.button_label.label"
        },
        {
          "type": "url",
          "id": "button_link",
          "label": "t:sections.image-with-text.blocks.button.settings.button_link.label"
        },
        {
          "type": "checkbox",
          "id": "button_style_secondary",
          "label": "t:sections.slideshow.blocks.slide.settings.secondary_style.label",
          "default": false
        },
         {
          "type": "checkbox",
          "id": "buttonwidth",
          "label": "Full width button",
          "default": true
        }
      ]
    },
    {
      "type": "atc_button",
      "name":"Add to Cart button",
      "limit": 1,
      "settings": [
        {
          "type": "text",
          "id": "button_label",
          "label": "Button label",
          "default": "Add to Cart"
        }
      ]
    },
    {
      "type": "image",
      "name": "Image",
      "limit": 1,
      "settings": [
        {
          "type": "image_picker",
          "id": "image",
          "label": "Image"
        },
        {
          "type": "checkbox",
          "id": "enable_border_radius",
          "label": "Enable border radius",
          "default": false
        },
        {
          "type": "range",
          "id": "border_radius",
          "label": "Border radius",
          "min": 0,
          "max": 50,
          "step": 1,
          "unit": "px",
          "default": 12,
          "visible_if": "{{ block.settings.enable_border_radius == true }}"
        },
        {
          "type": "product",
          "id": "atc_product",
          "label": "ATC Custom product",
          "info": "IMPORTANT: If empty, the button will add the main product FROM THE PRODUCT PAGE to cart (INCLUDING the selected variant/quantity, upsells etc.)"
        },
        {
          "type": "checkbox",
          "id": "atc_skip_cart",
          "label": "ATC Custom product skip cart"
        }
      ]
    },
    {
  "type": "image_collage",
  "name": "Image collage",
  "limit": 1,
  "settings": [
    {
      "type": "image_picker",
      "id": "main_image",
      "label": "Main image"
    },
    {
      "type": "image_picker",
      "id": "stack_image_1",
      "label": "Stacked image 1"
    },
    {
      "type": "image_picker",
      "id": "stack_image_2",
      "label": "Stacked image 2"
    },
    {
      "type": "select",
      "id": "main_image_position",
      "options": [
        {
          "value": "left",
          "label": "Left"
        },
        {
          "value": "right",
          "label": "Right"
        }
      ],
      "default": "left",
      "label": "Main image position"
    },
    {
      "type": "range",
      "id": "border_radius",
      "label": "Border radius",
      "min": 0,
      "max": 50,
      "step": 1,
      "unit": "px",
      "default": 8
    }
  ]
    },
    {
      "type": "video",
      "name": "Video",
      "settings": [
        {
          "type": "video",
          "id": "video",
          "label": "Video"
        },
        {
          "type": "image_picker",
          "id": "thumbnail",
          "label": "Video Thumbnail",
          "info": "If empty, the first frame of the video will be displayed"
        },
        {
          "type": "checkbox",
          "id": "loop",
          "label": "Video looping",
          "default": true
        },
        {
          "type": "checkbox",
          "id": "muted_autoplay",
          "label": "Muted autoplay",
          "default": true,
          "info": "Use this instead of GIFs & animated WEBPs."
        },
        {
          "type": "checkbox",
          "id": "display_play_btn",
          "label": "Enable play & pause on click",
          "info": "Automatically enabled if autoplay is disabled.",
          "default": false
        },
        {
          "type": "checkbox",
          "id": "btn_animation",   "id": "enable_border_icons",
          "label": "Enable button ripple animation",
          "default": false
        },
        {
          "type": "select",
          "id": "btn_color_scheme",
          "options": [
            {
              "value": "accent-1",
              "label": "t:sections.all.colors.accent_1.label"
            },
            {
              "value": "accent-2",
              "label": "t:sections.all.colors.accent_2.label"
            },
            {
              "value": "background-1",
              "label": "t:sections.all.colors.background_1.label"
            },
            {
              "value": "background-2",
              "label": "t:sections.all.colors.background_2.label"
            },
            {
              "value": "inverse",
              "label": "t:sections.all.colors.inverse.label"
            }
          ],
          "default": "accent-1",
          "label": "Play button color scheme"
        },
        {
          "type": "checkbox",
          "id": "display_sound_btn",
          "label": "Display mute/unmute button",
          "default": false
        },
        {
          "type": "select",
          "id": "sound_btn_color_scheme",
          "options": [
            {
              "value": "accent-1",
              "label": "t:sections.all.colors.accent_1.label"
            },
            {
              "value": "accent-2",
              "label": "t:sections.all.colors.accent_2.label"
            },
            {
              "value": "background-1",
              "label": "t:sections.all.colors.background_1.label"
            },
            {
              "value": "background-2",
              "label": "t:sections.all.colors.background_2.label"
            },
            {
              "value": "inverse",
              "label": "t:sections.all.colors.inverse.label"
            }
          ],
          "default": "inverse",
          "label": "Sound button color scheme"
        },
        {
          "type": "checkbox",
          "id": "display_timeline",
          "label": "Display timeline",
          "default": false
        },
        {
          "type": "select",
          "id": "timeline_color",
          "options": [
            {
              "value": "accent-1",
              "label": "t:sections.all.colors.accent_1.label"
            },
            {
              "value": "accent-2",
              "label": "t:sections.all.colors.accent_2.label"
            },
            {
              "value": "background-1",
              "label": "t:sections.all.colors.background_1.label"
            },
            {
              "value": "background-2",
              "label": "t:sections.all.colors.background_2.label"
            },
            {
              "value": "inverse",
              "label": "t:sections.all.colors.inverse.label"
            }
          ],
          "default": "accent-1",
          "label": "Timeline color"
        },
        {
          "type": "header",
          "content": "Layout"
        },
        {
          "type": "range",
          "id": "width",
          "min": 0,
          "max": 100,
          "step": 10,
          "unit": "%",
          "label": "Video width",
          "default": 100
        },
        {
          "type": "checkbox",
          "id": "Full_mobile_width",
          "label": "Full container width on mobile",
          "default": false,
          "info": "If enabled & Width is set to 100%, the video will be edge-to-edge on mobile."
        },
        {
          "type": "select",
          "id": "alignment",
          "label": "Video alignment",
          "options": [
            {
              "value": "flex-start",
              "label": "Left"
            },
            {
              "value": "center",
              "label": "Center"
            },
            {
              "value": "flex-end",
              "label": "Right"
            }
          ],
          "default": "center"
        },
        {
          "type": "range",
          "id": "border_radius",
          "min": 0,
          "max": 40,
          "step": 2,
          "unit": "px",
          "label": "Corner radius",
          "default": 0
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Icons with content",
      "category": "Features",
      "blocks": [
        {
          "type": "icon"
        },
        {
          "type": "icon"
        },
        {
          "type": "icon"
        },
        {
          "type": "heading"
        },
        {
          "type": "text"
        },
        {
          "type": "button"
        }
      ]
    }
  ]
}
{% endschema %}
