/* MobCash مصر — «جوافة». مصاريع مضيئة على ليل بلون البرقوق. */
:root{
  --dusk:#1d1030; --dusk2:#150b25; --plum:#2b1a44; --plum2:#3a2459;
  --line:#4a2f6e; --line2:#e6d8d0;
  --cream:#fdf4ec; --cream2:#f6e9df; --ink:#22142f; --ink2:#4d3b5c;
  --ink3:#7a6788; --mute:#c8b6d8;
  --guava:#ff6f8e; --guava2:#ffd9e1; --guava3:#c11e4a;
  --mint:#3fd6a4; --mint2:#d6f6ec; --mint3:#0d6b4f;
  --gold:#ffc65c; --gold2:#fff0d0; --gold3:#8a5a00;
  --cut:26px;
  --sans:'Dubai','Segoe UI','Noto Sans Arabic',Tahoma,Arial,sans-serif;
  --disp:'Noto Kufi Arabic','Segoe UI',Tahoma,Arial,sans-serif;
  --mono:'Cascadia Mono',Consolas,'Courier New',monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--dusk);color:var(--cream);
  font-family:var(--sans);font-size:17px;line-height:1.85;overflow-x:clip;
}
img,svg{max-width:100%}
img{height:auto}
a{color:var(--guava);text-decoration:none}
p a,li a,td a,dd a{font-weight:700;box-shadow:inset 0 -2px 0 var(--guava)}
p a:hover,li a:hover,td a:hover,dd a:hover{background:var(--guava);
  color:#2a0f1a;box-shadow:none}
::selection{background:var(--guava);color:#2a0f1a}
.lb{text-transform:lowercase !important}
/* Латиница и цифры внутри арабской строки: без изоляции знаки
   препинания уезжают к другому краю строки. */
.en{unicode-bidi:isolate;direction:ltr}
/* Число внутри арабской строки. Три свойства, каждое лечит свою беду:
   isolate+ltr — иначе двунаправленный алгоритм уносит знак к другому
   краю; inline-block — иначе одинокий изолят Chrome прижимает к левому
   краю блока, хотя строка правая; font-size:inherit — иначе Chrome
   применяет к семейству monospace свой «умолчательный» кегль 13px и
   число выходит вдвое мельче соседнего текста. */
.num{unicode-bidi:isolate;direction:ltr;display:inline-block;
  font-size:inherit;font-family:var(--mono);
  font-variant-numeric:tabular-nums}
:focus-visible{outline:3px solid var(--mint);outline-offset:3px}

.in{width:100%;max-width:1140px;margin:0 auto;padding-inline:22px}

/* ── الشريط الأعلى ───────────────────────────────────────────────── */
.rib{background:var(--dusk2);border-block-end:1px solid var(--line)}
.rib-in{display:flex;align-items:center;gap:14px;padding-block:9px;
  min-height:40px}
.rib-t{font-size:13.5px;line-height:1.5;color:var(--mute)}
.rib-t a{color:var(--gold);font-weight:700;box-shadow:inset 0 -1px 0 var(--gold)}
.rib-t a:hover{background:var(--gold);color:var(--ink);box-shadow:none}
.rib-a{margin-inline-start:auto;flex:0 0 auto;font-family:var(--mono);
  font-size:12px;font-weight:700;color:var(--dusk);background:var(--mint);
  padding:2px 9px;border-radius:3px}

/* ── الترويسة ────────────────────────────────────────────────────── */
.bar{position:sticky;top:0;z-index:70;background:var(--dusk);
  border-block-end:1px solid var(--line)}
.bar-in{display:flex;align-items:center;gap:16px;min-height:64px}
.mk-l{display:flex;flex:0 0 auto}
.mk,.foot-mk{display:flex;align-items:center;gap:11px}
.mk svg,.foot-mk svg{flex:0 0 auto}
.mk b,.foot-mk b{display:block;font-family:var(--disp);font-size:19px;
  font-weight:700;line-height:1.1;color:var(--cream)}
.mk i,.foot-mk i{display:block;font-style:normal;font-size:12.5px;
  color:var(--mint);font-weight:600;line-height:1.4}
.nv{display:flex;gap:2px;margin-inline-start:auto;overflow-x:auto;
  scrollbar-width:none}
.nv::-webkit-scrollbar{display:none}
.nv a{color:var(--mute);font-size:14.5px;font-weight:600;padding:8px 12px;
  white-space:nowrap;border-radius:4px}
.nv a:hover{background:var(--plum);color:var(--cream)}
.nv a.on{background:var(--guava);color:#2a0f1a}
.bar-go{flex:0 0 auto}

/* ── الأزرار ─────────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--sans);font-weight:700;font-size:16px;padding:13px 22px;
  cursor:pointer;border:0;border-radius:4px;background:var(--plum);
  color:var(--cream);transition:transform .14s,filter .14s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.btn:active{transform:translateY(0)}
.btn-1{background:var(--guava);color:#2a0f1a}
.btn-2{background:transparent;color:var(--cream);
  box-shadow:inset 0 0 0 2px var(--line)}
.btn-2:hover{background:var(--plum)}
.btn-3{background:var(--mint);color:#08281e}
.btn-4{background:var(--gold);color:#3a2600}
.btn-s{font-size:14px;padding:9px 15px}
.btn svg{width:18px;height:18px;flex:0 0 auto}
.pane .btn-2{color:var(--ink);box-shadow:inset 0 0 0 2px var(--line2)}
.pane .btn-2:hover{background:var(--cream2)}

/* ── الطباعة ─────────────────────────────────────────────────────── */
h1,h2,h3{font-family:var(--disp);margin:0;line-height:1.32;font-weight:700}
h1{font-size:clamp(30px,5vw,54px);line-height:1.24}
h2{font-size:clamp(24px,3.1vw,36px);margin:0 0 14px;line-height:1.3}
h3{font-size:clamp(18px,1.9vw,22px);margin:0 0 8px;line-height:1.42}
h4{font-family:var(--sans);font-size:16px;margin:0 0 6px;font-weight:700}
h5{font-family:var(--sans);font-size:13px;margin:0 0 6px;font-weight:700;
  color:var(--ink3)}
p{margin:0 0 15px}
.lead{font-size:clamp(17.5px,1.9vw,20.5px);line-height:1.75;color:var(--mute)}
.pane .lead{color:var(--ink2)}
em{font-style:normal;color:var(--guava)}
.pane em{color:var(--guava3)}
.eyb{display:inline-block;font-family:var(--sans);font-size:13.5px;
  font-weight:700;padding:5px 12px;border-radius:3px;background:var(--plum2);
  color:var(--gold);margin:0 0 14px}
.pane .eyb{background:var(--guava2);color:var(--guava3)}
.eyb-m{background:var(--mint2) !important;color:var(--mint3) !important}
.eyb-g{background:var(--gold2) !important;color:var(--gold3) !important}
.hl{background:var(--gold);color:var(--ink);box-shadow:0 0 0 4px var(--gold)}
.hl-m{background:var(--mint);color:#08281e;box-shadow:0 0 0 4px var(--mint)}

/* ── المصراع ─────────────────────────────────────────────────────── */
/* Створка: светлая пластина на ночном поле, срезанная по диагонали. */
.sec{padding-block:clamp(10px,1.3vw,16px)}
.pane{background:var(--cream);color:var(--ink);
  padding:clamp(26px,3.3vw,46px) clamp(20px,3vw,44px);
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,
    var(--cut) 100%,0 calc(100% - var(--cut)))}
.pane-d{background:var(--plum);color:var(--cream)}
.pane-p{background:var(--guava);color:#2a0f1a}
.pane-m{background:var(--mint);color:#08281e}
.pane h2,.pane h3{color:inherit}
.pane p{color:var(--ink2)}
.pane-d p,.pane-p p,.pane-m p{color:inherit}
.pane-d h5{color:var(--mute)}
.sec-g{display:grid;gap:clamp(16px,2.4vw,30px)}
.sec-hd{min-width:0}
.sec-bd{min-width:0}
.sec-bd>*:last-child{margin-block-end:0}
.sec-hd .eyb{margin-block-end:12px}
.sec-hd p{font-size:15.5px;line-height:1.7}
.pane-d .sec-hd p{color:var(--mute)}

/* ── الواجهة ─────────────────────────────────────────────────────── */
.hero{position:relative;padding-block:clamp(30px,4.4vw,64px) clamp(20px,2.6vw,34px);
  overflow:hidden}
.glow{position:absolute;inset-inline-end:-160px;top:-180px;width:620px;
  height:620px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(255,111,142,.30),
    rgba(255,111,142,0) 62%);animation:breathe 9s ease-in-out infinite}
.glow2{position:absolute;inset-inline-start:-200px;bottom:-260px;width:560px;
  height:560px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(63,214,164,.22),
    rgba(63,214,164,0) 60%);animation:breathe 11s ease-in-out infinite reverse}
@keyframes breathe{
  0%,100%{opacity:.75;transform:scale(1)}
  50%{opacity:1;transform:scale(1.08)}
}
.hero-g{position:relative;z-index:2;display:grid;gap:clamp(22px,3vw,40px);
  align-items:center}
.hero-g>*{min-width:0}
.hero-cta{display:flex;flex-wrap:wrap;gap:11px;margin-block:22px 16px}
.hero-note{font-size:15px;color:var(--mute)}
.hero-note a{color:var(--mint);box-shadow:inset 0 -2px 0 var(--mint)}
.hero-note a:hover{background:var(--mint);color:#08281e}
.figs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;
  background:var(--line);margin-block-start:clamp(18px,2.4vw,30px)}
.figs>*{min-width:0}
.fg{background:var(--dusk);padding:16px 18px}
.fg b{display:block;font-family:var(--disp);font-size:clamp(24px,3vw,34px);
  line-height:1.2;color:var(--gold)}
/* Только прямые потомки. Селектор через пробел ловил ещё и <span class="num">
   внутри <b>: число получало кегль подписи, её цвет и display:block —
   и уезжало к другому краю. Найдено глазами на снимке сайта 12. */
.fg>span{display:block;font-size:14px;color:var(--mute);margin-block-start:3px}

/* ── ترويسة الصفحة ───────────────────────────────────────────────── */
.phd{position:relative;padding-block:clamp(26px,3.4vw,46px) clamp(16px,2vw,26px);
  overflow:hidden}
.phd .lead{max-width:44em}
.phd-b{display:flex;flex-wrap:wrap;gap:11px;margin-block-start:20px}

/* ── فتات الخبز ──────────────────────────────────────────────────── */
.crumbs{display:flex;flex-wrap:wrap;gap:7px;font-size:13.5px;
  padding-block:12px;color:var(--mute)}
.crumbs a{color:var(--mute);box-shadow:none}
.crumbs a:hover{color:var(--guava)}
.crumbs span{color:var(--line)}

/* ── البطاقات ────────────────────────────────────────────────────── */
.ks{display:grid;gap:14px;grid-template-columns:1fr}
.ks>*{min-width:0}
.k{background:var(--cream2);padding:20px 20px 22px;border-radius:4px;
  border-inline-start:4px solid var(--guava)}
.k-2{border-inline-start-color:var(--mint)}
.k-3{border-inline-start-color:var(--gold)}
.k-4{border-inline-start-color:var(--ink)}
.k-i{display:flex;width:38px;height:38px;align-items:center;
  justify-content:center;margin-block-end:12px;color:var(--ink)}
.k-i svg{width:24px;height:24px}
.k h3{font-size:19px}
.k p{margin:0;font-size:16px;line-height:1.72}
.pane-d .k{background:var(--plum2);border-inline-start-color:var(--mint)}
.pane-d .k p{color:var(--mute)}
.pane-d .k-i{color:var(--gold)}

/* ── الألواح ─────────────────────────────────────────────────────── */
.tl{list-style:none;margin:0;padding:0;display:grid;gap:1px;
  background:var(--line2)}
.tl>*{min-width:0}
.tl li{background:var(--cream);padding:16px 18px;font-size:16px;
  line-height:1.7;color:var(--ink2)}
.tl b{display:block;font-family:var(--disp);font-size:17px;color:var(--ink);
  margin-block-end:4px}
.pane-d .tl{background:var(--line)}
.pane-d .tl li{background:var(--plum);color:var(--mute)}
.pane-d .tl b{color:var(--cream)}

/* ── الدرجات ─────────────────────────────────────────────────────── */
.stp{list-style:none;counter-reset:s;margin:0;padding:0}
.stp li{counter-increment:s;position:relative;padding-inline-start:52px;
  padding-block-end:22px}
.stp li::before{content:counter(s);position:absolute;inset-inline-start:0;
  top:0;width:36px;height:36px;display:flex;align-items:center;
  justify-content:center;font-family:var(--mono);font-weight:700;
  font-size:15px;background:var(--guava);color:#2a0f1a;border-radius:4px}
.stp li::after{content:'';position:absolute;inset-inline-start:17px;top:40px;
  bottom:6px;width:2px;background:var(--line2)}
.stp li:last-child{padding-block-end:0}
.stp li:last-child::after{display:none}
.stp b{display:block;font-family:var(--disp);font-size:18px;
  margin-block-end:4px}
.stp p{margin:0;font-size:16px;line-height:1.72}
.pane-d .stp li::after{background:var(--line)}
.pane-d .stp li::before{background:var(--mint);color:#08281e}

/* ── الجداول ─────────────────────────────────────────────────────── */
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:16px;min-width:min(100%,420px)}
th,td{padding:12px 14px;text-align:start;border-block-end:1px solid var(--line2)}
th{font-family:var(--disp);font-size:14.5px;font-weight:700;color:var(--ink);
  background:var(--cream2);white-space:nowrap}
td{color:var(--ink2)}
tbody tr:last-child td{border-block-end:0}
.pane-d th{background:var(--plum2);color:var(--cream)}
.pane-d th,.pane-d td{border-block-end-color:var(--line)}
.pane-d td{color:var(--mute)}

/* ── التنبيه ─────────────────────────────────────────────────────── */
.msg{background:var(--gold2);border-inline-start:4px solid var(--gold);
  padding:15px 18px;margin-block:18px;border-radius:0 4px 4px 0}
.msg p{margin:0;font-size:16px;line-height:1.72;color:var(--ink2)}
.msg b{color:var(--ink)}
.msg-p{background:var(--guava2);border-inline-start-color:var(--guava)}
.msg-m{background:var(--mint2);border-inline-start-color:var(--mint)}
.pane-d .msg{background:var(--plum2);border-inline-start-color:var(--gold)}
.pane-d .msg p{color:var(--mute)}
.pane-d .msg b{color:var(--cream)}

/* ── العلامات ────────────────────────────────────────────────────── */
.chk{list-style:none;margin:0 0 16px;padding:0}
.chk li{position:relative;padding-inline-start:30px;margin-block-end:10px;
  font-size:16px;line-height:1.72;color:var(--ink2)}
.chk li::before{content:'';position:absolute;inset-inline-start:0;top:9px;
  width:14px;height:8px;border-inline-start:3px solid var(--mint3);
  border-block-end:3px solid var(--mint3);transform:rotate(-45deg)}
.chk-x li::before{top:8px;width:14px;height:14px;border:0;
  background:linear-gradient(45deg,transparent 44%,var(--guava3) 44%,
    var(--guava3) 56%,transparent 56%),
    linear-gradient(-45deg,transparent 44%,var(--guava3) 44%,
    var(--guava3) 56%,transparent 56%);transform:none}
.chk b{color:var(--ink)}
.pane-d .chk li{color:var(--mute)}
.pane-d .chk b{color:var(--cream)}
.pane-d .chk li::before{border-color:var(--mint)}

/* ── المقاييس ────────────────────────────────────────────────────── */
.mtr{list-style:none;margin:0;padding:0}
.mtr li{margin-block-end:14px}
.mtr li>span{display:flex;justify-content:space-between;gap:12px;
  font-size:15px;margin-block-end:5px;color:var(--ink2)}
.mtr b{font-family:var(--mono);color:var(--ink)}
.mtr u{display:block;height:9px;background:var(--cream2);
  text-decoration:none;border-radius:2px;overflow:hidden}
.mtr i{display:block;height:100%;background:var(--guava)}
.mtr li:nth-child(2n) i{background:var(--mint)}
.mtr li:nth-child(3n) i{background:var(--gold)}
.pane-d .mtr li>span{color:var(--mute)}
.pane-d .mtr b{color:var(--cream)}
.pane-d .mtr u{background:var(--plum2)}

/* ── الرسوم ──────────────────────────────────────────────────────── */
.fig{margin:0 0 18px}
.fig svg{display:block;width:100%;height:auto}
.fig figcaption{font-size:14.5px;line-height:1.65;color:var(--ink3);
  margin-block-start:10px}
.pane-d .fig figcaption{color:var(--mute)}

/* ── الهاتف ──────────────────────────────────────────────────────── */
.dev{display:flex;justify-content:center}
.dev-b{width:100%;max-width:330px;background:var(--plum);padding:12px;
  border-radius:26px;box-shadow:0 0 0 1px var(--line),
    0 26px 60px rgba(0,0,0,.45)}
.dev-s{background:var(--dusk2);border-radius:18px;padding:16px 14px;
  color:var(--cream)}
.dev-hd{display:flex;justify-content:space-between;align-items:center;
  font-size:13px;color:var(--mute);margin-block-end:12px}
.dev-hd>span{font-family:var(--mono);font-weight:700;color:var(--cream)}
.dev-hd b{font-size:11.5px;color:var(--mint)}
.dev-bal{background:var(--plum2);border-radius:10px;padding:12px 14px;
  margin-block-end:12px}
.dev-bal i{display:block;font-style:normal;font-size:12.5px;color:var(--mute)}
.dev-bal b{display:block;font-family:var(--mono);font-size:26px;
  color:var(--gold);line-height:1.3}
.dev-op{display:flex;align-items:center;gap:10px;padding-block:9px;
  border-block-end:1px solid var(--line)}
.dev-op em{font-style:normal;width:22px;height:22px;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;border-radius:4px;
  background:var(--mint);color:#08281e;font-weight:700;font-size:14px}
.dev-op.out em{background:var(--guava);color:#2a0f1a}
.dev-op>span{flex:1;min-width:0}
.dev-op b{display:block;font-size:14px;font-weight:600;color:var(--cream)}
.dev-op s{display:block;text-decoration:none;font-size:12px;color:var(--mute)}
.dev-op u{text-decoration:none;font-family:var(--mono);font-size:14.5px;
  color:var(--cream)}
.dev-cm{display:flex;justify-content:space-between;align-items:center;
  margin-block-start:12px;padding-block-start:12px;font-size:13.5px;
  color:var(--mute);border-block-start:1px solid var(--line)}
.dev-cm b{font-family:var(--mono);font-size:17px;color:var(--mint)}

/* ── الحاسبة ─────────────────────────────────────────────────────── */
.calc{background:var(--cream2);border-radius:4px;padding:18px 20px}
.calc-r{display:grid;gap:12px;grid-template-columns:1fr}
.calc-r>*{min-width:0}
.calc-c b{display:block;font-family:var(--mono);font-size:clamp(21px,2.6vw,28px);
  color:var(--guava3);line-height:1.3}
.calc-c>span{display:block;font-size:14px;color:var(--ink3)}

/* ── الأسئلة ─────────────────────────────────────────────────────── */
.qa details{border-block-end:1px solid var(--line2)}
.qa summary{cursor:pointer;list-style:none;padding:15px 34px 15px 0;
  font-family:var(--disp);font-size:17.5px;font-weight:700;position:relative;
  line-height:1.5}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:'';position:absolute;inset-inline-end:4px;top:23px;
  width:9px;height:9px;border-inline-end:2px solid var(--guava);
  border-block-end:2px solid var(--guava);transform:rotate(45deg);
  transition:transform .16s}
.qa details[open] summary::after{transform:rotate(-135deg);top:26px}
.qa .qa-a{padding-block-end:15px}
.qa .qa-a p{margin:0 0 10px;font-size:16px;line-height:1.75}
.qa .qa-a p:last-child{margin:0}
.pane-d .qa details{border-block-end-color:var(--line)}
.pane-d .qa .qa-a p{color:var(--mute)}

/* ── تتمّة ───────────────────────────────────────────────────────── */
.nxt{list-style:none;margin:0;padding:0;display:grid;gap:12px;
  grid-template-columns:1fr}
.nxt>*{min-width:0}
.nxt a{display:block;background:var(--cream2);padding:18px 20px;
  border-radius:4px;color:var(--ink);box-shadow:none;
  transition:transform .14s}
.nxt a:hover{transform:translateY(-3px);background:var(--guava2)}
.nxt i{display:block;font-style:normal;font-family:var(--sans);
  font-size:13px;font-weight:700;color:var(--guava3);margin-block-end:6px}
.nxt b{display:block;font-family:var(--disp);font-size:18px;
  margin-block-end:4px}
.nxt a>span{display:block;font-size:15px;line-height:1.65;color:var(--ink2)}
.pane-d .nxt a{background:var(--plum2);color:var(--cream)}
.pane-d .nxt a:hover{background:var(--line)}
.pane-d .nxt i{color:var(--gold)}
.pane-d .nxt a>span{color:var(--mute)}

/* ── الدعوة ──────────────────────────────────────────────────────── */
.cta-in{display:grid;gap:20px;align-items:center}
.cta-in>*{min-width:0}
.cta-in h2{margin-block-end:8px}
.cta-in p{margin:0;font-size:17px}
.cta-b{display:flex;flex-wrap:wrap;gap:11px}
.pane-p .btn-2{color:#2a0f1a;box-shadow:inset 0 0 0 2px rgba(42,15,26,.35)}
.pane-p .btn-2:hover{background:rgba(255,255,255,.22)}
.pane-p a{color:#2a0f1a}
.pane-p p a{box-shadow:inset 0 -2px 0 rgba(42,15,26,.5)}

/* ── الاستمارة ───────────────────────────────────────────────────── */
.cf{background:var(--plum);color:var(--cream);padding:clamp(22px,2.8vw,34px);
  border-radius:4px}
/* На сливовой створке карточка формы того же цвета сливается с фоном —
   поднимаем её на тон. */
.pane-d .cf{background:var(--plum2)}
.cf h2{color:var(--cream)}
.cf-sub{color:var(--mute);font-size:16.5px;margin-block-end:20px}
.rq{display:grid;gap:14px}
.rq>*{min-width:0}
.rq-f{margin:0;display:flex;flex-direction:column;gap:6px}
.rq-f label{font-size:14.5px;font-weight:700;color:var(--cream)}
.rq-f label b{color:var(--guava)}
.rq-f input{font:inherit;font-size:16px;padding:12px 14px;
  -webkit-appearance:none;appearance:none;border-radius:4px;
  border:1px solid var(--line);background:var(--dusk2);color:var(--cream);
  width:100%}
.rq-f input:focus{border-color:var(--mint);outline:none;
  box-shadow:0 0 0 3px rgba(63,214,164,.25)}
.rq-hint{font-style:normal;font-size:13px;color:var(--mute)}
.rq-ways{border:0;margin:0;padding:0;min-width:0}
.rq-ways legend{font-size:14.5px;font-weight:700;color:var(--cream);
  padding:0;margin-block-end:8px}
.rq-way{display:inline-flex;align-items:center;gap:7px;margin-inline-end:8px;
  margin-block-end:8px;padding:9px 14px;border-radius:4px;
  background:var(--dusk2);cursor:pointer;font-size:15px}
.rq-way input{accent-color:var(--mint);width:16px;height:16px;margin:0}
/* Выбранный способ подсвечиваем соседним селектором, а не родительским:
   в Firefox до 121 родительского селектора нет, и выбор не виден. */
.rq-way input:checked+span{color:var(--mint);font-weight:700}
.rq-go{font:inherit;font-family:var(--sans);font-weight:700;font-size:16.5px;
  padding:14px 24px;border:0;border-radius:4px;background:var(--guava);
  color:#2a0f1a;cursor:pointer;transition:transform .14s,filter .14s}
.rq-go:hover{transform:translateY(-2px);filter:brightness(1.06)}
.rq-go:disabled{opacity:.6;cursor:default;transform:none}
.rq-note{font-size:13.5px;line-height:1.65;color:var(--mute);margin:0}
.rq-out{display:block;padding:15px 17px;border-radius:4px;
  background:var(--plum2);font-size:15.5px;line-height:1.7}
.rq-out[hidden]{display:none}
.rq-out b{display:block;font-family:var(--disp);font-size:17px;
  margin-block-end:5px;color:var(--cream)}
.rq-out>span{display:block;color:var(--mute)}
.rq-out.is-bad{background:rgba(255,111,142,.18);
  box-shadow:inset 0 0 0 1px var(--guava)}
.rq-out.is-ok{background:rgba(63,214,164,.16);
  box-shadow:inset 0 0 0 1px var(--mint)}
.rq-out.is-warn{background:rgba(255,198,92,.16);
  box-shadow:inset 0 0 0 1px var(--gold)}
.rq-out-go{display:inline-block;margin-block-start:11px;padding:10px 18px;
  border-radius:4px;background:var(--mint);color:#08281e;font-weight:700;
  box-shadow:none}
.rq-out-go:hover{background:var(--gold);color:#3a2600}

/* ── التذييل ─────────────────────────────────────────────────────── */
.foot{background:var(--dusk2);border-block-start:1px solid var(--line);
  margin-block-start:clamp(24px,3vw,42px);padding-block:clamp(30px,3.6vw,52px)}
.foot-g{display:grid;gap:26px;grid-template-columns:1fr}
.foot-g>*{min-width:0}
/* Описание — полоса под колонками, во всю ширину. Раньше оно было
   шестой ячейкой в сетке из пяти колонок и сваливало последний список
   на вторую строку. Поймано глазами на снимке подвала. */
.foot-ab{grid-column:1 / -1;order:2;margin-block-start:6px;
  padding-block-start:24px;border-block-start:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:18px 34px;align-items:flex-end;
  justify-content:space-between}
.foot-abt{max-width:56ch}
.foot-ab p{font-size:15px;line-height:1.72;color:var(--mute)}
.foot-ab p:last-of-type{margin-block-end:0}
.foot-mk{margin-block-end:14px}
.foot h3{font-family:var(--sans);font-size:13.5px;font-weight:700;
  color:var(--gold);margin-block-end:10px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin-block-end:7px}
.foot li a{font-size:15px;color:var(--mute);box-shadow:none}
.foot li a:hover{color:var(--guava)}
.foot-b{display:flex;gap:14px;align-items:flex-start;
  margin-block-start:26px;padding-block-start:20px;
  border-block-start:1px solid var(--line)}
.foot-b p{font-size:13.5px;line-height:1.7;color:var(--mute);margin:0}
.age{flex:0 0 auto;font-family:var(--mono);font-size:13px;font-weight:700;
  padding:4px 10px;border-radius:3px;background:var(--guava);color:#2a0f1a}

/* ── الشريط السفلي ───────────────────────────────────────────────── */
.mobbar{display:none}

/* ── المقاسات ────────────────────────────────────────────────────── */
@media (min-width:600px){
  /* Раскладка split: обе колонки распускаем в общую сетку, иначе
     подсказка под одним полем сдвигает соседнее — беда, замеченная
     владельцем на десятом сайте. */
  .rq-l-split{grid-template-columns:1fr 1fr}
  .rq-l-split .rq-col{display:contents}
  .rq-l-split .rq-ways,.rq-l-split .rq-go,.rq-l-split .rq-note,
  .rq-l-split .rq-out{grid-column:1 / -1}
  /* Кнопка во всю ширину створки читается как полоса, а не как кнопка. */
  .rq-go{justify-self:start;padding-inline:34px}
  .ks{grid-template-columns:1fr 1fr}
  .nxt{grid-template-columns:1fr 1fr}
  .figs{grid-template-columns:repeat(4,1fr)}
  .calc-r{grid-template-columns:1fr 1fr 1fr}
  .rq-l-grid .rq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
}
@media (min-width:900px){
  .sec-g{grid-template-columns:264px 1fr}
  .sec-hd{position:sticky;top:88px;align-self:start}
  .tl{grid-template-columns:1fr 1fr}
  .cta-in{grid-template-columns:1fr auto}
  .foot-g{grid-template-columns:repeat(5,1fr)}
  .nxt{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:960px){
  .hero-g{grid-template-columns:1.08fr .92fr}
  .phd-g{grid-template-columns:1.1fr .9fr}
}
@media (max-width:899px){
  .foot-g{grid-template-columns:1fr 1fr}
}
@media (max-width:719px){
  :root{--cut:18px}
  .bar-in{flex-wrap:wrap;gap:10px;padding-block:10px}
  .nv{order:3;width:100%;margin-inline-start:0}
  .bar-go{margin-inline-start:auto}
  body{padding-block-end:66px}
  .mobbar{display:flex;position:fixed;inset-inline:0;bottom:0;z-index:80;
    gap:9px;padding:9px 13px;background:var(--dusk2);
    border-block-start:1px solid var(--line)}
  .mobbar .btn{flex:1;padding:11px 10px;font-size:14.5px;white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;
    animation-iteration-count:1 !important;transition-duration:.001ms !important}
  .glow,.glow2{animation:none}
}
.rq-trap{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;opacity:0;pointer-events:none}.seedy{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2Ij48ZyBmaWxsPSIjZmY2ZjhlIiBvcGFjaXR5PSIwLjE2Ij48Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iMS42Ii8+PGNpcmNsZSBjeD0iMjQiIGN5PSIxNCIgcj0iMS42Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIyNiIgcj0iMS42Ii8+PGNpcmNsZSBjeD0iMzEiIGN5PSIzMSIgcj0iMS42Ii8+PC9nPjwvc3ZnPg==")}