/* «where to?» ink signpost beside the section title */
.dest-side{display:flex;align-items:flex-end;gap:18px;flex:none}
.signpost{width:120px;height:auto;margin-bottom:-6px;opacity:.85}
/* destination cards: photo + white panel with pin, name and round arrow */
.countries{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.country{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);transition:transform .3s var(--ease-in),box-shadow .3s}
.country:hover{transform:translateY(-4px);box-shadow:0 26px 50px -26px rgba(11,31,63,.5)}
.country .c-img{position:relative;aspect-ratio:4/3.6;overflow:hidden}
.country img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-in)}
.country:hover img{transform:scale(1.06)}
.country .tag{position:absolute;top:12px;left:12px;font-size:12px;font-weight:700;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.94);color:var(--ink-deep)}
.country .c-body{padding:14px 14px 16px}
.country .c-title{display:flex;gap:10px;align-items:flex-start}
.country .c-title>svg{width:18px;height:18px;color:var(--accent);margin-top:3px}
.country .c-title div{flex:1;min-width:0}
.country h3{font-size:18px;line-height:1.15}
.country .c-sub{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.country .arrow{flex:none;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;transition:background .2s,transform .2s}
.country:hover .arrow{background:var(--sun);color:var(--ink-deep);transform:rotate(-45deg)}
.country .arrow svg{width:14px;height:14px}
.country .c-meta{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.country .c-meta b{color:var(--ink-deep)}
@media (max-width:1100px){
  .countries{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:720px){
  .signpost{width:64px}
  /* full-bleed scroller with room for the card shadow (it would be clipped at the scroller edge) */
  .countries{grid-template-columns:repeat(5,74%);overflow-x:auto;scroll-snap-type:x mandatory;--gut:clamp(16px,4vw,64px);scroll-padding-inline:var(--gut);margin:0 calc(-1*var(--gut)) -28px;padding:4px var(--gut) 40px;scrollbar-width:none}
  .country{scroll-snap-align:start}
}