/* Travellopedia Destinations – Clean Styles */
.dest-sec{
  --ink:#0f172a; --border:#e6ebf2;
  font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background:#fff; color:var(--ink); padding:18px 16px 24px;
}
.dest-wrap{ max-width:1100px; margin:0 auto }
.dest-grid{ display:grid; gap:12px; grid-template-columns:repeat(3,1fr); }
.dest-card.wide{ grid-column:span 2; }
@media (max-width:900px){ .dest-grid{ grid-template-columns:repeat(2,1fr); } .dest-card.wide{ grid-column:span 2; } }
@media (max-width:560px){ .dest-grid{ grid-template-columns:1fr; } .dest-card.wide{ grid-column:auto; } }
.dest-card{ text-decoration:none; display:block; border-radius:10px; outline:none; }
.dest-card:focus-visible{ outline:3px solid #1e67ff; outline-offset:3px; }
.dest-fig{ position:relative; margin:0; border-radius:10px; overflow:hidden; border:1px solid var(--border); box-shadow:0 6px 14px rgba(16,24,40,0.10); aspect-ratio:16/10; background:#f2f5f8; }
@supports not (aspect-ratio: 1/1) { .dest-fig::before{ content:""; display:block; padding-top:62.5%; } .dest-fig > img{ position:absolute; inset:0; } }
.dest-fig img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s ease; will-change:transform; }
.dest-fig figcaption{ position:absolute; left:10px; bottom:8px; right:10px; color:#fff; font-weight:800; font-size:13px; line-height:1.3; text-shadow:0 2px 6px #000, 0 0 2px #000, 0 0 6px #000; }
.dest-fig figcaption span{ display:block; color:#fff; font-weight:700; margin-top:2px; font-size:11px; text-shadow:0 2px 6px #000, 0 0 2px #000, 0 0 6px #000; }
.dest-cta{ display:flex; justify-content:center; margin-top:16px; }
.dest-btn{ --start:#1e67ff; --end:#0057ff; display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border-radius:999px; background:linear-gradient(90deg,var(--start),var(--end)); color:#fff; text-decoration:none; font-weight:800; font-size:14px; box-shadow:0 10px 22px rgba(0,87,255,.28), inset 0 1px 0 rgba(255,255,255,.25); transition:transform .15s ease, filter .15s ease; }
.dest-btn .arr{ font-size:16px; font-weight:900; line-height:1; }
.dest-btn:hover{ transform:translateY(-1px); filter:brightness(1.05); }
.dest-btn:focus-visible{ outline:3px solid #1e67ff; outline-offset:3px; }
.dest-card:hover .dest-fig img{ transform:scale(1.03); }
.dest-card:hover .dest-fig{ box-shadow:0 12px 22px rgba(16,24,40,0.18); }
@media (prefers-reduced-motion: reduce){ .dest-fig img{ transition:none; } .dest-btn{ transition:none; } }