Return Policy Band

<section class="sl-return-policy" style="padding:clamp(32px,5vw,56px) 1rem;color:inherit;font-family:inherit;background:{{ section.settings.bg_color | default: 'transparent' }};">
  <div style="max-width:1200px;margin:0 auto;">
    {%- if section.settings.heading != blank -%}
      <h2 style="margin:0 0 1.5rem;text-align:center;font-size:clamp(1.25rem,2.5vw,1.75rem);font-family:inherit;">{{ section.settings.heading }}</h2>
    {%- endif -%}
    <ul style="list-style:none;margin:0;padding:0;display:grid;gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));">
      {%- for block in section.blocks -%}
        <li style="display:flex;flex-direction:column;gap:.5rem;align-items:{% if section.settings.align == 'left' %}flex-start;text-align:left{% else %}center;text-align:center{% endif %};padding:1rem;" {{ block.shopify_attributes }}>
          <span aria-hidden="true" style="display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--sl-accent,#0a5cff);color:#fff;font-size:1.2rem;">{{ block.settings.icon | default: '✓' }}</span>
          <strong style="font-size:1rem;line-height:1.3;">{{ block.settings.title }}</strong>
          {%- if block.settings.description != blank -%}
            <p style="margin:0;opacity:.75;line-height:1.5;font-size:.88rem;">{{ block.settings.description }}</p>
          {%- endif -%}
        </li>
      {%- endfor -%}
    </ul>
  </div>
</section>
{% schema %}
{
  "name": "Return Policy Band",
  "settings": [
    { "type": "text", "id": "heading", "label": "Heading", "default": "Shop with confidence" },
    { "type": "select", "id": "align", "label": "Alignment", "options": [ { "value": "center", "label": "Center" }, { "value": "left", "label": "Left" } ], "default": "center" },
    { "type": "color", "id": "bg_color", "label": "Background color" }
  ],
  "blocks": [
    {
      "type": "item",
      "name": "Item",
      "settings": [
        { "type": "text", "id": "icon", "label": "Icon (emoji)", "default": "🚚" },
        { "type": "text", "id": "title", "label": "Title", "default": "Free shipping" },
        { "type": "textarea", "id": "description", "label": "Description", "default": "On US orders over $50." }
      ]
    }
  ],
  "presets": [
    {
      "name": "Return Policy Band",
      "blocks": [
        { "type": "item", "settings": { "icon": "🚚", "title": "Free shipping", "description": "Free US delivery on orders over $50, with tracked delivery." } },
        { "type": "item", "settings": { "icon": "↩️", "title": "30-day returns", "description": "Changed your mind? Return anything, no questions asked." } },
        { "type": "item", "settings": { "icon": "🛡️", "title": "2-year warranty", "description": "Backed by our full-replacement warranty." } },
        { "type": "item", "settings": { "icon": "🔒", "title": "Secure checkout", "description": "256-bit SSL encryption on every order." } }
      ]
    }
  ]
}
{% endschema %}