.sitemap-page { background: var(--color-bg-light); }
.sitemap-page__hero { padding: var(--page-hero-top) 0 var(--page-hero-bottom); background: var(--color-bg-muted); }
.sitemap-page__title { max-width: var(--content-title-max); margin-bottom: 22px; font-size: var(--font-size-h1); }
.sitemap-page__description { max-width: var(--content-description-max); margin: 0; color: var(--color-text); font-size: 19px; line-height: 1.55; }
.sitemap-page__content { padding-block: 72px 110px; }
.sitemap-page__navigation { padding: 14px 34px; border: 1px solid var(--color-border); border-radius: var(--radius-control); background: #fff; }
.sitemap-page__list { display: grid; margin: 0; padding: 0; list-style: none; column-gap: 44px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sitemap-page__list li { border-bottom: 1px solid var(--color-border); }
.sitemap-page__list a { display: flex; min-height: 62px; align-items: center; justify-content: space-between; gap: 14px; color: var(--color-text); font-size: 15px; font-weight: 700; transition: color var(--transition); }
.sitemap-page__list a span:last-child { color: var(--color-accent); font-size: 18px; transition: transform var(--transition); }
.sitemap-page__list a:hover { color: var(--color-dark); }
.sitemap-page__list a:hover span:last-child { transform: translateX(3px); }
@media (max-width: 1100px) { .sitemap-page__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  .sitemap-page__hero { padding: var(--page-hero-mobile-top) 0 var(--page-hero-mobile-bottom); }
  .sitemap-page__description { font-size: 16px; }
  .sitemap-page__content { padding-block: 42px 72px; }
  .sitemap-page__navigation { padding: 8px 20px; }
  .sitemap-page__list { grid-template-columns: 1fr; }
  .sitemap-page__list a { min-height: 56px; font-size: 14px; }
}