.tabs{display:flex;gap:8px;overflow-x:auto;padding-block:16px 4px;scrollbar-width:none}
.tabs a{flex:none;font:600 15px/1 var(--display);padding:10px 16px;border-radius:99px;border:1.5px solid var(--line);color:var(--fg);text-decoration:none}
.tabs a[aria-current]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.hero{display:grid;gap:18px;padding-block:24px 40px;max-width:760px}
.lead{font-size:20px;color:var(--muted)}
.rating{font-size:15px;color:var(--muted)} .rating b{color:var(--accent);font-family:var(--display)}
section{padding-block:44px;border-top:1px solid var(--line);display:grid;gap:22px}
.sits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:900px){.sits{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.sits{grid-template-columns:1fr}}
.sit{background:var(--card);border-radius:var(--r);padding:20px;display:grid;gap:6px;align-content:start;min-width:0}
.sit p{font-size:16px;color:var(--muted)}
.does{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-width:760px;counter-reset:d}
.does li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start;counter-increment:d}
.does li::before{content:counter(d);width:32px;height:32px;border-radius:50%;border:2.5px solid var(--accent);color:var(--accent);display:grid;place-items:center;font:800 14px/1 var(--display)}
.prices{width:100%;max-width:820px;border-collapse:collapse;font-size:17px}
.prices td{padding:13px 0;border-bottom:1px solid var(--line);vertical-align:top}
.prices td:last-child{text-align:right;font:700 17px/1.4 var(--display);white-space:nowrap;padding-left:16px}
.note{font-size:15px;color:var(--muted);max-width:760px}
.quote{margin:0;padding:24px;border-radius:var(--r);border:1px solid var(--line);display:grid;gap:10px;max-width:760px}
.quote blockquote{margin:0;font-size:19px}
.quote figcaption{font-size:14px;color:var(--muted)}
.art{display:grid;gap:8px;padding:22px;border-radius:var(--r);background:var(--accent-soft);text-decoration:none;color:var(--fg);max-width:760px}
.art span{font-size:15px;color:var(--accent);font-weight:600}
details{border-bottom:1px solid var(--line);max-width:820px}
summary{cursor:pointer;padding:14px 0;font:700 18px/1.35 var(--display)}
details p{padding-bottom:16px;color:var(--muted)}
.cta{background:var(--accent);color:var(--accent-ink);border-radius:24px;padding:32px;display:grid;gap:16px;border-top:none;margin-top:24px}
.cta .btn-main{background:var(--accent-ink);color:var(--accent);border-color:var(--accent-ink)}
.cta .btn-alt{color:var(--accent-ink);border-color:var(--accent-ink)}
.others{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:15px}

/* Форма заявки на странице направления */
.cb{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:820px}
.cb label{display:grid;gap:6px;font-size:14px}
.cb .full,.cb fieldset,.cb .consent,.cb-ok{grid-column:1/-1}
.cb input[type=text],.cb input[type=tel],.cb input[type=email]{font:400 17px/1.2 var(--body);padding:14px;border-radius:10px;border:0;background:var(--accent-ink);color:var(--fg);min-width:0}
.cb fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cb legend{font-size:14px;margin-bottom:8px;padding:0;width:100%}
.cb .opt{opacity:.7}
.chip{display:inline-flex!important;cursor:pointer}
.chip input{position:absolute;opacity:0;width:1px;height:1px}
.chip span{padding:10px 16px;border-radius:99px;border:1.5px solid var(--accent-ink);font:600 15px/1 var(--display);transition:background .2s,color .2s}
.chip input:checked+span{background:var(--accent-ink);color:var(--accent)}
.chip input:focus-visible+span{outline:3px solid var(--accent-ink);outline-offset:2px}
.cb .consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;opacity:.9}
.cb button{cursor:pointer;justify-content:center}
.cb-ok{font-size:15px;margin:0}
.cb-ok.err{font-weight:600}
.cb button[disabled]{opacity:.6;cursor:wait}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.cta .cb{margin-top:4px}

.incl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;max-width:900px}
.incl>div{background:var(--card);border-radius:var(--r);padding:20px}
.incl h3{margin:0 0 8px;font:700 17px/1.3 var(--display)}
.incl ul{margin:0;padding-left:20px;display:grid;gap:6px;font-size:16px}
.revs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.revs .quote blockquote{font-size:17px}
.who{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:start;padding:20px;border-radius:var(--r);background:var(--card);max-width:760px}
.who img{width:72px;height:72px;border-radius:50%;object-fit:cover}
.who p{margin:6px 0;font-size:15px;color:var(--muted)}
@media (max-width:820px){.incl,.revs{grid-template-columns:1fr}}

.urgent{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:820px}
.urgent li{padding:14px 16px 14px 44px;border-radius:12px;background:var(--card);position:relative;font-size:16px}
.urgent li::before{content:"!";position:absolute;left:14px;top:13px;width:20px;height:20px;border-radius:50%;background:#C2410C;color:#fff;font:700 13px/20px var(--display);text-align:center}