<?php
if ( ! defined( 'ABSPATH' ) ) {
    exit;
}
?>
<div class="row mb-3">
  <!-- Card 1 -->
  <div class="col-md-4 mb-4">
    <div class="card h-100 border-primary">
      <div class="card-body px-2">
        <h5 class="card-title text-primary">Buy product A and get product B Free</h5>
        <p class="card-text">
          Customers buy one product and get a different product for free.<br><br>
          <strong>Example:</strong><br>
          - Category: Caps<br>
          - Buy 2 × A → Get 2 × B (if limit = 2)<br>
          - Buy 3 × A → Still get 2 × B (max limit applies)<br><br>
          <em>Free product is different from the one being bought.</em>
        </p>
      </div>
    </div>
  </div>

  <!-- Card 2 -->
  <div class="col-md-4 mb-4">
    <div class="card h-100 border-success">
      <div class="card-body px-2">
        <h5 class="card-title text-success">Buy product A and get product A Free</h5>
        <p class="card-text">
          Customers get the same product for free that they purchase.<br><br>
          <strong>Example:</strong><br>
          - Category: Pants<br>
          - Buy 2 × B → Get 2 × B free<br>
          - Buy 3 × C → Get 2 × C free (if limit = 2)<br><br>
          <em>Free product is the same as the one being bought.</em>
        </p>
      </div>
    </div>
  </div>

  <!-- Card 3 -->
  <div class="col-md-4 mb-4">
    <div class="card h-100 border-info">
      <div class="card-body px-2">
        <h5 class="card-title text-info">Buy from category, get product B Free</h5>
        <p class="card-text">
          Buying any product from a category gives one fixed product for free.<br><br>
          <strong>Example:</strong><br>
          - Category: Shirts<br>
          - Buy 2 × A → Get 1 × D<br>
          - Buy 3 × C → Still get 1 × D (if limit = 1)<br><br>
          <em>Any product in the category can trigger the offer, but free product is fixed.</em>
        </p>
      </div>
    </div>
  </div>
</div>
