class="relative z-10 bg-white p-4">
  <!-- Title and Location -->
  <div class="flex items-center justify-between gap-2 mb-2">
    <h2 class="text-sm font-semibold text-gray-900 line-clamp-2 leading-tight">
      {{ product?.subtitle || product?.title || 'Luxury Stay' }}
    </h2>
    <div class="flex items-center gap-1 text-sm text-gray-600">
      <img src="assets/icons/location-2.svg" alt="Location" class="w-4 h-4">
      <span class="line-clamp-1">