<div class="row row-cols-1 row-cols-lg-2 row-cols-xl-3 g-4 p-1">
    $for(kits)$
    <div class="col">
      <div class="card h-100 mb-3" style="max-width: 500px; min-width: 300px;">
        <div class="row g-0">
          <a href="$url$"><h5 class="card-title text-center mt-1">$title$</h5></a>
        </div>
        <div class="row g-0">
          <div class="col-6 col-md-8">
            <div class="card-body">
              <p class="card-text fs-xs-smaller">
                <em class="text-body-secondary">$date$</em><br/>
                $model_name$<br/>
                <span class="badge rounded-pill text-bg-secondary ms-4 text-center">$scale$</span><br/>
                $if(series)$
                  $series$<br/>
                $endif$
                $release$ - $manufacturer$<br/>
                $if(number)$
                <a class="external" aria-label="scalemates dot com (opens external site in new tab)" href="https://www.scalemates.com/search.php?fkSECTION%5B%5D=All&q=$number$*" target="_blank" rel="noopener noreferrer">$number$</a><br/>
                $endif$
                $if(purchase_store)$
                $if(price)$
                $if(purchase_date)$
                  $purchase_store$<br/>
                  $price$ - <em>($formatted_purchase_date$)</em><br/>
                $endif$
                $endif$
                $endif$
              </p>
            </div>
          </div>
          <div class="col-3">
            <div class="card mt-2" style="width: 128px;">
              <a href="$url$">
                <img src="/images/plamo/$page$/thumbnail.webp" alt="thumbnail" class="card-img-top img-fluid rounded-top" >
              </a>
              <div class="card-body">
                <p class="card-text text-center">$status$</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    $endfor$
</div>