{% 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
  if section.settings.heading_alignment == 'center'
    assign checklist_justify = 'center'
  elsif section.settings.heading_alignment == 'right'
    assign checklist_justify = 'flex-end'
  else
    assign checklist_justify = 'flex-start'
  endif
  if section.settings.heading_alignment_mobile == 'center'
    assign checklist_justify_mobile = 'center'
  elsif section.settings.heading_alignment_mobile == 'right'
    assign checklist_justify_mobile = 'flex-end'
  else
    assign checklist_justify_mobile = 'flex-start'
  endif
  if section.settings.checklist_alignment == 'center'
    assign checklist_item_justify = 'center'
  elsif section.settings.checklist_alignment == 'right'
    assign checklist_item_justify = 'flex-end'
  else
    assign checklist_item_justify = 'flex-start'
  endif
  if section.settings.checklist_alignment_mobile == 'center'
    assign checklist_item_justify_mobile = 'center'
  elsif section.settings.checklist_alignment_mobile == 'right'
    assign checklist_item_justify_mobile = 'flex-end'
  else
    assign checklist_item_justify_mobile = 'flex-start'
  endif
-%}

{%- 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;
    }
  }

  .section-{{ section.id }}-margin {
    margin-top: {{ section.settings.mobile_margin_top }}px;
    margin-bottom: {{ section.settings.mobile_margin_bottom }}px;
  }

  @media screen and (min-width: 750px) {
    .section-{{ section.id }}-margin {
      margin-top: {{ section.settings.desktop_margin_top }}px;
      margin-bottom: {{ section.settings.desktop_margin_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 }};
    --accent-color: {{ section.settings.custom_colors_accent.red }}, {{ section.settings.custom_colors_accent.green }}, {{ section.settings.custom_colors_accent.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 %}

  /* Italic / em styling */
  #ComparisonTableV4-{{ section.id }} .ctv4-heading em {
    {% if section.settings.italic_style == 'italic' %}
      text-decoration: none !important;
      font-style: italic !important;
    {% elsif section.settings.italic_style == 'font_family' and section.settings.italic_font_family != 'inherit' %}
      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 %}
      text-decoration: underline !important;
      font-style: normal !important;
      text-decoration-color: {{ section.settings.underlinetextcolor }} !important;
      text-decoration-thickness: {{ section.settings.underlinethickness }}px !important;
    {% endif %}
  }

  /* Gradient on bold text */
  {% if section.settings.enable_gradient %}
    #ComparisonTableV4-{{ section.id }} .ctv4-heading strong {
      background: {{ section.settings.title_gradient_background }};
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      font-style: normal;
    }
  {% endif %}

  /* ── Layout ─────────────────────────────────────────── */
  #ComparisonTableV4-{{ section.id }} .ctv4-inner {
    max-width: var(--page-width);
    margin: 0 auto;
    padding: 0 1.5rem;
  }

  @media screen and (min-width: 750px) {
    #ComparisonTableV4-{{ section.id }} .ctv4-inner {
      padding: 0 5rem;
    }
  }

  #ComparisonTableV4-{{ section.id }} .ctv4-title-wrapper {
    text-align: {{ section.settings.heading_alignment }};
    margin-bottom: {{ section.settings.heading_gap }}px;
  }

  #ComparisonTableV4-{{ section.id }} .ctv4-grid {
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }

  @media screen and (min-width: 990px) {
    #ComparisonTableV4-{{ section.id }} .ctv4-grid {
      flex-direction: row;
      gap: {{ section.settings.columns_gap_desktop }}px;
      align-items: {{ section.settings.grid_vertical_align }};
    }
    {% if section.settings.table_position_desktop == 'right' %}
      #ComparisonTableV4-{{ section.id }} .ctv4-left { order: 2; }
      #ComparisonTableV4-{{ section.id }} .ctv4-right { order: 1; }
    {% endif %}
  }

  /* ── Left (comparison table) ─────────────────────────── */
  #ComparisonTableV4-{{ section.id }} .ctv4-left {
    width: 100%;
    display: flex;
    gap: {{ section.settings.col_gap }}px;
    margin-top: {{ section.settings.product_image_overflow_mobile }}px;
  }

  @media screen and (min-width: 990px) {
    #ComparisonTableV4-{{ section.id }} .ctv4-left {
      width: {{ section.settings.left_width_desktop }}%;
      margin-top: {{ section.settings.product_image_overflow_desktop }}px;
    }
  }

  #ComparisonTableV4-{{ section.id }} .ctv4-col {
    border-radius: {{ section.settings.column_radius }}px;
    overflow: visible;
    display: flex;
    flex-direction: column;
  }

  /* Our column */
  #ComparisonTableV4-{{ section.id }} .ctv4-col--our {
    width: {{ section.settings.our_col_width }}%;
    background: {{ section.settings.our_col_bg }};
    color: {{ section.settings.our_col_text }};
  }

  #ComparisonTableV4-{{ section.id }} .ctv4-col--our .ctv4-product-name {
    color: {{ section.settings.our_col_title_color }};
  }

  #ComparisonTableV4-{{ section.id }} .ctv4-col--other .ctv4-product-name {
    color: {{ section.settings.other_col_title_color }};
  }

  #ComparisonTableV4-{{ section.id }} .ctv4-col--our .ctv4-icon {
    color: {{ section.settings.our_icon_color }};
  }

  #ComparisonTableV4-{{ section.id }} .ctv4-col--other .ctv4-icon {
    color: {{ section.settings.other_icon_color }};
  }

  /* Other column */
  #ComparisonTableV4-{{ section.id }} .ctv4-col--other {
    width: calc(100% - {{ section.settings.our_col_width }}%);
    background: {{ section.settings.other_col_bg }};
    color: {{ section.settings.other_col_text }};
    border: 1px solid rgba(var(--color-foreground), 0.15);
    position: relative;
    margin-top: {{ section.settings.other_col_shift_mobile }}px;
  }

  @media screen and (min-width: 990px) {
    #ComparisonTableV4-{{ section.id }} .ctv4-col--other {
      margin-top: {{ section.settings.other_col_shift_desktop }}px;
    }
  }

  #ComparisonTableV4-{{ section.id }} .ctv4-other-label {
    position: absolute;
    top: -4.2rem;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    color: {{ section.settings.other_col_title_color }};
    font-size: {{ section.settings.column_title_size }}px;
    line-height: 1.2;
    font-weight: 600;
  }

  @media screen and (max-width: 989px) {
    #ComparisonTableV4-{{ section.id }} .ctv4-other-label {
      top: -3.8rem;
      font-size: {{ section.settings.column_title_size_mobile }}px;
    }
  }

  /* Product header inside column */
  #ComparisonTableV4-{{ section.id }} .ctv4-product {
    text-align: center;
    padding: 0.8rem 1rem;
  }

  #ComparisonTableV4-{{ section.id }} .ctv4-product-image {
    display: block;
    margin: -{{ section.settings.product_image_overlap }}px auto 0;
    width: auto;
    max-height: {{ section.settings.product_image_height_desktop }}px;
    object-fit: contain;
  }

  @media screen and (max-width: 989px) {
    #ComparisonTableV4-{{ section.id }} .ctv4-product-image {
      max-height: {{ section.settings.product_image_height_mobile }}px;
      margin-top: -{{ section.settings.product_image_overlap_mobile }}px;
    }
  }

  #ComparisonTableV4-{{ section.id }} .ctv4-product-name {
    margin: 0.6rem 0 0;
    font-size: {{ section.settings.column_title_size }}px;
    line-height: 1.2;
    font-weight: 600;
  }

  @media screen and (max-width: 989px) {
    #ComparisonTableV4-{{ section.id }} .ctv4-product-name {
      font-size: {{ section.settings.column_title_size_mobile }}px;
    }
  }

  /* Row list */
  #ComparisonTableV4-{{ section.id }} .ctv4-rows {
    list-style: none;
    margin: 0;
    padding: 0;
    border-radius: 0 0 {{ section.settings.column_radius }}px {{ section.settings.column_radius }}px;
    overflow: hidden;
  }

  #ComparisonTableV4-{{ section.id }} .ctv4-row {
    min-height: {{ section.settings.row_min_height_desktop }}px;
    border-top: 1px solid rgba(var(--color-foreground), 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
  }

  @media screen and (max-width: 989px) {
    #ComparisonTableV4-{{ section.id }} .ctv4-row {
      min-height: {{ section.settings.row_min_height_mobile }}px;
    }
  }

  #ComparisonTableV4-{{ section.id }} .ctv4-rows .ctv4-row:first-child {
    border-top: none;
  }

  #ComparisonTableV4-{{ section.id }} .ctv4-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.45rem;
    width: 100%;
  }

  #ComparisonTableV4-{{ section.id }} .ctv4-icon {
    font-size: {{ section.settings.row_icon_size }}px;
    line-height: 1;
    color: currentColor;
  }

  @media screen and (max-width: 989px) {
    #ComparisonTableV4-{{ section.id }} .ctv4-icon {
      font-size: {{ section.settings.row_icon_size_mobile }}px;
    }
  }

  #ComparisonTableV4-{{ section.id }} .ctv4-text {
    margin: 0;
    font-size: {{ section.settings.row_text_size }}px;
    line-height: 1.3;
    font-weight: 500;
  }

  @media screen and (max-width: 989px) {
    #ComparisonTableV4-{{ section.id }} .ctv4-text {
      font-size: {{ section.settings.row_text_size_mobile }}px;
    }
  }

  /* ── Right (content) ─────────────────────────────────── */
  #ComparisonTableV4-{{ section.id }} .ctv4-right {
    width: 100%;
    text-align: left;
  }

  @media screen and (min-width: 990px) {
    #ComparisonTableV4-{{ section.id }} .ctv4-right {
      width: calc(100% - {{ section.settings.left_width_desktop }}% - {{ section.settings.columns_gap_desktop }}px);
    }
  }

  /* Checklist */
  #ComparisonTableV4-{{ section.id }} .ctv4-checklist {
    list-style: none;
    margin: 0 0 3rem;
    padding: 0;
  }

#ComparisonTableV4-{{ section.id }} .ctv4-checklist-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: {{ checklist_item_justify }};
    gap: 1rem;
    margin-bottom: 1.8rem;
    color: {% if section.settings.checklist_override_colors %}{{ section.settings.checklist_text_color }}{% else %}rgb(var(--color-foreground)){% endif %};
    font-size: {{ section.settings.checklist_size }}px;
    line-height: 1.4;
    text-align: {{ section.settings.checklist_alignment }};
  }

  @media screen and (max-width: 989px) {
    #ComparisonTableV4-{{ section.id }} .ctv4-checklist-item {
      justify-content: {{ checklist_item_justify_mobile }};
      text-align: {{ section.settings.checklist_alignment_mobile }};
    }
  }

  #ComparisonTableV4-{{ section.id }} .ctv4-checklist-item::before {
    content: '';
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    margin-top: 0.1rem;
    background-color: {% if section.settings.checklist_override_colors %}{{ section.settings.checklist_tick_color }}{% else %}rgb(var(--accent-color)){% endif %};
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
  }

  /* CTA button */
  #ComparisonTableV4-{{ section.id }} .ctv4-cta {
    width: 100%;
    min-height: 5.4rem;
    border-radius: {{ section.settings.button_radius }}px;
    background: {% if section.settings.button_override_colors %}{{ section.settings.button_bg_color }}{% else %}rgb(var(--color-button)){% endif %};
    color: {% if section.settings.button_override_colors %}{{ section.settings.button_text_color }}{% else %}rgb(var(--color-button-text)){% endif %};
    border: 1px solid {% if section.settings.button_override_colors %}{{ section.settings.button_border_color }}{% else %}rgb(var(--color-button)){% endif %};
    font-size: {{ section.settings.button_text_size }}px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 1rem 2rem;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, border-color 0.2s, opacity 0.2s;
  }

  #ComparisonTableV4-{{ section.id }} .ctv4-cta:hover {
    {% if section.settings.button_override_colors %}
      background: {{ section.settings.button_bg_hover_color }};
      color: {{ section.settings.button_text_hover_color }};
      border-color: {{ section.settings.button_border_hover_color }};
    {% else %}
      opacity: 0.85;
    {% endif %}
  }

  /* Subtext */
  #ComparisonTableV4-{{ section.id }} .ctv4-subtext {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    margin: 1rem 0 0;
    color: rgb(var(--color-foreground));
    font-size: {{ section.settings.subtext_size }}px;
    line-height: 1.3;
    justify-content: {{ section.settings.subtext_alignment }};
  }

  #ComparisonTableV4-{{ section.id }} .ctv4-subtext .material-symbols-outlined,
  #ComparisonTableV4-{{ section.id }} .ctv4-subtext .ctv4-subtext-icon-img {
    font-size: {{ section.settings.subtext_icon_size }}px;
    line-height: 1;
    color: {{ section.settings.subtext_icon_color }};
  }

  #ComparisonTableV4-{{ section.id }} .ctv4-subtext-icon-img {
    width: {{ section.settings.subtext_icon_size }}px;
    height: {{ section.settings.subtext_icon_size }}px;
    object-fit: contain;
    display: inline-block;
  }

  #ComparisonTableV4-{{ section.id }} .ctv4-icon-img {
    width: {{ section.settings.row_icon_size }}px;
    height: {{ section.settings.row_icon_size }}px;
    object-fit: contain;
    display: block;
  }

  @media screen and (max-width: 989px) {
    #ComparisonTableV4-{{ section.id }} .ctv4-icon-img {
      width: {{ section.settings.row_icon_size_mobile }}px;
      height: {{ section.settings.row_icon_size_mobile }}px;
    }
  }

  /* Mobile heading shown above grid */
  #ComparisonTableV4-{{ section.id }} .ctv4-heading--mobile {
    display: block;
    margin-bottom: 1.8rem;
    text-align: {{ section.settings.heading_alignment_mobile }};
  }

  /* Desktop heading hidden on mobile, shown in right panel */
  #ComparisonTableV4-{{ section.id }} .ctv4-heading--desktop {
    display: none;
    margin-bottom: 3rem;
    text-align: {{ section.settings.heading_alignment }};
  }

  @media screen and (min-width: 990px) {
    #ComparisonTableV4-{{ section.id }} .ctv4-heading--mobile {
      display: none;
    }
    #ComparisonTableV4-{{ section.id }} .ctv4-heading--desktop {
      display: block;
    }
  }
{%- endstyle -%}

<div
  id="ComparisonTableV4-{{ section.id }}"
  class="ctv4 animate-section{% unless request.design_mode %} animate--hidden{% endunless %} color-scheme-{{ section.id }} color-{{ section.settings.color_scheme }} gradient section-{{ section.id }}-padding section-{{ section.id }}-margin {{ 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="ctv4-inner">

    {%- unless section.settings.title == blank -%}
      {%- comment -%} Mobile heading shown above grid {%- endcomment -%}
      <div class="ctv4-title-wrapper animate-item{% unless request.design_mode %} animate-item--child{% endunless %}" style="--index: 0;">
        <h2
          class="ctv4-heading ctv4-heading--mobile {{ section.settings.heading_size }} title-with-highlight inline-richtext"
          style="--hightlight-color: {{ section.settings.title_highlight_color }}; --gradient-text: {{ section.settings.title_gradient_background }};"
        >
          {{- section.settings.title -}}
        </h2>
      </div>
    {%- endunless -%}

    <div class="ctv4-grid">

      {%- comment -%} ── Left: comparison columns ─────────────── {%- endcomment -%}
      <div class="ctv4-left animate-item{% unless request.design_mode %} animate-item--child{% endunless %}" style="--index: 1;">

        {%- comment -%} Our column {%- endcomment -%}
        <div class="ctv4-col ctv4-col--our">
          <div class="ctv4-product">
            {%- if section.settings.our_image != blank -%}
              {{ section.settings.our_image | image_url: width: 800 | image_tag: loading: 'lazy', class: 'ctv4-product-image', widths: '160, 260, 360, 500, 800' }}
            {%- endif -%}
            <h3 class="ctv4-product-name">{{ section.settings.our_label }}</h3>
          </div>

          <ul class="ctv4-rows" role="list">
            {%- for block in section.blocks -%}
              {%- if block.type == 'table_row' -%}
                <li class="ctv4-row" {{ block.shopify_attributes }}>
                  <div class="ctv4-item">
                    {%- if block.settings.our_custom_icon != blank -%}
                      {{ block.settings.our_custom_icon | image_url: width: 80 | image_tag: loading: 'lazy', class: 'ctv4-icon-img', widths: '40, 60, 80' }}
                    {%- elsif block.settings.our_icon != blank -%}
                      <span class="material-symbols-outlined ctv4-icon"{% if block.settings.our_icon_filled %} style="font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24"{% endif %}>{{ block.settings.our_icon }}</span>
                    {%- endif -%}
                    <p class="ctv4-text">{{ block.settings.our_text }}</p>
                  </div>
                </li>
              {%- endif -%}
            {%- endfor -%}
          </ul>
        </div>

        {%- comment -%} Other column {%- endcomment -%}
        <div class="ctv4-col ctv4-col--other">
          <h3 class="ctv4-other-label">{{ section.settings.other_label }}</h3>

          <div class="ctv4-product">
            {%- if section.settings.other_image != blank -%}
              {{ section.settings.other_image | image_url: width: 800 | image_tag: loading: 'lazy', class: 'ctv4-product-image', widths: '160, 260, 360, 500, 800' }}
            {%- endif -%}
            {%- if section.settings.other_product_name != blank -%}
              <h3 class="ctv4-product-name">{{ section.settings.other_product_name }}</h3>
            {%- endif -%}
          </div>

          <ul class="ctv4-rows" role="list">
            {%- for block in section.blocks -%}
              {%- if block.type == 'table_row' -%}
                <li class="ctv4-row" {{ block.shopify_attributes }}>
                  <div class="ctv4-item">
                    {%- if block.settings.other_custom_icon != blank -%}
                      {{ block.settings.other_custom_icon | image_url: width: 80 | image_tag: loading: 'lazy', class: 'ctv4-icon-img', widths: '40, 60, 80' }}
                    {%- elsif block.settings.other_icon != blank -%}
                      <span class="material-symbols-outlined ctv4-icon"{% if block.settings.other_icon_filled %} style="font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24"{% endif %}>{{ block.settings.other_icon }}</span>
                    {%- endif -%}
                    <p class="ctv4-text">{{ block.settings.other_text }}</p>
                  </div>
                </li>
              {%- endif -%}
            {%- endfor -%}
          </ul>
        </div>

      </div>

      {%- comment -%} ── Right: heading + checklist + CTA ────────── {%- endcomment -%}
      <div class="ctv4-right animate-item{% unless request.design_mode %} animate-item--child{% endunless %}" style="--index: 2;">

        {%- unless section.settings.title == blank -%}
          <h2
            class="ctv4-heading ctv4-heading--desktop {{ section.settings.heading_size }} title-with-highlight inline-richtext"
            style="--hightlight-color: {{ section.settings.title_highlight_color }}; --gradient-text: {{ section.settings.title_gradient_background }};"
          >
            {{- section.settings.title -}}
          </h2>
        {%- endunless -%}

        {%- assign has_check_items = false -%}
        {%- for block in section.blocks -%}
          {%- if block.type == 'check_item' -%}{%- assign has_check_items = true -%}{%- endif -%}
        {%- endfor -%}

        {%- if has_check_items -%}
          <ul class="ctv4-checklist" role="list">
            {%- for block in section.blocks -%}
              {%- if block.type == 'check_item' -%}
                <li class="ctv4-checklist-item" {{ block.shopify_attributes }}>{{ block.settings.text }}</li>
              {%- endif -%}
            {%- endfor -%}
          </ul>
        {%- endif -%}

        {%- if section.settings.button_label != blank -%}
          <a
            class="ctv4-cta"
            {% if section.settings.button_link != blank %}
              href="{{ section.settings.button_link }}"
            {% else %}
              role="link" aria-disabled="true"
            {% endif %}
          >
            {{ section.settings.button_label }}
          </a>
        {%- endif -%}

        {%- if section.settings.subtext != blank -%}
          <p class="ctv4-subtext">
            {%- if section.settings.subtext_custom_icon != blank -%}
              {{ section.settings.subtext_custom_icon | image_url: width: 40 | image_tag: loading: 'lazy', class: 'ctv4-subtext-icon-img', widths: '20, 30, 40' }}
            {%- elsif section.settings.subtext_icon != blank -%}
              <span class="material-symbols-outlined">{{ section.settings.subtext_icon }}</span>
            {%- endif -%}
            <span>{{ section.settings.subtext }}</span>
          </p>
        {%- endif -%}

      </div>
    </div>
  </div>
</div>

{% schema %}
{
  "name": "Comparison table V4",
  "tag": "section",
  "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": "header",
      "content": "Heading"
    },
    {
      "type": "inline_richtext",
      "id": "title",
      "default": "Why Choose <strong>Us</strong>",
      "label": "Heading",
      "info": "Bold certain words to highlight them with a different color."
    },
    {
      "type": "select",
      "id": "heading_size",
      "options": [
        { "value": "h2", "label": "Small" },
        { "value": "h1", "label": "Medium" },
        { "value": "h0", "label": "Large" }
      ],
      "default": "h1",
      "label": "Heading size"
    },
    {
      "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": "select",
      "id": "heading_alignment",
      "options": [
        { "value": "left", "label": "Left" },
        { "value": "center", "label": "Center" },
        { "value": "right", "label": "Right" }
      ],
      "default": "center",
      "label": "Heading alignment"
    },
    {
      "type": "select",
      "id": "heading_alignment_mobile",
      "options": [
        { "value": "left", "label": "Left" },
        { "value": "center", "label": "Center" },
        { "value": "right", "label": "Right" }
      ],
      "default": "center",
      "label": "Heading alignment (mobile)"
    },
    {
      "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": "header",
      "content": "Color scheme"
    },
    {
      "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": "Product columns"
    },
    {
      "type": "text",
      "id": "our_label",
      "label": "Our column title",
      "default": "Our Brand"
    },
    {
      "type": "text",
      "id": "other_label",
      "label": "Other column floating label",
      "default": "Other Brands"
    },
    {
      "type": "text",
      "id": "other_product_name",
      "label": "Other column product name (optional)"
    },
    {
      "type": "image_picker",
      "id": "our_image",
      "label": "Our product image"
    },
    {
      "type": "image_picker",
      "id": "other_image",
      "label": "Other product image"
    },
    {
      "type": "header",
      "content": "CTA"
    },
    {
      "type": "text",
      "id": "button_label",
      "label": "Button label",
      "default": "Try Risk-Free Today"
    },
    {
      "type": "url",
      "id": "button_link",
      "label": "Button link"
    },
    {
      "type": "header",
      "content": "Subtext"
    },
    {
      "type": "text",
      "id": "subtext",
      "label": "Subtext",
      "default": "30-day money back guarantee"
    },
    {
      "type": "select",
      "id": "subtext_alignment",
      "label": "Subtext alignment",
      "options": [
        { "value": "flex-start", "label": "Left" },
        { "value": "center", "label": "Center" },
        { "value": "flex-end", "label": "Right" }
      ],
      "default": "center"
    },
    {
      "type": "text",
      "id": "subtext_icon",
      "label": "Subtext icon (Material symbol)",
      "default": "verified_user"
    },
    {
      "type": "color",
      "id": "subtext_icon_color",
      "label": "Subtext icon color",
      "default": "#000000"
    },
    {
      "type": "image_picker",
      "id": "subtext_custom_icon",
      "label": "Custom subtext icon image",
      "info": "If set, replaces the Material symbol icon above."
    },
    {
      "type": "header",
      "content": "Our column colors"
    },
    {
      "type": "color",
      "id": "our_col_bg",
      "label": "Background",
      "default": "#9f3f3f"
    },
    {
      "type": "color",
      "id": "our_col_text",
      "label": "Text",
      "default": "#ffffff"
    },
    {
      "type": "color",
      "id": "our_col_title_color",
      "label": "Title text",
      "default": "#ffffff"
    },
    {
      "type": "color",
      "id": "our_icon_color",
      "label": "Icon",
      "default": "#ffffff"
    },
    {
      "type": "header",
      "content": "Other column colors"
    },
    {
      "type": "color",
      "id": "other_col_bg",
      "label": "Background",
      "default": "#ffffff"
    },
    {
      "type": "color",
      "id": "other_col_text",
      "label": "Text",
      "default": "#2b2b2b"
    },
    {
      "type": "color",
      "id": "other_col_title_color",
      "label": "Title text",
      "default": "#2b2b2b"
    },
    {
      "type": "color",
      "id": "other_icon_color",
      "label": "Icon",
      "default": "#888888"
    },
    {
      "type": "header",
      "content": "Layout"
    },
    {
      "type": "select",
      "id": "table_position_desktop",
      "label": "Comparison table position — desktop",
      "options": [
        { "value": "left", "label": "Left" },
        { "value": "right", "label": "Right" }
      ],
      "default": "left"
    },
    {
      "type": "range",
      "id": "left_width_desktop",
      "min": 30,
      "max": 70,
      "step": 1,
      "unit": "%",
      "label": "Left (table) area width — desktop",
      "default": 50
    },
    {
      "type": "range",
      "id": "our_col_width",
      "min": 30,
      "max": 70,
      "step": 1,
      "unit": "%",
      "label": "Our column width inside table",
      "default": 55
    },
    {
      "type": "range",
      "id": "col_gap",
      "min": 0,
      "max": 24,
      "step": 1,
      "unit": "px",
      "label": "Gap between table columns",
      "default": 8
    },
    {
      "type": "range",
      "id": "columns_gap_desktop",
      "min": 8,
      "max": 120,
      "step": 2,
      "unit": "px",
      "label": "Gap between table and right content — desktop",
      "default": 40
    },
    {
      "type": "range",
      "id": "other_col_shift_desktop",
      "min": -60,
      "max": 120,
      "step": 2,
      "unit": "px",
      "label": "Other column vertical shift — desktop",
      "default": 70
    },
    {
      "type": "range",
      "id": "other_col_shift_mobile",
      "min": -60,
      "max": 120,
      "step": 2,
      "unit": "px",
      "label": "Other column vertical shift — mobile",
      "default": 70
    },
    {
      "type": "select",
      "id": "grid_vertical_align",
      "label": "Grid vertical alignment — desktop",
      "options": [
        { "value": "flex-start", "label": "Top" },
        { "value": "center", "label": "Center" },
        { "value": "flex-end", "label": "Bottom" }
      ],
      "default": "center"
    },
    {
      "type": "header",
      "content": "Table column style"
    },
    {
      "type": "range",
      "id": "column_radius",
      "min": 0,
      "max": 24,
      "step": 1,
      "unit": "px",
      "label": "Column corner radius",
      "default": 6
    },
    {
      "type": "range",
      "id": "column_title_size",
      "min": 14,
      "max": 34,
      "step": 1,
      "unit": "px",
      "label": "Column title size — desktop",
      "default": 20
    },
    {
      "type": "range",
      "id": "column_title_size_mobile",
      "min": 12,
      "max": 28,
      "step": 1,
      "unit": "px",
      "label": "Column title size — mobile",
      "default": 18
    },
    {
      "type": "range",
      "id": "row_text_size",
      "min": 12,
      "max": 28,
      "step": 1,
      "unit": "px",
      "label": "Row text size — desktop",
      "default": 15
    },
    {
      "type": "range",
      "id": "row_text_size_mobile",
      "min": 10,
      "max": 22,
      "step": 1,
      "unit": "px",
      "label": "Row text size — mobile",
      "default": 13
    },
    {
      "type": "range",
      "id": "row_icon_size",
      "min": 14,
      "max": 40,
      "step": 1,
      "unit": "px",
      "label": "Row icon size — desktop",
      "default": 24
    },
    {
      "type": "range",
      "id": "row_icon_size_mobile",
      "min": 12,
      "max": 34,
      "step": 1,
      "unit": "px",
      "label": "Row icon size — mobile",
      "default": 20
    },
    {
      "type": "range",
      "id": "row_min_height_desktop",
      "min": 40,
      "max": 140,
      "step": 2,
      "unit": "px",
      "label": "Row min height — desktop",
      "default": 80
    },
    {
      "type": "range",
      "id": "row_min_height_mobile",
      "min": 40,
      "max": 140,
      "step": 2,
      "unit": "px",
      "label": "Row min height — mobile",
      "default": 90
    },
    {
      "type": "header",
      "content": "Product images"
    },
    {
      "type": "range",
      "id": "product_image_height_desktop",
      "min": 40,
      "max": 220,
      "step": 2,
      "unit": "px",
      "label": "Product image max height — desktop",
      "default": 106
    },
    {
      "type": "range",
      "id": "product_image_height_mobile",
      "min": 40,
      "max": 220,
      "step": 2,
      "unit": "px",
      "label": "Product image max height — mobile",
      "default": 100
    },
    {
      "type": "range",
      "id": "product_image_overlap",
      "min": 0,
      "max": 140,
      "step": 2,
      "unit": "px",
      "label": "Product image overlap — desktop",
      "default": 80
    },
    {
      "type": "range",
      "id": "product_image_overlap_mobile",
      "min": 0,
      "max": 140,
      "step": 2,
      "unit": "px",
      "label": "Product image overlap — mobile",
      "default": 70
    },
    {
      "type": "range",
      "id": "product_image_overflow_desktop",
      "min": 40,
      "max": 160,
      "step": 2,
      "unit": "px",
      "label": "Top space to allow image overflow — desktop",
      "default": 80
    },
    {
      "type": "range",
      "id": "product_image_overflow_mobile",
      "min": 40,
      "max": 160,
      "step": 2,
      "unit": "px",
      "label": "Top space to allow image overflow — mobile",
      "default": 70
    },
    {
      "type": "header",
      "content": "Checklist"
    },
    {
      "type": "range",
      "id": "checklist_size",
      "min": 12,
      "max": 28,
      "step": 1,
      "unit": "px",
      "label": "Checklist text size — desktop",
      "default": 17
    },
    {
      "type": "range",
      "id": "checklist_size_mobile",
      "min": 12,
      "max": 24,
      "step": 1,
      "unit": "px",
      "label": "Checklist text size — mobile",
      "default": 15
    },
    {
      "type": "select",
      "id": "checklist_alignment",
      "label": "Checklist alignment — desktop",
      "options": [
        { "value": "left", "label": "Left" },
        { "value": "center", "label": "Center" },
        { "value": "right", "label": "Right" }
      ],
      "default": "left"
    },
    {
      "type": "select",
      "id": "checklist_alignment_mobile",
      "label": "Checklist alignment — mobile",
      "options": [
        { "value": "left", "label": "Left" },
        { "value": "center", "label": "Center" },
        { "value": "right", "label": "Right" }
      ],
      "default": "left"
    },
    {
      "type": "checkbox",
      "id": "checklist_override_colors",
      "label": "Override theme colors",
      "default": false
    },
    {
      "type": "color",
      "id": "checklist_text_color",
      "label": "Text color",
      "default": "#ffffff",
      "visible_if": "{{ section.settings.checklist_override_colors == true }}"
    },
    {
      "type": "color",
      "id": "checklist_tick_color",
      "label": "Tick color",
      "default": "#ffffff",
      "visible_if": "{{ section.settings.checklist_override_colors == true }}"
    },
    {
      "type": "header",
      "content": "CTA button"
    },
    {
      "type": "range",
      "id": "button_radius",
      "min": 0,
      "max": 30,
      "step": 1,
      "unit": "px",
      "label": "Button corner radius",
      "default": 6
    },
    {
      "type": "range",
      "id": "button_text_size",
      "min": 12,
      "max": 30,
      "step": 1,
      "unit": "px",
      "label": "Button text size",
      "default": 18
    },
    {
      "type": "checkbox",
      "id": "button_override_colors",
      "label": "Override theme colors",
      "default": false
    },
    {
      "type": "color",
      "id": "button_bg_color",
      "label": "Background",
      "default": "#ffffff",
      "visible_if": "{{ section.settings.button_override_colors == true }}"
    },
    {
      "type": "color",
      "id": "button_text_color",
      "label": "Text",
      "default": "#2b2b2b",
      "visible_if": "{{ section.settings.button_override_colors == true }}"
    },
    {
      "type": "color",
      "id": "button_border_color",
      "label": "Border",
      "default": "#ffffff",
      "visible_if": "{{ section.settings.button_override_colors == true }}"
    },
    {
      "type": "color",
      "id": "button_bg_hover_color",
      "label": "Background (hover)",
      "default": "#f2f2f2",
      "visible_if": "{{ section.settings.button_override_colors == true }}"
    },
    {
      "type": "color",
      "id": "button_text_hover_color",
      "label": "Text (hover)",
      "default": "#2b2b2b",
      "visible_if": "{{ section.settings.button_override_colors == true }}"
    },
    {
      "type": "color",
      "id": "button_border_hover_color",
      "label": "Border (hover)",
      "default": "#f2f2f2",
      "visible_if": "{{ section.settings.button_override_colors == true }}"
    },
    {
      "type": "header",
      "content": "Subtext"
    },
    {
      "type": "range",
      "id": "subtext_size",
      "min": 10,
      "max": 22,
      "step": 1,
      "unit": "px",
      "label": "Subtext size",
      "default": 14
    },
    {
      "type": "range",
      "id": "subtext_icon_size",
      "min": 10,
      "max": 28,
      "step": 1,
      "unit": "px",
      "label": "Subtext icon size",
      "default": 18
    },
    {
      "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": "Section margin"
    },
    {
      "type": "range",
      "id": "mobile_margin_top",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "Mobile top margin",
      "default": 0
    },
    {
      "type": "range",
      "id": "mobile_margin_bottom",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "Mobile bottom margin",
      "default": 0
    },
    {
      "type": "range",
      "id": "desktop_margin_top",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "Desktop top margin",
      "default": 0
    },
    {
      "type": "range",
      "id": "desktop_margin_bottom",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "Desktop bottom margin",
      "default": 0
    },
    {
      "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_accent",
      "default": "#dd1d1d",
      "label": "Accents"
    },
    {
      "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": "table_row",
      "name": "Table row",
      "settings": [
        {
          "type": "text",
          "id": "our_icon",
          "label": "Our icon (Material symbol)",
          "default": "verified"
        },
        {
          "type": "checkbox",
          "id": "our_icon_filled",
          "label": "Our icon filled",
          "default": false
        },
        {
          "type": "image_picker",
          "id": "our_custom_icon",
          "label": "Our custom icon image",
          "info": "If set, replaces the Material symbol above."
        },
        {
          "type": "text",
          "id": "our_text",
          "label": "Our text",
          "default": "Clinically Backed"
        },
        {
          "type": "text",
          "id": "other_icon",
          "label": "Other icon (Material symbol)",
          "default": "cancel"
        },
        {
          "type": "checkbox",
          "id": "other_icon_filled",
          "label": "Other icon filled",
          "default": false
        },
        {
          "type": "image_picker",
          "id": "other_custom_icon",
          "label": "Other custom icon image",
          "info": "If set, replaces the Material symbol above."
        },
        {
          "type": "text",
          "id": "other_text",
          "label": "Other text",
          "default": "Trend-Driven Formulas"
        }
      ]
    },
    {
      "type": "check_item",
      "name": "Checklist item",
      "settings": [
        {
          "type": "text",
          "id": "text",
          "label": "Text",
          "default": "Clinically Backed Ingredients"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Comparison table V4",
      "category": "Content",
      "blocks": [
        {
          "type": "table_row",
          "settings": {
            "our_icon": "biotech",
            "our_text": "Clinically Backed",
            "other_icon": "cancel",
            "other_text": "Trend-Driven Formulas"
          }
        },
        {
          "type": "table_row",
          "settings": {
            "our_icon": "verified_user",
            "our_text": "3rd-Party Tested",
            "other_icon": "cancel",
            "other_text": "No Transparent Testing"
          }
        },
        {
          "type": "table_row",
          "settings": {
            "our_icon": "clean_hands",
            "our_text": "Allergen-Free and Clean",
            "other_icon": "cancel",
            "other_text": "Fillers and Artificial Additives"
          }
        },
        {
          "type": "table_row",
          "settings": {
            "our_icon": "workspace_premium",
            "our_text": "High-Quality Formula",
            "other_icon": "cancel",
            "other_text": "Inconsistent Quality"
          }
        },
        {
          "type": "table_row",
          "settings": {
            "our_icon": "stars",
            "our_text": "Loved by Thousands",
            "other_icon": "cancel",
            "other_text": "Mixed Reviews"
          }
        },
        {
          "type": "check_item",
          "settings": { "text": "Clinically Backed Ingredients" }
        },
        {
          "type": "check_item",
          "settings": { "text": "Noticeable Results in Weeks" }
        },
        {
          "type": "check_item",
          "settings": { "text": "Long-Term Wellness Support" }
        },
        {
          "type": "check_item",
          "settings": { "text": "Clean, High-Quality Formula" }
        }
      ]
    }
  ]
}
{% endschema %}