*,*::before,*::after{ box-sizing:border-box; }
  body,h1,h2,h3,h4,p,nav,ul,ol,figure,table{ margin:0; }
  ul,ol{ padding:0; }
  .oe-match .t img {
    width: 22px;
    height: 22px;
  }
  :root{
    --bg:#F0F1F2; --c:#FFFFFF; --c2:#F8F8F8; --soft:#E7F4F3; --ln:#E3E6EA;
    --ink:#1F2733; --btx:#3C4654; --dm:#6D7994;
    --teal:#40A69F; --tealD:#358F88; --tealB:#00C7B1; --tealSoft:#E7F4F3; --mint:#C4EDD3;
    --blue:#0068DF; --red:#F64747; --star:#F2A413;
    --amberSoft:#FFF3DE; --amberTx:#B26A00;
    --r:8px; --rS:4px; --sh:0 1px 3px rgba(31,39,51,.08);
  }
  .wp-block-image img {
    border-radius: 8px;
  }

  body{ background:var(--bg); color:var(--ink);
    font-family:Roboto,"Segoe UI",-apple-system,Arial,sans-serif; font-size:14px; line-height:1.55; }

  /* ===== Шапка (как на стенде) ===== */
  .hdr{ background:var(--bg); border-bottom:1px solid var(--ln); position:sticky; top:0; z-index:20; }
  .hdr-in{ max-width:1180px; margin:0 auto; padding:0 20px; height:64px;
    display:flex; align-items:center; gap:18px; }
  .logo{ flex:none; display:block; }
  .logo img{ height:48px; width:auto; display:block; }
  .nav{ display:flex; gap:2px; margin-left:auto; }
  .nav a{ color:var(--ink); text-decoration:none; font-size:14px; padding:7px 12px; border-radius:var(--rS); }
  .nav a:hover{ background:var(--soft); color:var(--teal); }
  .nav a.on{ background:var(--soft); color:var(--teal); font-weight:700; }
  .hdr-right{ display:flex; align-items:center; gap:14px; margin-left:auto; }
  .lang{ display:flex; align-items:center; gap:5px; font-size:13.5px; font-weight:500;
    cursor:pointer; color:var(--ink); }
  .lang img{ width:16px; height:12px; display:block; border-radius:2px; }
  .lang svg{ width:13px; height:13px; }
  .h-apps{ display:flex; align-items:center; gap:3px; }
  .h-apps a{ display:grid; place-items:center; width:34px; height:34px; border-radius:var(--rS);
    color:var(--btx); }
  .h-apps a:hover{ background:var(--soft); color:var(--tealD); }
  .h-apps svg{ width:20px; height:20px; }
  .search{ color:var(--ink); display:grid; place-items:center; }
  .search svg{ width:17px; height:17px; }
  .login{ font:inherit; font-weight:700; font-size:13.5px; cursor:pointer;
    background:var(--teal); color:#fff; border:0; padding:9px 20px; border-radius:var(--rS); }
  .login:hover{ background:var(--tealD); }
  @media (max-width:960px){ .search,.lang,.h-apps{ display:none; } .logo img{ height:40px; } }

  /* ===== Каркас ===== */
  .page{ max-width:1180px; margin:0 auto; padding:16px 20px 56px; }
  .crumbs{ font-size:12.5px; color:var(--dm); margin-bottom:12px; }
  .crumbs a{ color:var(--dm); text-decoration:none; }
  .crumbs a:hover{ color:var(--blue); text-decoration:underline; }
  .crumbs b{ color:var(--ink); font-weight:500; }
  .cols{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:20px; align-items:start; }
  .card{ background:var(--c); border:1px solid var(--ln); border-radius:var(--r); box-shadow:var(--sh); }

  /* ===== Статья ===== */
  .article{ padding:26px 30px 30px; display:grid; gap:18px; }
  .tags{ display:flex; gap:7px; flex-wrap:wrap; }
  .tags a{ font-size:12px; font-weight:500; color:var(--tealD); background:var(--tealSoft);
    border-radius:20px; padding:4px 12px; text-decoration:none; }
  .tags a:hover{ text-decoration:underline; }
  .h1{ font-size:30px; font-weight:700; line-height:1.25; letter-spacing:-.01em; text-wrap:balance; }

  /* мета-строка */
  .meta{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; padding:12px 0;
    border-top:1px solid var(--ln); border-bottom:1px solid var(--ln); }
  .meta-item{ font-size:12px; color:var(--dm); display:flex; align-items:center; gap:6px; }
  .meta-item b{ color:var(--btx); font-weight:500; }

  /* оглавление */
  .toc-box{ background:var(--c2); border:1px solid var(--ln); border-radius:var(--r); padding:16px 18px; }
  .toc-box h2{ font-size:14px; font-weight:700; margin-bottom:9px; }
  .toc-box ol{ display:grid; gap:6px; counter-reset:toc; }
  .toc-box li{ list-style:none; counter-increment:toc; }
  .toc-box li a{ display:flex; gap:9px; font-size:13.5px; text-decoration:none; color:var(--btx); }
  .toc-box li a::before{ content:counter(toc); flex:none; width:20px; height:20px; border-radius:50%;
    background:var(--tealSoft); color:var(--tealD); font-size:11px; font-weight:700;
    display:grid; place-items:center; }
  .toc-box li a:hover{ color:var(--tealD); text-decoration:underline; }

  /* типографика текста */
  .article > p{ font-size:15px; color:var(--btx); max-width:76ch; }
  .article h2{ font-size:22px; font-weight:700; margin-top:10px; scroll-margin-top:72px; }
  .article h3{ font-size:16.5px; font-weight:700; margin-top:4px; }
  .wp-block-list { display:grid; gap:8px; }
  .wp-block-list li{ list-style:none; padding-left:20px; position:relative; font-size:15px;
    color:var(--btx); max-width:74ch; line-height: 22px;}
  .wp-block-list li::before{ content:""; position:absolute; left:2px; top:.62em; width:7px; height:7px;
    border-radius:50%; background:var(--teal); }
  .wp-block-list li b{ color:var(--ink); }

  /* картинка-заглушка */
  .pic{ border-radius:var(--r); overflow:hidden; border:1px solid var(--ln); }
  .pic .ph{ aspect-ratio:16/7; display:grid; place-items:center; font-size:44px;
    background:linear-gradient(135deg,#E7F4F3,#CFE9E7); }

  /* пример коэффициентов — карточка матча */
  .odds-ex{ border:1px solid var(--ln); border-radius:var(--r); overflow:hidden; }
  .oe-head{ background:var(--c2); border-bottom:1px solid var(--ln); padding:8px 16px;
    font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--dm); }
  .oe-match{ display:flex; align-items:center; gap:10px; padding:14px 16px 2px;
    font-size:15px; font-weight:700; flex-wrap:wrap; }
  .oe-match .t{ display:flex; align-items:center; gap:8px; }
  .oe-match .t i{ width:22px; height:22px; border-radius:50%; background:var(--soft); flex:none;
    display:grid; place-items:center; font-size:10.5px; font-weight:700; color:var(--blue); font-style:normal; }
  .oe-match .vs{ color:var(--dm); font-weight:400; }
  .oe-match .oe-date{ margin-left:auto; font-size:12px; color:var(--dm); font-weight:400; }
  .odds{ display:flex; gap:10px; padding:12px 16px 16px; }
  .odd { 
    flex:1; min-width:0; 
    display:grid; 
    gap:3px; 
    text-align:center; 
    border:1px solid var(--ln);
    border-radius:var(--rS); 
    padding:11px 8px; 
    background:var(--c2); 
    cursor:pointer; 
    font:inherit; 
    color: black;
   }
  .odd span{ font-size:11.5px; color:var(--dm); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .odd b{ font-size:17px; font-variant-numeric:tabular-nums; }
  .odd:hover{ border-color:var(--teal); background:var(--soft); }
  .odd:hover b{ color:var(--tealD); }
  .oe-note p, .oe-note{ border-top:1px dashed var(--ln); padding:9px 16px; font-size:12px; color:var(--dm); }
  .oe-note b{ color:var(--btx); font-weight:500; }

  /* выноски «Важно» / «Совет» */
  .callout{ display:flex; gap:13px; align-items:flex-start; background:var(--tealSoft);
    border:1px solid #CBE8E5; border-radius:var(--r); padding:14px 16px; }
  .callout .co-ico{ flex:none; width:34px; height:34px; border-radius:50%; background:var(--c);
    box-shadow:var(--sh); display:grid; place-items:center; font-size:15px; font-style:normal; }
  .callout .co-body{ display:grid; gap:2px; }
  .callout .co-body b{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em;
    color:var(--tealD); }
  .callout .co-body p{ font-size:13.5px; color:var(--btx); }
  .callout.warn{ background:var(--amberSoft); border-color:#F3DFC0; }
  .callout.warn .co-body b{ color:var(--amberTx); }

  /* сравнительная таблица */
  .guide-article thead {
    border-bottom: none;
  }
  .guide-article table td:last-child,
  .guide-article table tr:last-child td,
  .guide-article table td:first-child,
  .guide-article table th:first-child {
    padding:11px 14px; 
  }
  .guide-article .wp-block-table { overflow-x:auto; border:1px solid var(--ln); border-radius:var(--r); }
  .guide-article table { border-collapse:collapse; width:100%; font-size:13.5px; }

  .guide-article table th, 
  .guide-article table td {
    text-align:left; 
    border: none;
  }
  .guide-article table tr {
    border-bottom:1px solid var(--ln); 
  }
  .guide-article table tr:last-child {
    border-bottom: none;
  }

  .guide-article table thead th{ background:var(--c2); font-size:12px; text-transform:uppercase; letter-spacing:.05em;
    color:var(--dm); font-weight:700; }
  .guide-article table tbody tr:last-child td{ border-bottom:0; }
  .guide-article table td:first-child{ font-weight:700; white-space:nowrap; }
  .guide-article table td{ color:var(--btx); border: none;}

  /* промо-врезка в тексте */
  .inline-promo{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; border-radius:var(--r);
    padding:16px 18px; color:#fff; }
  .inline-promo .ip-txt{ flex:1; min-width:220px; display:grid; gap:2px; }
  .inline-promo .ip-kind{ font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; opacity:.85; }
  .inline-promo .ip-sum{ font-size:19px; font-weight:900; }
  .inline-promo .ip-note{ font-size:12.5px; opacity:.92; }
  .inline-promo .btn{ background:#fff; flex:none; }

  .btn{ border:0; font:inherit; font-weight:700; font-size:13.5px; cursor:pointer;
    padding:9px 20px; border-radius:var(--rS); background:var(--teal); color:#fff;
    text-decoration:none; display:inline-block; text-align:center; }
  .btn:hover{ background:var(--tealD); }

  /* FAQ */
  .faq{ display:grid; gap:10px; }
  .faq h2{ margin-bottom:2px; }
  .faq details{ border-bottom:1px solid var(--ln); }
  .faq details:last-of-type{ border-bottom:0; }
  .faq summary{ cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:14px;
    align-items:center; padding:13px 2px; font-weight:500; font-size:14.5px; color:var(--ink); }
  .faq summary:hover{ color:var(--tealD); }
  .faq summary::-webkit-details-marker{ display:none; }
  .faq summary::after{ content:""; width:8px; height:8px; flex:none;
    border-right:2px solid var(--dm); border-bottom:2px solid var(--dm);
    transform:rotate(45deg); transition:transform .15s; margin-right:3px; }
  .faq details[open] summary{ color:var(--tealD); font-weight:700; }
  .faq details[open] summary::after{ transform:rotate(-135deg); border-color:var(--tealD); }
  .faq .a p { padding:0 2px 15px; font-size:13.5px; color:var(--btx); max-width:78ch; }

  /* ===== Сайдбар ===== */
  .aside{ display:grid; gap:16px; position:sticky; top:72px; }
  .side-card{ background:var(--c); border:1px solid var(--ln); border-radius:var(--r); box-shadow:var(--sh);
    padding:16px; display:grid; gap:12px; }
  .side-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
  .side-head h3{ font-size:14.5px; font-weight:700; }
  .side-head a{ font-size:12px; font-weight:500; text-decoration:none; color: #0068df;}
  .side-head a:hover{ text-decoration:underline; }

  .bk{ display:grid; gap:8px; }
  .bk .row{ display:grid; grid-template-columns:auto 1fr auto; gap:1px 10px; align-items:center;
    border:1px solid var(--ln); border-radius:var(--rS); padding:10px 12px; }
  .bk .n{ width:24px; height:24px; display:grid; place-items:center; border-radius:var(--rS);
    background:var(--soft); color:var(--blue); font-weight:700; font-size:12px; grid-row:span 2; }
  .bk .name{ font-weight:700; font-size:13px; }
  .bk .stars{ color:var(--star); font-size:10px; letter-spacing:1.5px; }
  .bk .sum{ grid-column:3; grid-row:1; font-weight:700; color:var(--teal); font-size:13px;
    font-variant-numeric:tabular-nums; }
  .bk .go{ grid-column:3; grid-row:2; font-size:11.5px; font-weight:500; text-decoration:none; justify-self:end; color: #0068df;}
  .bk .go:hover{ text-decoration:underline; }

  .side-promo{ background:linear-gradient(135deg,#0068DF,#0047A8); border:0; color:#fff; }
  .side-promo h3{ color:#fff; font-size:15px; font-weight:700; }
  .side-promo p{ font-size:12.5px; opacity:.92; }
  .side-promo .btn{ background:#fff; color:#0056C4; width:fit-content; }
  .side-promo .btn:hover{ background:#D9EAFF; }

  .also{ display:grid; gap:2px; }
  .also a{ display:grid; gap:2px; padding:9px 8px; border-radius:var(--rS); text-decoration:none; }
  .also a:hover{ background:var(--soft); }
  .also .t{ font-size:13px; font-weight:500; color:var(--ink); line-height:1.4; }
  .also a:hover .t{ color:var(--tealD); }
  .also .d{ font-size:11.5px; color:var(--dm); }

  /* ===== UX: прогресс чтения ===== */
  .progress{ position:fixed; top:0; left:0; height:3px; width:0; background:var(--tealB); z-index:40; }

  /* ===== UX: блок «Коротко» ===== */
  .tldr{ border:1px solid var(--teal); border-radius:var(--r); padding:15px 18px; display:grid; gap:9px;
    background:var(--tealSoft); }
  .tldr h2 svg{ width:14px; height:14px; }
  .tldr h2{ font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.06em;
    color:var(--tealD); margin:0; display:flex; align-items:center; gap:7px; }
  .tldr ul{ display:grid; gap:6px; }
  .tldr li{ list-style:none; padding-left:22px; position:relative; font-size:13.5px; color:var(--btx); }
  .tldr li::before{ content:"✓"; position:absolute; left:0; top:0; color:var(--tealD); font-weight:700; }

  /* ===== UX: оглавление в сайдбаре (scrollspy) ===== */
  .toc-side ol{ display:grid; counter-reset:toc; }
  .toc-side li{ list-style:none; counter-increment:toc; }
  .toc-side a{ display:flex; gap:9px; align-items:baseline; font-size:13px; text-decoration:none;
    color:var(--btx); padding:6px 8px; border-left:2px solid var(--ln); }
  .toc-side a::before{ content:counter(toc) "."; color:var(--dm); font-size:11.5px;
    font-variant-numeric:tabular-nums; }
  .toc-side a:hover{ color:var(--tealD); }
  .toc-side a.on{ border-left-color:var(--teal); color:var(--tealD); font-weight:700;
    background:var(--soft); }
  .toc-mob{ display:none; }

  /* ===== UX: оценка статьи ===== */
  .rate{ border-top:1px solid var(--ln); padding-top:16px; display:flex; align-items:center; gap:12px;
    flex-wrap:wrap; }
  .rate p{ font-size:13.5px; font-weight:500; }
  .rate button svg{ width:14px; height:14px; }
  .rate button{ font:inherit; font-size:13px; font-weight:500; cursor:pointer; background:var(--c);
    border:1px solid var(--ln); border-radius:20px; padding:7px 16px; display:flex; gap:6px; align-items:center; color: black;}
  .rate button:hover{ border-color:var(--teal); color:var(--tealD); background:var(--soft); }
  .rate .thanks{ font-size:13.5px; color:var(--tealD); font-weight:700; }

  /* ===== UX: следующий урок ===== */
  .next-card{ display:flex; align-items:center; gap:14px; text-decoration:none;
    background:linear-gradient(135deg,#40A69F,#2E7E78); border-radius:var(--r); padding:16px 20px; color:#fff; }
  .next-card .nx{ flex:1; display:grid; gap:2px; min-width:0; }
  .next-card .nx span{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; opacity:.85; }
  .next-card .nx b{ font-size:15.5px; line-height:1.35; }
  .next-card::after{ content:""; flex:none; width:10px; height:10px; border-right:2.5px solid #fff;
    border-top:2.5px solid #fff; transform:rotate(45deg); margin-right:4px; }
  .next-card:hover{ background:linear-gradient(135deg,#358F88,#27706A); }

  /* ===== UX: кнопка «Наверх» ===== */
  .totop{ position:fixed; right:22px; bottom:22px; width:42px; height:42px; border-radius:50%;
    border:0; cursor:pointer; background:var(--c); color:var(--tealD); box-shadow:0 3px 14px rgba(31,39,51,.2);
    display:grid; place-items:center; opacity:0; visibility:hidden; transition:opacity .2s; z-index:30; }
  .totop.show{ opacity:1; visibility:visible; }
  .totop:hover{ background:var(--soft); }
  .totop svg{ width:16px; height:16px; }

  .bk-logo--img{ background:transparent; border:0; }
  .bk-logo--img img{ height:88%; width:auto; max-width:100%; display:block; }
  .name-img{ height:15px; width:auto; max-width:96px; display:block; margin-bottom:3px; }
  .pic .ph svg{ width:54px; height:54px; color:var(--tealD); opacity:.75; }
  .callout .co-ico{ color:var(--tealD); }
  .callout.warn .co-ico{ color:var(--amberTx); }
  .co-ico svg{ width:16px; height:16px; }
  /* ===== Бонусы и акции (общий блок) ===== */
  .bon-sec{ margin-top:8px; display:grid; gap:12px; }
  .bon-head{ display:flex; align-items:center; gap:12px; }
  .bon-head h2{ font-size:20px; font-weight:700; letter-spacing:-.01em; }
  .bon-head .bcount{ font-size:12px; background:var(--c2); border:1px solid var(--ln);
    border-radius:20px; padding:2px 10px; color:var(--dm); font-weight:700; }
  .bon-head .arrows{ margin-left:auto; display:flex; gap:8px; }
  .bon-head .arrows button{ width:34px; height:34px; border-radius:50%; border:1px solid var(--ln);
    background:var(--c); cursor:pointer; display:grid; place-items:center; color:var(--btx); padding: 0; }
  .bon-head .arrows button:hover{ border-color:var(--teal); color:var(--teal); }
  .bon-head .arrows svg{ width:14px; height:14px; }
  .bon-scroll{ display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory;
    scrollbar-width:none; }
  .bon-scroll::-webkit-scrollbar{ display:none; }
  .bonus{ flex:0 0 272px; scroll-snap-align:start; border:1px solid var(--ln); border-radius:var(--r);
    overflow:hidden; background:var(--c); display:grid; grid-template-rows:auto 1fr; }
  .b-img{ position:relative; aspect-ratio:16/9; background:#1F2733; }
  .b-img img{ width:100%; height:100%; object-fit:cover; display:block; }
  .b-timer{ position:absolute; left:10px; bottom:10px; display:flex; align-items:center; gap:5px;
    background:rgba(31,39,51,.78); color:#fff; font-size:11px; border-radius:20px; padding:4px 10px; }
  .b-timer svg{ width:11px; height:11px; }
  .b-excl{ position:absolute; top:10px; right:10px; background:var(--blue); color:#fff; font-size:10px;
    font-weight:700; text-transform:uppercase; letter-spacing:.05em; border-radius:20px; padding:3px 10px; }
  .b-img.fake{ display:grid; place-items:center; color:#fff; text-align:center; }
  .b-img.fake .fk b{ font-size:21px; font-weight:900; display:block; }
  .b-img.fake .fk span{ font-size:10.5px; font-weight:700; text-transform:uppercase;
    letter-spacing:.07em; opacity:.85; }
  .b-body {
     padding:12px 14px 14px; 
     gap:8px; 
    display: flex;
    flex-direction: column;
    justify-content: space-between;    
    }
  .b-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
  .bn-logo{ height:24px; display:grid; place-items:center; }
  .bn-logo img{ height:22px; width:auto; max-width:96px; display:block; }
  .b-sum{ text-align:right; }
  .b-sum b{ font-size:15px; }
  .b-sum span{ display:block; font-size:10.5px; color:var(--dm); }
  .b-title{ font-size:13px; font-weight:500; line-height:1.4; }
  .b-tags{ display:flex; gap:5px; flex-wrap:wrap; }
  .b-tags span{ font-size:10.5px; background:var(--c2); border:1px solid var(--ln); border-radius:20px;
    padding:2px 9px; color:var(--dm); }
  .bonus .btn{ padding:9px 0; font-size:12.5px; }

  /* ===== Футер ===== */
  .ftr{ background:var(--teal); margin-top:32px; color:#fff; }
  .ftr-in{ max-width:1180px; margin:0 auto; padding:34px 20px 22px; display:grid; gap:24px; }
  .ftr h4{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em;
    color:#FFFFFF; margin-bottom:8px; }
  .ftr-cols{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px 18px; }
  .ftr ul{ display:grid; gap:5px; }
  .ftr li{ list-style:none; }
  .ftr li a{ font-size:12.5px; color:var(--mint); text-decoration:none; }
  .ftr li a:hover{ color:#FFFFFF; text-decoration:underline; }
  .ftr-stats{ display:grid; grid-template-columns:repeat(5,1fr); gap:10px;
    border-top:1px solid rgba(255,255,255,.25); padding-top:22px; }
  .f-stat{ background:rgba(255,255,255,.1); border-radius:var(--r); padding:12px 14px; display:grid; gap:1px; }
  .f-stat b{ font-size:15px; font-variant-numeric:tabular-nums; }
  .f-stat span{ font-size:11px; color:var(--mint); }
  .ftr-bottom{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);
    gap:24px; border-top:1px solid rgba(255,255,255,.25); padding-top:22px; align-items:start; }
  .f-about{ display:grid; gap:11px; justify-items:start; }
  .f-about img{ height:46px; width:auto; }
  .f-about p{ font-size:12px; color:var(--mint); line-height:1.55; }
  .f-links{ display:flex; gap:14px; flex-wrap:wrap; }
  .f-links a{ font-size:12px; color:#fff; }
  .f-col{ display:grid; gap:9px; align-content:start; }
  .f-cap{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#fff; }
  .f-social{ display:flex; gap:8px; }
  .f-soc{ flex:1; display:flex; align-items:center; justify-content:center; gap:7px;
    background:rgba(255,255,255,.1); border-radius:var(--r); padding:9px 6px; text-decoration:none;
    color:#fff; font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; }
  .f-soc:hover{ background:rgba(255,255,255,.22); }
  .f-soc svg{ width:15px; height:15px; flex:none; }
  .f-badges{ display:flex; gap:6px; flex-wrap:wrap; }
  .f-badge{ background:rgba(255,255,255,.1); border-radius:20px; padding:4px 11px; font-size:11px;
    color:var(--mint); }
  .f-stores{ display:flex; gap:8px; flex-wrap:wrap; }
  .f-store{ display:flex; align-items:center; gap:8px; background:#fff; color:var(--ink);
    border-radius:var(--r); padding:7px 12px; text-decoration:none; }
  .f-store:hover{ background:var(--mint); }
  .f-store svg{ width:15px; height:15px; flex:none; }
  .f-store div{ display:grid; line-height:1.2; }
  .f-store span{ font-size:8.5px; color:var(--dm); }
  .f-store b{ font-size:11.5px; }
  .f-18{ display:flex; gap:12px; align-items:center; background:rgba(255,255,255,.1);
    border-radius:var(--r); padding:12px 14px; margin-top:3px; }
  .f-18 i{ flex:none; width:40px; height:40px; border-radius:50%; border:2.5px solid #FFD3D3;
    color:#FFD3D3; display:grid; place-items:center; font-style:normal; font-weight:900; font-size:12.5px; }
  .f-18 p{ font-size:11px; color:var(--mint); line-height:1.45; }
  .ftr-legal{ display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap;
    border-top:1px solid rgba(255,255,255,.25); padding-top:14px; font-size:12px; color:var(--mint); }
  @media (max-width:960px){
    .ftr-stats{ grid-template-columns:1fr 1fr; }
    .ftr-bottom{ grid-template-columns:1fr; }
  }

  @media (max-width:960px){
    .nav{ display:none; }
    .cols{ grid-template-columns:1fr; }
    .aside{ position:static; }
    .article{ padding:20px 18px 24px; }
    .h1{ font-size:22px; }
    .article h2{ font-size:19px; }
    .ftr-cols{ grid-template-columns:1fr 1fr; }
    /* на мобиле: оглавление — свёрнутый блок в статье, сайдбарное прячем */
    .toc-side{ display:none; }
    .toc-mob{ display:block; }
    .toc-mob summary{ cursor:pointer; list-style:none; font-size:14px; font-weight:700;
      padding:13px 16px; background:var(--c2); border:1px solid var(--ln); border-radius:var(--r);
      display:flex; justify-content:space-between; align-items:center; gap:10px; }
    .toc-mob summary::-webkit-details-marker{ display:none; }
    .toc-mob summary::after{ content:""; width:8px; height:8px; flex:none;
      border-right:2px solid var(--dm); border-bottom:2px solid var(--dm); transform:rotate(45deg); }
    .toc-mob[open] summary{ border-radius:var(--r) var(--r) 0 0; }
    .toc-mob[open] summary::after{ transform:rotate(-135deg); }
    .toc-mob .toc-box{ border-top:0; border-radius:0 0 var(--r) var(--r); }
    .totop{ right:14px; bottom:14px; }
    .guide-article table {
         min-width: 600px;
    }
  }
  html{ scroll-behavior:smooth; }
  @media (prefers-reduced-motion: reduce){
    .faq summary::after{ transition:none; }
    html{ scroll-behavior:auto; }
    .totop{ transition:none; }
  }



















  /* Template BK-/reg/bonus/app */
  
    /* карточка загрузки: факты + кнопки одним блоком */
    .dl-card{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; background:var(--tealSoft);
      border:1px solid #CBE8E5; border-radius:var(--r); padding:16px 20px; }
    .dlc-txt{ display:grid; gap:4px; flex:1; min-width:250px; }
    .dlc-txt b{ font-size:15.5px; }
    .dlc-txt span{ font-size:12px; color:var(--dm); }
    .dl-btns{ display:flex; gap:10px; flex-wrap:wrap; }
    .dl{ display:flex; align-items:center; gap:11px; border-radius:var(--r); padding:11px 20px;
      text-decoration:none; }
    .dl svg{ width:24px; height:24px; flex:none; }
    .dl div{ display:grid; line-height:1.25; }
    .dl span{ font-size:10px; opacity:.82; }
    .dl b{ font-size:14.5px; }
    .dl.a-btn{ background:var(--teal); color:#fff; }
    .dl.a-btn:hover{ background:var(--tealD); }
    .dl.i-btn{ background:var(--ink); color:#fff; }
    .dl.i-btn:hover{ background:#2A3442; }

    /* скриншоты приложения */
    .sec-row{ display:flex; align-items:center; gap:12px; margin-top:8px; }
    .sec-row h2{ margin-top:0; }
    .sec-row .arrows{ margin-left:auto; display:flex; gap:8px; }
    .sec-row .arrows button{ width:34px; height:34px; border-radius:50%; border:1px solid var(--ln);
      background:var(--c); cursor:pointer; display:grid; place-items:center; color:var(--btx); padding: 0;}
    .sec-row .arrows button:hover{ border-color:var(--teal); color:var(--teal); }
    .sec-row .arrows svg{ width:14px; height:14px; }
    .shots{ display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
    .shots::-webkit-scrollbar{ display:none; }
    .shot{ flex:0 0 202px; scroll-snap-align:start; border:1px solid var(--ln); border-radius:14px;
      aspect-ratio:9/17; background:linear-gradient(160deg,#E7F4F3,#CFE9E7); display:grid;
      place-items:center; }
    .shot svg{ width:44px; height:44px; color:var(--tealD); opacity:.75; }

    /* сравнение приложение/сайт */
    .tbl-wrap{ overflow-x:auto; border:1px solid var(--ln); border-radius:var(--r); box-shadow:var(--sh); }
    table.cmp{ border-collapse:separate; border-spacing:0; width:100%; font-size:13.5px; min-width:600px; padding: 12px}
    .cmp th,.cmp td{ padding:12px 15px; text-align:left; }
    .cmp thead th{ font-size:11.5px; text-transform:uppercase; letter-spacing:.06em; font-weight:700;
      background:var(--c2); color:var(--dm); border-bottom:1px solid var(--ln); }
    .cmp thead th.col-win{ background:var(--teal); color:#fff; border-bottom-color:var(--teal); }
    .cmp tbody td{ border-bottom:1px solid var(--ln); color:var(--btx); vertical-align:top; }
    .cmp tbody tr:last-child td{ border-bottom:0; }
    .cmp td.c-win{ background:rgba(231,244,243,.55); }
    .cmp td:first-child{ font-weight:500; color:var(--ink); white-space:nowrap; }
    .cmp .ic{ display:inline-grid; place-items:center; width:18px; height:18px; border-radius:50%;
      font-style:normal; font-size:10px; font-weight:700; margin-right:8px; vertical-align:-4px; }
    .cmp .ic.ok{ background:var(--teal); color:#fff; }
    .cmp .ic.no{ background:#FDEAEA; color:#C22525; }


      *,*::before,*::after{ box-sizing:border-box; }
      body,h1,h2,h3,h4,p,nav,ul,ol,figure,table{ margin:0; }
      ul,ol{ padding:0; }

      :root{
        --bg:#F0F1F2; --c:#FFFFFF; --c2:#F8F8F8; --soft:#E7F4F3; --ln:#E3E6EA;
        --ink:#1F2733; --btx:#3C4654; --dm:#6D7994;
        --teal:#40A69F; --tealD:#358F88; --tealB:#00C7B1; --tealSoft:#E7F4F3; --mint:#C4EDD3;
        --blue:#0068DF; --red:#F64747; --star:#F2A413;
        --amberSoft:#FFF3DE; --amberTx:#B26A00;
        --r:8px; --rS:4px; --sh:0 1px 3px rgba(31,39,51,.08);
      }

      body{ background:var(--bg); color:var(--ink);
        font-family:Roboto,"Segoe UI",-apple-system,Arial,sans-serif; font-size:14px; line-height:1.55; }
      a{ color:var(--blue); }

      /* ===== Шапка (как на стенде) ===== */
      .hdr{ background:var(--bg); border-bottom:1px solid var(--ln); position:sticky; top:0; z-index:20; }
      .hdr-in{ max-width:1180px; margin:0 auto; padding:0 20px; height:64px;
        display:flex; align-items:center; gap:18px; }
      .logo{ flex:none; display:block; }
      .logo img{ height:48px; width:auto; display:block; }
      .nav{ display:flex; gap:2px; margin-left:auto; }
      .nav a{ color:var(--ink); text-decoration:none; font-size:14px; padding:7px 12px; border-radius:var(--rS); }
      .nav a:hover{ background:var(--soft); color:var(--teal); }
      .nav a.on{ background:var(--soft); color:var(--teal); font-weight:700; }
      .hdr-right{ display:flex; align-items:center; gap:14px; margin-left:auto; }
      .lang{ display:flex; align-items:center; gap:5px; font-size:13.5px; font-weight:500;
        cursor:pointer; color:var(--ink); }
      .lang img{ width:16px; height:12px; display:block; border-radius:2px; }
      .lang svg{ width:13px; height:13px; }
      .h-apps{ display:flex; align-items:center; gap:3px; }
      .h-apps a{ display:grid; place-items:center; width:34px; height:34px; border-radius:var(--rS);
        color:var(--btx); }
      .h-apps a:hover{ background:var(--soft); color:var(--tealD); }
      .h-apps svg{ width:20px; height:20px; }
      .search{ color:var(--ink); display:grid; place-items:center; }
      .search svg{ width:17px; height:17px; }
      .login{ font:inherit; font-weight:700; font-size:13.5px; cursor:pointer;
        background:var(--teal); color:#fff; border:0; padding:9px 20px; border-radius:var(--rS); }
      .login:hover{ background:var(--tealD); }
      @media (max-width:960px){ .search,.lang,.h-apps{ display:none; } .logo img{ height:40px; } }

      /* ===== Каркас ===== */
      .page{ max-width:1180px; margin:0 auto; padding:16px 20px 56px; display:grid; gap:16px; }
      .crumbs{ font-size:12.5px; color:var(--dm); }
      .crumbs a{ color:var(--dm); text-decoration:none; }
      .crumbs a:hover{ color:var(--blue); text-decoration:underline; }
      .crumbs b{ color:var(--ink); font-weight:500; }
      .card{ background:var(--c); border:1px solid var(--ln); border-radius:var(--r); box-shadow:var(--sh); }
      .btn{ border:0; font:inherit; font-weight:700; font-size:13.5px; cursor:pointer;
        padding:9px 20px; border-radius:var(--rS); background:var(--teal); color:#fff;
        text-decoration:none; display:inline-block; text-align:center; }
      .btn:hover{ background:var(--tealD); }
      .btn.ghost{ background:var(--c); color:var(--teal); border:1px solid var(--teal); }
      .btn.ghost:hover{ background:var(--soft); }
      a:focus-visible,button:focus-visible,summary:focus-visible{ outline:2px solid var(--tealD); outline-offset:1px; }

      /* ===== Хиро-карточка БК (компактная, одной строкой) ===== */
      .bk-hero{ overflow:hidden; }
      .bh-top{ display:flex; align-items:center; gap:18px; padding:16px 22px; flex-wrap:wrap; }
      .bh-logo{ display:grid; place-items:center; flex:none; }
      .bh-logo img{ height:32px; width:auto; display:block; }
      .bh-info{ display:grid; gap:6px; min-width:0; }
      .bh-score{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
      .bh-score b{ font-size:19px; }
      .stars{ color:var(--star); font-size:11px; letter-spacing:1.5px; }
      .bh-score span{ font-size:12.5px; color:var(--dm); }
      .bh-badges{ display:flex; gap:7px; flex-wrap:wrap; }
      .bh-badge{ font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.05em;
        border-radius:20px; padding:3px 10px; background:var(--tealSoft); color:var(--tealD); }
      .bh-badge.gold{ background:var(--amberSoft); color:var(--amberTx); }
      .bh-offer{ margin-left:auto; display:flex; align-items:center; gap:14px; flex-wrap:wrap;
        background:var(--tealSoft); border:1px solid #CBE8E5; border-radius:var(--r); padding:10px 14px; }
      .bh-offer .of{ display:grid; gap:1px; }
      .bh-offer .kind{ font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.06em;
        color:var(--tealD); white-space:nowrap; }
      .bh-offer .sum{ font-size:17px; font-weight:900; white-space:nowrap; }
      .code{ display:flex; border:1px dashed var(--teal); border-radius:var(--rS); overflow:hidden;
        background:var(--c); }
      .code span{ padding:6px 12px; font-weight:700; font-size:12.5px; letter-spacing:.08em;
        color:var(--tealD); font-family:Consolas,monospace; }
      .code button{ border:0; background:var(--tealSoft); color:var(--tealD); font:inherit; font-size:11.5px;
        font-weight:700; padding:0 11px; cursor:pointer; }
      .code button:hover{ background:var(--mint); }
      .bh-offer .btn{ padding:9px 18px; }
      /* табы подстраниц БК */
      .bk-tabs{ display:flex; margin:0 0 10px; padding: 4px 14px; border-bottom:1px solid var(--ln);
        overflow-x:auto; scrollbar-width:thin; background:var(--c2); border-radius:var(--r) var(--r) 0 0; }
      .bk-tabs a{ padding:12px 15px; font-size:13.5px; font-weight:500; color:var(--dm);
        text-decoration:none; border-bottom:2.5px solid transparent; white-space:nowrap; }
      .bk-tabs a:hover{ color:var(--ink); }
      .bk-tabs a.on{ color:var(--ink); font-weight:700; border-bottom-color:var(--teal); }

      /* ===== Колонки ===== */
      .cols{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:20px; align-items:start; }
      .doc{ padding:10px 28px 28px; display:grid; gap:16px; }
      .h1{ font-size:26px; font-weight:700; line-height:1.28; letter-spacing:-.01em; }
      .doc-meta{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; font-size:12px; color:var(--dm);
        padding-bottom:12px; border-bottom:1px solid var(--ln); }
      .doc-meta b{ color:var(--btx); font-weight:500; }
      .doc > p{ font-size:14.5px; color:var(--btx); max-width:80ch; }
      .doc h2{ font-size:19px; font-weight:700; margin-top:8px; scroll-margin-top:72px; }
      .doc h3{ font-size:15.5px; font-weight:700; }
      .doc ul.list{ display:grid; gap:7px; }
      .doc ul.list li{ list-style:none; padding-left:20px; position:relative; font-size:14.5px;
        color:var(--btx); max-width:78ch; }
      .doc ul.list li::before{ content:""; position:absolute; left:2px; top:.62em; width:7px; height:7px;
        border-radius:50%; background:var(--teal); }

      /* коротко */
      .tldr{ border:1px solid var(--teal); border-radius:var(--r); padding:14px 17px; display:grid; gap:8px;
        background:var(--tealSoft); }
      section.tldr h2{ font-size:12.5px !important; font-weight:700; text-transform:uppercase; letter-spacing:.06em;
        color:var(--tealD); display:flex; align-items:center; gap:7px; margin:0; }
      .tldr h2 svg{ width:14px; height:14px; }
      .tldr ul{ display:grid; gap:5px; }
      .tldr li{ list-style:none; padding-left:22px; position:relative; font-size:13.5px; color:var(--btx); }
      .tldr li::before{ content:"✓"; position:absolute; left:0; top:0; color:var(--tealD); font-weight:700; }

      /* сравнение способов */
      .ways{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
      .way{ border:1px solid var(--ln); border-radius:var(--r); padding:14px 15px; display:grid; gap:7px;
        align-content:start; position:relative; }
      .way.rec{ border-color:var(--teal); box-shadow:0 0 0 1px var(--teal) inset; }
      .way .w-badge{ position:absolute; top:-9px; left:12px; background:var(--teal); color:#fff;
        font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.05em;
        border-radius:20px; padding:2px 9px; }
      .way i{ width:34px; height:34px; border-radius:50%; background:var(--tealSoft); color:var(--teal);
        display:grid; place-items:center; font-style:normal; }
      .way i svg{ width:16px; height:16px; }
      .way b{ font-size:14px; }
      .way p{ font-size:12.5px; color:var(--dm); }
      .way .w-time{ font-size:11.5px; color:var(--tealD); font-weight:700; }
      .ways .way img {
        width: 34px;
        height: 34px;
        padding: 9px;
        border-radius: 50%;
        display: block;
        background: #e7f4f3;
      }
      a.way-link:hover {
          border-color: var(--teal);
          cursor: pointer;
      }

      /* шаги */
      .steps{ display:grid; gap:10px; counter-reset:step; }
      .steps .steps-item{ list-style:none; counter-increment:step; display:flex; gap:13px; align-items:flex-start;
        border:1px solid var(--ln); border-radius:var(--r); padding:13px 16px; }
      .steps .steps-item::before{ content:counter(step); flex:none; width:30px; height:30px; border-radius:50%;
        background:var(--teal); color:#fff; font-weight:700; font-size:14px; display:grid; place-items:center; }
      .steps .steps-item > div{ display:grid; gap:6px; min-width:0; flex:1; }
      .steps b{ font-size:14px; }
      .steps p,
      .steps .steps-item { font-size:13px; color:var(--dm); }
      .steps p img {
        border-radius: 8px;
      }
      .steps .steps-item ul {
      list-style: disc !important;
      padding-left: 20px !important;
      margin: 0 0 16px 0;
    }

    .steps .steps-item ul li {
        display: list-item !important;  /* или вообще не трогать display */
        margin-bottom: 4px;
    }

      /* мокап формы (скрин-заглушка) */
      .mock-stage{ background:linear-gradient(135deg,#E7F4F3,#D2E7E5); border-radius:var(--r);
        padding:26px 20px; display:grid; place-items:center; }
      .mock{ border:1px solid var(--ln); border-radius:10px; overflow:hidden; width:min(340px,100%);
        box-shadow:0 14px 34px rgba(31,39,51,.16); }
      .mock-bar{ display:flex; align-items:center; gap:10px; padding:11px 15px; background:#fff;
        border-bottom:1px solid var(--ln); }
      .mock-bar img{ height:15px; width:auto; display:block; }
      .mock-bar span{ margin-left:auto; font-size:11px; font-weight:700; color:var(--dm);
        text-transform:uppercase; letter-spacing:.05em; }
      .mock-body{ padding:15px; display:grid; gap:10px; background:var(--c2); }
      .m-field{ display:grid; gap:4px; }
      .m-field label{ font-size:10.5px; color:var(--dm); font-weight:500; }
      .m-field div{ border:1px solid var(--ln); border-radius:6px; padding:9px 12px; font-size:12.5px;
        color:var(--ink); background:#fff; display:flex; align-items:center; justify-content:space-between; }
      .m-field .ok{ color:var(--tealD); font-weight:700; font-size:11px; }
      .m-field .promo{ color:var(--tealD); font-weight:700; letter-spacing:.06em;
        font-family:Consolas,monospace; }
      .m-check{ display:flex; gap:8px; align-items:center; font-size:10.5px; color:var(--btx); }
      .m-check i{ width:14px; height:14px; background:var(--teal); border-radius:3.5px; flex:none;
        display:grid; place-items:center; color:#fff; font-style:normal; font-size:9px; font-weight:700; }
      .mock-btn{ background:#1E4FCC; color:#fff; text-align:center; border-radius:6px;
        padding:10px; font-size:12.5px; font-weight:700; }

      /* фильтры и каталог бонусов */
      .b-kind{ font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.05em;
        border-radius:20px; padding:3px 10px; }
      .b-kind.k-teal{ background:var(--tealSoft); color:var(--tealD); }
      .b-kind.k-blue{ background:#E5F0FF; color:#0056C4; }
      .b-kind.k-amber{ background:var(--amberSoft); color:var(--amberTx); }
      .b-kind.k-red{ background:#FDEAEA; color:#C22525; }
      .f-tabs{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom: 16px;}
      .f-tabs button{ font:inherit; display:flex; gap:7px; align-items:center; cursor:pointer;
        background:var(--c); border:1px solid var(--ln); border-radius:20px; padding:7px 15px;
        font-size:13px; font-weight:500; color:var(--btx); }
      .f-tabs button:hover{ border-color:var(--teal); color:var(--teal); }
      .f-tabs button.on{ background:var(--teal); border-color:var(--teal); color:#fff; font-weight:700; }
      .f-tabs .cnt{ font-size:11.5px; opacity:.65; font-variant-numeric:tabular-nums; }
      .upd-badge{ display:inline-flex; align-items:center; gap:6px; background:#E5F0FF;
        color:#0056C4; border-radius:20px; padding:4px 12px; font-size:12px; white-space:nowrap; }
      .upd-badge svg{ width:12px; height:12px; flex:none; }
      .upd-badge b{ font-weight:700; }
      .bonus-cat{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
      .bonus-item.ended{ opacity:.55; }
      .b-ended{ position:absolute; top:10px; right:10px; background:var(--dm); color:#fff; font-size:10px;
        font-weight:700; text-transform:uppercase; letter-spacing:.05em; border-radius:20px; padding:3px 10px; }
      .rec-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
      .rec-card{ border:1px solid var(--ln); border-radius:var(--r); padding:14px; display:grid; gap:7px;
        justify-items:center; text-align:center; text-decoration:none; color:var(--ink); }
      .rec-card:hover{ border-color:var(--teal); }
      .rc-logo{ height:26px; display:grid; place-items:center; }
      .rc-logo img{ height:22px; width:auto; max-width:100px; display:block; }
      .rec-card .score{ display:flex; gap:6px; align-items:center; font-size:13px; }
      .rec-card .score b{ font-size:14px; }
      .rec-bonus{ background:var(--amberSoft); color:var(--amberTx); border-radius:20px; padding:4px 12px;
        font-size:12px; font-weight:700; }
      .rec-card .btn{ width:100%; padding:7px 0; font-size:12.5px; }

      /* картинка-заглушка */
      .pic{ border-radius:var(--r); overflow:hidden; border:1px solid var(--ln); }
      .pic .ph{ aspect-ratio:16/7; display:grid; place-items:center;
        background:linear-gradient(135deg,#E7F4F3,#CFE9E7); }
      .pic .ph svg{ width:54px; height:54px; color:var(--tealD); opacity:.75; }

      /* выноска */
      .callout{ display:flex; gap:13px; align-items:flex-start; background:var(--amberSoft);
        border:1px solid #F3DFC0; border-radius:var(--r); padding:14px 16px; }
      .callout i{ flex:none; width:34px; height:34px; border-radius:50%; background:var(--c);
        box-shadow:var(--sh); display:grid; place-items:center; font-style:normal; color:var(--amberTx); }
      .callout i svg{ width:16px; height:16px; }
      .callout div{ display:grid; gap:2px; }
      .callout b{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em;
        color:var(--amberTx); }
      .callout p{ font-size:13.5px; color:var(--btx); }

      /* промо-врезка */
      .inline-promo{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; border-radius:var(--r);
        padding:16px 18px; color:#fff; background:linear-gradient(135deg,#1E4FCC,#0F2E7A); }
      .inline-promo .ip-txt{ flex:1; min-width:220px; display:grid; gap:2px; }
      .inline-promo .ip-kind{ font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; opacity:.85; }
      .inline-promo .ip-sum{ font-size:19px; font-weight:900; }
      .inline-promo .ip-note{ font-size:12.5px; opacity:.92; }
      .inline-promo .btn{ background:#fff; color:#0F2E7A; flex:none; }

      /* частые проблемы */
      .faq{ display:grid; }
      .faq details{ border-bottom:1px solid var(--ln); }
      .faq details:last-of-type{ border-bottom:0; }
      .faq summary{ cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:14px;
        align-items:center; padding:13px 2px; font-weight:500; font-size:14.5px; color:var(--ink); }
      .faq summary:hover{ color:var(--tealD); }
      .faq summary::-webkit-details-marker{ display:none; }
      .faq summary::after{ content:""; width:8px; height:8px; flex:none;
        border-right:2px solid var(--dm); border-bottom:2px solid var(--dm);
        transform:rotate(45deg); transition:transform .15s; margin-right:3px; }
      .faq details[open] summary{ color:var(--tealD); font-weight:700; }
      .faq details[open] summary::after{ transform:rotate(-135deg); border-color:var(--tealD); }
      .faq .a{ padding:0 2px 15px; font-size:13.5px; color:var(--btx); max-width:78ch; }

      /* ===== Сайдбар ===== */
      .aside{ display:grid; gap:16px; position:sticky; top:80px; }
      .side-card{ background:var(--c); border:1px solid var(--ln); border-radius:var(--r); box-shadow:var(--sh);
        padding:16px; display:grid; gap:12px; }
      .side-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
      .side-head h3{ font-size:14.5px; font-weight:700; }
      .toc-side ol{ display:grid; counter-reset:toc; }
      .toc-side li{ list-style:none; counter-increment:toc; }
      .toc-side a{ display:flex; gap:9px; align-items:baseline; font-size:13px; text-decoration:none;
        color:var(--btx); padding:6px 8px; border-left:2px solid var(--ln); }
      .toc-side a::before{ content:counter(toc) "."; color:var(--dm); font-size:11.5px;
        font-variant-numeric:tabular-nums; }
      .toc-side a:hover{ color:var(--tealD); }
      .toc-side a.on{ border-left-color:var(--teal); color:var(--tealD); font-weight:700; background:var(--soft); }
      .other-bk{ display:grid; gap:8px; }
      .other-bk a{ display:flex; align-items:center; gap:10px; border:1px solid var(--ln);
        border-radius:var(--rS); padding:9px 11px; text-decoration:none; color:var(--ink);
        font-size:13px; font-weight:500; }
      .other-bk a:hover{ border-color:var(--teal); color:var(--tealD); }
      .other-bk .bk-logo-img{ width:86px; display:grid; place-items:center; flex:none; }
      .other-bk .bk-logo-img img{ height:19px; width:auto; max-width:84px; display:block; }
      .other-bk a::after{ content:""; margin-left:auto; width:7px; height:7px; flex:none;
        border-right:1.5px solid var(--dm); border-top:1.5px solid var(--dm); transform:rotate(45deg); }
      .side-promo{ background:linear-gradient(135deg,#1E4FCC,#0F2E7A); border:0; color:#fff; }
      .side-promo h3{ color:#fff; font-size:15px; font-weight:700; }
      .side-promo p{ font-size:12.5px; opacity:.92; }
      .side-promo .btn{ background:#fff; color:#0F2E7A; width:fit-content; }

      /* ===== Бонусы и акции (общий блок) ===== */
      .bon-sec{ margin-top:8px; display:grid; gap:12px; }
      .bon-head{ display:flex; align-items:center; gap:12px; }
      .bon-head h2{ font-size:20px; font-weight:700; letter-spacing:-.01em; }
      .bon-head .bcount{ font-size:12px; background:var(--c2); border:1px solid var(--ln);
        border-radius:20px; padding:2px 10px; color:var(--dm); font-weight:700; }
      .bon-head .arrows{ margin-left:auto; display:flex; gap:8px; }
      .bon-head .arrows button{ width:34px; height:34px; border-radius:50%; border:1px solid var(--ln);
        background:var(--c); cursor:pointer; display:grid; place-items:center; color:var(--btx); }
      .bon-head .arrows button:hover{ border-color:var(--teal); color:var(--teal); }
      .bon-head .arrows svg{ width:14px; height:14px; }
      .bon-scroll{ display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory;
        scrollbar-width:none; }
      .bon-scroll::-webkit-scrollbar{ display:none; }
      .bonus{ flex:0 0 272px; scroll-snap-align:start; border:1px solid var(--ln); border-radius:var(--r);
        overflow:hidden; background:var(--c); display:grid; grid-template-rows:auto 1fr; }
      .b-img{ position:relative; aspect-ratio:16/9; background:#1F2733; }
      .b-img img{ width:100%; height:100%; object-fit:cover; display:block; }
      .b-timer{ position:absolute; left:10px; bottom:10px; display:flex; align-items:center; gap:5px;
        background:rgba(31,39,51,.78); color:#fff; font-size:11px; border-radius:20px; padding:4px 10px; }
      .b-timer svg{ width:11px; height:11px; }
      .b-excl{ position:absolute; top:10px; right:10px; background:var(--blue); color:#fff; font-size:10px;
        font-weight:700; text-transform:uppercase; letter-spacing:.05em; border-radius:20px; padding:3px 10px; }
      .b-img.fake{ display:grid; place-items:center; color:#fff; text-align:center; }
      .b-img.fake .fk b{ font-size:21px; font-weight:900; display:block; }
      .b-img.fake .fk span{ font-size:10.5px; font-weight:700; text-transform:uppercase;
        letter-spacing:.07em; opacity:.85; }
      .b-body{ padding:12px 14px 14px; display:grid; gap:8px; align-content:start; }
      .b-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
      .bn-logo{ height:24px; display:grid; place-items:center; }
      .bn-logo img{ height:22px; width:auto; max-width:96px; display:block; }
      .b-sum{ text-align:right; }
      .b-sum b{ font-size:15px; }
      .b-sum span{ display:block; font-size:10.5px; color:var(--dm); }
      .b-title{ font-size:13px; font-weight:500; line-height:1.4; }
      .b-tags{ display:flex; gap:5px; flex-wrap:wrap; }
      .b-tags span{ font-size:10.5px; background:var(--c2); border:1px solid var(--ln); border-radius:20px;
        padding:2px 9px; color:var(--dm); }
      .bonus .btn{ padding:9px 0; font-size:12.5px; }

      /* ===== Футер ===== */
      .ftr{ background:var(--teal); margin-top:32px; color:#fff; }
      .ftr-in{ max-width:1180px; margin:0 auto; padding:34px 20px 22px; display:grid; gap:24px; }
      .ftr h4{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em;
        color:#FFFFFF; margin-bottom:8px; }
      .ftr-cols{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px 18px; }
      .ftr ul{ display:grid; gap:5px; }
      .ftr li{ list-style:none; }
      .ftr li a{ font-size:12.5px; color:var(--mint); text-decoration:none; }
      .ftr li a:hover{ color:#FFFFFF; text-decoration:underline; }
      .ftr-stats{ display:grid; grid-template-columns:repeat(5,1fr); gap:10px;
        border-top:1px solid rgba(255,255,255,.25); padding-top:22px; }
      .f-stat{ background:rgba(255,255,255,.1); border-radius:var(--r); padding:12px 14px; display:grid; gap:1px; }
      .f-stat b{ font-size:15px; font-variant-numeric:tabular-nums; }
      .f-stat span{ font-size:11px; color:var(--mint); }
      .ftr-bottom{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);
        gap:24px; border-top:1px solid rgba(255,255,255,.25); padding-top:22px; align-items:start; }
      .f-about{ display:grid; gap:11px; justify-items:start; }
      .f-about img{ height:46px; width:auto; }
      .f-about p{ font-size:12px; color:var(--mint); line-height:1.55; }
      .f-links{ display:flex; gap:14px; flex-wrap:wrap; }
      .f-links a{ font-size:12px; color:#fff; }
      .f-col{ display:grid; gap:9px; align-content:start; }
      .f-cap{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#fff; }
      .f-social{ display:flex; gap:8px; }
      .f-soc{ flex:1; display:flex; align-items:center; justify-content:center; gap:7px;
        background:rgba(255,255,255,.1); border-radius:var(--r); padding:9px 6px; text-decoration:none;
        color:#fff; font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; }
      .f-soc:hover{ background:rgba(255,255,255,.22); }
      .f-soc svg{ width:15px; height:15px; flex:none; }
      .f-badges{ display:flex; gap:6px; flex-wrap:wrap; }
      .f-badge{ background:rgba(255,255,255,.1); border-radius:20px; padding:4px 11px; font-size:11px;
        color:var(--mint); }
      .f-stores{ display:flex; gap:8px; flex-wrap:wrap; }
      .f-store{ display:flex; align-items:center; gap:8px; background:#fff; color:var(--ink);
        border-radius:var(--r); padding:7px 12px; text-decoration:none; }
      .f-store:hover{ background:var(--mint); }
      .f-store svg{ width:15px; height:15px; flex:none; }
      .f-store div{ display:grid; line-height:1.2; }
      .f-store span{ font-size:8.5px; color:var(--dm); }
      .f-store b{ font-size:11.5px; }
      .f-18{ display:flex; gap:12px; align-items:center; background:rgba(255,255,255,.1);
        border-radius:var(--r); padding:12px 14px; margin-top:3px; }
      .f-18 i{ flex:none; width:40px; height:40px; border-radius:50%; border:2.5px solid #FFD3D3;
        color:#FFD3D3; display:grid; place-items:center; font-style:normal; font-weight:900; font-size:12.5px; }
      .f-18 p{ font-size:11px; color:var(--mint); line-height:1.45; }
      .ftr-legal{ display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap;
        border-top:1px solid rgba(255,255,255,.25); padding-top:14px; font-size:12px; color:var(--mint); }
      @media (max-width:960px){
        .ftr-stats{ grid-template-columns:1fr 1fr; }
        .ftr-bottom{ grid-template-columns:1fr; }
      }

      @media (max-width:960px){
        .nav{ display:none; }
        .cols{ grid-template-columns:1fr; }
        .aside{ position:static; }
        .toc-side{ display:none; }
        .bh-offer{ margin-left:0; width:100%; }
        .doc{ padding:20px 18px 24px; }
        .bk-tabs{ margin:-20px -18px 8px; }
        .h1{ font-size:21px; }
        .ways{ grid-template-columns:1fr; }
        .bonus-cat {
            display: block;
        }
      }
      html{ scroll-behavior:smooth; }
      @media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } .faq summary::after{ transition:none; } }





/* glossary */

      *,*::before,*::after{ box-sizing:border-box; }
  body,h1,h2,h3,h4,p,nav,ul,ol,figure{ margin:0; }
  ul,ol{ padding:0; }

  :root{
    --bg:#F0F1F2; --c:#FFFFFF; --c2:#F8F8F8; --soft:#E7F4F3; --ln:#E3E6EA;
    --ink:#1F2733; --btx:#3C4654; --dm:#6D7994;
    --teal:#40A69F; --tealD:#358F88; --tealB:#00C7B1; --tealSoft:#E7F4F3; --mint:#C4EDD3;
    --blue:#0068DF; --red:#F64747; --star:#F2A413;
    --amberSoft:#FFF3DE; --amberTx:#B26A00;
    --r:8px; --rS:4px; --sh:0 1px 3px rgba(31,39,51,.08);
  }

  body{ background:var(--bg); color:var(--ink);
    font-family:Roboto,"Segoe UI",-apple-system,Arial,sans-serif; font-size:14px; line-height:1.55; }
  a{ color:var(--blue); }

  /* ===== Шапка (как на стенде) ===== */
  .hdr{ background:var(--bg); border-bottom:1px solid var(--ln); position:sticky; top:0; z-index:20; }
  .hdr-in{ max-width:1180px; margin:0 auto; padding:0 20px; height:64px;
    display:flex; align-items:center; gap:18px; }
  .logo{ flex:none; display:block; }
  .logo img{ height:48px; width:auto; display:block; }
  .nav{ display:flex; gap:2px; margin-left:auto; }
  .nav a{ color:var(--ink); text-decoration:none; font-size:14px; padding:7px 12px; border-radius:var(--rS); }
  .nav a:hover{ background:var(--soft); color:var(--teal); }
  .nav a.on{ background:var(--soft); color:var(--teal); font-weight:700; }
  .hdr-right{ display:flex; align-items:center; gap:14px; margin-left:auto; }
  .lang{ display:flex; align-items:center; gap:5px; font-size:13.5px; font-weight:500;
    cursor:pointer; color:var(--ink); }
  .lang img{ width:16px; height:12px; display:block; border-radius:2px; }
  .lang svg{ width:13px; height:13px; }
  .h-apps{ display:flex; align-items:center; gap:3px; }
  .h-apps a{ display:grid; place-items:center; width:34px; height:34px; border-radius:var(--rS);
    color:var(--btx); }
  .h-apps a:hover{ background:var(--soft); color:var(--tealD); }
  .h-apps svg{ width:20px; height:20px; }
  .search{ color:var(--ink); display:grid; place-items:center; }
  .search svg{ width:17px; height:17px; }
  .login{ font:inherit; font-weight:700; font-size:13.5px; cursor:pointer;
    background:var(--teal); color:#fff; border:0; padding:9px 20px; border-radius:var(--rS); }
  .login:hover{ background:var(--tealD); }
  @media (max-width:960px){ .search,.lang,.h-apps{ display:none; } .logo img{ height:40px; } }

  /* ===== Каркас ===== */
  .page{ max-width:1180px; margin:0 auto; padding:16px 20px 56px; display:grid; gap:20px; }
  .crumbs{ font-size:12.5px; color:var(--dm); }
  .crumbs a{ color:var(--dm); text-decoration:none; }
  .crumbs a:hover{ color:var(--blue); text-decoration:underline; }
  .crumbs b{ color:var(--ink); font-weight:500; }
  .card{ background:var(--c); border:1px solid var(--ln); border-radius:var(--r); box-shadow:var(--sh); }
  .btn{ border:0; font:inherit; font-weight:700; font-size:13.5px; cursor:pointer;
    padding:9px 20px; border-radius:var(--rS); background:var(--teal); color:#fff;
    text-decoration:none; display:inline-block; text-align:center; }
  .btn:hover{ background:var(--tealD); }
  button:focus-visible,a:focus-visible,input:focus-visible{ outline:2px solid var(--tealD); outline-offset:1px; }

  /* ===== Заголовок раздела (как на остальных страницах) ===== */
  .hub-head{ display:grid; gap:12px; justify-items:start; }
  .h1{ font-size:30px; font-weight:700; line-height:1.25; letter-spacing:-.01em; }
  .meta{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; font-size:12px; color:var(--dm); }
  .meta p {font-size: 12px; line-height: 18px; margin-left: 4px;}
  .meta b{ color:var(--btx); font-weight:500; }
  .meta .dot-u{ display:inline-flex; align-items:center; gap:7px; }
  .meta .dot-u i{ width:7px; height:7px; border-radius:50%; background:var(--teal); }
  .meta span {
    display: flex;
}
  .intro{ font-size:15px; line-height:1.65; color:var(--btx); max-width:68ch; }

  .card .dot{ width:8px; height:8px; border-radius:50%; flex:none; }
  .dot.l1{ background:var(--teal); } .dot.l2{ background:var(--blue); }
  .dot.l3{ background:var(--star); } .dot.l4{ background:var(--red); }

  /* ===== Вики-блок: табы + поиск одной полосой, ниже карточки ===== */
  .wiki-bar{ display:flex; align-items:center; gap:12px; padding:0 16px 0 8px;
    border-bottom:1px solid var(--ln); flex-wrap:wrap; }
  .lvl-tabs{ display:flex; overflow-x:auto; scrollbar-width:thin; }
  .lvl-tabs button{ font:inherit; background:none; border:0; border-bottom:2.5px solid transparent;
    padding:13px 14px; font-size:13.5px; font-weight:500; color:var(--dm); cursor:pointer;
    display:flex; align-items:center; gap:8px; white-space:nowrap; }
  .lvl-tabs button:hover{ color:var(--ink); }
  .lvl-tabs button.on{ color:var(--ink); font-weight:700; border-bottom-color:var(--teal); }
  .lvl-tabs .cnt{ font-size:11px; color:var(--dm); background:var(--c2); border-radius:10px;
    padding:1px 8px; font-variant-numeric:tabular-nums; }
  .lvl-tabs button.on .cnt{ background:var(--tealSoft); color:var(--tealD); }
  .search-box{ position:relative; margin-left:auto; width:250px; }
  .search-box svg{ position:absolute; left:11px; top:50%; transform:translateY(-50%);
    width:14px; height:14px; color:var(--dm); pointer-events:none; }
  .search-box input{ width:100%; font:inherit; font-size:13px; color:var(--ink);
    background:var(--c2); border:1px solid var(--ln); border-radius:var(--rS); padding:8px 12px 8px 32px; }
  .search-box input::placeholder{ color:var(--dm); }
  .search-box input:hover,.search-box input:focus{ border-color:var(--teal); background:var(--c); }
  .search-meta{ padding:10px 26px 0; font-size:12.5px; color:var(--tealD); font-weight:500; }

  /* заголовок группы уровня */
  .d-ghead{ display:flex; align-items:center; gap:9px; padding:15px 26px 0; }
  .d-ghead b{ font-size:15.5px; font-weight:700; }
  .d-ghead .note{ font-size:13px; color:var(--dm); }

  /* сетка карточек терминов */
  .d-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:12px 26px 20px; }
  .t-card{ border:1px solid var(--ln); border-radius:var(--r); overflow:hidden; background:var(--c);
    text-decoration:none; color:var(--ink); display:grid; grid-template-rows:auto 1fr; }
  .t-card:hover{ border-color:var(--teal); box-shadow:var(--sh); }
  .t-img{ aspect-ratio:16/8; display:grid; place-items:center; font-size:30px; }
  .t-img img {width: 100%;
    height: 100%;
    object-fit: cover;
      max-height: 175px;}
  .d-group[data-sec="l1"] .t-img{ background:linear-gradient(135deg,#E7F4F3,#CFE9E7); }
  .d-group[data-sec="l2"] .t-img{ background:linear-gradient(135deg,#EAF1FB,#D4E3F7); }
  .d-group[data-sec="l3"] .t-img{ background:linear-gradient(135deg,#FFF3DE,#F7E3BE); }
  .d-group[data-sec="l4"] .t-img{ background:linear-gradient(135deg,#FDEAEA,#F3D6D6); }
  .t-b{ padding:11px 14px 13px; display:grid; gap:5px; align-content:start; }
  .t-b b{ font-size:14.5px; font-weight:700; }
  .t-card:hover .t-b b{ color:var(--tealD); }
  .t-b p{ font-size:12.5px; color:var(--dm); display:-webkit-box; -webkit-line-clamp:2;
    -webkit-box-orient:vertical; overflow:hidden; }
  .t-meta{ display:flex; align-items:center; gap:10px; font-size:11.5px; color:var(--dm); margin-top:2px; }
  .t-meta .up{ color:var(--tealD); font-weight:700; }

  /* кнопка «Показать ещё» */
  .more-btn{ grid-column:1/-1; font:inherit; font-size:13px; font-weight:700; color:var(--tealD);
    background:var(--c2); border:1px solid var(--ln); border-radius:var(--rS); padding:10px;
    cursor:pointer; }
  .more-btn:hover{ background:var(--soft); border-color:var(--teal); }

  .empty-note{ display:none; text-align:center; padding:30px 20px; font-size:13.5px; color:var(--dm); }

  /* ===== Промо-врезка ===== */
  .inline-promo{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; border-radius:var(--r);
    padding:16px 18px; color:#fff; background:linear-gradient(135deg,#40A69F,#2E7E78); }
  .inline-promo .ip-txt{ flex:1; min-width:220px; display:grid; gap:2px; }
  .inline-promo .ip-kind{ font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; opacity:.85; }
  .inline-promo .ip-sum{ font-size:19px; font-weight:900; }
  .inline-promo .ip-note{ font-size:12.5px; opacity:.92; }

  /* ===== Зачем нужен глоссарий — три колонки ===== */
  .why{ padding:20px 24px 22px; display:grid; gap:16px; }
  .why h2{ font-size:18px; font-weight:700; }
  .why-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
  .why-item{ display:grid; gap:6px; align-content:start; }
  .why-item div{ width:38px; height:38px; border-radius:50%; background:var(--tealSoft); color:var(--teal);
    display:grid; place-items:center; font-style:normal; }
  .why-item img { width:18px; height:18px; }
  .why-item h3{ font-size:14.5px; font-weight:700; }
  .why-item p{ font-size:13px; color:var(--btx); }
  .why-foot p   { border-top:1px solid var(--ln); padding-top:14px; font-size:13px; color:var(--dm); }
  .why-foot a{ font-weight:500; }

  .t-img svg{ width:38px; height:38px; opacity:.85; }
  .d-group[data-sec="l1"] .t-img svg{ color:var(--tealD); }
  .d-group[data-sec="l2"] .t-img svg{ color:#0056C4; }
  .d-group[data-sec="l3"] .t-img svg{ color:var(--amberTx); }
  .d-group[data-sec="l4"] .t-img svg{ color:#C22525; }
  /* ===== Бонусы и акции (общий блок) ===== */
  .bon-sec{ margin-top:8px; display:grid; gap:12px; }
  .bon-head{ display:flex; align-items:center; gap:12px; }
  .bon-head h2{ font-size:20px; font-weight:700; letter-spacing:-.01em; }
  .bon-head .bcount{ font-size:12px; background:var(--c2); border:1px solid var(--ln);
    border-radius:20px; padding:2px 10px; color:var(--dm); font-weight:700; }
  .bon-head .arrows{ margin-left:auto; display:flex; gap:8px; }
  .bon-head .arrows button{ width:34px; height:34px; border-radius:50%; border:1px solid var(--ln);
    background:var(--c); cursor:pointer; display:grid; place-items:center; color:var(--btx); }
  .bon-head .arrows button:hover{ border-color:var(--teal); color:var(--teal); }
  .bon-head .arrows svg{ width:14px; height:14px; }
  .bon-scroll{ display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory;
    scrollbar-width:none; }
  .bon-scroll::-webkit-scrollbar{ display:none; }
  .bonus{ flex:0 0 272px; scroll-snap-align:start; border:1px solid var(--ln); border-radius:var(--r);
    overflow:hidden; background:var(--c); display:grid; grid-template-rows:auto 1fr; }
  .b-img{ position:relative; aspect-ratio:16/9; background:#1F2733; }
  .b-img img{ width:100%; height:100%; object-fit:cover; display:block; }
  .b-timer{ position:absolute; left:10px; bottom:10px; display:flex; align-items:center; gap:5px;
    background:rgba(31,39,51,.78); color:#fff; font-size:11px; border-radius:20px; padding:4px 10px; }
  .b-timer svg{ width:11px; height:11px; }
  .b-excl{ position:absolute; top:10px; right:10px; background:var(--blue); color:#fff; font-size:10px;
    font-weight:700; text-transform:uppercase; letter-spacing:.05em; border-radius:20px; padding:3px 10px; }
  .b-img.fake{ display:grid; place-items:center; color:#fff; text-align:center; }
  .b-img.fake .fk b{ font-size:21px; font-weight:900; display:block; }
  .b-img.fake .fk span{ font-size:10.5px; font-weight:700; text-transform:uppercase;
    letter-spacing:.07em; opacity:.85; }
  .b-body{ padding:12px 14px 14px; display:grid; gap:8px; align-content:start; }
  .b-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
  .bn-logo{ height:24px; display:grid; place-items:center; }
  .bn-logo img{ height:22px; width:auto; max-width:96px; display:block; }
  .b-sum{ text-align:right; }
  .b-sum b{ font-size:15px; }
  .b-sum span{ display:block; font-size:10.5px; color:var(--dm); }
  .b-title{ font-size:13px; font-weight:500; line-height:1.4; }
  .b-tags{ display:flex; gap:5px; flex-wrap:wrap; }
  .b-tags span{ font-size:10.5px; background:var(--c2); border:1px solid var(--ln); border-radius:20px;
    padding:2px 9px; color:var(--dm); }
  .bonus .btn{ padding:9px 0; font-size:12.5px; }

  /* ===== Футер ===== */
  .ftr{ background:var(--teal); margin-top:32px; color:#fff; }
  .ftr-in{ max-width:1180px; margin:0 auto; padding:34px 20px 22px; display:grid; gap:24px; }
  .ftr h4{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em;
    color:#FFFFFF; margin-bottom:8px; }
  .ftr-cols{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px 18px; }
  .ftr ul{ display:grid; gap:5px; }
  .ftr li{ list-style:none; }
  .ftr li a{ font-size:12.5px; color:var(--mint); text-decoration:none; }
  .ftr li a:hover{ color:#FFFFFF; text-decoration:underline; }
  .ftr-stats{ display:grid; grid-template-columns:repeat(5,1fr); gap:10px;
    border-top:1px solid rgba(255,255,255,.25); padding-top:22px; }
  .f-stat{ background:rgba(255,255,255,.1); border-radius:var(--r); padding:12px 14px; display:grid; gap:1px; }
  .f-stat b{ font-size:15px; font-variant-numeric:tabular-nums; }
  .f-stat span{ font-size:11px; color:var(--mint); }
  .ftr-bottom{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);
    gap:24px; border-top:1px solid rgba(255,255,255,.25); padding-top:22px; align-items:start; }
  .f-about{ display:grid; gap:11px; justify-items:start; }
  .f-about img{ height:46px; width:auto; }
  .f-about p{ font-size:12px; color:var(--mint); line-height:1.55; }
  .f-links{ display:flex; gap:14px; flex-wrap:wrap; }
  .f-links a{ font-size:12px; color:#fff; }
  .f-col{ display:grid; gap:9px; align-content:start; }
  .f-cap{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#fff; }
  .f-social{ display:flex; gap:8px; }
  .f-soc{ flex:1; display:flex; align-items:center; justify-content:center; gap:7px;
    background:rgba(255,255,255,.1); border-radius:var(--r); padding:9px 6px; text-decoration:none;
    color:#fff; font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; }
  .f-soc:hover{ background:rgba(255,255,255,.22); }
  .f-soc svg{ width:15px; height:15px; flex:none; }
  .f-badges{ display:flex; gap:6px; flex-wrap:wrap; }
  .f-badge{ background:rgba(255,255,255,.1); border-radius:20px; padding:4px 11px; font-size:11px;
    color:var(--mint); }
  .f-stores{ display:flex; gap:8px; flex-wrap:wrap; }
  .f-store{ display:flex; align-items:center; gap:8px; background:#fff; color:var(--ink);
    border-radius:var(--r); padding:7px 12px; text-decoration:none; }
  .f-store:hover{ background:var(--mint); }
  .f-store svg{ width:15px; height:15px; flex:none; }
  .f-store div{ display:grid; line-height:1.2; }
  .f-store span{ font-size:8.5px; color:var(--dm); }
  .f-store b{ font-size:11.5px; }
  .f-18{ display:flex; gap:12px; align-items:center; background:rgba(255,255,255,.1);
    border-radius:var(--r); padding:12px 14px; margin-top:3px; }
  .f-18 i{ flex:none; width:40px; height:40px; border-radius:50%; border:2.5px solid #FFD3D3;
    color:#FFD3D3; display:grid; place-items:center; font-style:normal; font-weight:900; font-size:12.5px; }
  .f-18 p{ font-size:11px; color:var(--mint); line-height:1.45; }
  .ftr-legal{ display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap;
    border-top:1px solid rgba(255,255,255,.25); padding-top:14px; font-size:12px; color:var(--mint); }
  @media (max-width:960px){
    .ftr-stats{ grid-template-columns:1fr 1fr; }
    .ftr-bottom{ grid-template-columns:1fr; }
  }

  @media (max-width:960px){
    .nav{ display:none; }
    .h1{ font-size:23px; }
    .wiki-bar{ padding:0 14px 12px 6px; }
    .search-box{ margin-left:0; width:100%; order:2; }
    .d-ghead{ padding:12px 18px 0; }
    .d-grid{ grid-template-columns:1fr 1fr; padding:12px 18px 18px; }
    .why-grid{ grid-template-columns:1fr; }
  }
  @media (max-width:600px){
    .d-grid{ grid-template-columns:1fr; }
    .t-img img {
      max-height: 100%;
    }
  }







/* glossary-single */
  *,*::before,*::after{ box-sizing:border-box; }
  body,h1,h2,h3,h4,p,nav,ul,ol,figure,table{ margin:0; }
  ul,ol{ padding:0; }

  :root{
    --bg:#F0F1F2; --c:#FFFFFF; --c2:#F8F8F8; --soft:#E7F4F3; --ln:#E3E6EA;
    --ink:#1F2733; --btx:#3C4654; --dm:#6D7994;
    --teal:#40A69F; --tealD:#358F88; --tealB:#00C7B1; --tealSoft:#E7F4F3; --mint:#C4EDD3;
    --blue:#0068DF; --red:#F64747; --star:#F2A413;
    --amberSoft:#FFF3DE; --amberTx:#B26A00;
    --r:8px; --rS:4px; --sh:0 1px 3px rgba(31,39,51,.08);
  }

  body{ background:var(--bg); color:var(--ink);
    font-family:Roboto,"Segoe UI",-apple-system,Arial,sans-serif; font-size:14px; line-height:1.55; }
  a{ color:var(--blue); }

  /* ===== Шапка (как на стенде) ===== */
  .hdr{ background:var(--bg); border-bottom:1px solid var(--ln); position:sticky; top:0; z-index:20; }
  .hdr-in{ max-width:1180px; margin:0 auto; padding:0 20px; height:64px;
    display:flex; align-items:center; gap:18px; }
  .logo{ flex:none; display:block; }
  .logo img{ height:48px; width:auto; display:block; }
  .nav{ display:flex; gap:2px; margin-left:auto; }
  .nav a{ color:var(--ink); text-decoration:none; font-size:14px; padding:7px 12px; border-radius:var(--rS); }
  .nav a:hover{ background:var(--soft); color:var(--teal); }
  .nav a.on{ background:var(--soft); color:var(--teal); font-weight:700; }
  .hdr-right{ display:flex; align-items:center; gap:14px; margin-left:auto; }
  .lang{ display:flex; align-items:center; gap:5px; font-size:13.5px; font-weight:500;
    cursor:pointer; color:var(--ink); }
  .lang img{ width:16px; height:12px; display:block; border-radius:2px; }
  .lang svg{ width:13px; height:13px; }
  .h-apps{ display:flex; align-items:center; gap:3px; }
  .h-apps a{ display:grid; place-items:center; width:34px; height:34px; border-radius:var(--rS);
    color:var(--btx); }
  .h-apps a:hover{ background:var(--soft); color:var(--tealD); }
  .h-apps svg{ width:20px; height:20px; }
  .search{ color:var(--ink); display:grid; place-items:center; }
  .search svg{ width:17px; height:17px; }
  .login{ font:inherit; font-weight:700; font-size:13.5px; cursor:pointer;
    background:var(--teal); color:#fff; border:0; padding:9px 20px; border-radius:var(--rS); }
  .login:hover{ background:var(--tealD); }
  @media (max-width:960px){ .search,.lang,.h-apps{ display:none; } .logo img{ height:40px; } }

  /* ===== Каркас ===== */
  .page{ max-width:1180px; margin:0 auto; padding:16px 20px 56px; }
  .crumbs{ font-size:12.5px; color:var(--dm); margin-bottom:12px; }
  .crumbs a{ color:var(--dm); text-decoration:none; }
  .crumbs a:hover{ color:var(--blue); text-decoration:underline; }
  .crumbs b{ color:var(--ink); font-weight:500; }
  .cols{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:20px; align-items:start; }
  .card{ background:var(--c); border:1px solid var(--ln); border-radius:var(--r); box-shadow:var(--sh); }
  .btn{ border:0; font:inherit; font-weight:700; font-size:13.5px; cursor:pointer;
    padding:9px 20px; border-radius:var(--rS); background:var(--teal); color:#fff;
    text-decoration:none; display:inline-block; text-align:center; }
  .btn:hover{ background:var(--tealD); }
  a:focus-visible,button:focus-visible,summary:focus-visible{ outline:2px solid var(--tealD); outline-offset:1px; }

  /* ===== Статья термина ===== */
  .article{ padding:26px 30px 30px; display:grid; gap:16px; }
  .lvl-line{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
  .lvl-badge{ display:inline-flex; align-items:center; gap:7px; background:#E5F0FF; color:#0056C4;
    border-radius:20px; padding:4px 13px; font-size:11.5px; font-weight:700; text-transform:uppercase;
    letter-spacing:.05em; }
  .lvl-badge i{ width:8px; height:8px; border-radius:50%; background:var(--blue); font-style:normal; }
  .lvl-line span{ font-size:12px; color:var(--dm); }
  .h1{ font-size:30px; font-weight:700; line-height:1.25; letter-spacing:-.01em; }

  /* крупное определение */
  .definition{ border-left:3px solid var(--teal); background:var(--tealSoft);
    border-radius:0 var(--r) var(--r) 0; padding:16px 20px; font-size:16px; line-height:1.55;
    color:var(--ink); }
  .definition b{ color:var(--tealD); }

  .article > p{ font-size:15px; color:var(--btx); max-width:78ch; }
  h2.wp-block-heading{ font-size:20px; font-weight:700; margin-top:8px; margin-bottom: 0;}
  .article ul.list{ display:grid; gap:7px; }
  .article ul.list li{ list-style:none; padding-left:20px; position:relative; font-size:15px;
    color:var(--btx); max-width:76ch; }
  .article ul.list li::before{ content:""; position:absolute; left:2px; top:.62em; width:7px; height:7px;
    border-radius:50%; background:var(--teal); }
  .article ul.list li b{ color:var(--ink); }

  /* пример-расчёт */
  .example{ border:1px solid var(--ln); border-radius:var(--r); overflow:hidden; }
  .ex-head{ background:var(--c2); border-bottom:1px solid var(--ln); padding:8px 16px;
    font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--dm); }
  .ex-body{ padding:14px 16px; display:grid; gap:10px; }
  .ex-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-size:14px; }
  .ex-row p{font-size:14px; }
  .ex-row .tag{ background:var(--soft); color:var(--tealD); border-radius:var(--rS); padding:3px 10px;
    font-weight:700; font-size:13px; white-space:nowrap; }
  .ex-note p{ border-top:1px dashed var(--ln); padding:10px 16px; font-size:12.5px; color:var(--dm); }
  .ex-note b{ color:var(--btx); font-weight:500; }
  .ex-body .ok{ color:var(--tealD); font-weight:700; }
  .ex-body .no{ color:#C22525; font-weight:700; }

  /* связанные термины */
  .related{ display:grid; gap:9px; }
  .related h2{ font-size:16px; font-weight:700; }
  .rel-chips{ display:flex; gap:8px; flex-wrap:wrap; }
  .rel-chips a{ display:flex; align-items:center; gap:8px; text-decoration:none;
    background:var(--c); border:1px solid var(--ln); border-radius:20px; padding:7px 15px;
    font-size:13px; font-weight:500; color:var(--btx); }
  .rel-chips a:hover{ border-color:var(--teal); color:var(--teal); }
  .rel-chips .dot{ width:8px; height:8px; border-radius:50%; flex:none; }
  .dot.novice { background: #0056C4; }
  .dot.amateur { background: #00875A; }
  .dot.advanced { background: #B26A00; }
  .dot.pro { background: #B71C1C; }

  /* картинка-заглушка */
  .pic{ border-radius:var(--r); overflow:hidden; border:1px solid var(--ln); }
  .pic .ph{ aspect-ratio:16/7; display:grid; place-items:center; font-size:44px;
    background:linear-gradient(135deg,#EAF1FB,#D4E3F7); }

  /* рекомендуем букмекеров */
  .rec{ display:grid; gap:10px; border-top:1px solid var(--ln); padding-top:18px; }
  .rec h2{ font-size:16px; font-weight:700; }
  .rec-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
  .rec-card{ border:1px solid var(--ln); border-radius:var(--r); padding:14px; display:grid; gap:7px;
    justify-items:center; text-align:center; text-decoration:none; color:var(--ink); }
  .rec-card:hover{ border-color:var(--teal); }
  .bk-logo{ height:36px; width:112px; border-radius:var(--rS); display:grid; place-items:center;
    color:#fff; font-weight:900; font-size:12px; letter-spacing:.02em; }
  .rec-card .score{ display:flex; gap:6px; align-items:center; font-size:13px; }
  .rec-card .score b{ font-size:14px; }
  .stars{ color:var(--star); font-size:10px; letter-spacing:1.5px; }
  .rec-bonus{ background:var(--amberSoft); color:var(--amberTx); border-radius:20px; padding:4px 12px;
    font-size:12px; font-weight:700; }
  .rec-card .btn{ width:100%; padding:7px 0; font-size:12.5px; }

  /* комментарии */
  .comments{ display:grid; gap:14px; border-top:1px solid var(--ln); padding-top:18px; }
  .comments h2{ font-size:16px; font-weight:700; }
  .cm{ display:grid; grid-template-columns:36px minmax(0,1fr); gap:11px; }
  .cm > i{ width:36px; height:36px; border-radius:50%; background:var(--tealSoft); color:var(--teal);
    display:grid; place-items:center; font-weight:700; font-size:12px; font-style:normal; }
  .cm-b{ display:grid; gap:4px; }
  .cm-head{ display:flex; align-items:baseline; gap:9px; flex-wrap:wrap; }
  .cm-head b{ font-size:13.5px; }
  .cm-head span{ font-size:11.5px; color:var(--dm); }
  .cm-b p{ font-size:13.5px; color:var(--btx); }
  .cm-like{ display:flex; gap:14px; font-size:12px; }
  .cm-like a{ color:var(--dm); text-decoration:none; }
  .cm-like a:hover{ color:var(--tealD); }
  .cm-like .up{ color:var(--tealD); font-weight:700; }
  .cm-form{ display:grid; gap:8px; }
  .cm-form textarea{ font:inherit; font-size:13.5px; color:var(--ink); background:var(--c2);
    border:1px solid var(--ln); border-radius:var(--r); padding:11px 14px; min-height:74px; resize:vertical; }
  .cm-form textarea:focus{ border-color:var(--teal); background:var(--c); outline:none; }
  .cm-form .btn{ justify-self:start; }

  /* навигация по глоссарию */
  .term-nav{ display:grid; grid-template-columns:1fr 1fr; gap:12px; border-top:1px solid var(--ln);
    padding-top:16px; }
  .term-nav a{ display:grid; gap:2px; text-decoration:none; border:1px solid var(--ln);
    border-radius:var(--r); padding:12px 16px; color:var(--ink); }
  .term-nav a:hover{ border-color:var(--teal); }
  .term-nav a:hover b{ color:var(--tealD); }
  .term-nav span{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em;
    color:var(--dm); }
  .term-nav b{ font-size:14px; }
  .term-nav .next{ text-align:right; }

  /* ===== Сайдбар ===== */
  .aside{ display:grid; gap:16px; position:sticky; top:72px; }
  .side-card{ background:var(--c); border:1px solid var(--ln); border-radius:var(--r); box-shadow:var(--sh);
    padding:16px; display:grid; gap:12px; }
  .side-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
  .side-head h3{ font-size:14.5px; font-weight:700; }
  .side-head a{ font-size:12px; font-weight:500; text-decoration:none; }
  .side-head a:hover{ text-decoration:underline; }
  .also{ display:grid; gap:2px; }
  .also a{ display:grid; gap:2px; padding:9px 8px; border-radius:var(--rS); text-decoration:none; }
  .also a:hover{ background:var(--soft); }
  .also .t{ font-size:13px; font-weight:500; color:var(--ink); line-height:1.4; }
  .also a:hover .t{ color:var(--tealD); }
  .also .d{ font-size:11.5px; color:var(--dm); }
  .side-promo{ background:linear-gradient(135deg,#0068DF,#0047A8); border:0; color:#fff; }
  .side-promo h3{ color:#fff; font-size:15px; font-weight:700; margin: 0;}
  .side-promo p{ font-size:12.5px; opacity:.92; }
  .side-promo .btn{ background:#fff; color:#0056C4; width:fit-content; }
  .side-promo .btn:hover{ background:#D9EAFF; }

  .bk-logo--img{ background:transparent; border:0; }
  .bk-logo--img img{ height:88%; width:auto; max-width:100%; display:block; }
  .name-img{ height:15px; width:auto; max-width:96px; display:block; margin-bottom:3px; }
  .pic .ph svg{ width:54px; height:54px; color:#0056C4; opacity:.75; }
  /* ===== Бонусы и акции (общий блок) ===== */
  .bon-sec{ margin-top:8px; display:grid; gap:12px; }
  .bon-head{ display:flex; align-items:center; gap:12px; }
  .bon-head h2{ font-size:20px; font-weight:700; letter-spacing:-.01em; margin-bottom: 0; }
  .bon-head .bcount{ font-size:12px; background:var(--c2); border:1px solid var(--ln);
    border-radius:20px; padding:2px 10px; color:var(--dm); font-weight:700; }
  .bon-head .arrows{ margin-left:auto; display:flex; gap:8px; }
  .bon-head .arrows button{ width:34px; height:34px; border-radius:50%; border:1px solid var(--ln);
    background:var(--c); cursor:pointer; display:grid; place-items:center; color:var(--btx); }
  .bon-head .arrows button:hover{ border-color:var(--teal); color:var(--teal); }
  .bon-head .arrows svg{ width:14px; height:14px; }
  .bon-scroll{ display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory;
    scrollbar-width:none; }
  .bon-scroll::-webkit-scrollbar{ display:none; }
  .bonus{ flex:0 0 272px; scroll-snap-align:start; border:1px solid var(--ln); border-radius:var(--r);
    overflow:hidden; background:var(--c); display:grid; grid-template-rows:auto 1fr; }
  .b-img{ position:relative; aspect-ratio:16/9; background:#1F2733; }
  .b-img img{ width:100%; height:100%; object-fit:cover; display:block; }
  .b-timer{ position:absolute; left:10px; bottom:10px; display:flex; align-items:center; gap:5px;
    background:rgba(31,39,51,.78); color:#fff; font-size:11px; border-radius:20px; padding:4px 10px; }
  .b-timer svg{ width:11px; height:11px; }
  .b-excl{ position:absolute; top:10px; right:10px; background:var(--blue); color:#fff; font-size:10px;
    font-weight:700; text-transform:uppercase; letter-spacing:.05em; border-radius:20px; padding:3px 10px; }
  .b-img.fake{ display:grid; place-items:center; color:#fff; text-align:center; }
  .b-img.fake .fk b{ font-size:21px; font-weight:900; display:block; }
  .b-img.fake .fk span{ font-size:10.5px; font-weight:700; text-transform:uppercase;
    letter-spacing:.07em; opacity:.85; }
  .b-body{ padding:12px 14px 14px; display:grid; gap:8px; align-content:start; }
  .b-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
  .bn-logo{ height:24px; display:grid; place-items:center; }
  .bn-logo img{ height:22px; width:auto; max-width:96px; display:block; }
  .b-sum{ text-align:right; }
  .b-sum b{ font-size:15px; }
  .b-sum span{ display:block; font-size:10.5px; color:var(--dm); }
  .b-title{ font-size:13px; font-weight:500; line-height:1.4; }
  .b-tags{ display:flex; gap:5px; flex-wrap:wrap; }
  .b-tags span{ font-size:10.5px; background:var(--c2); border:1px solid var(--ln); border-radius:20px;
    padding:2px 9px; color:var(--dm); }
  .bonus .btn{ padding:9px 0; font-size:12.5px; }

  /* ===== Футер ===== */
  .ftr{ background:var(--teal); margin-top:32px; color:#fff; }
  .ftr-in{ max-width:1180px; margin:0 auto; padding:34px 20px 22px; display:grid; gap:24px; }
  .ftr h4{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em;
    color:#FFFFFF; margin-bottom:8px; }
  .ftr-cols{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px 18px; }
  .ftr ul{ display:grid; gap:5px; }
  .ftr li{ list-style:none; }
  .ftr li a{ font-size:12.5px; color:var(--mint); text-decoration:none; }
  .ftr li a:hover{ color:#FFFFFF; text-decoration:underline; }
  .ftr-stats{ display:grid; grid-template-columns:repeat(5,1fr); gap:10px;
    border-top:1px solid rgba(255,255,255,.25); padding-top:22px; }
  .f-stat{ background:rgba(255,255,255,.1); border-radius:var(--r); padding:12px 14px; display:grid; gap:1px; }
  .f-stat b{ font-size:15px; font-variant-numeric:tabular-nums; }
  .f-stat span{ font-size:11px; color:var(--mint); }
  .ftr-bottom{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);
    gap:24px; border-top:1px solid rgba(255,255,255,.25); padding-top:22px; align-items:start; }
  .f-about{ display:grid; gap:11px; justify-items:start; }
  .f-about img{ height:46px; width:auto; }
  .f-about p{ font-size:12px; color:var(--mint); line-height:1.55; }
  .f-links{ display:flex; gap:14px; flex-wrap:wrap; }
  .f-links a{ font-size:12px; color:#fff; }
  .f-col{ display:grid; gap:9px; align-content:start; }
  .f-cap{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#fff; }
  .f-social{ display:flex; gap:8px; }
  .f-soc{ flex:1; display:flex; align-items:center; justify-content:center; gap:7px;
    background:rgba(255,255,255,.1); border-radius:var(--r); padding:9px 6px; text-decoration:none;
    color:#fff; font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; }
  .f-soc:hover{ background:rgba(255,255,255,.22); }
  .f-soc svg{ width:15px; height:15px; flex:none; }
  .f-badges{ display:flex; gap:6px; flex-wrap:wrap; }
  .f-badge{ background:rgba(255,255,255,.1); border-radius:20px; padding:4px 11px; font-size:11px;
    color:var(--mint); }
  .f-stores{ display:flex; gap:8px; flex-wrap:wrap; }
  .f-store{ display:flex; align-items:center; gap:8px; background:#fff; color:var(--ink);
    border-radius:var(--r); padding:7px 12px; text-decoration:none; }
  .f-store:hover{ background:var(--mint); }
  .f-store svg{ width:15px; height:15px; flex:none; }
  .f-store div{ display:grid; line-height:1.2; }
  .f-store span{ font-size:8.5px; color:var(--dm); }
  .f-store b{ font-size:11.5px; }
  .f-18{ display:flex; gap:12px; align-items:center; background:rgba(255,255,255,.1);
    border-radius:var(--r); padding:12px 14px; margin-top:3px; }
  .f-18 i{ flex:none; width:40px; height:40px; border-radius:50%; border:2.5px solid #FFD3D3;
    color:#FFD3D3; display:grid; place-items:center; font-style:normal; font-weight:900; font-size:12.5px; }
  .f-18 p{ font-size:11px; color:var(--mint); line-height:1.45; }
  .ftr-legal{ display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap;
    border-top:1px solid rgba(255,255,255,.25); padding-top:14px; font-size:12px; color:var(--mint); }
    .lvl-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 20px;
    padding: 4px 13px;
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.lvl-badge i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    font-style: normal;
}

/* Новичок */
.lvl-badge.novice {
    background: #E5F0FF;
    color: #0056C4;
}
.lvl-badge.novice i {
    background: #0056C4;
}

/* Любитель */
.lvl-badge.amateur {
    background: #E6F7F0;
    color: #00875A;
}
.lvl-badge.amateur i {
    background: #00875A;
}

/* Продвинутый */
.lvl-badge.advanced {
    background: #FFF3E0;
    color: #B26A00;
}
.lvl-badge.advanced i {
    background: #B26A00;
}

/* Профессионал */
.lvl-badge.pro {
    background: #FDE8E8;
    color: #B71C1C;
}
.lvl-badge.pro i {
    background: #B71C1C;
}
  @media (max-width:960px){
    .ftr-stats{ grid-template-columns:1fr 1fr; }
    .ftr-bottom{ grid-template-columns:1fr; }
  }

  @media (max-width:960px){
    .nav{ display:none; }
    .cols{ grid-template-columns:1fr; }
    .aside{ position:static; }
    .article{ padding:20px 18px 24px; }
    .h1{ font-size:23px; }
    .term-nav{ grid-template-columns:1fr; }
    .term-nav .next{ text-align:left; }
  }




/* bonus-hub */

  *,*::before,*::after{ box-sizing:border-box; }
  body,h1,h2,h3,h4,p,nav,ul,ol,figure{ margin:0; }
  ul,ol{ padding:0; }

  :root{
    --bg:#F0F1F2; --c:#FFFFFF; --c2:#F8F8F8; --soft:#E7F4F3; --ln:#E3E6EA;
    --ink:#1F2733; --btx:#3C4654; --dm:#6D7994;
    --teal:#40A69F; --tealD:#358F88; --tealB:#00C7B1; --tealSoft:#E7F4F3; --mint:#C4EDD3;
    --blue:#0068DF; --red:#F64747; --star:#F2A413;
    --amberSoft:#FFF3DE; --amberTx:#B26A00;
    --r:8px; --rS:4px; --sh:0 1px 3px rgba(31,39,51,.08);
  }

  body{ background:var(--bg); color:var(--ink);
    font-family:Roboto,"Segoe UI",-apple-system,Arial,sans-serif; font-size:14px; line-height:1.55; }
  a{ color:var(--blue); }

  /* ===== Шапка (как на стенде) ===== */
  .hdr{ background:var(--bg); border-bottom:1px solid var(--ln); position:sticky; top:0; z-index:20; }
  .hdr-in{ max-width:1180px; margin:0 auto; padding:0 20px; height:64px;
    display:flex; align-items:center; gap:18px; }
  .logo{ flex:none; display:block; }
  .logo img{ height:48px; width:auto; display:block; }
  .nav{ display:flex; gap:2px; margin-left:auto; }
  .nav a{ color:var(--ink); text-decoration:none; font-size:14px; padding:7px 12px; border-radius:var(--rS); }
  .nav a:hover{ background:var(--soft); color:var(--teal); }
  .nav a.on{ background:var(--soft); color:var(--teal); font-weight:700; }
  .hdr-right{ display:flex; align-items:center; gap:14px; margin-left:auto; }
  .lang{ display:flex; align-items:center; gap:5px; font-size:13.5px; font-weight:500;
    cursor:pointer; color:var(--ink); }
  .lang img{ width:16px; height:12px; display:block; border-radius:2px; }
  .lang svg{ width:13px; height:13px; }
  .h-apps{ display:flex; align-items:center; gap:3px; }
  .h-apps a{ display:grid; place-items:center; width:34px; height:34px; border-radius:var(--rS);
    color:var(--btx); }
  .h-apps a:hover{ background:var(--soft); color:var(--tealD); }
  .h-apps svg{ width:20px; height:20px; }
  .search{ color:var(--ink); display:grid; place-items:center; }
  .search svg{ width:17px; height:17px; }
  .login{ font:inherit; font-weight:700; font-size:13.5px; cursor:pointer;
    background:var(--teal); color:#fff; border:0; padding:9px 20px; border-radius:var(--rS); }
  .login:hover{ background:var(--tealD); }
  @media (max-width:960px){ .search,.lang,.h-apps{ display:none; } .logo img{ height:40px; } }

  /* ===== Каркас ===== */
  .page{ max-width:1180px; margin:0 auto; padding:16px 20px 56px; display:grid; gap:18px; }
  .crumbs{ font-size:12.5px; color:var(--dm); }
  .crumbs a{ color:var(--dm); text-decoration:none; }
  .crumbs a:hover{ color:var(--blue); text-decoration:underline; }
  .crumbs b{ color:var(--ink); font-weight:500; }
  .card{ background:var(--c); border:1px solid var(--ln); border-radius:var(--r); box-shadow:var(--sh); }
  .btn{ border:0; font:inherit; font-weight:700; font-size:13.5px; cursor:pointer;
    padding:9px 20px; border-radius:var(--rS); background:var(--teal); color:#fff;
    text-decoration:none; display:inline-block; text-align:center; }
  .btn:hover{ background:var(--tealD); }
  button:focus-visible,a:focus-visible{ outline:2px solid var(--tealD); outline-offset:1px; }


  /* ===== Заголовок ===== */
  .hub-head{ display:grid; gap:12px; justify-items:start; }
  .hub-head h1{ margin-bottom: 0;}
  .h1{ font-size:30px; font-weight:700; line-height:1.25; letter-spacing:-.01em; }
  .meta{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; font-size:12px; color:var(--dm); }
  .meta b{ color:var(--btx); font-weight:500; }
  .upd-badge{ display:inline-flex; align-items:center; gap:6px; background:#E5F0FF;
    color:#0056C4; border-radius:20px; padding:4px 12px; font-size:12px; white-space:nowrap; }
  .upd-badge svg{ width:12px; height:12px; flex:none; }
  .upd-badge b{ font-weight:700; color:#0056C4; }
  .intro{ font-size:15px; line-height:1.65; color:var(--btx); max-width:68ch; }

  /* ===== Фильтры ===== */
  .f-tabs{ display:flex; gap:8px; flex-wrap:wrap; }
  .f-tabs button{ font:inherit; display:flex; gap:7px; align-items:center; cursor:pointer;
    background:var(--c); border:1px solid var(--ln); border-radius:20px; padding:7px 15px;
    font-size:13px; font-weight:500; color:var(--btx); }
  .f-tabs button:hover{ border-color:var(--teal); color:var(--teal); }
  .f-tabs button.on{ background:var(--teal); border-color:var(--teal); color:#fff; font-weight:700; }
  .f-tabs .cnt{ font-size:11.5px; opacity:.65; font-variant-numeric:tabular-nums; }

  /* ===== Каталог бонусов ===== */
  .bonus-cat{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
  .bonus{ border:1px solid var(--ln); border-radius:var(--r); overflow:hidden; background:var(--c);
    box-shadow:var(--sh); display:grid; grid-template-rows:auto 1fr; }
  .b-img{ position:relative; aspect-ratio:16/9; background:#1F2733; }
  .b-img img{ width:100%; height:100%; object-fit:cover; display:block; }
  .b-timer{ position:absolute; left:10px; bottom:10px; display:flex; align-items:center; gap:5px;
    background:rgba(31,39,51,.78); color:#fff; font-size:11px; border-radius:20px; padding:4px 10px; }
  .b-timer svg{ width:11px; height:11px; }
  .b-excl{ position:absolute; top:10px; right:10px; background:var(--blue); color:#fff; font-size:10px;
    font-weight:700; text-transform:uppercase; letter-spacing:.05em; border-radius:20px; padding:3px 10px; }
  .b-img.fake{ display:grid; place-items:center; color:#fff; text-align:center; }
  .b-img.fake .fk b{ font-size:21px; font-weight:900; display:block; }
  .b-img.fake .fk span{ font-size:10.5px; font-weight:700; text-transform:uppercase;
    letter-spacing:.07em; opacity:.85; }
  .bonus .b-body{ padding:12px 14px 14px; display:grid; gap:8px; align-content: space-between; }
  .b-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
  .bn-logo{ height:24px; display:grid; place-items:center; }
  .bn-logo img{ height:22px; width:auto; max-width:96px; display:block; }
  .b-sum{ text-align:right; }
  .b-sum b{ font-size:15px; }
  .b-sum span{ display:block; font-size:10.5px; color:var(--dm); }
  .b-title{ font-size:13px; font-weight:500; line-height:1.4; }
  .b-tags{ display:flex; gap:5px; flex-wrap:wrap; }
  .b-tags span{ font-size:10.5px; background:var(--c2); border:1px solid var(--ln); border-radius:20px;
    padding:2px 9px; color:var(--dm); }
  .bonus .btn{ padding:9px 0; font-size:12.5px; }
  .b-all{ font-size:11.5px; font-weight:500; color:var(--tealD); text-decoration:none; text-align:center; }
  .b-all:hover{ text-decoration:underline; }

  /* ===== По букмекерам ===== */
  .sec-h{ display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-top:8px; }
  .sec-h h2{ font-size:21px; font-weight:700; letter-spacing:-.01em; }
  .bk-links{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
  .bk-link{ display:flex; align-items:center; gap:12px; background:var(--c); border:1px solid var(--ln);
    border-radius:var(--r); box-shadow:var(--sh); padding:13px 16px; text-decoration:none; color:var(--ink); }
  .bk-link:hover{ border-color:var(--teal); }
  .bk-link:hover .t{ color:var(--tealD); }
  .bkl-logo{ width:92px; display:grid; place-items:center; flex:none; }
  .bkl-logo img{ height:20px; width:auto; max-width:88px; display:block; }
  .bk-link div{ display:grid; gap:1px; min-width:0; }
  .bk-link .t{ font-size:13.5px; font-weight:700; }
  .bk-link .d{ font-size:11.5px; color:var(--dm); }
  .bk-link::after{ content:""; margin-left:auto; width:7px; height:7px; flex:none;
    border-right:1.5px solid var(--dm); border-top:1.5px solid var(--dm); transform:rotate(45deg); }

  /* ===== SEO ===== */
  .seo{ padding:18px 20px; display:grid; gap:12px; }
  .seo h2{ font-size:18px; font-weight:700; margin: 0; }
  .seo p{ font-size:14px; color:var(--btx); max-width:82ch; }

  /* ===== Футер ===== */
  .ftr{ background:var(--teal); margin-top:32px; color:#fff; }
  .ftr-in{ max-width:1180px; margin:0 auto; padding:34px 20px 22px; display:grid; gap:24px; }
  .ftr h4{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em;
    color:#FFFFFF; margin-bottom:8px; }
  .ftr-cols{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px 18px; }
  .ftr ul{ display:grid; gap:5px; }
  .ftr li{ list-style:none; }
  .ftr li a{ font-size:12.5px; color:var(--mint); text-decoration:none; }
  .ftr li a:hover{ color:#FFFFFF; text-decoration:underline; }
  .ftr-stats{ display:grid; grid-template-columns:repeat(5,1fr); gap:10px;
    border-top:1px solid rgba(255,255,255,.25); padding-top:22px; }
  .f-stat{ background:rgba(255,255,255,.1); border-radius:var(--r); padding:12px 14px; display:grid; gap:1px; }
  .f-stat b{ font-size:15px; font-variant-numeric:tabular-nums; }
  .f-stat span{ font-size:11px; color:var(--mint); }
  .ftr-bottom{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);
    gap:24px; border-top:1px solid rgba(255,255,255,.25); padding-top:22px; align-items:start; }
  .f-about{ display:grid; gap:11px; justify-items:start; }
  .f-about img{ height:46px; width:auto; }
  .f-about p{ font-size:12px; color:var(--mint); line-height:1.55; }
  .f-links{ display:flex; gap:14px; flex-wrap:wrap; }
  .f-links a{ font-size:12px; color:#fff; }
  .f-col{ display:grid; gap:9px; align-content:start; }
  .f-cap{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#fff; }
  .f-social{ display:flex; gap:8px; }
  .f-soc{ flex:1; display:flex; align-items:center; justify-content:center; gap:7px;
    background:rgba(255,255,255,.1); border-radius:var(--r); padding:9px 6px; text-decoration:none;
    color:#fff; font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; }
  .f-soc:hover{ background:rgba(255,255,255,.22); }
  .f-soc svg{ width:15px; height:15px; flex:none; }
  .f-badges{ display:flex; gap:6px; flex-wrap:wrap; }
  .f-badge{ background:rgba(255,255,255,.1); border-radius:20px; padding:4px 11px; font-size:11px;
    color:var(--mint); }
  .f-stores{ display:flex; gap:8px; flex-wrap:wrap; }
  .f-store{ display:flex; align-items:center; gap:8px; background:#fff; color:var(--ink);
    border-radius:var(--r); padding:7px 12px; text-decoration:none; }
  .f-store:hover{ background:var(--mint); }
  .f-store svg{ width:15px; height:15px; flex:none; }
  .f-store div{ display:grid; line-height:1.2; }
  .f-store span{ font-size:8.5px; color:var(--dm); }
  .f-store b{ font-size:11.5px; }
  .f-18{ display:flex; gap:12px; align-items:center; background:rgba(255,255,255,.1);
    border-radius:var(--r); padding:12px 14px; margin-top:3px; }
  .f-18 i{ flex:none; width:40px; height:40px; border-radius:50%; border:2.5px solid #FFD3D3;
    color:#FFD3D3; display:grid; place-items:center; font-style:normal; font-weight:900; font-size:12.5px; }
  .f-18 p{ font-size:11px; color:var(--mint); line-height:1.45; }
  .ftr-legal{ display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap;
    border-top:1px solid rgba(255,255,255,.25); padding-top:14px; font-size:12px; color:var(--mint); }
  @media (max-width:960px){
    .ftr-stats{ grid-template-columns:1fr 1fr; }
    .ftr-bottom{ grid-template-columns:1fr; }
  }

  @media (max-width:960px){
    .nav{ display:none; }
    .h1{ font-size:23px; }
    .bonus-cat{ grid-template-columns:1fr 1fr; }
    .bk-links{ grid-template-columns:1fr; }
  }
  @media (max-width:600px){
    .bonus-cat{ grid-template-columns:1fr; }
  }










/* Blog-hub */
  *,*::before,*::after{ box-sizing:border-box; }
  body,h1,h2,h3,h4,p,nav,ul,ol,figure{ margin:0; }
  ul,ol{ padding:0; }

  :root{
    --bg:#F0F1F2; --c:#FFFFFF; --c2:#F8F8F8; --soft:#E7F4F3; --ln:#E3E6EA;
    --ink:#1F2733; --btx:#3C4654; --dm:#6D7994;
    --teal:#40A69F; --tealD:#358F88; --tealB:#00C7B1; --tealSoft:#E7F4F3; --mint:#C4EDD3;
    --blue:#0068DF; --red:#F64747; --star:#F2A413;
    --amberSoft:#FFF3DE; --amberTx:#B26A00;
    --r:8px; --rS:4px; --sh:0 1px 3px rgba(31,39,51,.08);
  }

  body{ background:var(--bg); color:var(--ink);
    font-family:Roboto,"Segoe UI",-apple-system,Arial,sans-serif; font-size:14px; line-height:1.55; }
  a{ color:var(--blue); }

  /* ===== Шапка (как на стенде) ===== */
  .hdr{ background:var(--bg); border-bottom:1px solid var(--ln); position:sticky; top:0; z-index:20; }
  .hdr-in{ max-width:1180px; margin:0 auto; padding:0 20px; height:64px;
    display:flex; align-items:center; gap:18px; }
  .logo{ flex:none; display:block; }
  .logo img{ height:48px; width:auto; display:block; }
  .nav{ display:flex; gap:2px; margin-left:auto; }
  .nav a{ color:var(--ink); text-decoration:none; font-size:14px; padding:7px 12px; border-radius:var(--rS); }
  .nav a:hover{ background:var(--soft); color:var(--teal); }
  .nav a.on{ background:var(--soft); color:var(--teal); font-weight:700; }
  .hdr-right{ display:flex; align-items:center; gap:14px; margin-left:auto; }
  .lang{ display:flex; align-items:center; gap:5px; font-size:13.5px; font-weight:500;
    cursor:pointer; color:var(--ink); }
  .lang img{ width:16px; height:12px; display:block; border-radius:2px; }
  .lang svg{ width:13px; height:13px; }
  .h-apps{ display:flex; align-items:center; gap:3px; }
  .h-apps a{ display:grid; place-items:center; width:34px; height:34px; border-radius:var(--rS);
    color:var(--btx); }
  .h-apps a:hover{ background:var(--soft); color:var(--tealD); }
  .h-apps svg{ width:20px; height:20px; }
  .search{ color:var(--ink); display:grid; place-items:center; }
  .search svg{ width:17px; height:17px; }
  .login{ font:inherit; font-weight:700; font-size:13.5px; cursor:pointer;
    background:var(--teal); color:#fff; border:0; padding:9px 20px; border-radius:var(--rS); }
  .login:hover{ background:var(--tealD); }
  @media (max-width:960px){ .search,.lang,.h-apps{ display:none; } .logo img{ height:40px; } }

  /* ===== Каркас ===== */
  .page{ max-width:1180px; margin:0 auto; padding:16px 20px 56px; display:grid; gap:20px; }
  .crumbs{ font-size:12.5px; color:var(--dm); }
  .crumbs a{ color:var(--dm); text-decoration:none; }
  .crumbs a:hover{ color:var(--blue); text-decoration:underline; }
  .crumbs b{ color:var(--ink); font-weight:500; }
  .card{ background:var(--c); border:1px solid var(--ln); border-radius:var(--r); box-shadow:var(--sh); }
  .btn{ border:0; font:inherit; font-weight:700; font-size:13.5px; cursor:pointer;
    padding:9px 20px; border-radius:var(--rS); background:var(--teal); color:#fff;
    text-decoration:none; display:inline-block; text-align:center; }
  .btn:hover{ background:var(--tealD); }
  button:focus-visible,a:focus-visible{ outline:2px solid var(--tealD); outline-offset:1px; }

  /* ===== Заголовок хаба ===== */
  .hub-head{ display:grid; gap:12px; }
  .h1{ font-size:32px; font-weight:700; line-height:1.2; letter-spacing:-.01em; }
  .hub-sub{ font-size:15px; line-height:1.65; color:var(--btx); max-width:68ch; }
  .hub-sub b{ color:var(--btx); font-weight:500; }

  /* ===== Чипы категорий ===== */
  .chips{ display:flex; gap:8px; flex-wrap:wrap; }
  .chips button{ font:inherit; display:flex; align-items:center; gap:7px; cursor:pointer;
    background:var(--c); border:1px solid var(--ln); border-radius:20px; padding:7px 15px;
    font-size:13px; font-weight:500; color:var(--btx); white-space:nowrap; }
  .chips button:hover{ border-color:var(--teal); color:var(--teal); }
  .chips button.on{ background:var(--teal); border-color:var(--teal); color:#fff; font-weight:700; }
  .chips svg{ width:14px; height:14px; flex:none; }
  .chips .cnt{ font-size:11.5px; opacity:.65; font-variant-numeric:tabular-nums; }

  /* ===== Featured-статья ===== */
  .featured{ display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); overflow:hidden;
    text-decoration:none; color:var(--ink); }
  .featured:hover .f-title{ color:var(--tealD); }
  .f-img{ min-height:230px; display:grid; place-items:center; font-size:52px;
    background:linear-gradient(135deg,#E7F4F3,#BFE3E0); }
  .featured .f-img img{ 
        max-height: 382px;
    object-fit: contain;}
  .f-body{ padding:22px 24px; display:grid; gap:10px; align-content:center; }
  .f-meta{ display:flex; align-items:center; gap:9px; font-size:12px; color:var(--dm); flex-wrap:wrap; }
  .cat-tag{ background:var(--tealSoft); color:var(--tealD); border-radius:20px; padding:2px 10px;
    font-weight:700; font-size:10.5px; text-transform:uppercase; letter-spacing:.04em; }
  .f-title{ font-size:21px; font-weight:700; line-height:1.3; }
  .f-desc{ font-size:13.5px; color:var(--dm); }
  .f-more{ font-size:13px; font-weight:700; color:var(--tealD); }

  /* ===== Секции категорий ===== */
  .cat-sec{ display:grid; gap:12px; }
  .sec-head{ display:flex; align-items:baseline; gap:14px; flex-wrap:wrap; }
  .sec-head h2{ font-size:20px; font-weight:700; }
  .sec-head .cnt{ font-size:13px; color:var(--dm); }
  .sec-head .more{ margin-left:auto; font-size:13px; font-weight:500; text-decoration:none; }
  .sec-head .more:hover{ text-decoration:underline; }
  .grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }

  /* карточка статьи */
  .post{ border:1px solid var(--ln); border-radius:var(--r); overflow:hidden; text-decoration:none;
    color:var(--ink); display:grid; grid-template-rows:auto 1fr; background:var(--c); box-shadow:var(--sh); }
  .post:hover .p-title{ color:var(--tealD); }
  .p-img{ aspect-ratio:16/9; display:grid; place-items:center; font-size:34px; }
  .p-body{ padding:13px 15px 15px; display:grid; gap:7px; align-content:start; }
  .p-meta{ display:flex; align-items:center; gap:8px; font-size:11.5px; color:var(--dm); flex-wrap:wrap; }
  .p-title{ font-size:14.5px; font-weight:700; line-height:1.35; }
  .p-desc{ font-size:12.5px; color:var(--dm); display:-webkit-box; -webkit-line-clamp:2;
    -webkit-box-orient:vertical; overflow:hidden; }

  /* строка-статус листинга */
  .list-note{ text-align:center; font-size:12.5px; color:var(--dm); padding:4px 0 0; }

  /* ===== Промо-врезка ===== */
  .inline-promo{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; border-radius:var(--r);
    padding:16px 18px; color:#fff; background:linear-gradient(135deg,#1E4FCC,#0F2E7A); }
  .inline-promo .ip-txt{ flex:1; min-width:220px; display:grid; gap:2px; }
  .inline-promo .ip-kind{ font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; opacity:.85; }
  .inline-promo .ip-sum{ font-size:19px; font-weight:900; }
  .inline-promo .ip-note{ font-size:12.5px; opacity:.92; }
  .inline-promo .btn{ background:#fff; color:#0F2E7A; flex:none; }

  /* ===== SEO-блок ===== */
  .seo{ padding:18px 20px; display:grid; gap:12px; }
  .seo h2{ font-size:18px; font-weight:700; }
  .seo p{ font-size:14px; color:var(--btx); max-width:78ch; }
  .seo details{ display:contents; }
  .seo details > div{ display:grid; gap:12px; }
  .seo summary{ cursor:pointer; list-style:none; color:var(--tealD); font-weight:700; font-size:13.5px;
    width:fit-content; padding:4px 0; }
  .seo summary::-webkit-details-marker{ display:none; }
  .seo summary::after{ content:" ↓"; }
  .seo details[open] summary::after{ content:" ↑"; }

  .p-img svg{ width:44px; height:44px; color:var(--tealD); opacity:.8; }
  .f-img svg{ width:58px; height:58px; color:var(--tealD); opacity:.8; }
  /* ===== Бонусы и акции (общий блок) ===== */
  .bon-sec{ margin-top:8px; display:grid; gap:12px; }
  .bon-head{ display:flex; align-items:center; gap:12px; }
  .bon-head h2{ font-size:20px; font-weight:700; letter-spacing:-.01em; }
  .bon-head .bcount{ font-size:12px; background:var(--c2); border:1px solid var(--ln);
    border-radius:20px; padding:2px 10px; color:var(--dm); font-weight:700; }
  .bon-head .arrows{ margin-left:auto; display:flex; gap:8px; }
  .bon-head .arrows button{ width:34px; height:34px; border-radius:50%; border:1px solid var(--ln);
    background:var(--c); cursor:pointer; display:grid; place-items:center; color:var(--btx); }
  .bon-head .arrows button:hover{ border-color:var(--teal); color:var(--teal); }
  .bon-head .arrows svg{ width:14px; height:14px; }
  .bon-scroll{ display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory;
    scrollbar-width:none; }
  .bon-scroll::-webkit-scrollbar{ display:none; }
  .bonus{ flex:0 0 272px; scroll-snap-align:start; border:1px solid var(--ln); border-radius:var(--r);
    overflow:hidden; background:var(--c); display:grid; grid-template-rows:auto 1fr; }
  .b-img{ position:relative; aspect-ratio:16/9; background:#1F2733; }
  .b-img img{ width:100%; height:100%; object-fit:cover; display:block; }
  .b-timer{ position:absolute; left:10px; bottom:10px; display:flex; align-items:center; gap:5px;
    background:rgba(31,39,51,.78); color:#fff; font-size:11px; border-radius:20px; padding:4px 10px; }
  .b-timer svg{ width:11px; height:11px; }
  .b-excl{ position:absolute; top:10px; right:10px; background:var(--blue); color:#fff; font-size:10px;
    font-weight:700; text-transform:uppercase; letter-spacing:.05em; border-radius:20px; padding:3px 10px; }
  .b-img.fake{ display:grid; place-items:center; color:#fff; text-align:center; }
  .b-img.fake .fk b{ font-size:21px; font-weight:900; display:block; }
  .b-img.fake .fk span{ font-size:10.5px; font-weight:700; text-transform:uppercase;
    letter-spacing:.07em; opacity:.85; }
  .b-body{ padding:12px 14px 14px; display:grid; gap:8px; align-content:start; }
  .b-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
  .bn-logo{ height:24px; display:grid; place-items:center; }
  .bn-logo img{ height:22px; width:auto; max-width:96px; display:block; }
  .b-sum{ text-align:right; }
  .b-sum b{ font-size:15px; }
  .b-sum span{ display:block; font-size:10.5px; color:var(--dm); }
  .b-title{ font-size:13px; font-weight:500; line-height:1.4; }
  .b-tags{ display:flex; gap:5px; flex-wrap:wrap; }
  .b-tags span{ font-size:10.5px; background:var(--c2); border:1px solid var(--ln); border-radius:20px;
    padding:2px 9px; color:var(--dm); }
  .bonus .btn{ padding:9px 0; font-size:12.5px; }

  /* ===== Футер ===== */
  .ftr{ background:var(--teal); margin-top:32px; color:#fff; }
  .ftr-in{ max-width:1180px; margin:0 auto; padding:34px 20px 22px; display:grid; gap:24px; }
  .ftr h4{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em;
    color:#FFFFFF; margin-bottom:8px; }
  .ftr-cols{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px 18px; }
  .ftr ul{ display:grid; gap:5px; }
  .ftr li{ list-style:none; }
  .ftr li a{ font-size:12.5px; color:var(--mint); text-decoration:none; }
  .ftr li a:hover{ color:#FFFFFF; text-decoration:underline; }
  .ftr-stats{ display:grid; grid-template-columns:repeat(5,1fr); gap:10px;
    border-top:1px solid rgba(255,255,255,.25); padding-top:22px; }
  .f-stat{ background:rgba(255,255,255,.1); border-radius:var(--r); padding:12px 14px; display:grid; gap:1px; }
  .f-stat b{ font-size:15px; font-variant-numeric:tabular-nums; }
  .f-stat span{ font-size:11px; color:var(--mint); }
  .ftr-bottom{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);
    gap:24px; border-top:1px solid rgba(255,255,255,.25); padding-top:22px; align-items:start; }
  .f-about{ display:grid; gap:11px; justify-items:start; }
  .f-about img{ height:46px; width:auto; }
  .f-about p{ font-size:12px; color:var(--mint); line-height:1.55; }
  .f-links{ display:flex; gap:14px; flex-wrap:wrap; }
  .f-links a{ font-size:12px; color:#fff; }
  .f-col{ display:grid; gap:9px; align-content:start; }
  .f-cap{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#fff; }
  .f-social{ display:flex; gap:8px; }
  .f-soc{ flex:1; display:flex; align-items:center; justify-content:center; gap:7px;
    background:rgba(255,255,255,.1); border-radius:var(--r); padding:9px 6px; text-decoration:none;
    color:#fff; font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; }
  .f-soc:hover{ background:rgba(255,255,255,.22); }
  .f-soc svg{ width:15px; height:15px; flex:none; }
  .f-badges{ display:flex; gap:6px; flex-wrap:wrap; }
  .f-badge{ background:rgba(255,255,255,.1); border-radius:20px; padding:4px 11px; font-size:11px;
    color:var(--mint); }
  .f-stores{ display:flex; gap:8px; flex-wrap:wrap; }
  .f-store{ display:flex; align-items:center; gap:8px; background:#fff; color:var(--ink);
    border-radius:var(--r); padding:7px 12px; text-decoration:none; }
  .f-store:hover{ background:var(--mint); }
  .f-store svg{ width:15px; height:15px; flex:none; }
  .f-store div{ display:grid; line-height:1.2; }
  .f-store span{ font-size:8.5px; color:var(--dm); }
  .f-store b{ font-size:11.5px; }
  .f-18{ display:flex; gap:12px; align-items:center; background:rgba(255,255,255,.1);
    border-radius:var(--r); padding:12px 14px; margin-top:3px; }
  .f-18 i{ flex:none; width:40px; height:40px; border-radius:50%; border:2.5px solid #FFD3D3;
    color:#FFD3D3; display:grid; place-items:center; font-style:normal; font-weight:900; font-size:12.5px; }
  .f-18 p{ font-size:11px; color:var(--mint); line-height:1.45; }
  .ftr-legal{ display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap;
    border-top:1px solid rgba(255,255,255,.25); padding-top:14px; font-size:12px; color:var(--mint); }
  @media (max-width:960px){
    .ftr-stats{ grid-template-columns:1fr 1fr; }
    .ftr-bottom{ grid-template-columns:1fr; }
  }

  @media (max-width:960px){
    .nav{ display:none; }
    .h1{ font-size:23px; }
    .featured{ grid-template-columns:1fr; }
    .f-img{ min-height:150px; }
    .grid{ grid-template-columns:1fr 1fr; }
    .ftr-cols{ grid-template-columns:1fr 1fr; }
  }
  @media (max-width:600px){
    .grid{ grid-template-columns:1fr; }
  }




/* apps-hub */
  *,*::before,*::after{ box-sizing:border-box; }
  body,h1,h2,h3,h4,p,nav,ul,ol,figure,table{ margin:0; }
  ul,ol{ padding:0; }

  :root{
    --bg:#F0F1F2; --c:#FFFFFF; --c2:#F8F8F8; --soft:#E7F4F3; --ln:#E3E6EA;
    --ink:#1F2733; --btx:#3C4654; --dm:#6D7994;
    --teal:#40A69F; --tealD:#358F88; --tealB:#00C7B1; --tealSoft:#E7F4F3; --mint:#C4EDD3;
    --blue:#0068DF; --red:#F64747; --star:#F2A413;
    --amberSoft:#FFF3DE; --amberTx:#B26A00;
    --r:8px; --rS:4px; --sh:0 1px 3px rgba(31,39,51,.08);
  }

  body{ background:var(--bg); color:var(--ink);
    font-family:Roboto,"Segoe UI",-apple-system,Arial,sans-serif; font-size:14px; line-height:1.55; }
  a{ color:var(--blue); }

  /* ===== Шапка (как на стенде) ===== */
  .hdr{ background:var(--bg); border-bottom:1px solid var(--ln); position:sticky; top:0; z-index:20; }
  .hdr-in{ max-width:1180px; margin:0 auto; padding:0 20px; height:64px;
    display:flex; align-items:center; gap:18px; }
  .logo{ flex:none; display:block; }
  .logo img{ height:48px; width:auto; display:block; }
  .nav{ display:flex; gap:2px; margin-left:auto; }
  .nav a{ color:var(--ink); text-decoration:none; font-size:14px; padding:7px 12px; border-radius:var(--rS); }
  .nav a:hover{ background:var(--soft); color:var(--teal); }
  .nav a.on{ background:var(--soft); color:var(--teal); font-weight:700; }
  .hdr-right{ display:flex; align-items:center; gap:14px; margin-left:auto; }
  .lang{ display:flex; align-items:center; gap:5px; font-size:13.5px; font-weight:500;
    cursor:pointer; color:var(--ink); }
  .lang img{ width:16px; height:12px; display:block; border-radius:2px; }
  .lang svg{ width:13px; height:13px; }
  .h-apps{ display:flex; align-items:center; gap:3px; }
  .h-apps a{ display:grid; place-items:center; width:34px; height:34px; border-radius:var(--rS);
    color:var(--btx); }
  .h-apps a:hover{ background:var(--soft); color:var(--tealD); }
  .h-apps svg{ width:20px; height:20px; }
  .search{ color:var(--ink); display:grid; place-items:center; }
  .search svg{ width:17px; height:17px; }
  .login{ font:inherit; font-weight:700; font-size:13.5px; cursor:pointer;
    background:var(--teal); color:#fff; border:0; padding:9px 20px; border-radius:var(--rS); }
  .login:hover{ background:var(--tealD); }
  @media (max-width:960px){ .search,.lang,.h-apps{ display:none; } .logo img{ height:40px; } }

  /* ===== Каркас ===== */
  .page{ max-width:1180px; margin:0 auto; padding:16px 20px 56px; display:grid; gap:20px; }
  .crumbs{ font-size:12.5px; color:var(--dm); }
  .crumbs a{ color:var(--dm); text-decoration:none; }
  .crumbs a:hover{ color:var(--blue); text-decoration:underline; }
  .crumbs b{ color:var(--ink); font-weight:500; }
  .card{ background:var(--c); border:1px solid var(--ln); border-radius:var(--r); box-shadow:var(--sh); }
  .btn{ border:0; font:inherit; font-weight:700; font-size:13.5px; cursor:pointer;
    padding:9px 20px; border-radius:var(--rS); background:var(--teal); color:#fff;
    text-decoration:none; display:inline-block; text-align:center; }
  .btn:hover{ background:var(--tealD); }
  .btn.ghost{ background:var(--c); color:var(--teal); border:1px solid var(--teal); }
  .btn.ghost:hover{ background:var(--soft); }
  button:focus-visible,a:focus-visible,summary:focus-visible{ outline:2px solid var(--tealD); outline-offset:1px; }

  /* ===== Заголовок ===== */
  .hub-head{ display:grid; gap:12px; justify-items:start; }
  h1.h1{ font-size:30px; font-weight:700; line-height:1.25; letter-spacing:-.01em; text-wrap:balance; margin: 0;}
  .meta{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; font-size:12px; color:var(--dm); }
  .meta b{ color:var(--btx); font-weight:500; }
  .meta .dot{ display:inline-flex; align-items:center; gap:7px; }
  .meta .dot i{ width:7px; height:7px; border-radius:50%; background:var(--teal); }
  .intro{ font-size:15px; line-height:1.65; color:var(--btx); max-width:68ch; }

  /* ===== Чипы-подборки ===== */
  .chips{ display:flex; gap:8px; flex-wrap:wrap; }
  .chips a{ display:flex; align-items:center; gap:7px; text-decoration:none;
    background:var(--c); border:1px solid var(--ln); border-radius:20px; padding:7px 15px;
    font-size:13px; font-weight:500; color:var(--btx); white-space:nowrap; }
  .chips a:hover{ border-color:var(--teal); color:var(--teal); }
  .chips a.on{ background:var(--teal); border-color:var(--teal); color:#fff; font-weight:700; }
  .chips .cnt{ font-size:11.5px; opacity:.65; font-variant-numeric:tabular-nums; }
  .chips svg{ width:14px; height:14px; flex:none; }

  /* ===== Листинг БК ===== */
  .rating{ padding:16px 18px 18px; display:grid; }
  .bk-list{ display:grid; }
  .bk-head,.bk-row{ display:grid; grid-template-columns:34px 122px minmax(0,1fr) 176px 204px;
    gap:16px; align-items:center; }
  .bk-head{ padding:0 6px 10px; font-size:11px; font-weight:700; text-transform:uppercase;
    letter-spacing:.06em; color:var(--dm); border-bottom:1px solid var(--ln); }
  .bk-row{ padding:12px 6px; border-top:1px solid var(--ln); }
  .bk-list .bk-row:first-of-type{ border-top:0; }
  .bk-row:hover{ background:var(--c2); }
  .bk-row .n{ width:26px; height:26px; display:grid; place-items:center; border-radius:50%;
    background:var(--soft); color:var(--blue); font-weight:700; font-size:12.5px; }
  .bk-row.top1 .n{ background:var(--star); color:#fff; }
  .bk-list .bk-row:nth-of-type(2) .n{ background:#E9EDF2; color:#5B6B7F; }
  .bk-list .bk-row:nth-of-type(3) .n{ background:#F4E4D3; color:#A9642A; }
  .bk-logo{ height:40px; border-radius:var(--rS); display:grid; place-items:center;
    color:#fff; font-weight:900; font-size:13px; letter-spacing:.02em; }
  .bk-mid{ display:grid; gap:2px; min-width:0; }
  .bk-score{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
  .bk-score b{ font-size:14.5px; }
  .stars{ color:var(--star); font-size:11px; letter-spacing:1.5px; }
  .bk-mid .revs{ font-size:12.5px; color:var(--dm); text-decoration:none; }
  .bk-mid .revs:hover{ color:var(--blue); text-decoration:underline; }
  .bk-mid .revs b{ color:var(--btx); font-weight:500; }
  .excl{ display:inline-block; background:var(--amberSoft); color:var(--amberTx); border-radius:20px;
    font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; padding:2px 9px; }
  .bk-bonus{ background:var(--amberSoft); border-radius:var(--r); padding:8px 14px; display:grid; gap:1px; }
  .bk-bonus b{ font-size:14px; color:var(--amberTx); font-variant-numeric:tabular-nums; white-space:nowrap; }
  .bk-bonus span{ font-size:11px; color:var(--dm); }
  .bk-btns{ display:flex; gap:8px; }
  .bk-btns .btn{ padding:8px 0; font-size:12.5px; flex:1; }

  /* ===== Контентные секции ===== */
  .content{ padding:22px 26px 26px; display:grid; gap:16px; }
  .content h2{ font-size:21px; font-weight:700; margin-top:6px; }
  .content h2:first-child{ margin-top:0; }
  .content p{ font-size:14.5px; color:var(--btx); max-width:86ch; }
  .col-lg-12 .content p{ max-width: 100%; }
  .content ul.list{ display:grid; gap:7px; }
  .content ul.list li{ list-style:none; padding-left:20px; position:relative; font-size:14.5px;
    color:var(--btx); max-width:84ch; }
  .content ul.list li::before{ content:""; position:absolute; left:2px; top:.62em; width:7px; height:7px;
    border-radius:50%; background:var(--teal); }
  .content ul.list li b{ color:var(--ink); }

  /* сравнительная таблица — выигрывающая колонка выделена */
  .tbl-wrap{ overflow-x:auto; border:1px solid var(--ln); border-radius:var(--r); box-shadow:var(--sh); }
  
  table.cmp{ border-collapse:separate; border-spacing:0; width:100%; font-size:13.5px; min-width:640px; padding: 0; margin: 0; }
  table.cmp th:first-child, 
  table.cmp td:first-child {
    padding-left: 16px;
}
table.cmp th {
  border-top: none;
}
table.cmp tr:last-child td {
    padding-bottom: 13px;
}
  .cmp th,.cmp td{ padding:13px 16px; text-align:left; }
  .cmp thead th{ font-size:11.5px; text-transform:uppercase; letter-spacing:.06em; font-weight:700;
    background:var(--c2); color:var(--dm); border-bottom:1px solid var(--ln); }
  .cmp thead th.col-win{ background:var(--teal); color:#fff; border-bottom-color:var(--teal); }
  .cmp tbody td{ border-bottom:1px solid var(--ln); color:var(--btx); vertical-align:top; }
  .cmp tbody tr:last-child td{ border-bottom:0; }
  .cmp tbody tr:hover td{ background:var(--c2); }
  .cmp td.c-win{ background:rgba(231,244,243,.55); }
  .cmp tbody tr:hover td.c-win{ background:rgba(231,244,243,.9); }
  .cmp td:first-child{ font-weight:500; color:var(--ink); white-space:nowrap; }
  .cmp .ic{ display:inline-grid; place-items:center; width:18px; height:18px; border-radius:50%;
    font-style:normal; font-size:10px; font-weight:700; margin-right:8px; vertical-align:-4px; }
  .cmp .ic.ok{ background:var(--teal); color:#fff; }
  .cmp .ic.no{ background:#FDEAEA; color:#C22525; }

  /* плюсы / минусы */
  .pm{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
  .pm > div{ border:1px solid var(--ln); border-radius:var(--r); padding:15px 17px; display:grid; gap:8px;
    align-content:start; }
  .pm .plus{ background:var(--tealSoft); border-color:#CBE8E5; }
  .pm .minus{ background:var(--amberSoft); border-color:#F3DFC0; }
  .pm h3{ font-size:14px; font-weight:700; }
  .pm ul{ display:grid; gap:6px; }
  .pm li{ list-style:none; padding-left:26px; position:relative; font-size:13.5px; color:var(--btx); }
  .pm li::before{ position:absolute; left:0; top:2px; width:16px; height:16px; border-radius:50%;
    font-size:9px; font-weight:700; display:grid; place-items:center; }
  .pm .plus li::before{ content:"✓"; background:var(--teal); color:#fff; }
  .pm .minus li::before{ content:"✕"; background:#FDEAEA; color:#C22525; }

  /* шаги регистрации */
  .steps{ display:grid; gap:10px; counter-reset:step; }
  .steps li{ list-style:none; counter-increment:step; display:flex; gap:13px; align-items:flex-start;
    border:1px solid var(--ln); border-radius:var(--r); padding:13px 16px; }
  .steps li::before{ content:counter(step); flex:none; width:30px; height:30px; border-radius:50%;
    background:var(--teal); color:#fff; font-weight:700; font-size:14px; display:grid; place-items:center; }
  .steps li div{ display:grid; gap:2px; }
  .steps b{ font-size:14px; }
  .steps span{ font-size:13px; color:var(--dm); }

  /* топ-3: пьедестал с плашками мест */
  .podium{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; align-items:start; }
  .pod{ border:1px solid var(--ln); border-radius:var(--r); overflow:hidden; background:var(--c);
    display:grid; text-decoration:none; color:var(--ink); }
  .pod:hover{ border-color:var(--teal); }
  .pod.p1{ border-color:#F2A413; box-shadow:0 4px 16px rgba(242,164,19,.16); }
  .pod-top{ display:flex; align-items:center; gap:9px; padding:9px 14px; font-size:11.5px;
    font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
  .pod-top i{ width:23px; height:23px; border-radius:50%; display:grid; place-items:center;
    font-style:normal; font-size:12px; background:#fff; }
  .pod.p1 .pod-top{ background:linear-gradient(135deg,#F7C948,#F2A413); color:#6E4A00; }
  .pod.p2 .pod-top{ background:linear-gradient(135deg,#EDF0F4,#D7DDE5); color:#5B6B7F; }
  .pod.p3 .pod-top{ background:linear-gradient(135deg,#F4E4D3,#E4C6A4); color:#7E4C1E; }
  .pod-body{ padding:16px; display:grid; gap:18px; justify-items:center; text-align:center; }
  .pod-body .bk-logo{ width:120px; }
  .pod-score{ display:flex; align-items:center; gap:7px; }
  .pod-score b{ font-size:16px; color: black; }
  .pod-why{ font-size:12.5px; color:var(--dm); }
  .pod-bonus{ background:var(--amberSoft); color:var(--amberTx); border-radius:20px; padding:5px 14px;
    font-size:12.5px; font-weight:700; }
  .pod-btns{ display:flex; gap:8px; width:100%; margin-top:3px; }
  .pod-btns .btn{ flex:1; padding:8px 0; font-size:12.5px; }

  /* ===== Промо-врезка ===== */
  .inline-promo{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; border-radius:var(--r);
    padding:16px 18px; color:#fff; background:linear-gradient(135deg,#F26522,#C74A0E); }
  .inline-promo .ip-txt{ flex:1; min-width:220px; display:grid; gap:2px; }
  .inline-promo .ip-kind{ font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; opacity:.85; }
  .inline-promo .ip-sum{ font-size:19px; font-weight:900; }
  .inline-promo .ip-note{ font-size:12.5px; opacity:.92; }
  .inline-promo .btn{ background:#fff; color:#C74A0E; flex:none; }

  /* ===== FAQ ===== */
  .faq{ display:grid; gap:10px; }
  .faq h2{ font-size:18px; font-weight:700; }
  .faq details{ border-bottom:1px solid var(--ln); }
  .faq details:last-of-type{ border-bottom:0; }
  .faq summary{ cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:14px;
    align-items:center; padding:13px 2px; font-weight:500; font-size:14.5px; color:var(--ink); }
  .faq summary:hover{ color:var(--tealD); }
  .faq summary::-webkit-details-marker{ display:none; }
  .faq summary::after{ content:""; width:8px; height:8px; flex:none;
    border-right:2px solid var(--dm); border-bottom:2px solid var(--dm);
    transform:rotate(45deg); transition:transform .15s; margin-right:3px; }
  .faq details[open] summary{ color:var(--tealD); font-weight:700; }
  .faq details[open] summary::after{ transform:rotate(-135deg); border-color:var(--tealD); }
  .faq .a{ padding:0 2px 15px; font-size:13.5px; color:var(--btx); max-width:78ch; }
    .col-lg-12 .faq .a {
max-width:100%;
    }
  .bk-logo--img{ background:transparent; border:0; }
  .bk-logo--img img{ height:88%; width:auto; max-width:100%; display:block; }
  .name-img{ height:15px; width:auto; max-width:96px; display:block; margin-bottom:3px; }
  /* ===== Бонусы и акции (общий блок) ===== */
  .bon-sec{ margin-top:8px; display:grid; gap:12px; }
  .bon-head{ display:flex; align-items:center; gap:12px; }
  .bon-head h2{ font-size:20px; font-weight:700; letter-spacing:-.01em; }
  .bon-head .bcount{ font-size:12px; background:var(--c2); border:1px solid var(--ln);
    border-radius:20px; padding:2px 10px; color:var(--dm); font-weight:700; }
  .bon-head .arrows{ margin-left:auto; display:flex; gap:8px; }
  .bon-head .arrows button{ width:34px; height:34px; border-radius:50%; border:1px solid var(--ln);
    background:var(--c); cursor:pointer; display:grid; place-items:center; color:var(--btx); }
  .bon-head .arrows button:hover{ border-color:var(--teal); color:var(--teal); }
  .bon-head .arrows svg{ width:14px; height:14px; }
  .bon-scroll{ display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory;
    scrollbar-width:none; }
  .bon-scroll::-webkit-scrollbar{ display:none; }
  .bonus{ flex:0 0 272px; scroll-snap-align:start; border:1px solid var(--ln); border-radius:var(--r);
    overflow:hidden; background:var(--c); display:grid; grid-template-rows:auto 1fr; }
  .b-img{ position:relative; aspect-ratio:16/9; background:#1F2733; }
  .b-img img{ width:100%; height:100%; object-fit:cover; display:block; }
  .b-timer{ position:absolute; left:10px; bottom:10px; display:flex; align-items:center; gap:5px;
    background:rgba(31,39,51,.78); color:#fff; font-size:11px; border-radius:20px; padding:4px 10px; }
  .b-timer svg{ width:11px; height:11px; }
  .b-excl{ position:absolute; top:10px; right:10px; background:var(--blue); color:#fff; font-size:10px;
    font-weight:700; text-transform:uppercase; letter-spacing:.05em; border-radius:20px; padding:3px 10px; }
  .b-img.fake{ display:grid; place-items:center; color:#fff; text-align:center; }
  .b-img.fake .fk b{ font-size:21px; font-weight:900; display:block; }
  .b-img.fake .fk span{ font-size:10.5px; font-weight:700; text-transform:uppercase;
    letter-spacing:.07em; opacity:.85; }
  .b-body{ padding:12px 14px 14px; display:grid; gap:8px; align-content:start; }
  .b-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
  .bn-logo{ height:24px; display:grid; place-items:center; }
  .bn-logo img{ height:22px; width:auto; max-width:96px; display:block; }
  .b-sum{ text-align:right; }
  .b-sum b{ font-size:15px; }
  .b-sum span{ display:block; font-size:10.5px; color:var(--dm); }
  .b-title{ font-size:13px; font-weight:500; line-height:1.4; }
  .b-tags{ display:flex; gap:5px; flex-wrap:wrap; }
  .b-tags span{ font-size:10.5px; background:var(--c2); border:1px solid var(--ln); border-radius:20px;
    padding:2px 9px; color:var(--dm); }
  .bonus .btn{ padding:9px 0; font-size:12.5px; }

  /* ===== Футер ===== */
  .ftr{ background:var(--teal); margin-top:32px; color:#fff; }
  .ftr-in{ max-width:1180px; margin:0 auto; padding:34px 20px 22px; display:grid; gap:24px; }
  .ftr h4{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.06em;
    color:#FFFFFF; margin-bottom:8px; }
  .ftr-cols{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px 18px; }
  .ftr ul{ display:grid; gap:5px; }
  .ftr li{ list-style:none; }
  .ftr li a{ font-size:12.5px; color:var(--mint); text-decoration:none; }
  .ftr li a:hover{ color:#FFFFFF; text-decoration:underline; }
  .ftr-stats{ display:grid; grid-template-columns:repeat(5,1fr); gap:10px;
    border-top:1px solid rgba(255,255,255,.25); padding-top:22px; }
  .f-stat{ background:rgba(255,255,255,.1); border-radius:var(--r); padding:12px 14px; display:grid; gap:1px; }
  .f-stat b{ font-size:15px; font-variant-numeric:tabular-nums; }
  .f-stat span{ font-size:11px; color:var(--mint); }
  .ftr-bottom{ display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);
    gap:24px; border-top:1px solid rgba(255,255,255,.25); padding-top:22px; align-items:start; }
  .f-about{ display:grid; gap:11px; justify-items:start; }
  .f-about img{ height:46px; width:auto; }
  .f-about p{ font-size:12px; color:var(--mint); line-height:1.55; }
  .f-links{ display:flex; gap:14px; flex-wrap:wrap; }
  .f-links a{ font-size:12px; color:#fff; }
  .f-col{ display:grid; gap:9px; align-content:start; }
  .f-cap{ font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#fff; }
  .f-social{ display:flex; gap:8px; }
  .f-soc{ flex:1; display:flex; align-items:center; justify-content:center; gap:7px;
    background:rgba(255,255,255,.1); border-radius:var(--r); padding:9px 6px; text-decoration:none;
    color:#fff; font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; }
  .f-soc:hover{ background:rgba(255,255,255,.22); }
  .f-soc svg{ width:15px; height:15px; flex:none; }
  .f-badges{ display:flex; gap:6px; flex-wrap:wrap; }
  .f-badge{ background:rgba(255,255,255,.1); border-radius:20px; padding:4px 11px; font-size:11px;
    color:var(--mint); }
  .f-stores{ display:flex; gap:8px; flex-wrap:wrap; }
  .f-store{ display:flex; align-items:center; gap:8px; background:#fff; color:var(--ink);
    border-radius:var(--r); padding:7px 12px; text-decoration:none; }
  .f-store:hover{ background:var(--mint); }
  .f-store svg{ width:15px; height:15px; flex:none; }
  .f-store div{ display:grid; line-height:1.2; }
  .f-store span{ font-size:8.5px; color:var(--dm); }
  .f-store b{ font-size:11.5px; }
  .f-18{ display:flex; gap:12px; align-items:center; background:rgba(255,255,255,.1);
    border-radius:var(--r); padding:12px 14px; margin-top:3px; }
  .f-18 i{ flex:none; width:40px; height:40px; border-radius:50%; border:2.5px solid #FFD3D3;
    color:#FFD3D3; display:grid; place-items:center; font-style:normal; font-weight:900; font-size:12.5px; }
  .f-18 p{ font-size:11px; color:var(--mint); line-height:1.45; }
  .ftr-legal{ display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap;
    border-top:1px solid rgba(255,255,255,.25); padding-top:14px; font-size:12px; color:var(--mint); }
  @media (max-width:960px){
    .ftr-stats{ grid-template-columns:1fr 1fr; }
    .ftr-bottom{ grid-template-columns:1fr; }
  }

  @media (max-width:960px){
    .nav{ display:none; }
    .h1{ font-size:22px; }
    .content{ padding:18px 16px 20px; }
    .bk-head{ display:none; }
    .bk-row{ grid-template-columns:34px 96px minmax(0,1fr); gap:10px 12px; }
    .bk-bonus{ grid-column:2/4; justify-items:start; }
    .bk-btns{ grid-column:2/4; }
    .pm{ grid-template-columns:1fr; }
    .podium{ grid-template-columns:1fr; }
    .ftr-cols{ grid-template-columns:1fr 1fr; }
  }
  @media (prefers-reduced-motion: reduce){ .faq summary::after{ transition:none; } }



   .more-strip{ display:flex; align-items:center; gap:10px 16px; flex-wrap:wrap; margin-top:14px;
    padding:12px 16px; border:1px dashed var(--ln); border-radius:var(--r); background:var(--c2); }
  .more-strip__label{ font-size:12px; font-weight:700; color:var(--dm); text-transform:uppercase;
    letter-spacing:.05em; flex:none; }
  .more-strip a{ display:inline-flex; align-items:center; gap:5px; font-size:13px; font-weight:600;
    color:var(--tealD); text-decoration:none; white-space:nowrap; }
  .more-strip a:hover{ text-decoration:underline; }
  .more-strip a svg{ width:14px; height:14px; }


  .podium.podium .pod:nth-child(2) .pod-top {
    background: linear-gradient(135deg, #EDF0F4, #D7DDE5);
    color: #5B6B7F;
  }
  .podium.podium .pod:nth-child(2),
  .podium.podium .pod:nth-child(3) {
    border-color: var(--teal);
  }

  .podium.podium .pod:nth-child(3) .pod-top {
    background: linear-gradient(135deg, #F4E4D3, #E4C6A4);
    color: #7E4C1E;
  }