/* =====================================================================
   Statix Landings — вспомогательный CSS блоков посадочной.
   Идёт поверх стилей темы Shapely (Bootstrap-сетка и кнопки — темы).
   Акцент сайта: #d6322b.
   ===================================================================== */

.sp-landing{--sp-accent:#d6322b;background:#fff}
/* Убираем пустую «шапку-callout» темы и принудительно белим область контента
   лендинга (перебиваем тёмный фон контейнеров темы под чёрной шапкой). */
.sp-landing-single .header-callout{display:none}
.sp-landing-single #content,
.sp-landing-single #content .content-area,
.sp-landing-single #content #main{background:#fff}
.sp-block{padding:52px 0;border-bottom:1px solid #e6e8ea;background:#fff}
.sp-block:last-child{border-bottom:0}
.sp-block.sp-tint{background:#f6f7f8}
.sp-block h2{font-size:26px;margin:0 0 8px}
.sp-block .sp-sub{color:#767f87;font-size:15px;margin:0 0 22px}
.sp-landing img{max-width:100%;height:auto}
/* Ровные колонки: делаем ряды блоков flex (Bootstrap-ширины сохраняются) */
.sp-block .row{display:flex;flex-wrap:wrap}
.sp-hero .row{align-items:center}

/* Хлебные крошки */
.sp-breadcrumbs{background:#fff;padding:22px 0 0;border-bottom:0}
/* Сбрасываем тёмный фон, которым тема красит все <nav> (как #site-navigation) */
.sp-landing .sp-crumbs{background:transparent;border:0;box-shadow:none;margin:0;padding:0}
.sp-crumbs{font-size:13px;color:#767f87;line-height:1.5;overflow-wrap:anywhere}
.sp-crumbs a{color:#767f87;text-decoration:none}
.sp-crumbs a:hover{text-decoration:underline}
.sp-crumbs__sep{margin:0 6px;color:#c9cfd4}

/* Первый экран */
.sp-hero__h1{font-size:38px;line-height:1.2;margin:0 0 16px}
.sp-hero .sp-lead{font-size:18px;color:#4a5157;margin:0 0 20px}
.sp-facts{list-style:none;margin:0 0 24px;padding:0}
.sp-facts li{position:relative;padding-left:22px;margin-bottom:8px;color:#4a5157;font-size:15px}
.sp-facts li::before{content:"";position:absolute;left:4px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--sp-accent)}
.sp-btns{display:flex;flex-wrap:wrap;gap:12px}
.sp-hero__media{margin-top:10px}
.sp-hero__img{border-radius:10px}

/* Карточки */
.sp-card{background:#fff;border:1px solid #e6e8ea;border-radius:10px;padding:20px 22px;height:100%;margin-bottom:18px}
.sp-tint .sp-card{background:#fff}
.sp-card h3{font-size:16.5px;margin:0 0 6px}
.sp-card p{font-size:14.5px;color:#4a5157;margin:0 0 8px}
.sp-card p:last-child{margin-bottom:0}
.sp-card__dot{width:30px;height:30px;border-radius:8px;background:#fdecef;border:1px solid #f4c9d3;margin-bottom:12px}
.sp-card__icon img{width:40px;height:40px;object-fit:contain;margin-bottom:10px}

/* Сценарий */
.sp-col-h{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#767f87;font-weight:700;margin-bottom:14px}
.sp-steps{list-style:none;counter-reset:s;margin:0 0 10px;padding:0}
.sp-steps li{counter-increment:s;position:relative;padding:0 0 16px 40px;font-size:14.5px;color:#4a5157}
.sp-steps li::before{content:counter(s);position:absolute;left:0;top:-1px;width:26px;height:26px;border-radius:50%;background:#fff;border:1px solid #c9cfd4;color:#4a5157;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.sp-steps li::after{content:"";position:absolute;left:13px;top:26px;bottom:2px;width:1px;background:#e6e8ea}
.sp-steps li:last-child{padding-bottom:0}
.sp-steps li:last-child::after{display:none}
.sp-scenario__media{margin-top:18px}

/* Таблица синхронизации */
.sp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sp-table{border-collapse:collapse;width:100%;min-width:520px;font-size:14.5px}
.sp-table th,.sp-table td{border:1px solid #e6e8ea;padding:10px 13px;text-align:left;vertical-align:top}
.sp-table th{background:#eceef0;font-weight:650;font-size:13.5px}
.sp-sync__limits{margin-top:16px;color:#4a5157;font-size:14.5px}

/* Плитки */
.sp-tiles{display:flex;flex-wrap:wrap;gap:10px}
.sp-tile{min-width:0!important;margin-bottom:0!important}

/* Тарифы */
.sp-price{border:1px solid #e6e8ea;border-radius:10px;padding:22px;background:#fff;text-align:center;margin-bottom:18px}
.sp-price__n{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#767f87;font-weight:700}
.sp-price__v{font-size:28px;font-weight:680;margin:10px 0 2px;color:#1a1c1e}
.sp-price__u{font-size:13.5px;color:#767f87}
.sp-trial{margin-top:8px;color:#4a5157}

/* Доверие */
.sp-stat{border:1px solid #e6e8ea;border-radius:10px;padding:20px;background:#fff;text-align:center;margin-bottom:18px}
.sp-stat__v{font-size:32px;font-weight:680;color:var(--sp-accent);line-height:1}
.sp-stat__l{font-size:13.5px;color:#4a5157;margin-top:8px}
.sp-trust__h3{font-size:17px;margin:8px 0 8px}
.sp-doclinks{font-size:15px;color:#4a5157}

/* FAQ */
.sp-faq-list details{border-bottom:1px solid #e6e8ea}
.sp-faq-list details:first-child{border-top:1px solid #e6e8ea}
.sp-faq-list summary{cursor:pointer;padding:15px 0;font-weight:600;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.sp-faq-list summary::-webkit-details-marker{display:none}
.sp-faq-list summary::after{content:"+";color:var(--sp-accent);font-weight:700;font-size:20px;line-height:1;flex:none}
.sp-faq-list details[open] summary::after{content:"\2013"}
.sp-faq__a{padding:0 0 16px;color:#4a5157;font-size:15px;max-width:70ch}

/* Форма */
.sp-form__side{font-size:15px;color:#4a5157}
.sp-side__row{margin-bottom:16px}
.sp-side__row b{display:block;color:#1a1c1e;font-size:13px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:4px}

/* Адаптив (Bootstrap стекует col-md- ниже 992px; правим внутренности) */
@media (max-width:768px){
	.sp-block{padding:36px 0}
	.sp-hero__h1{font-size:28px}
	.sp-hero .sp-lead{font-size:16px}
	.sp-block h2{font-size:22px}
}
@media (max-width:400px){
	.sp-block{padding:28px 0}
	.sp-hero__h1{font-size:24px}
	.sp-block h2{font-size:20px}
	.sp-card{padding:16px}
	.sp-btns .btn{width:100%;text-align:center}
}

/* ---------- Дополнения: текстовые блоки, списки ссылок, подпись формы ---------- */
.sp-rich{margin:0 0 14px}
.sp-rich p{margin:0 0 12px;font-size:15px;color:#4a5157}
.sp-rich p:last-child{margin-bottom:0}
.sp-rich ul,.sp-rich ol{margin:0 0 14px;padding-left:20px}
.sp-rich li{margin-bottom:6px;font-size:15px;color:#4a5157}
.sp-rich a,.sp-linklist a{color:var(--sp-accent);text-decoration:underline}
.sp-rich a:hover,.sp-linklist a:hover{text-decoration:none}
.sp-rich strong{color:#1a1c1e}

.sp-linklist{list-style:none;margin:0;padding:0}
.sp-linklist li{position:relative;padding:7px 0 7px 22px;font-size:15px;color:#4a5157}
.sp-linklist li::before{content:"";position:absolute;left:4px;top:17px;width:7px;height:7px;border-radius:50%;background:var(--sp-accent)}

.sp-scenario__intro,.sp-scenario__outro{margin:0 0 18px}
.sp-scenario__item{margin-bottom:10px}
.sp-scenario__h3{font-size:19px;margin:22px 0 16px}
.sp-scenario__outro{margin-top:14px}

.sp-included__lead{margin:0 0 20px}
.sp-tariffs__body,.sp-guarantees__body{max-width:860px}
.sp-trust__text{max-width:860px}
.sp-compat__lead{margin:0 0 14px}
.sp-steps__extra{margin-top:8px;max-width:860px}

.sp-form-lead{font-size:20px;font-weight:600;line-height:1.35;margin:0 0 22px;color:#1a1c1e}
.sp-side__row a{color:var(--sp-accent)}

@media (max-width:768px){
	.sp-form-lead{font-size:18px}
	.sp-scenario__h3{font-size:17px}
}