.klp-vs{--ink:#073b49;--muted:#5e7680;--teal:#23bec6;--teal2:#0aa6b2;--orange:#ff6b18;--orange2:#ff8f32;--yellow:#f7c84b;--cream:#fffaf4;--sky:#eaf9fb;--line:#e2edef;--white:#fff;--shadow:0 18px 45px rgba(16,67,78,.10)}
.klp-vs *{box-sizing:border-box}
/* ================================================================
   Нормализация под тему сайта.
   В standalone-макете элементных правил не было — хватало дефолтов
   браузера. Внутри WordPress в лендинг протекают h1..h6, p, ul/li,
   button, img и a из темы, поэтому возвращаем дефолты явно.
   Блок стоит ПЕРЕД правилами дизайна, чтобы дизайн всегда выигрывал.
   ================================================================ */
.klp-vs{box-sizing:border-box}
/* Возвращаем ИМЕННО дефолты браузера, а не нули: в standalone-макете
   отступы абзацев и заголовков держал UA-стиль, и обнуление их ломало
   вертикальный ритм там, где дизайн свои margin не задаёт (блок CTA). */
.klp-vs p{margin:1em 0}
.klp-vs h1{margin:.67em 0}
.klp-vs h2{margin:.83em 0}
.klp-vs h3{margin:1em 0}
.klp-vs h4{margin:1.33em 0}
.klp-vs h5{margin:1.67em 0}
.klp-vs h6{margin:2.33em 0}
.klp-vs figure,.klp-vs blockquote,
.klp-vs ul,.klp-vs ol,.klp-vs li,.klp-vs dl,.klp-vs dd{margin:0;padding:0}
.klp-vs h1,.klp-vs h2,.klp-vs h3,.klp-vs h4,.klp-vs h5,.klp-vs h6{
  font-family:inherit;font-weight:bold;line-height:normal;color:var(--ink);
  text-transform:none;letter-spacing:normal;text-align:inherit}
.klp-vs h1{font-size:2em}
.klp-vs h2{font-size:1.5em}
.klp-vs h3{font-size:1.17em}
.klp-vs h4{font-size:1em}
.klp-vs h1:before,.klp-vs h2:before,.klp-vs h3:before,
.klp-vs h1:after,.klp-vs h2:after,.klp-vs h3:after{content:none}
.klp-vs ul,.klp-vs ol,.klp-vs li{list-style:none}
.klp-vs li:before{content:none}
.klp-vs img,.klp-vs svg{max-width:100%;border:0;border-radius:0;box-shadow:none}
.klp-vs a{color:inherit;text-decoration:none;border:0;box-shadow:none}
.klp-vs a:hover,.klp-vs a:focus{text-decoration:none}
.klp-vs button{margin:0;font:inherit;color:inherit;background:none;border:0;
  border-radius:0;box-shadow:none;text-transform:none;letter-spacing:normal;
  cursor:pointer;-webkit-appearance:none;appearance:none}
.klp-vs input,.klp-vs select,.klp-vs textarea{margin:0;font:inherit;color:inherit;
  background:none;border:0;border-radius:0;box-shadow:none;
  -webkit-appearance:none;appearance:none}
.klp-vs select{background-image:none}
html{scroll-behavior:smooth}.klp-vs{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:var(--cream);font-size:16px}.klp-vs .klp-light{overflow:hidden}.klp-vs .shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.klp-vs .site-head{position:sticky;top:0;z-index:40;background:rgba(255,250,244,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(7,59,73,.06)}.klp-vs .head-inner{height:78px;display:flex;align-items:center;gap:34px}.klp-vs .brand{text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:9px;line-height:.8}.klp-vs .brand-main{font-weight:900;font-size:20px;letter-spacing:-1px}.klp-vs .brand-sub{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--teal2);font-weight:800}.klp-vs .head-nav{display:flex;gap:24px;margin-left:auto}.klp-vs .head-nav a{color:var(--ink);text-decoration:none;font-size:13px;font-weight:700}.klp-vs .head-nav a:hover{color:var(--teal2)}.klp-vs .btn{border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border-radius:18px;font-weight:900;font:inherit;font-weight:800;cursor:pointer;transition:.22s ease;box-shadow:none}.klp-vs .btn:hover{transform:translateY(-2px)}.klp-vs .btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange2));color:white;box-shadow:0 10px 24px rgba(255,107,24,.22)}.klp-vs .btn-teal{background:linear-gradient(135deg,var(--teal),#52d4d9);color:white;box-shadow:0 10px 24px rgba(35,190,198,.22)}.klp-vs .btn-light{background:white;color:var(--ink);border:1px solid var(--line)}
.klp-vs .hero{position:relative;padding:66px 0 56px;background:linear-gradient(180deg,#fff 0%,#f8feff 100%);isolation:isolate}.klp-vs .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:54px}.klp-vs .eyebrow{display:inline-flex;padding:9px 13px;border-radius:999px;background:#dff7f9;color:#078c99;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.klp-vs .hero h1{font-size:clamp(58px,7vw,100px);line-height:.85;letter-spacing:-.06em;margin:20px 0 18px;text-transform:uppercase}.klp-vs .hero h1 span{display:block;color:var(--teal)}.klp-vs .hero-lead{font-size:19px;line-height:1.55;color:#345965;max-width:580px}.klp-vs .hero-points{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.klp-vs .hero-points span{background:white;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800}.klp-vs .hero-actions{display:flex;gap:12px;flex-wrap:wrap}.klp-vs .hero-price{margin-top:22px;display:flex;align-items:end;gap:10px}.klp-vs .hero-price b{font-size:32px}.klp-vs .hero-price span{font-size:13px;color:var(--muted);padding-bottom:5px}.klp-vs .hero-visual{position:relative}.klp-vs .photo-blob{position:relative;border-radius:46% 54% 50% 50% / 42% 44% 56% 58%;overflow:hidden;background:#d9f7f9;aspect-ratio:1.16/1;box-shadow:0 22px 60px rgba(31,102,113,.14)}.klp-vs .photo-blob img{width:100%;height:100%;object-fit:cover}.klp-vs .hero-shape{position:absolute;border-radius:999px;filter:blur(1px);opacity:.75;z-index:0}.klp-vs .hero-shape-a{width:280px;height:280px;background:#dff7f9;left:-140px;top:40px}.klp-vs .hero-shape-b{width:220px;height:220px;background:#fff0be;right:-90px;bottom:-60px}.klp-vs .hero-confetti-field{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.klp-vs .hero-confetti{position:absolute;display:block;opacity:.92;animation:heroConfettiFloat var(--dur,10s) ease-in-out infinite,heroConfettiSpin var(--spin,7s) linear infinite}.klp-vs .hero-confetti:before{content:"";display:block;width:100%;height:100%;background:var(--color,var(--orange));border-radius:var(--radius,999px);box-shadow:0 6px 18px rgba(7,59,73,.08)}.klp-vs .piece-1{left:4%;top:14%;width:14px;height:40px;--color:var(--orange);--radius:999px;--dur:7.2s;--spin:8s}.klp-vs .piece-2{left:11%;top:52%;width:24px;height:24px;--color:#ffd76d;--radius:50%;--dur:8.8s;--spin:12s}.klp-vs .piece-3{left:28%;top:8%;width:16px;height:16px;--color:#49cfd6;--radius:50%;--dur:8s;--spin:10s}.klp-vs .piece-4{left:38%;top:20%;width:14px;height:36px;--color:#ffa26f;--radius:5px;--dur:9.5s;--spin:7s}.klp-vs .piece-5{left:48%;top:68%;width:18px;height:18px;--color:#8ae4cf;--radius:50%;--dur:7.7s;--spin:11s}.klp-vs .piece-6{left:58%;top:6%;width:44px;height:12px;--color:#23bec6;--radius:999px;--dur:10s;--spin:9s}.klp-vs .piece-7{right:28%;top:18%;width:12px;height:34px;--color:#f7c84b;--radius:4px;--dur:8.7s;--spin:6.5s}.klp-vs .piece-8{right:16%;top:38%;width:26px;height:26px;--color:#ff8960;--radius:50%;--dur:9.2s;--spin:12s}.klp-vs .piece-9{right:7%;top:14%;width:14px;height:42px;--color:#51d7cf;--radius:999px;--dur:7.4s;--spin:8.5s}.klp-vs .piece-10{right:10%;bottom:17%;width:20px;height:20px;--color:#ffd76d;--radius:50%;--dur:8.3s;--spin:13s}.klp-vs .piece-11{left:67%;bottom:12%;width:12px;height:36px;--color:#ff6b18;--radius:999px;--dur:9.7s;--spin:7.2s}.klp-vs .piece-12{left:19%;bottom:10%;width:36px;height:12px;--color:#78dbe0;--radius:999px;--dur:10.5s;--spin:10s}.klp-vs .floating-card{position:absolute;display:flex;align-items:center;gap:10px;background:white;border-radius:20px;padding:10px 14px;box-shadow:var(--shadow);font-size:11px;z-index:3}.klp-vs .floating-card img{width:54px;height:54px}.klp-vs .floating-card b, .klp-vs .floating-card span{display:block}.klp-vs .floating-card b{font-size:12px}.klp-vs .floating-card span{color:var(--muted);margin-top:3px}.klp-vs .float-one{left:-24px;bottom:48px}.klp-vs .float-two{right:-14px;top:36px}@keyframes heroConfettiFloat{0%,100%{transform:translate3d(0,0,0)}25%{transform:translate3d(12px,-14px,0)}50%{transform:translate3d(-10px,12px,0)}75%{transform:translate3d(14px,8px,0)}}@keyframes heroConfettiSpin{from{rotate:0deg}to{rotate:360deg}}
.klp-vs .section{padding:72px 0}.klp-vs .section-head{margin-bottom:34px}.klp-vs .section-head.center{text-align:center}.klp-vs .section-head.center p{max-width:680px;margin:12px auto 0;color:var(--muted)}.klp-vs .section-head.split{display:flex;justify-content:space-between;gap:40px;align-items:end}.klp-vs .section-head.split p{max-width:430px;color:var(--muted)}.klp-vs .section h2, .klp-vs .cta h2{font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.045em;margin:15px 0 0}.klp-vs .section h2 span, .klp-vs .cta h2 span{color:var(--teal)}
.klp-vs .formats{background:#f8f9f8}.klp-vs .format-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.klp-vs .format-card{display:grid;grid-template-columns:42% 58%;background:white;border-radius:30px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #edf2f2;min-height:510px}.klp-vs .format-card-main{border:2px solid #c6edef}.klp-vs .format-card-custom{border:2px solid #f2e7db}.klp-vs .format-photo{min-height:100%;overflow:hidden}.klp-vs .format-photo img{width:100%;height:100%;object-fit:cover}.klp-vs .format-copy{padding:30px 28px;display:flex;flex-direction:column}.klp-vs .format-label{display:flex;align-items:center;gap:10px}.klp-vs .format-label span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e2f8fa;color:var(--teal2);font-weight:900}.klp-vs .format-label b{font-size:11px;text-transform:uppercase;letter-spacing:.08em;background:#fff2e7;color:var(--orange);padding:7px 10px;border-radius:999px}.klp-vs .format-copy h3{font-size:32px;line-height:1.02;margin:18px 0 6px;letter-spacing:-.04em}.klp-vs .format-sub{color:var(--teal2);font-weight:800;margin:0 0 18px}.klp-vs .format-copy ul{padding:0;margin:0;list-style:none;display:grid;gap:11px}.klp-vs .format-copy li{position:relative;padding-left:25px;font-size:13px;line-height:1.45;color:#385a64}.klp-vs .format-copy li:before{content:'✓';position:absolute;left:0;top:-1px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#55be72;color:white;font-size:11px;font-weight:900}.klp-vs .format-bottom{margin-top:auto;padding-top:22px;display:flex;align-items:end;justify-content:space-between;gap:12px}.klp-vs .price b, .klp-vs .price span{display:block}.klp-vs .price b{font-size:26px}.klp-vs .price span{font-size:11px;color:var(--muted);margin-top:3px}.klp-vs .price-small b{font-size:18px;text-transform:uppercase}.klp-vs .format-card .btn{padding:12px 16px;border-radius:14px;font-size:12px}
.klp-vs .games{background:white}.klp-vs .games-top{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}.klp-vs .games-copy p{font-size:16px;line-height:1.65;color:#496771}.klp-vs .games-copy .btn{margin-top:22px}.klp-vs .stats{display:flex;gap:12px;margin:24px 0}.klp-vs .stats div{background:#f7fbfb;border:1px solid var(--line);border-radius:17px;padding:13px 16px;min-width:120px}.klp-vs .stats b, .klp-vs .stats span{display:block}.klp-vs .stats b{font-size:16px}.klp-vs .stats span{font-size:10px;color:var(--muted);margin-top:4px}.klp-vs .games-photo{position:relative;border-radius:36px;overflow:hidden;height:500px;box-shadow:var(--shadow)}.klp-vs .games-photo img{width:100%;height:100%;object-fit:cover}.klp-vs .sticker{position:absolute;right:20px;bottom:20px;background:white;padding:15px 18px;border-radius:20px;font-size:16px;font-weight:900;transform:rotate(-3deg);box-shadow:var(--shadow)}.klp-vs .sticker small{display:block;color:var(--teal2);font-size:10px;margin-top:3px}.klp-vs .activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}.klp-vs .activity-grid article{background:#fffaf4;border:1px solid #f3e9de;border-radius:22px;padding:20px}.klp-vs .activity-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-weight:900;font-size:26px;margin-bottom:14px}.klp-vs .icon-music{background:#e2f8fa;color:#0aa6b2}.klp-vs .icon-target{background:#fff0de;color:#ff6b18}.klp-vs .icon-wave{background:#eef4ff;color:#4d85d8}.klp-vs .icon-hammer{background:#fff6cd;color:#d99b12}.klp-vs .activity-grid b, .klp-vs .activity-grid span{display:block}.klp-vs .activity-grid b{font-size:14px;line-height:1.25}.klp-vs .activity-grid span{font-size:11px;line-height:1.5;color:var(--muted);margin-top:7px}
.klp-vs .included{background:#f7faf9}.klp-vs .included-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.klp-vs .included-grid article{background:white;border-radius:24px;padding:22px 18px;text-align:center;border:1px solid #edf2f2;box-shadow:0 10px 28px rgba(13,72,81,.06)}.klp-vs .included-grid img{width:92px;height:92px}.klp-vs .included-grid b, .klp-vs .included-grid span{display:block}.klp-vs .included-grid b{font-size:14px;margin-top:10px}.klp-vs .included-grid span{font-size:11px;line-height:1.45;color:var(--muted);margin-top:6px}
.klp-vs .compare{background:white}.klp-vs .compare-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px}.klp-vs .compare-card{border-radius:28px;padding:28px;display:grid;grid-template-columns:92px 1fr;gap:20px;align-items:start;border:1px solid var(--line)}.klp-vs .compare-card img{width:92px;height:92px}.klp-vs .compare-card h3{font-size:24px;line-height:1.08;margin:7px 0 10px}.klp-vs .compare-card p{color:var(--muted);line-height:1.55;font-size:13px;margin:0}.klp-vs .compare-card>button{grid-column:1/-1;justify-self:start}.klp-vs .compare-games{background:#f2fbfc}.klp-vs .compare-custom{background:#fff8ef}.klp-vs .compare-card>div>b{color:var(--teal2);text-transform:uppercase;font-size:11px;letter-spacing:.08em}.klp-vs .compare-custom>div>b{color:var(--orange)}.klp-vs .or-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;font-size:12px;font-weight:900;border:7px solid white;z-index:3}
.klp-vs .gallery{background:#f8f9f8}.klp-vs .gallery-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:230px 230px;gap:14px}.klp-vs .gallery-grid figure{margin:0;border-radius:24px;overflow:hidden}.klp-vs .gallery-grid img{width:100%;height:100%;object-fit:cover;transition:.3s}.klp-vs .gallery-grid figure:hover img{transform:scale(1.03)}.klp-vs .gallery-big{grid-row:1/3}.klp-vs .gallery-grid figure:last-child{grid-column:2/4}
.klp-vs .cta{padding:48px 0 72px;background:white}.klp-vs .cta-box{display:grid;grid-template-columns:.75fr 1.25fr;background:linear-gradient(120deg,#dff7f9,#f4ffff);border-radius:34px;overflow:hidden;min-height:350px;box-shadow:var(--shadow)}.klp-vs .cta-art{position:relative}.klp-vs .cta-art img{width:100%;height:100%;object-fit:cover}.klp-vs .cta-copy{padding:48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.klp-vs .cta-copy p{color:var(--muted);line-height:1.55;max-width:580px}.klp-vs .footer{padding:24px 0;background:var(--ink);color:white}.klp-vs .footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.klp-vs .footer span{color:#b9d1d7;font-size:12px}
.klp-vs .klp-vs-sticky{position:fixed;z-index:45;bottom:14px;left:50%;transform:translateX(-50%) translateY(120px);opacity:0;display:none;align-items:center;gap:16px;background:white;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:8px 8px 8px 14px;transition:.25s}.klp-vs .klp-vs-sticky.is-visible{transform:translateX(-50%) translateY(0);opacity:1}.klp-vs .klp-vs-sticky b, .klp-vs .klp-vs-sticky span{display:block}.klp-vs .klp-vs-sticky b{font-size:16px}.klp-vs .klp-vs-sticky span{font-size:9px;color:var(--muted)}.klp-vs .klp-vs-sticky .btn{padding:11px 14px;font-size:11px;border-radius:12px}
.klp-vs .klp-vs-modal{position:fixed;inset:0;z-index:100;display:none}.klp-vs .klp-vs-modal.is-open{display:block}.klp-vs .klp-vs-modal__backdrop{position:absolute;inset:0;background:rgba(7,59,73,.52);backdrop-filter:blur(5px)}.klp-vs .klp-vs-modal__dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(840px,calc(100% - 28px));display:grid;grid-template-columns:300px 1fr;background:white;border-radius:30px;overflow:hidden;box-shadow:0 34px 90px rgba(4,45,54,.28)}.klp-vs .klp-vs-modal__close{position:absolute;right:16px;top:14px;z-index:3;width:38px;height:38px;border:0;border-radius:50%;background:#f2f7f7;color:var(--ink);font-size:28px;cursor:pointer}.klp-vs .klp-vs-modal__art{background:linear-gradient(160deg,#dff8fa,#fff5df);padding:36px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.klp-vs .klp-vs-modal__art img{width:120px;height:120px}.klp-vs .klp-vs-modal__art b{font-size:34px;line-height:.9;margin-top:15px;text-transform:uppercase}.klp-vs .klp-vs-modal__art small{margin-top:15px;line-height:1.5;color:var(--muted)}.klp-vs .klp-vs-modal__content{padding:36px}.klp-vs .klp-vs-modal__eyebrow{font-size:11px;font-weight:900;color:var(--teal2);text-transform:uppercase}.klp-vs .klp-vs-modal__content h2{font-size:38px;margin:8px 0 6px;letter-spacing:-.04em}.klp-vs .klp-vs-modal__lead{color:var(--muted);font-size:13px;line-height:1.5}.klp-vs .klp-vs-modal__form{display:grid;gap:14px;margin-top:22px}.klp-vs .klp-vs-modal__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.klp-vs .klp-vs-modal__form label{display:grid;gap:6px;font-size:11px;font-weight:800}.klp-vs .klp-vs-modal__form input, .klp-vs .klp-vs-modal__form select, .klp-vs .klp-vs-modal__form textarea{width:100%;border:1px solid #dbe7e8;border-radius:13px;padding:12px 13px;font:inherit;font-size:13px;color:var(--ink);background:white;outline:none}.klp-vs .klp-vs-modal__form input:focus, .klp-vs .klp-vs-modal__form select:focus, .klp-vs .klp-vs-modal__form textarea:focus{border-color:var(--teal)}.klp-vs .klp-vs-modal__consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:9px!important;font-size:10px!important;color:var(--muted)}.klp-vs .klp-vs-modal__consent input{width:auto;margin-top:2px}.klp-vs .klp-vs-modal__submit{border:0;border-radius:15px;padding:14px 17px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:white;font:inherit;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.klp-vs .klp-vs-modal__status{font-size:11px;color:var(--muted)}.klp-vs .klp-vs-modal__success{text-align:center;padding:30px 0}.klp-vs .klp-vs-modal__success>div{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#e7f8ea;color:#40a85c;font-size:30px;margin:0 auto}.klp-vs .klp-vs-modal__success button{border:0;border-radius:14px;padding:12px 18px;background:var(--teal);color:white;font-weight:900;cursor:pointer}body.klp-vs-modal-open{overflow:hidden}
@media (prefers-reduced-motion:reduce){.klp-vs .hero-confetti{animation:none}}
@media(max-width:980px){.klp-vs .head-nav{display:none}.klp-vs .head-inner{height:68px}.klp-vs .head-inner>.btn{margin-left:auto}.klp-vs .hero-grid, .klp-vs .games-top, .klp-vs .cta-box{grid-template-columns:1fr}.klp-vs .hero-copy{order:1}.klp-vs .hero-visual{order:0}.klp-vs .photo-blob{max-height:500px}.klp-vs .hero h1{font-size:64px}.klp-vs .format-grid{grid-template-columns:1fr}.klp-vs .format-card{min-height:0}.klp-vs .included-grid{grid-template-columns:repeat(3,1fr)}.klp-vs .activity-grid{grid-template-columns:repeat(2,1fr)}.klp-vs .gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:240px 240px}.klp-vs .gallery-big{grid-row:auto}.klp-vs .gallery-grid figure:last-child{grid-column:auto}.klp-vs .cta-art{max-height:360px}.klp-vs .klp-vs-sticky{display:flex}.klp-vs .klp-vs-modal__dialog{grid-template-columns:1fr}.klp-vs .klp-vs-modal__art{display:none}}
@media(max-width:680px){.klp-vs .shell{width:min(100% - 24px,1180px)}.klp-vs .hero-confetti-field .piece-4, .klp-vs .hero-confetti-field .piece-6, .klp-vs .hero-confetti-field .piece-8, .klp-vs .hero-confetti-field .piece-11{display:none}.klp-vs .site-head .btn{padding:11px 13px;font-size:11px}.klp-vs .brand-sub{display:none}.klp-vs .hero{padding:30px 0 40px}.klp-vs .hero-grid{gap:26px}.klp-vs .photo-blob{border-radius:28px;aspect-ratio:1/1.05}.klp-vs .floating-card{display:none}.klp-vs .hero h1{font-size:50px}.klp-vs .hero-lead{font-size:16px}.klp-vs .hero-actions .btn{width:100%}.klp-vs .section{padding:50px 0}.klp-vs .section h2, .klp-vs .cta h2{font-size:38px}.klp-vs .section-head.split{display:block}.klp-vs .format-card{grid-template-columns:1fr}.klp-vs .format-photo{height:250px}.klp-vs .format-copy{padding:24px}.klp-vs .format-copy h3{font-size:28px}.klp-vs .format-bottom{align-items:flex-start;flex-direction:column}.klp-vs .format-bottom .btn{width:100%}.klp-vs .games-photo{height:390px}.klp-vs .stats{display:grid;grid-template-columns:1fr 1fr}.klp-vs .stats div:last-child{grid-column:1/3}.klp-vs .activity-grid{grid-template-columns:1fr}.klp-vs .included-grid{grid-template-columns:1fr 1fr}.klp-vs .included-grid article:last-child{grid-column:1/3}.klp-vs .compare-grid{grid-template-columns:1fr}.klp-vs .or-badge{position:static;transform:none;margin:-10px auto}.klp-vs .compare-card{grid-template-columns:70px 1fr}.klp-vs .compare-card img{width:70px;height:70px}.klp-vs .gallery-grid{grid-template-columns:1fr;grid-template-rows:none}.klp-vs .gallery-grid figure{height:250px}.klp-vs .cta-copy{padding:32px 24px}.klp-vs .footer-inner{display:block}.klp-vs .footer span{display:block;margin-top:8px}.klp-vs .klp-vs-modal__content{padding:28px 20px}.klp-vs .klp-vs-modal__row{grid-template-columns:1fr}.klp-vs .klp-vs-modal__dialog{max-height:92vh;overflow:auto}}

/* v7 — soft 3D illustration system */
.klp-vs .activity-grid article{display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;min-height:250px}
.klp-vs .activity-3d{display:block;width:118px;height:118px;object-fit:contain;margin:-8px 0 2px -6px;filter:drop-shadow(0 10px 14px rgba(7,59,73,.08))}
.klp-vs .included-grid article{overflow:hidden}
.klp-vs .included-grid img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 9px 13px rgba(7,59,73,.07))}
.klp-vs .compare-card{grid-template-columns:118px 1fr}
.klp-vs .compare-card img{width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(7,59,73,.08))}
.klp-vs .floating-card img{object-fit:contain}
.klp-vs .klp-vs-modal__art img{object-fit:contain;filter:drop-shadow(0 12px 18px rgba(7,59,73,.09))}
@media(max-width:680px){.klp-vs .activity-grid article{min-height:0}.klp-vs .activity-3d{width:100px;height:100px}.klp-vs .compare-card{grid-template-columns:78px 1fr}.klp-vs .compare-card img{width:78px;height:78px}.klp-vs .included-grid img{width:96px;height:96px}}


/* v9 — redesigned formats section */
.klp-vs .formats{position:relative;background:linear-gradient(180deg,#f8fbfb 0%,#ffffff 100%)}
.klp-vs .formats:before, .klp-vs .formats:after{content:"";position:absolute;border-radius:999px;pointer-events:none;opacity:.9}
.klp-vs .formats:before{width:280px;height:280px;background:radial-gradient(circle,#dff7f9 0%,rgba(223,247,249,0) 70%);left:-120px;top:40px}
.klp-vs .formats:after{width:260px;height:260px;background:radial-gradient(circle,#fff0be 0%,rgba(255,240,190,0) 72%);right:-110px;bottom:10px}
.klp-vs .formats-panel{position:relative;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.98));border:1px solid #e6f0f1;box-shadow:0 24px 60px rgba(13,72,81,.07);border-radius:36px;padding:34px}
.klp-vs .formats-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:28px;align-items:end;margin-bottom:28px}
.klp-vs .formats-head h2{margin-top:14px}
.klp-vs .formats-intro{margin:0;color:var(--muted);font-size:15px;line-height:1.72;background:#f7fbfb;border:1px solid #e4eeef;border-radius:22px;padding:18px 20px}
.klp-vs .formats-intro b{color:var(--ink)}
.klp-vs .format-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.klp-vs .formats .format-card{position:relative;grid-template-columns:1fr;min-height:0;border-radius:30px;padding:16px;background:linear-gradient(180deg,#ffffff 0%,#fcfefe 100%);box-shadow:0 18px 44px rgba(13,72,81,.08);transition:transform .22s ease,box-shadow .22s ease}
.klp-vs .formats .format-card:hover{transform:translateY(-4px);box-shadow:0 24px 56px rgba(13,72,81,.12)}
.klp-vs .formats .format-card-main{border:2px solid #caeff2}
.klp-vs .formats .format-card-custom{border:2px solid #f2e3d0}
.klp-vs .format-media{position:relative}
.klp-vs .formats .format-photo{height:255px;min-height:0;border-radius:24px;overflow:hidden}
.klp-vs .formats .format-photo img{width:100%;height:100%;object-fit:cover}
.klp-vs .format-badge{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);box-shadow:0 10px 22px rgba(13,72,81,.12);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--ink)}
.klp-vs .format-card-main .format-badge{color:var(--orange)}
.klp-vs .format-card-custom .format-badge{color:var(--teal2)}
.klp-vs .format-price-pill{position:absolute;left:16px;bottom:16px;display:flex;flex-direction:column;padding:12px 16px;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 12px 26px rgba(13,72,81,.12);min-width:132px}
.klp-vs .format-price-pill b{font-size:24px;line-height:1;color:var(--ink)}
.klp-vs .format-price-pill span{font-size:11px;color:var(--muted);margin-top:5px}
.klp-vs .format-price-pill-soft b{font-size:16px;text-transform:uppercase;letter-spacing:.04em}
.klp-vs .formats .format-copy{padding:22px 12px 10px}
.klp-vs .formats .format-label b{background:#eff9fa;color:var(--teal2)}
.klp-vs .formats .format-card-custom .format-label b{background:#fff3e8;color:var(--orange)}
.klp-vs .formats .format-copy h3{font-size:34px;margin:16px 0 8px}
.klp-vs .formats .format-sub{margin-bottom:14px}
.klp-vs .format-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.klp-vs .format-tags span{display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;background:#f5fbfb;border:1px solid #e2edef;font-size:11px;font-weight:800;color:#315964}
.klp-vs .formats .format-copy ul{gap:10px}
.klp-vs .formats .format-copy li{font-size:13px}
.klp-vs .format-note{margin-top:18px;padding:14px 15px;border-radius:18px;background:#f7fafb;border:1px solid #e6eff0;font-size:12px;line-height:1.6;color:#46626c}
.klp-vs .format-note strong{color:var(--ink)}
.klp-vs .formats .format-bottom{margin-top:18px;padding-top:0;justify-content:flex-start}
.klp-vs .formats .format-bottom .btn{min-width:220px;padding:14px 18px;border-radius:16px;font-size:13px}
@media(max-width:980px){.klp-vs .formats-head{grid-template-columns:1fr}.klp-vs .formats-panel{padding:26px}.klp-vs .formats .format-copy{padding:20px 8px 6px}}
@media(max-width:680px){.klp-vs .formats-panel{padding:20px;border-radius:28px}.klp-vs .formats-head{gap:16px;margin-bottom:22px}.klp-vs .formats-intro{font-size:14px;padding:16px 16px;border-radius:18px}.klp-vs .formats .format-card{padding:12px}.klp-vs .formats .format-photo{height:220px}.klp-vs .format-badge{left:12px;top:12px;padding:8px 12px;font-size:10px}.klp-vs .format-price-pill{left:12px;bottom:12px;padding:10px 13px;border-radius:15px}.klp-vs .format-price-pill b{font-size:20px}.klp-vs .formats .format-copy h3{font-size:30px}.klp-vs .format-tags span{font-size:10px;padding:7px 9px}.klp-vs .formats .format-bottom .btn{width:100%;min-width:0}}


/* v10 — mobile formats fixes + wider sticky CTA */
.klp-vs .klp-vs-sticky{min-width:360px;justify-content:space-between;padding-left:16px;padding-right:8px}
.klp-vs .klp-vs-sticky>div{min-width:108px;white-space:nowrap}
.klp-vs .klp-vs-sticky b{white-space:nowrap}

@media(max-width:680px){
  .klp-vs .formats{padding:42px 0}
  .klp-vs .formats .shell{width:min(100% - 20px,1180px)}
  .klp-vs .formats-panel{padding:16px;border-radius:24px;overflow:hidden}
  .klp-vs .formats-head{display:block;margin-bottom:18px}
  .klp-vs .formats-head h2{font-size:32px;line-height:1.03;margin-top:12px}
  .klp-vs .formats-intro{margin-top:14px;font-size:13px;line-height:1.55;padding:14px;border-radius:16px}
  .klp-vs .format-grid{display:grid;grid-template-columns:1fr;gap:16px}
  .klp-vs .formats .format-card{display:block;width:100%;padding:10px;border-radius:24px;overflow:hidden}
  .klp-vs .format-media{width:100%}
  .klp-vs .formats .format-photo{width:100%;height:200px;border-radius:18px}
  .klp-vs .format-badge{left:10px;top:10px;padding:7px 10px;font-size:9px;letter-spacing:.05em}
  .klp-vs .format-price-pill{left:10px;right:auto;bottom:10px;min-width:0;max-width:calc(100% - 20px);padding:9px 11px;border-radius:14px}
  .klp-vs .format-price-pill b{font-size:18px;white-space:nowrap}
  .klp-vs .format-price-pill-soft b{font-size:13px}
  .klp-vs .format-price-pill span{font-size:9px}
  .klp-vs .formats .format-copy{padding:16px 6px 6px}
  .klp-vs .formats .format-label{gap:8px;flex-wrap:wrap}
  .klp-vs .formats .format-label span{width:32px;height:32px;font-size:12px}
  .klp-vs .formats .format-label b{font-size:9px;padding:6px 8px}
  .klp-vs .formats .format-copy h3{font-size:27px;line-height:1.04;margin:13px 0 6px}
  .klp-vs .formats .format-sub{font-size:13px;line-height:1.4;margin-bottom:12px}
  .klp-vs .format-tags{gap:6px;margin-bottom:14px}
  .klp-vs .format-tags span{font-size:9px;padding:6px 8px}
  .klp-vs .formats .format-copy ul{gap:8px}
  .klp-vs .formats .format-copy li{font-size:12px;line-height:1.42;padding-left:23px}
  .klp-vs .format-note{margin-top:14px;padding:12px;font-size:11px;line-height:1.5;border-radius:15px}
  .klp-vs .formats .format-bottom{margin-top:14px}
  .klp-vs .formats .format-bottom .btn{width:100%;min-width:0;padding:13px 14px;font-size:12px}

  .klp-vs .klp-vs-sticky{width:calc(100% - 20px);min-width:0;max-width:520px;gap:10px;padding:8px 8px 8px 12px}
  .klp-vs .klp-vs-sticky>div{min-width:104px}
  .klp-vs .klp-vs-sticky b{font-size:15px;white-space:nowrap}
  .klp-vs .klp-vs-sticky span{font-size:9px}
  .klp-vs .klp-vs-sticky .btn{flex:1;padding:11px 12px;font-size:10px;white-space:nowrap}
}

@media(max-width:380px){
  .klp-vs .klp-vs-sticky{width:calc(100% - 12px)}
  .klp-vs .klp-vs-sticky>div{min-width:98px}
  .klp-vs .klp-vs-sticky b{font-size:14px}
  .klp-vs .klp-vs-sticky .btn{font-size:9px;padding:10px 9px}
}


/* ================================================================
   Интеграция с реальной темой КЛАСС! ПАРК.
   Работает только на странице с шорткодом (html.klp-vs-page).
   Страница светлая, поэтому шапку и футер темы не перекрашиваем —
   в отличие от неоновой версии МТЦ.
   ================================================================ */
html.klp-vs-page,
html.klp-vs-page body{background:#fffaf4}
html.klp-vs-page body{overflow-x:hidden}

/* Сброс обычного page.php / Elementor Full Width */
html.klp-vs-page #main-content{padding-top:0;background:#fffaf4;min-height:100vh}
html.klp-vs-page #main-content > .wrap{max-width:none;width:100%;margin:0;padding:0}
html.klp-vs-page #main-content > .wrap > article{margin:0;padding:0}
html.klp-vs-page #main-content > .wrap > article > h1{display:none}
html.klp-vs-page #main-content > .wrap > article > div{font-size:inherit;line-height:normal;color:inherit;margin:0;padding:0}

/* Лендинг на всю ширину окна, даже если шорткод лежит в узком контейнере */
.klp-vs{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

/* На мобильных шапка темы фиксированная — даём первому экрану тот же
   отступ, что и на неоновой странице МТЦ */
@media (max-width:900px){
  html.klp-vs-page .klp-vs .hero{padding-top:110px}
}

/* Мобильная панель и модалка прибиты к окну — их нельзя обрезать
   контейнером лендинга */
.klp-vs .klp-vs-sticky{position:fixed;z-index:60}
.klp-vs .klp-vs-modal{position:fixed;z-index:9999}


/* ================================================================
   Правки по замечаниям клиента (1.3.0)
   ================================================================ */

/* --- 1. Выравнивание двух карточек форматов по строкам.
   Списки разной длины (6 и 5 пунктов), поэтому раньше заголовки,
   плашки, описание и кнопки стояли на разной высоте. Раскладываем
   обе карточки по общим строкам грида через subgrid. --- */
@supports (grid-template-rows: subgrid){
  @media (min-width:981px){
    /* Шесть общих строк вместо восьми: заголовок с подзаголовком и теги
       со списком сгруппированы, поэтому пустота не дробится на пять дыр,
       а собирается в одном месте — перед блоком «Подойдёт, если». */
    .klp-vs .format-grid{grid-template-rows:repeat(6,auto);align-items:stretch}
    .klp-vs .formats .format-card{grid-row:span 6;grid-template-rows:subgrid}
    .klp-vs .formats .format-media{grid-row:1}
    .klp-vs .formats .format-copy{grid-row:2 / -1;display:grid;grid-template-rows:subgrid;align-content:start}
    .klp-vs .formats .format-label{align-self:start}
    .klp-vs .formats .format-head{align-self:start}
    .klp-vs .formats .format-body{align-self:start}
    .klp-vs .formats .format-note{align-self:end}
    .klp-vs .formats .format-bottom{margin-top:18px;align-self:end}
  }
}

/* Внутри групп содержимое идёт вплотную, ритм задаём на самих группах —
   он одинаков в обеих карточках, поэтому выравнивание не ломается */
.klp-vs .format-head{display:flex;flex-direction:column;min-width:0;margin:18px 0 0}
.klp-vs .format-body{display:flex;flex-direction:column;min-width:0;margin:16px 0 0}
.klp-vs .format-head h3{margin:0}
.klp-vs .format-head .format-sub{margin:8px 0 0}
.klp-vs .format-body .format-tags{margin:0}
.klp-vs .format-body ul{margin:16px 0 0}
.klp-vs .formats .format-note{margin-top:18px}

/* --- 2. «Большие игры» — главный формат, выделяем цветом --- */
.klp-vs .formats .format-card-main{
  border:2px solid var(--orange);
  background:linear-gradient(180deg,#fff6ee 0%,#fffdfb 42%,#fff 100%);
  box-shadow:0 22px 52px rgba(255,107,24,.16);
}
.klp-vs .formats .format-card-main:hover{box-shadow:0 26px 60px rgba(255,107,24,.22)}
.klp-vs .format-card-main .format-badge{
  background:var(--orange);color:#fff;
  box-shadow:0 10px 24px rgba(255,107,24,.34);
}
.klp-vs .format-card-main .format-label span{background:#ffe6d5;color:var(--orange)}
.klp-vs .format-card-main .format-label b{background:var(--orange);color:#fff}
.klp-vs .format-card-main .format-sub{color:#c2520b}
.klp-vs .format-card-main .format-tags span{background:#fff4ec;border-color:#ffd9bf;color:#9c4d13}
.klp-vs .format-card-main .format-note{background:#fff5ed;border-color:#ffdfc9}
.klp-vs .format-card-main .format-price-pill{border:1px solid #ffd9bf}

/* --- 3. Индивидуальная программа: не обрезаем головы.
   Фото портретное 1050×1400, контейнер широкий и низкий — при
   object-position по центру кадр срезал верх. --- */
.klp-vs .format-card-custom .format-photo img{object-position:center 18%}

/* --- 4. Плашка «Главный формат выпускных 2027» крупнее --- */
.klp-vs .eyebrow-lg{
  font-size:15px;
  letter-spacing:.04em;
  padding:12px 20px;
  border-radius:999px;
  background:var(--orange);
  color:#fff;
  box-shadow:0 12px 28px rgba(255,107,24,.24);
}

/* --- 5. Модалка: «Формат» не влезал в узкую колонку --- */
.klp-vs .klp-vs-modal__row--split{grid-template-columns:1.55fr 1fr}
.klp-vs .klp-vs-modal__field--wide{min-width:0}
.klp-vs .klp-vs-modal__form select{
  min-width:0;
  padding-right:36px;
  text-overflow:ellipsis;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%230aa6b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
}

@media (max-width:680px){
  .klp-vs .eyebrow-lg{font-size:13px;padding:10px 15px}
  .klp-vs .klp-vs-modal__row--split{grid-template-columns:1fr}
}

/* Плашки не должны растягиваться по высоте общей строки грида */
.klp-vs .format-tags{align-items:flex-start;align-content:flex-start}
.klp-vs .format-tags span{align-self:flex-start}

/* ================================================================
   Правки 1.3.1
   ================================================================ */

/* Активностей стало три — сетка на три колонки */
.klp-vs .activity-grid{grid-template-columns:repeat(3,1fr)}
@media (max-width:980px){ .klp-vs .activity-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:680px){ .klp-vs .activity-grid{grid-template-columns:1fr} }

/* Кадрирование фото в карточках форматов.
   На «Больших играх» кадр сдвинут вправо: слева в кадр попадал молоток,
   которого в программе больше нет. */
.klp-vs .format-card-main .format-photo img{object-position:center 26%}
.klp-vs .format-card-custom .format-photo img{object-position:center 34%}

/* Фото в CTA: держим лица в кадре — снимок портретный */
.klp-vs .cta-art img{object-position:center 22%}

/* CTA: дизайн полагался на дефолтные отступы абзаца, фиксируем ритм явно,
   чтобы блок не зависел от стилей темы */
.klp-vs .cta-copy .eyebrow{margin:0}
.klp-vs .cta-copy h2{margin:16px 0 0}
.klp-vs .cta-copy p{margin:14px 0 0}
.klp-vs .cta-copy .btn{margin-top:26px}

/* Большой кадр в секции «Большие игры»: берём верх снимка —
   надувной молоток внизу кадра в программе больше не участвует */
.klp-vs .games-photo img{object-position:center 42%}

/* ================================================================
   1.3.2
   ================================================================ */

/* --- CTA-блок делаем самодостаточным ---
   Раньше он опирался на класс .shell и на дефолты браузера, поэтому
   на живой теме разъезжался. Теперь ширина, сетка и картинка заданы
   явно и не зависят от того, что тема делает с .shell, img и p. */
.klp-vs .cta{padding:48px 0 72px;background:#fff}
.klp-vs .cta .cta-box{
  box-sizing:border-box;
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  grid-template-rows:auto;
  align-items:stretch;
  gap:0;
  float:none;
  min-height:350px;
  border-radius:34px;
  overflow:hidden;
  background:linear-gradient(120deg,#dff7f9,#f4ffff);
  box-shadow:var(--shadow);
}
.klp-vs .cta .cta-art{position:relative;min-height:320px;margin:0;padding:0}
.klp-vs .cta .cta-art img{
  display:block;width:100%;height:100%;min-height:320px;
  object-fit:cover;object-position:center 22%;
  margin:0;border-radius:0;box-shadow:none;max-width:none;
}
.klp-vs .cta .cta-copy{
  box-sizing:border-box;
  padding:48px;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  min-width:0;
}
.klp-vs .cta .cta-copy .eyebrow{margin:0}
.klp-vs .cta .cta-copy h2{
  margin:16px 0 0;
  font-size:clamp(34px,4vw,56px);line-height:1.02;letter-spacing:-.04em;
  color:var(--ink);
}
.klp-vs .cta .cta-copy h2 span{color:var(--teal)}
.klp-vs .cta .cta-copy p{margin:14px 0 0;color:var(--muted);line-height:1.55;max-width:580px}
.klp-vs .cta .cta-copy .btn{margin:26px 0 0}

@media (max-width:980px){
  .klp-vs .cta .cta-box{grid-template-columns:minmax(0,1fr);min-height:0}
  .klp-vs .cta .cta-art{min-height:0;max-height:320px}
  .klp-vs .cta .cta-art img{min-height:0;height:320px}
  .klp-vs .cta .cta-copy{padding:32px 24px}
}
@media (max-width:680px){
  .klp-vs .cta{padding:32px 0 48px}
  .klp-vs .cta .cta-box{width:calc(100% - 20px);border-radius:24px}
  .klp-vs .cta .cta-art,
  .klp-vs .cta .cta-art img{height:220px;max-height:220px}
  .klp-vs .cta .cta-copy{padding:24px 18px}
  .klp-vs .cta .cta-copy .btn{width:100%}
}

/* --- Модалка заказа сайта: делаем компактнее на этой странице ---
   Правки действуют только при html.klp-vs-page, обычные страницы
   сайта не затрагиваются. */
html.klp-vs-page #cf7-order-overlay{align-items:center}
html.klp-vs-page #cf7-order-modal,
html.klp-vs-page #cf7-order-overlay .cf7-modal-card,
html.klp-vs-page #cf7-order-overlay .modal-card{
  max-height:min(88vh,620px);
  overflow-y:auto;
  padding:24px 26px;
  border-radius:22px;
}
html.klp-vs-page #cf7-order-overlay h2,
html.klp-vs-page #cf7-order-overlay h3{font-size:22px;line-height:1.15;margin:0 0 6px}
html.klp-vs-page #cf7-order-overlay > * > p,
html.klp-vs-page #cf7-order-overlay .cf7-modal-sub{margin:0 0 14px;font-size:13px;line-height:1.45}
html.klp-vs-page #cf7-order-overlay .wpcf7-form p{margin:0 0 10px}
html.klp-vs-page #cf7-order-overlay .wpcf7-form br{display:none}
html.klp-vs-page #cf7-order-overlay label{margin:0 0 4px;font-size:12px;line-height:1.3}
html.klp-vs-page #cf7-order-overlay input[type=text],
html.klp-vs-page #cf7-order-overlay input[type=tel],
html.klp-vs-page #cf7-order-overlay input[type=email],
html.klp-vs-page #cf7-order-overlay input[type=number],
html.klp-vs-page #cf7-order-overlay select{padding:10px 12px;font-size:14px;line-height:1.2;height:auto;min-height:0}
html.klp-vs-page #cf7-order-overlay textarea{min-height:62px;height:62px;padding:10px 12px;font-size:14px}
html.klp-vs-page #cf7-order-overlay .wpcf7-acceptance,
html.klp-vs-page #cf7-order-overlay .wpcf7-acceptance .wpcf7-list-item{margin:0;font-size:11px;line-height:1.35}
html.klp-vs-page #cf7-order-overlay input[type=submit],
html.klp-vs-page #cf7-order-overlay button[type=submit],
html.klp-vs-page #cf7-order-overlay .wpcf7-submit{margin-top:12px;padding:12px 20px;font-size:14px}


/* ---------- УТП: родители проходят бесплатно ---------- */
.klp-vs .parents-free{
  display:inline-flex;align-items:center;gap:9px;
  margin:16px 0 0;padding:9px 14px 9px 11px;
  border-radius:999px;background:#fff4ec;border:1px solid #ffd9bf;
  color:#9c4d13;font-size:13px;line-height:1.3;font-weight:700;
}
.klp-vs .parents-free svg{flex:0 0 auto;color:var(--orange)}
.klp-vs .parents-free b{font-weight:800}
.klp-vs .parents-free--card{margin:14px 0 0;font-size:12px;padding:7px 12px 7px 9px}
.klp-vs .format-card-custom .parents-free--card{background:#ecfbfc;border-color:#c5eef1;color:#0a7780}
.klp-vs .format-card-custom .parents-free--card svg{color:var(--teal2)}
/* плашка — пилюля, а не полоса на всю ширину, и прижата к низу группы,
   чтобы в обеих карточках стоять на одной высоте */
.klp-vs .format-body .parents-free--card{align-self:flex-start;margin-top:auto;padding-top:7px}
@media (min-width:981px){
  .klp-vs .formats .format-body{align-self:stretch}
  .klp-vs .format-body ul{margin-bottom:14px}
}