/* css/pages/city.css */
.page-city .city-promotion { padding-block: 48px 78px; }
.city-promotion__panel {
  display: grid;
  min-height: 360px;
  place-items: center;
  border-radius: var(--home-radius);
  background:
    radial-gradient(circle at 50% 44%, rgb(255 255 255 / 82%) 0 20%, transparent 21%),
    linear-gradient(145deg, #eef3f7, #e5ebf1);
}
.city-promotion__panel .button { min-width: 170px; box-shadow: 0 14px 28px rgb(35 68 92 / 18%); }
.city-promotion__rules { display: flex; min-width: 240px; margin: 18px auto 0; }
#city-promotion-rules-modal ul { display: grid; gap: 10px; margin: 18px 0; padding-left: 22px; }

@media (max-width: 900px) {
  .js .page-city .home-solution-card:not(.is-mobile-popular):not(.is-revealed) { display: none; }
  .page-city .home-solutions__more { display: block; }
}

@media (max-width: 600px) {
  .page-city .city-promotion { padding-block: 34px 52px; }
  .city-promotion__panel { min-height: 280px; }
}