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

{%- style -%}
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }
  @media screen and (min-width: 750px) {
    .section-{{ section.id }}-padding {
      padding-top: {{ section.settings.padding_top }}px;
      padding-bottom: {{ section.settings.padding_bottom }}px;
    }
  }

  .section-{{ section.id }}-margin {
    margin-top: {{ section.settings.margin_top | times: 0.75 | round: 0 }}px;
    margin-bottom: {{ section.settings.margin_bottom | times: 0.75 | round: 0 }}px;
  }
  @media screen and (min-width: 750px) {
    .section-{{ section.id }}-margin {
      margin-top: {{ section.settings.margin_top }}px;
      margin-bottom: {{ section.settings.margin_bottom }}px;
    }
  }

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

  /* Italic heading styles */
  .ctav2-section-heading-{{ section.id }} em {
    {% if section.settings.italic_style == 'italic' %}
      text-decoration: none !important;
      font-style: italic !important;
    {% elsif section.settings.italic_style == 'underline' %}
      font-style: normal !important;
      text-decoration: underline !important;
      text-decoration-color: {{ section.settings.underlinetextcolor }} !important;
      text-decoration-thickness: {{ section.settings.underlinethickness }}px !important;
      text-underline-offset: 4px;
    {% elsif section.settings.italic_style == 'font_family' and section.settings.italic_font_family != 'inherit' %}
      text-decoration: none !important;
      font-style: italic !important;
      {% if section.settings.italic_font_family == 'serif' %}
        font-family: serif !important;
      {% elsif section.settings.italic_font_family == 'georgia-pro' %}
        font-family: 'Georgia Pro', Georgia, serif !important;
      {% elsif section.settings.italic_font_family == 'bodoni-moda' %}
        font-family: 'Bodoni Moda', Georgia, serif !important;
      {% elsif section.settings.italic_font_family == 'instrument-serif' %}
        font-family: 'Instrument Serif', Georgia, serif !important;
      {% elsif section.settings.italic_font_family == 'custom_google_font' and section.settings.custom_google_font_name != blank %}
        font-family: '{{ section.settings.custom_google_font_name }}', sans-serif !important;
      {% elsif section.settings.italic_font_family == 'cursive' %}
        font-family: cursive !important;
      {% endif %}
      {% if section.settings.italic_font_weight != 'inherit' %}
        font-weight: {{ section.settings.italic_font_weight }} !important;
      {% endif %}
    {% endif %}
  }
{%- endstyle -%}

<div
  id="CtaBlockV2-{{ section.id }}"
  class="cta-block-v2 animate-section animate--hidden color-scheme-{{ section.id }} color-{{ section.settings.color_scheme }} gradient content-for-grouping {{ section.settings.visibility }} section-{{ section.id }}-margin"
>
  {% if section.settings.display_id %}
    <copy-button class="section-id-btn button" data-content="#shopify-section-{{ section.id }}" data-success="false">
      <span class="copy-text">Click to copy section ID</span>
      <span class="copy-success">ID copied successfully!</span>
    </copy-button>
  {% endif %}

  <div class="page-width section-{{ section.id }}-padding">

    {%- comment -%} Optional section heading {%- endcomment -%}
    {%- unless section.settings.title == blank -%}
      <div class="ctav2-section-heading-{{ section.id }} animate-item animate-item--child" style="--index: 0; text-align: {{ section.settings.heading_alignment }}; margin-bottom: 24px;">
        <h2
          class="{{ section.settings.heading_size }} title-with-highlight"
          style="--hightlight-color: {{ section.settings.title_highlight_color }}; --gradient-text: {{ section.settings.title_gradient_background }};"
        >
          {{ section.settings.title }}
        </h2>
      </div>
    {%- endunless -%}

    {%- liquid
      assign animate_base = 0
      unless section.settings.title == blank
        assign animate_base = 1
      endunless
    -%}

    {%- for block in section.blocks -%}
      {%- if block.type == 'cta_v2' -%}

        {%- capture ltsv2_countdown_html -%}
<div class="ltsv2-countdown-{{ block.id }}"
     id="ltsv2-countdown-{{ block.id }}"
     {% if block.settings.deal_mode == 'deadline' %}
       data-deadline="{{ block.settings.deadline }}"
     {% else %}
       data-days="{{ block.settings.duration_days }}"
       data-hours="{{ block.settings.duration_hours }}"
       data-minutes="{{ block.settings.duration_minutes }}"
       data-seconds="{{ block.settings.duration_seconds }}"
     {% endif %}>
  <span class="ltsv2-cd-cell ltsv2-cd-days-cell-{{ block.id }}" style="display:none">
    <span class="ltsv2-cd-digits" id="ltsv2-dd-{{ block.id }}">00</span>
    <span class="ltsv2-cd-unit">{{ block.settings.timer_label_days | default: 'DAYS' }}</span>
  </span>
  <span class="ltsv2-cd-sep ltsv2-cd-days-sep-{{ block.id }}" style="display:none">:</span>
  <span class="ltsv2-cd-cell">
    <span class="ltsv2-cd-digits" id="ltsv2-hh-{{ block.id }}">{{ block.settings.duration_hours | default: 0 | prepend: '0' | slice: -2, 2 }}</span>
    <span class="ltsv2-cd-unit">{{ block.settings.timer_label_hours | default: 'HRS' }}</span>
  </span>
  <span class="ltsv2-cd-sep">:</span>
  <span class="ltsv2-cd-cell">
    <span class="ltsv2-cd-digits" id="ltsv2-mm-{{ block.id }}">{{ block.settings.duration_minutes | default: 0 | prepend: '0' | slice: -2, 2 }}</span>
    <span class="ltsv2-cd-unit">{{ block.settings.timer_label_minutes | default: 'MIN' }}</span>
  </span>
  <span class="ltsv2-cd-sep">:</span>
  <span class="ltsv2-cd-cell">
    <span class="ltsv2-cd-digits" id="ltsv2-ss-{{ block.id }}">{{ block.settings.duration_seconds | default: 0 | prepend: '0' | slice: -2, 2 }}</span>
    <span class="ltsv2-cd-unit">{{ block.settings.timer_label_seconds | default: 'SEC' }}</span>
  </span>
</div>
        {%- endcapture -%}

        <div class="ltsv2-outer-{{ block.id }} animate-item animate-item--child" {{ block.shopify_attributes }} style="--index: {{ animate_base }};">

          {%- comment -%} Badge chip — centered on top border {%- endcomment -%}
          {%- if block.settings.badge_text != blank -%}
            <div class="ltsv2-badge-wrapper-{{ block.id }}">
              <div class="ltsv2-badge-{{ block.id }}">{{ block.settings.badge_text }}</div>
            </div>
          {%- endif -%}

          <div class="ltsv2-card-{{ block.id }}">

            {%- comment -%} IMAGE PANEL {%- endcomment -%}
            <div class="ltsv2-photo-{{ block.id }}">
              {%- if block.settings.image != blank -%}
                {{ block.settings.image | image_url: width: 800 | image_tag:
                    class: 'ltsv2-photo-img',
                    loading: 'lazy',
                    sizes: '(max-width: 749px) 100vw, 50vw' }}
              {%- else -%}
                <div class="ltsv2-photo-placeholder">Product Image</div>
              {%- endif -%}
            </div>

            {%- comment -%} CONTENT PANEL {%- endcomment -%}
            <div class="ltsv2-content-{{ block.id }}">

              {%- if block.settings.divider_label != blank -%}
                <div class="ltsv2-top-label-{{ block.id }}">
                  <span class="ltsv2-divider-label-{{ block.id }}">{{ block.settings.divider_label }}</span>
                </div>
              {%- endif -%}

              {%- if block.settings.headline != blank or block.settings.headline_accent != blank -%}
                <h2 class="ltsv2-heading-{{ block.id }}">
                  {%- if block.settings.headline_accent != blank -%}
                    <span class="ltsv2-heading-accent-{{ block.id }}">{{ block.settings.headline_accent }}</span>
                  {%- endif -%}
                  {%- if block.settings.headline != blank -%}
                    {{ block.settings.headline }}
                  {%- endif -%}
                </h2>
              {%- endif -%}

              {%- if block.settings.subtitle != blank -%}
                <p class="ltsv2-subtitle-{{ block.id }}">{{ block.settings.subtitle }}</p>
              {%- endif -%}

              {%- if block.settings.cta_label != blank -%}
                <a href="{{ block.settings.cta_link | default: '#' }}" class="ltsv2-cta-{{ block.id }}">
                  <span class="ltsv2-cta-text">{{ block.settings.cta_label }}</span>
                  {%- if block.settings.show_cta_arrow -%}
                    <span class="ltsv2-cta-icon" aria-hidden="true">
                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" width="20" height="20">
                        <path fill-rule="evenodd" d="M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z" clip-rule="evenodd"/>
                      </svg>
                    </span>
                  {%- endif -%}
                </a>
              {%- endif -%}

              {%- if block.settings.enable_countdown -%}
                <div class="ltsv2-deal-row-{{ block.id }}{% if block.settings.countdown_inline %} ltsv2-deal-row-inline-{{ block.id }}{% endif %}">
                  {%- if block.settings.countdown_label != blank -%}
                    <span class="ltsv2-deal-label-{{ block.id }}">{{ block.settings.countdown_label }}</span>
                  {%- endif -%}
                  {{ ltsv2_countdown_html }}
                </div>
              {%- endif -%}

              {%- if block.settings.sellout_risk_label != blank or block.settings.shipping_text != blank -%}
                <div class="ltsv2-badges-{{ block.id }}">
                  {%- if block.settings.sellout_risk_label != blank -%}
                    <div class="ltsv2-badge-item">
                      <span class="ltsv2-badge-label-{{ block.id }}">{{ block.settings.sellout_risk_label }}</span>
                      <span class="ltsv2-badge-value-{{ block.id }}">{{ block.settings.sellout_risk }}</span>
                    </div>
                  {%- endif -%}
                  {%- if block.settings.sellout_risk_label != blank and block.settings.shipping_text != blank -%}
                    <span class="ltsv2-badge-sep-{{ block.id }}">|</span>
                  {%- endif -%}
                  {%- if block.settings.shipping_text != blank -%}
                    <div class="ltsv2-badge-item">
                      <span class="ltsv2-shipping-{{ block.id }}">{{ block.settings.shipping_text }}</span>
                    </div>
                  {%- endif -%}
                </div>
              {%- endif -%}

              {%- if block.settings.guarantee_text != blank -%}
                <p class="ltsv2-guarantee-{{ block.id }}">{{ block.settings.guarantee_text }}</p>
              {%- endif -%}

            </div>{%- comment -%} /content {%- endcomment -%}
          </div>{%- comment -%} /card {%- endcomment -%}
        </div>{%- comment -%} /outer {%- endcomment -%}

        <style>
          .ltsv2-outer-{{ block.id }} {
            position: relative;
            margin-left: -{{ block.settings.container_padding_horizontal }}px;
            margin-right: -{{ block.settings.container_padding_horizontal }}px;
          }

          .ltsv2-badge-wrapper-{{ block.id }} {
            display: flex;
            justify-content: center;
            position: relative;
            z-index: 2;
            top: 16px;
            margin-bottom: -8px;
          }

          .ltsv2-badge-{{ block.id }} {
            background: {{ block.settings.badge_bg_color }};
            color: {{ block.settings.badge_text_color }};
            padding: 8px 20px;
            border-radius: {{ block.settings.badge_border_radius }}px;
            font-size: {{ block.settings.badge_font_size }}px;
            font-weight: 700;
            letter-spacing: 0.5px;
            text-transform: uppercase;
            white-space: nowrap;
            display: inline-block;
          }

          .ltsv2-card-{{ block.id }} {
            background: {{ block.settings.bg_color }};
            border: {{ block.settings.border_width }}px {{ block.settings.border_style }} {{ block.settings.border_color }};
            border-radius: {{ block.settings.border_radius }}px;
            overflow: hidden;
            display: flex;
            flex-direction: {% if block.settings.image_position == 'right' %}row-reverse{% else %}row{% endif %};
            align-items: stretch;
          }

          .ltsv2-photo-{{ block.id }} {
            flex: 0 0 {{ block.settings.image_width_percent }}%;
            width: {{ block.settings.image_width_percent }}%;
            background: {{ block.settings.image_bg_color }};
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
          }

          .ltsv2-photo-{{ block.id }} .ltsv2-photo-img {
            width: 100%;
            height: 100%;
            object-fit: {{ block.settings.image_object_fit }};
            object-position: center;
            display: block;
          }

          .ltsv2-photo-placeholder {
            color: #999;
            font-size: 14px;
            padding: 40px;
          }

          .ltsv2-content-{{ block.id }} {
            flex: 1;
            min-width: 0;
            padding: {{ block.settings.content_padding }}px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: {{ block.settings.content_gap }}px;
            text-align: center;
          }

          .ltsv2-top-label-{{ block.id }} {
            display: flex;
            align-items: center;
            justify-content: center;
            align-self: center;
          }

          .ltsv2-divider-label-{{ block.id }} {
            font-size: {{ block.settings.divider_label_size }}px;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase;
            color: {{ block.settings.divider_color }};
            white-space: nowrap;
          }

          .ltsv2-heading-{{ block.id }} {
            font-size: {{ block.settings.headline_size }}px;
            font-weight: 900;
            line-height: 1.2;
            color: {{ block.settings.text_color }};
            margin: 0;
            letter-spacing: var(--letter-spacing-heading);
          }

          .ltsv2-heading-accent-{{ block.id }} {
            color: {{ block.settings.accent_color }};
            display: block;
          }

          .ltsv2-subtitle-{{ block.id }} {
            font-size: {{ block.settings.subtitle_size }}px;
            color: {{ block.settings.text_color }};
            line-height: 1.5;
            margin: 0;
            opacity: 0.85;
            max-width: 360px;
          }

          .ltsv2-cta-{{ block.id }} {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            width: 100%;
            min-height: 56px;
            background: {{ block.settings.cta_bg_color }};
            color: {{ block.settings.cta_text_color }};
            border-radius: {{ block.settings.cta_border_radius }}px;
            font-size: {{ block.settings.cta_font_size }}px;
            font-weight: 900;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            transition: opacity 0.2s ease, transform 0.2s ease;
          }

          .ltsv2-cta-{{ block.id }}:hover {
            opacity: 0.9;
            transform: translateY(-2px);
            color: {{ block.settings.cta_text_color }};
          }

          .ltsv2-cta-text { font-weight: 900; }

          .ltsv2-cta-icon {
            display: flex;
            align-items: center;
            flex-shrink: 0;
          }

          .ltsv2-deal-row-{{ block.id }} {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
          }

          .ltsv2-deal-row-inline-{{ block.id }} {
            flex-direction: row;
            align-items: center;
            gap: 8px;
          }

          .ltsv2-deal-row-inline-{{ block.id }} .ltsv2-cd-sep {
            margin-bottom: 0;
          }

          .ltsv2-deal-label-{{ block.id }} {
            font-size: {{ block.settings.countdown_label_size }}px;
            font-weight: 800;
            color: {{ block.settings.text_color }};
            letter-spacing: 0.5px;
            text-transform: uppercase;
          }

          .ltsv2-countdown-{{ block.id }} {
            display: flex;
            align-items: center;
            gap: 4px;
          }

          .ltsv2-cd-cell {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            gap: 2px;
          }

          .ltsv2-countdown-{{ block.id }} .ltsv2-cd-digits {
            font-size: {{ block.settings.countdown_size }}px;
            font-weight: 800;
            color: {{ block.settings.countdown_color }};
            line-height: 1;
            letter-spacing: 1px;
          }

          .ltsv2-countdown-{{ block.id }} .ltsv2-cd-unit {
            font-size: {{ block.settings.timer_label_size }}px;
            font-weight: 700;
            color: {{ block.settings.text_color }};
            opacity: 0.6;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            line-height: 1;
          }

          .ltsv2-countdown-{{ block.id }} .ltsv2-cd-sep {
            font-size: {{ block.settings.countdown_size }}px;
            font-weight: 800;
            color: {{ block.settings.countdown_color }};
            line-height: 1;
            margin-bottom: {{ block.settings.timer_label_size | plus: 4 }}px;
          }

          .ltsv2-badges-{{ block.id }} {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            background: {{ block.settings.badges_bg_color }};
            border: 1px {{ block.settings.badges_border_style }} {{ block.settings.badges_border_color }};
            border-radius: {{ block.settings.badges_border_radius }}px;
            padding: 10px 16px;
            width: 100%;
            box-sizing: border-box;
            flex-wrap: wrap;
          }

          .ltsv2-badge-item {
            display: flex;
            align-items: center;
            gap: 4px;
          }

          .ltsv2-badge-label-{{ block.id }} {
            font-size: {{ block.settings.badges_font_size }}px;
            font-weight: 500;
            color: {{ block.settings.text_color }};
          }

          .ltsv2-badge-value-{{ block.id }} {
            font-size: {{ block.settings.badges_font_size }}px;
            font-weight: 800;
            color: {{ block.settings.sellout_risk_color }};
          }

          .ltsv2-badge-sep-{{ block.id }} {
            color: {{ block.settings.text_color }};
            opacity: 0.3;
            font-size: {{ block.settings.badges_font_size }}px;
          }

          .ltsv2-shipping-{{ block.id }} {
            font-size: {{ block.settings.badges_font_size }}px;
            font-weight: 800;
            color: {{ block.settings.text_color }};
          }

          .ltsv2-guarantee-{{ block.id }} {
            font-size: {{ block.settings.guarantee_size }}px;
            color: {{ block.settings.text_color }};
            opacity: {% if block.settings.guarantee_dim %}0.65{% else %}1{% endif %};
            margin: 0;
            text-align: center;
          }

          @media (max-width: 749px) {
            .ltsv2-outer-{{ block.id }} {
              margin-left: 0 !important;
              margin-right: 0 !important;
            }

            .ltsv2-card-{{ block.id }} {
              flex-direction: column;
            }

            .ltsv2-photo-{{ block.id }} {
              flex: none;
              width: 100%;
              min-height: {{ block.settings.mobile_image_height }}px;
              order: 0;
            }

            .ltsv2-content-{{ block.id }} {
              order: 1;
              padding: {{ block.settings.mobile_content_padding }}px;
            }

            .ltsv2-heading-{{ block.id }} {
              font-size: {{ block.settings.mobile_headline_size }}px;
            }

            .ltsv2-subtitle-{{ block.id }} {
              font-size: {{ block.settings.mobile_subtitle_size }}px;
            }

            .ltsv2-countdown-{{ block.id }} .ltsv2-cd-digits {
              font-size: {{ block.settings.mobile_countdown_size }}px;
            }

            .ltsv2-countdown-{{ block.id }} .ltsv2-cd-sep {
              font-size: {{ block.settings.mobile_countdown_size }}px;
            }
          }
        </style>

        {%- if block.settings.enable_countdown -%}
          <script>
          (function(){
            const el = document.getElementById('ltsv2-countdown-{{ block.id }}');
            if (!el) return;

            const ddEl     = document.getElementById('ltsv2-dd-{{ block.id }}');
            const hhEl     = document.getElementById('ltsv2-hh-{{ block.id }}');
            const mmEl     = document.getElementById('ltsv2-mm-{{ block.id }}');
            const ssEl     = document.getElementById('ltsv2-ss-{{ block.id }}');
            const daysCell = el.querySelector('.ltsv2-cd-days-cell-{{ block.id }}');
            const daysSep  = el.querySelector('.ltsv2-cd-days-sep-{{ block.id }}');

            const deadlineAttr = el.getAttribute('data-deadline');
            const storageKey   = 'ascendify-v2-{{ block.id }}';
            const configKey    = storageKey + '-config';
            let endTime;

            if (deadlineAttr) {
              endTime = new Date(deadlineAttr).getTime();
            } else {
              const D = parseInt(el.getAttribute('data-days')    || '0', 10);
              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 = ((D * 24 * 60 + H * 60 + M) * 60 + S) * 1000;
              const configVal  = D + '-' + H + '-' + M + '-' + S;

              const storedConfig = localStorage.getItem(configKey);
              const storedEnd    = localStorage.getItem(storageKey);

              if (storedEnd && storedConfig === configVal && parseInt(storedEnd, 10) > Date.now()) {
                endTime = parseInt(storedEnd, 10);
              } else {
                endTime = Date.now() + durationMs;
                localStorage.setItem(storageKey, String(endTime));
                localStorage.setItem(configKey, configVal);
              }
            }

            function pad(n) { return String(n).padStart(2, '0'); }

            function tick() {
              const diff         = Math.max(0, endTime - Date.now());
              const totalSeconds = Math.floor(diff / 1000);
              const days    = Math.floor(totalSeconds / 86400);
              const hours   = Math.floor((totalSeconds % 86400) / 3600);
              const minutes = Math.floor((totalSeconds % 3600) / 60);
              const seconds = totalSeconds % 60;

              if (days > 0) {
                if (daysCell) daysCell.style.display = 'inline-flex';
                if (daysSep)  daysSep.style.display  = 'inline';
                if (ddEl)     ddEl.textContent = pad(days);
              } else {
                if (daysCell) daysCell.style.display = 'none';
                if (daysSep)  daysSep.style.display  = 'none';
              }

              hhEl.textContent = pad(hours);
              mmEl.textContent = pad(minutes);
              ssEl.textContent = pad(seconds);

              if (diff <= 0) clearInterval(timerId);
            }

            tick();
            const timerId = setInterval(tick, 1000);
          })();
          </script>
        {%- endif -%}

      {%- endif -%}
    {%- endfor -%}

  </div>{%- comment -%} /page-width {%- endcomment -%}
</div>

{% schema %}
{
  "name": "CTA Section",
  "tag": "section",
  "class": "section",
  "disabled_on": {
    "groups": ["header", "footer"]
  },
  "settings": [
    {
      "type": "checkbox",
      "id": "display_id",
      "label": "Display section ID",
      "info": "ID is used in the Sections group section to merge 2 sections. ID can also be put inside any button link and the button will scroll to this section.",
      "default": false
    },
    {
      "type": "select",
      "id": "visibility",
      "label": "Display on",
      "options": [
        { "value": "desktop-hidden", "label": "Mobile only" },
        { "value": "mobile-hidden", "label": "Desktop only" },
        { "value": "always-display", "label": "All devices" }
      ],
      "default": "always-display"
    },
    {
      "type": "header",
      "content": "General"
    },
    {
      "type": "inline_richtext",
      "id": "title",
      "label": "Heading",
      "info": "Bold certain words to highlight them with a different color. Leave blank to hide."
    },
    {
      "type": "color",
      "id": "title_highlight_color",
      "label": "Heading highlight color",
      "default": "#e74c3c"
    },
    {
      "type": "checkbox",
      "id": "enable_gradient",
      "label": "Enable gradient for bold text",
      "default": false,
      "info": "Override solid color with gradient for bold text"
    },
    {
      "type": "color_background",
      "id": "title_gradient_background",
      "label": "Gradient highlight",
      "default": "linear-gradient(45deg, #e74c3c 0%, #2f465f 100%)",
      "info": "Used when gradient is enabled"
    },
    {
      "type": "header",
      "content": "Italic Text Styling",
      "info": "Controls how italic text (*text*) is displayed in the heading"
    },
    {
      "type": "select",
      "id": "italic_style",
      "label": "Italic Text Style",
      "options": [
        { "value": "italic", "label": "Normal Italic" },
        { "value": "underline", "label": "Underline" },
        { "value": "font_family", "label": "Custom Font Family" }
      ],
      "default": "underline"
    },
    {
      "type": "color",
      "id": "underlinetextcolor",
      "label": "Underline color",
      "default": "#e74c3c",
      "info": "Used when 'Underline' style is selected"
    },
    {
      "type": "range",
      "id": "underlinethickness",
      "min": 1,
      "max": 8,
      "step": 1,
      "unit": "px",
      "label": "Underline thickness",
      "default": 3,
      "info": "Used when 'Underline' style is selected"
    },
    {
      "type": "select",
      "id": "italic_font_family",
      "label": "Italic Text Font Family",
      "options": [
        { "value": "inherit", "label": "Default (Inherit)" },
        { "value": "serif", "label": "Serif" },
        { "value": "georgia-pro", "label": "Georgia Pro" },
        { "value": "bodoni-moda", "label": "Bodoni Moda" },
        { "value": "instrument-serif", "label": "Instrument Serif" },
        { "value": "cursive", "label": "Cursive" },
        { "value": "custom_google_font", "label": "Custom Google Font" }
      ],
      "default": "serif",
      "info": "Used when 'Custom Font Family' style is selected"
    },
    {
      "type": "text",
      "id": "custom_google_font_name",
      "label": "Custom Google Font Name",
      "info": "Enter the exact Google Font family name (e.g., 'Roboto', 'Open Sans', 'Playfair Display'). Font will be loaded from Google Fonts automatically. Browse fonts at https://fonts.google.com/"
    },
    {
      "type": "select",
      "id": "italic_font_weight",
      "label": "Italic Text Font Weight",
      "options": [
        { "value": "inherit", "label": "Default (Inherit)" },
        { "value": "300", "label": "Light (300)" },
        { "value": "400", "label": "Normal (400)" },
        { "value": "500", "label": "Medium (500)" },
        { "value": "600", "label": "Semi Bold (600)" },
        { "value": "700", "label": "Bold (700)" },
        { "value": "800", "label": "Extra Bold (800)" },
        { "value": "900", "label": "Black (900)" }
      ],
      "default": "inherit",
      "info": "Used when 'Custom Font Family' style is selected"
    },
    {
      "type": "select",
      "id": "heading_size",
      "label": "Heading size",
      "options": [
        { "value": "h2", "label": "Small" },
        { "value": "h1", "label": "Medium" },
        { "value": "h0", "label": "Large" }
      ],
      "default": "h1"
    },
    {
      "type": "select",
      "id": "heading_alignment",
      "label": "Heading alignment",
      "options": [
        { "value": "left", "label": "Left" },
        { "value": "center", "label": "Center" },
        { "value": "right", "label": "Right" }
      ],
      "default": "center"
    },
    {
      "type": "header",
      "content": "Color scheme"
    },
    {
      "type": "select",
      "id": "color_scheme",
      "label": "Color scheme",
      "options": [
        { "value": "accent-1", "label": "Accent 1" },
        { "value": "accent-2", "label": "Accent 2" },
        { "value": "background-1", "label": "Background 1" },
        { "value": "background-2", "label": "Background 2" },
        { "value": "inverse", "label": "Inverse" },
        { "value": "custom", "label": "Custom" }
      ],
      "default": "background-1",
      "info": "Custom color scheme is edited at the bottom of section settings."
    },
    {
      "type": "header",
      "content": "Section padding"
    },
    {
      "type": "range",
      "id": "padding_top",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "Padding top",
      "default": 60
    },
    {
      "type": "range",
      "id": "padding_bottom",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "Padding bottom",
      "default": 60
    },
    {
      "type": "header",
      "content": "Section margin"
    },
    {
      "type": "range",
      "id": "margin_top",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "Margin top",
      "default": 0
    },
    {
      "type": "range",
      "id": "margin_bottom",
      "min": 0,
      "max": 100,
      "step": 4,
      "unit": "px",
      "label": "Margin bottom",
      "default": 0
    },
    {
      "type": "header",
      "content": "Custom color scheme",
      "info": "Applied when Color scheme is set to Custom."
    },
    {
      "type": "color",
      "id": "custom_colors_background",
      "label": "Background color",
      "default": "#FFFFFF",
      "visible_if": "{{ section.settings.color_scheme == 'custom' }}"
    },
    {
      "type": "color_background",
      "id": "custom_gradient_background",
      "label": "Gradient background",
      "info": "Replaces Background color when set.",
      "visible_if": "{{ section.settings.color_scheme == 'custom' }}"
    },
    {
      "type": "image_picker",
      "id": "custom_image_background",
      "label": "Image background",
      "visible_if": "{{ section.settings.color_scheme == 'custom' }}"
    },
    {
      "type": "image_picker",
      "id": "custom_mobile_image_background",
      "label": "Mobile image background",
      "info": "If empty, the desktop image is used on mobile.",
      "visible_if": "{{ section.settings.color_scheme == 'custom' }}"
    },
    {
      "type": "color",
      "id": "custom_colors_text",
      "label": "Text color",
      "default": "#2E2A39",
      "visible_if": "{{ section.settings.color_scheme == 'custom' }}"
    }
  ],
  "blocks": [
    {
      "type": "cta_v2",
      "name": "CTA Block",
      "limit": 1,
      "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": "#2f465f"
        },
        {
          "type": "color",
          "id": "badge_text_color",
          "label": "Badge Text Color",
          "default": "#ffffff"
        },
        {
          "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": "#2f465f"
        },
        {
          "type": "color",
          "id": "cta_text_color",
          "label": "Button Text Color",
          "default": "#ffffff"
        },
        {
          "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": "checkbox",
          "id": "show_cta_arrow",
          "label": "Show arrow icon",
          "default": true
        },
        {
          "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",
          "label": "Duration Days",
          "min": 0,
          "max": 30,
          "step": 1,
          "default": 0,
          "visible_if": "{{ block.settings.enable_countdown == true and block.settings.deal_mode == 'duration' }}"
        },
        {
          "type": "range",
          "id": "duration_hours",
          "label": "Duration Hours",
          "min": 0,
          "max": 48,
          "step": 1,
          "default": 23,
          "visible_if": "{{ block.settings.enable_countdown == true and block.settings.deal_mode == 'duration' }}"
        },
        {
          "type": "range",
          "id": "duration_minutes",
          "label": "Duration Minutes",
          "min": 0,
          "max": 59,
          "step": 1,
          "default": 16,
          "visible_if": "{{ block.settings.enable_countdown == true and block.settings.deal_mode == 'duration' }}"
        },
        {
          "type": "range",
          "id": "duration_seconds",
          "label": "Duration Seconds",
          "min": 0,
          "max": 59,
          "step": 1,
          "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": 12
        },
        {
          "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": "#2f465f"
        },
        {
          "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": 0
        },
        {
          "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
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "CTA Section",
      "category": "Content",
      "blocks": [
        {
          "type": "cta_v2",
          "settings": {
            "badge_text": "FREE LIFETIME UPDATES INCLUDED",
            "badge_bg_color": "#2f465f",
            "badge_text_color": "#ffffff",
            "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 hundreds 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": "#2f465f",
            "cta_text_color": "#ffffff",
            "cta_border_radius": 8,
            "cta_font_size": 16,
            "show_cta_arrow": true,
            "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": "VERY HIGH",
            "sellout_risk_color": "#e74c3c",
            "shipping_text": "FREE SHIPPING",
            "badges_bg_color": "#fff6ee",
            "badges_border_color": "#ffedd7",
            "badges_border_style": "dashed",
            "badges_border_radius": 4,
            "badges_font_size": 12,
            "guarantee_text": "Try it today with a 30-Day Money-Back Guarantee!",
            "guarantee_dim": true,
            "guarantee_size": 12,
            "text_color": "#25282a",
            "accent_color": "#e74c3c",
            "bg_color": "#fffde7",
            "border_color": "#2f465f",
            "border_style": "dashed",
            "border_width": 2,
            "border_radius": 12,
            "container_padding_horizontal": 0,
            "content_padding": 30,
            "content_gap": 16,
            "mobile_image_height": 260,
            "mobile_content_padding": 20
          }
        }
      ]
    }
  ]
}
{% endschema %}