.city-links {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.city-link {
    padding: 10px 16px;
    border-radius: 12px;
    background: rgba(79,140,255,0.08);
    border: 1px solid rgba(79,140,255,0.2);
    color: #d9e7ff;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.25s ease;
}

    .city-link:hover {
        background: rgba(79,140,255,0.15);
        transform: translateY(-2px);
    }

.city-links-section .section-header {
    text-align: center;
}