.cities-grid .city-tile { min-height: 0; }
.cities-grid .city-photo { width: 100%; flex: none; }
.cities-grid .city-content { flex: 1; min-height: 260px; padding: 18px 16px; gap: 9px; }
.city-price { border-top: 1px solid #e2e8f0; padding-top: 9px; font-size: 12px; color: #536581; }
.city-price p { display: flex; justify-content: space-between; align-items: baseline; gap: 6px; margin: 0; padding: 4px 0; line-height: 1.4; }
.city-price b { color: #14268e; font-size: 12px; text-align: right; }
.city-price .pending-price { color: #667891; }
.city-price .price-detail { display: block; font-size: 10px; color: #7c8798; }
.city-book { display: flex; justify-content: center; align-items: center; min-height: 38px; margin-top: auto; padding: 8px; background: #14268e; color: #fff; font-size: 12px; font-weight: 800; text-decoration: none; transition: background .2s; }
.city-book:hover, .city-book:focus-visible { background: #e32231; color: #fff; }
.cities-note { line-height: 1.6; }
@media (max-width: 800px) { .cities-grid .city-content { min-height: 230px; } }
@media (max-width: 520px) { .cities-grid .city-content { min-height: 250px; padding: 12px; } .city-price { font-size: 11px; } .city-price p { display: block; } .city-price b { display: block; text-align: left; } }