/* VetaSoul — стили сайта, кабинета и CRM. Значения берутся из tokens.css */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--canvas); color: var(--ink);
  font: 400 17px/1.6 var(--body);
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--stone); text-underline-offset: 3px; }
a:hover { color: var(--action); }
h1, h2, h3 { font-family: var(--display); font-weight: 300; line-height: 1.1; margin: 0 0 var(--s-4); color: var(--ink); }
h1 { font-size: clamp(40px, 6vw, 80px); }
h2 { font-size: clamp(30px, 4vw, 48px); }
h3 { font-size: clamp(22px, 2.4vw, 30px); font-weight: 400; }
h4 { font: 600 18px/1.3 var(--body); margin: 0 0 var(--s-3); }
p { margin: 0 0 var(--s-4); }
.wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 var(--s-5); }
.narrow { max-width: 760px; margin: 0 auto; padding: 0 var(--s-5); }
.eyebrow { font: 700 12px/1.2 var(--body); letter-spacing: 1px; text-transform: uppercase; color: var(--ash); margin-bottom: var(--s-3); display: block; }
.lead { font: 300 clamp(20px, 2.2vw, 26px)/1.35 var(--display); color: var(--stone); }
.muted { color: var(--ash); }
.center { text-align: center; }

/* кнопки */
.btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 26px; border-radius: var(--r-full);
  background: var(--action); color: var(--on-action); font: 600 15px/1 var(--body); text-decoration: none;
  border: 1px solid var(--action); cursor: pointer; transition: background .2s, color .2s; }
.btn:hover { background: var(--action-hover); border-color: var(--action-hover); color: var(--on-action); }
.btn--ghost { background: transparent; color: var(--stone); border-color: var(--stone); }
.btn--ghost:hover { background: var(--stone); color: var(--on-dark); border-color: var(--stone); }
.btn--light { background: var(--canvas); color: var(--stone); border-color: var(--canvas); }
.btn--sm { padding: 9px 16px; font-size: 13px; }
.btns { display: flex; flex-wrap: wrap; gap: var(--s-3); }

/* шапка */
.top { position: sticky; top: 0; z-index: 50; background: rgba(255, 255, 255, .94); backdrop-filter: blur(6px); border-bottom: 1px solid var(--hairline); }
.top__in { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); height: 68px; }
.logo { font: 400 26px/1 var(--display); color: var(--ink); text-decoration: none; letter-spacing: .5px; }
.logo b { font-weight: 500; font-style: italic; color: var(--clay); }
.nav { display: flex; gap: var(--s-5); align-items: center; }
.nav a { font: 500 14px/1 var(--body); color: var(--stone); text-decoration: none; }
.nav a:hover, .nav a.on { color: var(--action); }
.burger { display: none; background: none; border: 0; font-size: 26px; color: var(--stone); cursor: pointer; }
@media (max-width: 900px) {
  .nav { display: none; position: absolute; top: 68px; left: 0; right: 0; background: var(--canvas); flex-direction: column; align-items: flex-start; padding: var(--s-5); border-bottom: 1px solid var(--hairline); }
  .nav.open { display: flex; }
  .burger { display: block; }
}

/* разделы */
.sec { padding: var(--s-8) 0; }
.sec--peach { background: var(--peach-soft); }
.sec--dark { background: var(--espresso); color: var(--on-dark); }
.sec--dark h2, .sec--dark h3 { color: var(--on-dark); }
.sec--dark .muted, .sec--dark .eyebrow { color: var(--gold-pale); }
.sec__head { max-width: 760px; margin-bottom: var(--s-6); }
hr.rule { border: 0; border-top: 1px solid var(--hairline); margin: var(--s-6) 0; }

/* герой */
.hero { padding: var(--s-8) 0 var(--s-7); }
.hero__grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: var(--s-7); align-items: center; }
.hero__img { border-radius: var(--r-xl); overflow: hidden; aspect-ratio: 4/5; background: var(--peach); }
.hero__img img { width: 100%; height: 100%; object-fit: cover; object-position: center 25%; }
@media (max-width: 900px) { .hero__grid { grid-template-columns: 1fr; } .hero__img { aspect-ratio: 4/3; } }

/* карточки и сетки */
.grid { display: grid; gap: var(--s-5); }
.grid--2 { grid-template-columns: repeat(2, 1fr); }
.grid--3 { grid-template-columns: repeat(3, 1fr); }
.grid--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1000px) { .grid--4 { grid-template-columns: repeat(2, 1fr); } .grid--3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; } }
.card { background: var(--surface); border: 1px solid var(--hairline); border-radius: var(--r-lg); padding: var(--s-5); display: flex; flex-direction: column; }
.card--link { text-decoration: none; color: inherit; transition: transform .2s, box-shadow .2s; }
.card--link:hover { transform: translateY(-2px); box-shadow: var(--shadow); color: inherit; }
.card__img { margin: calc(var(--s-5) * -1) calc(var(--s-5) * -1) var(--s-4); border-radius: var(--r-lg) var(--r-lg) 0 0; overflow: hidden; aspect-ratio: 16/10; background: var(--peach); }
.card__img img { width: 100%; height: 100%; object-fit: cover; }
.card__meta { margin-top: auto; padding-top: var(--s-3); font-size: 13px; color: var(--ash); display: flex; gap: var(--s-3); flex-wrap: wrap; }
.tag { display: inline-block; padding: 4px 10px; border-radius: var(--r-full); background: var(--peach); color: var(--clay); font: 600 12px/1.3 var(--body); }
.tag--sage { background: var(--sage-pale); color: var(--olive); }
.tag--line { background: transparent; border: 1px solid var(--hairline); color: var(--ash); }

/* годовой путь */
.month { position: relative; }
.month__n { font: 300 64px/1 var(--display); color: var(--ochre); }
.month__t { font: 400 26px/1.15 var(--display); margin: var(--s-2) 0 var(--s-2); }

/* статья (страницы, перенесённые с Тильды) */
.article { padding: var(--s-7) 0 var(--s-8); }
.article .narrow > h2 { margin-top: var(--s-7); }
.article .narrow > h3 { margin-top: var(--s-5); }
.article .narrow > img, .article figure { border-radius: var(--r-lg); margin: var(--s-5) 0; }
.article blockquote { margin: var(--s-5) 0; padding: var(--s-4) var(--s-5); border-left: 3px solid var(--ochre); background: var(--peach-soft); border-radius: 0 var(--r-md) var(--r-md) 0; }
.block-sep { border: 0; height: 1px; background: var(--hairline); margin: var(--s-7) 0; }
.cta-inline { margin: var(--s-4) 0; }
.video { position: relative; aspect-ratio: 16/9; border-radius: var(--r-lg); overflow: hidden; background: #000; margin: var(--s-5) 0; }
.video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.audio { margin: var(--s-4) 0; padding: var(--s-4); background: var(--surface); border: 1px solid var(--hairline); border-radius: var(--r-md); }
.audio audio { width: 100%; margin-top: var(--s-2); }

/* формы */
.form { display: grid; gap: var(--s-3); }
.form label { font: 600 13px/1.3 var(--body); color: var(--stone); display: grid; gap: 6px; }
.form input, .form select, .form textarea, .input {
  font: 400 16px/1.4 var(--body); padding: 12px 14px; border: 1px solid var(--hairline); border-radius: var(--r-md);
  background: var(--surface); color: var(--ink); width: 100%; }
.form input:focus, .form select:focus, .form textarea:focus, .input:focus { outline: 2px solid var(--ochre); outline-offset: 1px; }
.form small { color: var(--ash); font-size: 12px; }
.notice { padding: var(--s-4); border-radius: var(--r-md); background: var(--sage-pale); color: var(--olive); }
.notice--err { background: #f8d8d0; color: #8a2a17; }

/* подвал */
.foot { background: var(--espresso); color: var(--mute); padding: var(--s-7) 0 var(--s-5); font-size: 14px; }
.foot a { color: var(--canvas); text-decoration: none; }
.foot a:hover { color: var(--gold-pale); }
.foot__grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: var(--s-6); }
.foot .logo { color: var(--canvas); }
.foot ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.foot__bottom { border-top: 1px solid rgba(255, 255, 255, .12); margin-top: var(--s-6); padding-top: var(--s-4); display: flex; justify-content: space-between; flex-wrap: wrap; gap: var(--s-3); }
@media (max-width: 800px) { .foot__grid { grid-template-columns: 1fr 1fr; } }

/* ===== Кабинет ===== */
.lx { display: grid; grid-template-columns: 300px 1fr; min-height: calc(100vh - 68px); }
.lx__side { border-right: 1px solid var(--hairline); padding: var(--s-5); background: var(--peach-soft); position: sticky; top: 68px; height: calc(100vh - 68px); overflow: auto; }
.lx__main { padding: var(--s-6) var(--s-6) var(--s-8); max-width: 920px; }
.lx__side h4 { font: 700 12px/1.2 var(--body); letter-spacing: 1px; text-transform: uppercase; color: var(--ash); margin: var(--s-5) 0 var(--s-2); }
.lx__side ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.lx__side li a { display: flex; gap: 8px; align-items: baseline; padding: 6px 8px; border-radius: var(--r-sm); text-decoration: none; font-size: 14px; color: var(--stone); }
.lx__side li a:hover { background: var(--surface); }
.lx__side li a.on { background: var(--surface); color: var(--ink); font-weight: 600; }
.lx__side li a .dot { flex: 0 0 10px; height: 10px; border-radius: 50%; border: 1.5px solid var(--mute); transform: translateY(1px); }
.lx__side li a.done .dot { background: var(--sage); border-color: var(--sage); }
@media (max-width: 900px) { .lx { grid-template-columns: 1fr; } .lx__side { position: static; height: auto; border-right: 0; border-bottom: 1px solid var(--hairline); } .lx__main { padding: var(--s-5); } }
.progress { height: 6px; background: var(--hairline); border-radius: var(--r-full); overflow: hidden; }
.progress > i { display: block; height: 100%; background: var(--sage); border-radius: var(--r-full); width: 0; transition: width .4s; }
.workbook { background: var(--peach-soft); border: 1px solid var(--peach); border-radius: var(--r-lg); padding: var(--s-5); margin: var(--s-5) 0; }
.workbook h4 { display: flex; gap: 8px; align-items: center; }
.workbook textarea { width: 100%; min-height: 140px; font: 400 16px/1.55 var(--body); padding: 14px; border-radius: var(--r-md); border: 1px solid var(--peach); background: var(--surface); resize: vertical; }
.workbook .saved { font-size: 12px; color: var(--ash); margin-top: 6px; min-height: 16px; }
.question { background: var(--surface); border-left: 3px solid var(--ochre); padding: var(--s-3) var(--s-4); border-radius: 0 var(--r-md) var(--r-md) 0; margin: var(--s-4) 0; }
.day-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)); gap: 8px; }
.day { display: grid; place-items: center; aspect-ratio: 1; border-radius: var(--r-md); background: var(--surface); border: 1px solid var(--hairline); text-decoration: none; color: var(--stone); font: 400 22px/1 var(--display); }
.day small { font: 600 9px/1 var(--body); letter-spacing: .5px; text-transform: uppercase; color: var(--ash); }
.day.done { background: var(--sage-pale); border-color: var(--sage); }
.day.empty { opacity: .55; }
.lesson-nav { display: flex; justify-content: space-between; gap: var(--s-3); margin-top: var(--s-7); padding-top: var(--s-5); border-top: 1px solid var(--hairline); flex-wrap: wrap; }

/* ===== CRM ===== */
.crm { padding: var(--s-5) 0 var(--s-8); }
.crm table { width: 100%; border-collapse: collapse; background: var(--surface); border-radius: var(--r-lg); overflow: hidden; font-size: 14px; }
.crm th, .crm td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--hairline); vertical-align: top; }
.crm th { font: 700 11px/1.2 var(--body); letter-spacing: .8px; text-transform: uppercase; color: var(--ash); background: var(--peach-soft); }
.crm .tabs { display: flex; gap: var(--s-2); margin-bottom: var(--s-5); flex-wrap: wrap; }
.crm .tabs a { padding: 8px 16px; border-radius: var(--r-full); text-decoration: none; border: 1px solid var(--hairline); font-size: 14px; background: var(--surface); }
.crm .tabs a.on { background: var(--stone); color: var(--on-dark); border-color: var(--stone); }
.crm .stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--s-4); margin-bottom: var(--s-5); }
.crm .stat b { display: block; font: 300 40px/1 var(--display); color: var(--ink); }
.crm .row-form { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
.crm .row-form select, .crm .row-form input { padding: 6px 8px; font-size: 13px; border: 1px solid var(--hairline); border-radius: var(--r-sm); }
.st { font: 600 11px/1 var(--body); padding: 4px 8px; border-radius: var(--r-full); background: var(--hairline); color: var(--stone); white-space: nowrap; }
.st--new { background: var(--peach); color: var(--clay); }
.st--work { background: var(--gold-pale); color: var(--gold-deep, #684d07); }
.st--paid { background: var(--sage-pale); color: var(--olive); }
.st--lost { background: #eee; color: var(--ash); }
.scroll-x { overflow-x: auto; }

/* ===== Блоки страниц продуктов (многоколоночные, как в Тильде) ===== */
.blk { padding: var(--s-8) 0; }
.blk--alt { background: var(--peach-soft); }
.blk h2 { margin-bottom: var(--s-5); }
.blk__head { max-width: 820px; margin-bottom: var(--s-6); }
.blk__head:empty { display: none; }
.blk__wide-img { border-radius: var(--r-xl); overflow: hidden; margin-bottom: var(--s-6); max-height: 520px; }
.blk__wide-img img { width: 100%; height: 100%; object-fit: cover; }
.blk--statement { background: var(--espresso); color: var(--on-dark); padding: var(--s-8) 0; }
.blk--statement h2, .blk--statement h3, .blk--statement p { color: var(--on-dark); font-family: var(--display); font-weight: 300; }
.blk--statement p { font-size: clamp(22px, 2.6vw, 32px); line-height: 1.3; }
.blk--statement strong { font-weight: 400; color: var(--gold-pale); }
.blk--statement .btn { background: var(--canvas); color: var(--espresso); border-color: var(--canvas); font-family: var(--body); }

.split { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-8); align-items: center; }
.split--rev .split__img { order: 2; }
.split__img img { width: 100%; border-radius: var(--r-xl); aspect-ratio: 4/5; object-fit: cover; }
.split__img .split__more { aspect-ratio: 16/10; margin-top: var(--s-4); }
.split__txt h2 { font-size: clamp(30px, 3.4vw, 46px); }
.split__txt h3 { font-size: 22px; margin-top: var(--s-4); }
@media (max-width: 900px) { .split { grid-template-columns: 1fr; gap: var(--s-6); } .split--rev .split__img { order: 0; } }

.fgrid { display: grid; gap: var(--s-5); }
.fgrid--2 { grid-template-columns: repeat(2, 1fr); }
.fgrid--3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1000px) { .fgrid--3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .fgrid--2, .fgrid--3 { grid-template-columns: 1fr; } }
.fcard { background: var(--surface); border: 1px solid var(--hairline); border-radius: var(--r-lg); padding: var(--s-6) var(--s-5); }
.blk--alt .fcard { border-color: transparent; }
.fcard h3 { font-size: 24px; margin-bottom: var(--s-3); }
.fcard p:last-child { margin-bottom: 0; }
.fcard__n { font: 300 44px/1 var(--display); color: var(--ochre); margin-bottom: var(--s-3); }
.fcard__img { margin: calc(var(--s-6) * -1) calc(var(--s-5) * -1) var(--s-4); border-radius: var(--r-lg) var(--r-lg) 0 0; overflow: hidden; aspect-ratio: 4/3; }
.fcard__img img { width: 100%; height: 100%; object-fit: cover; }

.price-grid { display: grid; gap: var(--s-5); align-items: stretch; }
.price-grid--2 { grid-template-columns: repeat(2, 1fr); }
.price-grid--3 { grid-template-columns: repeat(3, 1fr); }
.price-grid--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1000px) { .price-grid--3, .price-grid--4 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .price-grid--2, .price-grid--3, .price-grid--4 { grid-template-columns: 1fr; } }
.price-card { background: var(--surface); border: 1px solid var(--hairline); border-radius: var(--r-lg); padding: var(--s-6) var(--s-5); display: flex; flex-direction: column; }
.price-card:nth-child(2) { border: 2px solid var(--action); box-shadow: var(--shadow); }
.price-card h3 { font-size: 26px; }
.price-card ul { padding-left: 18px; }
.price-card__sum { font: 400 34px/1.1 var(--display); color: var(--ink); margin: auto 0 var(--s-4); padding-top: var(--s-4); border-top: 1px solid var(--hairline); }
.price-card .btn { justify-content: center; }

.gal { display: grid; gap: var(--s-4); }
.gal--1 { grid-template-columns: 1fr; } .gal--2 { grid-template-columns: 1fr 1fr; } .gal--3 { grid-template-columns: repeat(3, 1fr); } .gal--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 700px) { .gal--3, .gal--4 { grid-template-columns: 1fr 1fr; } }
.gal__i { margin: 0; border-radius: var(--r-lg); overflow: hidden; aspect-ratio: 1; }
.gal__i img { width: 100%; height: 100%; object-fit: cover; }
.blocks .video { max-width: 900px; margin-left: auto; margin-right: auto; }
.blk__head img { max-height: 440px; width: 100%; object-fit: cover; border-radius: var(--r-xl); margin: var(--s-4) 0; }
.price-card img, .fcard img { border-radius: var(--r-md); aspect-ratio: 4/3; object-fit: cover; width: 100%; margin: var(--s-3) 0; }
/* дни программы */
.week-open { background: var(--peach-soft); border-radius: var(--r-lg); padding: var(--s-5); margin-bottom: var(--s-5); }
.week-open h3 { margin: 0 0 var(--s-2); }
.day-about { margin-bottom: var(--s-5); }
.lesson-part { margin: var(--s-6) 0; }
.practice { background: var(--surface); border: 1px solid var(--hairline); border-radius: var(--r-lg); padding: var(--s-5); margin: var(--s-5) 0; box-shadow: var(--shadow); }
.practice__head { display: flex; justify-content: space-between; align-items: center; gap: var(--s-3); margin-bottom: var(--s-3); }
.practice__head h3 { margin: 0; }
.steps { list-style: none; counter-reset: st; padding: 0; margin: 0; display: grid; gap: var(--s-3); }
.steps li { counter-increment: st; }
.steps label { display: flex; gap: 12px; align-items: flex-start; cursor: pointer; }
.steps label::before { content: counter(st); flex: 0 0 28px; height: 28px; border-radius: 50%; background: var(--peach); color: var(--clay); font: 600 13px/28px var(--body); text-align: center; }
.steps input { margin-top: 6px; accent-color: var(--sage); }
.steps input:checked + span { color: var(--ash); text-decoration: line-through; }

/* ===== v2: раскладки блоков как в Тильде ===== */
.blk__head--center { text-align: center; margin-left: auto; margin-right: auto; }
.blk__head h2 { font-size: clamp(32px, 3.6vw, 52px); }
.blk__head p, .blk__head em { color: var(--stone); font-size: 18px; }
.icgrid { display: grid; gap: var(--s-7) var(--s-6); }
.icgrid--1 { grid-template-columns: 1fr; max-width: 760px; margin: 0 auto; }
.icgrid--2 { grid-template-columns: repeat(2, 1fr); }
.icgrid--3 { grid-template-columns: repeat(3, 1fr); }
.icgrid--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1000px) { .icgrid--3, .icgrid--4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .icgrid--2, .icgrid--3, .icgrid--4 { grid-template-columns: 1fr; } }
.ic { display: flex; flex-direction: column; }
.ic__img { aspect-ratio: 1; overflow: hidden; border-radius: var(--r-md); margin-bottom: var(--s-5); background: var(--peach); }
.ic__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.ic:hover .ic__img img { transform: scale(1.03); }
.ic__n { font: 300 48px/1 var(--display); color: var(--ochre); margin-bottom: var(--s-3); }
.ic__t { font: 600 21px/1.3 var(--body); letter-spacing: -.01em; margin: 0 0 var(--s-2); color: var(--ink); }
.ic__s { color: var(--ash); font-size: 16px; margin: 0; }
.ic__line { display: block; width: 44px; height: 2px; background: var(--action); margin: var(--s-4) 0; }
.ic__b { font-size: 16.5px; line-height: 1.7; color: var(--stone); }
.ic__b p:last-child { margin-bottom: 0; }
.icgrid--price .ic { background: var(--surface); border: 1px solid var(--hairline); border-radius: var(--r-lg); padding: var(--s-6) var(--s-5); }
.icgrid--price .ic:nth-child(2) { border: 2px solid var(--action); box-shadow: var(--shadow); }
.ic__price { font: 400 34px/1.1 var(--display); margin: auto 0 var(--s-4); padding-top: var(--s-4); border-top: 1px solid var(--hairline); }
.ic--price .btn { justify-content: center; }

.listimg { display: grid; grid-template-columns: 1.05fr .95fr; gap: var(--s-8); align-items: start; }
.listimg--rev .listimg__img { order: -1; }
.listimg__img { position: sticky; top: 96px; }
.listimg__img img { width: 100%; border-radius: var(--r-lg); aspect-ratio: 3/4; object-fit: cover; }
.listimg .li { padding: var(--s-4) 0 var(--s-5); border-bottom: 1px solid var(--hairline); }
.listimg .li:last-child { border-bottom: 0; }
@media (max-width: 900px) { .listimg { grid-template-columns: 1fr; } .listimg__img { position: static; order: -1; } }

.around { display: grid; grid-template-columns: 1fr 1.1fr 1fr; gap: var(--s-7); align-items: center; }
.around__col { display: grid; gap: var(--s-6); }
.around__col--l { text-align: right; }
.around__col--l .ic__line { margin-left: auto; }
.around__img img { width: 100%; border-radius: var(--r-xl); aspect-ratio: 2/3; object-fit: cover; }
.around .ic__n { font-size: 36px; }
@media (max-width: 1000px) { .around { grid-template-columns: 1fr; } .around__col--l { text-align: left; } .around__col--l .ic__line { margin-left: 0; } .around__img { order: -1; max-width: 520px; } }

.formsplit { display: grid; grid-template-columns: 1fr 1fr; min-height: 620px; background: var(--peach-soft); }
.formsplit__img { position: relative; overflow: hidden; min-height: 420px; }
.formsplit__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.formsplit__body { display: flex; align-items: center; padding: var(--s-8) var(--s-7); }
.formsplit__in { max-width: 520px; width: 100%; }
.formsplit__in h2 { font-size: clamp(30px, 3vw, 44px); }
.formsplit .form input { background: transparent; border: 0; border-bottom: 1px solid var(--mute); border-radius: 0; padding: 12px 2px; }
.formsplit .form .chk { display: flex; gap: 8px; font-weight: 400; }
.formsplit .form .chk input { width: auto; }
@media (max-width: 900px) { .formsplit { grid-template-columns: 1fr; } .formsplit__body { padding: var(--s-7) var(--s-5); } }
.split__img img { aspect-ratio: 4/5; }