/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 17:10 Expected identifier but found whitespace
Line 18:2 Unexpected "\"100% Safe Materials · Pan-India Delivery · Personalised Just for You · Dedicated Support\""
Line 21:1 Expected identifier but found "%"
Line 23:0 Unexpected "{"
Line 23:1 Expected identifier but found "%"
Line 84:0 Unexpected "{"
Line 84:1 Expected identifier but found "%"
Line 86:0 Unexpected "<"
... and 43 more hidden warnings

**/
{% comment %}
  Section: memento-trust-badges.liquid
  "100% Safe Materials · Pan-India Delivery · Personalised Just for You · Dedicated Support"
  Matches .trust-section from baby_milestone_frame__1_.html
  4-column grid, white background, SVG icons — no emojis.
{% endcomment %}

{% style %}
  /* ── TRUST BADGES ─────────────────────────────────────── */
  .mmt2-trust {
    background: #ffffff;
    border-top: 1px solid #e8e2da;
    border-bottom: 1px solid #e8e2da;
    padding: 60px 0;
  }
  .mmt2-trust .mmt2-trust-wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 40px;
  }
  .mmt2-trust__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
  }
  .mmt2-trust__item {
    text-align: center;
    padding: 28px 16px;
    border-radius: 16px;
    transition: background 0.25s;
  }
  .mmt2-trust__item:hover { background: #fdf8f3; }

  .mmt2-trust__icon {
    width: 52px;
    height: 52px;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #fdf8f3;
  }

  .mmt2-trust__item h4 {
    font-size: 0.88rem;
    font-weight: 500;
    color: #2d2926;
    margin-bottom: 6px;
    line-height: 1.3;
  }
  .mmt2-trust__item p {
    font-size: 0.78rem;
    color: #6b6158;
    line-height: 1.55;
    font-weight: 300;
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 860px) {
    .mmt2-trust__grid { grid-template-columns: repeat(2, 1fr); gap: 0; }
    .mmt2-trust .mmt2-trust-wrap { padding: 0 24px; }
  }
  @media (max-width: 480px) {
    .mmt2-trust__grid { grid-template-columns: 1fr; }
    .mmt2-trust { padding: 48px 0; }
    .mmt2-trust .mmt2-trust-wrap { padding: 0 20px; }
  }
{% endstyle %}

<section class="mmt2-trust" aria-label="Why you can trust us">
  <div class="mmt2-trust-wrap">
    <div class="mmt2-trust__grid">

      {%- for block in section.blocks -%}
        <div class="mmt2-trust__item mmt2-reveal" {{ block.shopify_attributes }}>
          <div class="mmt2-trust__icon" aria-hidden="true">
            {%- case block.settings.icon -%}

              {%- when 'shield' -%}
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#b8865a" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="M9 12l2 2 4-4" stroke="#b8865a" stroke-width="1.8"/></svg>

              {%- when 'truck' -%}
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#6b8f5a" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="3" width="15" height="13" rx="1.5"/><polygon points="16 8 20 8 23 11 23 16 16 16 16 8"/><circle cx="5.5" cy="18.5" r="2.5"/><circle cx="18.5" cy="18.5" r="2.5"/></svg>

              {%- when 'pen' -%}
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#4a8ab5" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>

              {%- when 'message' -%}
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#9b6bb5" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><line x1="8" y1="10" x2="16" y2="10" stroke-width="1.5"/><line x1="8" y1="13" x2="12" y2="13" stroke-width="1.5"/></svg>

              {%- when 'leaf' -%}
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#6b8f5a" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10z"/><path d="M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12"/></svg>

              {%- when 'star' -%}
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#c9a96e" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>

              {%- when 'gift' -%}
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#b8865a" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 12 20 22 4 22 4 12"/><rect x="2" y="7" width="20" height="5"/><line x1="12" y1="22" x2="12" y2="7"/><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"/><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"/></svg>

              {%- when 'lock' -%}
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#b8865a" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>

              {%- else -%}
                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#d4a96a" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>

            {%- endcase -%}
          </div>

          <h4>{{ block.settings.title }}</h4>
          <p>{{ block.settings.body }}</p>
        </div>

      {%- else -%}
        <!-- Default 4 items when no blocks added -->
        <div class="mmt2-trust__item mmt2-reveal">
          <div class="mmt2-trust__icon" aria-hidden="true">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#b8865a" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/><path d="M9 16l2 2 4-4" stroke="#b8865a" stroke-width="1.8"/></svg>
          </div>
          <h4>100% Safe Materials</h4>
          <p>Non-toxic, child-safe coatings tested and certified for home use</p>
        </div>
        <div class="mmt2-trust__item mmt2-reveal">
          <div class="mmt2-trust__icon" aria-hidden="true">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#6b8f5a" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="3" width="15" height="13" rx="1.5"/><polygon points="16 8 20 8 23 11 23 16 16 16 16 8"/><circle cx="5.5" cy="18.5" r="2.5"/><circle cx="18.5" cy="18.5" r="2.5"/></svg>
          </div>
          <h4>Pan-India Delivery</h4>
          <p>Ships within 4–6 business days. Tracked, insured, and carefully packed</p>
        </div>
        <div class="mmt2-trust__item mmt2-reveal">
          <div class="mmt2-trust__icon" aria-hidden="true">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#4a8ab5" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>
          </div>
          <h4>Personalised Just for You</h4>
          <p>Every frame is made-to-order with your baby's name — no two are the same</p>
        </div>
        <div class="mmt2-trust__item mmt2-reveal">
          <div class="mmt2-trust__icon" aria-hidden="true">
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="#9b6bb5" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/><line x1="8" y1="10" x2="16" y2="10" stroke-width="1.5"/><line x1="8" y1="13" x2="12" y2="13" stroke-width="1.5"/></svg>
          </div>
          <h4>Dedicated Support</h4>
          <p>WhatsApp us any time. Real people, real answers — no bots here</p>
        </div>

      {%- endfor -%}
    </div>
  </div>
</section>

{% schema %}
{
  "name": "Trust Badges — Safe, Delivery, Personal, Support",
  "max_blocks": 6,
  "blocks": [
    {
      "type": "badge",
      "name": "Trust badge",
      "settings": [
        {
          "type": "select",
          "id": "icon",
          "label": "Icon",
          "options": [
            { "value": "shield",  "label": "Shield (safe / certified)" },
            { "value": "lock",    "label": "Lock (secure)" },
            { "value": "truck",   "label": "Delivery truck" },
            { "value": "pen",     "label": "Pen (personalised)" },
            { "value": "message", "label": "Message bubble (support)" },
            { "value": "leaf",    "label": "Leaf (eco / natural)" },
            { "value": "star",    "label": "Star (quality)" },
            { "value": "gift",    "label": "Gift box" }
          ],
          "default": "shield"
        },
        {
          "type": "text",
          "id": "title",
          "label": "Badge title",
          "default": "100% Safe Materials"
        },
        {
          "type": "textarea",
          "id": "body",
          "label": "Badge description",
          "default": "Non-toxic, child-safe coatings tested and certified for home use"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Trust Badges",
      "blocks": [
        { "type": "badge", "settings": { "icon": "shield",  "title": "100% Safe Materials",       "body": "Non-toxic, child-safe coatings tested and certified for home use" } },
        { "type": "badge", "settings": { "icon": "truck",   "title": "Pan-India Delivery",         "body": "Ships within 4–6 business days. Tracked, insured, and carefully packed" } },
        { "type": "badge", "settings": { "icon": "pen",     "title": "Personalised Just for You",  "body": "Every frame is made-to-order with your baby's name — no two are the same" } },
        { "type": "badge", "settings": { "icon": "message", "title": "Dedicated Support",          "body": "WhatsApp us any time. Real people, real answers — no bots here" } }
      ]
    }
  ]
}
{% endschema %}