.BlogCityCard{background:var(--bg-primary);border:1px solid var(--fill-separator);border-radius:16px;color:var(--text-primary);display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}@media (hover:hover){.BlogCityCard:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}}.BlogCityCard:focus-visible{outline:2px solid var(--fill-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.BlogCityCard{transition:none}.BlogCityCard:hover{transform:none}}.BlogCityCard__media{aspect-ratio:16/9;background:var(--bg-tertiary);flex:0 0 auto;overflow:hidden;position:relative;width:100%}.BlogCityCard__image{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.BlogCityCard__placeholder{align-items:center;background:var(--fill-accent-80);color:var(--fill-accent);display:flex;inset:0;justify-content:center;position:absolute}.BlogCityCard__body{display:flex;flex-direction:column;gap:4px;min-width:0;padding:16px 20px 18px}@media (max-width:767.99px){.BlogCityCard__body{padding:14px 16px 16px}}@media (max-width:599.98px){.BlogCityCard__body{padding:10px 12px 12px}}.BlogCityCard__name{color:var(--text-primary);font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.3;margin:0;overflow:hidden;overflow-wrap:anywhere}@media (max-width:599.98px){.BlogCityCard__name{font-size:15px}}.BlogCityCard__count{color:var(--text-secondary);font-size:14px;font-weight:400;letter-spacing:0;line-height:18px}@media (max-width:599.98px){.BlogCityCard__count{font-size:13px}}.CitiesBlock{min-width:0}@media (max-width:599.98px){.CitiesBlock .BlogCardGrid{--blog-grid-gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}}.CitiesBlock__empty{color:var(--text-secondary);font-size:16px;font-weight:400;line-height:24px;margin:0}