/* dukatbetonline.com - секции каталога design.md §4: hero D1-D4, листы, C1-C21. Мобайл-фёрст. */

/* ---------- типографика контента ---------- */
.do-main h1{font:700 32px/1.1 var(--do-font-display);letter-spacing:-.01em;margin:0 0 18px}
.do-main h2{font:700 25px/1.15 var(--do-font-display);letter-spacing:-.005em}
.do-main h3{font:700 19px/1.3 var(--do-font-body);margin:28px 0 10px}
@media (min-width:1024px){
  .do-main h1{font-size:50px;line-height:1.05}
  .do-main h2{font-size:34px;line-height:1.12}
  .do-main h3{font-size:21px}
}
.do-lead{font-size:18px;line-height:1.55;margin-bottom:22px}
.do-lead2{font-size:18px;line-height:1.55}
@media (min-width:1024px){ .do-lead,.do-lead2{font-size:20px;line-height:1.5} }
.do-prose > p,.do-prose > ul,.do-prose > ol,.do-prose > .do-note,.do-prose > h3{max-width:var(--do-measure)}
.do-prose > * + *,.do-cols > * + *{margin-top:16px}
.do-prose > h3{margin-top:28px}
.do-list{padding-left:22px}
.do-list li + li{margin-top:6px}
.do-main strong{font-weight:700}

/* ---------- кадры ---------- */
.do-shot img{width:100%;border-radius:var(--do-r-md)}
.do-shot figcaption{display:flex;gap:10px;align-items:baseline;margin-top:10px;font-size:14px;line-height:1.5;color:var(--do-ink-2)}
.do-shot figcaption::before{content:"";flex:none;width:18px;height:3px;background:var(--do-lime);border-radius:2px;transform:translateY(-4px)}
.do-shot--phone{max-width:340px}
.do-shot--phone img{border-radius:0}

/* ---------- hero D2 / D3 / D4 (внутренние) ---------- */
.do-d2,.do-d3,.do-d4{padding:24px 0 8px}
.do-promo{margin-top:20px;font-size:16px;line-height:1.55;color:var(--do-ink-2);padding-left:14px;border-left:3px solid var(--do-lime);max-width:var(--do-measure)}
.do-d2__text,.do-d3__text{max-width:860px}
.do-d2--b{display:grid;grid-template-columns:minmax(0,1fr) 8px;gap:20px}
.do-d2__spine{background:var(--do-lime);border-radius:6px;border:2px solid var(--do-ink)}
.do-d2--b .do-ctas{padding-bottom:24px;border-bottom:2px solid var(--do-ink)}
.do-d2--a .do-d2__fig{margin:28px auto 0;max-width:300px}
@media (min-width:1024px){
  .do-d2,.do-d3,.do-d4{padding:44px 0 16px}
  .do-d2--a{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:center}
  .do-d2--a .do-d2__fig{margin:0 0 0 auto;max-width:340px}
  .do-d2--b{grid-template-columns:minmax(0,1fr) 12px;gap:48px}
}
.do-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.do-chips li{font-size:13px;font-weight:600;line-height:1.2;padding:6px 12px;border-radius:999px;background:var(--do-sage);border:1px solid var(--do-line)}
.do-chips--nav{margin-top:26px}
.do-chips--nav li{padding:0;font-size:14px}
.do-chips--nav a{display:block;padding:8px 14px;color:var(--do-ink);text-decoration:none;border-radius:999px}
.do-chips--nav a:hover{background:var(--do-surface)}
.do-d4{max-width:var(--do-measure);padding-bottom:24px;border-bottom:2px solid var(--do-ink);margin-bottom:8px}
.do-d4 .do-lead{margin-bottom:0}
.do-d4 .do-lead ~ p{margin-top:14px}
.do-d4 .do-ctas{margin-top:24px}

/* ---------- D1 - hero главной ---------- */
.do-d1{background:var(--do-pine);color:var(--do-on-pine);border-radius:0 0 var(--do-r-lg) var(--do-r-lg);padding:36px 0 40px}
.do-d1 h1{color:#fff}
.do-d1__mark{background:linear-gradient(transparent 72%,rgba(197,239,63,.9) 72%,rgba(197,239,63,.9) 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.do-d1 .do-promo{color:var(--do-on-pine-2);border-left-color:var(--do-lime)}
.do-d1 a:not(.do-cta){color:var(--do-lime)}
.do-d1 .do-cta{border-color:var(--do-ink)}
.do-d1 .do-cta--app{border-color:var(--do-lime);box-shadow:4px 4px 0 var(--do-lime)}
.do-d1__fig{margin:32px auto 0;max-width:300px}
.do-d1__fig img{max-height:420px;width:auto;margin:0 auto}
@media (min-width:1024px){
  .do-d1{padding:56px 0 64px}
  .do-d1__grid{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:center}
  .do-d1__fig{margin:0 0 0 auto;max-width:360px}
  .do-d1__fig img{max-height:none;width:100%}
}
.do-home > .do-sec:first-child{border-top:0}

/* ---------- лист-раздел ---------- */
.do-sec{padding-top:44px;margin-top:44px;border-top:1px solid var(--do-line)}
.do-sheets > .do-sec:first-child{margin-top:28px}
@media (min-width:1024px){ .do-sec{padding-top:56px;margin-top:56px} .do-sheets > .do-sec:first-child{margin-top:56px;border-top:0;padding-top:0} }
.do-sec__head{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}
.do-sec__num{flex:none;display:inline-grid;place-items:center;width:36px;height:36px;background:var(--do-lime);color:var(--do-ink);border-radius:6px 0 6px 0;font:700 17px/1 var(--do-font-display);margin-top:-2px}
@media (min-width:1024px){ .do-sec__num{margin-top:0} }
.do-sec--legal .do-sec__num{width:auto;height:auto;background:none;font-size:22px;line-height:1.15;margin-top:2px}
@media (min-width:1024px){ .do-sec--legal .do-sec__num{font-size:28px;line-height:1.2;margin-top:3px} }
.do-prose--legal > p,.do-prose--legal > ul,.do-prose--legal > ol{max-width:700px;line-height:1.7}

/* ---------- таблицы C5 / C6 / C6b / C7 ---------- */
.do-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.do-scroll:focus-visible{outline-offset:2px}
.do-tbl{margin:22px 0;padding:0 2px 18px}
.do-tbl table{width:100%;border-collapse:separate;border-spacing:0;background:var(--do-surface);border-radius:var(--do-r-md);box-shadow:0 1px 0 var(--do-line),0 8px 18px -14px rgba(15,42,34,.4);font-size:16px;line-height:1.45}
.do-tbl table:has(thead th:nth-child(3)){min-width:520px}
.do-tbl caption{caption-side:top;text-align:left;padding:0 2px 10px;font-size:12px;font-weight:600;line-height:1.3;text-transform:uppercase;letter-spacing:.08em;color:var(--do-ink-2)}
.do-tbl thead th{background:var(--do-sage);border-bottom:2px solid var(--do-ink);padding:12px 16px;text-align:left;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--do-ink);vertical-align:bottom}
.do-tbl thead th:first-child{border-top-left-radius:var(--do-r-md)}
.do-tbl thead th:last-child{border-top-right-radius:var(--do-r-md)}
.do-tbl tbody th,.do-tbl tbody td{padding:13px 16px;text-align:left;vertical-align:top;border-top:1px dashed var(--do-line)}
.do-tbl tbody tr:first-child > *{border-top:0}
.do-tbl tbody th{font-weight:600;background:var(--do-surface)}
.do-tbl tbody tr:last-child > th{border-bottom-left-radius:var(--do-r-md)}
.do-tbl tbody tr:last-child > td:last-child{border-bottom-right-radius:var(--do-r-md)}
.do-tbl thead th:first-child,.do-tbl tbody th{position:sticky;left:0;z-index:1}
@media (min-width:768px){ .do-tbl tbody th{font-weight:700} .do-tbl thead th:first-child,.do-tbl tbody th{position:static} }
@media (min-width:1024px){ .do-tbl caption{font-size:13px} }
/* C6 - ключ-значение */
.do-tbl--adat table,.do-tbl--helyzet table{max-width:var(--do-measure)}
.do-tbl--adat tbody th{color:var(--do-ink-2);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;width:44%;background-image:radial-gradient(circle,var(--do-line) 1.3px,transparent 1.6px);background-size:8px 4px;background-repeat:repeat-x;background-position:0 calc(100% - 9px)}
.do-tbl--adat tbody td{font-weight:600}
/* C6b - ситуация -> что делать */
.do-tbl--helyzet tbody th{padding-left:34px;position:relative;width:42%}
.do-tbl--helyzet tbody th::before{content:"";position:absolute;left:14px;top:20px;width:9px;height:9px;border-radius:50%;background:var(--do-coral)}
@media (max-width:767px){ .do-tbl--helyzet tbody th{position:sticky} }
/* C7 - уровни/варианты */
.do-tbl--lepcso table{background:transparent;box-shadow:none}
.do-tbl--lepcso thead th{background:var(--do-sage);border:2px solid var(--do-ink);border-bottom:0;border-radius:var(--do-r-tab);font-family:var(--do-font-body)}
.do-tbl--lepcso thead th + th{border-left:0}
.do-tbl--lepcso thead th:nth-child(2){background:var(--do-lime)}
.do-tbl--lepcso thead th:first-child{background:transparent;border-color:transparent}
.do-tbl--lepcso tbody{background:var(--do-surface)}
.do-tbl--lepcso tbody td{font-weight:600;font-size:17px;font-variant-numeric:tabular-nums;background:var(--do-surface)}
.do-tbl--lepcso tbody tr:first-child > *{border-top:2px solid var(--do-ink)}
.do-tbl--lepcso tbody > tr > *{box-shadow:0 8px 18px -18px rgba(15,42,34,.4)}

/* ---------- C1 - шаги с десктоп-кадрами ---------- */
.do-leps{list-style:none;counter-reset:lep;display:grid;gap:34px;margin:26px 0}
.do-lep{counter-increment:lep;position:relative;padding-left:72px}
.do-lep::before{content:counter(lep);position:absolute;left:0;top:0;width:56px;height:56px;display:grid;place-items:center;background:var(--do-lime);border:2px solid var(--do-ink);border-radius:8px 0 8px 0;font:700 28px/1 var(--do-font-display)}
.do-lep:not(:last-child)::after{content:"";position:absolute;left:27px;top:64px;bottom:-28px;border-left:2px dashed var(--do-line)}
.do-lep__txt p{max-width:var(--do-measure)}
.do-lep .do-shot{margin-top:16px}
@media (max-width:767px){ .do-lep .do-shot{margin-left:-72px} }
@media (min-width:768px){
  .do-lep--shot{display:grid;grid-template-columns:5fr 7fr;gap:28px;align-items:start}
  .do-lep .do-shot{margin-top:0}
  .do-leps--b .do-lep:not(.do-lep--shot){padding-top:10px;padding-bottom:4px}
}

/* ---------- C2 - мобильная лента ---------- */
.do-leps-mini{counter-reset:lm;list-style:none;display:grid;gap:12px;margin:20px 0;max-width:var(--do-measure)}
.do-leps-mini li{counter-increment:lm;position:relative;padding-left:44px}
.do-leps-mini li::before{content:counter(lm);position:absolute;left:0;top:0;width:30px;height:30px;display:grid;place-items:center;background:var(--do-lime);border-radius:6px 0 6px 0;font:700 16px/1 var(--do-font-display)}
.do-film{margin:22px 0}
.do-film__list{list-style:none;display:flex;gap:16px;scroll-snap-type:x mandatory;padding-bottom:12px}
.do-film__list > li{flex:0 0 calc((100% - 32px) / 2.2);scroll-snap-align:start}
.do-film .do-shot--phone{max-width:none}
.do-film{overflow-x:auto}
@media (min-width:1024px){ .do-film__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible} }

/* ---------- C3 - короткие шаги ---------- */
.do-short{counter-reset:sh;list-style:none;display:grid;gap:14px 32px}
.do-short li{counter-increment:sh;position:relative;padding-left:46px;min-height:32px}
.do-short li::before{content:counter(sh);position:absolute;left:0;top:-2px;width:32px;height:32px;border:2px solid var(--do-ink);border-radius:50%;display:grid;place-items:center;font:700 15px/1 var(--do-font-display)}
@media (min-width:768px){ .do-short{grid-template-columns:1fr 1fr;max-width:none !important} }

/* ---------- C4 - карточки полей ---------- */
.do-fields{counter-reset:fld;list-style:none;display:grid;gap:30px;margin-top:30px}
.do-fields > li{counter-increment:fld;position:relative;padding-top:16px;display:flex}
.do-field{flex:1;background:var(--do-surface);border-radius:0 var(--do-r-md) var(--do-r-md) var(--do-r-md);box-shadow:var(--do-shadow-soft);padding:0 0 20px;overflow:hidden}
.do-fields > li::before{content:counter(fld,decimal-leading-zero);position:absolute;left:0;top:-12px;height:28px;padding:7px 14px 0;background:var(--do-lime);border-radius:var(--do-r-tab);font:700 15px/1 var(--do-font-display)}
.do-field__shot{margin:0 0 4px}
.do-field__shot img{border-radius:0}
.do-field h3{margin:16px 20px 8px;font-size:18px}
.do-field p{margin:0 20px;font-size:16px;line-height:1.55}
.do-field p + p{margin-top:10px}
@media (min-width:768px){ .do-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px} }
@media (min-width:1180px){ .do-fields{grid-template-columns:repeat(3,minmax(0,1fr))} }

/* ---------- C8 - карточки офферов ---------- */
.do-offers{list-style:none;display:grid;gap:30px;margin-top:30px}
.do-offers > li{position:relative;padding-top:16px;display:flex}
.do-offer{flex:1;display:flex;flex-direction:column;gap:12px;background:var(--do-surface);border-radius:0 var(--do-r-md) var(--do-r-md) var(--do-r-md);box-shadow:var(--do-shadow-soft);padding:22px 20px 22px}
.do-offer__tab{position:absolute;left:0;top:-12px;padding:7px 14px 6px;background:var(--do-lime);border-radius:var(--do-r-tab);font-size:13px;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.06em}
.do-offers > li:nth-child(even) .do-offer__tab{background:var(--do-sage)}
.do-offer__tabk{font-weight:600;opacity:.75}
.do-offer .do-offer__k{margin:0 0 -8px;font-size:12px;line-height:1.3;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--do-ink-2)}
.do-offer h3{margin:0;font-size:19px}
.do-offer__big{font:700 32px/1.05 var(--do-font-display)}
.do-offer__terms{display:grid;gap:8px;font-size:15px}
.do-offer__terms div{display:grid;gap:2px;padding-top:8px;border-top:1px dashed var(--do-line)}
.do-offer__terms dt{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--do-ink-2)}
.do-offer__terms dd{font-weight:600}
.do-offer .do-list{font-size:15px}
.do-offer p{font-size:16px;line-height:1.55}
.do-offer__btn{margin-top:auto;align-self:flex-start}
.do-offers--het > li:nth-child(n) .do-offer__tab{background:var(--do-pine);color:var(--do-lime)}
@media (min-width:640px){ .do-offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 22px} }
@media (min-width:1180px){ .do-offers{grid-template-columns:repeat(4,minmax(0,1fr))} .do-offers > li:only-child,.do-offers > li:first-child:nth-last-child(2),.do-offers > li:first-child:nth-last-child(2) ~ li{grid-column:span 2} }

/* ---------- C9 - плитки разделов ---------- */
.do-tiles{list-style:none;display:grid;gap:26px;margin-top:26px}
.do-tiles > li{position:relative;padding-top:10px;display:flex}
.do-tiles > li::before{content:"";position:absolute;left:0;top:0;width:84px;height:14px;border-radius:var(--do-r-tab);background:var(--do-lime)}
.do-tiles > li:nth-child(3n+2)::before{background:var(--do-line)}
.do-tiles > li:nth-child(3n)::before{background:var(--do-pine)}
.do-tile{flex:1;background:var(--do-surface);border-radius:0 var(--do-r-md) var(--do-r-md) var(--do-r-md);box-shadow:var(--do-shadow-soft);padding:20px}
.do-tile .do-tile__lab{margin:0 0 4px;font-size:12px;font-weight:600;line-height:1.3;text-transform:uppercase;letter-spacing:.08em;color:var(--do-ink-2)}
.do-tile h3{margin:0 0 10px;font-size:19px}
.do-tile p{font-size:16px;line-height:1.55}
.do-tile p + p{margin-top:8px}
.do-tile__k{font-weight:600;color:var(--do-ink-2)}
@media (min-width:768px){ .do-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px} }

/* ---------- C10 - этапы ---------- */
.do-stops{list-style:none;display:grid;gap:0;margin:26px 0;position:relative}
.do-stop{position:relative;padding:0 0 24px 38px;display:grid;gap:4px;align-content:start}
.do-stop::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--do-lime);border:2px solid var(--do-ink);z-index:1}
.do-stop:not(:last-child)::after{content:"";position:absolute;left:9px;top:12px;bottom:-12px;border-left:2px solid var(--do-ink)}
.do-stop__when{font-size:17px;line-height:1.35}
.do-stop__cell{font-size:16px;line-height:1.5}
.do-stop__k{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--do-ink-2)}
@media (min-width:1024px){
  .do-stops{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
  .do-stop{padding:34px 0 0}
  .do-stop::before{top:0}
  .do-stop:not(:last-child)::after,.do-stop::after{content:"";left:0;right:-24px;top:10px;bottom:auto;border-left:0;border-top:2px solid var(--do-ink)}
  .do-stop:nth-child(3n)::after,.do-stop:last-child::after{right:0}
}

/* ---------- C11 - текст + кадр ---------- */
.do-split{display:grid;gap:24px}
.do-split--phone .do-split__fig{max-width:300px}
@media (min-width:1024px){
  .do-split--a,.do-split--b{grid-template-columns:7fr 5fr;gap:40px;align-items:start}
  .do-split--b{grid-template-columns:5fr 7fr}
  .do-split--b .do-split__fig{order:-1}
  .do-split--phone{grid-template-columns:minmax(0,1fr) 300px}
  .do-split--b.do-split--phone{grid-template-columns:300px minmax(0,1fr)}
}

/* ---------- C12 - две колонки ---------- */
.do-cols > *{max-width:var(--do-measure)}
@media (min-width:1024px){
  .do-cols{column-count:2;column-gap:48px;margin-top:18px}
  .do-cols > *{max-width:none;break-inside:avoid}
  .do-cols > h3{break-after:avoid;margin-top:0}
  .do-cols > * + *{margin-top:0}
  .do-cols > p{margin-bottom:16px}
}
.do-prose > .do-lead2 + .do-cols{margin-top:18px}

/* ---------- C13 - ключевое число ---------- */
.do-keynum{display:grid;gap:18px}
.do-keynum{min-width:0}
.do-keynum__fig{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:14px 0;border-top:2px solid var(--do-ink);border-bottom:1px solid var(--do-line);min-width:0}
.do-keynum__fig strong{font:700 clamp(34px,11vw,48px)/1 var(--do-font-display);color:var(--do-ink);max-width:100%;overflow-wrap:anywhere}
.do-keynum__fig span{flex:1 1 160px;min-width:0;font-size:14px;line-height:1.4;color:var(--do-ink-2)}
.do-keynum--long .do-keynum__fig strong{font-size:clamp(28px,8vw,40px)}
@media (min-width:1024px){
  .do-keynum{grid-template-columns:3fr 9fr;gap:40px;align-items:start}
  .do-keynum > *{min-width:0}
  .do-keynum__fig{flex-direction:column;flex-wrap:nowrap;gap:10px;padding:18px 0}
  .do-keynum__fig strong{font-size:64px}
  .do-keynum__fig span{flex:none}
  .do-keynum.do-keynum--long{grid-template-columns:1fr;gap:18px}
  .do-keynum--long .do-keynum__fig{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
  .do-keynum--long .do-keynum__fig strong{font-size:clamp(30px,2.8vw,40px);overflow-wrap:normal}
  .do-keynum--long .do-keynum__fig span{flex:1 1 160px}
}

/* ---------- C14 - выноска ---------- */
.do-pull{font-size:19px;font-weight:600;line-height:1.4;border-top:4px solid var(--do-lime);padding-top:12px;max-width:520px}
@media (min-width:1180px){ .do-margo .do-pull{float:right;width:260px;margin:4px 0 16px 32px} .do-margo .do-prose{max-width:none} .do-margo .do-prose > p{max-width:600px} .do-margo .do-prose::after{content:"";display:block;clear:both} }

/* ---------- C15 - список с галочками ---------- */
.do-checks{list-style:none;background:var(--do-surface);border-radius:var(--do-r-md);box-shadow:var(--do-shadow-soft);padding:20px 22px;display:grid;gap:12px 32px}
.do-checks li{position:relative;padding-left:32px;line-height:1.5}
.do-checks li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;background:var(--do-lime);border-radius:4px 0 4px 0}
.do-checks li::after{content:"";position:absolute;left:6px;top:6px;width:5px;height:9px;border-right:2px solid var(--do-ink);border-bottom:2px solid var(--do-ink);transform:rotate(45deg)}
@media (min-width:768px){ .do-prose > .do-checks--2{grid-template-columns:1fr 1fr;max-width:none} }

/* ---------- C16 - заметки ---------- */
.do-note{display:flex;gap:12px;align-items:flex-start;padding:16px 20px;border-radius:10px;font-size:16px;line-height:1.55}
.do-note--info{background:var(--do-sage);border-left:4px solid var(--do-link)}
.do-note__ico{color:var(--do-link);margin-top:2px}
.do-note--rg{background:var(--do-coral-bg);border-left:4px solid var(--do-coral)}
.do-note--rg a{color:var(--do-coral);font-weight:700}
.do-note--tip{background:var(--do-surface);border:2px dashed var(--do-lime)}
.do-prose > .do-note{margin-top:22px}

/* ---------- C17 - FAQ ---------- */
.do-faqs{border-bottom:1px solid var(--do-line)}
.do-faq{border-top:1px solid var(--do-line)}
.do-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-size:17px;font-weight:600;line-height:1.4}
.do-faq summary::-webkit-details-marker{display:none}
.do-faq summary::after{content:"+";flex:none;width:28px;height:28px;display:grid;place-items:center;border:2px solid var(--do-ink);border-radius:6px;font:700 20px/1 var(--do-font-body);transition:transform .15s}
.do-faq[open] summary::after{transform:rotate(45deg);background:var(--do-lime)}
.do-faq summary:hover{color:var(--do-link)}
.do-faq__a{padding:0 0 20px;max-width:var(--do-measure)}
.do-faq__a > * + *{margin-top:12px}
@media (min-width:1024px){
  .do-faq summary{font-size:18px}
  .do-sec--faq:not(.do-sec--faqgroup){display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:40px;align-items:start}
  .do-sec--faq:not(.do-sec--faqgroup) .do-sec__head{position:sticky;top:24px;flex-direction:column}
}

/* ---------- C18 - полоса CTA, C18b - кнопка в разделе ---------- */
.do-band{display:flex;flex-direction:column;gap:18px;align-items:flex-start;margin-top:34px;padding:24px;border-radius:var(--do-r-lg);background:var(--do-lime) var(--do-hatch);border:2px solid var(--do-ink)}
.do-band p{max-width:var(--do-measure);font-size:17px;line-height:1.55}
.do-band--solo{align-items:center}
@media (min-width:768px){ .do-band{flex-direction:row;align-items:center;justify-content:space-between;padding:28px 32px} .do-band .do-cta{flex:none} }
.do-btnrow{margin-top:24px}

/* ---------- C19 - абзацы-указатели главной ---------- */
.do-route{border-left:3px solid var(--do-pine);padding-left:16px}
.do-route a{font-weight:600;color:var(--do-ink);text-decoration:none;background:linear-gradient(transparent 65%,var(--do-lime) 65%);display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.do-route a:hover{background:var(--do-lime)}
.do-route__ico{display:inline-block;width:16px;height:16px;margin-left:4px;vertical-align:-2px}

/* ---------- C21 - каналы ---------- */
.do-channels{list-style:none;background:var(--do-surface);border-radius:var(--do-r-md);box-shadow:var(--do-shadow-soft);margin:22px 0}
.do-channel{display:grid;gap:4px;padding:16px 20px;border-top:1px dashed var(--do-line)}
.do-channel:first-child{border-top:0}
.do-channel__lead{display:grid;gap:2px;align-content:start}
.do-channel__name{font-weight:700;font-size:17px}
.do-channel__k{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--do-ink-2)}
@media (min-width:768px){ .do-channel{grid-template-columns:220px minmax(0,1fr);gap:4px 20px} .do-channel__cell{grid-column:2} }

/* номера помощи не рвать по дефису */
a[href^="tel:"]{white-space:nowrap}