
<style>
    .irons-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 40px;
    }
    .irons-section h1 {
      font-size: calc(var(--font-heading-scale) * 3.6rem);
      text-align: center;
      margin:30px 0;
    }
    .irons-column {
      background: #fff;
      padding: 20px;
      border: 1px solid;
      border-radius: 8px
    }
    .irons-column h2 {
      font-size: 22px;
      margin-bottom: 15px;
      color: #333;
    }
    .irons-content {
      line-height: 1.6;
    }
    @media (max-width:767px){
      .irons-section h1 {
        font-size: calc(var(--font-heading-scale) * 1.6rem);
      }
    }
  </style>


<section class="irons-section">
  <div class="page-width">
    {% if section.settings.heading != blank %}
      <h1>{{ section.settings.heading }}</h1>
    {% endif %}
    <div class="irons-grid">
      {% for block in section.blocks %}
        <div class="irons-column" {{ block.shopify_attributes }}>
          {% if block.settings.title != blank %}
            <h2>{{ block.settings.title }}</h2>
          {% endif %}
          <div class="irons-content">
            {{ block.settings.content }}
          </div>
        </div>
      {% endfor %}
    </div>
  </div>
</section>

  
{% schema %}
{
  "name": "Irons side by side",
  "settings": [
    {
      "type": "text",
      "id": "heading",
      "label": "eading",
      "default": "Irons Information"
    }
  ],
  "blocks": [
    {
      "type": "column",
      "name": "Column",
      "settings": [
        {
          "type": "text",
          "id": "title",
          "label": "Column Title",
          "default": "Standard Sets vs Combo Sets"
        },
        {
          "type": "richtext",
          "id": "content",
          "label": "Column Content",
          "default": "<p>Standard Iron Set: Usually runs from 4-iron through pitching wedge (sometimes 5-PW).<br><br>Simpler, consistent feel across all clubs.<br><br>Combo Set: Mixes iron styles (e.g., long irons = more forgiving, short irons = more workable).<br><br>Ideal for golfers who need forgiveness in long irons but control in short irons.</p>"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Irons side by side"
    }
  ]
}
{% endschema %}