.modern-sitemap { max-width: 1200px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } .sitemap-title { font-size: 28px; font-weight: bold; padding-bottom: 15px; border-bottom: 2px solid #eee; margin-bottom: 25px; } .main-pages { margin-bottom: 30px; } .pages-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; } .page-item { margin: 0; } .page-item a { color: #333; text-decoration: none; transition: color 0.2s; display: block; padding: 8px 0; } .page-item a:hover { color: #0066cc; } .departments-section { margin-top: 20px; } .department-details { background: #fff; border-radius: 8px; margin-bottom: 12px; border: 1px solid #e0e0e0; } .department-details[open] { padding-bottom: 15px; } .department-name { cursor: pointer; padding: 15px 20px; font-weight: 600; background: #f8f9fa; border-bottom: 1px solid #e0e0e0; } .department-name:hover { background: #f0f2f5; } .department-content { padding: 20px; } .department-link { display: block; color: #0066cc; text-decoration: none; font-weight: 500; margin-bottom: 15px; font-size: 16px; } .cities-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px 24px; padding-left: 15px; } .city-item { padding: 4px 0; position: relative; padding-left: 12px; } .city-item:before { content: "•"; position: absolute; left: 0; color: #333; } .city-link { color: #555; text-decoration: none; transition: color 0.2s; font-size: 14px; } .city-link:hover { color: #0066cc; } @media (max-width: 768px) { .cities-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } } @media (max-width: 480px) { .cities-grid { grid-template-columns: 1fr; } }