/* ===== Общие дополнения: мобильное меню, страницы «Как начать», «Правила», «Донат» ===== */

/* активный пункт меню */
.nav a[aria-current="page"] { color: #fff; }
.nav a[aria-current="page"]::after { transform: scaleX(1); }
.lang a { display: block; padding: 6px 10px; border-radius: 9px; color: var(--muted); }
.lang a[aria-current="true"] { background: rgba(255,255,255,.12); color: #fff; }

/* ---------- мобильное меню ---------- */
.burger { position: relative; }
.burger .x { display: none; }
.is-menu .burger .bars { display: none; }
.is-menu .burger .x { display: block; }
.is-menu .burger { background: var(--tq); }
.mnav { position: fixed; inset: 0; z-index: 49; display: none; flex-direction: column; padding: 92px var(--pad) 28px; overflow-y: auto; background:
  radial-gradient(70% 45% at 100% 0%, rgba(46,230,214,.18), transparent 70%),
  radial-gradient(60% 40% at 0% 100%, rgba(29,107,255,.16), transparent 70%), #05070c; }
.mnav::before { content: ''; position: absolute; left: 0; right: 0; top: 76px; height: 4px; background: linear-gradient(90deg,#0099b5 0 32.5%,#ce1126 32.5% 34%,#fff 34% 66%,#ce1126 66% 67.5%,#1eb53a 67.5% 100%); }
.is-menu .mnav { display: flex; animation: mnavIn .28s cubic-bezier(.2,.7,.2,1); }
.is-menu body, html.is-menu { overflow: hidden; }
.is-menu .hdr { background: rgba(5,7,12,.98); }
@keyframes mnavIn { from { opacity: 0; transform: translateY(-10px); } }
.mnav__beta { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; margin: 10px 0 18px; padding: 6px 12px 6px 6px; border-radius: 999px; background: rgba(46,230,214,.1); box-shadow: inset 0 0 0 1px rgba(46,230,214,.35); font-size: 13px; font-weight: 700; color: #c5f5f0; }
.mnav__beta b { padding: 3px 8px; border-radius: 999px; background: var(--tq); color: #00141a; font-family: var(--display); font-size: 10px; letter-spacing: .08em; }
.mnav__list { list-style: none; display: flex; flex-direction: column; }
.mnav__list a { display: flex; align-items: center; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--line); font-family: var(--display); font-weight: 800; font-size: 26px; text-transform: uppercase; letter-spacing: -.01em; }
.mnav__list a small { font-family: var(--body); font-size: 12px; font-weight: 700; color: var(--tq); letter-spacing: .04em; min-width: 22px; }
.mnav__list a svg { margin-left: auto; width: 20px; height: 20px; color: var(--muted); }
.mnav__list a[aria-current="page"] { color: var(--tq); }
.mnav__bottom { margin-top: auto; padding-top: 28px; display: grid; gap: 14px; }
.mnav__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.mnav__soc { display: flex; gap: 10px; }
.mnav__soc a { display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 16px; border-radius: 12px; background: rgba(255,255,255,.06); font-weight: 700; font-size: 14px; }
.mnav .btn { width: 100%; }
@media (min-width: 1101px) { .mnav { display: none !important; } }

/* ---------- шапка внутренних страниц ---------- */
.phero { position: relative; padding: 150px 0 56px; overflow: hidden; isolation: isolate; }
.phero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(50% 80% at 80% 0%, rgba(46,230,214,.18), transparent 70%), radial-gradient(40% 60% at 0% 100%, rgba(29,107,255,.14), transparent 70%); }
.phero .girih { -webkit-mask-image: radial-gradient(60% 90% at 80% 10%, #000 10%, transparent 70%); mask-image: radial-gradient(60% 90% at 80% 10%, #000 10%, transparent 70%); }
.crumbs { display: flex; gap: 8px; font-size: 14px; font-weight: 600; color: var(--muted); margin-bottom: 22px; }
.crumbs a:hover { color: var(--tq); }
.phero__h { font-family: var(--display); font-weight: 800; font-size: clamp(36px, 5.6vw, 84px); line-height: .95; letter-spacing: -.02em; text-transform: uppercase; }
.phero__h em { font-style: normal; background: linear-gradient(100deg, #fff 0%, #9ffaf1 35%, var(--tq) 60%, var(--gold) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.phero__p { margin-top: 22px; max-width: 620px; font-size: clamp(16px, 1.3vw, 19px); color: #b9c2d1; }
.phero__row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.pill { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 14px; border-radius: 999px; background: rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px var(--line-2); font-size: 14px; font-weight: 700; color: #cfd6e2; }
.pill b { color: var(--tq); }
.sec--tight { padding: clamp(40px, 6vw, 80px) 0; }
.h3 { font-family: var(--display); font-weight: 800; font-size: clamp(22px, 2.4vw, 34px); line-height: 1.05; text-transform: uppercase; letter-spacing: -.01em; }
.h3 em { font-style: normal; color: var(--tq); }

/* ---------- Как начать ---------- */
.req { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.reqc { border-radius: 26px; padding: 28px 30px; background: var(--card); box-shadow: inset 0 0 0 1px var(--line); }
.reqc--rec { background: linear-gradient(160deg, rgba(46,230,214,.12), transparent 55%), var(--card); box-shadow: inset 0 0 0 1px rgba(46,230,214,.35); }
.reqc__t { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-family: var(--display); font-weight: 800; font-size: 20px; text-transform: uppercase; }
.reqc__t span { font-family: var(--body); font-size: 12px; font-weight: 800; letter-spacing: .06em; padding: 5px 10px; border-radius: 999px; background: rgba(255,255,255,.06); color: var(--muted); }
.reqc--rec .reqc__t span { background: rgba(46,230,214,.16); color: var(--tq); }
.reqc dl { display: grid; grid-template-columns: 130px 1fr; margin-top: 18px; }
.reqc dt, .reqc dd { padding: 12px 0; border-top: 1px solid var(--line); font-size: 15px; }
.reqc dt { color: var(--muted); font-weight: 600; }
.reqc dd { font-weight: 600; }
.req__note { margin-top: 14px; font-size: 14px; color: var(--muted); }
.req__note a { color: var(--tq); font-weight: 700; }
.how { display: grid; gap: 18px; }
.howc { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(24px, 4vw, 56px); align-items: center; padding: clamp(24px, 3.4vw, 44px); border-radius: 30px; background: var(--card); box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; }
.howc__n { font-family: var(--display); font-weight: 800; font-size: 88px; line-height: .8; color: transparent; -webkit-text-stroke: 1.5px rgba(46,230,214,.6); }
.howc h3 { margin-top: 20px; font-family: var(--display); font-weight: 800; font-size: clamp(24px, 2.4vw, 34px); text-transform: uppercase; }
.howc p { margin-top: 12px; color: #aab3c3; max-width: 48ch; }
.howc ol { margin-top: 16px; padding-left: 0; list-style: none; display: grid; gap: 10px; counter-reset: c; }
.howc ol li { counter-increment: c; display: flex; gap: 12px; font-size: 15px; color: #cfd6e2; }
.howc ol li::before { content: counter(c); flex: none; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: rgba(46,230,214,.14); color: var(--tq); font-weight: 800; font-size: 12px; }
.howc__act { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.howc__pic { position: relative; }
.howc__pic img { width: 100%; height: auto; border-radius: 16px; box-shadow: 0 30px 60px -20px rgba(0,0,0,.8), 0 0 0 1px rgba(255,255,255,.1); }
.howc__pic .b2 { position: absolute; width: 58%; right: -6%; bottom: -10%; transform: rotate(3deg); }
.howc__pic--pair { padding-bottom: 12%; }
.howc__pic--pair img:first-child { width: 78%; }
.gta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.gta span { display: inline-flex; align-items: center; height: 40px; padding: 0 14px; border-radius: 12px; background: rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px var(--line-2); font-weight: 700; font-size: 14px; }
.mock { border-radius: 18px; background: #0b0f17; box-shadow: 0 30px 60px -20px rgba(0,0,0,.8), 0 0 0 1px rgba(255,255,255,.1); overflow: hidden; font-size: 13px; }
.mock__bar { display: flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; background: #151b26; }
.mock__bar i { width: 10px; height: 10px; border-radius: 50%; background: #2a3242; }
.mock__bar span { margin-left: 10px; height: 20px; flex: 1; max-width: 280px; border-radius: 6px; background: #0b0f17; color: var(--muted); font-size: 11px; display: flex; align-items: center; padding: 0 8px; }
.mock__body { padding: 24px; display: grid; gap: 12px; }
.mock__line { height: 10px; border-radius: 5px; background: rgba(255,255,255,.07); }
.trbl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.trc { display: flex; flex-direction: column; border-radius: 26px; background: var(--card); box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; }
.trc__pic { padding: 22px; background: radial-gradient(80% 90% at 50% 0%, rgba(255,181,71,.12), transparent 70%), #070b13; border-bottom: 1px solid var(--line); min-height: 210px; display: flex; align-items: center; justify-content: center; }
.trc__b { padding: 22px 24px 26px; }
.trc__k { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--gold); }
.trc h3 { margin-top: 8px; font-family: var(--display); font-weight: 700; font-size: 18px; text-transform: uppercase; line-height: 1.15; }
.trc ol { margin-top: 14px; padding-left: 18px; display: grid; gap: 6px; color: #b6bfce; font-size: 15px; }
.trc ol b { color: #fff; }
.trc small { display: block; margin-top: 12px; font-size: 13px; color: var(--muted); }
/* нарисованные кусочки интерфейсов Windows/Chrome */
.dl { width: 100%; max-width: 300px; border-radius: 12px; background: #202124; box-shadow: 0 20px 40px rgba(0,0,0,.5); font-family: system-ui, sans-serif; color: #e8eaed; font-size: 12px; overflow: hidden; }
.dl__h { padding: 10px 12px; font-weight: 600; border-bottom: 1px solid #3c4043; }
.dl__i { display: flex; align-items: center; gap: 10px; padding: 12px; }
.dl__ic { flex: none; width: 28px; height: 28px; border-radius: 6px; background: #f28b82; display: flex; align-items: center; justify-content: center; color: #202124; font-weight: 900; }
.dl__t b { display: block; font-size: 12px; } .dl__t span { color: #f28b82; font-size: 11px; }
.dl__arr { margin-left: auto; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 2px var(--gold); color: var(--gold); }
.dl__menu { margin: 0 12px 12px auto; width: 190px; border-radius: 8px; background: #2d2e31; box-shadow: 0 8px 20px rgba(0,0,0,.4); padding: 4px 0; }
.dl__menu div { padding: 7px 12px; color: #bdc1c6; }
.dl__menu div.on { background: rgba(255,181,71,.18); color: #fff; box-shadow: inset 3px 0 0 var(--gold); }
.ss { width: 100%; max-width: 300px; background: #0b5cad; color: #fff; font-family: 'Segoe UI', system-ui, sans-serif; font-size: 12px; box-shadow: 0 20px 40px rgba(0,0,0,.5); }
.ss__b { padding: 16px 16px 10px; }
.ss__b h4 { font-size: 15px; font-weight: 600; }
.ss__b p { margin-top: 8px; opacity: .9; line-height: 1.4; }
.ss__b u { display: inline-block; margin-top: 8px; text-decoration: none; padding: 2px 4px; box-shadow: 0 0 0 2px var(--gold); border-radius: 3px; }
.ss__f { display: flex; justify-content: flex-end; gap: 8px; padding: 10px 16px 14px; }
.ss__f span { padding: 5px 14px; background: rgba(255,255,255,.15); }
.ss__f span.on { background: #fff; color: #0b5cad; font-weight: 700; box-shadow: 0 0 0 2px var(--gold); }
.ln-mini { width: 100%; max-width: 300px; border-radius: 12px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.1); }
.ln-mini img { width: 100%; height: auto; }
.help { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; margin-top: 18px; padding: 26px 30px; border-radius: 26px; background: linear-gradient(90deg, rgba(46,230,214,.14), rgba(29,107,255,.08)); box-shadow: inset 0 0 0 1px rgba(46,230,214,.3); }
.help b { font-family: var(--display); font-weight: 800; font-size: clamp(20px, 2vw, 28px); text-transform: uppercase; }
.help span { display: block; color: #b6bfce; margin-top: 4px; }
.help__a { display: flex; gap: 10px; flex-wrap: wrap; }

/* ---------- Правила ---------- */
.rdoc { display: grid; grid-template-columns: 300px 1fr; gap: clamp(28px, 4vw, 64px); align-items: start; }
.toc { position: sticky; top: 96px; display: flex; flex-direction: column; gap: 14px; }
.rsearch { position: relative; }
.rsearch svg { position: absolute; left: 14px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%); color: var(--muted); pointer-events: none; }
.rsearch input { width: 100%; height: 52px; padding: 0 44px 0 44px; border-radius: 14px; background: var(--card); box-shadow: inset 0 0 0 1px var(--line-2); font-size: 15px; font-weight: 600; outline: none; }
.rsearch input:focus { box-shadow: inset 0 0 0 2px var(--tq); }
.rsearch button { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; border-radius: 10px; color: var(--muted); display: none; }
.rsearch.has-q button { display: inline-flex; align-items: center; justify-content: center; }
.rcount { font-size: 13px; font-weight: 600; color: var(--muted); min-height: 18px; }
.rcount b { color: var(--tq); }
.toc nav { display: flex; flex-direction: column; padding: 8px; border-radius: 20px; background: var(--card); box-shadow: inset 0 0 0 1px var(--line); }
.toc nav a { display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 12px; font-weight: 700; font-size: 15px; color: #c5cdda; transition: background .2s, color .2s; }
.toc nav a span { flex: none; width: 28px; font-family: var(--display); font-size: 12px; color: var(--muted); }
.toc nav a small { margin-left: auto; font-size: 12px; color: var(--muted); }
.toc nav a:hover { background: rgba(255,255,255,.05); color: #fff; }
.toc nav a.is-on { background: rgba(46,230,214,.12); color: #fff; box-shadow: inset 3px 0 0 var(--tq); }
.toc nav a.is-on span { color: var(--tq); }
.toc nav a.is-empty { opacity: .35; }
.toc__meta { padding: 0 12px; font-size: 13px; color: var(--muted); line-height: 1.5; }
.rsec { scroll-margin-top: 100px; padding-bottom: 44px; margin-bottom: 44px; border-bottom: 1px solid var(--line); }
.rsec:last-child { border-bottom: 0; }
.rsec__h { display: flex; align-items: baseline; gap: 16px; }
.rsec__h b { font-family: var(--display); font-weight: 800; font-size: 18px; color: var(--tq); }
.rsec__h h2 { font-family: var(--display); font-weight: 800; font-size: clamp(24px, 2.6vw, 36px); text-transform: uppercase; letter-spacing: -.01em; line-height: 1.05; }
.rsec__lead { margin-top: 12px; color: #aab3c3; max-width: 70ch; }
.rule { display: grid; grid-template-columns: 64px 1fr; gap: 12px; padding: 18px 0; border-top: 1px solid var(--line); scroll-margin-top: 100px; }
.rule:first-of-type { margin-top: 18px; }
.rule__n { font-family: var(--display); font-weight: 700; font-size: 14px; color: var(--muted); padding-top: 2px; }
.rule__n a:hover { color: var(--tq); }
.rule p { color: #d5dbe5; }
.rule__pun { display: inline-flex; margin-top: 10px; padding: 4px 10px; border-radius: 8px; background: rgba(255,59,92,.1); box-shadow: inset 0 0 0 1px rgba(255,59,92,.3); color: #ffb3c0; font-size: 13px; font-weight: 700; }
.rule.is-hide, .rsec.is-hide { display: none; }
.rule mark { background: rgba(255,181,71,.35); color: #fff; border-radius: 3px; padding: 0 2px; }
.term { display: grid; grid-template-columns: 110px 1fr; gap: 16px; padding: 16px 0; border-top: 1px solid var(--line); }
.term b { font-family: 'JetBrains Mono', ui-monospace, monospace; font-weight: 700; color: #9ffaf1; }
.rnone { display: none; padding: 40px; border-radius: 24px; background: var(--card); box-shadow: inset 0 0 0 1px var(--line); text-align: center; color: var(--muted); }
.rnone b { display: block; font-family: var(--display); font-size: 20px; color: #fff; text-transform: uppercase; margin-bottom: 8px; }
.rnone.is-on { display: block; }
.ph { color: var(--gold); font-weight: 700; }

/* ---------- Донат ---------- */
.dtabs { display: flex; flex-wrap: wrap; gap: 8px; }
.dtabs a { display: inline-flex; align-items: center; height: 44px; padding: 0 18px; border-radius: 12px; background: rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px var(--line-2); font-weight: 700; font-size: 14px; }
.dtabs a:hover { background: rgba(255,255,255,.1); }
.vipc ul { position: relative; list-style: none; margin-top: 18px; display: grid; gap: 7px; font-size: 14px; color: #c5cdda; }
.vipc ul li { display: flex; justify-content: space-between; gap: 10px; padding-bottom: 7px; border-bottom: 1px solid var(--line); }
.vipc ul li b { color: #fff; }
.vipc .vipc__p { margin-top: 22px; }
.vipc--gold .vipc__hot { position: absolute; right: 18px; top: 18px; padding: 4px 10px; border-radius: 999px; background: var(--gold); color: #1a1000; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; z-index: 1; }
.packs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.pk { position: relative; display: flex; flex-direction: column; gap: 10px; border-radius: 24px; padding: 24px; background: var(--card); box-shadow: inset 0 0 0 1px var(--line); overflow: hidden; }
.pk::after { content: ''; position: absolute; right: -60px; top: -60px; width: 180px; height: 180px; border-radius: 50%; background: var(--c); filter: blur(50px); opacity: .25; }
.pk__t { position: relative; font-family: var(--display); font-weight: 800; font-size: 18px; text-transform: uppercase; }
.pk ul { position: relative; list-style: none; display: grid; gap: 6px; font-size: 14px; color: #b6bfce; }
.pk ul li::before { content: '•'; color: var(--c); margin-right: 8px; }
.pk__p { position: relative; margin-top: auto; padding-top: 10px; font-family: var(--display); font-weight: 800; font-size: 30px; }
.pk__p small { font-size: 14px; color: var(--muted); margin-left: 4px; }
.pk--top { grid-column: span 2; background: linear-gradient(135deg, rgba(255,181,71,.16), transparent 60%), var(--card); box-shadow: inset 0 0 0 1px rgba(255,181,71,.4); }
.uzcg { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.uzcg div { padding: 20px; border-radius: 20px; background: var(--card); box-shadow: inset 0 0 0 1px var(--line); }
.uzcg b { display: block; font-family: var(--display); font-weight: 800; font-size: 26px; }
.uzcg b small { font-size: 13px; color: var(--muted); }
.uzcg span { display: block; margin-top: 6px; font-size: 14px; color: var(--muted); }
.payb { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: stretch; }
.payc { border-radius: 28px; padding: clamp(24px, 3vw, 40px); background: var(--card); box-shadow: inset 0 0 0 1px var(--line); }
.payc--soon { position: relative; overflow: hidden; background: radial-gradient(80% 100% at 100% 0%, rgba(46,230,214,.16), transparent 60%), var(--card); }
.pays { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 22px; }
.pays div { display: flex; flex-direction: column; justify-content: center; gap: 4px; height: 92px; padding: 0 18px; border-radius: 18px; background: rgba(255,255,255,.04); box-shadow: inset 0 0 0 1px var(--line-2); }
.pays b { font-family: var(--display); font-weight: 800; font-size: 20px; }
.pays span { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--gold); }
.payc p { margin-top: 14px; color: #aab3c3; }
.dform { display: grid; gap: 14px; margin-top: 22px; }
.dform label { display: grid; gap: 8px; font-size: 13px; font-weight: 700; color: var(--muted); }
.dform input { height: 52px; padding: 0 16px; border-radius: 14px; background: #070b13; box-shadow: inset 0 0 0 1px var(--line-2); font-size: 15px; font-weight: 600; }
.dform input:disabled { color: #5d677a; cursor: not-allowed; }
.dform .sums { display: flex; flex-wrap: wrap; gap: 8px; }
.dform .sums span { height: 38px; padding: 0 14px; display: inline-flex; align-items: center; border-radius: 10px; background: rgba(255,255,255,.04); box-shadow: inset 0 0 0 1px var(--line); color: #5d677a; font-weight: 700; font-size: 14px; }
.dform .btn[disabled] { background: rgba(255,255,255,.06); color: #6b7487; box-shadow: none; cursor: not-allowed; transform: none; }
.lockn { display: flex; gap: 10px; align-items: flex-start; padding: 14px 16px; border-radius: 16px; background: rgba(255,181,71,.1); box-shadow: inset 0 0 0 1px rgba(255,181,71,.35); color: #ffe2b0; font-size: 14px; font-weight: 600; }
.lockn svg { flex: none; width: 18px; height: 18px; margin-top: 2px; }
.dnote { margin-top: 18px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.dnote div { padding: 22px; border-radius: 22px; background: var(--card); box-shadow: inset 0 0 0 1px var(--line); font-size: 15px; color: #b6bfce; }
.dnote b { display: block; margin-bottom: 6px; color: #fff; font-family: var(--display); font-size: 15px; text-transform: uppercase; }

@media (max-width: 1100px) {
  .rdoc { grid-template-columns: 1fr; }
  .toc { position: static; }
  .toc nav { flex-direction: row; overflow-x: auto; scrollbar-width: none; }
  .toc nav a { flex: none; }
  .toc nav a small, .toc__meta { display: none; }
  .howc, .req, .payb { grid-template-columns: 1fr; }
  .trbl, .dnote { grid-template-columns: 1fr; }
  .packs { grid-template-columns: repeat(2, 1fr); }
  .uzcg { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 720px) {
  .phero { padding: 112px 0 32px; }
  .reqc dl { grid-template-columns: 104px 1fr; }
  .reqc { padding: 22px; }
  .howc__n { font-size: 64px; }
  .howc__pic .b2 { right: -2%; }
  .help { grid-template-columns: 1fr; }
  .packs { grid-template-columns: 1fr; } .pk--top { grid-column: auto; }
  .uzcg { grid-template-columns: repeat(2, 1fr); }
  .pays { grid-template-columns: 1fr; } .pays div { height: 70px; }
  .rule { grid-template-columns: 48px 1fr; }
  .term { grid-template-columns: 84px 1fr; }
}
.howc > *, .rdoc > *, .payb > *, .req > *, .trbl > * { min-width: 0; }
.reqc__t { flex-wrap: wrap; }
.dform .btn { white-space: normal; text-align: center; height: auto; min-height: 56px; padding: 12px 18px; }
.dform > * { min-width: 0; }