/* Sitemap preview v98 — modern presentation over bitrix:main.map */

body.typography-sitemap-preview main.site-content {
  font-family:"Inter 100System", Arial, sans-serif !important;
}

body.typography-sitemap-preview .preview-sitemap-wrap {
  margin-top:28px;
}

body.typography-sitemap-preview .preview-sitemap-intro,
body.typography-sitemap-preview .preview-sitemap-catalog,
body.typography-sitemap-preview .preview-sitemap-link-card {
  background:#fff;
  border:1px solid #e6e8eb;
  border-radius:12px;
  box-shadow:0 2px 8px rgba(27,39,51,.065);
}

body.typography-sitemap-preview .preview-sitemap-intro {
  display:flex;
  justify-content:space-between;
  gap:28px;
  align-items:center;
  padding:20px 22px;
  margin-bottom:16px;
}

body.typography-sitemap-preview .preview-sitemap-intro__eyebrow {
  color:#f5791f;
  font-size:13px;
  line-height:1.35;
  font-weight:550;
  margin-bottom:5px;
}

body.typography-sitemap-preview .preview-sitemap-intro h2 {
  margin:0 0 6px !important;
  color:#33383f !important;
  font-size:18px !important;
  line-height:1.32 !important;
  font-weight:550 !important;
}

body.typography-sitemap-preview .preview-sitemap-intro p {
  margin:0 !important;
  max-width:860px;
  color:#66717c !important;
  font-size:14px !important;
  line-height:1.5 !important;
}

body.typography-sitemap-preview .preview-sitemap-intro__count {
  flex:0 0 auto;
  min-width:120px;
  padding:12px 14px;
  border:1px solid #efd8c9;
  border-radius:10px;
  background:#fffaf7;
  text-align:center;
}

body.typography-sitemap-preview .preview-sitemap-intro__count strong {
  display:block;
  color:#33383f;
  font-size:22px;
  line-height:1.15;
  font-weight:600;
}

body.typography-sitemap-preview .preview-sitemap-intro__count span {
  display:block;
  margin-top:3px;
  color:#7a848e;
  font-size:12px;
  line-height:1.35;
  font-weight:450;
}

body.typography-sitemap-preview .preview-sitemap-catalog {
  padding:20px 20px 22px;
  margin-bottom:16px;
}

body.typography-sitemap-preview .preview-sitemap-section-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;
  margin-bottom:14px;
}

body.typography-sitemap-preview .preview-sitemap-section-head h2 {
  margin:0 !important;
  color:#33383f !important;
  font-size:18px !important;
  line-height:1.32 !important;
  font-weight:550 !important;
}

body.typography-sitemap-preview .preview-sitemap-section-head > a {
  color:#f5791f !important;
  text-decoration:none !important;
  font-size:13px;
  line-height:1.4;
  font-weight:500;
}

body.typography-sitemap-preview .preview-sitemap-catalog-grid {
  columns:4 250px;
  column-gap:12px;
}

body.typography-sitemap-preview .preview-sitemap-category {
  break-inside:avoid;
  display:inline-block;
  width:100%;
  box-sizing:border-box;
  margin:0 0 12px;
  padding:15px 15px 14px;
  border:1px solid #e7e9ec;
  border-radius:10px;
  background:#fbfcfd;
}

body.typography-sitemap-preview .preview-sitemap-category > a {
  display:inline-block;
  position:relative;
  margin-bottom:9px;
  padding-left:12px;
  color:#33383f !important;
  text-decoration:none !important;
  font-size:15px;
  line-height:1.35;
  font-weight:550;
}

body.typography-sitemap-preview .preview-sitemap-category > a::before {
  content:"";
  position:absolute;
  left:0;
  top:.48em;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#f5791f;
}

body.typography-sitemap-preview .preview-sitemap-category > a:hover,
body.typography-sitemap-preview .preview-sitemap-tree a:hover,
body.typography-sitemap-preview .preview-sitemap-link-card a:hover {
  color:#f5791f !important;
}

body.typography-sitemap-preview .preview-sitemap-tree,
body.typography-sitemap-preview .preview-sitemap-tree ul {
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

body.typography-sitemap-preview .preview-sitemap-tree > li {
  margin:0 0 6px;
}

body.typography-sitemap-preview .preview-sitemap-tree > li:last-child {
  margin-bottom:0;
}

body.typography-sitemap-preview .preview-sitemap-tree a {
  color:#59636e !important;
  text-decoration:none !important;
  font-size:13px;
  line-height:1.4;
  font-weight:400;
}

body.typography-sitemap-preview .preview-sitemap-tree .preview-sitemap-subgroup {
  margin-top:4px !important;
  padding-left:11px !important;
  border-left:1px solid #e3e6ea;
}

body.typography-sitemap-preview .preview-sitemap-tree .preview-sitemap-subgroup li {
  display:inline;
}

body.typography-sitemap-preview .preview-sitemap-tree .preview-sitemap-subgroup li:not(:last-child)::after {
  content:" · ";
  color:#b3bac1;
}

body.typography-sitemap-preview .preview-sitemap-tree .preview-sitemap-subgroup a {
  font-size:12px;
  color:#7a848e !important;
}

body.typography-sitemap-preview .preview-sitemap-groups {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

body.typography-sitemap-preview .preview-sitemap-link-card {
  padding:18px;
}

body.typography-sitemap-preview .preview-sitemap-link-card h2 {
  margin:0 0 11px !important;
  color:#33383f !important;
  font-size:16px !important;
  line-height:1.35 !important;
  font-weight:550 !important;
}

body.typography-sitemap-preview .preview-sitemap-link-card ul {
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
}

body.typography-sitemap-preview .preview-sitemap-link-card li {
  position:relative;
  margin:0;
  padding:7px 0 7px 14px;
  border-bottom:1px solid #eef0f2;
}

body.typography-sitemap-preview .preview-sitemap-link-card li:last-child {
  border-bottom:0;
  padding-bottom:0;
}

body.typography-sitemap-preview .preview-sitemap-link-card li:first-child {
  padding-top:0;
}

body.typography-sitemap-preview .preview-sitemap-link-card li::before {
  content:"";
  position:absolute;
  left:1px;
  top:14px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#f5791f;
}

body.typography-sitemap-preview .preview-sitemap-link-card li:first-child::before {
  top:7px;
}

body.typography-sitemap-preview .preview-sitemap-link-card a {
  color:#4f5963 !important;
  text-decoration:none !important;
  font-size:13.5px;
  line-height:1.4;
  font-weight:450;
}

body.typography-sitemap-preview .preview-sitemap-empty {
  color:#8a939c;
  font-size:13px;
  line-height:1.45;
}

@media (max-width:1199.98px) {
  body.typography-sitemap-preview .preview-sitemap-catalog-grid {
    columns:3 240px;
  }
  body.typography-sitemap-preview .preview-sitemap-groups {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:767.98px) {
  body.typography-sitemap-preview .preview-sitemap-wrap {
    margin-top:24px;
  }
  body.typography-sitemap-preview .preview-sitemap-intro {
    display:block;
    padding:18px;
  }
  body.typography-sitemap-preview .preview-sitemap-intro h2,
  body.typography-sitemap-preview .preview-sitemap-section-head h2 {
    font-size:17px !important;
  }
  body.typography-sitemap-preview .preview-sitemap-intro__count {
    display:inline-block;
    min-width:0;
    margin-top:13px;
    padding:9px 12px;
  }
  body.typography-sitemap-preview .preview-sitemap-intro__count strong {
    display:inline;
    font-size:17px;
  }
  body.typography-sitemap-preview .preview-sitemap-intro__count span {
    display:inline;
    margin:0 0 0 5px;
  }
  body.typography-sitemap-preview .preview-sitemap-catalog {
    padding:18px;
  }
  body.typography-sitemap-preview .preview-sitemap-section-head {
    align-items:flex-start;
  }
  body.typography-sitemap-preview .preview-sitemap-catalog-grid {
    columns:2 220px;
    column-gap:10px;
  }
  body.typography-sitemap-preview .preview-sitemap-category {
    margin-bottom:10px;
    padding:14px;
  }
  body.typography-sitemap-preview .preview-sitemap-groups {
    grid-template-columns:1fr;
    gap:10px;
  }
}

@media (max-width:479.98px) {
  body.typography-sitemap-preview .preview-sitemap-catalog-grid {
    columns:1;
  }
  body.typography-sitemap-preview .preview-sitemap-section-head {
    display:block;
  }
  body.typography-sitemap-preview .preview-sitemap-section-head > a {
    display:inline-block;
    margin-top:5px;
  }
}


/* v98b — clearer hierarchy of sitemap markers and text contrast. */
body.typography-sitemap-preview .preview-sitemap-category > a {
  font-weight:600 !important;
  color:#33383f !important;
}

body.typography-sitemap-preview .preview-sitemap-category > a::before {
  width:6px !important;
  height:6px !important;
  top:.42em !important;
  background:#f5791f !important;
}

/* First nested level: smaller marker and slightly softer text. */
body.typography-sitemap-preview .preview-sitemap-tree > li {
  position:relative;
  padding-left:13px;
}

body.typography-sitemap-preview .preview-sitemap-tree > li::before {
  content:"";
  position:absolute;
  left:0;
  top:.58em;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#f5791f;
}

body.typography-sitemap-preview .preview-sitemap-tree > li > a {
  color:#65707a !important;
  font-weight:450 !important;
}

/* Deepest level: very small marker, lighter text. */
body.typography-sitemap-preview .preview-sitemap-tree .preview-sitemap-subgroup li {
  position:relative;
  display:inline-block !important;
  padding-left:9px;
  margin-right:5px;
}

body.typography-sitemap-preview .preview-sitemap-tree .preview-sitemap-subgroup li::before {
  content:"";
  position:absolute;
  left:1px;
  top:.62em;
  width:3px;
  height:3px;
  border-radius:50%;
  background:#f5791f;
  opacity:.9;
}

body.typography-sitemap-preview .preview-sitemap-tree .preview-sitemap-subgroup li:not(:last-child)::after {
  content:"" !important;
}

body.typography-sitemap-preview .preview-sitemap-tree .preview-sitemap-subgroup a {
  color:#87919a !important;
  font-weight:400 !important;
}