/* ukcashdesk.com — вид взят с casinotill.com, как просил владелец.
 *
 * Имена блоков с двойным подчёркиванием переименованы (deal__, bnr__, atg__,
 * dock/slip/modal/strip): дословно совпадающие классы на двух сайтах — это
 * связь, которую видно без всякого анализа. Структура и внешний результат при
 * этом те же. Палитра британская: синий и латунь, свои значения.
 */
:root{
  --bg:#fff;--paper:#eef3f7;--paper-2:#dde8ef;--line:#d5e0e8;--line-2:#b6c8d4;
  --ink:#0c1f2e;--ink-2:#2d4354;--ink-3:#54697b;
  --blu:#13556f;--blu-d:#0d3e52;--blu-soft:#e4eff4;
  --green:#15714a;--green-d:#0f5a3a;
  --gold:#b5852a;--gold-d:#96691a;--brass-soft:#f8f0dd;--star:#eda400;
  --red:#b8400f;--red-d:#92330c;--night:#0c1f2e;--cta-ink:#fff;
  --r:12px;--r-s:8px;--r-l:20px;--maxw:1240px;
  --font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,"URW Palladio L",P052,Georgia,serif;
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
button{font-family:inherit}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:16px}
body{background:var(--bg);color:var(--ink);font:16px/1.68 var(--font);-webkit-font-smoothing:antialiased;margin:0}
img{max-width:100%;height:auto;display:block}
a{color:var(--blu);text-decoration:none}
a:hover{text-underline-offset:3px;text-decoration:underline}
h1,h2,h3{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;text-wrap:balance;margin:0 0 .5em;line-height:1.14}
h1{font-size:clamp(1.85rem,4vw,2.9rem);font-weight:700}
h2{font-size:clamp(1.38rem,2.5vw,1.9rem);font-weight:700}
h3{margin-top:1.4em;font-size:1.18rem;font-weight:700}
p,li{color:var(--ink-2)}
p{margin:0 0 1.05em}
strong{color:var(--ink)}
ul,ol{margin:0 0 1.2em;padding-left:1.3em}
li{margin:.3em 0}
table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.96rem}
th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}
th{color:#fff;font:700 .8rem var(--font);letter-spacing:.04em;text-transform:uppercase;background:var(--blu)}
td{color:var(--ink-2)}
tbody tr:nth-child(2n) td{background:#f7fafc}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
.skip{z-index:300;background:var(--blu);color:#fff;border-radius:8px;padding:10px 14px;position:absolute;top:-60px;left:12px}
.skip:focus{top:12px}
.wrap{width:min(var(--maxw),calc(100% - 32px));margin-inline:auto}

/* ── шапка ───────────────────────────────────────────────────────────── */
.top{z-index:50;padding:10px max(16px,calc((100% - var(--maxw))/2));border-bottom:1px solid var(--line);box-shadow:inset 0 3px 0 var(--blu);background:#fff;grid-template-columns:auto 1fr auto;grid-template-areas:"logo nav cta";align-items:center;column-gap:22px;display:grid;position:relative}
.logo{color:var(--ink);font:700 1.42rem/1 var(--serif);letter-spacing:-.01em;white-space:nowrap;grid-area:logo;align-items:center;gap:10px;min-width:0;overflow:hidden;display:flex}
.logo:hover{text-decoration:none}
.logo img{border-radius:10px;width:40px;height:40px}
.logo b{color:var(--blu);font-weight:700}
.cta{background:var(--green);min-height:44px;color:var(--cta-ink);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:800;display:inline-flex;box-shadow:0 10px 22px -12px #0f5a3ae6}
.cta:hover{background:var(--green-d);text-decoration:none}
.top>.cta{grid-area:cta}
.burger{border:1px solid var(--line-2);color:var(--ink);background:#fff;border-radius:10px;grid-area:burger;width:44px;height:44px;font-size:20px;display:none}
.nav{grid-area:nav;justify-content:center;gap:2px;display:flex}
.nav details{position:relative}
.nav summary{cursor:pointer;color:var(--ink-2);white-space:nowrap;border-radius:8px;padding:10px 12px;font-size:.93rem;font-weight:700;list-style:none}
.nav summary::-webkit-details-marker{display:none}
.nav summary:hover,.nav details[open] summary{color:var(--blu);background:var(--blu-soft)}
.nav .menu{z-index:60;border:1px solid var(--line-2);border-top:3px solid var(--gold);columns:2;background:#fff;border-radius:4px 4px 14px 14px;column-gap:6px;width:max-content;max-width:min(560px,92vw);margin:0;padding:10px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 22px 50px -18px #0c1f2e59}
.nav .menu a{break-inside:avoid;color:var(--ink);white-space:nowrap;border-radius:8px;padding:8px 12px;font-size:.93rem;display:block}
.nav .menu a:hover{background:var(--blu-soft);text-decoration:none}
.nav details:nth-last-child(-n+2) .menu{left:auto;right:0}

/* ── шапка статьи ────────────────────────────────────────────────────── */
.lead{padding:22px 0 4px}
.crumbs{color:var(--ink-3);font:600 12.5px var(--font);letter-spacing:.02em;flex-wrap:wrap;align-items:center;margin-bottom:10px;display:flex}
.crumbs a{color:var(--blu)}
.crumbs span:before{content:"›";color:var(--line-2);margin:0 8px}
.crumbs span:first-child:before{content:none}
.crumbs span:last-child{color:var(--ink-2)}
.lede{color:var(--ink-2);margin:0 0 6px;font-size:1.1rem}

/* ── витрина ─────────────────────────────────────────────────────────── */
.deal{border:2px solid var(--gold);background:#fff;border-radius:16px;margin:14px 0;position:relative;box-shadow:0 22px 50px -30px #0c1f2e80}
.deal__rank{z-index:2;background:var(--blu);color:#fff;border-radius:14px 0 12px;padding:6px 12px;font-size:13px;font-weight:800;position:absolute;top:-2px;left:-2px}
.deal__tag{z-index:2;background:linear-gradient(90deg,var(--gold-d),#e3c279);color:#2b1e00;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:0 0 10px 10px;padding:6px 16px;font-size:12px;font-weight:800;position:absolute;top:-2px;left:50%;transform:translate(-50%)}
.deal__body{grid-template-columns:150px minmax(0,1fr) auto auto auto;align-items:center;gap:24px;padding:26px 20px 12px;display:grid}
.deal__pic{border-radius:10px;display:block;overflow:hidden;box-shadow:0 12px 26px -14px #0c1f2eb3}
.deal__pic img{aspect-ratio:21/13;object-fit:cover;width:100%}
.deal__copy{gap:4px;margin:0;display:grid}
.deal__brand{color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:800}
.deal__headline{color:var(--ink);letter-spacing:-.01em;text-transform:uppercase;font-size:clamp(1.15rem,2vw,1.6rem);font-weight:900;line-height:1.15}
.deal__rate{color:var(--ink-2);white-space:nowrap;justify-items:center;gap:2px;margin:0;font-size:13px;display:grid}
.deal__rate i{font-style:normal}
.stars{line-height:1;display:block}
.stars:before{content:"★★★★★";color:var(--star);letter-spacing:2px;font-size:20px}
.deal__score{justify-items:center;margin:0;line-height:1;display:grid}
.deal__score strong{color:var(--blu);font-size:2rem;font-weight:900}
.deal__score small{color:var(--ink-3);margin-top:4px;font-size:12px}
.deal__act{justify-items:center;gap:3px;margin:0;display:grid}
.deal__act .cta{letter-spacing:.08em;text-transform:uppercase;border-radius:10px;min-width:170px;min-height:46px;font-size:.98rem}
.deal__visit{color:var(--ink-3);text-underline-offset:3px;font-size:12px;text-decoration:underline}
.deal__terms{border-top:1px solid var(--line);background:var(--paper);color:var(--ink-3);border-radius:0 0 14px 14px;font-size:12px}
.deal__terms summary{cursor:pointer;justify-content:space-between;padding:6px 20px;list-style:none;display:flex}
.deal__terms summary::-webkit-details-marker{display:none}
.deal__terms summary:after{content:"▾";color:var(--ink-2)}
.deal__terms[open] summary:after{content:"▴"}
.deal__terms .full{color:var(--ink-3);margin:0;padding:0 20px 12px;line-height:1.5}

/* ── баннер ──────────────────────────────────────────────────────────── */
.bnr{isolation:isolate;color:#fff;text-align:center;clear:both;background:#061720;border-radius:16px;align-content:center;justify-items:center;gap:10px;min-height:250px;margin:18px 0 10px;padding:26px 20px 52px 62px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 50px -28px #0c1f2ea6}
.bnr:hover{text-decoration:none}
.bnr picture{z-index:-2;position:absolute;inset:0}
.bnr .bnr__bg{object-fit:cover;width:100%;height:100%}
.bnr:before{content:"";z-index:-1;background:linear-gradient(90deg,#04111ab8,#04111a5c 50%,#04111ab8);position:absolute;inset:0}
.bnr__side{writing-mode:vertical-rl;background:linear-gradient(var(--blu-d),var(--blu));border-left:2px solid var(--gold);letter-spacing:.16em;text-transform:uppercase;place-items:center;width:42px;font-size:12px;font-weight:800;display:grid;position:absolute;top:0;bottom:0;left:0;transform:rotate(180deg)}
.bnr .bnr__logo{width:auto;height:48px}
.bnr__offer{color:#fff;text-shadow:0 2px 14px #000000a6;font-size:clamp(1.6rem,3.4vw,2.5rem);font-weight:900;line-height:1.1}
.bnr__cta{background:var(--green);min-height:50px;color:var(--cta-ink);letter-spacing:.1em;text-transform:uppercase;border-radius:10px;justify-content:center;align-items:center;padding:10px 32px;font-weight:800;display:inline-flex;box-shadow:0 12px 26px -10px #0009}
.bnr:hover .bnr__cta{background:var(--green-d)}
.bnr__terms{color:#e1ebf0;background:#04111ad6;padding:7px 12px;font-size:11.5px;position:absolute;bottom:0;left:42px;right:0}

/* ── лента способов оплаты ───────────────────────────────────────────── */
.rails{flex-wrap:wrap;align-items:center;gap:8px;margin:2px 0 14px;display:flex}
.rails strong{font:700 12px var(--font);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-right:2px}
.rails a{border:1px solid var(--line-2);min-height:38px;color:var(--ink);background:#fff;border-radius:999px;align-items:center;gap:7px;padding:6px 14px;font-size:.92rem;font-weight:700;display:inline-flex}
.rails a:hover{border-color:var(--blu);color:var(--blu);background:var(--blu-soft);text-decoration:none}
.rails svg{stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ── вступление: список фактов + картинка ────────────────────────────── */
.intro{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:28px;margin:8px 0 4px;display:grid}
.intro figure{margin:0}
.intro img{aspect-ratio:3/2;object-fit:cover;border-radius:18px 18px 18px 4px;width:100%}
.intro ul{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}
.intro li{color:var(--ink);margin:0;padding-left:28px;position:relative}
.intro li:before{content:"✓";background:var(--brass-soft);width:20px;height:20px;color:var(--gold-d);border-radius:50%;place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute;top:2px;left:0}

/* ── разделы-хабы на главной ─────────────────────────────────────────── */
.hub{padding-top:34px}
.hub>h2{border-bottom:1px solid var(--line-2);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin:0;padding-bottom:10px;display:flex}
.hub>h2 a{font:700 .9rem var(--font);letter-spacing:0}
.hub>p{max-width:none;margin:12px 0 0}
.cards{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:14px;margin:16px 0 0;display:grid}
.card{border:1px solid var(--line);border-radius:4px 4px var(--r) var(--r);color:var(--ink);background:#fff;grid-template-rows:auto auto 1fr;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;overflow:hidden}
.card:hover{border-color:var(--blu);text-decoration:none;transform:translateY(-2px);box-shadow:0 16px 30px -22px #0d3e5299}
.card img{aspect-ratio:3/2;object-fit:cover;background:var(--paper);width:100%}
.card strong{font:700 1.02rem/1.25 var(--serif);color:var(--ink);padding:10px 12px 2px}
.card small{color:var(--ink-3);padding:0 12px 12px;font-size:.84rem;line-height:1.4}

/* ── тело статьи ─────────────────────────────────────────────────────── */
.main{padding:0 0 30px}
.art{font-size:1.04rem}
.art p a,.art li a,.art td a,.art dd a{text-underline-offset:3px;text-decoration:underline 1px}
.atg{border:1px solid var(--line-2);border-radius:var(--r);background:#fff;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0;margin:22px 0 4px;display:grid;overflow:hidden}
.atg__sum{background:var(--blu);color:#fff;margin:0;padding:18px 22px;font-size:1.04rem}
.atg__sum strong{color:#f2dda4;font:800 12px var(--font);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px;display:block}
.atg:not(:has(.atg__facts)){grid-template-columns:1fr}
.atg__facts{background:var(--line);grid-template-columns:1fr 1fr;align-content:stretch;margin:0;display:grid}
.atg__facts div{border:0 solid var(--line);background:#fff;border-width:0 0 1px 1px;align-content:start;gap:2px;padding:12px 16px;display:grid}
.atg__facts dt{color:var(--ink-3);font:700 11.5px var(--font);letter-spacing:.08em;text-transform:uppercase}
.atg__facts dd{color:var(--ink);margin:0;font-size:.95rem;font-weight:700;line-height:1.4}

.layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:0 46px;margin-top:8px;display:grid}
.side{grid-area:1/1;gap:14px;padding-top:2.4em;display:grid;position:sticky;top:14px}
.flow{grid-area:1/2;min-width:0}
.flow--home{max-width:880px;margin-inline:auto}
.toc{border-left:3px solid var(--gold);max-height:calc(100vh - 250px);padding:14px 0 14px 16px;font-size:.88rem;overflow:auto}
.toc strong{color:var(--ink-3);font:800 11px var(--font);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;display:block}
.toc ol{gap:1px;margin:0;padding:0;list-style:none;display:grid}
.toc li{margin:0}
.art .toc a{color:var(--ink-2);padding:4px 0;line-height:1.35;text-decoration:none;display:block}
.art .chips a,.art .rail-deal a{text-decoration:none}
.art .toc a:hover{color:var(--blu);text-decoration:underline}
.rail-deal{border-radius:var(--r);background:var(--night);text-align:center;justify-items:center;gap:8px;margin:0;padding:16px;display:grid}
.rail-deal img{width:auto;height:34px}
.rail-deal strong{color:#fff;font-size:1.25rem;font-weight:900}
.rail-deal .cta{width:100%}

.sec{padding-top:1.7em;display:flow-root}
.sec>h2{border-top:1px solid var(--line);padding-top:.7em;position:relative}
.sec>h2:before{content:"";background:var(--gold);width:56px;height:3px;position:absolute;top:-1px;left:0}
.sec figure.pic{width:min(100%,640px);margin:1.3em 0 1.5em 10px}
.flow .sec:nth-of-type(2n) figure.pic{margin-left:auto;margin-right:10px}
.sec figure.pic img{aspect-ratio:16/9;object-fit:cover;width:100%;box-shadow:-10px 10px 0 var(--paper);border-radius:4px 18px}
.flow .sec:nth-of-type(2n) figure.pic img{box-shadow:10px 10px 0 var(--paper);border-radius:18px 4px}
.sec figure.pic figcaption{color:var(--ink-3);margin-top:8px;font-size:.85rem;line-height:1.45}
.sec figure.dia{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);margin:1.2em 0 1.4em;padding:14px 16px}
.sec figure.dia img{width:100%;height:auto}
.sec figure.dia figcaption{color:var(--ink-3);margin-top:8px;font-size:.85rem;line-height:1.45}
.sec figure.tbl{border:1px solid var(--line);border-radius:var(--r);margin:1em 0 1.4em;overflow-x:auto}
.sec figure.tbl tr:last-child td{border-bottom:0}
.sec figure.tbl figcaption{color:var(--ink-3);padding:8px 12px;font-size:.85rem}
.steps{counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:1em 0 1.4em;padding:0;list-style:none;display:grid}
.steps li{counter-increment:s;border:1px solid var(--line);border-radius:var(--r);color:var(--ink-2);background:#fff;margin:0;padding:14px 16px 14px 56px;font-size:.95rem;line-height:1.5;position:relative}
.steps li:before{content:counter(s);background:var(--brass-soft);width:30px;height:30px;color:var(--gold-d);font:800 .95rem var(--serif);border:1px solid #e8d4a3;border-radius:8px;place-items:center;display:grid;position:absolute;top:14px;left:14px}
.steps strong{margin-bottom:2px;display:block}
.pc{grid-template-columns:1fr 1fr;gap:12px;margin:1em 0 1.4em;display:grid}
.pc ul{border-radius:var(--r);background:#f1f8f4;border:1px solid #cce4d6;margin:0;padding:14px 18px;list-style:none}
.pc ul+ul{background:#fdf5f1;border-color:#f0d4c5}
.pc li{padding-left:22px;font-size:.97rem;position:relative}
.pc li:before{content:"+";color:var(--green);font-weight:900;position:absolute;left:0}
.pc ul+ul li:before{content:"−";color:var(--red-d)}
.pc li.h{color:var(--ink);font:700 1.05rem var(--serif);padding:0 0 4px}
.pc li.h:before{content:none}
.note{border-radius:var(--r-s);background:var(--brass-soft);border:1px solid #e8d4a3;margin:1.2em 0;padding:14px 18px;display:flow-root}
.note p{color:var(--ink);margin:0}
.note strong{display:block}
.cta-row{border-radius:var(--r);background:linear-gradient(100deg,var(--night),var(--blu-d));color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 18px;margin:1.6em 0 .4em;padding:16px 20px;display:flex}
.cta-row p{color:#fff;font:700 1.15rem var(--serif);margin:0}
.cta-row small{color:#bed8e0;font:400 12.5px var(--font);display:block}

.faq{padding-top:1.7em}
.faq>h2{border-top:1px solid var(--line);padding-top:.7em;position:relative}
.faq>h2:before{content:"";background:var(--gold);width:56px;height:3px;position:absolute;top:-1px;left:0}
.faq details{border:1px solid var(--line);border-radius:var(--r-s);background:#fff;margin:0 0 8px}
.faq details[open]{border-color:var(--line-2);box-shadow:0 10px 24px -20px #0c1f2e80}
.faq summary{cursor:pointer;font:700 1.02rem/1.35 var(--font);color:var(--ink);justify-content:space-between;gap:14px;padding:13px 16px;list-style:none;display:flex}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";background:var(--blu-soft);width:26px;height:26px;color:var(--blu);font:700 18px/1 var(--font);border-radius:50%;flex:none;place-items:center;display:grid}
.faq details[open] summary:after{content:"−"}
.faq p{margin:0;padding:0 16px 14px}

.more{padding-top:1.7em}
.more>h2{border-top:1px solid var(--line);padding-top:.7em}
.chips{flex-wrap:wrap;gap:8px;margin:12px 0 0;font-size:.92rem;display:flex}
.chips a{border:1px solid var(--line-2);color:var(--ink);background:#fff;border-radius:999px;padding:7px 13px;font-weight:600;text-decoration:none;display:inline-block}
.chips a:hover{border-color:var(--blu);color:var(--blu);text-decoration:none}
.rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin-top:14px;display:grid}
.row{border:1px solid var(--line);border-radius:var(--r);color:var(--ink);background:#ffffffeb;grid-template-rows:auto 1fr;grid-template-columns:112px minmax(0,1fr);align-items:start;column-gap:14px;padding:10px;display:grid}
.row:hover{border-color:var(--blu);text-decoration:none}
.row img{aspect-ratio:3/2;object-fit:cover;border-radius:6px;grid-row:1/3;width:112px}
.row strong{font:700 1rem/1.3 var(--serif)}
.row small{color:var(--ink-3);font-size:.84rem;line-height:1.4}
.meta{color:var(--ink-3);margin:22px 0 0;font-size:.85rem}

/* ── подвал ──────────────────────────────────────────────────────────── */
.foot{background:var(--night);padding:32px max(16px,calc((100% - var(--maxw))/2)) 130px;color:#b4c6d1;grid-template-columns:minmax(0,1.2fr) minmax(0,3fr);gap:24px 40px;margin-top:38px;display:grid}
.foot__about{margin:0}
.foot__about .logo{color:#fff;margin-bottom:12px}
.foot__about .logo b{color:#86c7d8}
.foot__about small{color:#b4c6d1;font-size:.88rem;line-height:1.55;display:block}
.foot nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 30px;display:grid}
.foot h2{color:#fff;font:700 .78rem var(--font);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #b5852a80;margin:0 0 10px;padding-bottom:8px}
.foot nav a{color:#d3e0e8;padding:5px 0;font-size:.94rem;display:block}
.foot nav a:hover{color:#fff}
.foot__legal{color:#9bb2bf;border-top:1px solid #ffffff24;grid-column:1/-1;margin:0;padding-top:16px;font-size:.85rem}
.age{color:#fff;border:2px solid #d3e0e8;border-radius:6px;margin-right:8px;padding:0 6px;font-size:12px;font-weight:800;display:inline-block}

/* ── четыре рекламных формата, по одному за раз ──────────────────────── */
.dock{z-index:70;border:1px solid var(--line-2);opacity:0;pointer-events:none;background:#fff;border-radius:14px;align-items:center;gap:14px;width:min(900px,100% - 24px);padding:10px 14px 10px 0;transition:transform .35s,opacity .35s;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%,180%);box-shadow:0 18px 50px #0c1f2e4d}
.dock[data-pos=top]{top:12px;bottom:auto;transform:translate(-50%,-180%)}
.dock[data-on="1"]{opacity:1;pointer-events:auto;transform:translate(-50%)}
.dock__strip{background:var(--blu);color:#fff;border-right:2px solid var(--gold);writing-mode:vertical-rl;letter-spacing:.18em;text-transform:uppercase;border-radius:13px 0 0 13px;align-self:stretch;place-items:center;width:38px;margin:-10px 0;font-size:11px;font-weight:800;display:grid;transform:rotate(180deg)}
.dock__pic{object-fit:cover;border-radius:10px;flex:none;width:92px;height:64px}
.dock__copy{min-width:0;margin:0;line-height:1.2;display:grid}
.dock__copy small{color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}
.dock__copy strong{color:var(--ink);font-size:1.3rem;font-weight:900}
.dock__copy b{color:var(--blu)}
.dock .cta{letter-spacing:.06em;text-transform:uppercase;min-height:50px;margin-left:auto;padding:10px 24px}
.dock__x{background:var(--paper-2);width:40px;height:32px;color:var(--ink-2);cursor:pointer;border:0;border-radius:999px;flex:none;font-size:14px}

.slip{z-index:72;border:2px solid var(--gold);opacity:0;pointer-events:none;background:#fff;border-radius:16px;width:300px;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .3s;display:grid;position:fixed;bottom:18px;right:18px;overflow:hidden;transform:translate(120%)rotate(2deg);box-shadow:0 26px 60px -20px #0c1f2e8c}
.slip[data-on="1"]{opacity:1;pointer-events:auto;transform:none}
.slip__pic{aspect-ratio:3/2;object-fit:cover;width:100%}
.slip__copy{gap:2px;margin:0;padding:12px 16px 4px;line-height:1.25;display:grid}
.slip__copy small{color:var(--gold-d);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}
.slip__copy strong{color:var(--ink);font:700 1.3rem/1.2 var(--serif)}
.slip__copy span{color:var(--ink-3);font-size:.85rem}
.slip__copy .stars{vertical-align:-2px;display:inline-block}
.slip__copy .stars:before{letter-spacing:1px;font-size:14px}
.slip .cta{letter-spacing:.06em;text-transform:uppercase;min-height:48px;margin:8px 16px 16px}
.slip__x{z-index:1;width:34px;height:34px;color:var(--ink);cursor:pointer;background:#fffffff0;border:0;border-radius:50%;font-size:14px;position:absolute;top:8px;right:8px;box-shadow:0 4px 12px #0003}

.modal{z-index:90;opacity:0;visibility:hidden;background:#061720cc;place-items:center;padding:16px;transition:opacity .3s;display:grid;position:fixed;inset:0}
.modal[data-on="1"]{opacity:1;visibility:visible}
.modal article{border-radius:var(--r-l);text-align:center;background:#fff;width:min(440px,100%);max-height:calc(100vh - 32px);padding:0 0 16px;position:relative;overflow:auto;box-shadow:0 40px 90px -30px #000000b3}
.modal__tags{z-index:1;gap:6px;margin:0;display:flex;position:absolute;top:12px;left:12px}
.modal__tags span{background:var(--blu);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}
.modal__tags span+span{background:var(--gold);color:#2b1e00}
.modal .modal__art{aspect-ratio:88/50;object-fit:cover;width:100%}
.modal h2{color:var(--ink);margin:16px 16px 6px;font-size:1.55rem}
.modal__rate{color:var(--ink-2);margin:0 0 14px;font-size:.95rem}
.modal__rate .stars{vertical-align:-2px;display:inline-block}
.modal__rate b{color:var(--ink)}
.modal .cta{letter-spacing:.06em;text-transform:uppercase;border-radius:12px;min-height:56px;margin:0 18px;font-size:1.08rem;display:flex}
.modal__visit{color:var(--ink-3);text-underline-offset:3px;margin-top:12px;font-size:.9rem;text-decoration:underline;display:inline-block}
.modal button.x{z-index:2;color:var(--ink);cursor:pointer;background:#fffffff0;border:0;border-radius:50%;width:38px;height:38px;font-size:16px;position:absolute;top:10px;right:10px}
.modal .later{color:var(--ink-3);cursor:pointer;background:0 0;border:0;margin:8px auto 0;font-size:.88rem;text-decoration:underline;display:block}

.strip{z-index:68;padding:8px max(12px,calc((100% - var(--maxw))/2));background:var(--night);border-top:2px solid var(--gold);align-items:center;gap:12px;transition:transform .35s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%);box-shadow:0 -12px 30px #0617204d}
.strip[data-on="1"]{transform:none}
.strip p{color:#fff;flex:1;min-width:0;margin:0;font-size:1rem;font-weight:700;line-height:1.25}
.strip p b{color:#f2dda4}
.strip small{color:#9bb2bf;margin-left:8px;font-size:.8rem;font-weight:400;display:inline-block}
.strip .cta{text-transform:uppercase;letter-spacing:.06em;min-height:42px;padding:8px 22px}
.strip__x{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;flex:none;width:36px;height:36px;font-size:14px}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dock,.modal,.card,.slip,.strip{transition:none}}

@media (width<=1100px){
  .deal__body{grid-template-columns:130px minmax(0,1fr) auto auto auto;gap:16px;padding:26px 16px 12px}
  .deal__act .cta{min-width:140px}
  .nav summary{padding:10px 8px;font-size:.9rem}
  .top{column-gap:12px}
  .layout{grid-template-columns:minmax(0,1fr)}
  .side{grid-area:auto/1;padding-top:14px;position:static}
  .flow{grid-area:auto/1}
  .rail-deal{display:none}
  .toc{border:0;max-height:none;padding:10px 0}
  .toc ol{scrollbar-width:thin;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}
  .toc li{flex:none}
  .art .toc a{white-space:nowrap;border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:7px 13px;font-weight:700;display:inline-block}
}
@media (width<=900px){
  .top{grid-template-columns:1fr auto auto;grid-template-areas:"logo cta burger";column-gap:10px}
  .burger{place-items:center;display:grid}
  .nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;flex-direction:column;gap:0;margin:0;padding:6px 16px 14px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 18px 40px #0c1f2e24}
  .nav[data-open="1"]{display:flex}
  .nav summary{border-bottom:1px solid var(--line);border-radius:0;padding:12px 2px}
  .nav summary:hover,.nav details[open] summary{background:0 0}
  .nav .menu,.nav details:nth-last-child(-n+2) .menu{width:auto;max-width:none;box-shadow:none;columns:2;border:0;border-radius:0;padding:6px 0 8px;position:static}
  .nav .menu a{white-space:normal;padding:8px 6px}
  .intro{grid-template-columns:1fr;gap:16px}
  .atg,.foot{grid-template-columns:1fr}
}
@media (width<=760px){
  .lead{padding:16px 0 4px}
  .logo{gap:8px;font-size:1.24rem}
  .logo img{width:34px;height:34px}
  .deal{margin:12px 0}
  .deal__body{grid-template-columns:104px minmax(0,1fr) auto;grid-template-areas:"pic copy copy""pic rate score""act act act";gap:4px 12px;padding:32px 12px 10px}
  .deal__pic{grid-area:pic;align-self:center}
  .deal__copy{grid-area:copy;gap:1px}
  .deal__rate{grid-area:rate;place-items:center start;gap:6px;font-size:12px;display:flex}
  .deal__score{grid-area:score;align-items:baseline;gap:4px;display:flex}
  .deal__act{grid-area:act;margin-top:6px}
  .deal__rate i{display:none}
  .deal__brand{font-size:10px}
  .deal__headline{white-space:nowrap;font-size:min(1.2rem,4.4vw)}
  .stars:before{letter-spacing:1px;font-size:14px}
  .deal__score strong{font-size:1.25rem}
  .deal__score small{margin:0;font-size:11px}
  .deal__act .cta{width:100%;min-width:0;min-height:44px;font-size:.95rem}
  .deal__visit{display:none}
  .deal__terms summary{padding:6px 12px}
  .deal__terms .full{padding:0 12px 10px}
  .bnr{min-height:300px;padding:22px 14px 50px 46px}
  .bnr__side{width:32px;font-size:11px}
  .bnr__terms{left:32px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .atg__sum{padding:16px}
  .atg__facts div{padding:10px 12px}
  .sec figure.pic,.flow .sec:nth-of-type(2n) figure.pic{width:auto;margin:1.1em 0 1.3em 6px}
  .sec figure.pic img,.flow .sec:nth-of-type(2n) figure.pic img{aspect-ratio:3/2;box-shadow:-6px 6px 0 var(--paper)}
  .pc{grid-template-columns:1fr}
  .steps li{padding-left:52px}
  .rows{grid-template-columns:1fr}
  .row{grid-template-columns:92px minmax(0,1fr)}
  .row img{width:92px}
  .foot nav{grid-template-columns:1fr 1fr}
  .dock,.dock[data-pos=top]{border-width:0;flex-wrap:wrap;gap:10px 12px;width:auto;padding:12px 14px;left:0;right:0;transform:translateY(130%)}
  .dock{border-radius:18px 18px 0 0;bottom:0}
  .dock[data-pos=top]{border-radius:0 0 18px 18px;top:0;transform:translateY(-130%)}
  .dock[data-on="1"]{transform:none}
  .dock__strip{display:none}
  .dock__pic{width:76px;height:54px}
  .dock__copy{flex:1}
  .dock .cta{flex-basis:100%;order:5;margin:0}
  .slip{grid-template-columns:114px minmax(0,1fr);width:auto;bottom:10px;left:10px;right:10px;transform:translateY(130%)}
  .slip[data-on="1"]{transform:none}
  .slip__pic{aspect-ratio:3/2;border-radius:8px;grid-row:1/3;align-self:center;width:104px;margin-left:10px}
  .slip__copy{padding:10px 40px 2px 12px}
  .slip__copy strong{font-size:1.1rem}
  .slip .cta{min-height:42px;margin:6px 12px 12px;font-size:.9rem}
  .strip{flex-wrap:wrap;gap:8px 10px;padding:10px 12px}
  .strip p{flex-basis:calc(100% - 46px);font-size:.95rem}
  .strip small{margin:2px 0 0;display:block}
  .strip .cta{flex:1;order:5}
}
@media (width<=560px){
  .deal{display:grid;grid-template-columns:auto 1fr;align-items:center;margin:10px 0}
  .deal .deal__rank{position:static;grid-column:1;justify-self:start;margin:8px 0 0 8px;border-radius:8px;font-size:12px;padding:4px 9px}
  .deal .deal__tag{position:static;transform:none;grid-column:2;justify-self:end;margin:8px 8px 0 0;border-radius:999px;font-size:10px;padding:4px 10px;letter-spacing:.06em;white-space:nowrap}
  .deal .deal__body{grid-column:1/-1;grid-template-columns:84px minmax(0,1fr) auto;gap:3px 10px;padding:8px 10px 10px}
  .deal .deal__pic img{aspect-ratio:84/54}
  .deal .deal__headline{font-size:1rem;white-space:normal;line-height:1.15}
  .deal .deal__brand{font-size:9.5px;letter-spacing:.06em}
  .deal .deal__rate{font-size:11.5px;gap:5px}
  .deal .stars:before{font-size:13px;letter-spacing:.5px}
  .deal .deal__score strong{font-size:1.15rem}
  .deal .deal__score small{font-size:10px}
  .deal .deal__act{margin-top:6px}
  .deal .deal__act .cta{min-height:42px;font-size:.9rem;letter-spacing:.05em}
  .deal .deal__terms{grid-column:1/-1}
  .deal .deal__terms summary{padding:5px 10px}
}
@media (width<=480px){
  /* на узком экране имя сайта обрезалось кнопкой — уменьшаем его, а не прячем */
  .logo{font-size:1rem;gap:6px}
  .logo img{width:30px;height:30px}
  .top{column-gap:8px}
  .top>.cta{min-height:40px;padding:8px 14px;font-size:.85rem}
  .nav .menu,.nav details:nth-last-child(-n+2) .menu{columns:1}
  .foot nav,.atg__facts{grid-template-columns:1fr}
}
.art>.hub,.flow--home>.sec{content-visibility:auto;contain-intrinsic-size:auto 900px}
.layout{content-visibility:auto;contain-intrinsic-size:auto 3600px}