/* Public /sitemap page (HTML site map). Uses the shop's own colour variables. */
.sitemap-page h2 { margin: 0 0 var(--space-2, .75rem); font-size: 1.2rem; }
.sm-block { margin: var(--space-4, 2rem) 0; }
.sm-cols { list-style: none; margin: 0; padding: 0; columns: 3 240px; column-gap: 2rem; }
.sm-cols li { break-inside: avoid; padding: .2rem 0; line-height: 1.35; }
.sm-info { columns: 3 160px; }
.sm-tree ul { list-style: none; margin: 0; padding: 0 0 0 1.1rem; }
.sm-tree > ul { padding-left: 0; columns: 2 300px; column-gap: 2rem; }
.sm-tree > ul > li { break-inside: avoid; margin-bottom: .75rem; font-weight: 600; }
.sm-tree li li { font-weight: 400; padding: .1rem 0; }
.sitemap-page a { text-decoration: none; }
.sitemap-page a:hover, .sitemap-page a:focus-visible { text-decoration: underline; }
.sm-pages ul { display: flex; flex-wrap: wrap; gap: .35rem; list-style: none; margin: 0; padding: 0; }
.sm-page { display: inline-block; min-width: 2.2rem; padding: .35rem .55rem; text-align: center; border: 1px solid var(--c-border, #ddd); border-radius: 6px; }
.sm-page.is-current { background: var(--c-text, #222); color: var(--c-bg, #fff); border-color: transparent; }