/* ============================================================
   landing-shared.css — общие стили для всех лендинг-страниц
   Подключается глобально в _func.php
   ============================================================ */

/* --- Mobile h2: единый размер на всех страницах --- */
@media(max-width:767.98px){
	h2.ld-fh-element,
	.progress h3.ld-fh-element{font-size:32px!important}
}

/* --- Анимированные SVG-круги (шаги, преимущества) --- */
.sp-circle-wrap{position:relative;width:45px;height:45px;flex-shrink:0;margin-right:30px}
.sp-circle-svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}
.sp-circle-bg{fill:none;stroke:rgba(0,0,0,0.1);stroke-width:2}
.sp-circle-fill{fill:white;opacity:0;transition:opacity 0.3s}
.sp-circle-draw{fill:none;stroke:#F18E90;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:131.95;stroke-dashoffset:131.95;transition:none}
.sp-circle-wrap .sp-num{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 1px));font-size:16px;font-weight:600;color:#222;opacity:0;transition:opacity 0.3s}
.sp-circle-wrap.sp-animated .sp-circle-draw{animation:spDraw 0.8s cubic-bezier(0.4,0,0.2,1) forwards}
.sp-circle-wrap.sp-animated .sp-num{opacity:1}
.sp-circle-wrap.sp-animated .sp-circle-fill{opacity:1}
/* Delay cascade: шаг 0.4s между элементами */
.sp-circle-wrap.sp-delay-1 .sp-circle-draw{animation-delay:0s}
.sp-circle-wrap.sp-delay-1 .sp-num{transition-delay:0.4s}
.sp-circle-wrap.sp-delay-1 .sp-circle-fill{transition-delay:0.45s}
.sp-circle-wrap.sp-delay-2 .sp-circle-draw{animation-delay:0.4s}
.sp-circle-wrap.sp-delay-2 .sp-num{transition-delay:0.8s}
.sp-circle-wrap.sp-delay-2 .sp-circle-fill{transition-delay:0.85s}
.sp-circle-wrap.sp-delay-3 .sp-circle-draw{animation-delay:0.8s}
.sp-circle-wrap.sp-delay-3 .sp-num{transition-delay:1.2s}
.sp-circle-wrap.sp-delay-3 .sp-circle-fill{transition-delay:1.25s}
.sp-circle-wrap.sp-delay-4 .sp-circle-draw{animation-delay:1.2s}
.sp-circle-wrap.sp-delay-4 .sp-num{transition-delay:1.6s}
.sp-circle-wrap.sp-delay-4 .sp-circle-fill{transition-delay:1.65s}
.sp-circle-wrap.sp-delay-5 .sp-circle-draw{animation-delay:1.6s}
.sp-circle-wrap.sp-delay-5 .sp-num{transition-delay:2.0s}
.sp-circle-wrap.sp-delay-5 .sp-circle-fill{transition-delay:2.05s}
.sp-circle-wrap.sp-delay-6 .sp-circle-draw{animation-delay:2.0s}
.sp-circle-wrap.sp-delay-6 .sp-num{transition-delay:2.4s}
.sp-circle-wrap.sp-delay-6 .sp-circle-fill{transition-delay:2.45s}
@keyframes spDraw{to{stroke-dashoffset:0}}

/* --- Iconbox: кружок + текст в строку на планшете --- */
@media(max-width:991.98px){
	#wrap > main section:not(#site-footer):not(.module-top) .iconbox.iconbox-circle-steps,
	#wrap > main section:not(#site-footer):not(.module-top) .iconbox.iconbox-circle-steps h3,
	#wrap > main section:not(#site-footer):not(.module-top) .iconbox.iconbox-circle-steps p,
	#wrap > main section:not(#site-footer):not(.module-top) .iconbox.iconbox-circle-steps .contents{text-align:left!important}
	#wrap > main section:not(#site-footer):not(.module-top) .iconbox.iconbox-circle-steps{flex-direction:row!important;align-items:flex-start!important}
	#wrap > main section:not(#site-footer):not(.module-top) .iconbox.iconbox-circle-steps .sp-circle-wrap{margin-right:20px!important;margin-bottom:0!important}
}

/* --- Документные страницы (terms, privacy, rules) --- */
.legal-hero{padding:50px 0 36px!important;background:#fff}
.legal-body{padding:30px 0 70px!important;background:#ffebe7}
@media(max-width:767.98px){
	.legal-hero{padding:36px 0 24px!important}
	.legal-body{padding:20px 0 40px!important}
}
.legal-hero h1{font-size:clamp(24px,4vw,36px);color:#222;line-height:1.25;margin:0 0 16px}
.legal-hero-meta{font-size:16px;line-height:1.6;color:#444;max-width:720px;margin:0 auto;font-weight:600}
.legal-hero-meta br + *{display:inline}
.legal-doc{max-width:860px;margin:0 auto;background:#fff;border-radius:18px;padding:40px 48px;box-shadow:0 6px 28px rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.04)}
@media(max-width:767.98px){.legal-doc{padding:24px 22px;border-radius:14px}}
.legal-doc p{font-size:15px;line-height:1.75;color:#444;margin:0 0 14px;text-align:left}
.legal-doc p:last-child{margin-bottom:0}
.legal-doc p strong{color:#222;font-weight:700}
.legal-doc b{color:#222;font-weight:600}
.legal-doc h5{font-size:19px;font-weight:700;color:#222;line-height:1.3;margin:24px 0 14px;text-align:left}
@media(max-width:575.98px){.legal-doc h5{font-size:17px}}
.legal-doc a{color:#006bd8;text-decoration:none;border-bottom:1px solid rgba(0,107,217,0.3)}
.legal-doc a:hover{border-bottom-color:#006bd8}
.legal-doc p > strong:only-child{display:block;font-size:16px;margin-top:28px;margin-bottom:4px;color:#222}
.legal-doc em{color:#666}
.legal-doc .desc{margin:0}
/* Override global text-align:center */
#wrap > main .lqd-section .legal-doc,
#wrap > main .lqd-section .legal-doc p,
#wrap > main .lqd-section .legal-doc h5{text-align:left!important}