.s-ccity { padding-block: var(--space-6, 40px); }
.s-ccity__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-4, 24px); margin-top: var(--space-5, 32px); }
.s-ccity__card { display: flex; flex-direction: column; gap: 4px; text-decoration: none; color: inherit; }
.s-ccity__card strong { font-size: 16px; }
.s-ccity__card small { font-size: 12px; color: var(--fg-3); }
.s-ccity__rest { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 18px; margin: var(--space-5, 32px) 0 0; padding: 0; font-size: 14px; }
.s-ccity__rest a { color: var(--fg-2); text-decoration: none; }
.s-ccity__rest a:hover { text-decoration: underline; }
@media (max-width: 1000px) { .s-ccity__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .s-ccity__grid { grid-template-columns: 1fr; } }