@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* ВСЁ О РИТЕЙЛЕ — общий стиль сайта. v1 */
:root{
  --navy:#0b1f3a; --navy-2:#123a6b; --ice:#e8f3fb; --ice-2:#cfe6f7; --white:#fff;
  --gold:#c9a227; --gold-d:#7a5c05; --text:#1b2a41; --muted:#4b5b73; --line:#d9e3ee; --bg:#f6f9fc;
  --radius:14px; --shadow:0 6px 24px rgba(11,31,58,.08); --w:1160px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px;background:linear-gradient(to bottom,var(--bg) 0,var(--bg) 50%,var(--navy) 50%,var(--navy) 100%)}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy-2);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--navy)}
:focus-visible{outline:3px solid var(--navy-2);outline-offset:2px;border-radius:4px}
.hero :focus-visible,.footer :focus-visible,.section--navy :focus-visible{outline-color:#fff}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ic{width:1em;height:1em;fill:currentColor;vertical-align:-.125em;flex:none}
.skip{position:absolute;left:-999px;top:8px;background:var(--navy);color:#fff;padding:10px 16px;border-radius:8px;z-index:200}
.skip:focus{left:8px}
.container{width:100%;max-width:var(--w);margin:0 auto;padding:0 20px}
h1,h2,h3,h4{color:var(--navy);line-height:1.2;font-weight:800;letter-spacing:-.01em}
h1{font-size:clamp(28px,4vw,44px)} h2{font-size:clamp(23px,2.8vw,32px);margin-bottom:14px} h3{font-size:19px;margin-bottom:8px}
p{margin-bottom:12px}
.section{padding:64px 0}
.section--alt{background:var(--white)}
.section--ice{background:var(--ice)}
.section__head{max-width:760px;margin-bottom:32px}
.section__head p{color:var(--muted);font-size:18px}
.eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-d);margin-bottom:10px}

/* Header */
.header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--line)}
.header__in{display:flex;align-items:center;gap:20px;min-height:72px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);flex:none}
.brand img{width:50px;height:50px;object-fit:contain}
.brand__t{display:flex;flex-direction:column;line-height:1.15}
.brand__n{font-weight:800;font-size:16px;letter-spacing:.02em}
.brand__s{font-size:14px;color:var(--muted)}
.brand__s .ic{color:var(--gold);margin-right:4px}
.nav{margin-left:auto}
.nav__list{display:flex;list-style:none;gap:2px;align-items:center}
.nav__list>li{position:relative;display:flex;align-items:center;white-space:nowrap}
.nav a.nav__a,.nav button.nav__a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--text);font-weight:600;font-size:15px;background:none;border:0;cursor:pointer;font-family:inherit}
.nav a.nav__a:hover,.nav button.nav__a:hover{background:var(--ice)}
.nav__combo{display:flex;align-items:center;border-radius:8px}
.nav__combo:hover{background:var(--ice)} .nav__combo:active{background:var(--ice-2)}
.nav .nav__combo .nav__a,.nav .nav__combo .nav__a:hover,.nav .nav__combo .nav__a:active{background:none}
.nav .nav__combo a.nav__a{padding-right:4px} .nav .nav__combo .nav__chev{padding:10px 12px 10px 4px;min-width:44px;justify-content:center}
.nav__combo:has(:focus-visible){outline:3px solid var(--navy-2);outline-offset:1px}
.nav__combo .nav__a:focus-visible{outline:none}
.nav .is-active>.nav__combo{background:var(--ice);box-shadow:inset 0 -3px 0 var(--gold)}
.nav .is-active>.nav__combo .nav__a{color:var(--navy)}
.nav .is-active>.nav__a{color:var(--navy);background:var(--ice);box-shadow:inset 0 -3px 0 var(--gold)}
.nav__sub{display:none;position:absolute;left:0;top:100%;min-width:340px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px;list-style:none;z-index:50}
.nav__sub a{display:block;padding:9px 12px;border-radius:8px;text-decoration:none;color:var(--text);font-size:14.5px}
.nav__sub a:hover{background:var(--ice)}
.has-sub:hover>.nav__sub,.has-sub.is-open>.nav__sub,.has-sub:focus-within>.nav__sub{display:block}
.header__contacts{display:flex;flex-direction:column;align-items:flex-end;font-size:14px;line-height:1.35;flex:none}
.header__contacts a{display:block;padding:3px 0;color:var(--navy);font-weight:700;text-decoration:none;white-space:nowrap}
.header__contacts a:last-child{font-weight:500;color:var(--muted)}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:10px;width:46px;height:46px;font-size:20px;color:var(--navy);cursor:pointer}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:12px;font-weight:700;font-size:16px;text-decoration:none;border:2px solid transparent;cursor:pointer;font-family:inherit;line-height:1.2}
.btn--gold{background:var(--gold);color:var(--navy)} .btn--gold:hover{background:#d8b23a;color:var(--navy)}
.btn--navy{background:var(--navy);color:#fff} .btn--navy:hover{background:var(--navy-2);color:#fff}
.btn--line{border-color:var(--navy);color:var(--navy);background:transparent} .btn--line:hover{background:var(--navy);color:#fff}
.btn--light{border-color:rgba(255,255,255,.7);color:#fff} .btn--light:hover{background:#fff;color:var(--navy)}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}

/* Hero */
.hero{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 55%,#4f8fc9 100%);color:#fff;padding:84px 0 76px}
.hero h1{color:#fff;font-size:clamp(34px,5.4vw,60px)}
.hero__tag{display:flex;align-items:center;gap:10px;font-size:20px;margin:10px 0 18px;color:var(--ice-2)}
.hero__tag .ic{color:var(--gold)}
.hero p{max-width:720px;font-size:19px;color:#eaf3fb}
.hero--page{padding:48px 0 44px}
.hero--page h1{font-size:clamp(28px,4vw,42px)}
.hero--page p{font-size:18px;margin:12px 0 0}
.crumbs{font-size:14px;margin-bottom:16px;color:var(--ice-2)}
.crumbs a{color:#fff}
.crumbs span{opacity:.7;margin:0 6px}
.pill{display:inline-block;background:var(--gold);color:var(--navy);font-weight:800;border-radius:999px;padding:6px 16px;font-size:15px;margin-top:14px}

/* Grids & cards */
.grid{display:grid;gap:20px}
.grid--4{grid-template-columns:repeat(4,1fr)} .grid--3{grid-template-columns:repeat(3,1fr)} .grid--2{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.card__ic{width:48px;height:48px;border-radius:12px;background:var(--ice);color:var(--navy-2);display:grid;place-items:center;font-size:21px;margin-bottom:14px;flex:none}
.card h3{font-size:18px}
.card p{color:var(--muted);font-size:15px}
.card__term{font-size:14px;font-weight:700;color:var(--gold-d);margin-bottom:8px}
.card__more{margin-top:auto;font-weight:700;text-decoration:none;padding-top:8px}
a.card{text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
a.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(11,31,58,.14)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:-34px;position:relative;z-index:2}
.stat{background:#fff;border-radius:var(--radius);padding:22px;text-align:center;box-shadow:var(--shadow);border:1px solid var(--line)}
.stat b{display:block;font-size:34px;color:var(--navy);font-weight:800}
.stat span{color:var(--muted);font-weight:600}
.num{font-size:14px;font-weight:800;color:var(--gold-d);letter-spacing:.06em;margin-bottom:6px}
.quote{font-size:clamp(22px,3vw,32px);font-weight:800;color:var(--navy);text-align:center;max-width:820px;margin:0 auto 24px}
.facts li,.checks li,.docs li{list-style:none;position:relative;padding-left:32px;margin-bottom:10px}
.facts li::before,.checks li::before,.docs li::before{content:"";position:absolute;left:0;top:.38em;width:1.05em;height:1.05em;background:var(--gold-d)}
.big-contacts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.big-contacts a{font-size:clamp(16px,1.7vw,22px);font-weight:800;color:var(--navy);text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:block;box-shadow:var(--shadow);overflow-wrap:anywhere}
.big-contacts small{display:block;font-size:14px;color:var(--muted);font-weight:600;margin-bottom:4px}

/* Tables */
.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
table{border-collapse:collapse;width:100%}
th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);font-size:15px;vertical-align:top}
th{background:var(--navy);color:#fff;font-weight:700;white-space:nowrap}
tr:last-child td{border-bottom:0}
td.c,th.c{text-align:center}
.note{background:#fff8e1;border-left:5px solid var(--gold);border-radius:10px;padding:16px 20px;margin:24px 0;color:#4a3c05}
.fine{font-size:14px;color:var(--muted);margin-top:12px}

/* Tabs */
.tabs__bar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.tabs__btn{padding:12px 18px;min-height:44px;border-radius:999px;border:2px solid var(--navy);background:#fff;color:var(--navy);font-weight:700;cursor:pointer;font-family:inherit;font-size:15px}
.tabs__btn[aria-selected="true"]{background:var(--navy);color:#fff}
.tabs__panel[hidden]{display:none}

/* Telegram card */
.tg-card{display:flex;gap:22px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);max-width:560px}
.tg-card__qr{flex:none;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;width:200px;height:200px;display:grid;place-items:center}
.tg-card__qr img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.tg-card__h{margin-bottom:6px;font-size:20px;font-weight:800;color:var(--navy);line-height:1.2}
.tg-card p{color:var(--muted);font-size:15px;margin-bottom:12px}
.tg-card--footer{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);box-shadow:none;padding:14px;gap:14px;flex-direction:column;align-items:flex-start}
.tg-card--footer .tg-card__h{color:#fff;font-size:17px} .tg-card--footer p{color:#c9d8ea;font-size:14px}
.tg-card--footer .tg-card__qr{width:152px;height:152px;padding:16px}
.split{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center}

/* Prose (articles, legal) */
.prose{max-width:75ch}
.prose h2{margin-top:36px;font-size:24px} .prose h3{margin-top:24px}
.prose p,.prose li{font-size:17px}
.prose ul,.prose ol{margin:0 0 16px 24px}
.prose blockquote{border-left:4px solid var(--gold);padding:6px 18px;margin:18px 0;color:var(--muted);font-style:italic}
.prose table{margin:16px 0;background:#fff;font-size:15px} .prose img{border-radius:12px;margin:16px 0}
.prose--legal p,.prose--legal li{font-size:15.5px}
.cover{border-radius:var(--radius);width:100%;aspect-ratio:16/9;object-fit:cover}
.meta{color:var(--muted);font-size:14px}
.pager{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:32px}
.pager a,.pager span{padding:9px 15px;border-radius:10px;border:1px solid var(--line);background:#fff;text-decoration:none;font-weight:700}
.pager .cur{background:var(--navy);color:#fff;border-color:var(--navy)}
.neighbors{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:32px}
.team-av{width:112px;height:112px;margin:0 auto 14px;border-radius:50%;overflow:hidden;background:#eef1f5}
.team-card{text-align:center;align-items:center}
.empty{background:#fff;border:1px dashed var(--ice-2);border-radius:var(--radius);padding:28px;text-align:center;color:var(--muted)}

/* Footer */
.footer{background:var(--navy);color:#c9d8ea;padding:48px 0 24px;font-size:15px}
.footer a{color:#e6eef8;text-decoration:none} .footer a:hover{color:#fff;text-decoration:underline}
.footer__grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.2fr;gap:32px}
.footer__h{color:#fff;font-size:16px;font-weight:800;margin-bottom:12px}
.footer ul{list-style:none} .footer li{margin-bottom:8px}
.footer__logo img{width:150px}
.footer__legal{border-top:1px solid rgba(255,255,255,.15);margin-top:32px;padding-top:18px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:14px}
.footer__legal nav{display:flex;flex-wrap:wrap;gap:8px 20px}

/* Cookie modal */
.cookie-modal{background:#fff;color:var(--text);border:0;border-radius:16px;max-width:520px;width:calc(100% - 32px);padding:28px 26px 22px;box-shadow:0 20px 60px rgba(0,0,0,.35);margin:auto}
.cookie-modal::backdrop{background:rgba(11,31,58,.55)}
.cookie-modal__text{font-size:15px;margin-bottom:18px;color:var(--text)}
.cookie-modal__text a{color:var(--navy-2);text-decoration:underline}
.cookie-modal__actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-modal__btn{padding:12px 18px;border-radius:10px;border:1px solid transparent;font-size:15px;font-weight:700;cursor:pointer;flex:1 1 auto;font-family:inherit}
.cookie-modal__btn--accept{background:var(--navy);color:#fff}
.cookie-modal__btn--decline{background:#f1f5f9;color:var(--text);border-color:var(--line)}
body.cookie-modal-open{overflow:hidden}

/* Responsive */
@media (max-width:1100px){.header__contacts{display:none}.nav a.nav__a,.nav button.nav__a{padding:10px 9px;font-size:14.5px}}
@media (max-width:1023px){
  .footer__grid{grid-template-columns:1fr 1fr}
  .split{grid-template-columns:1fr}
}
@media (max-width:900px){
  .burger{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);padding:10px 20px 18px;max-height:calc(100vh - 72px);overflow:auto;margin:0}
  .nav.is-open{display:block}
  .nav__list{flex-direction:column;align-items:stretch}
  .nav__list>li{display:block}
  .nav__combo{width:100%} .nav .nav__combo a.nav__a{flex:1} .nav .nav__combo .nav__chev{padding:10px 16px}
  .nav__sub{position:static;display:none;box-shadow:none;border:0;padding:0 0 0 12px;min-width:0}
  .has-sub.is-open>.nav__sub{display:block}
  .has-sub:hover>.nav__sub{display:none}
  .has-sub.is-open:hover>.nav__sub{display:block}
  .header__contacts.is-mobile{display:flex;align-items:flex-start;margin-top:12px}
}
@media (min-width:769px) and (max-width:1023px){.tg-card{max-width:none}}
@media (max-width:768px){
  .grid--4,.grid--3{grid-template-columns:repeat(2,1fr)}
  .big-contacts{grid-template-columns:1fr}
  .section{padding:48px 0}
  .stats{grid-template-columns:1fr;margin-top:-24px}
  .tg-card{flex-direction:column;align-items:stretch}
  .tg-card__qr{display:none}
  .tg-card .btn{width:100%;padding:16px 20px;font-size:17px}
  .footer__grid{grid-template-columns:1fr}
}
@media (max-width:480px){
  .grid--4,.grid--3,.grid--2{grid-template-columns:1fr}
  .hero{padding:56px 0 56px} .btns .btn{width:100%}
  .cookie-modal{padding:22px 18px 18px} .cookie-modal__actions{flex-direction:column}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.btn,.btn:hover,.btn:focus,.btn:active,.card__more,a.card,a.card:hover,.tabs__btn,.cookie-modal__btn,.pager a,.burger,.header__contacts a:hover{text-decoration:none}
.prose--legal td,.prose--legal th{overflow-wrap:anywhere}
@media (max-width:640px){
  .prose--legal table,.prose--legal tbody,.prose--legal tr,.prose--legal td{display:block;width:100%}
  .prose--legal tr{border-bottom:1px solid var(--line);padding:8px 0}
  .prose--legal td{border:0;padding:2px 0}
  .prose--legal td:first-child{font-weight:700;color:var(--navy)}
}
.nav__chev .ic{transition:transform .15s} .has-sub.is-open .nav__chev .ic{transform:rotate(180deg)}
.footer .btn--gold,.footer .btn--gold:hover{color:var(--navy)}
@media (max-width:900px){.nav__list>li{white-space:normal}.nav__sub a{white-space:normal}}

/* Главная: вопросы закупщиков */
.ask{padding:72px 0 64px}
.ask__q{font-size:clamp(28px,4.8vw,58px);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--navy);padding:22px 0;border-top:1px solid var(--line);max-width:19em;text-wrap:balance}
.ask__q:nth-of-type(2){margin-left:clamp(0px,7vw,110px)}
.ask__q:nth-of-type(3){margin-left:clamp(0px,14vw,220px);border-bottom:1px solid var(--line)}
.ask__out{margin:28px 0 0 clamp(0px,14vw,220px);max-width:36em}
.ask__out p{font-size:20px;color:var(--text)}
.statements{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;list-style:none}
.statements li{border-top:1px solid var(--navy);padding-top:14px;font-size:17px;color:var(--text)}
@media (max-width:768px){.ask{padding:48px 0 44px}.ask__q:nth-of-type(2),.ask__q:nth-of-type(3),.ask__out{margin-left:0}.statements{grid-template-columns:1fr;gap:20px}}
/* Страницы услуг: этапы и документы двумя колонками */
.duo{display:block}.duo>*{min-width:0}
@media (min-width:1024px){
  .duo{display:grid;grid-template-columns:1.5fr 1fr;gap:0;align-items:stretch}
  .duo h2,.duo h3{margin-top:0;margin-bottom:22px}
  .duo>*:first-child{padding-right:72px}
  .duo>*:last-child{padding-left:72px;border-left:1px solid var(--line)}
  .duo .table-wrap{background:none;border:0;border-radius:0;overflow:visible}
  .duo th{background:none;color:var(--muted);font-size:14px;padding:10px 12px;border-bottom:2px solid var(--navy)}
  .duo td{padding:17px 12px;font-size:16px}
  .duo td.c{color:var(--gold-d);font-weight:800}
  .duo .docs li{margin-bottom:20px;font-size:17px;line-height:1.45}
}

/* ---- окно проверки (показать e-mail) ---- */
.mailcap{background:#fff;color:var(--text);border:0;border-radius:16px;max-width:440px;width:calc(100% - 32px);padding:26px 26px 22px;box-shadow:0 20px 60px rgba(0,0,0,.35);margin:auto}
.mailcap::backdrop{background:rgba(11,31,58,.55)}
.mailcap__t{font-size:22px;margin:0 0 10px;color:var(--navy)}
.mailcap__p{font-size:15px;margin:0 0 14px}
.mailcap__img{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.mailcap__img img{border:1px solid var(--line);border-radius:10px;background:#eef3f8;display:block;max-width:100%;height:auto}
.mailcap__ref{width:44px;height:44px;padding:0;border:0;background:none;border-radius:11px;cursor:pointer;display:block;flex:0 0 auto;line-height:0}
.mailcap__ref:hover svg rect{fill:#123a6b}
.mailcap__ref:focus-visible{outline:3px solid var(--navy-2);outline-offset:2px}
.mailcap__l{display:block;font-size:14px;font-weight:600;color:var(--muted);margin-bottom:6px}
.mailcap input{width:100%;padding:12px 14px;font:inherit;font-size:18px;letter-spacing:.12em;text-transform:uppercase;border:1px solid #8aa0b8;border-radius:10px}
.mailcap__msg{min-height:22px;margin:8px 0 6px;font-size:14px;color:#9b1c1c}
.mailcap__act{display:flex;gap:10px;flex-wrap:wrap}
.mailcap__act a.cookie-modal__btn{text-decoration:none;text-align:center}
.mailcap__fine{font-size:14px;color:var(--muted);margin:14px 0 0}
.mailcap__addr{font-size:22px;font-weight:800;color:var(--navy);word-break:break-all;margin:0 0 16px}
@media (max-width:640px){.mailcap{padding:22px 18px 18px}.mailcap__act{flex-direction:column}}
@media (max-width:640px){.mailcap__addr{font-size:17px;word-break:normal;overflow-wrap:anywhere}}

/* ---- страница «Статьи» ---- */
.alist__bar{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;margin-bottom:26px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.alist__bar[hidden]{display:none}
.seg{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.seg__l{font-size:14px;font-weight:700;color:var(--muted);margin-right:4px}
.seg__b{min-height:44px;padding:9px 18px;border-radius:999px;border:2px solid var(--line);background:#fff;color:var(--navy);font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.seg__b:hover{border-color:var(--navy-2)}
.seg__b[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.alist__split{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:36px;align-items:start}
.alist__aside{position:sticky;top:96px}
.alist__aside .tg-card{flex-direction:column;align-items:stretch;max-width:none;text-align:left}
.alist__aside .tg-card__qr{width:100%;max-width:210px;height:auto;aspect-ratio:1;margin:0 auto}
.alist__aside .tg-card .btn{width:100%}
.alist__more{display:flex;justify-content:center;margin-top:30px}
.is-compact .alist__split{grid-template-columns:1fr}
.is-compact .alist__aside{position:static}
.is-compact .alist__aside .tg-card{flex-direction:row;align-items:center;max-width:none}
.is-compact .alist__aside .tg-card__qr{width:150px;max-width:none;height:150px;margin:0}
.is-compact .alist__aside .tg-card .btn{width:auto}
/* карусель (компактный вид) */
.car{position:relative;padding:0 68px;display:grid;grid-template-columns:1fr;grid-template-areas:"stage" "count";gap:4px}
.car:focus-visible{outline-offset:6px}
.car__stage{grid-area:stage;display:grid;padding:28px 0;overflow:hidden}
.car__item{grid-area:1/1;justify-self:center;width:34%;transition:transform .4s cubic-bezier(.3,.7,.2,1),opacity .3s;transform:translateX(calc(var(--d,0)*106%)) scale(var(--s,1));display:flex}
.car__item .card{width:100%}
.car__item[data-pos=mid]{--s:1;z-index:2}
.car__item[data-pos=side]{--s:.8;opacity:.72}
.car__item[data-pos=side] .card{box-shadow:none;cursor:pointer}
.car__item[data-pos=off]{opacity:0;visibility:hidden;pointer-events:none;--s:.7}
.car__item[data-pos=mid] .card{box-shadow:0 16px 40px rgba(11,31,58,.18)}
.car__item .card h3{font-size:18px}
.car__item[data-pos=mid] .card h3{font-size:21px}
.car__item .card p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.car__btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:52px;height:52px;border-radius:50%;border:0;background:var(--navy);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px rgba(11,31,58,.28)}
.car__btn .ic{width:22px;height:22px}
.car__btn--prev{left:0}.car__btn--next{right:0}
.car__btn:hover:not(:disabled){background:var(--navy-2)}
.car__btn:disabled{opacity:.3;cursor:default}
.car__count{grid-area:count;margin:0;text-align:center;font-size:14px;font-weight:700;color:var(--muted)}
@media (max-width:1023px){
  .alist__split{grid-template-columns:1fr}
  .alist__aside{position:static}
  .alist__aside .tg-card{flex-direction:row;align-items:center}
  .alist__aside .tg-card__qr{width:150px;max-width:none;height:150px;margin:0}
  .alist__aside .tg-card .btn{width:auto}
}
@media (max-width:760px){
  .car{padding:0;grid-template-columns:auto 1fr auto;grid-template-areas:"stage stage stage" "prev count next";row-gap:10px;align-items:center}
  .car__btn{position:static;transform:none}
  .car__btn--prev{grid-area:prev}.car__btn--next{grid-area:next}
  .car__stage{padding:6px 0}
  .car__item{width:100%}
  .car__item[data-pos=side]{opacity:0;visibility:hidden;pointer-events:none}
  .alist__bar{padding:12px}
  .seg{width:100%}
  .seg__l{width:100%}
  .alist__aside .tg-card,.is-compact .alist__aside .tg-card{flex-direction:column;align-items:stretch}
  .alist__aside .tg-card__qr,.is-compact .alist__aside .tg-card__qr{display:none}
  .alist__aside .tg-card .btn,.is-compact .alist__aside .tg-card .btn{width:100%}
}

/* список статей: 3 в ряд, лимит на страницу */
.alist__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.alist__grid .card{padding:16px}
.alist__grid .card h3{font-size:17px}
.alist__grid .card p{font-size:14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.seg__sel{min-height:44px;padding:8px 36px 8px 16px;border-radius:999px;border:2px solid var(--line);background:#fff;color:var(--navy);font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.seg__sel:hover{border-color:var(--navy-2)}
.is-compact .seg--limit{display:none}
.alist__split{grid-template-columns:minmax(0,1fr) 290px;gap:28px}
.alist__aside .tg-card__qr{max-width:200px}
.pager button{padding:9px 15px;border-radius:10px;border:1px solid var(--line);background:#fff;font:inherit;font-weight:700;color:var(--navy);cursor:pointer;min-height:44px}
.pager button:hover{border-color:var(--navy-2)}
@media (min-width:1024px) and (max-width:1179px){.alist__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:879px){.alist__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.alist__grid{grid-template-columns:1fr}}
@media (max-width:1023px){.alist__split{grid-template-columns:1fr}}

/* маркеры списков (значки как маска) */
.facts li::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22%3E%3C%21--%21 Font Awesome Free 6.0.0-beta3 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free %28Icons: CC BY 4.0%2C Fonts: SIL OFL 1.1%2C Code: MIT License%29 Copyright 2021 Fonticons%2C Inc. --%3E%3Cpath d=%22M64 400C64 408.8 71.16 416 80 416H480C497.7 416 512 430.3 512 448C512 465.7 497.7 480 480 480H80C35.82 480 0 444.2 0 400V64C0 46.33 14.33 32 32 32C49.67 32 64 46.33 64 64V400zM342.6 278.6C330.1 291.1 309.9 291.1 297.4 278.6L240 221.3L150.6 310.6C138.1 323.1 117.9 323.1 105.4 310.6C92.88 298.1 92.88 277.9 105.4 265.4L217.4 153.4C229.9 140.9 250.1 140.9 262.6 153.4L320 210.7L425.4 105.4C437.9 92.88 458.1 92.88 470.6 105.4C483.1 117.9 483.1 138.1 470.6 150.6L342.6 278.6z%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22%3E%3C%21--%21 Font Awesome Free 6.0.0-beta3 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free %28Icons: CC BY 4.0%2C Fonts: SIL OFL 1.1%2C Code: MIT License%29 Copyright 2021 Fonticons%2C Inc. --%3E%3Cpath d=%22M64 400C64 408.8 71.16 416 80 416H480C497.7 416 512 430.3 512 448C512 465.7 497.7 480 480 480H80C35.82 480 0 444.2 0 400V64C0 46.33 14.33 32 32 32C49.67 32 64 46.33 64 64V400zM342.6 278.6C330.1 291.1 309.9 291.1 297.4 278.6L240 221.3L150.6 310.6C138.1 323.1 117.9 323.1 105.4 310.6C92.88 298.1 92.88 277.9 105.4 265.4L217.4 153.4C229.9 140.9 250.1 140.9 262.6 153.4L320 210.7L425.4 105.4C437.9 92.88 458.1 92.88 470.6 105.4C483.1 117.9 483.1 138.1 470.6 150.6L342.6 278.6z%22/%3E%3C/svg%3E") center/contain no-repeat}
.checks li::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22%3E%3C%21--%21 Font Awesome Free 6.0.0-beta3 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free %28Icons: CC BY 4.0%2C Fonts: SIL OFL 1.1%2C Code: MIT License%29 Copyright 2021 Fonticons%2C Inc. --%3E%3Cpath d=%22M480 128c0 8.188-3.125 16.38-9.375 22.62l-256 256C208.4 412.9 200.2 416 192 416s-16.38-3.125-22.62-9.375l-128-128C35.13 272.4 32 264.2 32 256c0-18.28 14.95-32 32-32c8.188 0 16.38 3.125 22.62 9.375L192 338.8l233.4-233.4C431.6 99.13 439.8 96 448 96C465.1 96 480 109.7 480 128z%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 512 512%22%3E%3C%21--%21 Font Awesome Free 6.0.0-beta3 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free %28Icons: CC BY 4.0%2C Fonts: SIL OFL 1.1%2C Code: MIT License%29 Copyright 2021 Fonticons%2C Inc. --%3E%3Cpath d=%22M480 128c0 8.188-3.125 16.38-9.375 22.62l-256 256C208.4 412.9 200.2 416 192 416s-16.38-3.125-22.62-9.375l-128-128C35.13 272.4 32 264.2 32 256c0-18.28 14.95-32 32-32c8.188 0 16.38 3.125 22.62 9.375L192 338.8l233.4-233.4C431.6 99.13 439.8 96 448 96C465.1 96 480 109.7 480 128z%22/%3E%3C/svg%3E") center/contain no-repeat}
.docs li::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 384 512%22%3E%3C%21--%21 Font Awesome Free 6.0.0-beta3 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free %28Icons: CC BY 4.0%2C Fonts: SIL OFL 1.1%2C Code: MIT License%29 Copyright 2021 Fonticons%2C Inc. --%3E%3Cpath d=%22M256 0v128h128L256 0zM224 128L224 0H48C21.49 0 0 21.49 0 48v416C0 490.5 21.49 512 48 512h288c26.51 0 48-21.49 48-48V160h-127.1C238.3 160 224 145.7 224 128zM272 416h-160C103.2 416 96 408.8 96 400C96 391.2 103.2 384 112 384h160c8.836 0 16 7.162 16 16C288 408.8 280.8 416 272 416zM272 352h-160C103.2 352 96 344.8 96 336C96 327.2 103.2 320 112 320h160c8.836 0 16 7.162 16 16C288 344.8 280.8 352 272 352zM288 272C288 280.8 280.8 288 272 288h-160C103.2 288 96 280.8 96 272C96 263.2 103.2 256 112 256h160C280.8 256 288 263.2 288 272z%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 384 512%22%3E%3C%21--%21 Font Awesome Free 6.0.0-beta3 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free %28Icons: CC BY 4.0%2C Fonts: SIL OFL 1.1%2C Code: MIT License%29 Copyright 2021 Fonticons%2C Inc. --%3E%3Cpath d=%22M256 0v128h128L256 0zM224 128L224 0H48C21.49 0 0 21.49 0 48v416C0 490.5 21.49 512 48 512h288c26.51 0 48-21.49 48-48V160h-127.1C238.3 160 224 145.7 224 128zM272 416h-160C103.2 416 96 408.8 96 400C96 391.2 103.2 384 112 384h160c8.836 0 16 7.162 16 16C288 408.8 280.8 416 272 416zM272 352h-160C103.2 352 96 344.8 96 336C96 327.2 103.2 320 112 320h160c8.836 0 16 7.162 16 16C288 344.8 280.8 352 272 352zM288 272C288 280.8 280.8 288 272 288h-160C103.2 288 96 280.8 96 272C96 263.2 103.2 256 112 256h160C280.8 256 288 263.2 288 272z%22/%3E%3C/svg%3E") center/contain no-repeat}
