/* ============================================================
   Slavaka — SEO-блок для T123 (v2)
   Ширина: 100% блока Тилды. Шрифт: GraphikTT 14 / normal.
   Селекторы усилены (.slv-seo.slv-seo) — чтобы типографику
   не перебивали стили .t-text и темы Тилды.
   ============================================================ */

.slv-seo{
  /* --- шрифт --- */
  --slv-font:'GraphikTT','Graphik TT',Graphik,'Helvetica Neue',Arial,sans-serif;
  --slv-size:14px;
  --slv-lh:1.7;
  --slv-w-body:400;      /* normal */
  --slv-w-head:500;      /* поставьте 400, если заголовки тоже строго normal */

  /* --- цвета --- */
  --slv-muted:rgba(0,0,0,.6);
  --slv-line:rgba(0,0,0,.1);
  --slv-line-strong:rgba(0,0,0,.2);
  --slv-surface:#f5f4f2;
  --slv-radius:10px;

  /* --- геометрия: во всю ширину блока --- */
  display:block;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  box-sizing:border-box;

  font-family:var(--slv-font);
  font-size:var(--slv-size);
  font-weight:var(--slv-w-body);
  line-height:var(--slv-lh);
  color:inherit;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.slv-seo *,
.slv-seo *::before,
.slv-seo *::after{ box-sizing:border-box; }

/* ---------- Абзацы ---------- */
.slv-seo.slv-seo p{
  margin:0 0 12px;
  font-family:var(--slv-font);
  font-size:var(--slv-size);
  font-weight:var(--slv-w-body);
  line-height:var(--slv-lh);
  letter-spacing:0;
  color:inherit;
}
.slv-seo.slv-seo p:last-child{ margin-bottom:0; }

/* Вводный блок — на пункт крупнее */
.slv-seo.slv-seo .seo-category-intro p{
  font-size:15px;
  line-height:1.65;
}
.slv-seo .seo-category-intro{
  padding-bottom:22px;
}

/* ---------- Заголовки ---------- */
.slv-seo.slv-seo h2{
  margin:0 0 10px;
  font-family:var(--slv-font);
  font-size:18px;
  line-height:1.35;
  font-weight:var(--slv-w-head);
  letter-spacing:-.005em;
  color:inherit;
}

/* ---------- Разделы ---------- */
.slv-seo .seo-category-block{
  padding:22px 0;
  border-top:1px solid var(--slv-line);
}

/* ---------- Списки ---------- */
.slv-seo.slv-seo ul{
  margin:0 0 12px;
  padding:0;
  list-style:none;
}
.slv-seo .seo-category-block ul:last-child{ margin-bottom:0; }
.slv-seo.slv-seo ul li{
  position:relative;
  margin:0 0 8px;
  padding-left:18px;
  font-size:var(--slv-size);
  font-weight:var(--slv-w-body);
  line-height:var(--slv-lh);
}
.slv-seo.slv-seo ul li:last-child{ margin-bottom:0; }
.slv-seo ul li::before{
  content:"";
  position:absolute;
  left:2px;
  top:.68em;
  width:5px;
  height:5px;
  border-radius:50%;
  background:currentColor;
  opacity:.3;
}
.slv-seo.slv-seo strong{ font-weight:500; }

/* ---------- Ссылки ---------- */
.slv-seo a{
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid var(--slv-line-strong);
  transition:border-color .18s ease, opacity .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.slv-seo a:hover{
  border-bottom-color:currentColor;
  opacity:.85;
}
.slv-seo a:focus-visible{
  outline:2px solid currentColor;
  outline-offset:2px;
  border-radius:2px;
}

/* ---------- Блок фактов ---------- */
.slv-seo .slv-facts{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
.slv-seo .slv-facts > div{
  padding:14px 16px;
  background:var(--slv-surface);
  border-radius:var(--slv-radius);
}
.slv-seo.slv-seo .slv-facts b{
  display:block;
  margin:0 0 3px;
  font-size:17px;
  line-height:1.2;
  font-weight:var(--slv-w-head);
  letter-spacing:-.01em;
}
.slv-seo.slv-seo .slv-facts span{
  display:block;
  font-size:12.5px;
  line-height:1.45;
  font-weight:var(--slv-w-body);
  color:var(--slv-muted);
}

/* ---------- FAQ на details/summary ---------- */
.slv-seo .seo-category-faq{
  padding:22px 0;
  border-top:1px solid var(--slv-line);
}
.slv-seo .seo-category-faq details{
  margin:0 0 8px;
  padding:0 16px;
  border:1px solid var(--slv-line);
  border-radius:var(--slv-radius);
  background:#fff;
  transition:border-color .2s ease, background-color .2s ease;
}
.slv-seo .seo-category-faq details:last-of-type{ margin-bottom:0; }
.slv-seo .seo-category-faq details:hover{ border-color:var(--slv-line-strong); }
.slv-seo .seo-category-faq details[open]{
  border-color:var(--slv-line-strong);
  background:#fbfbfa;
}
.slv-seo.slv-seo .seo-category-faq summary{
  position:relative;
  display:block;
  margin:0;
  padding:13px 38px 13px 0;
  font-family:var(--slv-font);
  font-size:var(--slv-size);
  line-height:1.5;
  font-weight:var(--slv-w-head);
  letter-spacing:0;
  color:inherit;
  cursor:pointer;
  list-style:none;
  -webkit-tap-highlight-color:transparent;
}
.slv-seo .seo-category-faq summary::-webkit-details-marker{ display:none; }
.slv-seo .seo-category-faq summary::marker{ content:""; }
.slv-seo .seo-category-faq summary::after{
  content:"";
  position:absolute;
  right:14px;
  top:50%;
  width:7px;
  height:7px;
  margin-top:-5px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);
  opacity:.45;
  transition:transform .24s ease, margin-top .24s ease, opacity .24s ease;
}
.slv-seo .seo-category-faq summary:hover::after{ opacity:.9; }
.slv-seo .seo-category-faq details[open] summary::after{
  transform:rotate(-135deg);
  margin-top:-2px;
  opacity:.9;
}
.slv-seo.slv-seo .seo-category-faq details > p{
  margin:0;
  padding:0 38px 15px 0;
  font-size:13.5px;
  line-height:1.65;
  font-weight:var(--slv-w-body);
  color:var(--slv-muted);
}

/* ---------- Финальный блок ---------- */
.slv-seo .seo-category-text{
  padding:22px 0 2px;
  border-top:1px solid var(--slv-line);
}

/* ---------- Мобильные ---------- */
@media screen and (max-width:640px){
  .slv-seo{
    padding:0;
  }
  .slv-seo.slv-seo h2{
    font-size:16.5px;
    line-height:1.38;
  }
  .slv-seo.slv-seo .seo-category-intro p{
    font-size:14px;
  }
  .slv-seo .seo-category-block,
  .slv-seo .seo-category-faq,
  .slv-seo .seo-category-text{
    padding:18px 0;
  }
  .slv-seo .slv-facts{
    grid-template-columns:1fr;
    gap:6px;
  }
  .slv-seo .slv-facts > div{
    padding:12px 14px;
  }
  .slv-seo .seo-category-faq details{ padding:0 13px; }
  .slv-seo.slv-seo .seo-category-faq summary{
    padding:12px 34px 12px 0;
  }
  .slv-seo.slv-seo .seo-category-faq details > p{
    padding:0 34px 13px 0;
  }
}

/* Меньше движения */
@media (prefers-reduced-motion:reduce){
  .slv-seo *{ transition:none !important; animation:none !important; }
}
</style>