<div class="col-lg-3 col-md-6 mb-30">
   <div class="tp-product-item" style="border:1px solid #eee; border-radius:10px; overflow:hidden; background:#fff; height:100%; display:flex; flex-direction:column;">
      <a href="/tours/<%= tour.p_id %>" style="display:block;">
         <img
            src="<%= tour.p_image ? resolveUpload(tour.p_image) : '/assets/img/tour/01.jpg' %>"
            alt="<%= tour.p_name %>"
            style="width:100%; height:180px; object-fit:cover;"
         >
      </a>
      <div style="padding:16px; display:flex; flex-direction:column; flex:1;">
         <span style="font-size:12px; color:#999; text-transform:uppercase;"><%= tour.p_location %></span>
         <h4 style="font-size:16px; margin:6px 0;">
            <a href="/tours/<%= tour.p_id %>" style="color:#222;"><%= tour.p_name %></a>
         </h4>
         <span style="font-size:13px; color:#777; margin-bottom:12px;"><%= tour.p_nights %> Nights / <%= parseInt(tour.p_nights) + 1 %> Days</span>
         <div style="margin-top:auto; display:flex; justify-content:space-between; align-items:center; border-top:1px solid #f0f0f0; padding-top:12px;">
            <div>
               <span style="font-size:11px; color:#999; display:block;">Starting from</span>
               <strong style="font-size:16px; color:#DC2626;">₹<%= Number(tour.p_adult_price).toLocaleString('en-IN') %></strong>
            </div>
            <a href="/tours/<%= tour.p_id %>" class="tp-btn" style="padding:8px 14px; font-size:13px;">View</a>
         </div>
      </div>
   </div>
</div>
