/* «Сделать так же» */
.sol-hero { padding-top: clamp(30px, 6vh, 70px); }
.sol-hero h1 { font: 400 clamp(38px, 5.6vw, 80px)/1.02 var(--serif); letter-spacing: -.028em; max-width: 15ch; }
.sol-steps { margin-top: 30px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
@media (max-width: 900px) { .sol-steps { grid-template-columns: 1fr 1fr; } }
.sol-steps div { padding: 14px; border-radius: var(--r-l); background: var(--card); box-shadow: inset 0 0 0 1px var(--line); font: 500 14px/1.3 var(--sans); }
.sol-steps b { display: block; font: 400 22px/1 var(--serif); font-style: italic; color: var(--accent); margin-bottom: 8px; }
.slist { display: grid; gap: 12px; }
.sl-card { display: grid; grid-template-columns: 1fr 1.25fr; gap: 0; border-radius: var(--r-xl); background: var(--card); box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; scroll-margin-top: 90px; }
.sl-card.is-hl { box-shadow: inset 0 0 0 2px var(--accent), var(--shadow); }
@media (max-width: 900px) { .sl-card { grid-template-columns: 1fr; } }
.sl-card__main { padding: clamp(20px, 2.4vw, 30px); display: flex; flex-direction: column; }
.sl-card h3 { font: 400 34px/1.06 var(--serif); letter-spacing: -.02em; }
.sl-card .txt { margin-top: 10px; color: var(--ink-2); font-size: 15px; line-height: 1.55; }
.sl-card .inc { margin-top: 14px; display: flex; flex-wrap: wrap; gap: 6px; }
.sl-card .meta { margin-top: auto; padding-top: 20px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.sl-card .from { font: 400 30px/1 var(--serif); }
.sl-card .from small { display: block; margin-top: 6px; font: 400 12.5px/1 var(--sans); color: var(--mute); }
.sl-card__goods { padding: clamp(16px, 2vw, 24px); background: var(--bg); border-left: 1px solid var(--line); }
@media (max-width: 900px) { .sl-card__goods { border-left: 0; border-top: 1px solid var(--line); } }
.sl-card__goods h4 { font: 500 13px/1 var(--sans); color: var(--ink-2); margin-bottom: 10px; display: flex; justify-content: space-between; }
.gl { display: grid; gap: 6px; }
.g { display: grid; grid-template-columns: 48px 1fr auto auto; gap: 10px; align-items: center; padding: 6px; border-radius: 12px; background: var(--card); box-shadow: inset 0 0 0 1px var(--line); }
.g img { width: 48px; height: 48px; object-fit: contain; border-radius: 8px; background: #fff; }
.g .n { font-size: 13px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.g .n small { display: block; color: var(--accent); font-weight: 500; }
.g .p { font: 600 13.5px/1 var(--sans); white-space: nowrap; }
.g .a { width: 30px; height: 30px; border-radius: 50%; background: var(--accent); color: #fff; display: grid; place-items: center; font-size: 16px; }
.g .a:hover { background: var(--accent-ink); }
.gl__all { margin-top: 10px; display: flex; gap: 8px; flex-wrap: wrap; }
.dom { display: grid; grid-template-columns: 1fr 1fr; border-radius: var(--r-xxl); overflow: hidden; background: var(--card); box-shadow: inset 0 0 0 1px var(--line); scroll-margin-top: 90px; }
@media (max-width: 980px) { .dom { grid-template-columns: 1fr; } }
.dom__pic img { width: 100%; height: 100%; object-fit: cover; min-height: 320px; }
.dom__txt { padding: clamp(24px, 3.5vw, 50px); }
.dom__lv { margin: 22px 0; display: grid; gap: 8px; }
.dlv { display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: center; padding: 14px 16px; border-radius: var(--r-l); box-shadow: inset 0 0 0 1px var(--line); }
.dlv b { font: 500 16px/1.2 var(--sans); }
.dlv p { margin-top: 4px; font-size: 13px; color: var(--mute); line-height: 1.45; }
.dlv .pr { font: 400 20px/1 var(--serif); white-space: nowrap; color: var(--accent); }