/* "Popular Destinations" tile grid — reused above the package listing grid */

.dest-tile-section { margin-bottom: 32px; }
.dest-tile-section h2 { font-size: 22px; font-weight: 800; color: #111; margin-bottom: 4px; }
.dest-tile-section p.dest-tile-sub { font-size: 13px; color: #888; margin-bottom: 16px; }

.dest-tile { position: relative; display: block; height: 160px; border-radius: 10px; overflow: hidden; text-decoration: none; }
.dest-tile img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
.dest-tile:hover img { transform: scale(1.06); }
.dest-tile-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.75) 100%);
  display: flex; flex-direction: column; justify-content: flex-end; padding: 12px 14px;
}
.dest-tile-name { color: #fff; font-size: 16px; font-weight: 700; }
.dest-tile-tag { font-size: 11px; font-weight: 600; color: rgba(255,255,255,0.8); margin-left: 4px; white-space: nowrap; }
.dest-tile img.dest-flag-badge {
  position: absolute; top: 10px; left: 10px; z-index: 2;
  width: 30px; height: 20px; object-fit: cover; border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.7);
  transition: none;
}
.dest-tile:hover img.dest-flag-badge { transform: none; }
.dest-tile-price { color: #fbbf24; font-size: 12px; font-weight: 600; }
.dest-tile-count { color: rgba(255,255,255,0.85); font-size: 11px; font-weight: 500; margin-top: 2px; }