/* City landing pages: facts row, shoot spots and popular shoots, on top of the support-page layout. */
.city-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}
.city-facts span{background:#f3edf9;border-radius:12px;padding:12px 14px;font-size:13px;color:#5f5070;line-height:1.35}
.city-facts b{display:block;font-family:Manrope,sans-serif;font-size:15px;color:#30243d;margin-bottom:2px}
.city-note{color:#6b5c7b;margin-top:14px;max-width:360px}
.city-spots article h3{margin:0 0 6px}
.city-popular{max-width:1440px;margin:0 auto;padding:10px 5% 80px}
.city-popular h2{margin:8px 0 22px}
.city-popular>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.city-popular a{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid #e6dcef;border-radius:14px;padding:20px 22px;font-weight:700;color:#30243d;text-decoration:none}
.city-popular a span{color:#5b5463}
.city-popular a:hover{border-color:#7146a1}
@media(max-width:900px){.city-popular>div{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.city-facts{grid-template-columns:1fr}.city-popular>div{grid-template-columns:1fr}}
.city-towns a{flex-direction:column;align-items:flex-start;gap:4px}.city-towns a span{font-size:12px;font-weight:500;color:#7a6b88}