/* ============================================================
   Destinations page — page-specific styles only.
   Header / nav / topbar / footer / buttons come from the
   shared style.css + partials/header.php. Scoped under
   body.destinations-page to avoid clashing with the global
   .dest-grid / .dcard used on other pages.
   ============================================================ */
.destinations-page .reg-title{font-size:14px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--brand-dark);margin:36px 0 16px;padding-left:14px;border-left:4px solid var(--brand)}
.destinations-page .reg-title:first-of-type{margin-top:28px}

.destinations-page .dest-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:0}
.destinations-page .dcard{height:300px;border-radius:10px;display:block}
.destinations-page .dcard .ov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(15,10,6,.85));display:flex;flex-direction:column;justify-content:flex-end;padding:22px}
.destinations-page .dcard .ov .city{color:#fff;font-size:22px;font-weight:800}
.destinations-page .dcard .ov .country{color:#ffd98a;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:4px}
.destinations-page .dcard .ov p{color:#e8ddd2;font-size:13.5px;margin-top:4px}
.destinations-page .dcard .ov .go{color:#fff;font-weight:700;font-size:12.5px;letter-spacing:1px;text-transform:uppercase;margin-top:8px;opacity:.9}

@media(max-width:960px){
  .destinations-page .dest-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .destinations-page .dest-grid{grid-template-columns:1fr}
}