{%- if section.settings.hide_header_footer -%}
<style>
    /* Hide header and footer when toggle is enabled */
    body:has(.section-{{ section.id }}) header,
    body:has(.section-{{ section.id }}) .shopify-section-header,
    body:has(.section-{{ section.id }}) footer,
    body:has(.section-{{ section.id }}) .shopify-section-footer {
      display: none !important;
    }
</style>
{%- endif -%}

<style>
    .section-{{ section.id }} {
      background-color: {% if section.settings.use_theme_colors %}{{ settings.section_background_color }}{% else %}{{ section.settings.section_background_color }}{% endif %};
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }
    
    .section-{{ section.id }} .eelist-container {
      max-width: 768px;
      margin: 0 auto;
      padding-left: {{ section.settings.container_padding_horizontal }}px;
      padding-right: {{ section.settings.container_padding_horizontal }}px;
    }
    
    .section-{{ section.id }} .eelist-listicle-header {
      margin-bottom: {{ section.settings.header_margin_bottom }}px;
    }
    
    .section-{{ section.id }} .eelist-listicle-title {
      font-size: {{ section.settings.title_size }}px;
      font-weight: {{ section.settings.title_font_weight }};
      line-height: {{ section.settings.title_line_height }};
      letter-spacing: var(--letter-spacing-heading);
      color: {% if section.settings.use_theme_colors %}{{ settings.body_color }}{% else %}{{ section.settings.title_color }}{% endif %};
      text-align: {{ section.settings.title_alignment }};
      margin: {{ section.settings.title_margin_top }}px 0 {{ section.settings.title_margin_bottom }}px 0;
    }
    
    .section-{{ section.id }} .eelist-author-info {
      display: flex;
      align-items: center;
      gap: {{ section.settings.author_gap }}px;
      margin-bottom: {{ section.settings.author_margin_bottom }}px;
      justify-content: {{ section.settings.author_alignment }};
    }
    
    .section-{{ section.id }} .eelist-author-avatar {
      width: {{ section.settings.avatar_size }}px;
      height: {{ section.settings.avatar_size }}px;
      border-radius: 50%;
      object-fit: cover;
      flex-shrink: 0;
    }
    
    .section-{{ section.id }} .eelist-author-details {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }
    
    .section-{{ section.id }} .eelist-author-name {
      font-size: {{ section.settings.author_name_size }}px;
      font-weight: {% if section.settings.author_name_force_bold %}700 !important{% else %}{{ section.settings.author_name_font_weight }} !important{% endif %};
      color: {% if section.settings.use_theme_colors %}{{ settings.body_color }}{% else %}{{ section.settings.author_name_color }}{% endif %};
      letter-spacing: var(--letter-spacing-body);
      margin: 0;
    }
    
    .section-{{ section.id }} .eelist-author-date {
      font-size: {{ section.settings.author_date_size }}px;
      font-weight: {{ section.settings.author_date_font_weight }};
      color: {% if section.settings.use_theme_colors %}{{ settings.body_color | color_modify: 'alpha', 0.7 }}{% else %}{{ section.settings.author_date_color }}{% endif %};
      letter-spacing: var(--letter-spacing-body);
      margin: 0;
    }
    
    .section-{{ section.id }} .eelist-summary-section {
      padding-bottom: {{ section.settings.summary_padding_bottom }}px;
      border-bottom: 1px solid {% if section.settings.use_theme_colors %}{{ settings.body_color | color_modify: 'alpha', 0.2 }}{% else %}{{ section.settings.divider_color }}{% endif %};
    }
    
    .section-{{ section.id }} .eelist-summary-text {
      font-size: 16px;
      font-weight: 400;
      line-height: 1.6;
      color: #333333;
      letter-spacing: var(--letter-spacing-body);
      margin: 0;
    }
    
    .section-{{ section.id }} .eelist-summary-text a {
      color: #007BFF;
      text-decoration: underline;
      font-weight: 600;
    }
    
    .section-{{ section.id }} .eelist-summary-text a:hover {
      color: #0056B3;
      text-decoration: none;
    }
    
    .section-{{ section.id }} .eelist-listicle-content {
      display: flex;
      flex-direction: column;
      gap: {{ section.settings.content_gap }}px;
    }
    
    .section-{{ section.id }} .eelist-listicle-item {
      display: flex;
      align-items: stretch;
      justify-content: space-between;
      gap: 20px;
      margin-top: {{ section.settings.item_margin_top }}px;
      margin-bottom: {{ section.settings.item_margin_bottom }}px;
    }
    
    .section-{{ section.id }} .eelist-listicle-item-image {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-shrink: 0;
    }

    .section-{{ section.id }} .eelist-listicle-item-content {
      flex: 1;
      min-width: 0;
    }
    
    .section-{{ section.id }} .eelist-item-title {
      font-weight: 700 !important;
      letter-spacing: {% if section.settings.item_title_letter_spacing == 'heading' %}var(--letter-spacing-heading){% else %}var(--letter-spacing-body){% endif %};
      margin: 0;
    }
    
    /* Bold text styling for rich text content */
    .section-{{ section.id }} strong,
    .section-{{ section.id }} b {
      font-weight: 700 !important;
    }
    
    .section-{{ section.id }} .eelist-item-content {
      letter-spacing: var(--letter-spacing-body);
      margin: 0;
    }
    
    .section-{{ section.id }} .eelist-item-highlight {
      letter-spacing: var(--letter-spacing-body);
      display: inline-block;
    }
    
    .section-{{ section.id }} .eelist-item-image {
      width: 100%;
      max-width: 300px;
      aspect-ratio: 1;
      object-fit: cover;
    }
    
    @media screen and (max-width: {{ section.settings.mobile_breakpoint }}px) {
      .section-{{ section.id }} .eelist-container {
        padding-left: {{ section.settings.mobile_container_padding }}px;
        padding-right: {{ section.settings.mobile_container_padding }}px;
      }
      
      .section-{{ section.id }} .eelist-listicle-title {
        font-size: {{ section.settings.mobile_title_size }}px;
      }
      
      .section-{{ section.id }} .eelist-author-name {
        font-size: {{ section.settings.mobile_author_name_size }}px;
      }
      
      .section-{{ section.id }} .eelist-author-date {
        font-size: {{ section.settings.mobile_author_date_size }}px;
      }
      
      .section-{{ section.id }} .eelist-author-info {
        justify-content: flex-start;
      }
      
      .section-{{ section.id }} .eelist-listicle-item {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
      }
      
      .section-{{ section.id }} .eelist-listicle-item-image {
        flex: none;
        justify-content: flex-start;
        width: 100%;
      }
      
      .section-{{ section.id }} .eelist-item-image {
        width: 100%;
        max-width: none;
        aspect-ratio: auto;
      }
      
      .section-{{ section.id }} .eelist-listicle-item-content {
        flex: none;
        display: contents;
      }
      
      .section-{{ section.id }} .eelist-item-title {
        order: 1;
      }
      
      .section-{{ section.id }} .eelist-listicle-item-image {
        order: 2;
      }
      
      .section-{{ section.id }} .eelist-item-content {
        order: 3;
      }

      .section-{{ section.id }} .eelist-item-highlight {
        order: 4;
      }

      [class^="eelist-item-bullets-"] {
        order: 5;
      }
    }
    
    /* Countdown Header Styles */
    .section-{{ section.id }} .eelist-countdown-header {
      width: 100%;
      margin: 0;
      padding: 0;
    }
    
    .eelist-countdown-banner-{{ section.id }} {
      background: var(--countdown-bg-color) !important;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: var(--countdown-gap);
      padding: var(--countdown-padding-v) var(--countdown-padding-h);
      font-weight: 700 !important;
      font-family: Arial, Helvetica, sans-serif;
      letter-spacing: var(--letter-spacing-body);
    }
    
    .eelist-countdown-banner-{{ section.id }} .eelist-countdown-banner-text {
      display: flex;
      flex-direction: column;
      line-height: 1.1;
      text-align: center;
      gap: 4px;
    }
    
    div.eelist-countdown-banner-{{ section.id }} .eelist-countdown-banner-text .eelist-countdown-banner-title {
      font-size: var(--countdown-title-size) !important;
      font-weight: var(--font-weight-bold) !important;
      color: var(--countdown-title-color) !important;
      letter-spacing: var(--letter-spacing-body);
    }
    
    div.eelist-countdown-banner-{{ section.id }} .eelist-countdown-banner-text .eelist-countdown-banner-subtitle {
      font-size: var(--countdown-subtitle-size) !important;
      font-weight: var(--font-weight-regular) !important;
      opacity: 0.95;
      color: var(--countdown-subtitle-color) !important;
      letter-spacing: var(--letter-spacing-body);
    }
    
    .eelist-countdown-banner-{{ section.id }} .eelist-countdown-timer {
      background: var(--countdown-timer-bg) !important;
      border-radius: var(--countdown-timer-radius);
      padding: var(--countdown-timer-padding-v) var(--countdown-timer-padding-h);
      display: flex;
      align-items: center;
      gap: 0px;
    }
    
    .eelist-countdown-banner-{{ section.id }} .eelist-countdown-timer-unit {
      display: flex;
      flex-direction: column;
      align-items: center;
      min-width: var(--countdown-unit-width);
    }
    
    .eelist-countdown-banner-{{ section.id }} .eelist-countdown-timer-value {
      font-size: var(--countdown-value-size) !important;
      line-height: 1;
      font-weight: var(--font-weight-semibold) !important;
      color: var(--countdown-value-color) !important;
      letter-spacing: var(--letter-spacing-body);
    }
    
    .eelist-countdown-banner-{{ section.id }} .eelist-countdown-timer-label {
      font-size: var(--countdown-label-size) !important;
      line-height: 1.1;
      font-weight: 700 !important;
      opacity: 0.9;
      margin-top: 3px;
      color: var(--countdown-label-color) !important;
      letter-spacing: var(--letter-spacing-body);
    }
    
    .eelist-countdown-banner-{{ section.id }} .eelist-countdown-timer-separator {
      font-size: var(--countdown-value-size) !important;
      font-weight: 800 !important;
      line-height: 1;
      color: var(--countdown-separator-color) !important;
      letter-spacing: var(--letter-spacing-body);
    }
    
    @media (max-width: 768px) {
      .eelist-countdown-banner-{{ section.id }} {
        gap: var(--countdown-mobile-gap);
        padding: var(--countdown-mobile-padding-v) var(--countdown-mobile-padding-h);
      }
      
      div.eelist-countdown-banner-{{ section.id }} .eelist-countdown-banner-text .eelist-countdown-banner-title {
        font-size: var(--countdown-mobile-title-size) !important;
      }
      
      div.eelist-countdown-banner-{{ section.id }} .eelist-countdown-banner-text .eelist-countdown-banner-subtitle {
        font-size: var(--countdown-mobile-subtitle-size) !important;
      }
      
      .eelist-countdown-banner-{{ section.id }} .eelist-countdown-timer {
        gap: 0px;
        padding: var(--countdown-mobile-timer-padding-v) var(--countdown-mobile-timer-padding-h);
      }
      
      .eelist-countdown-banner-{{ section.id }} .eelist-countdown-timer-unit {
        min-width: var(--countdown-mobile-unit-width);
      }
      
      .eelist-countdown-banner-{{ section.id }} .eelist-countdown-timer-value {
        font-size: var(--countdown-mobile-value-size) !important;
      }
      
      .eelist-countdown-banner-{{ section.id }} .eelist-countdown-timer-label {
        font-size: var(--countdown-mobile-label-size) !important;
      }
      
      .eelist-countdown-banner-{{ section.id }} .eelist-countdown-timer-separator {
        font-size: var(--countdown-mobile-value-size) !important;
      }
    }
    .simple-custom-button-wrap {
      display: flex;
      width: 100%;
      margin-top: 0px;
    }

    .simple-custom-button-left {
      justify-content: flex-start;
    }

    .simple-custom-button-center {
      justify-content: center;
    }

    .simple-custom-button-right {
      justify-content: flex-end;
    }

    .simple-custom-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: auto;
      max-width: fit-content;
      text-decoration: none;
      font-weight: 700;
      line-height: 1.1;
      white-space: nowrap;
    }
    </style>
    
    <section class="section-{{ section.id }}">

      {%- comment -%} Render countdown banner first if it exists {%- endcomment -%}
      {%- for block in section.blocks -%}
        {%- if block.type == 'countdown_banner' -%}
          <div class="eelist-countdown-header" {{ block.shopify_attributes }} style="
            --countdown-bg-color: {{ block.settings.background_color }};
            --countdown-gap: {{ block.settings.gap }}px;
            --countdown-padding-v: {{ block.settings.padding_vertical }}px;
            --countdown-padding-h: {{ block.settings.padding_horizontal }}px;
            --countdown-title-size: {{ block.settings.title_size }}px;
            --countdown-subtitle-size: {{ block.settings.subtitle_size }}px;
            --countdown-title-color: {{ block.settings.title_color }};
            --countdown-subtitle-color: {{ block.settings.subtitle_color }};
            --countdown-timer-bg: {{ block.settings.timer_background_color }};
            --countdown-timer-radius: {{ block.settings.timer_border_radius }}px;
            --countdown-timer-padding-v: {{ block.settings.timer_padding_vertical }}px;
            --countdown-timer-padding-h: {{ block.settings.timer_padding_horizontal }}px;
            --countdown-unit-width: {{ block.settings.unit_min_width }}px;
            --countdown-value-size: {{ block.settings.timer_value_size }}px;
            --countdown-label-size: {{ block.settings.timer_label_size }}px;
            --countdown-value-color: {{ block.settings.timer_value_color }};
            --countdown-label-color: {{ block.settings.timer_label_color }};
            --countdown-separator-color: {{ block.settings.timer_separator_color }};
            --countdown-mobile-gap: {{ block.settings.mobile_gap }}px;
            --countdown-mobile-padding-v: {{ block.settings.mobile_padding_vertical }}px;
            --countdown-mobile-padding-h: {{ block.settings.mobile_padding_horizontal }}px;
            --countdown-mobile-title-size: {{ block.settings.mobile_title_size }}px;
            --countdown-mobile-subtitle-size: {{ block.settings.mobile_subtitle_size }}px;
            --countdown-mobile-timer-padding-v: {{ block.settings.mobile_timer_padding_vertical }}px;
            --countdown-mobile-timer-padding-h: {{ block.settings.mobile_timer_padding_horizontal }}px;
            --countdown-mobile-unit-width: {{ block.settings.mobile_unit_min_width }}px;
            --countdown-mobile-value-size: {{ block.settings.mobile_timer_value_size }}px;
            --countdown-mobile-label-size: {{ block.settings.mobile_timer_label_size }}px;
          ">
            <div class="eelist-countdown-banner-{{ section.id }}">
              <div class="eelist-countdown-banner-text">
                <div class="eelist-countdown-banner-title">{{ block.settings.title }}</div>
                <div class="eelist-countdown-banner-subtitle">{{ block.settings.subtitle }}</div>
              </div>
    
              <div id="countdown-{{ block.id }}" class="eelist-countdown-timer" 
                   {% if block.settings.countdown_type == 'duration' %}
                     data-hours="{{ block.settings.countdown_hours }}" 
                     data-minutes="{{ block.settings.countdown_minutes }}" 
                     data-seconds="{{ block.settings.countdown_seconds }}"
                   {% else %}
                     data-deadline="{{ block.settings.countdown_deadline }}"
                   {% endif %}>
                <div class="eelist-countdown-timer-unit">
                  <div class="eelist-countdown-timer-value" id="hh-{{ block.id }}">{{ block.settings.countdown_hours | default: 0 | prepend: '0' | slice: -2, 2 }}</div>
                  <div class="eelist-countdown-timer-label">{{ block.settings.hours_label }}</div>
                </div>
                <div class="eelist-countdown-timer-separator">:</div>
                <div class="eelist-countdown-timer-unit">
                  <div class="eelist-countdown-timer-value" id="mm-{{ block.id }}">{{ block.settings.countdown_minutes | default: 0 | prepend: '0' | slice: -2, 2 }}</div>
                  <div class="eelist-countdown-timer-label">{{ block.settings.minutes_label }}</div>
                </div>
                <div class="eelist-countdown-timer-separator">:</div>
                <div class="eelist-countdown-timer-unit">
                  <div class="eelist-countdown-timer-value" id="ss-{{ block.id }}">{{ block.settings.countdown_seconds | default: 0 | prepend: '0' | slice: -2, 2 }}</div>
                  <div class="eelist-countdown-timer-label">{{ block.settings.seconds_label }}</div>
                </div>
              </div>
            </div>
    
            <script>
            (function(){
              const el = document.getElementById('countdown-{{ block.id }}');
              const hhEl = document.getElementById('hh-{{ block.id }}');
              const mmEl = document.getElementById('mm-{{ block.id }}');
              const ssEl = document.getElementById('ss-{{ block.id }}');
    
              const deadlineAttr = el.getAttribute('data-deadline');
              let endTime;
    
              if (deadlineAttr) {
                endTime = new Date(deadlineAttr).getTime();
              } else {
                const H = parseInt(el.getAttribute('data-hours')||'0',10);
                const M = parseInt(el.getAttribute('data-minutes')||'0',10);
                const S = parseInt(el.getAttribute('data-seconds')||'0',10);
                const durationMs = ((H*60 + M)*60 + S)*1000;
                endTime = Date.now() + durationMs;
              }
    
              function pad(n){return String(n).padStart(2,'0');}
    
              function tick(){
                const now = Date.now();
                let diff = Math.max(0, endTime - now);
                const totalSeconds = Math.floor(diff/1000);
                const hours = Math.floor(totalSeconds/3600);
                const minutes = Math.floor((totalSeconds%3600)/60);
                const seconds = totalSeconds%60;
                hhEl.textContent = pad(hours);
                mmEl.textContent = pad(minutes);
                ssEl.textContent = pad(seconds);
                if (diff <= 0) { clearInterval(timerId); }
              }
    
              tick();
              const timerId = setInterval(tick, 1000);
            })();
            </script>
          </div>
          {%- break -%}
        {%- endif -%}
      {%- endfor -%}

      {%- comment -%} Render image banner at full-width outside the container {%- endcomment -%}
      {%- for block in section.blocks -%}
        {%- if block.type == 'header_banner' -%}
          {%- liquid
            assign hb_media_position = block.settings.media_position | default: 'left'
            assign hb_media_type     = block.settings.media_type     | default: 'image'
          -%}

          <div class="eelist-header-banner eelist-header-banner-{{ block.id }}"
               {{ block.shopify_attributes }}
               style="
                 --hb-bg:              {{ block.settings.background_color }};
                 --hb-media-width:     {{ block.settings.media_width }}%;
                 --hb-gap:             {{ block.settings.content_gap }}px;
                 --hb-pad-v:           {{ block.settings.padding_vertical }}px;
                 --hb-pad-h:           {{ block.settings.padding_horizontal }}px;
                 --hb-media-radius:    {{ block.settings.media_border_radius }}px;
                 --hb-content-pad:     {{ block.settings.content_padding }}px;
                 --hb-eyebrow-color:   {{ block.settings.eyebrow_color }};
                 --hb-title-color:     {{ block.settings.title_color }};
                 --hb-subtitle-color:  {{ block.settings.subtitle_color }};
                 --hb-eyebrow-size:    {{ block.settings.eyebrow_size }}px;
                 --hb-title-size:      {{ block.settings.title_size }}px;
                 --hb-title-weight:    {{ block.settings.title_font_weight }};
                 --hb-title-lh:        {{ block.settings.title_line_height }};
                 --hb-subtitle-size:   {{ block.settings.subtitle_size }}px;
                 --hb-subtitle-weight: {{ block.settings.subtitle_font_weight }};
                 --hb-subtitle-lh:     {{ block.settings.subtitle_line_height }};
                 --hb-mob-title-size:  {{ block.settings.mobile_title_size }}px;
                 --hb-mob-sub-size:    {{ block.settings.mobile_subtitle_size }}px;
                 --hb-mob-media-height:{{ block.settings.mobile_media_height }}px;
               ">

            <div class="eelist-hb-media eelist-hb-media--{{ hb_media_position }}">
              {%- if hb_media_type == 'video' and block.settings.video != blank -%}
                <div class="eelist-hb-video-wrap">
                  {{- block.settings.video | video_tag:
                    class: 'eelist-hb-video',
                    autoplay: block.settings.video_autoplay,
                    loop: block.settings.video_loop,
                    muted: block.settings.video_muted,
                    controls: block.settings.video_controls,
                    playsinline: true
                  -}}
                </div>
              {%- elsif hb_media_type == 'image' -%}
                {%- if block.settings.image != blank -%}
                  <picture>
                    {%- if block.settings.mobile_image != blank -%}
                      <source
                        media="(max-width: 749px)"
                        srcset="{{ block.settings.mobile_image | image_url: width: 400 }} 400w,
                                {{ block.settings.mobile_image | image_url: width: 600 }} 600w,
                                {{ block.settings.mobile_image | image_url: width: 800 }} 800w"
                        sizes="100vw">
                    {%- endif -%}
                    <img class="eelist-hb-image"
                      src="{{ block.settings.image | image_url: width: 1200 }}"
                      srcset="{{ block.settings.image | image_url: width: 400 }} 400w,
                              {{ block.settings.image | image_url: width: 600 }} 600w,
                              {{ block.settings.image | image_url: width: 800 }} 800w,
                              {{ block.settings.image | image_url: width: 1200 }} 1200w"
                      sizes="(max-width: 749px) 100vw, {{ block.settings.media_width }}vw"
                      alt="{{ block.settings.title | escape }}"
                      loading="eager"
                      decoding="async"
                      width="800"
                      height="600">
                  </picture>
                {%- else -%}
                  <div class="eelist-hb-placeholder">
                    {{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
                  </div>
                {%- endif -%}
              {%- endif -%}
            </div>

            <div class="eelist-hb-content">
              {%- if block.settings.eyebrow_text != blank -%}
                <p class="eelist-hb-eyebrow">{{ block.settings.eyebrow_text }}</p>
              {%- endif -%}
              {%- if block.settings.title != blank -%}
                <h1 class="eelist-hb-title">{{ block.settings.title }}</h1>
              {%- endif -%}
              {%- if block.settings.subtitle != blank -%}
                <p class="eelist-hb-subtitle">{{ block.settings.subtitle }}</p>
              {%- endif -%}
              {%- if block.settings.show_author_info -%}
                <div class="eelist-hb-author">
                  {%- if block.settings.author_avatar != blank -%}
                    <img class="eelist-hb-avatar"
                      src="{{ block.settings.author_avatar | image_url: width: 100 }}"
                      alt="{{ block.settings.author_name | escape }}"
                      width="{{ block.settings.avatar_size }}"
                      height="{{ block.settings.avatar_size }}"
                      loading="lazy">
                  {%- endif -%}
                  <div class="eelist-hb-author-details">
                    {%- if block.settings.author_name != blank -%}
                      <p class="eelist-hb-author-name">{{ block.settings.author_name_by }} {{ block.settings.author_name }}</p>
                    {%- endif -%}
                    {%- if block.settings.author_date != blank -%}
                      <p class="eelist-hb-author-date">{{ block.settings.author_date }}</p>
                    {%- endif -%}
                  </div>
                </div>
              {%- endif -%}
            </div>
          </div>

          <style>
            .eelist-header-banner-{{ block.id }} {
              display: flex;
              flex-direction: {% if hb_media_position == 'right' %}row-reverse{% else %}row{% endif %};
              align-items: stretch;
              gap: var(--hb-gap);
              background-color: var(--hb-bg);
              padding: var(--hb-pad-v) var(--hb-pad-h);
              overflow: hidden;
              width: 100%;
              box-sizing: border-box;
              margin-top: {{ block.settings.margin_top }}px;
              margin-bottom: {{ block.settings.margin_bottom }}px;
            }
            .eelist-header-banner-{{ block.id }} .eelist-hb-media {
              flex: 0 0 var(--hb-media-width);
              width: var(--hb-media-width);
              position: relative;
              overflow: hidden;
              border-radius: var(--hb-media-radius);
              {% unless block.settings.media_aspect_ratio == 'auto' %}
                aspect-ratio: {% case block.settings.media_aspect_ratio %}
                  {% when 'square' %}1 / 1
                  {% when 'portrait' %}3 / 4
                  {% when 'landscape' %}4 / 3
                  {% when 'wide' %}16 / 9
                {% endcase %};
              {% endunless %}
            }
            .eelist-header-banner-{{ block.id }} .eelist-hb-image {
              width: 100%;
              height: 100%;
              object-fit: {{ block.settings.image_object_fit }};
              object-position: {{ block.settings.image_object_position }};
              display: block;
            }
            .eelist-header-banner-{{ block.id }} .eelist-hb-placeholder {
              width: 100%;
              height: 100%;
              min-height: 240px;
              background: #f0f0f0;
              display: flex;
              align-items: center;
              justify-content: center;
            }
            .eelist-header-banner-{{ block.id }} .eelist-hb-placeholder svg {
              width: 80px;
              height: 80px;
              opacity: 0.3;
            }
            .eelist-header-banner-{{ block.id }} .eelist-hb-video-wrap {
              position: relative;
              width: 100%;
              height: 100%;
              min-height: 240px;
            }
            .eelist-header-banner-{{ block.id }} .eelist-hb-iframe,
            .eelist-header-banner-{{ block.id }} .eelist-hb-video {
              position: absolute;
              inset: 0;
              width: 100%;
              height: 100%;
              object-fit: cover;
              border: none;
            }
            .eelist-header-banner-{{ block.id }} .eelist-hb-content {
              flex: 1;
              min-width: 0;
              display: flex;
              flex-direction: column;
              justify-content: {{ block.settings.content_vertical_align }};
              padding: var(--hb-content-pad);
              gap: {{ block.settings.text_gap }}px;
            }
            .eelist-header-banner-{{ block.id }} .eelist-hb-eyebrow {
              font-size: var(--hb-eyebrow-size);
              font-weight: {{ block.settings.eyebrow_font_weight }};
              color: var(--hb-eyebrow-color);
              letter-spacing: {{ block.settings.eyebrow_letter_spacing | divided_by: 100.0 }}em;
              text-transform: {{ block.settings.eyebrow_transform }};
              margin: 0;
              line-height: 1.3;
            }
            .eelist-header-banner-{{ block.id }} .eelist-hb-title {
              font-size: var(--hb-title-size);
              font-weight: var(--hb-title-weight);
              line-height: var(--hb-title-lh);
              color: var(--hb-title-color);
              letter-spacing: var(--letter-spacing-heading);
              text-align: {{ block.settings.title_alignment }};
              margin: 0;
            }
            .eelist-header-banner-{{ block.id }} .eelist-hb-subtitle {
              font-size: var(--hb-subtitle-size);
              font-weight: var(--hb-subtitle-weight);
              line-height: var(--hb-subtitle-lh);
              color: var(--hb-subtitle-color);
              letter-spacing: var(--letter-spacing-body);
              text-align: {{ block.settings.title_alignment }};
              margin: 0;
            }
            .eelist-header-banner-{{ block.id }} .eelist-hb-author {
              display: flex;
              align-items: center;
              gap: {{ block.settings.author_gap }}px;
              margin-top: {{ block.settings.author_margin_top }}px;
            }
            .eelist-header-banner-{{ block.id }} .eelist-hb-avatar {
              width: {{ block.settings.avatar_size }}px;
              height: {{ block.settings.avatar_size }}px;
              border-radius: 50%;
              object-fit: cover;
              flex-shrink: 0;
            }
            .eelist-header-banner-{{ block.id }} .eelist-hb-author-details {
              display: flex;
              flex-direction: column;
              gap: 2px;
            }
            .eelist-header-banner-{{ block.id }} .eelist-hb-author-name {
              font-size: {{ block.settings.author_name_size }}px;
              font-weight: {{ block.settings.author_name_font_weight }};
              color: {% if section.settings.use_theme_colors %}{{ settings.body_color }}{% else %}{{ block.settings.author_name_color }}{% endif %};
              margin: 0;
              letter-spacing: var(--letter-spacing-body);
            }
            .eelist-header-banner-{{ block.id }} .eelist-hb-author-date {
              font-size: {{ block.settings.author_date_size }}px;
              font-weight: {{ block.settings.author_date_font_weight }};
              color: {% if section.settings.use_theme_colors %}{{ settings.body_color | color_modify: 'alpha', 0.7 }}{% else %}{{ block.settings.author_date_color }}{% endif %};
              margin: 0;
              letter-spacing: var(--letter-spacing-body);
            }
            @media screen and (max-width: 749px) {
              .eelist-header-banner-{{ block.id }} {
                flex-direction: column;
                padding: {{ block.settings.mobile_padding_vertical }}px {{ block.settings.mobile_padding_horizontal }}px;
                gap: {{ block.settings.mobile_content_gap }}px;
              }
              .eelist-header-banner-{{ block.id }} .eelist-hb-media {
                flex: none;
                width: 100%;
                order: 0;
                {% if block.settings.mobile_media_aspect_ratio != 'auto' %}
                  aspect-ratio: {% case block.settings.mobile_media_aspect_ratio %}
                    {% when 'square' %}1 / 1
                    {% when 'portrait' %}3 / 4
                    {% when 'landscape' %}4 / 3
                    {% when 'wide' %}16 / 9
                  {% endcase %};
                  height: auto;
                {% elsif block.settings.mobile_media_height > 0 %}
                  height: var(--hb-mob-media-height);
                  aspect-ratio: unset;
                {% endif %}
              }
              .eelist-header-banner-{{ block.id }} .eelist-hb-content {
                order: 1;
                padding: {{ block.settings.mobile_content_padding }}px;
              }
              .eelist-header-banner-{{ block.id }} .eelist-hb-title {
                font-size: var(--hb-mob-title-size);
                text-align: {{ block.settings.mobile_title_alignment }};
              }
              .eelist-header-banner-{{ block.id }} .eelist-hb-subtitle {
                font-size: var(--hb-mob-sub-size);
                text-align: {{ block.settings.mobile_title_alignment }};
              }
              .eelist-header-banner-{{ block.id }} .eelist-hb-eyebrow {
                font-size: {{ block.settings.mobile_eyebrow_size }}px;
                text-align: {{ block.settings.mobile_title_alignment }};
              }
            }
          </style>

          {%- break -%}
        {%- endif -%}
      {%- endfor -%}
      
      {%- comment -%} Load Material Symbols font once if any listicle item uses bullet pills {%- endcomment -%}
      {%- assign needs_material_icons = false -%}
      {%- for block in section.blocks -%}
        {%- if block.type == 'listicle_item' and block.settings.enable_bullets -%}
          {%- assign needs_material_icons = true -%}
        {%- endif -%}
      {%- endfor -%}
      {%- if needs_material_icons -%}
        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
      {%- endif -%}

      <div class="eelist-container">
        
        {%- if section.blocks.size > 0 -%}
          <div class="eelist-listicle-content">
            {%- for block in section.blocks -%}
              {%- case block.type -%}
                {%- when 'header' -%}
                  <div class="eelist-listicle-header eelist-listicle-header-{{ block.id }}" {{ block.shopify_attributes }}>
                    {%- if block.settings.title != blank -%}
                      <h1 class="eelist-listicle-title">{{ block.settings.title }}</h1>
                    {%- endif -%}
                    
                    {%- if block.settings.show_author_info -%}
                      <div class="eelist-author-info">
                        {%- if block.settings.author_avatar != blank -%}
                          <img class="eelist-author-avatar" src="{{ block.settings.author_avatar | image_url: width: block.settings.avatar_size }}" alt="{{ block.settings.author_name | escape }}" width="{{ block.settings.avatar_size }}" height="{{ block.settings.avatar_size }}" loading="lazy">
                        {%- endif -%}
                        <div class="eelist-author-details">
                          {%- if block.settings.author_name != blank -%}
                            <p class="eelist-author-name">{{ block.settings.author_name_by }} {{ block.settings.author_name }}</p>
                          {%- endif -%}
                          {%- if block.settings.author_date != blank -%}
                            <p class="eelist-author-date">{{ block.settings.author_date }}</p>
                          {%- endif -%}
                        </div>
                      </div>
                    {%- endif -%}
                  </div>
                  
                  <style>
                    .eelist-listicle-header-{{ block.id }} {
                      margin-top: {{ block.settings.header_margin_top }}px;
                      margin-bottom: {{ block.settings.header_margin_bottom }}px;
                    }
                    .eelist-listicle-header-{{ block.id }} .eelist-listicle-title {
                      font-size: {{ block.settings.title_size }}px;
                      font-weight: {{ block.settings.title_font_weight }};
                      line-height: {{ block.settings.title_line_height }};
                      color: {% if section.settings.use_theme_colors %}{{ settings.body_color }}{% else %}{{ block.settings.title_color }}{% endif %};
                      text-align: {{ block.settings.title_alignment }};
                      margin: {{ block.settings.title_margin_top }}px 0 {{ block.settings.title_margin_bottom }}px 0;
                    }
                    .eelist-listicle-header-{{ block.id }} .eelist-author-info {
                      display: flex;
                      align-items: center;
                      gap: {{ block.settings.author_gap }}px;
                      margin-bottom: {{ block.settings.author_margin_bottom }}px;
                      justify-content: {{ block.settings.author_alignment }};
                    }
                    .eelist-listicle-header-{{ block.id }} .eelist-author-avatar {
                      width: {{ block.settings.avatar_size }}px;
                      height: {{ block.settings.avatar_size }}px;
                      border-radius: 50%;
                      object-fit: cover;
                    }
                    .eelist-listicle-header-{{ block.id }} .eelist-author-name {
                      font-size: {{ block.settings.author_name_size }}px !important;
                      font-weight: {% if section.settings.author_name_force_bold %}700 !important{% else %}{{ block.settings.author_name_font_weight }} !important{% endif %};
                      color: {% if section.settings.use_theme_colors %}{{ settings.body_color }}{% else %}{{ block.settings.author_name_color }}{% endif %} !important;
                      letter-spacing: var(--letter-spacing-body) !important;
                      margin: 0 !important;
                    }
                    .eelist-listicle-header-{{ block.id }} .eelist-author-date {
                      font-size: {{ block.settings.author_date_size }}px;
                      font-weight: {{ block.settings.author_date_font_weight }};
                      color: {% if section.settings.use_theme_colors %}{{ settings.body_color | color_modify: 'alpha', 0.7 }}{% else %}{{ block.settings.author_date_color }}{% endif %};
                      letter-spacing: var(--letter-spacing-body);
                      margin: 0;
                    }
                    @media (max-width: 768px) {
                      .eelist-listicle-header-{{ block.id }} .eelist-listicle-title {
                        font-size: {{ block.settings.mobile_title_size }}px;
                      }
                      .eelist-listicle-header-{{ block.id }} .eelist-author-name {
                        font-size: {{ block.settings.mobile_author_name_size }}px;
                      }
                      .eelist-listicle-header-{{ block.id }} .eelist-author-date {
                        font-size: {{ block.settings.mobile_author_date_size }}px;
                      }
                      .eelist-listicle-header-{{ block.id }} .eelist-author-info {
                        justify-content: flex-start;
                      }
                    }
                  </style>

                {%- when 'countdown_banner' -%}
                  {%- comment -%} Skip — already rendered at the top {%- endcomment -%}

                {%- when 'header_banner' -%}
                  {%- comment -%} Skip — already rendered full-width above the container {%- endcomment -%}

                {%- when 'summary' -%}
                  <div class="eelist-summary-section eelist-summary-{{ block.id }}" {{ block.shopify_attributes }}>
                    {%- if block.settings.background_highlight_text != blank -%}
                      {%- assign sum_hl_phrases = block.settings.background_highlight_text | split: '|' -%}
                      {%- assign sum_hl_content = block.settings.summary_text -%}
                      {%- for phrase in sum_hl_phrases -%}
                        {%- capture sum_hl_wrapped -%}<span class="eelist-item-bg-highlight-{{ block.id }}">{{ phrase | strip }}</span>{%- endcapture -%}
                        {%- assign sum_hl_content = sum_hl_content | replace: phrase, sum_hl_wrapped -%}
                      {%- endfor -%}
                      <div class="eelist-summary-text">{{ sum_hl_content }}</div>
                    {%- else -%}
                      <div class="eelist-summary-text">{{ block.settings.summary_text }}</div>
                    {%- endif -%}
                  </div>
                  <style>
                    .eelist-item-bg-highlight-{{ block.id }} {
                      background-color: {{ block.settings.highlight_background_color }};
                      color: {{ block.settings.highlight_text_color }};
                      border-radius: {{ block.settings.highlight_border_radius }}px;
                      padding: 0 4px;
                      display: inline;
                    }
                    .summary-{{ block.id }} {
                      margin-top: {{ block.settings.summary_margin_top }}px;
                      margin-bottom: {{ block.settings.summary_margin_bottom }}px;
                    }
                  </style>

                {%- when 'read_before' -%}
                  <div class="eelist-read-before-{{ block.id }}" {{ block.shopify_attributes }}
                       style="margin-top: {{ block.settings.margin_top }}px; margin-bottom: {{ block.settings.margin_bottom }}px;">
                    <p class="eelist-read-before-text-{{ block.id }}">{{ block.settings.text }}</p>
                  </div>
                  <style>
                    .eelist-read-before-{{ block.id }} {
                      background: {{ block.settings.background_color }};
                      border-left: {{ block.settings.bar_width }}px solid {{ block.settings.bar_color }};
                      padding: {{ block.settings.padding_vertical }}px {{ block.settings.padding_horizontal }}px;
                      width: 100%;
                      box-sizing: border-box;
                    }
                    .eelist-read-before-text-{{ block.id }} {
                      margin: 0;
                      font-size: {{ block.settings.font_size }}px;
                      color: {{ block.settings.text_color }};
                      letter-spacing: var(--letter-spacing-body);
                      line-height: 1.5;
                    }
                  </style>

                {%- when 'benefit_cards' -%}
                  {%- comment -%} Count active cards {%- endcomment -%}
                  {%- assign bc_active = 0 -%}
                  {%- if block.settings.card_1_title != blank or block.settings.card_1_description != blank -%}{%- assign bc_active = bc_active | plus: 1 -%}{%- endif -%}
                  {%- if block.settings.card_2_title != blank or block.settings.card_2_description != blank -%}{%- assign bc_active = bc_active | plus: 1 -%}{%- endif -%}
                  {%- if block.settings.card_3_title != blank or block.settings.card_3_description != blank -%}{%- assign bc_active = bc_active | plus: 1 -%}{%- endif -%}

                  <div class="eelist-benefit-cards-{{ block.id }}" {{ block.shopify_attributes }}
                       style="margin-top: {{ block.settings.margin_top }}px; margin-bottom: {{ block.settings.margin_bottom }}px;">

                    {%- if block.settings.headline != blank -%}
                      <p class="eelist-bc-headline-{{ block.id }}">{{ block.settings.headline }}</p>
                    {%- endif -%}

                    <div class="eelist-bc-grid-{{ block.id }}">

                      {%- if block.settings.card_1_title != blank or block.settings.card_1_description != blank -%}
                        <div class="eelist-bc-card-{{ block.id }}">
                          {%- if block.settings.card_1_title != blank -%}<p class="eelist-bc-card-title-{{ block.id }}">{{ block.settings.card_1_title }}</p>{%- endif -%}
                          {%- if block.settings.card_1_description != blank -%}<p class="eelist-bc-card-desc-{{ block.id }}">{{ block.settings.card_1_description }}</p>{%- endif -%}
                        </div>
                      {%- endif -%}

                      {%- if block.settings.card_2_title != blank or block.settings.card_2_description != blank -%}
                        <div class="eelist-bc-card-{{ block.id }}">
                          {%- if block.settings.card_2_title != blank -%}<p class="eelist-bc-card-title-{{ block.id }}">{{ block.settings.card_2_title }}</p>{%- endif -%}
                          {%- if block.settings.card_2_description != blank -%}<p class="eelist-bc-card-desc-{{ block.id }}">{{ block.settings.card_2_description }}</p>{%- endif -%}
                        </div>
                      {%- endif -%}

                      {%- if block.settings.card_3_title != blank or block.settings.card_3_description != blank -%}
                        <div class="eelist-bc-card-{{ block.id }}">
                          {%- if block.settings.card_3_title != blank -%}<p class="eelist-bc-card-title-{{ block.id }}">{{ block.settings.card_3_title }}</p>{%- endif -%}
                          {%- if block.settings.card_3_description != blank -%}<p class="eelist-bc-card-desc-{{ block.id }}">{{ block.settings.card_3_description }}</p>{%- endif -%}
                        </div>
                      {%- endif -%}

                    </div>
                  </div>

                  <style>
                    .eelist-benefit-cards-{{ block.id }} { width: 100%; box-sizing: border-box; }
                    .eelist-bc-headline-{{ block.id }} {
                      font-size: {{ block.settings.headline_size }}px;
                      font-weight: {{ block.settings.headline_weight }};
                      color: {{ block.settings.headline_color }};
                      text-align: {{ block.settings.headline_alignment }};
                      letter-spacing: var(--letter-spacing-heading);
                      line-height: 1.2;
                      margin: 0 0 {{ block.settings.headline_margin_bottom }}px 0;
                    }
                    .eelist-bc-grid-{{ block.id }} {
                      display: grid;
                      grid-template-columns: repeat({{ bc_active }}, 1fr);
                      gap: {{ block.settings.card_gap }}px;
                      margin-left: -{{ block.settings.bleed }}px;
                      margin-right: -{{ block.settings.bleed }}px;
                    }
                    .eelist-bc-card-{{ block.id }} {
                      background: {{ block.settings.card_bg_color }};
                      border: {{ block.settings.card_border_width }}px solid {{ block.settings.card_border_color }};
                      border-radius: {{ block.settings.card_border_radius }}px;
                      padding: {{ block.settings.card_padding_vertical }}px {{ block.settings.card_padding_horizontal }}px;
                      text-align: {{ block.settings.card_text_alignment }};
                      display: flex;
                      flex-direction: column;
                      gap: {{ block.settings.card_inner_gap }}px;
                    }
                    .eelist-bc-card-title-{{ block.id }} {
                      font-size: {{ block.settings.card_title_size }}px;
                      font-weight: {{ block.settings.card_title_weight }};
                      color: {{ block.settings.card_title_color }};
                      letter-spacing: {{ block.settings.card_title_letter_spacing | divided_by: 100.0 }}em;
                      text-transform: {{ block.settings.card_title_transform }};
                      line-height: 1.2;
                      margin: 0;
                    }
                    .eelist-bc-card-desc-{{ block.id }} {
                      font-size: {{ block.settings.card_desc_size }}px;
                      font-weight: {{ block.settings.card_desc_weight }};
                      color: {{ block.settings.card_desc_color }};
                      text-align: {{ block.settings.card_desc_alignment }};
                      line-height: 1.5;
                      letter-spacing: var(--letter-spacing-body);
                      margin: 0;
                    }
                    @media (max-width: 749px) {
                      .eelist-bc-headline-{{ block.id }} { font-size: {{ block.settings.headline_size_mobile }}px; }
                      .eelist-bc-grid-{{ block.id }} { grid-template-columns: 1fr; margin-left: 0; margin-right: 0; }
                    }
                  </style>

                {%- when 'limited_time_sale' -%}
                  <div {{ block.shopify_attributes }} data-listicle-cta>
                    {% render 'limited-time-sale', block: block %}
                  </div>

                {%- when 'limited_time_sale_v2' -%}
                  <div {{ block.shopify_attributes }} data-listicle-cta>
                    {% render 'limited-time-sale-v2', block: block %}
                  </div>

                {%- when 'facebook_comments' -%}
                  <div {{ block.shopify_attributes }}>
                    {% render 'listicle-facebook-comments', block: block %}
                  </div>

                {%- when 'instagram_comments' -%}
                  <div {{ block.shopify_attributes }}>
                    {% render 'listicle-instagram-comments', block: block %}
                  </div>

                  {% when 'button' %}
              <div class="simple-custom-button-wrap simple-custom-button-{{ block.settings.button_alignment }}">
                <a
                  href="{{ block.settings.button_link }}"
                  class="simple-custom-button"
                  style="
                    background: {{ block.settings.button_bg }};
                    color: {{ block.settings.button_text_color }};
                    padding: {{ block.settings.button_padding_vertical }}px {{ block.settings.button_padding_horizontal }}px;
                    border-radius: {{ block.settings.button_radius }}px;
                    font-size: {{ block.settings.button_font_size }}px;
                    margin-top: {{ block.settings.button_margin_top }}px;
                    margin-bottom: {{ block.settings.button_margin_bottom }}px;
                  "
                >
                  {{ block.settings.button_text }}
                </a>
              </div>

                {%- when 'sticky_add_to_cart' -%}
                  <div {{ block.shopify_attributes }} data-listicle-sticky>
                    {% render 'listicle-sticky-button', block: block %}
                  </div>

                    {%- when 'compare_chart' -%}
                  {%- comment -%} Compare Chart Block {%- endcomment -%}
                  {%- assign cc_show_col2 = false -%}
                  {%- if block.settings.col2_heading != blank or block.settings.col2_row1 != blank or block.settings.col2_row2 != blank or block.settings.col2_row3 != blank or block.settings.col2_row4 != blank -%}
                    {%- assign cc_show_col2 = true -%}
                  {%- endif -%}
                  {%- assign cc_show_col3 = false -%}
                  {%- if block.settings.enable_col3 and block.settings.col3_heading != blank or block.settings.enable_col3 and block.settings.col3_row1 != blank or block.settings.enable_col3 and block.settings.col3_row2 != blank or block.settings.enable_col3 and block.settings.col3_row3 != blank or block.settings.enable_col3 and block.settings.col3_row4 != blank -%}
                    {%- assign cc_show_col3 = true -%}
                  {%- endif -%}

                  {%- comment -%} Count visible rows {%- endcomment -%}
                  {%- assign cc_visible_rows = 0 -%}
                  {%- for i in (1..4) -%}
                    {%- assign cc_label_key = 'row' | append: i | append: '_label' -%}
                    {%- assign cc_us_key = 'us_row' | append: i -%}
                    {%- if block.settings[cc_label_key] != blank or block.settings[cc_us_key] != blank -%}
                      {%- assign cc_visible_rows = cc_visible_rows | plus: 1 -%}
                    {%- endif -%}
                  {%- endfor -%}

                  {%- comment -%} Build column count for grid {%- endcomment -%}
                  {%- assign cc_col_count = 2 -%}
                  {%- if cc_show_col2 -%}{%- assign cc_col_count = cc_col_count | plus: 1 -%}{%- endif -%}
                  {%- if cc_show_col3 -%}{%- assign cc_col_count = cc_col_count | plus: 1 -%}{%- endif -%}

                  <div class="eelist-cc-{{ block.id }}" {{ block.shopify_attributes }}
                       style="margin-top: {{ block.settings.margin_top }}px; margin-bottom: {{ block.settings.margin_bottom }}px;">

                    <div class="eelist-cc-grid-{{ block.id }}">

                      {%- comment -%} ── Header row ── {%- endcomment -%}
                      <div class="eelist-cc-cell-{{ block.id }} eelist-cc-label-{{ block.id }} eelist-cc-header-label-{{ block.id }}"></div>
                      <div class="eelist-cc-cell-{{ block.id }} eelist-cc-us-{{ block.id }} eelist-cc-us-header-{{ block.id }}">
                        {%- if block.settings.us_logo != blank -%}
                          <img src="{{ block.settings.us_logo | image_url: width: 300 }}"
                               alt="{{ block.settings.us_heading | escape }}"
                               class="eelist-cc-logo-{{ block.id }}"
                               loading="lazy">
                        {%- elsif block.settings.us_heading != blank -%}
                          <span class="eelist-cc-us-heading-text-{{ block.id }}">{{ block.settings.us_heading }}</span>
                        {%- endif -%}
                      </div>
                      {%- if cc_show_col2 -%}
                        <div class="eelist-cc-cell-{{ block.id }} eelist-cc-comp-{{ block.id }} eelist-cc-comp-header-{{ block.id }}">
                          <span class="eelist-cc-comp-heading-{{ block.id }}">{{ block.settings.col2_heading }}</span>
                        </div>
                      {%- endif -%}
                      {%- if cc_show_col3 -%}
                        <div class="eelist-cc-cell-{{ block.id }} eelist-cc-comp-{{ block.id }} eelist-cc-comp-header-{{ block.id }}">
                          <span class="eelist-cc-comp-heading-{{ block.id }}">{{ block.settings.col3_heading }}</span>
                        </div>
                      {%- endif -%}

                      {%- comment -%} ── Data rows ── {%- endcomment -%}
                      {%- assign cc_row_index = 0 -%}
                      {%- for i in (1..4) -%}
                        {%- assign cc_label_key = 'row' | append: i | append: '_label' -%}
                        {%- assign cc_us_key    = 'us_row'   | append: i -%}
                        {%- assign cc_c2_key    = 'col2_row' | append: i -%}
                        {%- assign cc_c3_key    = 'col3_row' | append: i -%}
                        {%- assign cc_label = block.settings[cc_label_key] -%}
                        {%- assign cc_us    = block.settings[cc_us_key] -%}
                        {%- assign cc_c2    = block.settings[cc_c2_key] -%}
                        {%- assign cc_c3    = block.settings[cc_c3_key] -%}
                        {%- if cc_label != blank or cc_us != blank -%}
                          {%- assign cc_row_index = cc_row_index | plus: 1 -%}
                          {%- assign cc_is_alt = cc_row_index | modulo: 2 -%}
                          {%- assign cc_is_last = false -%}
                          {%- if cc_row_index == cc_visible_rows -%}{%- assign cc_is_last = true -%}{%- endif -%}

                          <div class="eelist-cc-cell-{{ block.id }} eelist-cc-label-{{ block.id }}{% if cc_is_alt == 0 %} eelist-cc-alt-{{ block.id }}{% endif %}{% if cc_is_last %} eelist-cc-last-label-{{ block.id }}{% endif %}">{{ cc_label }}</div>
                          <div class="eelist-cc-cell-{{ block.id }} eelist-cc-us-{{ block.id }}{% if cc_is_last %} eelist-cc-us-last-{{ block.id }}{% endif %}">{{ cc_us }}</div>
                          {%- if cc_show_col2 -%}
                            <div class="eelist-cc-cell-{{ block.id }} eelist-cc-comp-{{ block.id }}{% if cc_is_alt == 0 %} eelist-cc-alt-{{ block.id }}{% endif %}">{{ cc_c2 }}</div>
                          {%- endif -%}
                          {%- if cc_show_col3 -%}
                            <div class="eelist-cc-cell-{{ block.id }} eelist-cc-comp-{{ block.id }}{% if cc_is_alt == 0 %} eelist-cc-alt-{{ block.id }}{% endif %}">{{ cc_c3 }}</div>
                          {%- endif -%}
                        {%- endif -%}
                      {%- endfor -%}

                    </div>
                  </div>

                  <style>
                    .eelist-cc-{{ block.id }} {
                      box-sizing: border-box;
                      width: 100%;
                      {%- if block.settings.bleed > 0 -%}
                      margin-left: -{{ block.settings.bleed }}px;
                      margin-right: -{{ block.settings.bleed }}px;
                      width: calc(100% + {{ block.settings.bleed | times: 2 }}px);
                      {%- endif -%}
                    }

                    .eelist-cc-grid-{{ block.id }} {
                      display: grid;
                      grid-template-columns: {{ block.settings.label_col_width }}% {{ block.settings.data_col_width }}%{% if cc_show_col2 %} 1fr{% endif %}{% if cc_show_col3 %} 1fr{% endif %};
                      align-items: stretch;
                    }

                    .eelist-cc-label-{{ block.id }} {
                      grid-column: 1;
                    }

                    .eelist-cc-us-{{ block.id }} {
                      grid-column: 2;
                    }

                    .eelist-cc-cell-{{ block.id }} {
                      padding: {{ block.settings.cell_padding_v }}px {{ block.settings.cell_padding_h }}px;
                      font-size: {{ block.settings.cell_font_size }}px;
                      line-height: 1.4;
                      letter-spacing: var(--letter-spacing-body);
                      border-bottom: {{ block.settings.row_border_width }}px solid {{ block.settings.row_border_color }};
                      display: flex;
                      align-items: center;
                      justify-content: center;
                    }

                    .eelist-cc-label-{{ block.id }} {
                      justify-content: flex-start;
                      font-weight: {{ block.settings.label_font_weight }};
                      font-size: {{ block.settings.label_font_size }}px;
                      color: {{ block.settings.label_text_color }};
                      border-bottom-color: {{ block.settings.row_border_color }};
                    }

                    .eelist-cc-us-{{ block.id }} {
                      background-color: {{ block.settings.us_col_bg_color }};
                      color: {{ block.settings.us_col_text_color }};
                      font-weight: {{ block.settings.us_col_font_weight }};
                      text-align: center;
                      border-bottom-color: rgba(255,255,255,0.15);
                    }

                    .eelist-cc-comp-{{ block.id }} {
                      color: {{ block.settings.cell_text_color }};
                      text-align: center;
                    }

                    .eelist-cc-alt-{{ block.id }} {
                      background-color: {{ block.settings.row_alt_bg_color }};
                    }

                    /* Header row cells — no border, no alt bg */
                    .eelist-cc-header-label-{{ block.id }},
                    .eelist-cc-comp-header-{{ block.id }} {
                      border-bottom: 0;
                      background: transparent !important;
                      align-items: flex-end;
                      padding-bottom: {{ block.settings.cell_padding_v }}px;
                    }

                    .eelist-cc-us-header-{{ block.id }} {
                      border-bottom: 0;
                      border-radius: {{ block.settings.us_col_border_radius }}px {{ block.settings.us_col_border_radius }}px 0 0;
                      padding-top: {{ block.settings.header_padding_v }}px;
                      padding-bottom: {{ block.settings.header_padding_v }}px;
                    }

                    .eelist-cc-us-last-{{ block.id }} {
                      border-bottom: 0;
                      border-radius: 0 0 {{ block.settings.us_col_border_radius }}px {{ block.settings.us_col_border_radius }}px;
                    }

                    .eelist-cc-last-label-{{ block.id }} {
                      border-bottom: 0;
                    }

                    .eelist-cc-logo-{{ block.id }} {
                      max-width: {{ block.settings.logo_max_width }}px;
                      height: auto;
                      display: block;
                      margin: 0 auto;
                    }
                    .eelist-cc-us-heading-text-{{ block.id }} {
                      font-size: {{ block.settings.us_heading_size }}px;
                      font-weight: {{ block.settings.us_heading_weight }};
                      color: {{ block.settings.us_col_text_color }};
                      display: block;
                      text-align: center;
                    }

                    .eelist-cc-comp-heading-{{ block.id }} {
                      font-size: {{ block.settings.comp_heading_size }}px;
                      font-weight: {{ block.settings.comp_heading_weight }};
                      color: {{ block.settings.comp_heading_color }};
                      display: block;
                      text-align: center;
                    }

                    @media (max-width: 749px) {
                      .eelist-cc-{{ block.id }} {
                        margin-left: 0;
                        margin-right: 0;
                        width: 100%;
                      }
                      .eelist-cc-cell-{{ block.id }} {
                        font-size: {{ block.settings.mobile_cell_font_size }}px;
                        padding: {{ block.settings.mobile_cell_padding_v }}px {{ block.settings.mobile_cell_padding_h }}px;
                      }
                      .eelist-cc-label-{{ block.id }} {
                        font-size: {{ block.settings.mobile_label_font_size }}px;
                      }
                      .eelist-cc-logo-{{ block.id }} {
                        max-width: {{ block.settings.logo_max_width_mobile }}px;
                      }
                    }
                  </style>

                  {%- when 'custom_liquid' -%}
                  {{ block.settings.custom_liquid }}

                {%- when 'advertorial_footer' -%}
                  {%- comment -%} Skip advertorial footer as it's rendered at the bottom {%- endcomment -%}

                  {%- when 'article_meta' -%}
                  <div class="eelist-article-meta eelist-article-meta-{{ block.id }}" {{ block.shopify_attributes }}>
                    {%- if block.settings.badge_text != blank -%}
                      <span class="eelist-meta-badge">{{ block.settings.badge_text }}</span>
                    {%- endif -%}
                    {%- if block.settings.read_time != blank -%}
                      <span class="eelist-meta-read-time">{{ block.settings.read_time }}</span>
                    {%- endif -%}
                  </div>
                  <style>
                    .eelist-article-meta-{{ block.id }} {
                      display: flex;
                      align-items: center;
                      gap: {{ block.settings.gap }}px;
                      margin-top: {{ block.settings.margin_top }}px;
                      margin-bottom: {{ block.settings.margin_bottom }}px;
                    }
                    .eelist-article-meta-{{ block.id }} .eelist-meta-badge {
                      display: inline-block;
                      background-color: {{ block.settings.badge_bg_color }};
                      color: {{ block.settings.badge_text_color }};
                      font-size: {{ block.settings.badge_font_size }}px;
                      font-weight: {{ block.settings.badge_font_weight }};
                      border-radius: {{ block.settings.badge_border_radius }}px;
                      padding: {{ block.settings.badge_padding_v }}px {{ block.settings.badge_padding_h }}px;
                      letter-spacing: var(--letter-spacing-body);
                      line-height: 1;
                    }
                    .eelist-article-meta-{{ block.id }} .eelist-meta-read-time {
                      font-size: {{ block.settings.read_time_font_size }}px;
                      font-weight: {{ block.settings.read_time_font_weight }};
                      color: {{ block.settings.read_time_color }};
                      letter-spacing: var(--letter-spacing-body);
                      line-height: 1;
                    }
                  </style>

                  {%- when 'author_credential' -%}
                  <div class="eelist-author-cred eelist-author-cred-{{ block.id }}" {{ block.shopify_attributes }}>
                    {%- if block.settings.avatar != blank -%}
                      <img class="eelist-cred-avatar" src="{{ block.settings.avatar | image_url: width: 100 }}" alt="{{ block.settings.name | escape }}" width="{{ block.settings.avatar_size }}" height="{{ block.settings.avatar_size }}" loading="lazy">
                    {%- endif -%}
                    <div class="eelist-cred-info">
                      {%- if block.settings.name != blank -%}
                        <span class="eelist-cred-name">{{ block.settings.name }}</span>
                      {%- endif -%}
                      {%- if block.settings.title != blank -%}
                        <span class="eelist-cred-title">{{ block.settings.title }}</span>
                      {%- endif -%}
                    </div>
                    {%- if block.settings.show_verified -%}
                      <div class="eelist-cred-verified">
                        <svg width="{{ block.settings.verified_icon_size }}" height="{{ block.settings.verified_icon_size }}" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                          <circle cx="10" cy="10" r="10" fill="{{ block.settings.verified_color }}"/>
                          <path d="M6 10.5L8.5 13L14 7.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                        <span class="eelist-cred-verified-text">{{ block.settings.verified_text }}</span>
                      </div>
                    {%- endif -%}
                    {%- if block.settings.show_stars -%}
                      <div class="eelist-cred-stars">
                        {%- assign star_count = block.settings.star_count -%}
                        {%- for i in (1..5) -%}
                          {%- if i <= star_count -%}
                            <svg width="{{ block.settings.star_size }}" height="{{ block.settings.star_size }}" viewBox="0 0 20 20" fill="{{ block.settings.star_color }}" xmlns="http://www.w3.org/2000/svg"><path d="M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z"/></svg>
                          {%- else -%}
                            <svg width="{{ block.settings.star_size }}" height="{{ block.settings.star_size }}" viewBox="0 0 20 20" fill="{{ block.settings.star_empty_color }}" xmlns="http://www.w3.org/2000/svg"><path d="M10 1l2.39 4.84 5.34.78-3.86 3.76.91 5.32L10 13.27l-4.78 2.43.91-5.32L2.27 6.62l5.34-.78L10 1z"/></svg>
                          {%- endif -%}
                        {%- endfor -%}
                      </div>
                    {%- endif -%}
                  </div>
                  <style>
                    .eelist-author-cred-{{ block.id }} {
                      display: inline-flex;
                      align-items: center;
                      gap: {{ block.settings.gap }}px;
                      background: {{ block.settings.bg_color }};
                      border: {{ block.settings.border_width }}px solid {{ block.settings.border_color }};
                      border-radius: {{ block.settings.border_radius }}px;
                      padding: {{ block.settings.padding_v }}px {{ block.settings.padding_h }}px;
                      margin-top: {{ block.settings.margin_top }}px;
                      margin-bottom: {{ block.settings.margin_bottom }}px;
                    }
                    .eelist-author-cred-{{ block.id }} .eelist-cred-avatar {
                      width: {{ block.settings.avatar_size }}px;
                      height: {{ block.settings.avatar_size }}px;
                      border-radius: {{ block.settings.avatar_border_radius }}px;
                      object-fit: cover;
                      flex-shrink: 0;
                    }
                    .eelist-author-cred-{{ block.id }} .eelist-cred-info {
                      display: flex;
                      flex-direction: column;
                      gap: 2px;
                    }
                    .eelist-author-cred-{{ block.id }} .eelist-cred-name {
                      font-size: {{ block.settings.name_size }}px;
                      font-weight: {{ block.settings.name_weight }};
                      color: {{ block.settings.name_color }};
                      letter-spacing: var(--letter-spacing-body);
                      line-height: 1.2;
                    }
                    .eelist-author-cred-{{ block.id }} .eelist-cred-title {
                      font-size: {{ block.settings.title_size }}px;
                      font-weight: {{ block.settings.title_weight }};
                      color: {{ block.settings.title_color }};
                      letter-spacing: var(--letter-spacing-body);
                      line-height: 1.2;
                    }
                    .eelist-author-cred-{{ block.id }} .eelist-cred-verified {
                      display: flex;
                      align-items: center;
                      gap: 4px;
                    }
                    .eelist-author-cred-{{ block.id }} .eelist-cred-verified-text {
                      font-size: {{ block.settings.verified_text_size }}px;
                      font-weight: {{ block.settings.verified_text_weight }};
                      color: {{ block.settings.verified_text_color }};
                      letter-spacing: var(--letter-spacing-body);
                    }
                    .eelist-author-cred-{{ block.id }} .eelist-cred-stars {
                      display: flex;
                      align-items: center;
                      gap: 1px;
                    }
                  </style>

                {%- when 'listicle_item' -%}
                  <div class="eelist-listicle-item eelist-listicle-item-{{ block.id }}{% if block.settings.enable_container %} has-container{% endif %}" {{ block.shopify_attributes }}>
                    {%- unless block.settings.hide_image -%}
                      <div class="eelist-listicle-item-image">
                        {%- if block.settings.image != blank -%}
                          <img class="eelist-item-image"
                               src="{{ block.settings.image | image_url: width: 800 }}"
                               srcset="{{ block.settings.image | image_url: width: 300 }} 300w,
                                       {{ block.settings.image | image_url: width: 400 }} 400w,
                                       {{ block.settings.image | image_url: width: 600 }} 600w,
                                       {{ block.settings.image | image_url: width: 800 }} 800w,
                                       {{ block.settings.image | image_url: width: 1200 }} 1200w,
                                       {{ block.settings.image | image_url: width: 1600 }} 1600w"
                               sizes="(max-width: 480px) 100vw, (max-width: 768px) 90vw, (max-width: 1024px) 45vw, (max-width: 1440px) 300px, 400px"
                               alt="{{ block.settings.title | escape }}"
                               width="300"
                               height="300"
                               loading="lazy"
                               decoding="async">
                        {%- else -%}
                          <img class="eelist-item-image eelist-item-image-placeholder"
                               src="https://placehold.co/400x400/f0f0f0/cccccc?text=Item+Image"
                               alt="Placeholder for {{ block.settings.title | escape }}"
                               width="300"
                               height="300"
                               loading="lazy">
                        {%- endif -%}
                      </div>
                    {%- endunless -%}
                    <div class="eelist-listicle-item-content">
                      {%- if block.settings.title != blank -%}
                        <h3 class="eelist-item-title">{{ block.settings.title }}</h3>
                      {%- endif -%}
                      {%- if block.settings.content != blank -%}
                        {%- if block.settings.background_highlight_text != blank -%}
                          {%- assign bg_hl_phrases = block.settings.background_highlight_text | split: '|' -%}
                          {%- assign bg_hl_content = block.settings.content -%}
                          {%- for phrase in bg_hl_phrases -%}
                            {%- capture bg_hl_wrapped -%}<span class="eelist-item-bg-highlight-{{ block.id }}">{{ phrase | strip }}</span>{%- endcapture -%}
                            {%- assign bg_hl_content = bg_hl_content | replace: phrase, bg_hl_wrapped -%}
                          {%- endfor -%}
                          <div class="eelist-item-content">{{ bg_hl_content }}</div>
                        {%- else -%}
                          <div class="eelist-item-content">{{ block.settings.content }}</div>
                        {%- endif -%}
                      {%- endif -%}
                      {%- if block.settings.highlight_text != blank -%}
                        <div class="eelist-item-highlight">{{ block.settings.highlight_text }}</div>
                      {%- endif -%}
                      {%- if block.settings.enable_bullets -%}
                        {%- assign raw_bullets = block.settings.bullet_1 | append: '|||'
                            | append: block.settings.bullet_2 | append: '|||'
                            | append: block.settings.bullet_3 | append: '|||'
                            | append: block.settings.bullet_4 -%}
                        {%- assign bullet_items = raw_bullets | split: '|||' -%}
                        {%- assign has_bullets = false -%}
                        {%- for b in bullet_items -%}{%- if b != blank -%}{%- assign has_bullets = true -%}{%- endif -%}{%- endfor -%}
                        {%- if has_bullets -%}
                          <div class="eelist-item-bullets-{{ block.id }}">
                            {%- for b in bullet_items -%}
                              {%- if b != blank -%}
                                <div class="eelist-bullet-item-{{ block.id }}">
                                  <span class="eelist-bullet-icon-{{ block.id }}">{{ block.settings.bullet_icon }}</span>
                                  <span class="eelist-bullet-text-{{ block.id }}">{{ b }}</span>
                                </div>
                              {%- endif -%}
                            {%- endfor -%}
                          </div>
                          <style>
                            .eelist-item-bullets-{{ block.id }} {
                              display: flex;
                              flex-direction: row;
                              flex-wrap: wrap;
                              gap: {{ block.settings.bullet_gap }}px;
                              margin-top: {{ block.settings.bullets_margin_top }}px;
                            }
                            .eelist-bullet-item-{{ block.id }} {
                              display: inline-flex;
                              align-items: center;
                              gap: 4px;
                              background: {{ block.settings.bullet_bg_color }};
                              border: {{ block.settings.bullet_border_width }}px solid {{ block.settings.bullet_border_color }};
                              border-radius: {{ block.settings.bullet_border_radius }}px;
                              padding: {{ block.settings.bullet_padding_v }}px {{ block.settings.bullet_padding_h }}px;
                            }
                            .eelist-bullet-icon-{{ block.id }} {
                              font-family: 'Material Symbols Outlined';
                              font-size: {{ block.settings.bullet_icon_size }}px;
                              width: {{ block.settings.bullet_icon_size }}px;
                              height: {{ block.settings.bullet_icon_size }}px;
                              line-height: 1;
                              color: {{ block.settings.bullet_icon_color }};
                              font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20;
                              font-style: normal;
                              font-weight: normal;
                              letter-spacing: normal;
                              text-transform: none;
                              display: inline-block;
                              white-space: nowrap;
                              word-wrap: normal;
                              direction: ltr;
                              -webkit-font-feature-settings: 'liga';
                              font-feature-settings: 'liga';
                              -webkit-font-smoothing: antialiased;
                            }
                            .eelist-bullet-text-{{ block.id }} {
                              font-size: {{ block.settings.bullet_text_size }}px;
                              color: {{ block.settings.bullet_text_color }};
                              white-space: nowrap;
                              line-height: 1.3;
                            }
                          </style>
                        {%- endif -%}
                      {%- endif -%}
                    </div>
                  </div>
                  
                  <style>
                    .eelist-listicle-item-{{ block.id }} {
                      gap: {{ block.settings.item_gap }}px;
                      flex-direction: {% if block.settings.image_position == 'right' %}row-reverse{% else %}row{% endif %};
                    }
                    .eelist-listicle-item-{{ block.id }}.has-container {
                      padding: {{ block.settings.item_padding }}px;
                      background-color: {% if section.settings.use_theme_colors %}{{ settings.section_background_color }}{% else %}{{ block.settings.item_background_color }}{% endif %};
                      border-radius: {{ block.settings.item_border_radius }}px;
                      {% if block.settings.item_border_width > 0 %}
                        border: {{ block.settings.item_border_width }}px solid {% if section.settings.use_theme_colors %}{{ settings.body_color | color_modify: 'alpha', 0.1 }}{% else %}{{ block.settings.item_border_color }}{% endif %};
                      {% endif %}
                      {% if block.settings.enable_item_shadow %}
                        box-shadow: {{ block.settings.item_shadow }};
                      {% endif %}
                    }
                    .eelist-listicle-item-{{ block.id }} .eelist-listicle-item-image {
                      width: {{ block.settings.item_image_width }}px;
                      flex-shrink: 0;
                    }
                    .eelist-listicle-item-{{ block.id }} .eelist-item-image {
                      border-radius: {{ block.settings.item_image_border_radius }}px;
                      margin-bottom: {{ block.settings.item_image_margin_bottom }}px;
                      width: 100%;
                      height: auto;
                      object-fit: cover;
                      {% if block.settings.image_aspect_ratio == 'square' %}
                        aspect-ratio: 1 / 1;
                      {% elsif block.settings.image_aspect_ratio == 'portrait' %}
                        aspect-ratio: 3 / 4;
                      {% elsif block.settings.image_aspect_ratio == 'landscape' %}
                        aspect-ratio: 4 / 3;
                      {% elsif block.settings.image_aspect_ratio == 'wide' %}
                        aspect-ratio: 16 / 9;
                      {% endif %}
                    }
                    .eelist-listicle-item-{{ block.id }} .eelist-item-title {
                      font-size: {{ section.settings.item_title_size }}px;
                      line-height: {{ section.settings.item_title_line_height }};
                      color: {% if section.settings.use_theme_colors %}{{ settings.body_color }}{% else %}{{ section.settings.item_title_color }}{% endif %};
                      margin: 0 0 {{ section.settings.item_title_margin_bottom }}px 0;
                      letter-spacing: {% if section.settings.item_title_letter_spacing == 'heading' %}var(--letter-spacing-heading){% else %}var(--letter-spacing-body){% endif %};
                    }
                    .eelist-listicle-item-{{ block.id }} .eelist-item-content {
                      font-size: {{ section.settings.item_content_size }}px;
                      font-weight: {{ section.settings.item_content_font_weight }};
                      line-height: {{ section.settings.item_content_line_height }};
                      color: {% if section.settings.use_theme_colors %}{{ settings.body_color }}{% else %}{{ section.settings.item_content_color }}{% endif %};
                    }
                    .eelist-listicle-item-{{ block.id }} .eelist-item-highlight {
                      background-color: {{ block.settings.highlight_background_color }};
                      color: {{ block.settings.highlight_text_color }};
                      padding: {{ block.settings.highlight_padding }}px;
                      border-radius: {{ block.settings.highlight_border_radius }}px;
                      margin-top: {{ block.settings.highlight_margin_top }}px;
                    }
                    .eelist-item-bg-highlight-{{ block.id }} {
                      background-color: {{ block.settings.highlight_background_color }};
                      color: {{ block.settings.highlight_text_color }};
                      border-radius: {{ block.settings.highlight_border_radius }}px;
                      padding: 0 4px;
                      display: inline;
                    }
                    @media (max-width: 768px) {
                      .eelist-listicle-item-{{ block.id }} {
                        flex-direction: column;
                      }
                      .eelist-listicle-item-{{ block.id }} .eelist-listicle-item-image {
                        width: 100% !important;
                        {%- liquid
                          assign mobile_pos = block.settings.mobile_image_position | default: section.settings.default_mobile_image_position
                        -%}
                        order: {% if mobile_pos == 'bottom' %}2{% else %}0{% endif %};
                      }
                      .eelist-listicle-item-{{ block.id }} .eelist-listicle-item-content {
                        order: 1;
                      }
                      .eelist-listicle-item-{{ block.id }} .eelist-item-title {
                        font-size: {{ section.settings.mobile_item_title_size }}px;
                      }
                      .eelist-listicle-item-{{ block.id }} .eelist-item-content {
                        font-size: {{ section.settings.mobile_item_content_size }}px;
                      }
                      .eelist-listicle-item-{{ block.id }} .eelist-item-highlight {
                        font-size: {{ section.settings.mobile_highlight_font_size }}px;
                      }
                    }
                  </style>

              {%- endcase -%}
            {%- endfor -%}
          </div>
        {%- endif -%}
      </div>
      
      {%- comment -%} Render advertorial footer at the bottom {%- endcomment -%}
      {%- for block in section.blocks -%}
        {%- if block.type == 'advertorial_footer' -%}
          <div {{ block.shopify_attributes }}>
            {% render 'advertorial-footer', block: block %}
          </div>
          {%- break -%}
        {%- endif -%}
      {%- endfor -%}

      <script>
    (function () {
      const STICKY_KEY = 'listicle-sticky-observer-{{ section.id }}';
      if (document[STICKY_KEY]) return;
      document[STICKY_KEY] = true;

      const stickyWrapper = document.querySelector('[data-listicle-sticky]');
      if (!stickyWrapper) return;

      // The actual bar element rendered by the snippet — target the first child,
      // or fall back to the wrapper itself if the snippet renders nothing extra.
      const stickyBar = stickyWrapper.querySelector('[class]') || stickyWrapper;

      const ctaBlocks = Array.from(document.querySelectorAll('[data-listicle-cta]'));
      if (!ctaBlocks.length) return;

      let visibleCount = 0;

      function updateVisibility() {
        if (visibleCount > 0) {
          stickyBar.style.setProperty('opacity', '0', 'important');
          stickyBar.style.setProperty('pointer-events', 'none', 'important');
          stickyBar.style.setProperty('visibility', 'hidden', 'important');
        } else {
          stickyBar.style.removeProperty('opacity');
          stickyBar.style.removeProperty('pointer-events');
          stickyBar.style.removeProperty('visibility');
        }
      }

      const observer = new IntersectionObserver(function (entries) {
        entries.forEach(function (entry) {
          if (entry.isIntersecting) {
            visibleCount++;
          } else {
            visibleCount = Math.max(0, visibleCount - 1);
          }
        });
        updateVisibility();
      }, {
        threshold: 0.1
      });

      ctaBlocks.forEach(function (block) {
        observer.observe(block);
      });
    })();
    </script>

    </section>

    {% schema %}
{
  "name": "Listicle (Advanced)",
  "tag": "section",
  "class": "section",
  "settings": [
    { "type": "checkbox", "id": "hide_header_footer", "label": "Hide Header & Footer", "default": false, "info": "Hide the site header and footer for this page only (creates a distraction-free landing page experience)" },
    { "type": "header", "content": "Section Layout" },
    { "type": "range", "id": "padding_top", "min": 0, "max": 200, "step": 10, "unit": "px", "label": "Section Padding Top", "default": 0 },
    { "type": "range", "id": "padding_bottom", "min": 0, "max": 200, "step": 10, "unit": "px", "label": "Section Padding Bottom", "default": 0 },
    { "type": "header", "content": "Theme Integration" },
    { "type": "checkbox", "id": "use_theme_colors", "label": "Use Theme Colors", "default": false, "info": "Override all custom colors with your theme's color scheme" },
    { "type": "color", "id": "section_background_color", "label": "Section Background Color", "default": "#ffffff" },
    { "type": "range", "id": "container_padding_horizontal", "min": 20, "max": 100, "step": 5, "unit": "px", "label": "Container Horizontal Padding", "default": 45 },
    { "type": "header", "content": "Summary Divider" },
    { "type": "color", "id": "divider_color", "label": "Divider Color", "default": "#f1f4f5" },
    { "type": "range", "id": "summary_margin_bottom", "min": 0, "max": 50, "step": 5, "unit": "px", "label": "Summary Margin Bottom", "default": 40 },
    { "type": "range", "id": "summary_padding_bottom", "min": 15, "max": 40, "step": 5, "unit": "px", "label": "Summary Padding Bottom", "default": 25 },
    { "type": "header", "content": "Listicle Items" },
    { "type": "range", "id": "content_gap", "min": 20, "max": 60, "step": 5, "unit": "px", "label": "Gap Between Items", "default": 30 },
    { "type": "range", "id": "item_title_size", "min": 8, "max": 50, "step": 2, "unit": "px", "label": "Item Title Font Size", "default": 24 },
    { "type": "range", "id": "item_title_line_height", "min": 1.1, "max": 1.6, "step": 0.1, "label": "Item Title Line Height", "default": 1.2 },
    { "type": "color", "id": "item_title_color", "label": "Item Title Color", "default": "#25282a" },
    { "type": "range", "id": "item_title_margin_bottom", "min": 0, "max": 50, "step": 2, "unit": "px", "label": "Item Title Margin Bottom", "default": 16 },
    { "type": "select", "id": "item_title_letter_spacing", "label": "Item Title Letter Spacing", "options": [ { "value": "heading", "label": "Heading Spacing" }, { "value": "body", "label": "Body Spacing" } ], "default": "heading" },
    { "type": "range", "id": "item_content_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Item Content Font Size", "default": 14 },
    { "type": "range", "id": "item_content_font_weight", "min": 300, "max": 500, "step": 100, "label": "Item Content Font Weight", "default": 400 },
    { "type": "range", "id": "item_content_line_height", "min": 1.4, "max": 2.0, "step": 0.1, "label": "Item Content Line Height", "default": 1.6 },
    { "type": "color", "id": "item_content_color", "label": "Item Content Color", "default": "#25282a" },
    { "type": "range", "id": "item_margin_top", "min": 0, "max": 100, "step": 5, "unit": "px", "label": "Item Top Margin", "default": 30 },
    { "type": "range", "id": "item_margin_bottom", "min": 0, "max": 100, "step": 5, "unit": "px", "label": "Item Bottom Margin", "default": 30 },
    { "type": "header", "content": "Mobile Settings" },
    { "type": "range", "id": "mobile_breakpoint", "min": 600, "max": 800, "step": 20, "unit": "px", "label": "Mobile Breakpoint", "default": 760 },
    { "type": "range", "id": "mobile_container_padding", "min": 15, "max": 40, "step": 5, "unit": "px", "label": "Mobile Container Padding", "default": 20 },
    { "type": "header", "content": "Mobile Listicle Items" },
    { "type": "select", "id": "default_mobile_image_position", "label": "Default Image Position (Mobile)", "options": [ { "value": "top", "label": "Top" }, { "value": "bottom", "label": "Bottom" } ], "default": "top" },
    { "type": "range", "id": "mobile_item_title_size", "min": 8, "max": 50, "step": 2, "unit": "px", "label": "Mobile Item Title Font Size", "default": 24 },
    { "type": "range", "id": "mobile_item_content_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Mobile Item Content Font Size", "default": 15 },
    { "type": "range", "id": "mobile_highlight_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Mobile Highlight Font Size", "default": 14 }
  ],
  "blocks": [
    {
      "type": "header",
      "name": "Header (Title & Author)",
      "settings": [
        { "type": "header", "content": "Title Settings" },
        { "type": "text", "id": "title", "label": "Listicle Title", "default": "10 Reasons Why Ascendify Is The Ultimate Shopify Theme For High-Converting Stores" },
        { "type": "range", "id": "title_size", "min": 8, "max": 50, "step": 2, "unit": "px", "label": "Title Font Size", "default": 48 },
        { "type": "range", "id": "title_font_weight", "min": 400, "max": 900, "step": 100, "label": "Title Font Weight", "default": 700 },
        { "type": "range", "id": "title_line_height", "min": 1.0, "max": 1.8, "step": 0.1, "label": "Title Line Height", "default": 1.2 },
        { "type": "select", "id": "title_alignment", "label": "Title Alignment", "options": [ { "value": "left", "label": "Left" }, { "value": "center", "label": "Center" }, { "value": "right", "label": "Right" } ], "default": "left" },
        { "type": "color", "id": "title_color", "label": "Title Color", "default": "#25282a" },
        { "type": "range", "id": "title_margin_top", "min": 0, "max": 50, "step": 5, "unit": "px", "label": "Title Margin Top", "default": 0 },
        { "type": "range", "id": "title_margin_bottom", "min": 0, "max": 50, "step": 5, "unit": "px", "label": "Title Margin Bottom", "default": 30 },
        { "type": "header", "content": "Author Information" },
        { "type": "checkbox", "id": "show_author_info", "label": "Show Author Information", "default": true },
        { "type": "image_picker", "id": "author_avatar", "label": "Author Avatar" },
        { "type": "text", "id": "author_name_by", "label": "Author Name By", "default": "By" },
        { "type": "text", "id": "author_name", "label": "Author Name", "default": "Ascendify Team" },
        { "type": "text", "id": "author_date", "label": "Date", "default": "Last Updated March 2026" },
        { "type": "range", "id": "avatar_size", "min": 30, "max": 80, "step": 5, "unit": "px", "label": "Avatar Size", "default": 50 },
        { "type": "range", "id": "author_gap", "min": 10, "max": 30, "step": 2, "unit": "px", "label": "Gap Between Avatar and Text", "default": 16 },
        { "type": "select", "id": "author_alignment", "label": "Author Info Alignment", "options": [ { "value": "flex-start", "label": "Left" }, { "value": "center", "label": "Center" }, { "value": "flex-end", "label": "Right" } ], "default": "flex-start" },
        { "type": "range", "id": "author_name_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Author Name Font Size", "default": 16 },
        { "type": "range", "id": "author_name_font_weight", "min": 400, "max": 700, "step": 100, "label": "Author Name Font Weight", "default": 600 },
        { "type": "color", "id": "author_name_color", "label": "Author Name Color", "default": "#25282a" },
        { "type": "checkbox", "id": "author_name_force_bold", "label": "Force Bold Author Name", "default": true },
        { "type": "range", "id": "author_date_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Date Font Size", "default": 14 },
        { "type": "range", "id": "author_date_font_weight", "min": 300, "max": 600, "step": 100, "label": "Date Font Weight", "default": 400 },
        { "type": "color", "id": "author_date_color", "label": "Date Color", "default": "#25282a" },
        { "type": "range", "id": "author_margin_bottom", "min": 0, "max": 50, "step": 5, "unit": "px", "label": "Author Section Margin Bottom", "default": 25 },
        { "type": "range", "id": "header_margin_top", "min": 0, "max": 50, "step": 5, "unit": "px", "label": "Header Section Margin Top", "default": 30 },
        { "type": "range", "id": "header_margin_bottom", "min": 0, "max": 50, "step": 5, "unit": "px", "label": "Header Section Margin Bottom", "default": 0 },
        { "type": "header", "content": "Mobile Settings" },
        { "type": "range", "id": "mobile_title_size", "min": 8, "max": 50, "step": 2, "unit": "px", "label": "Mobile Title Font Size", "default": 40 },
        { "type": "range", "id": "mobile_author_name_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Mobile Author Name Font Size", "default": 16 },
        { "type": "range", "id": "mobile_author_date_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Mobile Author Date Font Size", "default": 14 }
      ]
    },
    {
      "type": "header_banner",
      "name": "Image banner",
      "settings": [
        { "type": "header", "content": "Media Settings" },
        { "type": "select", "id": "media_type", "label": "Media Type", "options": [ { "value": "image", "label": "Image" }, { "value": "video", "label": "Video" } ], "default": "image" },
        { "type": "image_picker", "id": "image", "label": "Image", "visible_if": "{{ block.settings.media_type == 'image' }}" },
        { "type": "video", "id": "video", "label": "Video", "visible_if": "{{ block.settings.media_type == 'video' }}" },
        { "type": "checkbox", "id": "video_autoplay", "label": "Autoplay Video", "default": true, "visible_if": "{{ block.settings.media_type == 'video' }}" },
        { "type": "checkbox", "id": "video_muted", "label": "Mute Video", "default": true, "info": "Required for autoplay in most browsers", "visible_if": "{{ block.settings.media_type == 'video' }}" },
        { "type": "checkbox", "id": "video_loop", "label": "Loop Video", "default": true, "visible_if": "{{ block.settings.media_type == 'video' }}" },
        { "type": "checkbox", "id": "video_controls", "label": "Show Video Controls", "default": false, "visible_if": "{{ block.settings.media_type == 'video' }}" },
        { "type": "select", "id": "media_position", "label": "Media Position (Desktop)", "options": [ { "value": "left", "label": "Left" }, { "value": "right", "label": "Right" } ], "default": "right", "info": "On mobile, media is always stacked above the text" },
        { "type": "range", "id": "media_width", "label": "Media Width (Desktop %)", "min": 30, "max": 70, "step": 5, "unit": "%", "default": 50 },
        { "type": "select", "id": "media_aspect_ratio", "label": "Media Aspect Ratio (Desktop)", "options": [ { "value": "auto", "label": "Auto (fills column height)" }, { "value": "square", "label": "Square (1:1)" }, { "value": "portrait", "label": "Portrait (3:4)" }, { "value": "landscape", "label": "Landscape (4:3)" }, { "value": "wide", "label": "Wide (16:9)" } ], "default": "auto" },
        { "type": "select", "id": "image_object_fit", "label": "Image Fit", "options": [ { "value": "cover", "label": "Cover (crop to fill)" }, { "value": "contain", "label": "Contain (letterbox)" }, { "value": "fill", "label": "Stretch" } ], "default": "cover", "visible_if": "{{ block.settings.media_type == 'image' }}" },
        { "type": "select", "id": "image_object_position", "label": "Image Focal Point", "options": [ { "value": "center center", "label": "Center" }, { "value": "top center", "label": "Top" }, { "value": "bottom center", "label": "Bottom" }, { "value": "left center", "label": "Left" }, { "value": "right center", "label": "Right" } ], "default": "center center", "visible_if": "{{ block.settings.media_type == 'image' }}" },
        { "type": "range", "id": "media_border_radius", "label": "Media Border Radius", "min": 0, "max": 30, "step": 2, "unit": "px", "default": 0 },
        { "type": "header", "content": "Title & Eyebrow" },
        { "type": "text", "id": "eyebrow_text", "label": "Eyebrow Text", "info": "Small label above the headline" },
        { "type": "range", "id": "eyebrow_size", "label": "Eyebrow Font Size", "min": 10, "max": 30, "step": 1, "unit": "px", "default": 14 },
        { "type": "range", "id": "eyebrow_font_weight", "label": "Eyebrow Font Weight", "min": 300, "max": 700, "step": 100, "default": 400 },
        { "type": "color", "id": "eyebrow_color", "label": "Eyebrow Color", "default": "#25282a" },
        { "type": "select", "id": "eyebrow_transform", "label": "Eyebrow Text Transform", "options": [ { "value": "none", "label": "None" }, { "value": "uppercase", "label": "Uppercase" }, { "value": "capitalize", "label": "Capitalize" } ], "default": "none" },
        { "type": "range", "id": "eyebrow_letter_spacing", "label": "Eyebrow Letter Spacing", "min": 0, "max": 30, "step": 1, "default": 4, "info": "Value ÷ 100 = em (e.g. 4 → 0.04em)" },
        { "type": "text", "id": "title", "label": "Headline", "default": "10 Reasons Why Ascendify Is The Ultimate Shopify Theme For High-Converting Stores" },
        { "type": "range", "id": "title_size", "label": "Headline Font Size", "min": 16, "max": 72, "step": 2, "unit": "px", "default": 36 },
        { "type": "range", "id": "title_font_weight", "label": "Headline Font Weight", "min": 400, "max": 900, "step": 100, "default": 700 },
        { "type": "range", "id": "title_line_height", "label": "Headline Line Height", "min": 1.0, "max": 1.8, "step": 0.1, "default": 1.2 },
        { "type": "color", "id": "title_color", "label": "Headline Color", "default": "#25282a" },
        { "type": "select", "id": "title_alignment", "label": "Text Alignment", "options": [ { "value": "left", "label": "Left" }, { "value": "center", "label": "Center" }, { "value": "right", "label": "Right" } ], "default": "left" },
        { "type": "textarea", "id": "subtitle", "label": "Subheadline / Description", "default": "50+ conversion-optimized sections, built-in advertorial and listicle pages, advanced product blocks like Quantity Breaks and Bundle Selectors, and pixel-perfect design controls — it's the only theme you'll ever need." },
        { "type": "range", "id": "subtitle_size", "label": "Subheadline Font Size", "min": 12, "max": 30, "step": 1, "unit": "px", "default": 16 },
        { "type": "range", "id": "subtitle_font_weight", "label": "Subheadline Font Weight", "min": 300, "max": 700, "step": 100, "default": 400 },
        { "type": "range", "id": "subtitle_line_height", "label": "Subheadline Line Height", "min": 1.2, "max": 2.0, "step": 0.1, "default": 1.5 },
        { "type": "color", "id": "subtitle_color", "label": "Subheadline Color", "default": "#25282a" },
        { "type": "header", "content": "Author Information" },
        { "type": "checkbox", "id": "show_author_info", "label": "Show Author Information", "default": true },
        { "type": "image_picker", "id": "author_avatar", "label": "Author Avatar" },
        { "type": "text", "id": "author_name_by", "label": "Author Name By", "default": "By" },
        { "type": "text", "id": "author_name", "label": "Author Name", "default": "Ascendify Team" },
        { "type": "text", "id": "author_date", "label": "Date / Byline", "default": "Last Updated March 2026" },
        { "type": "range", "id": "avatar_size", "label": "Avatar Size", "min": 30, "max": 80, "step": 5, "unit": "px", "default": 50 },
        { "type": "range", "id": "author_gap", "label": "Avatar → Text Gap", "min": 8, "max": 24, "step": 2, "unit": "px", "default": 12 },
        { "type": "range", "id": "author_margin_top", "label": "Author Row Top Margin", "min": 0, "max": 40, "step": 4, "unit": "px", "default": 8 },
        { "type": "range", "id": "author_name_size", "label": "Author Name Size", "min": 10, "max": 22, "step": 1, "unit": "px", "default": 14 },
        { "type": "range", "id": "author_name_font_weight", "label": "Author Name Weight", "min": 400, "max": 700, "step": 100, "default": 600 },
        { "type": "color", "id": "author_name_color", "label": "Author Name Color", "default": "#25282a" },
        { "type": "range", "id": "author_date_size", "label": "Date Size", "min": 10, "max": 20, "step": 1, "unit": "px", "default": 13 },
        { "type": "range", "id": "author_date_font_weight", "label": "Date Weight", "min": 300, "max": 600, "step": 100, "default": 400 },
        { "type": "color", "id": "author_date_color", "label": "Date Color", "default": "#666666" },
        { "type": "header", "content": "Layout & Spacing" },
        { "type": "color", "id": "background_color", "label": "Banner Background Color", "default": "#fce8f0" },
        { "type": "range", "id": "padding_vertical", "label": "Vertical Padding", "min": 0, "max": 100, "step": 5, "unit": "px", "default": 0 },
        { "type": "range", "id": "padding_horizontal", "label": "Horizontal Padding", "min": 0, "max": 80, "step": 5, "unit": "px", "default": 0 },
        { "type": "range", "id": "content_gap", "label": "Gap Between Media and Content", "min": 0, "max": 80, "step": 5, "unit": "px", "default": 30 },
        { "type": "range", "id": "content_padding", "label": "Content Column Padding", "min": 0, "max": 80, "step": 5, "unit": "px", "default": 30 },
        { "type": "select", "id": "content_vertical_align", "label": "Content Vertical Alignment", "options": [ { "value": "flex-start", "label": "Top" }, { "value": "center", "label": "Center" }, { "value": "flex-end", "label": "Bottom" } ], "default": "center" },
        { "type": "range", "id": "text_gap", "label": "Gap Between Text Elements", "min": 4, "max": 32, "step": 2, "unit": "px", "default": 12 },
        { "type": "range", "id": "margin_top", "label": "Section Margin Top", "min": 0, "max": 80, "step": 5, "unit": "px", "default": 0 },
        { "type": "range", "id": "margin_bottom", "label": "Section Margin Bottom", "min": 0, "max": 80, "step": 5, "unit": "px", "default": 0 },
        { "type": "header", "content": "Mobile Settings" },
        { "type": "image_picker", "id": "mobile_image", "label": "Mobile Image (Optional)", "info": "If set, this image will replace the main image on mobile. Leave empty to use the main image on all devices." },
        { "type": "select", "id": "mobile_media_aspect_ratio", "label": "Mobile Media Aspect Ratio", "options": [ { "value": "auto", "label": "Fixed Height (set below)" }, { "value": "wide", "label": "Wide (16:9)" }, { "value": "landscape", "label": "Landscape (4:3)" }, { "value": "square", "label": "Square (1:1)" }, { "value": "portrait", "label": "Portrait (3:4)" } ], "default": "wide" },
        { "type": "range", "id": "mobile_media_height", "label": "Mobile Media Fixed Height", "min": 150, "max": 600, "step": 10, "unit": "px", "default": 280, "info": "Used only when Mobile Media Aspect Ratio is 'Fixed Height'" },
        { "type": "range", "id": "mobile_title_size", "label": "Mobile Headline Font Size", "min": 16, "max": 52, "step": 2, "unit": "px", "default": 28 },
        { "type": "range", "id": "mobile_subtitle_size", "label": "Mobile Subheadline Font Size", "min": 12, "max": 26, "step": 1, "unit": "px", "default": 14 },
        { "type": "range", "id": "mobile_eyebrow_size", "label": "Mobile Eyebrow Font Size", "min": 10, "max": 22, "step": 1, "unit": "px", "default": 13 },
        { "type": "select", "id": "mobile_title_alignment", "label": "Mobile Text Alignment", "options": [ { "value": "left", "label": "Left" }, { "value": "center", "label": "Center" }, { "value": "right", "label": "Right" } ], "default": "left" },
        { "type": "range", "id": "mobile_padding_vertical", "label": "Mobile Vertical Padding", "min": 0, "max": 60, "step": 5, "unit": "px", "default": 0 },
        { "type": "range", "id": "mobile_padding_horizontal", "label": "Mobile Horizontal Padding", "min": 0, "max": 40, "step": 5, "unit": "px", "default": 0 },
        { "type": "range", "id": "mobile_content_gap", "label": "Mobile Gap (Media to Content)", "min": 0, "max": 40, "step": 4, "unit": "px", "default": 0 },
        { "type": "range", "id": "mobile_content_padding", "label": "Mobile Content Padding", "min": 0, "max": 40, "step": 4, "unit": "px", "default": 20 }
      ]
    },
    {
      "type": "summary",
      "name": "Summary",
      "settings": [
        { "type": "richtext", "id": "summary_text", "label": "Summary (Rich Text)", "default": "<p><strong>Summary:</strong> Stop settling for generic Shopify themes that look like every other store. Ascendify is the <strong>most powerful and customizable</strong> Shopify theme built for serious e-commerce brands. With 50+ conversion-optimized sections, built-in advertorial and listicle pages, advanced product blocks like Quantity Breaks and Bundle Selectors, and pixel-perfect design controls — it's the only theme you'll ever need. Keep reading to discover why top DTC brands are calling it a \"game-changer\"!</p>" },
        { "type": "text", "id": "background_highlight_text", "label": "Background Highlight Text (Optional)", "info": "Type the exact phrase(s) from the Summary text to highlight inline. Separate multiple phrases with |" },
        { "type": "header", "content": "Highlight Styling" },
        { "type": "color", "id": "highlight_background_color", "label": "Highlight Background Color", "default": "#fcdef4" },
        { "type": "color", "id": "highlight_text_color", "label": "Highlight Text Color", "default": "#25282a" },
        { "type": "range", "id": "highlight_border_radius", "min": 0, "max": 15, "step": 1, "unit": "px", "label": "Highlight Border Radius", "default": 4 },
        { "type": "range", "id": "summary_margin_top", "min": 0, "max": 100, "step": 5, "unit": "px", "label": "Top Margin", "default": 30 },
        { "type": "range", "id": "summary_margin_bottom", "min": 0, "max": 100, "step": 5, "unit": "px", "label": "Bottom Margin", "default": 30 }
      ]
    },
    {
      "type": "read_before",
      "name": "Read Before Block",
      "settings": [
        { "type": "inline_richtext", "id": "text", "label": "Text", "default": "\"<strong>Read this BEFORE you buy another Shopify theme</strong>\"" },
        { "type": "range", "id": "font_size", "label": "Font Size", "min": 12, "max": 24, "step": 1, "unit": "px", "default": 17 },
        { "type": "header", "content": "Colors" },
        { "type": "color", "id": "text_color", "label": "Text Color", "default": "#7b1a1a" },
        { "type": "color", "id": "background_color", "label": "Background Color", "default": "#fdf0f0" },
        { "type": "color", "id": "bar_color", "label": "Left Bar Color", "default": "#c0392b" },
        { "type": "header", "content": "Sizing" },
        { "type": "range", "id": "bar_width", "label": "Left Bar Width", "min": 2, "max": 10, "step": 1, "unit": "px", "default": 4 },
        { "type": "range", "id": "padding_vertical", "label": "Vertical Padding", "min": 8, "max": 32, "step": 2, "unit": "px", "default": 14 },
        { "type": "range", "id": "padding_horizontal", "label": "Horizontal Padding", "min": 8, "max": 40, "step": 2, "unit": "px", "default": 16 },
        { "type": "range", "id": "margin_top", "label": "Top Margin", "min": 0, "max": 60, "step": 5, "unit": "px", "default": 20 },
        { "type": "range", "id": "margin_bottom", "label": "Bottom Margin", "min": 0, "max": 60, "step": 5, "unit": "px", "default": 20 }
      ]
    },
    {
      "type": "article_meta",
      "name": "Read Time (Meta)",
      "settings": [
        { "type": "header", "content": "Badge" },
        { "type": "text", "id": "badge_text", "label": "Badge Text", "default": "Most read 2025" },
        { "type": "color", "id": "badge_bg_color", "label": "Badge Background", "default": "#f5e642" },
        { "type": "color", "id": "badge_text_color", "label": "Badge Text Color", "default": "#25282a" },
        { "type": "range", "id": "badge_font_size", "label": "Badge Font Size", "min": 8, "max": 20, "step": 1, "unit": "px", "default": 13 },
        { "type": "range", "id": "badge_font_weight", "label": "Badge Font Weight", "min": 400, "max": 800, "step": 100, "default": 700 },
        { "type": "range", "id": "badge_border_radius", "label": "Badge Border Radius", "min": 0, "max": 50, "step": 2, "unit": "px", "default": 6 },
        { "type": "range", "id": "badge_padding_v", "label": "Badge Vertical Padding", "min": 2, "max": 16, "step": 1, "unit": "px", "default": 5 },
        { "type": "range", "id": "badge_padding_h", "label": "Badge Horizontal Padding", "min": 4, "max": 24, "step": 1, "unit": "px", "default": 10 },
        { "type": "header", "content": "Read Time" },
        { "type": "text", "id": "read_time", "label": "Read Time Text", "default": "4 min read" },
        { "type": "color", "id": "read_time_color", "label": "Read Time Color", "default": "#25282a" },
        { "type": "range", "id": "read_time_font_size", "label": "Read Time Font Size", "min": 8, "max": 20, "step": 1, "unit": "px", "default": 14 },
        { "type": "range", "id": "read_time_font_weight", "label": "Read Time Font Weight", "min": 300, "max": 700, "step": 100, "default": 400 },
        { "type": "header", "content": "Layout" },
        { "type": "range", "id": "gap", "label": "Gap Between Badge and Read Time", "min": 4, "max": 30, "step": 2, "unit": "px", "default": 12 },
        { "type": "range", "id": "margin_top", "label": "Top Margin", "min": 0, "max": 60, "step": 4, "unit": "px", "default": 32 },
        { "type": "range", "id": "margin_bottom", "label": "Bottom Margin", "min": 0, "max": 60, "step": 4, "unit": "px", "default": 0 }
      ]
    },
    {
      "type": "author_credential",
      "name": "Author Credential",
      "settings": [
        { "type": "header", "content": "Author" },
        { "type": "image_picker", "id": "avatar", "label": "Avatar Image" },
        { "type": "range", "id": "avatar_size", "label": "Avatar Size", "min": 24, "max": 80, "step": 4, "unit": "px", "default": 44 },
        { "type": "range", "id": "avatar_border_radius", "label": "Avatar Border Radius", "min": 0, "max": 50, "step": 2, "unit": "px", "default": 50 },
        { "type": "text", "id": "name", "label": "Name", "default": "Michelle Mason" },
        { "type": "range", "id": "name_size", "label": "Name Font Size", "min": 10, "max": 20, "step": 1, "unit": "px", "default": 14 },
        { "type": "range", "id": "name_weight", "label": "Name Font Weight", "min": 400, "max": 700, "step": 100, "default": 600 },
        { "type": "color", "id": "name_color", "label": "Name Color", "default": "#25282a" },
        { "type": "text", "id": "title", "label": "Title / Role", "default": "Dermatologist" },
        { "type": "range", "id": "title_size", "label": "Title Font Size", "min": 10, "max": 18, "step": 1, "unit": "px", "default": 13 },
        { "type": "range", "id": "title_weight", "label": "Title Font Weight", "min": 300, "max": 600, "step": 100, "default": 400 },
        { "type": "color", "id": "title_color", "label": "Title Color", "default": "#666666" },
        { "type": "header", "content": "Verified Badge" },
        { "type": "checkbox", "id": "show_verified", "label": "Show Verified Badge", "default": true },
        { "type": "text", "id": "verified_text", "label": "Verified Text", "default": "Verified" },
        { "type": "color", "id": "verified_color", "label": "Checkmark Circle Color", "default": "#2196f3" },
        { "type": "range", "id": "verified_icon_size", "label": "Icon Size", "min": 12, "max": 28, "step": 2, "unit": "px", "default": 18 },
        { "type": "range", "id": "verified_text_size", "label": "Verified Text Size", "min": 10, "max": 18, "step": 1, "unit": "px", "default": 13 },
        { "type": "range", "id": "verified_text_weight", "label": "Verified Text Weight", "min": 400, "max": 700, "step": 100, "default": 500 },
        { "type": "color", "id": "verified_text_color", "label": "Verified Text Color", "default": "#25282a" },
        { "type": "header", "content": "Star Rating" },
        { "type": "checkbox", "id": "show_stars", "label": "Show Stars", "default": true },
        { "type": "range", "id": "star_count", "label": "Star Count (filled)", "min": 1, "max": 5, "step": 1, "default": 5 },
        { "type": "range", "id": "star_size", "label": "Star Size", "min": 10, "max": 24, "step": 2, "unit": "px", "default": 16 },
        { "type": "color", "id": "star_color", "label": "Filled Star Color", "default": "#f5a623" },
        { "type": "color", "id": "star_empty_color", "label": "Empty Star Color", "default": "#dddddd" },
        { "type": "header", "content": "Card Styling" },
        { "type": "color", "id": "bg_color", "label": "Background Color", "default": "#ffffff" },
        { "type": "color", "id": "border_color", "label": "Border Color", "default": "#e8e8e8" },
        { "type": "range", "id": "border_width", "label": "Border Width", "min": 0, "max": 4, "step": 1, "unit": "px", "default": 1 },
        { "type": "range", "id": "border_radius", "label": "Border Radius", "min": 0, "max": 20, "step": 2, "unit": "px", "default": 10 },
        { "type": "range", "id": "padding_v", "label": "Vertical Padding", "min": 4, "max": 24, "step": 2, "unit": "px", "default": 10 },
        { "type": "range", "id": "padding_h", "label": "Horizontal Padding", "min": 4, "max": 32, "step": 2, "unit": "px", "default": 14 },
        { "type": "range", "id": "gap", "label": "Gap Between Elements", "min": 4, "max": 24, "step": 2, "unit": "px", "default": 10 },
        { "type": "header", "content": "Spacing" },
        { "type": "range", "id": "margin_top", "label": "Top Margin", "min": 0, "max": 60, "step": 4, "unit": "px", "default": 0 },
        { "type": "range", "id": "margin_bottom", "label": "Bottom Margin", "min": 0, "max": 60, "step": 4, "unit": "px", "default": 20 }
      ]
    },
    {
      "type": "countdown_banner",
      "name": "Countdown Banner",
      "settings": [
        { "type": "header", "content": "Banner Content" },
        { "type": "text", "id": "title", "label": "Banner Title", "default": "FLASH SALE ENDING SOON" },
        { "type": "text", "id": "subtitle", "label": "Banner Subtitle", "default": "60% OFF + FREE SERUM - Limited Stock Available!" },
        { "type": "header", "content": "Countdown Settings" },
        { "type": "select", "id": "countdown_type", "label": "Countdown Type", "options": [ { "value": "duration", "label": "Duration (Hours/Minutes/Seconds)" }, { "value": "deadline", "label": "Specific Date & Time" } ], "default": "duration" },
        { "type": "range", "id": "countdown_hours", "min": 0, "max": 48, "step": 1, "label": "Hours", "default": 2 },
        { "type": "range", "id": "countdown_minutes", "min": 0, "max": 59, "step": 1, "label": "Minutes", "default": 47 },
        { "type": "range", "id": "countdown_seconds", "min": 0, "max": 59, "step": 1, "label": "Seconds", "default": 33 },
        { "type": "text", "id": "countdown_deadline", "label": "Deadline (ISO Format)", "default": "2025-09-03T23:59:59Z" },
        { "type": "text", "id": "hours_label", "label": "Hours Label", "default": "HRS" },
        { "type": "text", "id": "minutes_label", "label": "Minutes Label", "default": "MIN" },
        { "type": "text", "id": "seconds_label", "label": "Seconds Label", "default": "SEC" },
        { "type": "header", "content": "Banner Styling" },
        { "type": "color", "id": "background_color", "label": "Background Color", "default": "#25282A" },
        { "type": "color", "id": "title_color", "label": "Title Color", "default": "#FFFFFF" },
        { "type": "color", "id": "subtitle_color", "label": "Subtitle Color", "default": "#FFFFFF" },
        { "type": "range", "id": "gap", "min": 10, "max": 30, "step": 2, "unit": "px", "label": "Gap Between Elements", "default": 16 },
        { "type": "range", "id": "padding_vertical", "min": 5, "max": 20, "step": 1, "unit": "px", "label": "Vertical Padding", "default": 8 },
        { "type": "range", "id": "padding_horizontal", "min": 10, "max": 40, "step": 5, "unit": "px", "label": "Horizontal Padding", "default": 20 },
        { "type": "header", "content": "Typography" },
        { "type": "range", "id": "title_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Title Font Size", "default": 14 },
        { "type": "range", "id": "subtitle_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Subtitle Font Size", "default": 12 },
        { "type": "header", "content": "Timer Styling" },
        { "type": "color", "id": "timer_background_color", "label": "Timer Background Color", "default": "#D9ECFC" },
        { "type": "color", "id": "timer_value_color", "label": "Timer Value Color", "default": "#25282A" },
        { "type": "color", "id": "timer_label_color", "label": "Timer Label Color", "default": "#25282A" },
        { "type": "color", "id": "timer_separator_color", "label": "Timer Separator Color", "default": "#25282A" },
        { "type": "range", "id": "timer_border_radius", "min": 0, "max": 15, "step": 1, "unit": "px", "label": "Timer Border Radius", "default": 6 },
        { "type": "range", "id": "timer_padding_vertical", "min": 4, "max": 12, "step": 1, "unit": "px", "label": "Timer Vertical Padding", "default": 6 },
        { "type": "range", "id": "timer_padding_horizontal", "min": 6, "max": 20, "step": 2, "unit": "px", "label": "Timer Horizontal Padding", "default": 10 },
        { "type": "range", "id": "unit_min_width", "min": 25, "max": 45, "step": 1, "unit": "px", "label": "Timer Unit Min Width", "default": 34 },
        { "type": "range", "id": "timer_value_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Timer Value Font Size", "default": 18 },
        { "type": "range", "id": "timer_label_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Timer Label Font Size", "default": 10 },
        { "type": "header", "content": "Mobile Settings" },
        { "type": "range", "id": "mobile_gap", "min": 6, "max": 20, "step": 2, "unit": "px", "label": "Mobile Gap", "default": 10 },
        { "type": "range", "id": "mobile_padding_vertical", "min": 4, "max": 15, "step": 1, "unit": "px", "label": "Mobile Vertical Padding", "default": 6 },
        { "type": "range", "id": "mobile_padding_horizontal", "min": 10, "max": 30, "step": 5, "unit": "px", "label": "Mobile Horizontal Padding", "default": 15 },
        { "type": "range", "id": "mobile_title_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Mobile Title Font Size", "default": 13 },
        { "type": "range", "id": "mobile_subtitle_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Mobile Subtitle Font Size", "default": 11 },
        { "type": "range", "id": "mobile_timer_padding_vertical", "min": 3, "max": 8, "step": 1, "unit": "px", "label": "Mobile Timer Vertical Padding", "default": 5 },
        { "type": "range", "id": "mobile_timer_padding_horizontal", "min": 6, "max": 15, "step": 1, "unit": "px", "label": "Mobile Timer Horizontal Padding", "default": 8 },
        { "type": "range", "id": "mobile_unit_min_width", "min": 20, "max": 35, "step": 1, "unit": "px", "label": "Mobile Timer Unit Min Width", "default": 28 },
        { "type": "range", "id": "mobile_timer_value_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Mobile Timer Value Font Size", "default": 16 },
        { "type": "range", "id": "mobile_timer_label_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Mobile Timer Label Font Size", "default": 9 }
      ]
    },
    {
      "type": "limited_time_sale",
      "name": "CTA Block V1",
      "settings": [
        { "type": "text", "id": "chip_text", "label": "Top chip text", "default": "FREE LIFETIME UPDATES INCLUDED" },
        { "type": "select", "id": "chip_position", "label": "Chip Style", "options": [ { "value": "full", "label": "Full Width (bar across top)" }, { "value": "middle", "label": "Middle (pill centered on border)" } ], "default": "full" },
        { "type": "range", "id": "chip_border_radius", "label": "Chip Border Radius", "min": 0, "max": 50, "step": 2, "unit": "px", "default": 20, "visible_if": "{{ block.settings.chip_position == 'middle' }}" },
        { "type": "checkbox", "id": "chip_show_border", "label": "Show Chip Border", "default": false },
        { "type": "color", "id": "chip_border_color", "label": "Chip Border Color", "default": "#25282a", "visible_if": "{{ block.settings.chip_show_border == true }}" },
        { "type": "select", "id": "chip_border_style", "label": "Chip Border Style", "options": [ { "value": "solid", "label": "Solid" }, { "value": "dashed", "label": "Dashed" } ], "default": "solid", "visible_if": "{{ block.settings.chip_show_border == true }}" },
        { "type": "image_picker", "id": "image", "label": "Image" },
        { "type": "select", "id": "image_position", "label": "Image Position (Desktop)", "options": [ { "value": "left", "label": "Left" }, { "value": "right", "label": "Right" } ], "default": "left" },
        { "type": "text", "id": "eyebrow_text", "label": "Eyebrow text", "default": "LAUNCH SPECIAL - LIMITED TIME ONLY!" },
        { "type": "text", "id": "headline_accent", "label": "Headline accent", "default": "GET ASCENDIFY NOW" },
        { "type": "text", "id": "headline_strong", "label": "Headline strong line", "default": "(One-Time Payment)" },
        { "type": "textarea", "id": "description", "label": "Description", "default": "Join thousands of store owners who've transformed their Shopify stores with Ascendify — the most advanced conversion-focused theme available." },
        { "type": "text", "id": "cta_label", "label": "CTA Button Text", "default": "GET ASCENDIFY NOW" },
        { "type": "url", "id": "cta_link", "label": "CTA Button Link" },
        { "type": "checkbox", "id": "enable_countdown", "label": "Enable Countdown Timer", "default": true },
        { "type": "select", "id": "deal_mode", "label": "Countdown Mode", "options": [ { "value": "duration", "label": "Duration (Days/Hours/Minutes/Seconds)" }, { "value": "deadline", "label": "Specific Date & Time" } ], "default": "duration", "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "range", "id": "duration_days", "min": 0, "max": 30, "step": 1, "label": "Duration Days", "default": 0, "visible_if": "{{ block.settings.enable_countdown == true and block.settings.deal_mode == 'duration' }}" },
        { "type": "range", "id": "duration_hours", "min": 0, "max": 48, "step": 1, "label": "Duration Hours", "default": 2, "visible_if": "{{ block.settings.enable_countdown == true and block.settings.deal_mode == 'duration' }}" },
        { "type": "range", "id": "duration_minutes", "min": 0, "max": 59, "step": 1, "label": "Duration Minutes", "default": 33, "visible_if": "{{ block.settings.enable_countdown == true and block.settings.deal_mode == 'duration' }}" },
        { "type": "range", "id": "duration_seconds", "min": 0, "max": 59, "step": 1, "label": "Duration Seconds", "default": 53, "visible_if": "{{ block.settings.enable_countdown == true and block.settings.deal_mode == 'duration' }}" },
        { "type": "text", "id": "deadline", "label": "Deadline (ISO Format)", "default": "2026-12-31T23:59:59Z", "visible_if": "{{ block.settings.enable_countdown == true and block.settings.deal_mode == 'deadline' }}" },
        { "type": "text", "id": "sellout_risk", "label": "Sell-Out Risk Text", "default": "HIGH DEMAND" },
        { "type": "text", "id": "countdown_label", "label": "Countdown Label", "default": "OFFER ENDING IN:", "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "select", "id": "meta_layout", "label": "Info Box Layout", "options": [ { "value": "side_by_side", "label": "Side by Side" }, { "value": "stacked", "label": "Stacked (timer above, risk below)" } ], "default": "side_by_side" },
        { "type": "text", "id": "sellout_risk_label", "label": "Sell-Out Risk Label", "default": "Availability:" },
        { "type": "header", "content": "Timer Labels", "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "text", "id": "timer_label_days", "label": "Days Label", "default": "DAYS", "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "text", "id": "timer_label_hours", "label": "Hours Label", "default": "HRS", "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "text", "id": "timer_label_minutes", "label": "Minutes Label", "default": "MIN", "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "text", "id": "timer_label_seconds", "label": "Seconds Label", "default": "SEC", "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "range", "id": "timer_label_size", "label": "Label Font Size", "min": 8, "max": 16, "step": 1, "unit": "px", "default": 10, "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "text", "id": "shipping_text", "label": "Shipping Text", "default": "INSTANT DOWNLOAD" },
        { "type": "textarea", "id": "guarantee_text", "label": "Guarantee Text", "default": "30-Day Money-Back Guarantee" },
        { "type": "header", "content": "Colors" },
        { "type": "color", "id": "navy_color", "label": "Text & Button Color", "default": "#25282a" },
        { "type": "color", "id": "accent_red", "label": "Accent Color (chip, eyebrow)", "default": "#e79dd3" },
        { "type": "color", "id": "bg_cream", "label": "Background Color", "default": "#ffffff" },
        { "type": "color", "id": "media_bg", "label": "Image Panel Background", "default": "#ffffff" },
        { "type": "color", "id": "meta_box_bg", "label": "Info Box Background", "default": "#fae8e8" },
        { "type": "color", "id": "meta_box_border", "label": "Info Box Border Color", "default": "#fcaaaa" },
        { "type": "color", "id": "meta_label_color", "label": "Label & Fine Print Color", "default": "#6b6b6b" },
        { "type": "color", "id": "meta_risk_color", "label": "Availability Text Color", "default": "#d22f2f" },
        { "type": "color", "id": "meta_divider_color", "label": "Info Box Divider Color", "default": "#ef4a65" },
        { "type": "header", "content": "Typography" },
        { "type": "range", "id": "eyebrow_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Eyebrow Font Size", "default": 11 },
        { "type": "range", "id": "headline_font_size", "min": 8, "max": 50, "step": 2, "unit": "px", "label": "Headline Font Size", "default": 32 },
        { "type": "range", "id": "description_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Description Font Size", "default": 14 },
        { "type": "range", "id": "cta_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "CTA Button Font Size", "default": 16 },
        { "type": "range", "id": "deal_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Deal Countdown Font Size", "default": 16 },
        { "type": "range", "id": "meta_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Meta Box Font Size", "default": 13 },
        { "type": "range", "id": "fineprint_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Fine Print Font Size", "default": 12 },
        { "type": "header", "content": "Mobile Typography" },
        { "type": "range", "id": "mobile_eyebrow_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Mobile Eyebrow Font Size", "default": 10 },
        { "type": "range", "id": "mobile_headline_font_size", "min": 8, "max": 50, "step": 2, "unit": "px", "label": "Mobile Headline Font Size", "default": 28 },
        { "type": "range", "id": "mobile_description_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Mobile Description Font Size", "default": 14 },
        { "type": "range", "id": "mobile_cta_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Mobile CTA Button Font Size", "default": 15 },
        { "type": "range", "id": "mobile_deal_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Mobile Deal Countdown Font Size", "default": 15 },
        { "type": "range", "id": "mobile_meta_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Mobile Meta Box Font Size", "default": 12 },
        { "type": "range", "id": "mobile_fineprint_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Mobile Fine Print Font Size", "default": 11 },
        { "type": "header", "content": "Container" },
        { "type": "color", "id": "container_border_color", "label": "Border Color", "default": "#e79dd3" },
        { "type": "select", "id": "container_border_style", "label": "Border Style", "options": [ { "value": "solid", "label": "Solid" }, { "value": "dashed", "label": "Dashed" } ], "default": "solid" },
        { "type": "range", "id": "container_border_radius", "label": "Border Radius", "min": 0, "max": 30, "step": 2, "unit": "px", "default": 12 },
        { "type": "range", "id": "container_padding_horizontal", "label": "Horizontal Bleed (expand beyond container)", "min": 0, "max": 80, "step": 5, "unit": "px", "default": 80 },
        { "type": "range", "id": "container_padding_vertical", "label": "Vertical Padding", "min": 0, "max": 80, "step": 5, "unit": "px", "default": 30 },
        { "type": "header", "content": "Spacing" },
        { "type": "range", "id": "margin_top", "min": 0, "max": 50, "step": 5, "unit": "px", "label": "Top Margin", "default": 50 },
        { "type": "range", "id": "margin_bottom", "min": 0, "max": 50, "step": 5, "unit": "px", "label": "Bottom Margin", "default": 50 }
      ]
    },
    {
      "type": "limited_time_sale_v2",
      "name": "CTA Block V2",
      "settings": [
        { "type": "header", "content": "Badge Chip" },
        { "type": "text", "id": "badge_text", "label": "Badge Text", "default": "BEST VALUE" },
        { "type": "color", "id": "badge_bg_color", "label": "Badge Background", "default": "#e79dd3" },
        { "type": "color", "id": "badge_text_color", "label": "Badge Text Color", "default": "#25282a" },
        { "type": "range", "id": "badge_border_radius", "label": "Badge Border Radius", "min": 0, "max": 50, "step": 2, "unit": "px", "default": 20 },
        { "type": "range", "id": "badge_font_size", "label": "Badge Font Size", "min": 8, "max": 18, "step": 1, "unit": "px", "default": 11 },
        { "type": "header", "content": "Media" },
        { "type": "image_picker", "id": "image", "label": "Image" },
        { "type": "select", "id": "image_position", "label": "Image Position (Desktop)", "options": [ { "value": "left", "label": "Left" }, { "value": "right", "label": "Right" } ], "default": "left" },
        { "type": "range", "id": "image_width_percent", "label": "Image Panel Width", "min": 30, "max": 60, "step": 5, "unit": "%", "default": 45 },
        { "type": "color", "id": "image_bg_color", "label": "Image Panel Background", "default": "#f4f4f4" },
        { "type": "select", "id": "image_object_fit", "label": "Image Fit", "options": [ { "value": "cover", "label": "Cover" }, { "value": "contain", "label": "Contain" } ], "default": "cover" },
        { "type": "header", "content": "Top Label" },
        { "type": "text", "id": "divider_label", "label": "Label Text", "default": "FREE GIFTS WITH YOUR ORDER" },
        { "type": "range", "id": "divider_label_size", "label": "Label Size", "min": 8, "max": 16, "step": 1, "unit": "px", "default": 11 },
        { "type": "color", "id": "divider_color", "label": "Label Color", "default": "#25282a" },
        { "type": "header", "content": "Headline" },
        { "type": "text", "id": "headline_accent", "label": "Headline Accent (colored)", "default": "UP TO 58% OFF" },
        { "type": "text", "id": "headline", "label": "Headline (normal color)", "default": "FOR A LIMITED TIME ONLY!" },
        { "type": "range", "id": "headline_size", "label": "Headline Size", "min": 16, "max": 60, "step": 2, "unit": "px", "default": 28 },
        { "type": "range", "id": "mobile_headline_size", "label": "Mobile Headline Size", "min": 16, "max": 48, "step": 2, "unit": "px", "default": 24 },
        { "type": "header", "content": "Subtitle" },
        { "type": "textarea", "id": "subtitle", "label": "Subtitle", "default": "This limited-time deal is in high demand and stock keeps selling out." },
        { "type": "range", "id": "subtitle_size", "label": "Subtitle Size", "min": 10, "max": 22, "step": 1, "unit": "px", "default": 14 },
        { "type": "range", "id": "mobile_subtitle_size", "label": "Mobile Subtitle Size", "min": 10, "max": 20, "step": 1, "unit": "px", "default": 14 },
        { "type": "header", "content": "CTA Button" },
        { "type": "text", "id": "cta_label", "label": "Button Text", "default": "GET 58% OFF" },
        { "type": "url", "id": "cta_link", "label": "Button Link" },
        { "type": "color", "id": "cta_bg_color", "label": "Button Background", "default": "#e79dd3" },
        { "type": "color", "id": "cta_text_color", "label": "Button Text Color", "default": "#25282a" },
        { "type": "range", "id": "cta_border_radius", "label": "Button Border Radius", "min": 0, "max": 50, "step": 2, "unit": "px", "default": 8 },
        { "type": "range", "id": "cta_font_size", "label": "Button Font Size", "min": 12, "max": 24, "step": 1, "unit": "px", "default": 16 },
        { "type": "header", "content": "Countdown Timer" },
        { "type": "checkbox", "id": "enable_countdown", "label": "Enable Countdown Timer", "default": true },
        { "type": "checkbox", "id": "countdown_inline", "label": "Inline Layout (label + timer on one line)", "default": false, "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "text", "id": "countdown_label", "label": "Countdown Label", "default": "DEAL ENDING IN:", "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "range", "id": "countdown_label_size", "label": "Countdown Label Size", "min": 8, "max": 18, "step": 1, "unit": "px", "default": 12, "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "color", "id": "countdown_color", "label": "Countdown Digits Color", "default": "#e74c3c", "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "range", "id": "countdown_size", "label": "Countdown Digits Size", "min": 16, "max": 48, "step": 2, "unit": "px", "default": 28, "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "range", "id": "mobile_countdown_size", "label": "Mobile Countdown Digits Size", "min": 16, "max": 40, "step": 2, "unit": "px", "default": 24, "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "select", "id": "deal_mode", "label": "Countdown Mode", "options": [ { "value": "duration", "label": "Duration (Days/Hours/Minutes/Seconds)" }, { "value": "deadline", "label": "Specific Date & Time" } ], "default": "duration", "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "range", "id": "duration_days", "min": 0, "max": 30, "step": 1, "label": "Duration Days", "default": 0, "visible_if": "{{ block.settings.enable_countdown == true and block.settings.deal_mode == 'duration' }}" },
        { "type": "range", "id": "duration_hours", "min": 0, "max": 48, "step": 1, "label": "Duration Hours", "default": 23, "visible_if": "{{ block.settings.enable_countdown == true and block.settings.deal_mode == 'duration' }}" },
        { "type": "range", "id": "duration_minutes", "min": 0, "max": 59, "step": 1, "label": "Duration Minutes", "default": 16, "visible_if": "{{ block.settings.enable_countdown == true and block.settings.deal_mode == 'duration' }}" },
        { "type": "range", "id": "duration_seconds", "min": 0, "max": 59, "step": 1, "label": "Duration Seconds", "default": 35, "visible_if": "{{ block.settings.enable_countdown == true and block.settings.deal_mode == 'duration' }}" },
        { "type": "text", "id": "deadline", "label": "Deadline (ISO Format)", "default": "2026-12-31T23:59:59Z", "visible_if": "{{ block.settings.enable_countdown == true and block.settings.deal_mode == 'deadline' }}" },
        { "type": "header", "content": "Timer Labels", "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "text", "id": "timer_label_days", "label": "Days Label", "default": "DAYS", "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "text", "id": "timer_label_hours", "label": "Hours Label", "default": "HRS", "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "text", "id": "timer_label_minutes", "label": "Minutes Label", "default": "MIN", "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "text", "id": "timer_label_seconds", "label": "Seconds Label", "default": "SEC", "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "range", "id": "timer_label_size", "label": "Timer Label Font Size", "min": 8, "max": 16, "step": 1, "unit": "px", "default": 10, "visible_if": "{{ block.settings.enable_countdown == true }}" },
        { "type": "header", "content": "Badges Row" },
        { "type": "text", "id": "sellout_risk_label", "label": "Sell-Out Risk Label", "default": "Sell-Out Risk:" },
        { "type": "text", "id": "sellout_risk", "label": "Sell-Out Risk Text", "default": "VERY HIGH" },
        { "type": "color", "id": "sellout_risk_color", "label": "Sell-Out Risk Text Color", "default": "#e74c3c" },
        { "type": "text", "id": "shipping_text", "label": "Shipping Badge Text", "default": "FREE SHIPPING" },
        { "type": "color", "id": "badges_bg_color", "label": "Badges Background", "default": "#fff6ee" },
        { "type": "color", "id": "badges_border_color", "label": "Badges Border Color", "default": "#ffedd7" },
        { "type": "select", "id": "badges_border_style", "label": "Badges Border Style", "options": [ { "value": "solid", "label": "Solid" }, { "value": "dashed", "label": "Dashed" } ], "default": "dashed" },
        { "type": "range", "id": "badges_border_radius", "label": "Badges Border Radius", "min": 0, "max": 20, "step": 2, "unit": "px", "default": 4 },
        { "type": "range", "id": "badges_font_size", "label": "Badges Font Size", "min": 10, "max": 18, "step": 1, "unit": "px", "default": 13 },
        { "type": "header", "content": "Guarantee" },
        { "type": "textarea", "id": "guarantee_text", "label": "Guarantee Text", "default": "Try it today with a 30-Day Money-Back Guarantee!" },
        { "type": "checkbox", "id": "guarantee_dim", "label": "Lighter text (reduced opacity)", "default": true },
        { "type": "range", "id": "guarantee_size", "label": "Guarantee Font Size", "min": 10, "max": 18, "step": 1, "unit": "px", "default": 12 },
        { "type": "header", "content": "Colors" },
        { "type": "color", "id": "text_color", "label": "Text Color", "default": "#25282a" },
        { "type": "color", "id": "accent_color", "label": "Accent Color (headline)", "default": "#e74c3c" },
        { "type": "color", "id": "bg_color", "label": "Card Background", "default": "#fffde7" },
        { "type": "header", "content": "Container Border" },
        { "type": "color", "id": "border_color", "label": "Border Color", "default": "#e79dd3" },
        { "type": "select", "id": "border_style", "label": "Border Style", "options": [ { "value": "solid", "label": "Solid" }, { "value": "dashed", "label": "Dashed" } ], "default": "dashed" },
        { "type": "range", "id": "border_width", "label": "Border Width", "min": 0, "max": 6, "step": 1, "unit": "px", "default": 2 },
        { "type": "range", "id": "border_radius", "label": "Border Radius", "min": 0, "max": 30, "step": 2, "unit": "px", "default": 12 },
        { "type": "header", "content": "Layout & Spacing" },
        { "type": "range", "id": "container_padding_horizontal", "label": "Horizontal Bleed (expand beyond container)", "min": 0, "max": 80, "step": 5, "unit": "px", "default": 80 },
        { "type": "range", "id": "content_padding", "label": "Content Padding", "min": 10, "max": 60, "step": 5, "unit": "px", "default": 30 },
        { "type": "range", "id": "content_gap", "label": "Content Gap", "min": 4, "max": 32, "step": 2, "unit": "px", "default": 16 },
        { "type": "range", "id": "mobile_image_height", "label": "Mobile Image Height", "min": 150, "max": 500, "step": 10, "unit": "px", "default": 260 },
        { "type": "range", "id": "mobile_content_padding", "label": "Mobile Content Padding", "min": 10, "max": 40, "step": 5, "unit": "px", "default": 20 },
        { "type": "range", "id": "margin_top", "label": "Top Margin", "min": 0, "max": 80, "step": 5, "unit": "px", "default": 40 },
        { "type": "range", "id": "margin_bottom", "label": "Bottom Margin", "min": 0, "max": 80, "step": 5, "unit": "px", "default": 40 }
      ]
    },
    {
      "type": "instagram_comments",
      "name": "Instagram Comments",
      "settings": [
        { "type": "header", "content": "Layout" },
        { "type": "range", "id": "column_gap", "label": "Gap Between Comments", "min": 4, "max": 32, "step": 2, "unit": "px", "default": 12 },
        { "type": "range", "id": "group_margin_top", "label": "Top Margin", "min": 0, "max": 60, "step": 4, "unit": "px", "default": 16 },
        { "type": "range", "id": "group_margin_bottom", "label": "Bottom Margin", "min": 0, "max": 60, "step": 4, "unit": "px", "default": 16 },
        { "type": "header", "content": "Comment 1" },
        { "type": "image_picker", "id": "comment_1_image", "label": "Profile Picture" },
        { "type": "text", "id": "comment_1_username", "label": "Username", "default": "happycustomer" },
        { "type": "textarea", "id": "comment_1_text", "label": "Comment Text", "default": "Love this product! Amazing quality and fast shipping. Highly recommend!" },
        { "type": "text", "id": "comment_1_like_count", "label": "Like Count", "default": "24 likes" },
        { "type": "text", "id": "comment_1_timestamp", "label": "Timestamp", "default": "2w" },
        { "type": "header", "content": "Comment 2" },
        { "type": "image_picker", "id": "comment_2_image", "label": "Profile Picture" },
        { "type": "text", "id": "comment_2_username", "label": "Username", "default": "loyalbuyer" },
        { "type": "textarea", "id": "comment_2_text", "label": "Comment Text", "default": "Love this product! Amazing quality and fast shipping. Highly recommend!" },
        { "type": "text", "id": "comment_2_like_count", "label": "Like Count", "default": "18 likes" },
        { "type": "text", "id": "comment_2_timestamp", "label": "Timestamp", "default": "1w" },
        { "type": "header", "content": "Shared Settings" },
        { "type": "text", "id": "reply_text", "label": "Reply Text", "default": "Reply" },
        { "type": "checkbox", "id": "show_author_heart", "label": "Show Author Heart", "default": true },
        { "type": "text", "id": "author_label_text", "label": "Author Label Text", "default": "by author" },
        { "type": "checkbox", "id": "show_like_button", "label": "Show Like Button", "default": true },
        { "type": "header", "content": "Typography" },
        { "type": "range", "id": "username_font_size", "label": "Username Font Size", "min": 10, "max": 18, "step": 1, "unit": "px", "default": 14 },
        { "type": "range", "id": "timestamp_font_size", "label": "Timestamp Font Size", "min": 10, "max": 16, "step": 1, "unit": "px", "default": 12 },
        { "type": "range", "id": "comment_text_font_size", "label": "Comment Text Font Size", "min": 12, "max": 20, "step": 1, "unit": "px", "default": 14 },
        { "type": "range", "id": "author_label_font_size", "label": "Author Label Font Size", "min": 10, "max": 16, "step": 1, "unit": "px", "default": 12 },
        { "type": "range", "id": "actions_font_size", "label": "Actions Font Size", "min": 10, "max": 16, "step": 1, "unit": "px", "default": 12 },
        { "type": "header", "content": "Colors" },
        { "type": "color", "id": "background_color", "label": "Card Background Color", "default": "#ffffff" },
        { "type": "color", "id": "username_color", "label": "Username Color", "default": "#262626" },
        { "type": "color", "id": "timestamp_color", "label": "Timestamp Color", "default": "#8e8e8e" },
        { "type": "color", "id": "comment_text_color", "label": "Comment Text Color", "default": "#262626" },
        { "type": "color", "id": "author_heart_color", "label": "Author Heart Color", "default": "#ed4956" },
        { "type": "color", "id": "author_label_color", "label": "Author Label Color", "default": "#8e8e8e" },
        { "type": "color", "id": "actions_color", "label": "Actions Color", "default": "#8e8e8e" },
        { "type": "color", "id": "like_heart_color", "label": "Like Heart Color", "default": "#8e8e8e" },
        { "type": "header", "content": "Card Styling" },
        { "type": "range", "id": "border_radius", "label": "Card Border Radius", "min": 0, "max": 20, "step": 1, "unit": "px", "default": 8 },
        { "type": "range", "id": "block_padding", "label": "Card Padding", "min": 4, "max": 24, "step": 2, "unit": "px", "default": 16 }
      ]
    },
    {
      "type": "facebook_comments",
      "name": "Facebook Comments",
      "settings": [
        { "type": "header", "content": "Layout" },
        { "type": "range", "id": "column_gap", "label": "Gap Between Comments", "min": 4, "max": 32, "step": 2, "unit": "px", "default": 12 },
        { "type": "range", "id": "group_margin_top", "label": "Top Margin", "min": 0, "max": 60, "step": 4, "unit": "px", "default": 16 },
        { "type": "range", "id": "group_margin_bottom", "label": "Bottom Margin", "min": 0, "max": 60, "step": 4, "unit": "px", "default": 16 },
        { "type": "header", "content": "Comment 1" },
        { "type": "image_picker", "id": "comment_1_image", "label": "Profile Picture" },
        { "type": "color", "id": "comment_1_profile_color", "label": "Fallback Profile Color", "default": "#4a90e2" },
        { "type": "text", "id": "comment_1_author", "label": "Author Name", "default": "Sarah Johnson" },
        { "type": "textarea", "id": "comment_1_text", "label": "Comment Text", "default": "I absolutely love this product! The quality exceeded my expectations and it arrived quickly." },
        { "type": "number", "id": "comment_1_reaction_count", "label": "Reaction Count", "default": 12 },
        { "type": "text", "id": "comment_1_timestamp", "label": "Timestamp", "default": "2d" },
        { "type": "header", "content": "Comment 2" },
        { "type": "image_picker", "id": "comment_2_image", "label": "Profile Picture" },
        { "type": "color", "id": "comment_2_profile_color", "label": "Fallback Profile Color", "default": "#e24a4a" },
        { "type": "text", "id": "comment_2_author", "label": "Author Name", "default": "Mike Thompson" },
        { "type": "textarea", "id": "comment_2_text", "label": "Comment Text", "default": "I absolutely love this product! The quality exceeded my expectations and it arrived quickly." },
        { "type": "number", "id": "comment_2_reaction_count", "label": "Reaction Count", "default": 8 },
        { "type": "text", "id": "comment_2_timestamp", "label": "Timestamp", "default": "1d" },
        { "type": "header", "content": "Shared Labels" },
        { "type": "text", "id": "like_text", "label": "Like Text", "default": "Like" },
        { "type": "text", "id": "reply_text", "label": "Reply Text", "default": "Reply" },
        { "type": "header", "content": "Typography" },
        { "type": "range", "id": "author_name_font_size", "label": "Author Name Font Size", "min": 10, "max": 18, "step": 1, "unit": "px", "default": 13 },
        { "type": "range", "id": "comment_text_font_size", "label": "Comment Text Font Size", "min": 12, "max": 20, "step": 1, "unit": "px", "default": 15 },
        { "type": "range", "id": "meta_font_size", "label": "Meta Text Font Size", "min": 10, "max": 16, "step": 1, "unit": "px", "default": 13 },
        { "type": "checkbox", "id": "use_facebook_font", "label": "Use Facebook Font (Roboto)", "default": false },
        { "type": "range", "id": "block_padding", "label": "Comment Padding", "min": 4, "max": 24, "step": 2, "unit": "px", "default": 8 }
      ]
    },
    {
      "type": "compare_chart",
      "name": "Compare Chart",
      "settings": [
        { "type": "header", "content": "Your Column (Left)" },
        { "type": "image_picker", "id": "us_logo", "label": "Logo Image", "info": "Upload your store logo. If set, overrides the heading text below." },
        { "type": "range", "id": "logo_max_width", "label": "Logo Max Width", "min": 40, "max": 120, "step": 5, "unit": "px", "default": 90 },
        { "type": "range", "id": "logo_max_width_mobile", "label": "Logo Max Width (Mobile)", "min": 20, "max": 60, "step": 5, "unit": "px", "default": 60 },
        { "type": "text", "id": "us_heading", "label": "Heading Text (if no logo)", "default": "Ascendify" },
        { "type": "range", "id": "us_heading_size", "label": "Heading Font Size", "min": 12, "max": 36, "step": 1, "unit": "px", "default": 20 },
        { "type": "select", "id": "us_heading_weight", "label": "Heading Font Weight", "options": [ { "value": "400", "label": "Normal" }, { "value": "600", "label": "Semi Bold" }, { "value": "700", "label": "Bold" }, { "value": "800", "label": "Extra Bold" }, { "value": "900", "label": "Black" } ], "default": "800" },
        { "type": "color", "id": "us_col_bg_color", "label": "Column Background Color", "default": "#25282a" },
        { "type": "color", "id": "us_col_text_color", "label": "Column Text Color", "default": "#ffffff" },
        { "type": "select", "id": "us_col_font_weight", "label": "Column Font Weight", "options": [ { "value": "400", "label": "Normal" }, { "value": "600", "label": "Semi Bold" }, { "value": "700", "label": "Bold" }, { "value": "800", "label": "Extra Bold" } ], "default": "700" },
        { "type": "range", "id": "us_col_border_radius", "label": "Column Header Border Radius", "min": 0, "max": 30, "step": 2, "unit": "px", "default": 12 },
        { "type": "header", "content": "Benefit Rows (Left Labels)" },
        { "type": "text", "id": "row1_label", "label": "Row 1 Label", "default": "🎨 Design Sections" },
        { "type": "text", "id": "row2_label", "label": "Row 2 Label", "default": "📄 Landing Pages" },
        { "type": "text", "id": "row3_label", "label": "Row 3 Label", "default": "🔄 Updates" },
        { "type": "text", "id": "row4_label", "label": "Row 4 Label", "default": "💰 Value" },
        { "type": "header", "content": "Your Column Values" },
        { "type": "text", "id": "us_row1", "label": "Row 1", "default": "50+ Sections Built-In" },
        { "type": "text", "id": "us_row2", "label": "Row 2", "default": "Built-In Advertorial & Listicle Pages" },
        { "type": "text", "id": "us_row3", "label": "Row 3", "default": "Lifetime Updates Included" },
        { "type": "text", "id": "us_row4", "label": "Row 4", "default": "😊" },
        { "type": "header", "content": "Competitor Column 2" },
        { "type": "text", "id": "col2_heading", "label": "Column 2 Heading", "default": "Generic Themes" },
        { "type": "text", "id": "col2_row1", "label": "Row 1", "default": "10-20 Basic Sections" },
        { "type": "text", "id": "col2_row2", "label": "Row 2", "default": "Requires Page Builder" },
        { "type": "text", "id": "col2_row3", "label": "Row 3", "default": "Paid Upgrades Required" },
        { "type": "text", "id": "col2_row4", "label": "Row 4", "default": "😒" },
        { "type": "header", "content": "Competitor Column 3 (Optional)" },
        { "type": "checkbox", "id": "enable_col3", "label": "Enable Competitor Column 3", "default": true, "info": "Not recommended on mobile — 4 columns are too wide for small screens. Consider disabling on mobile-heavy stores." },
        { "type": "text", "id": "col3_heading", "label": "Column 3 Heading", "default": "Page Builders", "visible_if": "{{ block.settings.enable_col3 == true }}" },
        { "type": "text", "id": "col3_row1", "label": "Row 1", "default": "Unlimited (but slow)", "visible_if": "{{ block.settings.enable_col3 == true }}" },
        { "type": "text", "id": "col3_row2", "label": "Row 2", "default": "Extra App Cost", "visible_if": "{{ block.settings.enable_col3 == true }}" },
        { "type": "text", "id": "col3_row3", "label": "Row 3", "default": "Monthly Subscription", "visible_if": "{{ block.settings.enable_col3 == true }}" },
        { "type": "text", "id": "col3_row4", "label": "Row 4", "default": "😒", "visible_if": "{{ block.settings.enable_col3 == true }}" },
        { "type": "header", "content": "Competitor Column Headings Style" },
        { "type": "range", "id": "comp_heading_size", "label": "Heading Font Size", "min": 12, "max": 28, "step": 1, "unit": "px", "default": 15 },
        { "type": "select", "id": "comp_heading_weight", "label": "Heading Font Weight", "options": [ { "value": "400", "label": "Normal" }, { "value": "600", "label": "Semi Bold" }, { "value": "700", "label": "Bold" }, { "value": "800", "label": "Extra Bold" } ], "default": "700" },
        { "type": "color", "id": "comp_heading_color", "label": "Heading Color", "default": "#25282a" },
        { "type": "header", "content": "Table Styling" },
        { "type": "color", "id": "cell_text_color", "label": "Cell Text Color", "default": "#25282a" },
        { "type": "range", "id": "cell_font_size", "label": "Cell Font Size", "min": 10, "max": 20, "step": 1, "unit": "px", "default": 14 },
        { "type": "range", "id": "label_font_size", "label": "Label Font Size", "min": 10, "max": 20, "step": 1, "unit": "px", "default": 14 },
        { "type": "select", "id": "label_font_weight", "label": "Label Font Weight", "options": [ { "value": "400", "label": "Normal" }, { "value": "600", "label": "Semi Bold" }, { "value": "700", "label": "Bold" } ], "default": "700" },
        { "type": "color", "id": "label_text_color", "label": "Label Text Color", "default": "#25282a" },
        { "type": "range", "id": "label_col_width", "label": "Label Column Width", "min": 15, "max": 40, "step": 5, "unit": "%", "default": 25 },
        { "type": "range", "id": "data_col_width", "label": "Data Column Width", "min": 15, "max": 35, "step": 5, "unit": "%", "default": 25 },
        { "type": "color", "id": "row_alt_bg_color", "label": "Alternating Row Background", "default": "#f7f7f7" },
        { "type": "color", "id": "row_border_color", "label": "Row Border Color", "default": "#e8e8e8" },
        { "type": "range", "id": "row_border_width", "label": "Row Border Width", "min": 0, "max": 3, "step": 1, "unit": "px", "default": 1 },
        { "type": "range", "id": "cell_padding_v", "label": "Cell Vertical Padding", "min": 8, "max": 30, "step": 2, "unit": "px", "default": 16 },
        { "type": "range", "id": "cell_padding_h", "label": "Cell Horizontal Padding", "min": 4, "max": 24, "step": 2, "unit": "px", "default": 12 },
        { "type": "range", "id": "header_padding_v", "label": "Header Cell Vertical Padding", "min": 10, "max": 40, "step": 2, "unit": "px", "default": 20 },
        { "type": "header", "content": "Mobile Settings" },
        { "type": "range", "id": "mobile_cell_font_size", "label": "Mobile Cell Font Size", "min": 10, "max": 16, "step": 1, "unit": "px", "default": 12 },
        { "type": "range", "id": "mobile_label_font_size", "label": "Mobile Label Font Size", "min": 10, "max": 16, "step": 1, "unit": "px", "default": 12 },
        { "type": "range", "id": "mobile_cell_padding_v", "label": "Mobile Cell Vertical Padding", "min": 6, "max": 20, "step": 2, "unit": "px", "default": 10 },
        { "type": "range", "id": "mobile_cell_padding_h", "label": "Mobile Cell Horizontal Padding", "min": 4, "max": 16, "step": 2, "unit": "px", "default": 8 },
        { "type": "header", "content": "Spacing" },
        { "type": "range", "id": "bleed", "label": "Side Bleed (expand beyond container)", "min": 0, "max": 80, "step": 5, "unit": "px", "default": 0, "info": "Expands the chart wider than the text container" },
        { "type": "range", "id": "margin_top", "label": "Top Margin", "min": 0, "max": 80, "step": 4, "unit": "px", "default": 24 },
        { "type": "range", "id": "margin_bottom", "label": "Bottom Margin", "min": 0, "max": 80, "step": 4, "unit": "px", "default": 24 }
      ]
    },
    {
      "type": "button",
      "name": "Button",
      "settings": [
        {
          "type": "text",
          "id": "button_text",
          "label": "Button Text",
          "default": "Shop Now"
        },
        {
          "type": "url",
          "id": "button_link",
          "label": "Button Link"
        },
        {
          "type": "select",
          "id": "button_alignment",
          "label": "Button Alignment",
          "default": "center",
          "options": [
            {
              "value": "left",
              "label": "Left"
            },
            {
              "value": "center",
              "label": "Center"
            },
            {
              "value": "right",
              "label": "Right"
            }
          ]
        },
        {
          "type": "color",
          "id": "button_bg",
          "label": "Button Background",
          "default": "#2E5E4E"
        },
        {
          "type": "color",
          "id": "button_text_color",
          "label": "Button Text Color",
          "default": "#ffffff"
        },
    {
          "type": "range",
          "id": "button_padding_vertical",
          "label": "Vertical Padding",
          "min": 4,
          "max": 30,
          "step": 1,
          "unit": "px",
          "default": 12
        },
        {
          "type": "range",
          "id": "button_padding_horizontal",
          "label": "Horizontal Padding",
          "min": 8,
          "max": 60,
          "step": 1,
          "unit": "px",
          "default": 22
        },
        {
          "type": "range",
          "id": "button_radius",
          "label": "Corner Rounding",
          "min": 0,
          "max": 50,
          "step": 1,
          "unit": "px",
          "default": 12
        },
        {
          "type": "range",
          "id": "button_font_size",
          "label": "Text Size",
          "min": 10,
          "max": 30,
          "step": 1,
          "unit": "px",
          "default": 16
        },
        {
          "type": "range",
          "id": "button_margin_top",
          "label": "Top Spacing",
          "min": 0,
          "max": 60,
          "step": 1,
          "unit": "px",
          "default": 0
        },
        {
          "type": "range",
          "id": "button_margin_bottom",
          "label": "Bottom Spacing",
          "min": 0,
          "max": 60,
          "step": 1,
          "unit": "px",
          "default": 0
        }
      ]
    },
    {
      "type": "sticky_add_to_cart",
      "name": "Sticky CTA Button",
      "settings": [
        { "type": "text", "id": "button_text", "label": "Button Text", "default": "YES, I WANT ASCENDIFY NOW" },
        { "type": "url", "id": "button_link", "label": "Button Link" },
        { "type": "checkbox", "id": "scroll_to_cta", "label": "Scroll to CTA Block on click (overrides Button Link)", "default": false, "info": "When enabled, clicking the button smoothly scrolls to the CTA Block V1 or V2 on the page" },
        { "type": "header", "content": "Button Styling" },
        { "type": "color", "id": "button_bg_color", "label": "Button Background Color", "default": "#25282a" },
        { "type": "color", "id": "button_text_color", "label": "Button Text Color", "default": "#ffffff" },
        { "type": "range", "id": "button_border_radius", "min": 0, "max": 20, "step": 1, "unit": "px", "label": "Button Border Radius", "default": 8 },
        { "type": "range", "id": "button_padding_vertical", "min": 10, "max": 25, "step": 1, "unit": "px", "label": "Button Vertical Padding", "default": 16 },
        { "type": "range", "id": "button_padding_horizontal", "min": 15, "max": 40, "step": 1, "unit": "px", "label": "Button Horizontal Padding", "default": 24 },
        { "type": "range", "id": "button_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Button Font Size", "default": 16 },
        { "type": "range", "id": "button_width_desktop", "min": 200, "max": 600, "step": 10, "unit": "px", "label": "Desktop Button Width", "default": 400 },
        { "type": "range", "id": "arrow_size", "min": 14, "max": 24, "step": 1, "unit": "px", "label": "Arrow Size", "default": 18 },
        { "type": "header", "content": "Subtext" },
        { "type": "checkbox", "id": "show_subtext", "label": "Show Subtext", "default": false },
        { "type": "text", "id": "subtext", "label": "Subtext", "default": "NEW YEAR, NEW ME DISCOUNT ACTIVE", "visible_if": "{{ block.settings.show_subtext == true }}" },
        { "type": "image_picker", "id": "subtext_icon_image", "label": "Custom Icon Image", "visible_if": "{{ block.settings.show_subtext == true }}" },
        { "type": "color", "id": "subtext_color", "label": "Subtext Color", "default": "#25282a", "visible_if": "{{ block.settings.show_subtext == true }}" },
        { "type": "range", "id": "subtext_font_size", "min": 8, "max": 16, "step": 1, "unit": "px", "label": "Subtext Font Size", "default": 12, "visible_if": "{{ block.settings.show_subtext == true }}" },
        { "type": "header", "content": "Layout" },
        { "type": "range", "id": "z_index", "min": 1000, "max": 9900, "step": 100, "label": "Z-Index", "default": 9900 },
        { "type": "range", "id": "max_width", "min": 300, "max": 800, "step": 20, "unit": "px", "label": "Max Width", "default": 600 },
        { "type": "range", "id": "container_padding", "min": 10, "max": 30, "step": 2, "unit": "px", "label": "Container Padding", "default": 16 },
        { "type": "range", "id": "gap", "min": 4, "max": 16, "step": 2, "unit": "px", "label": "Gap Between Elements", "default": 8 },
        { "type": "header", "content": "Social Proof" },
        { "type": "checkbox", "id": "show_social_proof", "label": "Show Social Proof Row", "default": false },
        { "type": "image_picker", "id": "proof_image_1", "label": "Avatar 1", "visible_if": "{{ block.settings.show_social_proof == true }}" },
        { "type": "image_picker", "id": "proof_image_2", "label": "Avatar 2", "visible_if": "{{ block.settings.show_social_proof == true }}" },
        { "type": "image_picker", "id": "proof_image_3", "label": "Avatar 3", "visible_if": "{{ block.settings.show_social_proof == true }}" },
        { "type": "text", "id": "proof_name", "label": "Customer Name", "default": "Sarah K.", "visible_if": "{{ block.settings.show_social_proof == true }}" },
        { "type": "text", "id": "proof_suffix_text", "label": "Suffix Text (after checkmark)", "default": "& +50,000 CUSTOMERS", "visible_if": "{{ block.settings.show_social_proof == true }}" },
        { "type": "color", "id": "proof_check_color", "label": "Checkmark Color", "default": "#4A90E2", "visible_if": "{{ block.settings.show_social_proof == true }}" },
        { "type": "color", "id": "proof_text_color", "label": "Text Color", "default": "#25282a", "visible_if": "{{ block.settings.show_social_proof == true }}" },
        { "type": "range", "id": "proof_font_size", "label": "Font Size", "min": 10, "max": 15, "step": 1, "unit": "px", "default": 13, "visible_if": "{{ block.settings.show_social_proof == true }}" },
        { "type": "range", "id": "proof_font_weight", "label": "Font Weight", "min": 400, "max": 700, "step": 100, "default": 500, "visible_if": "{{ block.settings.show_social_proof == true }}" },
        { "type": "range", "id": "proof_avatar_size", "label": "Avatar Size", "min": 24, "max": 30, "step": 2, "unit": "px", "default": 30, "visible_if": "{{ block.settings.show_social_proof == true }}" },
        { "type": "header", "content": "Mobile Settings" },
        { "type": "checkbox", "id": "mobile_only", "label": "Show on Mobile Only", "default": false },
        { "type": "range", "id": "mobile_container_padding", "min": 8, "max": 24, "step": 2, "unit": "px", "label": "Mobile Container Padding", "default": 12 },
        { "type": "range", "id": "mobile_button_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Mobile Button Font Size", "default": 15 },
        { "type": "range", "id": "mobile_button_padding_vertical", "min": 8, "max": 20, "step": 1, "unit": "px", "label": "Mobile Button Vertical Padding", "default": 14 },
        { "type": "range", "id": "mobile_button_padding_horizontal", "min": 12, "max": 30, "step": 1, "unit": "px", "label": "Mobile Button Horizontal Padding", "default": 20 },
        { "type": "range", "id": "mobile_arrow_size", "min": 12, "max": 20, "step": 1, "unit": "px", "label": "Mobile Arrow Size", "default": 16 },
        { "type": "range", "id": "mobile_verification_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Mobile Verification Font Size", "default": 12 },
        { "type": "range", "id": "mobile_checkmark_size", "min": 10, "max": 16, "step": 1, "unit": "px", "label": "Mobile Checkmark Size", "default": 12 }
      ]
    },
    {
      "type": "advertorial_footer",
      "name": "Advertorial Footer",
      "settings": [
        { "type": "textarea", "id": "disclaimer_text", "label": "Disclaimer Text", "default": "*Ascendify is a premium Shopify theme. One-time purchase includes lifetime updates for one store. Additional store licenses available separately." },
        { "type": "text", "id": "copyright_text", "label": "Copyright Text", "default": "© 2026 Ascendify. All rights reserved." },
        { "type": "checkbox", "id": "show_links", "label": "Show Legal Links", "default": true },
        { "type": "text", "id": "terms_text", "label": "Terms Link Text", "default": "Terms of Service" },
        { "type": "url", "id": "terms_link", "label": "Terms Link URL" },
        { "type": "text", "id": "privacy_text", "label": "Privacy Link Text", "default": "Privacy Policy" },
        { "type": "url", "id": "privacy_link", "label": "Privacy Link URL" },
        { "type": "header", "content": "Styling" },
        { "type": "color", "id": "background_color", "label": "Background Color", "default": "#d9ecfc" },
        { "type": "color", "id": "text_color", "label": "Text Color", "default": "#25282a" },
        { "type": "color", "id": "link_color", "label": "Link Color", "default": "#25282a" },
        { "type": "color", "id": "link_hover_color", "label": "Link Hover Color", "default": "#fcdef4" },
        { "type": "select", "id": "link_decoration", "label": "Link Decoration", "options": [ { "value": "none", "label": "None" }, { "value": "underline", "label": "Underline" } ], "default": "underline" },
        { "type": "select", "id": "link_hover_decoration", "label": "Link Hover Decoration", "options": [ { "value": "none", "label": "None" }, { "value": "underline", "label": "Underline" } ], "default": "none" },
        { "type": "header", "content": "Layout" },
        { "type": "range", "id": "max_width", "min": 600, "max": 1200, "step": 20, "unit": "px", "label": "Max Width", "default": 1000 },
        { "type": "range", "id": "padding_vertical", "min": 0, "max": 60, "step": 5, "unit": "px", "label": "Vertical Padding", "default": 40 },
        { "type": "range", "id": "padding_horizontal", "min": 0, "max": 50, "step": 5, "unit": "px", "label": "Horizontal Padding", "default": 30 },
        { "type": "range", "id": "gap", "min": 10, "max": 40, "step": 2, "unit": "px", "label": "Gap Between Sections", "default": 20 },
        { "type": "range", "id": "disclaimer_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Disclaimer Font Size", "default": 13 },
        { "type": "range", "id": "disclaimer_line_height", "min": 1.2, "max": 1.8, "step": 0.1, "label": "Disclaimer Line Height", "default": 1.5 },
        { "type": "select", "id": "disclaimer_alignment", "label": "Disclaimer Text Alignment", "options": [ { "value": "left", "label": "Left" }, { "value": "center", "label": "Center" }, { "value": "right", "label": "Right" } ], "default": "left" },
        { "type": "range", "id": "disclaimer_opacity", "min": 0.6, "max": 1.0, "step": 0.1, "label": "Disclaimer Opacity", "default": 0.9 },
        { "type": "select", "id": "bottom_layout", "label": "Bottom Layout Direction", "options": [ { "value": "row", "label": "Horizontal" }, { "value": "column", "label": "Vertical" } ], "default": "row" },
        { "type": "select", "id": "bottom_alignment", "label": "Bottom Vertical Alignment", "options": [ { "value": "flex-start", "label": "Top" }, { "value": "center", "label": "Center" }, { "value": "flex-end", "label": "Bottom" } ], "default": "center" },
        { "type": "select", "id": "bottom_justify", "label": "Bottom Horizontal Alignment", "options": [ { "value": "flex-start", "label": "Left" }, { "value": "center", "label": "Center" }, { "value": "flex-end", "label": "Right" }, { "value": "space-between", "label": "Space Between" } ], "default": "space-between" },
        { "type": "range", "id": "bottom_gap", "min": 5, "max": 30, "step": 1, "unit": "px", "label": "Bottom Section Gap", "default": 15 },
        { "type": "range", "id": "copyright_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Copyright Font Size", "default": 12 },
        { "type": "range", "id": "copyright_opacity", "min": 0.6, "max": 1.0, "step": 0.1, "label": "Copyright Opacity", "default": 0.8 },
        { "type": "range", "id": "link_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Link Font Size", "default": 12 },
        { "type": "range", "id": "links_gap", "min": 5, "max": 20, "step": 1, "unit": "px", "label": "Links Gap", "default": 10 },
        { "type": "range", "id": "mobile_padding_vertical", "min": 0, "max": 40, "step": 5, "unit": "px", "label": "Mobile Vertical Padding", "default": 25 },
        { "type": "range", "id": "mobile_padding_horizontal", "min": 0, "max": 30, "step": 2, "unit": "px", "label": "Mobile Horizontal Padding", "default": 20 },
        { "type": "range", "id": "mobile_disclaimer_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Mobile Disclaimer Font Size", "default": 12 },
        { "type": "select", "id": "mobile_disclaimer_alignment", "label": "Mobile Disclaimer Alignment", "options": [ { "value": "left", "label": "Left" }, { "value": "center", "label": "Center" }, { "value": "right", "label": "Right" } ], "default": "left" },
        { "type": "select", "id": "mobile_bottom_layout", "label": "Mobile Bottom Layout", "options": [ { "value": "row", "label": "Horizontal" }, { "value": "column", "label": "Vertical" } ], "default": "column" },
        { "type": "select", "id": "mobile_bottom_alignment", "label": "Mobile Bottom Alignment", "options": [ { "value": "flex-start", "label": "Top" }, { "value": "center", "label": "Center" }, { "value": "flex-end", "label": "Bottom" } ], "default": "center" },
        { "type": "select", "id": "mobile_bottom_justify", "label": "Mobile Bottom Justify", "options": [ { "value": "flex-start", "label": "Left" }, { "value": "center", "label": "Center" }, { "value": "flex-end", "label": "Right" }, { "value": "space-between", "label": "Space Between" } ], "default": "center" },
        { "type": "range", "id": "mobile_bottom_gap", "min": 5, "max": 20, "step": 1, "unit": "px", "label": "Mobile Bottom Gap", "default": 10 },
        { "type": "range", "id": "mobile_copyright_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Mobile Copyright Font Size", "default": 11 },
        { "type": "range", "id": "mobile_link_font_size", "min": 8, "max": 50, "step": 1, "unit": "px", "label": "Mobile Link Font Size", "default": 11 },
        { "type": "range", "id": "mobile_links_gap", "min": 3, "max": 15, "step": 1, "unit": "px", "label": "Mobile Links Gap", "default": 8 }
      ]
    },
    {
      "type": "custom_liquid",
      "name": "t:sections.main-product.blocks.custom_liquid.name",
      "settings": [
        {
          "type": "liquid",
          "id": "custom_liquid",
          "label": "t:sections.main-product.blocks.custom_liquid.settings.custom_liquid.label",
          "info": "t:sections.main-product.blocks.custom_liquid.settings.custom_liquid.info"
        }
      ]
    },
    {
      "type": "benefit_cards",
      "name": "Benefit Cards",
      "settings": [
        { "type": "header", "content": "Headline" },
        { "type": "text", "id": "headline", "label": "Headline", "default": "\"I WISH I'D TRIED IT SOONER\"" },
        { "type": "range", "id": "headline_size", "label": "Headline Font Size", "min": 14, "max": 60, "step": 2, "unit": "px", "default": 32 },
        { "type": "range", "id": "headline_size_mobile", "label": "Headline Font Size (Mobile)", "min": 14, "max": 48, "step": 2, "unit": "px", "default": 24 },
        { "type": "select", "id": "headline_weight", "label": "Headline Font Weight", "options": [ { "value": "400", "label": "Normal" }, { "value": "600", "label": "Semi Bold" }, { "value": "700", "label": "Bold" }, { "value": "800", "label": "Extra Bold" }, { "value": "900", "label": "Black" } ], "default": "700" },
        { "type": "color", "id": "headline_color", "label": "Headline Color", "default": "#25282a" },
        { "type": "select", "id": "headline_alignment", "label": "Headline Alignment", "options": [ { "value": "left", "label": "Left" }, { "value": "center", "label": "Center" }, { "value": "right", "label": "Right" } ], "default": "center" },
        { "type": "range", "id": "headline_margin_bottom", "label": "Headline Bottom Margin", "min": 8, "max": 60, "step": 4, "unit": "px", "default": 24 },
        { "type": "header", "content": "Card 1" },
        { "type": "text", "id": "card_1_title", "label": "Title", "default": "LIFETIME WARRANTY" },
        { "type": "textarea", "id": "card_1_description", "label": "Description", "default": "Our premium materials allow us to guarantee your wallet will function for life." },
        { "type": "header", "content": "Card 2" },
        { "type": "text", "id": "card_2_title", "label": "Title", "default": "99 DAY FREE TRIAL" },
        { "type": "textarea", "id": "card_2_description", "label": "Description", "default": "If you don't love it after 99 days, send it back. No questions asked." },
        { "type": "header", "content": "Card 3" },
        { "type": "text", "id": "card_3_title", "label": "Title", "default": "FAST & FREE SHIPPING" },
        { "type": "textarea", "id": "card_3_description", "label": "Description", "default": "Buy it today with fast & free shipping and use it for life." },
        { "type": "header", "content": "Card Styling" },
        { "type": "range", "id": "bleed", "label": "Side Bleed (expand beyond container)", "min": 0, "max": 80, "step": 5, "unit": "px", "default": 45, "info": "Pushes the card grid wider than the text container" },
        { "type": "color", "id": "card_bg_color", "label": "Card Background Color", "default": "#f0ede8" },
        { "type": "color", "id": "card_border_color", "label": "Card Border Color", "default": "#f0ede8" },
        { "type": "range", "id": "card_border_width", "label": "Card Border Width", "min": 0, "max": 4, "step": 1, "unit": "px", "default": 0 },
        { "type": "range", "id": "card_border_radius", "label": "Card Border Radius", "min": 0, "max": 20, "step": 1, "unit": "px", "default": 4 },
        { "type": "range", "id": "card_padding_vertical", "label": "Card Vertical Padding", "min": 8, "max": 50, "step": 2, "unit": "px", "default": 24 },
        { "type": "range", "id": "card_padding_horizontal", "label": "Card Horizontal Padding", "min": 8, "max": 50, "step": 2, "unit": "px", "default": 20 },
        { "type": "range", "id": "card_inner_gap", "label": "Gap Between Title & Description", "min": 4, "max": 24, "step": 2, "unit": "px", "default": 10 },
        { "type": "select", "id": "card_text_alignment", "label": "Card Text Alignment", "options": [ { "value": "left", "label": "Left" }, { "value": "center", "label": "Center" }, { "value": "right", "label": "Right" } ], "default": "center" },
        { "type": "range", "id": "card_gap", "label": "Gap Between Cards", "min": 4, "max": 40, "step": 2, "unit": "px", "default": 16 },
        { "type": "header", "content": "Card Title" },
        { "type": "range", "id": "card_title_size", "label": "Title Font Size", "min": 10, "max": 28, "step": 1, "unit": "px", "default": 14 },
        { "type": "select", "id": "card_title_weight", "label": "Title Font Weight", "options": [ { "value": "400", "label": "Normal" }, { "value": "600", "label": "Semi Bold" }, { "value": "700", "label": "Bold" }, { "value": "800", "label": "Extra Bold" }, { "value": "900", "label": "Black" } ], "default": "700" },
        { "type": "color", "id": "card_title_color", "label": "Title Color", "default": "#25282a" },
        { "type": "select", "id": "card_title_transform", "label": "Title Text Transform", "options": [ { "value": "none", "label": "None" }, { "value": "uppercase", "label": "Uppercase" }, { "value": "capitalize", "label": "Capitalize" } ], "default": "uppercase" },
        { "type": "range", "id": "card_title_letter_spacing", "label": "Title Letter Spacing", "min": 0, "max": 30, "step": 1, "default": 5, "info": "Value \u00f7 100 = em (e.g. 5 \u2192 0.05em)" },
        { "type": "header", "content": "Card Description" },
        { "type": "range", "id": "card_desc_size", "label": "Description Font Size", "min": 10, "max": 20, "step": 1, "unit": "px", "default": 14 },
        { "type": "select", "id": "card_desc_weight", "label": "Description Font Weight", "options": [ { "value": "400", "label": "Normal" }, { "value": "500", "label": "Medium" }, { "value": "600", "label": "Semi Bold" } ], "default": "400" },
        { "type": "color", "id": "card_desc_color", "label": "Description Color", "default": "#555555" },
        { "type": "select", "id": "card_desc_alignment", "label": "Description Text Alignment", "options": [ { "value": "left", "label": "Left" }, { "value": "center", "label": "Center" }, { "value": "right", "label": "Right" } ], "default": "center" },
        { "type": "header", "content": "Spacing" },
        { "type": "range", "id": "margin_top", "label": "Top Margin", "min": 0, "max": 80, "step": 4, "unit": "px", "default": 24 },
        { "type": "range", "id": "margin_bottom", "label": "Bottom Margin", "min": 0, "max": 80, "step": 4, "unit": "px", "default": 24 }
      ]
    },
    {
      "type": "listicle_item",
      "name": "Listicle Item",
      "settings": [
        { "type": "image_picker", "id": "image", "label": "Item Image" },
        { "type": "checkbox", "id": "hide_image", "label": "Hide Image", "default": true },
        { "type": "text", "id": "title", "label": "Item Title", "default": "50+ Professionally Designed Sections Built to Convert" },
        { "type": "richtext", "id": "content", "label": "Item Content", "default": "<p>Unlike bloated, cookie-cutter themes, Ascendify gives you <strong>over 50 unique, conversion-optimized sections</strong> crafted by e-commerce experts. From high-impact hero banners and feature cards to advanced comparison tables and testimonial sliders — every section is engineered to turn browsers into buyers.</p>" },
        { "type": "text", "id": "highlight_text", "label": "Highlight Text (Optional)" },
        { "type": "text", "id": "background_highlight_text", "label": "Background Highlight Text (Optional)", "info": "Type the exact phrase(s) from Item Content to highlight inline. Separate multiple phrases with |" },
        { "type": "header", "content": "Bullet Pills" },
        { "type": "checkbox", "id": "enable_bullets", "label": "Enable Bullet Pills", "default": false },
        { "type": "text", "id": "bullet_1", "label": "Bullet 1", "default": "Bullet 1", "visible_if": "{{ block.settings.enable_bullets == true }}" },
        { "type": "text", "id": "bullet_2", "label": "Bullet 2", "default": "Bullet 2", "visible_if": "{{ block.settings.enable_bullets == true }}" },
        { "type": "text", "id": "bullet_3", "label": "Bullet 3", "visible_if": "{{ block.settings.enable_bullets == true }}" },
        { "type": "text", "id": "bullet_4", "label": "Bullet 4", "visible_if": "{{ block.settings.enable_bullets == true }}" },
        { "type": "text", "id": "bullet_icon", "label": "Icon Name", "default": "verified", "info": "Material Symbols icon name. Browse at fonts.google.com/icons", "visible_if": "{{ block.settings.enable_bullets == true }}" },
        { "type": "range", "id": "bullet_icon_size", "label": "Icon Size", "min": 10, "max": 24, "step": 1, "unit": "px", "default": 14, "visible_if": "{{ block.settings.enable_bullets == true }}" },
        { "type": "range", "id": "bullet_text_size", "label": "Text Size", "min": 10, "max": 20, "step": 1, "unit": "px", "default": 13, "visible_if": "{{ block.settings.enable_bullets == true }}" },
        { "type": "color", "id": "bullet_icon_color", "label": "Icon Color", "default": "#000000", "visible_if": "{{ block.settings.enable_bullets == true }}" },
        { "type": "color", "id": "bullet_text_color", "label": "Text Color", "default": "#000000", "visible_if": "{{ block.settings.enable_bullets == true }}" },
        { "type": "color", "id": "bullet_bg_color", "label": "Pill Background", "default": "#F3F3F3", "visible_if": "{{ block.settings.enable_bullets == true }}" },
        { "type": "color", "id": "bullet_border_color", "label": "Pill Border Color", "default": "#F3F3F3", "visible_if": "{{ block.settings.enable_bullets == true }}" },
        { "type": "range", "id": "bullet_border_width", "label": "Pill Border Width", "min": 0, "max": 4, "step": 1, "unit": "px", "default": 1, "visible_if": "{{ block.settings.enable_bullets == true }}" },
        { "type": "range", "id": "bullet_border_radius", "label": "Pill Border Radius", "min": 0, "max": 50, "step": 2, "unit": "px", "default": 20, "visible_if": "{{ block.settings.enable_bullets == true }}" },
        { "type": "range", "id": "bullet_padding_v", "label": "Pill Vertical Padding", "min": 0, "max": 16, "step": 1, "unit": "px", "default": 4, "visible_if": "{{ block.settings.enable_bullets == true }}" },
        { "type": "range", "id": "bullet_padding_h", "label": "Pill Horizontal Padding", "min": 0, "max": 20, "step": 1, "unit": "px", "default": 8, "visible_if": "{{ block.settings.enable_bullets == true }}" },
        { "type": "range", "id": "bullet_gap", "label": "Gap Between Pills", "min": 2, "max": 16, "step": 1, "unit": "px", "default": 6, "visible_if": "{{ block.settings.enable_bullets == true }}" },
        { "type": "range", "id": "bullets_margin_top", "label": "Bullets Top Margin", "min": 0, "max": 30, "step": 2, "unit": "px", "default": 10, "visible_if": "{{ block.settings.enable_bullets == true }}" },
        { "type": "header", "content": "Layout & Spacing" },
        { "type": "select", "id": "image_position", "label": "Image Position (Desktop)", "options": [ { "value": "left", "label": "Left" }, { "value": "right", "label": "Right" } ], "default": "left" },
        { "type": "select", "id": "mobile_image_position", "label": "Image Position (Mobile)", "options": [ { "value": "top", "label": "Top" }, { "value": "bottom", "label": "Bottom" } ], "default": "bottom" },
        { "type": "select", "id": "image_aspect_ratio", "label": "Image Aspect Ratio", "options": [ { "value": "square", "label": "Square (1:1)" }, { "value": "portrait", "label": "Portrait (3:4)" }, { "value": "landscape", "label": "Landscape (4:3)" }, { "value": "wide", "label": "Wide (16:9)" }, { "value": "auto", "label": "Auto (Original)" } ], "default": "square" },
        { "type": "range", "id": "item_gap", "min": 15, "max": 50, "step": 5, "unit": "px", "label": "Gap Between Image and Content", "default": 25 },
        { "type": "range", "id": "item_image_width", "min": 150, "max": 400, "step": 25, "unit": "px", "label": "Item Image Width", "default": 225 },
        { "type": "range", "id": "item_image_border_radius", "min": 0, "max": 15, "step": 1, "unit": "px", "label": "Item Image Border Radius", "default": 6 },
        { "type": "range", "id": "item_image_margin_bottom", "min": 0, "max": 50, "step": 2, "unit": "px", "label": "Item Image Margin Bottom", "default": 16 },
        { "type": "header", "content": "Container Styling" },
        { "type": "checkbox", "id": "enable_container", "label": "Enable Container Styling", "default": false },
        { "type": "color", "id": "item_background_color", "label": "Item Background Color", "default": "#ffffff" },
        { "type": "range", "id": "item_padding", "min": 15, "max": 40, "step": 5, "unit": "px", "label": "Item Padding", "default": 25 },
        { "type": "range", "id": "item_border_radius", "min": 0, "max": 20, "step": 2, "unit": "px", "label": "Item Border Radius", "default": 8 },
        { "type": "range", "id": "item_border_width", "min": 0, "max": 5, "step": 1, "unit": "px", "label": "Item Border Width", "default": 1 },
        { "type": "color", "id": "item_border_color", "label": "Item Border Color", "default": "#d9ecfc" },
        { "type": "checkbox", "id": "enable_item_shadow", "label": "Enable Item Shadow", "default": false },
        { "type": "text", "id": "item_shadow", "label": "Item Shadow", "default": "0 2px 8px rgba(0,0,0,0.1)" },
        { "type": "header", "content": "Highlight Styling" },
        { "type": "color", "id": "highlight_background_color", "label": "Highlight Background Color", "default": "#fcdef4" },
        { "type": "color", "id": "highlight_text_color", "label": "Highlight Text Color", "default": "#25282a" },
        { "type": "range", "id": "highlight_padding", "min": 5, "max": 20, "step": 1, "unit": "px", "label": "Highlight Padding", "default": 8 },
        { "type": "range", "id": "highlight_border_radius", "min": 0, "max": 15, "step": 1, "unit": "px", "label": "Highlight Border Radius", "default": 4 },
        { "type": "range", "id": "highlight_margin_top", "min": 0, "max": 50, "step": 1, "unit": "px", "label": "Highlight Margin Top", "default": 10 }
      ]
    }
  ],
  "presets": [
    {
      "name": "Listicle (Advanced)",
      "category": "Content",
      "blocks": [
        {
          "type": "header",
          "settings": {
            "title": "10 Reasons Why Ascendify Is The Ultimate Shopify Theme For High-Converting Stores",
            "title_size": 48,
            "title_font_weight": 700,
            "title_line_height": 1.2,
            "title_alignment": "left",
            "title_color": "#25282a",
            "title_margin_top": 0,
            "title_margin_bottom": 30,
            "show_author_info": true,
            "author_name": "Ascendify Team",
            "author_date": "Last Updated March 2026",
            "avatar_size": 50,
            "author_gap": 16,
            "author_alignment": "flex-start",
            "author_name_size": 16,
            "author_name_font_weight": 600,
            "author_name_color": "#25282a",
            "author_name_force_bold": true,
            "author_date_size": 14,
            "author_date_font_weight": 400,
            "author_date_color": "#25282a",
            "author_margin_bottom": 25,
            "header_margin_top": 30,
            "header_margin_bottom": 0,
            "mobile_title_size": 40,
            "mobile_author_name_size": 16,
            "mobile_author_date_size": 14
          }
        },
        {
          "type": "summary",
          "settings": {
            "summary_text": "<p><strong>Summary:</strong> Stop settling for generic Shopify themes that look like every other store. Ascendify is the <strong>most powerful and customizable</strong> Shopify theme built for serious e-commerce brands. With 50+ conversion-optimized sections, built-in advertorial and listicle pages, advanced product blocks like Quantity Breaks and Bundle Selectors, and pixel-perfect design controls — it's the only theme you'll ever need. Keep reading to discover why top DTC brands are calling it a \"game-changer\"!</p>",
            "summary_margin_top": 30,
            "summary_margin_bottom": 30
          }
        },
        {
          "type": "listicle_item",
          "settings": {
            "enable_container": false,
            "hide_image": true,
            "title": "1. 50+ Professionally Designed Sections Built to Convert",
            "content": "<p>Unlike bloated, cookie-cutter themes, Ascendify gives you <strong>over 50 unique, conversion-optimized sections</strong> crafted by e-commerce experts. From high-impact hero banners and feature cards to advanced comparison tables and testimonial sliders — every section is engineered to turn browsers into buyers. <strong>No more settling for \"good enough\" when you can have exceptional.</strong></p>",
            "image_position": "left",
            "mobile_image_position": "bottom",
            "image_aspect_ratio": "square",
            "item_gap": 25,
            "item_image_width": 225,
            "item_image_border_radius": 6,
            "item_image_margin_bottom": 16,
            "item_background_color": "#ffffff",
            "item_padding": 25,
            "item_border_radius": 8,
            "item_border_width": 1,
            "item_border_color": "#d9ecfc",
            "enable_item_shadow": false,
            "item_shadow": "0 2px 8px rgba(0,0,0,0.1)",
            "highlight_background_color": "#fcdef4",
            "highlight_text_color": "#25282a",
            "highlight_padding": 8,
            "highlight_border_radius": 4,
            "highlight_margin_top": 10
          }
        },
        {
          "type": "listicle_item",
          "settings": {
            "enable_container": false,
            "hide_image": false,
            "title": "2. Built-In Advertorial & Listicle Pages That Drive Serious Revenue",
            "content": "<p>Stop paying for expensive landing page builders! Ascendify includes <strong>professional advertorial and listicle templates</strong> right out of the box — complete with countdown banners, sticky CTAs, and author sections. Create high-converting editorial-style pages the same way 8-figure DTC brands do. <strong>This feature alone is worth more than the entire theme price.</strong></p>",
            "image_position": "left",
            "mobile_image_position": "top",
            "image_aspect_ratio": "square",
            "item_gap": 25,
            "item_image_width": 250,
            "item_image_border_radius": 6,
            "item_image_margin_bottom": 16,
            "item_background_color": "#ffffff",
            "item_padding": 25,
            "item_border_radius": 12,
            "item_border_width": 1,
            "item_border_color": "#d9ecfc",
            "enable_item_shadow": false,
            "item_shadow": "0 2px 8px rgba(0,0,0,0.1)",
            "highlight_background_color": "#fcdef4",
            "highlight_text_color": "#25282a",
            "highlight_padding": 8,
            "highlight_border_radius": 4,
            "highlight_margin_top": 10
          }
        },
        {
          "type": "listicle_item",
          "settings": {
            "enable_container": false,
            "hide_image": false,
            "title": "3. 50+ Product Information Blocks Built for Conversion",
            "content": "<p>Customize your product page with <strong>50+ high converting blocks</strong> built for flexibility and high conversion. Mix and match powerful blocks including Subscription Widget, Quantity Breaks, Upsells, Bundles, Free Gift Blocks, Video Slider, Key Benefits, Rating Stars, Trust Pilot Stars, Featured Reviews, Icons with Text, Estimated Shipping, and Collapsable Rows — all without writing a single line of code. <strong>Every block is engineered to increase AOV and push customers to checkout.</strong></p>",
            "highlight_text": "Subscription Widget · Quantity Breaks · Upsells · Bundles · Free Gift Blocks · Video Slider",
            "image_position": "left",
            "mobile_image_position": "top",
            "image_aspect_ratio": "square",
            "item_gap": 25,
            "item_image_width": 250,
            "item_image_border_radius": 6,
            "item_image_margin_bottom": 16,
            "item_background_color": "#ffffff",
            "item_padding": 25,
            "item_border_radius": 8,
            "item_border_width": 1,
            "item_border_color": "#d9ecfc",
            "enable_item_shadow": false,
            "item_shadow": "0 2px 8px rgba(0,0,0,0.1)",
            "highlight_background_color": "#fcdef4",
            "highlight_text_color": "#25282a",
            "highlight_padding": 8,
            "highlight_border_radius": 4,
            "highlight_margin_top": 10
          }
        },
        {
          "type": "listicle_item",
          "settings": {
            "enable_container": false,
            "hide_image": false,
            "title": "4. Lightning-Fast Performance That Boosts SEO & Conversions",
            "content": "<p>Speed kills your competition. Ascendify is built on <strong>clean, optimized code that loads blazing fast.</strong> Better Core Web Vitals means higher Google rankings, lower bounce rates, and more conversions. While other themes bloat your store with unnecessary scripts, Ascendify keeps things lean and performant. <strong>Your customers won't wait — and now they won't have to.</strong></p>",
            "highlight_text": "clean, optimized code that loads blazing fast.",
            "image_position": "left",
            "mobile_image_position": "top",
            "image_aspect_ratio": "square",
            "item_gap": 25,
            "item_image_width": 250,
            "item_image_border_radius": 6,
            "item_image_margin_bottom": 16,
            "item_background_color": "#ffffff",
            "item_padding": 25,
            "item_border_radius": 8,
            "item_border_width": 1,
            "item_border_color": "#d9ecfc",
            "enable_item_shadow": false,
            "item_shadow": "0 2px 8px rgba(0,0,0,0.1)",
            "highlight_background_color": "#fcdef4",
            "highlight_text_color": "#25282a",
            "highlight_padding": 8,
            "highlight_border_radius": 4,
            "highlight_margin_top": 10
          }
        },
        {
          "type": "listicle_item",
          "settings": {
            "enable_container": false,
            "hide_image": false,
            "title": "5. Mobile-First Design That Captures Every Sale",
            "content": "<p>Over 70% of e-commerce traffic comes from mobile. Ascendify is designed <strong>mobile-first from the ground up</strong> with separate layout controls for mobile, tablet, and desktop. Every section renders beautifully and converts on any screen size. <strong>Stop losing mobile customers to poorly optimized themes.</strong></p>",
            "highlight_text": "mobile-first from the ground up",
            "image_position": "left",
            "mobile_image_position": "top",
            "image_aspect_ratio": "square",
            "item_gap": 25,
            "item_image_width": 250,
            "item_image_border_radius": 6,
            "item_image_margin_bottom": 16,
            "item_background_color": "#ffffff",
            "item_padding": 25,
            "item_border_radius": 8,
            "item_border_width": 1,
            "item_border_color": "#d9ecfc",
            "enable_item_shadow": false,
            "item_shadow": "0 2px 8px rgba(0,0,0,0.1)",
            "highlight_background_color": "#fcdef4",
            "highlight_text_color": "#25282a",
            "highlight_padding": 8,
            "highlight_border_radius": 4,
            "highlight_margin_top": 10
          }
        },
        {
          "type": "listicle_item",
          "settings": {
            "enable_container": false,
            "hide_image": false,
            "title": "6. A Cart Drawer Built to Maximize Every Order",
            "content": "<p>Optimize your cart with <strong>proven blocks built to increase conversions.</strong> Ascendify's Cart Drawer goes far beyond a simple cart — it's a full conversion engine. Add Upsells, Payment/Trust Badges, a Progress Bar, Checkpoints Bar, Countdown Timer, Free/Conditional Gift offers, Text with Icon, Custom Liquid blocks, Rating Stars, and more. <strong>Every element is designed to reduce abandonment and increase average order value before checkout.</strong></p>",
            "highlight_text": "Upsells · Payment/Trust Badges · Progress Bar · Gift Box · Countdown Timer · Checkpoints Bar",
            "image_position": "left",
            "mobile_image_position": "top",
            "image_aspect_ratio": "square",
            "item_gap": 25,
            "item_image_width": 250,
            "item_image_border_radius": 6,
            "item_image_margin_bottom": 16,
            "item_background_color": "#ffffff",
            "item_padding": 25,
            "item_border_radius": 8,
            "item_border_width": 1,
            "item_border_color": "#d9ecfc",
            "enable_item_shadow": false,
            "item_shadow": "0 2px 8px rgba(0,0,0,0.1)",
            "highlight_background_color": "#fcdef4",
            "highlight_text_color": "#25282a",
            "highlight_padding": 8,
            "highlight_border_radius": 4,
            "highlight_margin_top": 10
          }
        },
        {
          "type": "listicle_item",
          "settings": {
            "enable_container": false,
            "hide_image": false,
            "title": "7. Comparison Tables That Instantly Communicate Your Edge",
            "content": "<p>Show customers exactly why you're the best choice. Ascendify's built-in <strong>comparison table section</strong> lets you highlight your advantages over competitors in a visually striking format. Fully customizable icons, colors, and layouts make it effortless to communicate your value proposition at a glance. <strong>Turn fence-sitters into buyers with powerful visual comparisons.</strong></p>",
            "highlight_text": "Turn fence-sitters into buyers with powerful visual comparisons.",
            "image_position": "left",
            "mobile_image_position": "top",
            "image_aspect_ratio": "square",
            "item_gap": 25,
            "item_image_width": 250,
            "item_image_border_radius": 6,
            "item_image_margin_bottom": 16,
            "item_background_color": "#ffffff",
            "item_padding": 25,
            "item_border_radius": 8,
            "item_border_width": 1,
            "item_border_color": "#d9ecfc",
            "enable_item_shadow": false,
            "item_shadow": "0 2px 8px rgba(0,0,0,0.1)",
            "highlight_background_color": "#fcdef4",
            "highlight_text_color": "#25282a",
            "highlight_padding": 8,
            "highlight_border_radius": 4,
            "highlight_margin_top": 10
          }
        },
        {
          "type": "listicle_item",
          "settings": {
            "enable_container": false,
            "hide_image": false,
            "title": "8. Interactive Elements That Engage & Convert",
            "content": "<p><em><strong>Pro Tip: Interactive content increases time on page by 47%!</strong></em> Ascendify includes before/after sliders, animated results sections, hotspot images, hero benefits with auto-rotation, and video sliders. These aren't just pretty features — they're proven engagement and conversion tools that keep visitors moving toward checkout.</p>",
            "highlight_text": "Interactive content increases time on page by 47%!",
            "image_position": "left",
            "mobile_image_position": "top",
            "image_aspect_ratio": "square",
            "item_gap": 25,
            "item_image_width": 250,
            "item_image_border_radius": 6,
            "item_image_margin_bottom": 16,
            "item_background_color": "#ffffff",
            "item_padding": 25,
            "item_border_radius": 8,
            "item_border_width": 1,
            "item_border_color": "#d9ecfc",
            "enable_item_shadow": false,
            "item_shadow": "0 2px 8px rgba(0,0,0,0.1)",
            "highlight_background_color": "#fcdef4",
            "highlight_text_color": "#25282a",
            "highlight_padding": 8,
            "highlight_border_radius": 4,
            "highlight_margin_top": 10
          }
        },
        {
          "type": "listicle_item",
          "settings": {
            "enable_container": false,
            "hide_image": false,
            "title": "9. High-Converting Templates — Go From Generic to Branded in 3 Steps",
            "content": "<p>Transform your store from forgettable to unforgettable. Ascendify's <strong>professionally designed templates</strong> let you launch a store built to convert in three simple steps: select your free template with one-click install, customize your brand colors, fonts, and content using the visual editor with real-time previews, then go live and watch your metrics improve from day one. <strong>No code, no developer, no guesswork — just results.</strong></p>",
            "highlight_text": "1. Select Template → 2. Customize Your Brand → 3. Launch & Convert",
            "image_position": "left",
            "mobile_image_position": "top",
            "image_aspect_ratio": "square",
            "item_gap": 25,
            "item_image_width": 250,
            "item_image_border_radius": 6,
            "item_image_margin_bottom": 16,
            "item_background_color": "#ffffff",
            "item_padding": 25,
            "item_border_radius": 8,
            "item_border_width": 1,
            "item_border_color": "#d9ecfc",
            "enable_item_shadow": false,
            "item_shadow": "0 2px 8px rgba(0,0,0,0.1)",
            "highlight_background_color": "#fcdef4",
            "highlight_text_color": "#25282a",
            "highlight_padding": 8,
            "highlight_border_radius": 4,
            "highlight_margin_top": 10
          }
        },
        {
          "type": "listicle_item",
          "settings": {
            "enable_container": false,
            "hide_image": false,
            "title": "10. Built By E-Commerce Experts Obsessed With Conversions",
            "content": "<p>Ascendify isn't built by random developers — it's crafted by <strong>e-commerce specialists who have driven millions in online revenue.</strong> Every block, every section, every setting exists with one goal: to help you sell more. We've tested relentlessly, studied what works, and packed it all into one powerhouse theme. <strong>Your success is our obsession.</strong></p>",
            "highlight_text": "e-commerce specialists who have driven millions in online revenue.",
            "image_position": "left",
            "mobile_image_position": "top",
            "image_aspect_ratio": "square",
            "item_gap": 25,
            "item_image_width": 250,
            "item_image_border_radius": 6,
            "item_image_margin_bottom": 16,
            "item_background_color": "#ffffff",
            "item_padding": 25,
            "item_border_radius": 8,
            "item_border_width": 1,
            "item_border_color": "#d9ecfc",
            "enable_item_shadow": false,
            "item_shadow": "0 2px 8px rgba(0,0,0,0.1)",
            "highlight_background_color": "#fcdef4",
            "highlight_text_color": "#25282a",
            "highlight_padding": 8,
            "highlight_border_radius": 4,
            "highlight_margin_top": 10
          }
        },
        {
          "type": "limited_time_sale_v2",
          "settings": {
            "badge_text": "FREE LIFETIME UPDATES INCLUDED",
            "badge_bg_color": "#e79dd3",
            "badge_text_color": "#25282a",
            "badge_border_radius": 20,
            "badge_font_size": 11,
            "image_position": "left",
            "image_width_percent": 45,
            "image_bg_color": "#f4f4f4",
            "image_object_fit": "cover",
            "divider_label": "LAUNCH SPECIAL - LIMITED TIME ONLY!",
            "divider_label_size": 11,
            "divider_color": "#25282a",
            "headline_accent": "GET ASCENDIFY NOW",
            "headline": "(One-Time Payment)",
            "headline_size": 28,
            "mobile_headline_size": 24,
            "subtitle": "Join thousands of store owners who've transformed their Shopify stores with Ascendify — the most advanced conversion-focused theme available.",
            "subtitle_size": 14,
            "mobile_subtitle_size": 14,
            "cta_label": "GET ASCENDIFY NOW",
            "cta_bg_color": "#e79dd3",
            "cta_text_color": "#25282a",
            "cta_border_radius": 8,
            "cta_font_size": 16,
            "enable_countdown": true,
            "countdown_inline": false,
            "countdown_label": "DEAL ENDING IN:",
            "countdown_label_size": 12,
            "countdown_color": "#e74c3c",
            "countdown_size": 28,
            "mobile_countdown_size": 24,
            "deal_mode": "duration",
            "duration_days": 0,
            "duration_hours": 2,
            "duration_minutes": 33,
            "duration_seconds": 53,
            "timer_label_days": "DAYS",
            "timer_label_hours": "HRS",
            "timer_label_minutes": "MIN",
            "timer_label_seconds": "SEC",
            "timer_label_size": 10,
            "sellout_risk_label": "Sell-Out Risk:",
            "sellout_risk": "HIGH DEMAND",
            "sellout_risk_color": "#e74c3c",
            "shipping_text": "INSTANT DOWNLOAD",
            "badges_bg_color": "#fff6ee",
            "badges_border_color": "#ffedd7",
            "badges_border_style": "dashed",
            "badges_border_radius": 4,
            "badges_font_size": 13,
            "guarantee_text": "30-Day Money-Back Guarantee",
            "guarantee_dim": true,
            "guarantee_size": 12,
            "text_color": "#25282a",
            "accent_color": "#e74c3c",
            "bg_color": "#fffde7",
            "border_color": "#e79dd3",
            "border_style": "dashed",
            "border_width": 2,
            "border_radius": 12,
            "container_padding_horizontal": 80,
            "content_padding": 30,
            "content_gap": 16,
            "mobile_image_height": 260,
            "mobile_content_padding": 20,
            "margin_top": 40,
            "margin_bottom": 40
          }
        },
        {
          "type": "sticky_add_to_cart",
          "settings": {
            "button_text": "YES, I WANT ASCENDIFY NOW",
            "button_bg_color": "#25282a",
            "button_text_color": "#ffffff",
            "button_border_radius": 8,
            "button_padding_vertical": 16,
            "button_padding_horizontal": 24,
            "button_font_size": 16,
            "button_width_desktop": 400,
            "arrow_size": 18,
            "z_index": 9900,
            "max_width": 600,
            "container_padding": 16,
            "gap": 8,
            "mobile_container_padding": 12,
            "mobile_button_font_size": 15,
            "mobile_button_padding_vertical": 14,
            "mobile_button_padding_horizontal": 20,
            "mobile_arrow_size": 16,
            "mobile_verification_font_size": 12,
            "mobile_checkmark_size": 12
          }
        },
        {
          "type": "advertorial_footer",
          "settings": {
            "disclaimer_text": "*Ascendify is a premium Shopify theme. One-time purchase includes lifetime updates for one store. Additional store licenses available separately.",
            "copyright_text": "© 2026 Ascendify. All rights reserved.",
            "show_links": true,
            "terms_text": "Terms of Service",
            "privacy_text": "Privacy Policy",
            "background_color": "#d9ecfc",
            "text_color": "#25282a",
            "link_color": "#25282a",
            "link_hover_color": "#fcdef4",
            "link_decoration": "underline",
            "link_hover_decoration": "none",
            "max_width": 1000,
            "padding_vertical": 40,
            "padding_horizontal": 30,
            "gap": 20,
            "disclaimer_font_size": 13,
            "disclaimer_line_height": 1.5,
            "disclaimer_alignment": "left",
            "disclaimer_opacity": 0.9,
            "bottom_layout": "row",
            "bottom_alignment": "center",
            "bottom_justify": "space-between",
            "bottom_gap": 15,
            "copyright_font_size": 12,
            "copyright_opacity": 0.8,
            "link_font_size": 12,
            "links_gap": 10,
            "mobile_padding_vertical": 25,
            "mobile_padding_horizontal": 20,
            "mobile_disclaimer_font_size": 12,
            "mobile_disclaimer_alignment": "left",
            "mobile_bottom_layout": "column",
            "mobile_bottom_alignment": "center",
            "mobile_bottom_justify": "center",
            "mobile_bottom_gap": 10,
            "mobile_copyright_font_size": 11,
            "mobile_link_font_size": 11,
            "mobile_links_gap": 8
          }
        }
      ]
    }
  ]
}
{% endschema %}