/* OMEGAPOOL — дополнения к шаблону «Услуга — посадочная». Основной вид берётся из стилей темы. */

/* ===== режим «готовая страница» (контент с <div class="op">, выводится без изменений) ===== */
/* глобальный стиль темы для тега <header> (absolute, top:20px, border) ломает hero страницы — возвращаем обычный поток */
.op-landing .op-raw .op-hero{position:relative;top:0;left:auto;width:auto;border-bottom:0;padding:128px 0 72px}
/* вместо собственной тёмной полосы преимуществ страницы показывается полоса темы (.advant-service) ниже */
.op-landing .op-raw .op-adv{display:none}

/* ===== режим «структура» (шаблон строит страницу сам) ===== */
.op-landing .op-struct .op-toc{margin-top:48px}
.op-landing .op-struct .op-toc ul{display:flex;flex-wrap:wrap;gap:8px 28px;list-style:none;margin:0;padding:22px 0;border-bottom:1px solid rgba(0,0,0,.15)}
.op-landing .op-struct .op-toc li{margin:0;padding:0}
.op-landing .op-struct .op-toc a{font-size:14px;text-decoration:none;color:rgba(0,0,0,.6);border-bottom:1px solid transparent}
.op-landing .op-struct .op-toc a:hover{color:#000;border-color:#000}

/* секции статьи: слева заголовок, справа текст (перебивает отступы/выравнивание .contsultation и .container-more темы) */
.op-landing .op-sec.contsultation{margin-top:0;padding:56px 0;border-top:0;border-bottom:1px solid rgb(235,235,235);scroll-margin-top:90px}
.op-landing .op-sec .container-more{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
.op-landing .op-sec .column{padding:0}
.op-landing .op-sec .container-more h2{text-align:left;font-size:30px;line-height:1.25;position:sticky;top:90px;margin:0}
@media (max-width:1024px){
  .op-landing .op-sec .container-more{grid-template-columns:1fr;gap:20px}
  .op-landing .op-sec .container-more h2{position:static}
  .op-landing .op-sec.contsultation{padding:40px 0}
}
@media (max-width:640px){
  .op-landing .op-sec .container-more h2,
  .op-landing .op-sec .column.first h2:first-of-type{font-size:24px!important}
}

/* списки и текст статьи (на случай, если тема не стилизует их в .column.second) */
.op-landing .op-sec .column.second p{margin:0 0 1.1em}
.op-landing .op-sec .column.second ul,
.op-landing .op-sec .column.second ol{margin:0 0 1.3em;padding:0;list-style:none;counter-reset:op}
.op-landing .op-sec .column.second li{position:relative;margin:0 0 .6em;padding-left:34px}
.op-landing .op-sec .column.second ul>li::before{content:"";position:absolute;left:0;top:.8em;width:16px;height:1px;background:#000}
.op-landing .op-sec .column.second ol>li{counter-increment:op}
.op-landing .op-sec .column.second ol>li::before{content:counter(op,decimal-leading-zero);position:absolute;left:0;top:0;font-size:13px;color:rgba(0,0,0,.35)}

/* смотрите также */
.op-landing>.op-more{padding:72px 0 24px}
.op-landing .op-more h2{font-size:32px;margin:0 0 32px;text-transform:uppercase;font-weight:300}
.op-landing .op-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.op-landing .op-card{display:flex;flex-direction:column;justify-content:space-between;gap:36px;padding:24px;min-height:150px;background:#fbfbfb;border:1px solid rgba(0,0,0,.15);text-decoration:none;color:#000;transition:border-color .2s,background .2s}
.op-landing .op-card:hover{border-color:#000;background:#fff}
.op-landing .op-card b{font-weight:300;font-size:20px;line-height:1.3}
.op-landing .op-card span{font-size:13px;color:rgba(0,0,0,.6)}

@media (max-width:640px){
  .op-landing .op-more h2{font-size:26px}
}

/* ===== спойлеры в разделах статьи ===== */
.op-landing .op-clamp{position:relative;overflow:hidden}
.op-landing .op-clamp::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;pointer-events:none;background:linear-gradient(rgba(255,255,255,0),#fff)}
.op-landing .op-body,.op-landing .op-sec .column.second{transition:max-height .35s ease}
.op-landing .op-more-btn{margin-top:14px;padding:6px 0;background:none;border:0;border-bottom:1px solid #000;color:#000;font:inherit;font-size:14px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.op-landing .op-more-btn:hover{opacity:.6}