/* === navbar CSS from donor === */
/* === rating-dropdown v1 === */
.rk-wrap-nav{position:relative;display:flex;align-items:center;}
.rk-trigger-nav{color:var(--t2);font-size:12.5px;font-weight:500;padding:6px 11px;border-radius:6px;transition:.2s;white-space:nowrap;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:4px;}
.rk-trigger-nav::after{content:"▾";font-size:9px;opacity:.6;margin-left:2px;transition:.2s;}
.rk-trigger-nav:hover{color:#fff;background:var(--sf);}
.rk-wrap-nav:hover .rk-trigger-nav{color:#fff;background:var(--sf);}
.rk-wrap-nav:hover .rk-trigger-nav::after{transform:rotate(180deg);opacity:1;}
.rk-dd-nav{position:absolute;top:calc(100% + 8px);left:0;min-width:420px;max-width:480px;background:#0d1018;border:1px solid var(--bd2);border-radius:14px;padding:14px;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.03);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease;z-index:300;}
.rk-wrap-nav:hover .rk-dd-nav,.rk-wrap-nav:focus-within .rk-dd-nav{opacity:1;pointer-events:auto;transform:translateY(0);}
.rk-dd-nav::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px;}
.rk-dd-h-nav{padding:0 4px 12px;border-bottom:1px solid var(--bd);margin-bottom:10px;}
.rk-dd-title-nav{font-family:Unbounded,sans-serif;font-size:13px;font-weight:700;color:#fff;margin-bottom:2px;}
.rk-dd-sub-nav{font-size:11px;color:var(--t3);}
.rk-dd-item-nav{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--t2);transition:.16s;cursor:pointer;}
.rk-dd-item-nav:hover{background:rgba(59,130,246,.08);color:#fff;}
.rk-dd-ico-nav{font-size:18px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--sf);border-radius:7px;flex-shrink:0;}
.rk-dd-item-nav:hover .rk-dd-ico-nav{background:rgba(59,130,246,.15);}
.rk-dd-meta-nav{flex:1;min-width:0;}
.rk-dd-name-nav{font-size:12.5px;font-weight:600;color:#fff;}
.rk-dd-desc-nav{font-size:10.5px;color:var(--t3);line-height:1.35;margin-top:1px;}
.rk-dd-cta-nav{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:10px;background:linear-gradient(135deg,rgba(59,130,246,.14),rgba(139,92,246,.10));border:1px solid rgba(59,130,246,.22);border-radius:8px;font-size:12px;font-weight:600;color:#fff;text-decoration:none;}
.rk-dd-cta-nav:hover{background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(139,92,246,.16));}


/* === rating-dropdown v1 === */
.rk-wrap-nav{position:relative;display:flex;align-items:center;}
.rk-trigger-nav{color:var(--t2);font-size:12.5px;font-weight:500;padding:6px 11px;border-radius:6px;transition:.2s;white-space:nowrap;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:4px;}
.rk-trigger-nav::after{content:"▾";font-size:9px;opacity:.6;margin-left:2px;transition:.2s;}
.rk-trigger-nav:hover{color:#fff;background:var(--sf);}
.rk-wrap-nav:hover .rk-trigger-nav{color:#fff;background:var(--sf);}
.rk-wrap-nav:hover .rk-trigger-nav::after{transform:rotate(180deg);opacity:1;}
.rk-dd-nav{position:absolute;top:calc(100% + 8px);left:0;min-width:420px;max-width:480px;background:#0d1018;border:1px solid var(--bd2);border-radius:14px;padding:14px;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.03);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease;z-index:300;}
.rk-wrap-nav:hover .rk-dd-nav,.rk-wrap-nav:focus-within .rk-dd-nav{opacity:1;pointer-events:auto;transform:translateY(0);}
.rk-dd-nav::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px;}
.rk-dd-h-nav{padding:0 4px 12px;border-bottom:1px solid var(--bd);margin-bottom:10px;}
.rk-dd-title-nav{font-family:Unbounded,sans-serif;font-size:13px;font-weight:700;color:#fff;margin-bottom:2px;}
.rk-dd-sub-nav{font-size:11px;color:var(--t3);}
.rk-dd-item-nav{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--t2);transition:.16s;cursor:pointer;}
.rk-dd-item-nav:hover{background:rgba(59,130,246,.08);color:#fff;}
.rk-dd-ico-nav{font-size:18px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--sf);border-radius:7px;flex-shrink:0;}
.rk-dd-item-nav:hover .rk-dd-ico-nav{background:rgba(59,130,246,.15);}
.rk-dd-meta-nav{flex:1;min-width:0;}
.rk-dd-name-nav{font-size:12.5px;font-weight:600;color:#fff;}
.rk-dd-desc-nav{font-size:10.5px;color:var(--t3);line-height:1.35;margin-top:1px;}
.rk-dd-cta-nav{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:10px;background:linear-gradient(135deg,rgba(59,130,246,.14),rgba(139,92,246,.10));border:1px solid rgba(59,130,246,.22);border-radius:8px;font-size:12px;font-weight:600;color:#fff;text-decoration:none;}
.rk-dd-cta-nav:hover{background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(139,92,246,.16));}


/* === rating-dropdown v1 === */
.rk-wrap-nav{position:relative;display:flex;align-items:center;}
.rk-trigger-nav{color:var(--t2);font-size:12.5px;font-weight:500;padding:6px 11px;border-radius:6px;transition:.2s;white-space:nowrap;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:4px;}
.rk-trigger-nav::after{content:"▾";font-size:9px;opacity:.6;margin-left:2px;transition:.2s;}
.rk-trigger-nav:hover{color:#fff;background:var(--sf);}
.rk-wrap-nav:hover .rk-trigger-nav{color:#fff;background:var(--sf);}
.rk-wrap-nav:hover .rk-trigger-nav::after{transform:rotate(180deg);opacity:1;}
.rk-dd-nav{position:absolute;top:calc(100% + 8px);left:0;min-width:420px;max-width:480px;background:#0d1018;border:1px solid var(--bd2);border-radius:14px;padding:14px;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.03);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease;z-index:300;}
.rk-wrap-nav:hover .rk-dd-nav,.rk-wrap-nav:focus-within .rk-dd-nav{opacity:1;pointer-events:auto;transform:translateY(0);}
.rk-dd-nav::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px;}
.rk-dd-h-nav{padding:0 4px 12px;border-bottom:1px solid var(--bd);margin-bottom:10px;}
.rk-dd-title-nav{font-family:Unbounded,sans-serif;font-size:13px;font-weight:700;color:#fff;margin-bottom:2px;}
.rk-dd-sub-nav{font-size:11px;color:var(--t3);}
.rk-dd-item-nav{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--t2);transition:.16s;cursor:pointer;}
.rk-dd-item-nav:hover{background:rgba(59,130,246,.08);color:#fff;}
.rk-dd-ico-nav{font-size:18px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--sf);border-radius:7px;flex-shrink:0;}
.rk-dd-item-nav:hover .rk-dd-ico-nav{background:rgba(59,130,246,.15);}
.rk-dd-meta-nav{flex:1;min-width:0;}
.rk-dd-name-nav{font-size:12.5px;font-weight:600;color:#fff;}
.rk-dd-desc-nav{font-size:10.5px;color:var(--t3);line-height:1.35;margin-top:1px;}
.rk-dd-cta-nav{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;padding:10px;background:linear-gradient(135deg,rgba(59,130,246,.14),rgba(139,92,246,.10));border:1px solid rgba(59,130,246,.22);border-radius:8px;font-size:12px;font-weight:600;color:#fff;text-decoration:none;}
.rk-dd-cta-nav:hover{background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(139,92,246,.16));}

:root{--bg:#06080f;--bg2:#0d1018;--sf:#111520;--sf2:#181d2e;--bd:#1e2540;--bd2:#252d48;--ac:#3b82f6;--ag:rgba(59,130,246,.14);--gd:#f59e0b;--gg:rgba(245,158,11,.12);--gn:#10b981;--rd:#ef4444;--pu:#8b5cf6;--tx:#e8edf8;--t2:#8896b3;--t3:#4a5578;--r:8px;--r2:12px;}
*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--tx);overflow-x:hidden;line-height:1.6;}
::-webkit-scrollbar{width:4px;}::-webkit-scrollbar-track{background:var(--bg);}::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:4px;}
.nav{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(6,8,15,.92);backdrop-filter:blur(24px);border-bottom:1px solid var(--bd);}
.navi{display:flex;align-items:center;height:60px;padding:0 40px;gap:20px;}
.logo{font-family:'Unbounded',sans-serif;font-size:17px;font-weight:700;color:#fff;cursor:pointer;flex-shrink:0;}
.logo span{color:var(--ac);}
.navl{display:flex;gap:2px;flex:1;}
.navl a{color:var(--t2);font-size:12.5px;font-weight:500;padding:6px 11px;border-radius:6px;transition:.2s;white-space:nowrap;cursor:pointer;text-decoration:none;}
.navl a:hover,.navl a.act{color:#fff;background:var(--sf);}
.navl a.aia{color:var(--ac);background:var(--ag);border:1px solid rgba(59,130,246,.2);}
.navl a.aia:hover{background:rgba(59,130,246,.25);}

/* ═══════════ Tools dropdown menu ═══════════ */
.tools-wrap{position:relative;display:flex;align-items:center;}
.tools-trigger{color:var(--t2);font-size:12.5px;font-weight:500;padding:6px 11px;border-radius:6px;transition:.2s;white-space:nowrap;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:4px;}
.tools-trigger::after{content:'▾';font-size:9px;opacity:.6;margin-left:2px;transition:.2s;}
.tools-trigger:hover{color:#fff;background:var(--sf);}
.tools-wrap:hover .tools-trigger{color:#fff;background:var(--sf);}
.tools-wrap:hover .tools-trigger::after{transform:rotate(180deg);opacity:1;}

.tools-dd{position:absolute;top:calc(100% + 8px);right:0;min-width:560px;max-width:680px;background:#0d1018;border:1px solid var(--bd2);border-radius:14px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.03);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease;z-index:300;}
.tools-wrap:hover .tools-dd,.tools-wrap:focus-within .tools-dd{opacity:1;pointer-events:auto;transform:translateY(0);}
/* мост чтобы не пропадало меню при движении мыши */
.tools-dd::before{content:'';position:absolute;top:-10px;left:0;right:0;height:10px;}

.tools-dd-h{padding:0 4px 14px;border-bottom:1px solid var(--bd);margin-bottom:14px;}
.tools-dd-title{font-family:'Unbounded',sans-serif;font-size:14px;font-weight:700;color:#fff;margin-bottom:3px;}
.tools-dd-sub{font-size:11.5px;color:var(--t3);}

.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;}
.tools-item{display:flex;align-items:flex-start;gap:11px;padding:9px 11px;border-radius:9px;background:transparent;border:1px solid transparent;transition:.18s;text-decoration:none;cursor:pointer;}
.tools-item:hover{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.18);transform:translateY(-1px);}
.tools-ico{font-size:20px;line-height:1;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--sf);border-radius:8px;}
.tools-item:hover .tools-ico{background:rgba(59,130,246,.15);}
.tools-item.uniq:hover .tools-ico{background:rgba(245,158,11,.15);}
.tools-item.uniq:hover{background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.20);}
.tools-meta{flex:1;min-width:0;}
.tools-name{font-size:12.5px;font-weight:600;color:#fff;line-height:1.3;margin-bottom:2px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.tools-desc{font-size:11px;color:var(--t3);line-height:1.4;}
.tools-badge{display:inline-block;font-size:8.5px;font-weight:700;padding:1px 6px;border-radius:6px;background:rgba(245,158,11,.18);color:#fbbf24;text-transform:uppercase;letter-spacing:.4px;}

.tools-dd-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding:11px 14px;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(139,92,246,.10));border:1px solid rgba(59,130,246,.25);border-radius:9px;font-size:12.5px;font-weight:600;color:#fff;text-decoration:none;transition:.2s;}
.tools-dd-cta:hover{background:linear-gradient(135deg,rgba(59,130,246,.25),rgba(139,92,246,.18));border-color:rgba(59,130,246,.45);}
.tools-dd-cta span{transition:transform .2s;}
.tools-dd-cta:hover span{transform:translateX(3px);}

/* На мобильном — просто ссылка, без дропдауна */
@media(max-width:860px){
  .tools-dd{display:none !important;}
  .tools-trigger::after{display:none;}
  .tools-wrap{display:contents;}
}
.navr{display:flex;gap:8px;align-items:center;margin-left:auto;}
.ns{background:var(--sf);border:1px solid var(--bd);color:var(--tx);padding:7px 13px;border-radius:6px;font-size:13px;outline:none;width:160px;transition:.2s;}
.ns:focus{border-color:var(--ac);width:200px;}
.ns::placeholder{color:var(--t3);}
.bl{background:transparent;border:1px solid var(--bd2);color:var(--t2);padding:7px 14px;border-radius:6px;font-size:12.5px;font-weight:500;cursor:pointer;transition:.2s;}
.bl:hover{border-color:var(--ac);color:var(--ac);}
.br{background:var(--ac);border:none;color:#fff;padding:7px 14px;border-radius:6px;font-size:12.5px;font-weight:600;cursor:pointer;transition:.2s;}
.br:hover{background:#2563eb;}
.page{padding-top:60px;min-height:100vh;}
.pg{display:none;}.pg.act{display:block;}
section{padding:52px 40px;}
.stag{font-size:10.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--ac);margin-bottom:8px;display:flex;align-items:center;gap:8px;}
.stag::before{content:'';width:18px;height:2px;background:var(--ac);}
.stitle{font-family:'Unbounded',sans-serif;font-size:clamp(20px,3.5vw,34px);font-weight:700;line-height:1.1;letter-spacing:-.4px;}
.ssub{margin-top:10px;color:var(--t2);font-size:14px;max-width:520px;}
.srow{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px;}
.shead{margin-bottom:26px;}
.lall{color:var(--ac);font-size:13px;font-weight:500;display:flex;align-items:center;gap:5px;transition:.2s;cursor:pointer;}
.lall:hover{gap:9px;}
.hero{min-height:calc(100vh - 60px);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:48px;padding:80px 40px;overflow:hidden;position:relative;}
.hgrid{position:absolute;inset:0;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,black 40%,transparent 80%);}
.hb1{position:absolute;width:700px;height:500px;border-radius:50%;background:radial-gradient(ellipse,rgba(59,130,246,.07) 0%,transparent 70%);top:-100px;left:-150px;animation:blob 9s ease-in-out infinite;}
.hb2{position:absolute;width:500px;height:400px;border-radius:50%;background:radial-gradient(ellipse,rgba(245,158,11,.05) 0%,transparent 70%);bottom:0;right:-80px;animation:blob 11s ease-in-out infinite reverse;}
@keyframes blob{0%,100%{transform:translate(0,0)scale(1);}50%{transform:translate(28px,-18px)scale(1.06);}}
.hcnt{position:relative;z-index:2;flex:1;min-width:0;}
.hbdg{display:inline-flex;align-items:center;gap:8px;background:var(--ag);border:1px solid rgba(59,130,246,.22);padding:5px 15px;border-radius:40px;margin-bottom:24px;}
.hbdg span{font-size:12px;font-weight:600;color:var(--ac);}
.bdot{width:7px;height:7px;border-radius:50%;background:var(--gn);box-shadow:0 0 7px var(--gn);animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}
.hero h1{font-family:'Unbounded',sans-serif;font-size:clamp(32px,5.5vw,64px);font-weight:900;line-height:1.0;letter-spacing:-1.5px;margin-bottom:20px;}
.hero h1 em{font-style:normal;color:var(--ac);}
.hsub{font-size:16px;color:var(--t2);line-height:1.7;max-width:500px;margin-bottom:34px;}
.hact{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:48px;}
.bp{background:var(--ac);color:#fff;border:none;padding:13px 28px;border-radius:var(--r);font-family:'Inter',sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:.25s;}
.bp:hover{background:#2563eb;box-shadow:0 8px 22px rgba(59,130,246,.32);transform:translateY(-2px);}
.bo{background:transparent;color:var(--tx);border:1px solid var(--bd2);padding:13px 28px;border-radius:var(--r);font-family:'Inter',sans-serif;font-weight:500;font-size:14px;cursor:pointer;transition:.25s;}
.bo:hover{border-color:var(--t2);transform:translateY(-2px);}
.hst{display:flex;gap:32px;flex-wrap:wrap;}
.hsn{font-family:'Unbounded',sans-serif;font-size:26px;font-weight:700;color:#fff;}
.hsl{font-size:12px;color:var(--t3);margin-top:2px;}
.hsp{width:1px;background:var(--bd);height:36px;margin-top:4px;}
.crow{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-bottom:18px;}
.cb{background:transparent;border:1px solid var(--bd);color:var(--t2);padding:6px 13px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:.2s;}
.cb:hover,.cb.act{background:var(--sf2);border-color:var(--bd2);color:var(--tx);}
.tw{overflow-x:auto;border-radius:var(--r2);border:1px solid var(--bd);}
.rtbl{width:100%;border-collapse:collapse;min-width:860px;}
.rtbl th{background:var(--sf);padding:11px 15px;text-align:left;font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--t3);border-bottom:1px solid var(--bd);white-space:nowrap;}
.rtbl td{padding:13px 15px;border-bottom:1px solid var(--bd);vertical-align:middle;}
.rtbl tr:last-child td{border-bottom:none;}
.rtbl tr:hover td{background:rgba(255,255,255,.013);}
.bktop{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;color:var(--gd);}
.bknum{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--t3);}
.bkc{display:flex;align-items:center;gap:11px;}
.bksq{width:36px;height:36px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-size:10px;font-weight:700;flex-shrink:0;}
.bknm{font-weight:600;font-size:14px;color:#fff;text-decoration:none;transition:.2s;display:inline-block;}.bknm:hover{color:var(--ac);}
.bknm:hover{color:var(--ac);}
.bksb{font-size:11px;color:var(--t3);margin-top:1px;}
.bv{font-weight:700;font-size:13px;color:var(--gn);}
.bvs{font-size:11px;color:var(--t3);margin-top:2px;}
.str{display:flex;align-items:center;gap:4px;}
.stic{color:var(--gd);font-size:12px;}
.stvl{font-size:13px;font-weight:700;color:#fff;}
.stcn{font-size:10.5px;color:var(--t3);}
.aprow{display:flex;gap:5px;flex-wrap:wrap;}
.apb{background:var(--sf2);border:1px solid var(--bd);padding:4px 9px;border-radius:4px;font-size:11px;font-weight:500;color:var(--t2);cursor:pointer;transition:.2s;}
.apb:hover{border-color:var(--ac);color:var(--ac);}
.prm{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;background:var(--sf2);border:1px dashed var(--bd2);padding:4px 9px;border-radius:4px;color:var(--gd);cursor:pointer;transition:.2s;user-select:all;}
.bsite{font-size:12px;font-weight:700;color:var(--ac);text-decoration:none;white-space:nowrap;}
.bsite:hover{text-decoration:underline;}
.thsort{cursor:pointer;user-select:none;transition:color .15s;white-space:nowrap;}
.thsort:hover{color:var(--ac);}
.thact{color:var(--ac) !important;}
.prm:hover{border-color:var(--gd);background:var(--gg);}
.brev{background:var(--ag);border:1px solid rgba(59,130,246,.22);color:var(--ac);padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:.2s;}
.brev:hover{background:rgba(59,130,246,.25);}
.bgrd{display:grid;grid-template-columns:repeat(auto-fill,224px);gap:10px;align-items:stretch;justify-content:start;}
.bc{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r2);padding:10px;transition:.25s;position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;min-height:280px;height:100%;box-sizing:border-box;}
.bc:hover{border-color:var(--bd2);transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,0,0,.4);}
.bc.ft{border-color:rgba(245,158,11,.28);}
.bc.ft::before{content:none;}
.bch{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-shrink:0;}
.bclo{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-size:11px;font-weight:700;flex-shrink:0;}
.bcnm{font-weight:600;font-size:19px;}
.bctp{display:none;}
.bcamt{font-family:'Unbounded',sans-serif;font-size:15px;font-weight:700;color:#fff;line-height:1;margin-bottom:2px;flex-shrink:0;min-height:20px;}
.bclbl{font-size:13px;font-weight:600;color:var(--tx);margin-bottom:6px;flex-shrink:0;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.1px;}
.bcrr{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:5px;flex-shrink:0;}
.bcud{font-size:11px;color:var(--t3);}
.tgl{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px;flex-shrink:0;}
.tg-exp{background:rgba(100,116,139,.15);color:#94a3b8;border:1px solid rgba(100,116,139,.35);}
.tg-active{background:rgba(34,197,94,.15);color:#4ade80;border:1px solid rgba(34,197,94,.45);}
.tg-type{background:rgba(59,130,246,.12);color:#60a5fa;border:1px solid rgba(59,130,246,.35);}
.tg{font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:3px 8px;border-radius:4px;}
.tg.nd{background:rgba(16,185,129,.18);color:#34d399;border:1px solid rgba(16,185,129,.5);}
.tg.ht{background:rgba(245,158,11,.18);color:#fbbf24;border:1px solid rgba(245,158,11,.5);}
.tg.nw{background:rgba(59,130,246,.18);color:#60a5fa;border:1px solid rgba(59,130,246,.5);}
.tg.rl{background:rgba(139,92,246,.18);color:#a78bfa;border:1px solid rgba(139,92,246,.5);}
.bcco{font-size:9px;color:var(--t3);line-height:1.5;margin-bottom:7px;padding:6px;background:rgba(255,255,255,.02);border-radius:6px;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;border-left:2px solid var(--bd2);}
.bget{width:100%;margin-top:auto;display:block;text-align:center;text-decoration:none;border:none;cursor:pointer;padding:9px 14px;border-radius:8px;font-size:12px;font-family:'Inter',sans-serif;font-weight:800;letter-spacing:.3px;color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 3px 10px rgba(16,185,129,.35),inset 0 1px 0 rgba(255,255,255,.15);transition:all .18s ease;position:relative;overflow:hidden;}
.bget[style*="background:#"]:hover{filter:brightness(1.15)!important;transform:translateY(-1px);}
.bget[style*="background:#"]:hover{background:inherit;}
.bget:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);box-shadow:0 5px 16px rgba(16,185,129,.5),inset 0 1px 0 rgba(255,255,255,.2);transform:translateY(-1px);}.bget:active{transform:translateY(0);box-shadow:0 2px 6px rgba(16,185,129,.3);}
.bget::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transition:left .4s ease;pointer-events:none;}
.bget:hover::before{left:150%;}
.rvf{display:flex;flex-direction:column;gap:12px;}
.bc-compact:hover{border-color:var(--bd2)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}
.bond-nav-btn{display:inline-flex;align-items:center;gap:7px;padding:12px 4px;background:transparent;border:none;color:var(--t2);font-size:15px;font-weight:600;text-decoration:none;transition:.15s;cursor:pointer;position:relative;border-bottom:2px solid transparent;margin-right:32px}
.bond-nav-btn:hover{color:var(--tx)}
.bond-nav-btn.act{color:var(--ac);border-bottom-color:var(--ac)}
.bond-section{scroll-margin-top:80px}
.rvc{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r2);padding:20px;transition:.2s;}
.rvc:hover{border-color:var(--bd2);}
.rvh{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:11px;gap:14px;}
.rvr{display:flex;align-items:center;gap:10px;}
.rvav{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;}
.rvnm{font-weight:600;font-size:13.5px;}
.rvmt{font-size:11px;color:var(--t3);margin-top:2px;}

.rvbk{font-size:11px;font-weight:700;padding:3px 9px;border-radius:4px;}
.rvst{color:var(--gd);font-size:13px;}
.rvtx{font-size:13.5px;color:var(--t2);line-height:1.7;margin-bottom:12px;}
.rvtg{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px;}
.rtg{font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;}



.rtg.src{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.35);color:#818cf8;}
.rv-bk{font-size:11px;font-weight:700;color:var(--ac);background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.25);border-radius:4px;padding:2px 7px;}
.rvrp{background:rgba(59,130,246,.055);border:1px solid rgba(59,130,246,.14);border-radius:7px;padding:12px;margin-top:9px;}
.rprh{font-size:11.5px;font-weight:600;color:var(--ac);margin-bottom:4px;}
.rprt{font-size:13px;color:var(--t2);line-height:1.6;}
.rfw{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r2);padding:26px;margin-top:24px;max-width:620px;}
.rftl{font-family:'Unbounded',sans-serif;font-size:18px;font-weight:600;margin-bottom:20px;}
.fgr{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.ff{display:flex;flex-direction:column;gap:6px;}
.ffu{grid-column:1/-1;}
.fl{font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--t3);}
.fin,.fsl,.fta{background:var(--bg2);border:1px solid var(--bd);color:var(--tx);padding:10px 13px;border-radius:7px;font-family:'Inter',sans-serif;font-size:13.5px;outline:none;transition:.2s;width:100%;}
.fin:focus,.fsl:focus,.fta:focus{border-color:var(--ac);}
.fin::placeholder,.fta::placeholder{color:var(--t3);}
.fta{resize:vertical;min-height:90px;}
.fsp{display:flex;gap:5px;}
.fss{font-size:25px;color:var(--t3);cursor:pointer;transition:.15s;line-height:1;}
.fss.on{color:var(--gd);}
.fsb{margin-top:5px;background:var(--ac);color:#fff;border:none;padding:12px 28px;border-radius:7px;font-family:'Inter',sans-serif;font-weight:600;font-size:13.5px;cursor:pointer;transition:.25s;}
.fsb:hover{background:#2563eb;}
.acb{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r2);padding:18px 24px;margin-bottom:26px;display:flex;align-items:center;gap:26px;flex-wrap:wrap;}
.acv{font-family:'Unbounded',sans-serif;font-size:24px;font-weight:700;line-height:1;}
.acl{font-size:10.5px;color:var(--t3);margin-top:4px;white-space:nowrap;}
.acsp{width:1px;background:var(--bd);height:40px;}
.acm{flex:1;min-width:180px;}
.acmt{font-size:13.5px;font-weight:600;color:var(--tx);margin-bottom:3px;}
.acms{font-size:12px;color:var(--t3);}
.acbd{display:inline-flex;align-items:center;gap:5px;background:rgba(16,185,129,.09);border:1px solid rgba(16,185,129,.18);padding:5px 12px;border-radius:40px;margin-top:7px;}
.acbd span{font-size:11.5px;font-weight:600;color:var(--gn);}
.aict{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r2);padding:20px;margin-bottom:22px;}
.aicg{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:11px;margin-bottom:13px;}
.aicl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--t3);margin-bottom:5px;}
.aisl{background:var(--bg2);border:1px solid var(--bd);color:var(--tx);padding:9px 13px;border-radius:7px;font-family:'Inter',sans-serif;font-size:13px;outline:none;width:100%;cursor:pointer;transition:.2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M5 6L0 0h10z' fill='%234a5578'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:30px;}
.aisl:focus{border-color:var(--ac);}
.aiin{background:var(--bg2);border:1px solid var(--bd);color:var(--tx);padding:9px 13px;border-radius:7px;font-family:'Inter',sans-serif;font-size:13px;outline:none;width:100%;transition:.2s;}
.aiin:focus{border-color:var(--ac);}
.aiin::placeholder{color:var(--t3);}
.bgen{background:var(--ac);border:none;color:#fff;padding:11px 26px;border-radius:7px;font-family:'Inter',sans-serif;font-weight:700;font-size:13.5px;cursor:pointer;transition:.25s;display:inline-flex;align-items:center;gap:8px;}
.bgen:hover{background:#2563eb;box-shadow:0 6px 18px var(--ag);}
.sp2{display:none;width:15px;height:15px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;}
.ld .sp2{display:block;}.ld .bt{opacity:.6;}
@keyframes spin{to{transform:rotate(360deg);}}
.mcg{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;}
.mc{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r2);padding:20px;transition:.25s;cursor:pointer;}
.mc:hover{border-color:var(--ac);transform:translateY(-3px);box-shadow:0 12px 36px rgba(59,130,246,.09);}
.mct{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:13px;}
.mcto{font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--t3);}
.mctm{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;}
.mcte{text-align:center;flex:1;}
.mctn{font-weight:700;font-size:14px;color:#fff;line-height:1.3;}
.mcfo{display:flex;gap:3px;justify-content:center;margin-top:5px;}
.fd{width:16px;height:16px;border-radius:4px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#fff;}
.fd.W{background:var(--gn);}.fd.D{background:var(--t3);}.fd.L{background:var(--rd);}
.mcvs{font-family:'Unbounded',sans-serif;font-size:17px;font-weight:700;color:var(--t3);padding:0 12px;flex-shrink:0;}
.outs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-bottom:13px;}
.out{background:var(--sf2);border:1px solid var(--bd);border-radius:7px;padding:9px;text-align:center;transition:.2s;}
.out.rec{border-color:var(--ac);background:var(--ag);}
.outl{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--t3);margin-bottom:3px;}
.outp{font-family:'Unbounded',sans-serif;font-size:15px;font-weight:700;color:#fff;}
.out.rec .outp{color:var(--ac);}
.outo{font-size:10.5px;color:var(--t3);margin-top:2px;}
.mcrec{background:rgba(59,130,246,.055);border:1px solid rgba(59,130,246,.14);border-radius:7px;padding:11px;margin-bottom:12px;}
.recl{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ac);margin-bottom:3px;}
.rect{font-size:13px;color:var(--tx);font-weight:500;}
.mctots{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px;}
.tot{background:var(--sf2);border:1px solid var(--bd);padding:5px 11px;border-radius:40px;font-size:11.5px;font-weight:500;}
.tot strong{color:var(--gn);}
.facl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--t3);margin-bottom:5px;}
.fact{font-size:12.5px;color:var(--t2);line-height:1.6;}
.mca{display:flex;gap:7px;margin-top:13px;}
.bbet{flex:1;background:var(--gn);border:none;color:#fff;padding:10px;border-radius:7px;font-family:'Inter',sans-serif;font-weight:700;font-size:12px;cursor:pointer;transition:.2s;}
.bbet:hover{background:#059669;}
.bdet{background:transparent;border:1px solid var(--bd2);color:var(--t2);padding:10px 13px;border-radius:7px;font-family:'Inter',sans-serif;font-size:12px;cursor:pointer;transition:.2s;}
.bdet:hover{border-color:var(--t2);color:var(--tx);}
.trg{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:26px;}
.tri{text-align:center;}
.trn{font-family:'Unbounded',sans-serif;font-size:clamp(26px,4vw,42px);font-weight:700;color:#fff;line-height:1;}
.trn span{color:var(--ac);}
.trl{font-size:12.5px;color:var(--t3);margin-top:7px;}
.founder{width:100%;text-align:center;}
.qt{display:block;font-size:clamp(20px,2.4vw,30px);color:#e8edf8;font-style:italic;line-height:1.7;letter-spacing:.1px;font-weight:300;position:relative;padding:0 clamp(24px,6vw,120px);}
.ngrd{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;}
.nca{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r2);overflow:hidden;transition:.25s;text-decoration:none;display:block;cursor:pointer;}
.nca:hover{border-color:var(--bd2);transform:translateY(-3px);box-shadow:0 12px 36px rgba(0,0,0,.4);}
.nci{height:140px;display:flex;align-items:center;justify-content:center;font-size:42px;}
.ncb{padding:16px;}
.nctg{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--ac);margin-bottom:5px;}
.ncsr{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.5px;padding:2px 8px;border-radius:4px;margin-bottom:8px;text-transform:uppercase;}
.ncti{font-weight:700;font-size:14px;color:#fff;line-height:1.4;margin-bottom:7px;}
.ncsb{font-size:12.5px;color:var(--t3);line-height:1.5;margin-bottom:12px;}
.ncmt{display:flex;justify-content:space-between;font-size:11px;color:var(--t3);}
.apgrd{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;}
.appc{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r2);padding:22px;transition:.25s;}
.appc:hover{border-color:var(--bd2);transform:translateY(-2px);}
.appch{display:flex;align-items:center;gap:14px;margin-bottom:16px;}
.appic{width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;}
.appnm{font-weight:700;font-size:16px;color:#fff;}
.appbk{font-size:12px;color:var(--t3);margin-top:2px;}
.apppf{display:inline-flex;background:var(--sf2);border:1px solid var(--bd);padding:3px 9px;border-radius:4px;font-size:11px;font-weight:500;color:var(--t2);margin-top:4px;}
.appst{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:14px;}
.appsi{text-align:center;background:var(--sf2);border:1px solid var(--bd);border-radius:7px;padding:10px;}
.appsn{font-family:'Unbounded',sans-serif;font-size:17px;font-weight:700;color:#fff;}
.appsl{font-size:10px;color:var(--t3);margin-top:3px;}
.appdc{font-size:13px;color:var(--t2);line-height:1.6;margin-bottom:14px;}
.appdl{width:100%;background:var(--ac);border:none;color:#fff;padding:11px;border-radius:var(--r);font-family:'Inter',sans-serif;font-weight:700;font-size:13px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:7px;}
.appdl:hover{background:#2563eb;}
.bkdh{display:flex;align-items:center;gap:20px;margin-bottom:28px;flex-wrap:wrap;}
.bkdl{width:68px;height:68px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-size:20px;font-weight:700;flex-shrink:0;}
.bkdn{font-family:'Unbounded',sans-serif;font-size:26px;font-weight:700;color:#fff;text-decoration:none;}.bkdn:hover{color:var(--ac);}
.bkdm{font-size:13px;color:var(--t3);margin-top:4px;}
.critg{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:18px;}
.critc{background:var(--sf);border:1px solid var(--bd);border-radius:10px;padding:10px 12px;min-width:0;}
.critl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--t3);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.critbw{background:rgba(255,255,255,.05);height:6px;border-radius:3px;margin-bottom:6px;}
.critbf{height:100%;border-radius:3px;background:var(--ac);transition:width 1s ease;}
.critv{font-family:'Unbounded',sans-serif;font-size:15px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.payg{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-bottom:26px;}
.payi{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r);padding:12px;text-align:center;}
.payic{font-size:20px;margin-bottom:6px;}
.paynm{font-size:12px;font-weight:600;color:var(--tx);}
.paytm{font-size:10.5px;color:var(--t3);margin-top:2px;}
.cw{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r2);padding:20px;margin-bottom:14px;}
.cwt{font-size:13px;font-weight:700;color:var(--tx);margin-bottom:14px;}
.fbbw{display:flex;gap:10px;flex-wrap:wrap;}
.fbb{flex:1;border:1px solid var(--bd2);background:transparent;color:var(--t2);padding:12px;border-radius:7px;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:7px;}
.fbb:hover{background:var(--sf2);}
.fbb.pos:hover{border-color:var(--gn);color:var(--gn);}
.fbb.neg:hover{border-color:var(--rd);color:var(--rd);}
.histr{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--bd);}
.histr:last-child{border:none;}
.footer{border-top:1px solid var(--bd);padding:42px 40px 24px;}
.ftt{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;margin-bottom:32px;justify-content:space-between;}
.ftlo{font-family:'Unbounded',sans-serif;font-size:17px;font-weight:700;color:#fff;margin-bottom:10px;}
.ftlo span{color:var(--ac);}
.ftdc{font-size:12.5px;color:var(--t3);line-height:1.7;max-width:260px;}
.ftct{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--t2);margin-bottom:13px;}
.ftlk{list-style:none;display:flex;flex-direction:column;gap:9px;}
.ftlk a{color:var(--t3);font-size:12.5px;transition:.2s;cursor:pointer;text-decoration:none;}
.ftlk a:hover{color:var(--tx);}
.ftbt{border-top:1px solid var(--bd);padding-top:18px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;}
.ftco{font-size:11.5px;color:var(--t3);}
.ftle{font-size:10.5px;color:var(--t3);max-width:560px;line-height:1.6;}
.ft18{display:inline-block;background:var(--rd);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;margin-right:7px;}
.bkbtn{display:inline-flex;align-items:center;gap:7px;color:var(--t2);cursor:pointer;font-size:13px;font-weight:500;margin-bottom:22px;transition:.2s;}
.bkbtn:hover{color:var(--tx);}
.brd{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--t3);margin-bottom:18px;}
.brd a{color:var(--t3);cursor:pointer;transition:.2s;}
.brd a:hover{color:var(--ac);}
.brd span{color:var(--t2);}
.toast{position:fixed;bottom:24px;right:24px;background:var(--sf2);border:1px solid var(--bd2);padding:12px 20px;border-radius:8px;font-size:13.5px;font-weight:500;z-index:999;transform:translateY(70px);opacity:0;transition:.3s;max-width:300px;}
.toast.show{transform:translateY(0);opacity:1;}
.fi{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease;}
.fi.vis{opacity:1;transform:translateY(0);}
@media(max-width:860px){.navi{padding:0 16px;}.navl{display:none;}section{padding:36px 20px;}.hero{padding:52px 20px;}.ftt{grid-template-columns:1fr 1fr;}.footer{padding:34px 20px 18px;}.fgr{grid-template-columns:1fr;}.ftbt{flex-direction:column;}}

.hanim{flex-shrink:0;width:440px;height:440px;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;}
@keyframes float0{0%,100%{transform:translateY(0px) rotate(0deg);}50%{transform:translateY(-18px) rotate(1.5deg);}}
@keyframes float1{0%,100%{transform:translateY(0px) rotate(0deg);}50%{transform:translateY(-12px) rotate(-1deg);}}
@keyframes float2{0%,100%{transform:translateY(0px) rotate(0deg);}50%{transform:translateY(-20px) rotate(2deg);}}
@keyframes pulse{0%,100%{opacity:.5;transform:scale(1);}50%{opacity:1;transform:scale(1.05);}}
@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes dash{0%{stroke-dashoffset:300;}100%{stroke-dashoffset:0;}}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:.4;}}
@keyframes rise{0%{opacity:0;transform:translateY(10px);}100%{opacity:1;transform:translateY(-40px);}}
@media(max-width:1100px){.hanim{width:320px;height:320px;}}
@media(max-width:860px){.hanim{display:none;}}


/* ── App pills (таблица рейтинга) ── */
.app-pill{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;text-decoration:none;border:1px solid;transition:.15s;}
.app-pill.and{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.35);color:#10b981;}
.app-pill.and:hover{background:rgba(16,185,129,.25);}
.app-pill.ios{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.35);color:#60a5fa;}
.app-pill.ios:hover{background:rgba(59,130,246,.25);}
/* ── App download buttons (раздел apps + обзор БК) ── */
.app-links-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:6px;}
.app-plat-lbl{font-size:11px;font-weight:600;color:var(--t2);min-width:80px;display:flex;align-items:center;gap:4px;}
.app-dl-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-decoration:none;transition:.15s;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#34d399;}
.app-dl-btn:hover{background:rgba(16,185,129,.22);}
.app-dl-btn.ios-btn{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:#60a5fa;}
.app-dl-btn.ios-btn:hover{background:rgba(59,130,246,.22);}



/* ═══════════════════════════════════════════════════════════
   МОБИЛЬНАЯ ВЕРСИЯ — полная адаптация под экраны < 640px
   ═══════════════════════════════════════════════════════════ */

/* ── Нижняя навигация (только мобильная) ── */
.mob-nav{
  display:none;
  position:fixed;bottom:0;left:0;right:0;
  height:60px;
  background:var(--sf);
  border-top:1px solid var(--bd);
  z-index:1000;
  padding:0 4px;
  padding-bottom:env(safe-area-inset-bottom);
}
.mob-nav-inner{
  display:flex;align-items:stretch;height:60px;
}
.mob-nav-btn{
  flex:1;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:3px;
  color:var(--t3);font-size:9px;font-weight:600;
  text-transform:uppercase;letter-spacing:.5px;
  cursor:pointer;border:none;background:none;
  padding:0;transition:.15s;border-radius:8px;
}
.mob-nav-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;}
.mob-nav-btn.act{color:var(--ac);}
.mob-nav-btn.act svg{stroke:var(--ac);}

@media(max-width:640px){
  /* Показываем мобильную навигацию */
  .mob-nav{display:block;}

  /* Добавляем отступ снизу под нижнюю панель */
  body{padding-bottom:70px;}

  /* Навбар: убираем лишнее, оставляем лого + кнопки */
  .navi{padding:0 14px;height:56px;}
  .navl{display:none!important;}
  .navr .nbtn:not(.reg){display:none;}
  .logo{font-size:15px;}

  /* Hero: вертикально, меньше отступы */
  .hero{
    min-height:auto;
    padding:28px 16px 32px;
    flex-direction:column;
    gap:24px;
    text-align:center;
  }
  .hero h1{font-size:clamp(22px,6vw,32px);line-height:1.25;}
  .hero p{font-size:14px;}
  .hst{gap:16px;justify-content:center;}
  .hst-item{min-width:0;}
  .hst-val{font-size:22px;}
  .hst-lbl{font-size:10px;}
  .hbtns{flex-direction:column;gap:10px;}
  .hbtns a{width:100%;text-align:center;}
  .hanim{display:none;}

  /* Секции */
  section{padding:28px 14px;}
  .stag{font-size:9.5px;}

  /* Рейтинг БК — горизонтальный скролл */
  .rtbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -14px;padding:0 14px;}
  .rtbl{min-width:640px;font-size:12px;}
  .rtbl th,.rtbl td{padding:10px 8px;}
  .rtbl th:nth-child(n+5),.rtbl td:nth-child(n+5){display:none;}

  /* Бонусы — одна колонка */
  #fbg{grid-template-columns:1fr!important;}
  #hbg{grid-template-columns:1fr 1fr!important;}
  .bc{padding:14px;}
  .bc-top{gap:10px;}
  .bc-logo{width:36px;height:36px;font-size:13px;}
  .bc-amt{font-size:20px;}

  /* Отзывы — одна колонка */
  #frv,#hrv{grid-template-columns:1fr!important;gap:10px;}
  .rvcard{padding:14px;}

  /* Приложения — одна колонка */
  .apgrd{grid-template-columns:1fr!important;}
  .appc{padding:14px;}

  /* Новости */
  .news-grid,.ngrd{grid-template-columns:1fr!important;gap:10px;}
  .nc{padding:14px;}

  /* Детальная страница БК */
  .bkd-head{flex-direction:column;gap:12px;}
  .bkd-crit{grid-template-columns:1fr 1fr!important;}

  /* Фильтры */
  .crow{gap:6px;flex-wrap:wrap;}
  .cb{font-size:11px;padding:5px 10px;}

  /* Футер */
  .footer{padding:28px 14px 16px;}
  .ftt{grid-template-columns:1fr!important;gap:20px;}
  .fgr{grid-template-columns:1fr!important;}

  /* Таблица AI-прогнозов */
  .mc-tbl{font-size:11px;}
  .mc-tbl th,.mc-tbl td{padding:8px 6px;}

  /* Toast уведомление */
  #toast{bottom:72px;font-size:13px;}

  /* Детальные страницы */
  .bkd-stats{grid-template-columns:1fr 1fr!important;}

  /* Скрываем декоративные элементы */
  .fi-deco{display:none;}

  /* Поиск */
  .srch{display:none;}
}

/* ══════════════════════════════════════════════════════
   МОБИЛЬНАЯ ВЕРСИЯ — дополнительные правки
   ══════════════════════════════════════════════════════ */

/* Очень маленькие (≤360px) */

/* ── Планшет 641-860px ── */
@media(min-width:641px) and (max-width:860px){
  .navi{padding:0 20px;}
  section{padding:36px 20px;}
  .hero{padding:44px 20px;gap:20px;}
  #fbg{grid-template-columns:1fr 1fr!important;}
  .apgrd{grid-template-columns:repeat(2,1fr)!important;}
  .news-grid,.ngrd{grid-template-columns:1fr 1fr!important;}
  .ftt{grid-template-columns:1fr 1fr!important;}
}


/* ── Формат отзывов ── */
/* ── Форматирование карточек отзывов ── */
.rvri{display:flex;flex-direction:column;gap:1px;}
.rvdt{font-size:11.5px;color:var(--t3);margin-top:1px;}
.rvnm{font-weight:600;font-size:13.5px;}
.rtg.mob{background:rgba(59,130,246,.18)!important;color:#93c5fd!important;border:1px solid rgba(59,130,246,.5)!important;}
/* ── Теги тональности отзывов ── */
.rtg     {display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.1px;line-height:1.4;}
/* Позитивные — зелёный */
.rtg.pos {background:rgba(34,197,94,.15);color:#4ade80;border:1px solid rgba(34,197,94,.4);}
/* Негативные — красный */
.rtg.neg {background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.4);}
/* Нейтральные — жёлтый */
.rtg.neu {background:rgba(234,179,8,.15);color:#facc15;border:1px solid rgba(234,179,8,.4);}
/* Смешанные — оранжевый */
.rtg.mix {background:rgba(249,115,22,.15);color:#fb923c;border:1px solid rgba(249,115,22,.4);}
/* Мобильное приложение — синий */
.rtg.mob {background:rgba(59,130,246,.18)!important;color:#93c5fd!important;border:1px solid rgba(59,130,246,.5)!important;}

/* ── Фильтры бонусов: тип + букмекер ── */
.bfilters{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;}
.crow-bk{flex-wrap:wrap;gap:5px;padding:0;}
.crow-bk .cb{font-size:11px;padding:4px 10px;}

/* ── Раскрывающийся список отзывов на главной ── */
.rv-more-btn{
  width:100%;margin-top:12px;padding:10px;
  background:var(--sf);border:1px solid var(--bd);border-radius:var(--r2);
  color:var(--t2);font-size:13px;font-weight:600;cursor:pointer;
  transition:.2s;
}
.rv-more-btn:hover{background:var(--sf2);color:var(--t1);}
.rv-more{margin-top:0;}

/* ── Счётчики отзывов в рейтинге ── */
.stcn-row{display:flex;align-items:center;gap:6px;margin-top:3px;flex-wrap:wrap;}
.rv-cnt{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;
  white-space:nowrap;cursor:default;animation:rv-pop .4s ease;}
.rv-cnt.pos{color:#4ade80;}
.rv-cnt.neg{color:#f87171;}
.rv-cnt.neu{color:#facc15;}
@keyframes rv-pop{
  0%  {transform:scale(0.5);opacity:0;}
  70% {transform:scale(1.15);}
  100%{transform:scale(1);opacity:1;}
}

/* ── Карточки приложений — новый стиль ── */
.app-section{margin-top:8px;}
.app-section-lbl{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--t2);margin-bottom:5px;}
.app-btns-row{display:flex;flex-wrap:wrap;gap:5px;}
.app-dl-btn-store{
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 10px;border-radius:7px;
  font-size:11px;font-weight:600;
  text-decoration:none;white-space:nowrap;
  transition:.15s;
  background:rgba(59,130,246,.12);
  border:1px solid rgba(59,130,246,.4);
  color:#60a5fa;
}
.app-dl-btn-store:hover{background:rgba(59,130,246,.22);filter:brightness(1.1);}

/* ── Мини-скриншоты в карточках приложений ── */
.app-ss-block{transition:.2s;}
.app-ss-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;}
.app-ss-more{border-radius:6px;font-size:10px;font-weight:700;padding:2px 8px;cursor:pointer;transition:.15s;}
.app-ss-more:hover{filter:brightness(1.2);}
.app-screenshots{display:flex;gap:5px;overflow:hidden;}
.app-ss-thumb{flex:1;min-width:0;border-radius:6px;overflow:hidden;
  border:1px solid var(--bd);max-height:110px;cursor:pointer;}
.app-ss-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:.2s;}
.app-ss-thumb:hover img{transform:scale(1.05);}
/* ── Модальное окно скриншотов ── */
#ss-modal{position:fixed;inset:0;z-index:9999;}
.ss-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.75);
  display:flex;align-items:center;justify-content:center;padding:8px;}
.ss-modal-box{background:var(--bg);border-radius:14px;max-width:900px;width:100%;
  max-height:90vh;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:0 20px 60px rgba(0,0,0,.5);box-sizing:border-box;}
.ss-modal-hdr{display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px;flex-shrink:0;}
.ss-modal-close{background:var(--sf);border:1px solid var(--bd);color:var(--t2);
  border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:13px;
  display:flex;align-items:center;justify-content:center;transition:.15s;}
.ss-modal-close:hover{color:var(--t1);background:var(--sf2);}
.ss-modal-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(120px,calc(50% - 8px)),1fr));
  gap:8px;padding:14px;overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
.ss-modal-img{border-radius:8px;overflow:hidden;border:1px solid var(--bd);
  display:block;aspect-ratio:9/16;transition:.2s;min-width:0;}
.ss-modal-img:hover{border-color:var(--ac);}
.ss-modal-img img{width:100%;height:100%;object-fit:cover;display:block;}
@media(max-width:360px){
  .ss-modal-grid{grid-template-columns:repeat(2,1fr);padding:10px;gap:6px;}
  .ss-modal-hdr{padding:10px 12px;}
}

/* ── Nav иконки ── */
.nav-ico-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;
  color:var(--t2);display:flex;align-items:center;justify-content:center;transition:.2s;}
.nav-ico-btn:hover{background:var(--sf);color:var(--t1);}
.nav-search-ico{width:16px;height:16px;display:block;}
.ns-hidden{width:0!important;padding:0!important;border:none!important;opacity:0;pointer-events:none;}
.ns-open{width:180px!important;opacity:1!important;pointer-events:auto!important;transition:.25s;}

/* ── Анимация подарка ── */
.gift-ico{font-size:20px;display:inline-block;animation:gift-swing 2.5s ease-in-out infinite;}
@keyframes gift-swing{
  0%,100%{transform:rotate(-8deg) scale(1);}
  25%{transform:rotate(8deg) scale(1.1);}
  50%{transform:rotate(-5deg) scale(1);}
  75%{transform:rotate(5deg) scale(1.08);}
}
.nav-gift-btn:hover .gift-ico{animation:gift-bounce .4s ease;}
@keyframes gift-bounce{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}

/* ── Карточка случайного бонуса ── */
.gift-card{position:fixed;top:62px;right:12px;z-index:999;width:290px;
  animation:gc-drop .25s ease;}
@keyframes gc-drop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.gc-inner{background:var(--bg);border-radius:14px;overflow:hidden;
  box-shadow:0 12px 40px rgba(0,0,0,.6);font-family:'Inter',sans-serif;}
.gc-head{display:flex;align-items:center;gap:12px;padding:16px 16px 12px;}
.gc-logo{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;
  justify-content:center;font-size:13px;font-weight:800;flex-shrink:0;}
.gc-bknm{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin-bottom:3px;}
.gc-amt{font-family:'Unbounded',sans-serif;font-size:26px;font-weight:700;color:#fff;line-height:1;}
.gc-lbl{font-size:12px;color:var(--t2);padding:0 16px 10px;line-height:1.4;}
.gc-promo{display:flex;align-items:center;gap:8px;margin:0 16px 10px;
  background:var(--sf);border:1px dashed var(--bd2);border-radius:8px;
  padding:8px 10px;cursor:pointer;transition:.15s;}
.gc-promo:hover{background:var(--sf2);}
.gc-promo-lbl{font-size:10px;color:var(--t3);flex-shrink:0;}
.gc-promo-code{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:700;
  color:var(--ac);flex:1;}
.gc-btn{display:block;margin:0 16px 8px;padding:11px;border-radius:9px;
  text-align:center;text-decoration:none;font-size:13px;font-weight:700;
  color:#000!important;transition:.15s;}
.gc-btn:hover{filter:brightness(1.1);}
.gc-shuffle{width:100%;background:none;border:none;color:var(--t3);font-size:11px;
  padding:8px;cursor:pointer;transition:.15s;border-top:1px solid var(--bd);}
.gc-shuffle:hover{color:var(--t2);}
.gc-close{position:absolute;top:10px;right:10px;background:var(--sf);border:1px solid var(--bd);
  color:var(--t2);border-radius:6px;width:24px;height:24px;cursor:pointer;
  font-size:11px;display:flex;align-items:center;justify-content:center;transition:.15s;}
.gc-close:hover{color:var(--t1);}
.gc-inner{position:relative;}

/* ── Анимированная иконка подарка ── */
.gift-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;}
.gift-svg{width:28px;height:28px;animation:gift-bounce 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(231,76,60,.4));}
@keyframes gift-bounce{
  0%,100%{transform:translateY(0) rotate(0deg);}
  20%{transform:translateY(-3px) rotate(-4deg);}
  40%{transform:translateY(-5px) rotate(4deg);}
  60%{transform:translateY(-3px) rotate(-2deg);}
  80%{transform:translateY(-1px) rotate(2deg);}
}
.gift-sparkle{position:absolute;font-size:8px;color:#f1c40f;animation:sparkle 1.8s ease-in-out infinite;pointer-events:none;}
.gift-sparkle{top:-2px;right:-2px;animation-delay:0s;}
.gift-sparkle2{bottom:-2px;left:0;animation-delay:.9s;font-size:6px;color:#3498db;}
@keyframes sparkle{
  0%,100%{opacity:0;transform:scale(0.5);}
  50%{opacity:1;transform:scale(1.2);}
}
.nav-gift-btn:hover .gift-svg{animation:gift-shake .4s ease;filter:drop-shadow(0 3px 8px rgba(231,76,60,.6));}
@keyframes gift-shake{
  0%,100%{transform:rotate(0);}
  25%{transform:rotate(-8deg) scale(1.1);}
  75%{transform:rotate(8deg) scale(1.1);}
}
/* ── Попап рандомного бонуса ── */
#random-bonus-popup{
  position:fixed;top:64px;right:16px;z-index:8888;
  width:300px;
  background:var(--bg);
  border-radius:16px;
  box-shadow:0 8px 32px rgba(0,0,0,.5);
  overflow:hidden;
  animation:popup-in .3s cubic-bezier(.34,1.56,.64,1);
  display:none;
}
#random-bonus-popup.open{display:block;}
@keyframes popup-in{
  from{opacity:0;transform:translateY(-12px) scale(.95);}
  to{opacity:1;transform:translateY(0) scale(1);}
}
.rbp-hero{padding:20px 20px 16px;position:relative;overflow:hidden;}
.rbp-bk-name{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px;}
.rbp-amount{font-family:'Unbounded',sans-serif;font-size:28px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.1;}
.rbp-lbl{font-size:11px;color:rgba(255,255,255,.7);margin-bottom:12px;}
.rbp-promo{display:flex;align-items:center;justify-content:space-between;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);
  border-radius:8px;padding:8px 12px;margin-bottom:12px;cursor:pointer;}
.rbp-promo-lbl{font-size:10px;color:rgba(255,255,255,.5);}
.rbp-promo-code{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:700;}
.rbp-get{display:block;text-align:center;padding:12px;border-radius:10px;
  font-weight:700;font-size:14px;text-decoration:none;color:#000;transition:.2s;margin-top:0;}
.rbp-get:hover{filter:brightness(1.1);}
.rbp-close{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.15);
  border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;
  font-size:13px;display:flex;align-items:center;justify-content:center;}
.rbp-close:hover{background:rgba(255,255,255,.25);}
.rbp-next{display:block;text-align:center;padding:8px;font-size:11px;
  color:var(--t3);cursor:pointer;transition:.2s;border-top:1px solid var(--bd);}
.rbp-next:hover{color:var(--t1);}

/* ── Таблица рейтинга фрибетов ── */
#fbr-tbl{font-size:12px;min-width:960px;}
#fbr-tbl th{font-size:9.5px;padding:9px 10px;white-space:nowrap;}
#fbr-tbl td{padding:10px 10px;white-space:nowrap;vertical-align:middle;}
#fbr-tbl td:nth-child(1){width:36px;text-align:center;}
#fbr-tbl td:nth-child(2){width:170px;}
#fbr-tbl td:nth-child(3){white-space:normal;max-width:260px;font-size:12px;}
#fbr-tbl td:nth-child(4){width:90px;text-align:right;}
#fbr-tbl td:nth-child(5){width:70px;text-align:center;}
#fbr-tbl td:nth-child(6){width:110px;text-align:center;}
#fbr-tbl td:nth-child(7){width:120px;text-align:center;}
#fbr-tbl td:nth-child(8){width:130px;text-align:center;}
#fbr-tbl td:nth-child(9){width:90px;text-align:right;}
#fbr-tbl th:nth-child(4){text-align:right;}#fbr-tbl th:nth-child(6){text-align:center;}
#fbr-tbl th:nth-child(5),#fbr-tbl th:nth-child(7),#fbr-tbl th:nth-child(8){text-align:center;}
#fbr-tbl th:nth-child(9){text-align:right;}
#fbr-tbl .bkc{gap:8px;}
#fbr-tbl .bksq{width:30px;height:30px;font-size:9px;border-radius:6px;}
#fbr-tbl .bknm{font-size:12px;}

/* ── Халява — анимированный бейдж ── */
@keyframes halyava-shine{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes halyava-pulse{0%,100%{transform:scale(1) rotate(-2deg);box-shadow:0 2px 8px rgba(251,191,36,.4)}50%{transform:scale(1.07) rotate(2deg);box-shadow:0 4px 16px rgba(251,191,36,.7)}}
.halyava-badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.5px;padding:3px 10px;border-radius:20px;border:1px solid rgba(251,191,36,.6);color:#fff;background:linear-gradient(90deg,#f59e0b,#fbbf24,#f97316,#fbbf24,#f59e0b);background-size:200% auto;animation:halyava-shine 2.4s linear infinite,halyava-pulse 2s ease-in-out infinite;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.4)}

/* ── Кубок топ-3 рейтинга фрибетов ── */
.bc-rchip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:8px;font-size:12px;font-weight:800;line-height:1;border:1px solid transparent;white-space:nowrap;}
.bc-rchip .ic{font-size:11px;opacity:.85}
.bc-rchip .v{font-size:13px}
.bc-rchip .mx{font-size:10px;opacity:.65;font-weight:600}
.bc-rchip-a{color:#22c55e;background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.3)}
.bc-rchip-b{color:#eab308;background:rgba(234,179,8,.12);border-color:rgba(234,179,8,.3)}
.bc-rchip-c{color:#f97316;background:rgba(249,115,22,.12);border-color:rgba(249,115,22,.3)}
.bc-rchip-d{color:#ef4444;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.3)}
.bc-ovrate{display:inline-flex;align-items:baseline;gap:3px;line-height:1}
.bc-ovrate .num{font-family:'Unbounded',sans-serif;font-size:18px;font-weight:800;letter-spacing:-0.5px}
.bc-ovrate .max{font-size:11px;color:var(--t3);font-weight:600}
.bc-ovrate .stars{display:inline-flex;gap:1px;margin-left:4px;font-size:11px;color:#f59e0b;line-height:1}
.bc-ovrate .stars .s{opacity:.35}
.bc-ovrate .stars .s.on{opacity:1}
.bc-ovrate .stars .s.half{opacity:.7}
.bc-ovrate-a .num{color:#22c55e}
.bc-ovrate-b .num{color:#eab308}
.bc-ovrate-c .num{color:#f97316}
.bc-ovrate-d .num{color:#ef4444}
.bc-ovrate-x .num{color:var(--t2)}
/* Breakdown: скрыт по умолчанию, раскрывается кликом по строке */
.fbr-br td{padding:0!important;background:rgba(15,23,42,.4);border:0!important}
.fbr-br-wrap{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;opacity:0}
.fbr-br.open .fbr-br-wrap{max-height:400px;opacity:1;padding:4px 0 2px;border-top:1px solid rgba(59,130,246,.15);border-bottom:1px solid var(--bd);overflow:visible}
.fbr-br-bars{padding:10px 20px 14px;display:flex;gap:14px;align-items:stretch;flex-wrap:wrap}
.fbr-br-f{display:flex;flex-direction:column;gap:6px;flex:1 1 0;min-width:80px}
.fbr-br-f-head{display:flex;align-items:center;gap:6px;font-size:13px;line-height:1}
.fbr-br-f-ic{font-size:14px;line-height:1}
.fbr-br-f-v{font-weight:800;font-size:13px;margin-left:auto;font-family:'Unbounded',sans-serif}
.fbr-br-f-bar{height:6px;background:rgba(148,163,184,.14);border-radius:3px;overflow:hidden}
.fbr-br-f-fill{height:100%;border-radius:3px;transition:width .4s ease}
/* Кнопка-шеврон в строке бонуса */
.fbr-toggle{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;background:transparent;border:1px solid var(--bd);border-radius:6px;font-size:11px;font-weight:600;color:var(--t2);cursor:pointer;transition:.15s;user-select:none;white-space:nowrap}
.fbr-toggle:hover{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.35);color:#60a5fa}
.fbr-toggle.act{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.4);color:#60a5fa}
.fbr-toggle .arr{transition:transform .2s;display:inline-block;font-size:9px}
.fbr-toggle.act .arr{transform:rotate(180deg)}
@media(max-width:900px){
  .fbr-br-bars{padding:8px 12px;gap:10px}
  .fbr-br-f{flex:1 1 calc(25% - 10px);min-width:64px}
  .fbr-br.open .fbr-br-wrap{max-height:400px}
}
@media(max-width:500px){
  .fbr-br-f{flex:1 1 calc(33% - 8px)}
}


/* Click-tooltip для факторов (кнопка ?) */
.fbr-br-f{position:relative}
.fbr-q{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:4px;border:1px solid var(--bd);border-radius:50%;background:transparent;color:var(--t3);font-size:10px;font-weight:700;line-height:1;cursor:pointer;padding:0;transition:.15s;vertical-align:middle;font-family:inherit;flex-shrink:0}
.fbr-q:hover{border-color:#60a5fa;color:#60a5fa;background:rgba(59,130,246,.1)}
.fbr-q.act{border-color:#60a5fa;color:#fff;background:#3b82f6}
.fbr-q-pop{position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%);width:max-content;max-width:240px;padding:10px 13px;background:#0f172a;border:1px solid rgba(59,130,246,.4);border-radius:8px;font-size:12px;font-weight:500;line-height:1.45;color:#f1f5f9;box-shadow:0 8px 24px rgba(0,0,0,.5);text-align:left;z-index:50;white-space:normal}
.fbr-q-pop::before{content:'';position:absolute;left:50%;bottom:100%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #0f172a}
.fbr-q-pop .tit{display:block;font-size:12px;font-weight:700;color:#60a5fa;margin-bottom:4px}
.fbr-q-pop .tit .w{color:var(--t3);font-weight:500;margin-left:4px}
@media(max-width:500px){
  .fbr-q-pop{max-width:200px}
}

/* Блок методологии */
.methodology{margin-top:28px;padding:32px 28px;background:linear-gradient(135deg,rgba(59,130,246,.06) 0%,rgba(139,92,246,.04) 100%);border:1px solid rgba(59,130,246,.25);border-radius:16px}
.methodology h2{font-family:'Unbounded',sans-serif;font-size:26px;font-weight:800;color:#fff;margin:0 0 6px;letter-spacing:-0.5px}
.methodology .lead{font-size:14px;color:var(--t2);line-height:1.6;margin:0 0 22px;max-width:760px}
.methodology-formula{display:inline-block;margin:4px 0 22px;padding:10px 16px;background:rgba(15,23,42,.5);border:1px solid rgba(59,130,246,.3);border-radius:8px;font-family:'JetBrains Mono',monospace;font-size:13px;color:#60a5fa}
.methodology-factors{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:8px}
.mf-card{padding:16px;background:rgba(15,23,42,.55);border:1px solid var(--bd);border-radius:10px;transition:.2s}
.mf-card:hover{border-color:rgba(59,130,246,.4);transform:translateY(-2px)}
.mf-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.mf-title{font-size:14px;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px}
.mf-weight{font-size:11px;font-weight:800;color:#60a5fa;background:rgba(59,130,246,.15);padding:2px 8px;border-radius:10px}
.mf-desc{font-size:12px;color:var(--t2);line-height:1.5;margin:0}
.mf-bar{margin-top:10px;height:5px;background:rgba(148,163,184,.1);border-radius:3px;overflow:hidden}
.mf-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px}

/* FAQ */
.fbr-faq{margin-top:28px}
.fbr-faq h2{font-family:'Unbounded',sans-serif;font-size:26px;font-weight:800;color:#fff;margin:0 0 16px;letter-spacing:-0.5px}
.fbr-faq-item{background:var(--sf);border:1px solid var(--bd);border-radius:10px;margin-bottom:10px;overflow:hidden}
.fbr-faq-q{padding:14px 18px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:.15s;user-select:none}
.fbr-faq-q:hover{background:rgba(59,130,246,.06)}
.fbr-faq-q .arr{font-size:13px;color:var(--t3);transition:transform .2s}
.fbr-faq-item.open .fbr-faq-q .arr{transform:rotate(180deg)}
.fbr-faq-a{padding:0 18px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;font-size:14px;line-height:1.65;color:var(--t2)}
.fbr-faq-item.open .fbr-faq-a{max-height:500px;padding:0 18px 16px}

/* Ссылка "Как считаем" в шапке */
.fbr-method-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:8px;font-size:13px;font-weight:600;color:#60a5fa;text-decoration:none;transition:.15s}
.fbr-method-link:hover{background:rgba(59,130,246,.18);border-color:rgba(59,130,246,.5)}

.fbr-cup{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 10px;border-radius:14px;font-size:11px;font-weight:800;letter-spacing:.3px;pointer-events:none;z-index:2;white-space:nowrap;line-height:1;min-width:54px;min-height:22px;box-sizing:border-box;}
.fbr-cup-gold{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 50%,#d97706 100%);color:#1a0f00;box-shadow:0 2px 10px rgba(245,158,11,.55),inset 0 1px 0 rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.25);}
.fbr-cup-silver{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 50%,#94a3b8 100%);color:#0f172a;box-shadow:0 2px 8px rgba(148,163,184,.45),inset 0 1px 0 rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.2);}
.fbr-cup-bronze{background:linear-gradient(135deg,#d97706 0%,#b45309 50%,#92400e 100%);color:#fff7ed;box-shadow:0 2px 8px rgba(180,83,9,.45),inset 0 1px 0 rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.15);}

/* ── Тултипы для кнопок сортировки ── */
/* ── Тултипы для кнопок сортировки ── */
.cb-wrap{position:relative;display:inline-block;}
.cb-wrap .cb-tip{
  opacity:0;visibility:hidden;pointer-events:none;
  position:absolute;bottom:calc(100% + 10px);left:50%;
  transform:translateX(-50%) translateY(4px);
  width:280px;
  background:linear-gradient(160deg,#181d2e 0%,#111520 100%);
  border:1px solid rgba(59,130,246,.25);
  border-radius:14px;
  padding:14px 16px;
  font-size:12px;color:var(--t2);line-height:1.65;
  z-index:600;
  white-space:normal;text-align:left;
  box-shadow:0 16px 40px rgba(0,0,0,.6), 0 0 0 1px rgba(59,130,246,.08);
  transition:opacity .18s ease, transform .18s ease, visibility .18s;
}
/* Тонкая синяя полоска сверху */
.cb-wrap .cb-tip::before{
  content:'';position:absolute;top:0;left:16px;right:16px;height:2px;
  background:linear-gradient(90deg,transparent,rgba(59,130,246,.6),transparent);
  border-radius:0 0 2px 2px;
}
/* Стрелка вниз */
.cb-wrap .cb-tip::after{
  content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);
  border:7px solid transparent;
  border-top-color:#181d2e;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.3));
}
.cb-wrap:hover .cb-tip{
  opacity:1;visibility:visible;
  transform:translateX(-50%) translateY(0);
}
.cb-tip strong{
  color:#fff;display:block;
  font-size:12.5px;font-weight:700;
  margin-bottom:8px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.cb-tip ul{
  margin:0;padding:0;list-style:none;
  display:flex;flex-direction:column;gap:5px;
}
.cb-tip ul li{
  display:flex;align-items:flex-start;gap:7px;
  font-size:11.5px;color:var(--t2);
}
.cb-tip ul li::before{
  content:'·';color:var(--ac);font-size:14px;line-height:1.2;flex-shrink:0;
}

/* Обзор бонуса (bonus_articles) — rich version */
.bonart h3{font-family:'Unbounded',sans-serif;font-size:20px;font-weight:700;color:var(--tx);margin:32px 0 14px;letter-spacing:-.2px;display:flex;align-items:center;gap:10px}
.bonart h3 .bonart-ico{font-size:22px}
.bonart p{margin:10px 0;line-height:1.7;color:var(--tx);font-size:15px}
.bonart ul,.bonart ol{margin:10px 0 14px 22px;padding:0}
.bonart li{margin:6px 0;line-height:1.65;color:var(--tx);font-size:15px}
.bonart strong{color:var(--tx);font-weight:700}
.bonart em{color:var(--t2);font-style:italic}

/* TL;DR карточка */
.bonart-tldr{background:linear-gradient(135deg,rgba(59,130,246,.10),rgba(139,92,246,.08));border-left:3px solid var(--ac);border-radius:var(--r2);padding:16px 20px;margin:8px 0 24px}
.bonart-tldr-label{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--ac);text-transform:uppercase;margin-bottom:6px}
.bonart-tldr-text{font-size:15px;line-height:1.6;color:var(--tx)}

/* Этапы — двухколоночные карточки */
.bonart-stages{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 8px}
.bonart-stage{padding:18px 20px;border-radius:var(--r2);border:1px solid var(--bd);background:var(--sf)}
.bonart-stage-1{border-left:3px solid #10b981;background:linear-gradient(135deg,rgba(16,185,129,.06),transparent 60%)}
.bonart-stage-2{border-left:3px solid #8b5cf6;background:linear-gradient(135deg,rgba(139,92,246,.06),transparent 60%)}
.bonart-stage-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px}
.bonart-stage-num{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--t3)}
.bonart-stage-1 .bonart-stage-num{color:#10b981}
.bonart-stage-2 .bonart-stage-num{color:#8b5cf6}
.bonart-stage-amt{font-family:'Unbounded',sans-serif;font-size:22px;font-weight:700;color:var(--tx)}
.bonart-stage-sub{font-size:13px;color:var(--t2);margin-bottom:14px}
.bonart-stage-list{margin:0 0 0 18px;padding:0}
.bonart-stage-list li{font-size:14px;margin:6px 0;line-height:1.55}
@media (max-width:720px){.bonart-stages{grid-template-columns:1fr}}

/* Таблица */
.bonart-table-wrap{overflow-x:auto;margin:16px 0;border-radius:var(--r2);border:1px solid var(--bd)}
.bonart-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--sf)}
.bonart-table th{background:var(--sf2);padding:11px 14px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--t2);border-bottom:1px solid var(--bd);white-space:nowrap}
.bonart-table td{padding:12px 14px;border-bottom:1px solid var(--bd);color:var(--tx);vertical-align:top;font-size:14px}
.bonart-table tr:last-child td{border-bottom:none}

/* Плюсы / Минусы — двумя колонками */
.bonart-pnm{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}
.bonart-pros,.bonart-cons{padding:16px 20px;border-radius:var(--r2);border:1px solid var(--bd)}
.bonart-pros{background:linear-gradient(135deg,rgba(16,185,129,.08),transparent 80%);border-left:3px solid #10b981}
.bonart-cons{background:linear-gradient(135deg,rgba(239,68,68,.08),transparent 80%);border-left:3px solid #ef4444}
.bonart-pnm-head{font-family:'Unbounded',sans-serif;font-weight:700;font-size:15px;margin-bottom:10px;color:var(--tx)}
/* === BONART_EXTENDED_REVIEW_V1 — расширение для promo-review v1.0 === */
.bonart-pnm-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.bonart-pnm-list li{font-size:14px;line-height:1.55;color:var(--tx);padding-left:18px;position:relative}
.bonart-pros .bonart-pnm-list li::before{content:"+";position:absolute;left:0;top:0;color:#10b981;font-weight:700}
.bonart-cons .bonart-pnm-list li::before{content:"−";position:absolute;left:0;top:0;color:#ef4444;font-weight:700}
.bonart-kpi-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:16px 0 24px}
.bonart-kpi-tile{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r2);padding:14px 16px;transition:.15s}
.bonart-kpi-tile:hover{border-color:var(--bd2);transform:translateY(-1px)}
.bonart-kpi-tile-lbl{font-size:11px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.bonart-kpi-tile-val{font-family:'Unbounded',sans-serif;font-size:18px;font-weight:700;color:var(--tx);line-height:1.15}
.bonart-kpi-tile-sub{font-size:11px;color:var(--t3);margin-top:4px}
.bonart-factor-pc{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0;font-size:13px;line-height:1.55}
@media(max-width:640px){.bonart-factor-pc{grid-template-columns:1fr;gap:4px}}
.bonart-factor-pc ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}
.bonart-factor-pc li{padding-left:14px;position:relative;color:var(--t2)}
.bonart-factor-pc .pc-pos li::before{content:"+";position:absolute;left:0;color:#10b981;font-weight:700}
.bonart-factor-pc .pc-neg li::before{content:"−";position:absolute;left:0;color:#ef4444;font-weight:700}
.bonart-factor-verdict{font-size:13px;font-style:italic;color:var(--t2);padding-top:8px;border-top:1px solid var(--bd);margin-top:6px}
.bonart-tips{display:flex;flex-direction:column;gap:10px;margin:16px 0 24px}
.bonart-tip{background:linear-gradient(135deg,rgba(245,158,11,.08),transparent 80%);border:1px solid rgba(245,158,11,.2);border-left:3px solid #f59e0b;border-radius:var(--r2);padding:13px 16px}
.bonart-tip-h{font-size:14px;font-weight:700;color:#fbbf24;margin-bottom:5px;display:flex;align-items:center;gap:8px}
.bonart-tip-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(245,158,11,.18);font-size:11px;font-weight:700;color:#fbbf24;flex-shrink:0}
.bonart-tip-body{font-size:13px;line-height:1.55;color:var(--tx)}
.bonart-section-h{font-family:'Unbounded',sans-serif;font-size:18px;font-weight:700;color:var(--tx);margin:28px 0 12px;display:flex;align-items:center;gap:8px}
.bonart-meta-row{font-size:11px;color:var(--t3);margin:24px 0 8px;padding-top:12px;border-top:1px solid var(--bd);display:flex;flex-wrap:wrap;gap:8px}
.bonart-meta-tag{padding:2px 8px;background:var(--sf);border:1px solid var(--bd);border-radius:4px}
/* === BONART_POLISH_V1 — улучшения форматирования === */
/* Markdown-таблицы внутри обзора */
.bonart table{width:100%;border-collapse:separate;border-spacing:0;margin:18px 0;font-size:14px;background:var(--sf);border:1px solid var(--bd);border-radius:var(--r2);overflow:hidden}
.bonart table th{background:var(--sf2);padding:11px 16px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--t2);border-bottom:1px solid var(--bd);white-space:nowrap}
.bonart table td{padding:12px 16px;border-bottom:1px solid var(--bd);color:var(--tx);vertical-align:top;line-height:1.5}
.bonart table tr:last-child td{border-bottom:none}
.bonart table tr:nth-child(even) td{background:rgba(255,255,255,.015)}
.bonart table tr:hover td{background:rgba(99,102,241,.05)}
.bonart table strong{color:var(--tx);font-weight:700}
@media(max-width:640px){
  .bonart table{font-size:13px}
  .bonart table th,.bonart table td{padding:9px 11px}
}

/* Нумерованные списки в обзоре — кружочки */
.bonart ol{counter-reset:bonart-li;list-style:none;padding-left:0;margin:14px 0}
.bonart ol > li{counter-increment:bonart-li;position:relative;padding-left:36px;min-height:26px;margin:10px 0;line-height:1.65}
.bonart ol > li::before{content:counter(bonart-li);position:absolute;left:0;top:1px;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(139,92,246,.15));border:1px solid rgba(99,102,241,.4);color:var(--ac);font-family:'Unbounded',sans-serif;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}


/* Улучшенный fallback для лого БК — лучшая типографика */
.bkicon-fallback{display:flex;align-items:center;justify-content:center;font-family:'Unbounded',sans-serif;font-weight:800;letter-spacing:-.5px;background-image:linear-gradient(135deg,rgba(255,255,255,.08),transparent 60%);text-shadow:0 1px 2px rgba(0,0,0,.4)}
/* === BONART_FINALPOLISH_V1 — подсветка чисел и буллет-кружочки === */
.bonart-num{color:#60a5fa;font-weight:700;white-space:nowrap}
.bonart-num.pct{color:#a78bfa}
.bonart-num.dur{color:#34d399}
.bonart-num.mult{color:#fbbf24}

/* === BONART_FINALMARKERS_V1 — финальные маркеры === */
/* Плюсы (.bonart-pros) — зелёные "+" */
.bonart-pros ul,.bonart-pros .bonart-pnm-list{list-style:none;padding-left:0;margin:8px 0}
.bonart-pros ul > li,.bonart-pros .bonart-pnm-list > li{position:relative;padding-left:22px;margin:8px 0;line-height:1.6;color:var(--tx)}
.bonart-pros ul > li::before,.bonart-pros .bonart-pnm-list > li::before{content:"+";position:absolute;left:0;top:0;color:#10b981;font-weight:800;font-size:18px;line-height:1.4}
/* Минусы (.bonart-cons) — красные "−" */
.bonart-cons ul,.bonart-cons .bonart-pnm-list{list-style:none;padding-left:0;margin:8px 0}
.bonart-cons ul > li,.bonart-cons .bonart-pnm-list > li{position:relative;padding-left:22px;margin:8px 0;line-height:1.6;color:var(--tx)}
.bonart-cons ul > li::before,.bonart-cons .bonart-pnm-list > li::before{content:"−";position:absolute;left:0;top:0;color:#ef4444;font-weight:800;font-size:20px;line-height:1.3}
/* Прочие UL — НУМЕРОВАННЫЕ ЗАЛИТЫЕ кружочки с цифрами (как у OL), один цвет на список */
.bonart ul:not(.bonart-pnm-list){list-style:none;padding-left:0;margin:14px 0;counter-reset:bonart-uli}
.bonart ul:not(.bonart-pnm-list) > li{counter-increment:bonart-uli;position:relative;padding-left:36px;min-height:26px;margin:10px 0;line-height:1.65}
.bonart ul:not(.bonart-pnm-list) > li::before{content:counter(bonart-uli);position:absolute;left:0;top:1px;width:26px;height:26px;border-radius:50%;color:#fff;font-family:'Unbounded',sans-serif;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,rgba(167,139,250,.85),rgba(139,92,246,.95));border:1px solid rgba(167,139,250,.5)}
/* Цвета по классам (назначаются JS-функцией colorizeListsInBody) */
.bonart ul.bonart-ul-c1 > li::before{background:linear-gradient(135deg,rgba(167,139,250,.85),rgba(139,92,246,.95));border-color:rgba(167,139,250,.5)}
.bonart ul.bonart-ul-c2 > li::before{background:linear-gradient(135deg,rgba(251,191,36,.85),rgba(245,158,11,.95));border-color:rgba(251,191,36,.5)}
.bonart ul.bonart-ul-c3 > li::before{background:linear-gradient(135deg,rgba(96,165,250,.85),rgba(59,130,246,.95));border-color:rgba(96,165,250,.5)}
.bonart ul.bonart-ul-c4 > li::before{background:linear-gradient(135deg,rgba(52,211,153,.85),rgba(16,185,129,.95));border-color:rgba(52,211,153,.5)}
/* Внутри pros/cons блоков отменяем нумерованный стиль (там всегда +/−) */
.bonart-pros ul:not(.bonart-pnm-list) > li::before,
.bonart-cons ul:not(.bonart-pnm-list) > li::before{
  content:none !important;
}

/* === BONART_FACTORPC_UNIFIED — финальный фикс +/− в scorecard-факторах === */
/* Сбрасываем все унаследованные стили нумерованных кружочков для UL внутри .bonart-factor-pc */
.bonart-factor-pc ul,
.bonart-factor-pc .pc-pos,
.bonart-factor-pc .pc-neg{
  list-style:none !important;
  padding-left:0 !important;
  margin:0 !important;
  counter-reset:none !important;
}
.bonart-factor-pc ul > li,
.bonart-factor-pc .pc-pos > li,
.bonart-factor-pc .pc-neg > li{
  counter-increment:none !important;
  position:relative;
  padding-left:18px !important;
  margin:4px 0 !important;
  line-height:1.5 !important;
  min-height:0 !important;
  color:var(--t2);
  font-size:13px;
}
/* Жёсткий ресет ВСЕХ свойств ::before — убираем кружок, заменяем на символ */
.bonart-factor-pc ul > li::before,
.bonart-factor-pc .pc-pos > li::before,
.bonart-factor-pc .pc-neg > li::before{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  border:none !important;
  border-radius:0 !important;
  background:none !important;
  background-image:none !important;
  background-color:transparent !important;
  box-shadow:none !important;
  display:inline !important;
  align-items:initial !important;
  justify-content:initial !important;
  flex-shrink:initial !important;
  font-family:inherit !important;
  font-weight:800 !important;
  line-height:1.3 !important;
  text-align:left !important;
  counter-reset:none !important;
}
.bonart-factor-pc .pc-pos > li::before{
  content:"+" !important;
  color:#10b981 !important;
  font-size:16px !important;
}
.bonart-factor-pc .pc-neg > li::before{
  content:"−" !important;
  color:#ef4444 !important;
  font-size:18px !important;
}

.bonart-pros ul,.bonart-cons ul{margin:0 0 0 18px;padding:0}
.bonart-pros li,.bonart-cons li{font-size:14px;margin:6px 0;line-height:1.55}
@media (max-width:720px){.bonart-pnm{grid-template-columns:1fr}}

/* Советы — нумерованные карточки */
.bonart-tips{display:flex;flex-direction:column;gap:10px;margin:14px 0}
.bonart-tip{display:flex;gap:14px;padding:14px 16px;background:var(--sf);border-radius:var(--r2);border:1px solid var(--bd)}
.bonart-tip-num{flex:none;width:34px;height:34px;border-radius:50%;background:var(--ag);color:var(--ac);font-family:'Unbounded',sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px}
.bonart-tip-body{font-size:14.5px;line-height:1.6;color:var(--tx)}
.bonart-tip-body strong{display:inline}

/* Рейтинг — звёзды */
.bonart-rating{display:flex;align-items:center;gap:14px;margin:12px 0 8px;padding:12px 16px;background:var(--sf);border-radius:var(--r2);border:1px solid var(--bd)}
.bonart-rating-stars{font-size:22px;letter-spacing:2px;color:var(--bd2)}
.bonart-rating-stars .on{color:#f59e0b}
.bonart-rating-stars .half{background:linear-gradient(90deg,#f59e0b 50%,var(--bd2) 50%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.bonart-rating-val{font-size:15px;color:var(--tx)}
.bonart-rating-val strong{font-family:'Unbounded',sans-serif;font-size:20px;margin-right:6px}
.bonart-rating-meta{color:var(--t3);font-size:13px}

/* CTA блок "Итог" */
.bonart-cta{display:flex;align-items:center;gap:20px;margin:24px 0 8px;padding:20px 22px;background:linear-gradient(135deg,rgba(59,130,246,.10),rgba(16,185,129,.05));border:1px solid var(--ac);border-radius:var(--r2);flex-wrap:wrap}
.bonart-cta-text{flex:1;min-width:260px}
.bonart-cta-title{font-family:'Unbounded',sans-serif;font-size:16px;font-weight:700;color:var(--ac);margin-bottom:6px}
.bonart-cta-text>div:last-child{font-size:14.5px;line-height:1.6;color:var(--tx)}
.bonart-cta-btn{flex:none;padding:13px 26px;background:var(--gd);color:#000;border:none;border-radius:var(--r);font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap;transition:.2s}
.bonart-cta-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}


/* Плашка рейтинга в обзоре бонуса */
/* Секция "Как мы оценили этот бонус" — полосы прогресса */
.bonart-scorecard{background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(168,85,247,.05));border:1px solid rgba(148,163,184,.15);border-radius:14px;padding:20px;margin:24px 0}
.bonart-scorecard-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:12px}
.bonart-scorecard-title{font-family:'Unbounded',sans-serif;font-size:17px;font-weight:700;color:var(--tx);margin:0}
.bonart-scorecard-total{display:flex;align-items:center;gap:10px}
.bonart-scorecard-val{font-family:'Unbounded',sans-serif;font-size:28px;font-weight:800;color:var(--ac);line-height:1}
.bonart-scorecard-max{font-size:15px;color:var(--tx-sec);font-weight:500}
.bonart-scorecard-stars{display:flex;gap:2px}
.bonart-scorecard-stars .s{font-size:16px;color:#3a3a3a}
.bonart-scorecard-stars .s.on{color:#fbbf24}
.bonart-scorecard-stars .s.half{background:linear-gradient(90deg,#fbbf24 50%,#3a3a3a 50%);-webkit-background-clip:text;background-clip:text;color:transparent}
.bonart-factor{display:grid;grid-template-columns:1fr auto;gap:4px 14px;padding:10px 0;border-top:1px solid rgba(148,163,184,.08)}
.bonart-factor:first-of-type{border-top:none}
.bonart-factor-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--tx)}
.bonart-factor-weight{font-size:11px;color:var(--tx-sec);font-weight:500;background:rgba(148,163,184,.1);padding:2px 7px;border-radius:8px}
.bonart-factor-bar{grid-column:1/-1;height:6px;background:rgba(148,163,184,.12);border-radius:3px;overflow:hidden;position:relative;margin-top:2px}
.bonart-factor-fill{height:100%;border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}
.bonart-factor-score{font-family:'Unbounded',sans-serif;font-size:13px;font-weight:700;min-width:32px;text-align:right}
.bonart-factor-desc{grid-column:1/-1;font-size:12px;color:var(--tx-sec);line-height:1.4;margin-top:4px}
.bonart-scorecard-comment{background:rgba(59,130,246,.08);border-left:3px solid var(--ac);padding:12px 14px;border-radius:8px;margin-top:18px;font-size:13px;color:var(--tx);line-height:1.5}
.bonart-scorecard-comment .c-lbl{font-weight:700;color:var(--ac);margin-right:6px}
.bonart-rank-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 50%,#f59e0b 100%);color:#1a1a1a;border-radius:999px;font-family:'Unbounded',sans-serif;font-size:13px;font-weight:700;letter-spacing:.3px;margin:0;text-decoration:none;box-shadow:0 2px 12px rgba(245,158,11,.35);cursor:pointer;transition:.2s;border:1px solid rgba(255,255,255,.25)}
.bonart-rank-badge:hover{transform:translateY(-1px);box-shadow:0 4px 18px rgba(245,158,11,.5)}
.bonart-rank-badge .rb-ico{font-size:16px}
.bonart-rank-badge .rb-num{font-family:'Unbounded',sans-serif;font-weight:800;font-size:15px}
/* === MOBILE: обзор бонуса (scorecard + sticky-nav + hero) === */
@media (max-width:720px){
  #bond-nav{flex-wrap:nowrap !important;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 12px 0 !important;margin:0 -12px 10px !important;gap:0}
  #bond-nav::-webkit-scrollbar{display:none}
  .bond-nav-btn{margin-right:20px;padding:11px 2px;font-size:14px;white-space:nowrap;flex:none}
  .bond-nav-btn:last-child{margin-right:12px}
  .bonart-scorecard{padding:16px 14px;margin:18px 0;border-radius:12px}
  .bonart-scorecard-head{margin-bottom:14px;gap:8px}
  .bonart-scorecard-title{font-size:15px;line-height:1.3}
  .bonart-scorecard-val{font-size:24px}
  .bonart-scorecard-max{font-size:13px}
  .bonart-scorecard-stars .s{font-size:14px}
  .bonart-scorecard-total{gap:8px}
  .bonart-factor{padding:8px 0;gap:3px 10px}
  .bonart-factor-label{font-size:13px;gap:6px}
  .bonart-factor-weight{font-size:10px;padding:1px 6px}
  .bonart-factor-score{font-size:12px;min-width:28px}
  .bonart-factor-desc{font-size:11.5px;margin-top:3px}
  .bonart-scorecard-comment{padding:10px 12px;font-size:12.5px;margin-top:14px}
  .bon-hero{padding:14px 16px 12px !important;border-radius:12px !important;margin-bottom:10px !important}
  .bonart-rank-badge{padding:7px 12px;font-size:12px}
  .bonart-rank-badge .rb-num{font-size:14px}
  .bonart-rank-badge .rb-ico{font-size:14px}
}
@media (max-width:380px){
  .bonart-scorecard{padding:14px 12px}
  .bonart-scorecard-title{font-size:14px}
  .bonart-scorecard-val{font-size:22px}
  .bond-nav-btn{margin-right:16px;font-size:13.5px}
  .bonart-factor-label{font-size:12.5px}
}


/* ═════ Блок "Калькуляторы для ставок" — hp-tools-block-v2 ═════ */
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:18px;}
.tcard{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r2);padding:20px 18px;transition:.25s;cursor:pointer;position:relative;display:flex;flex-direction:column;min-height:160px;text-decoration:none;color:inherit;}
.tcard:hover{border-color:var(--bd2);transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,0,0,.4);}
.tcard.active{border-color:var(--ac);}
.tcard.uniq{border-color:rgba(245,158,11,.32);}
.ticon{font-size:24px;margin-bottom:10px;}
.tname{font-family:'Unbounded',sans-serif;font-size:15px;font-weight:700;color:#fff;margin-bottom:6px;line-height:1.2;}
.tdesc{font-size:12.5px;color:var(--t2);line-height:1.5;flex:1;}
.tbadge{position:absolute;top:14px;right:14px;font-size:9.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 7px;border-radius:4px;}
.tbadge.b-uniq{background:var(--gg);color:var(--gd);border:1px solid rgba(245,158,11,.4);}
.tbadge.b-new{background:rgba(34,197,94,.18);color:#4ade80;border:1px solid rgba(34,197,94,.4);}
/* ═════ /hp-tools-block-v2 ═════ */

/* === AIPF filters v2 === */
/* ===== Page layout: main left + sidebar right ===== */
.aipf-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 24px;
  align-items: start;
  margin-bottom: 32px;
}
.aipf-main { min-width: 0; }

/* ===== Sidebar ===== */
.aipf-sidebar {
  position: sticky;
  top: 80px;
  padding: 18px 16px;
  background: linear-gradient(180deg, rgba(20,24,34,0.7) 0%, rgba(14,18,26,0.7) 100%);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  font-family: 'Inter', sans-serif;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.aipf-sidebar::-webkit-scrollbar { width: 4px; }
.aipf-sidebar::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.12); border-radius: 4px; }

.aipf-sb-head {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.aipf-sb-head h3 {
  margin: 0;
  font-family: 'Unbounded', 'Inter', sans-serif;
  font-size: 13px; font-weight: 600;
  color: #e8eaf0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.aipf-sb-reset-mini {
  background: none; border: 0; cursor: pointer;
  color: #6b7280; font-size: 11px; padding: 4px 8px;
  border-radius: 6px; display: none;
  transition: all 0.12s;
  font-family: 'Inter', sans-serif;
}
.aipf-sb-reset-mini:hover { background: rgba(255,255,255,0.06); color: #e8eaf0; }
.aipf-sb-reset-mini--show { display: inline-flex; align-items: center; gap: 4px; }

.aipf-sb-close {
  display: none;
  background: none; border: 0;
  color: #9aa0a8; font-size: 22px;
  cursor: pointer; padding: 4px 10px;
}

.aipf-sb-group { margin-bottom: 22px; }
.aipf-sb-group:last-of-type { margin-bottom: 14px; }

.aipf-sb-title {
  display: flex; align-items: center; gap: 6px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em;
  color: #7d829a; margin-bottom: 10px; padding: 0 4px;
}
.aipf-sb-title::before {
  content: ''; display: inline-block;
  width: 4px; height: 4px; border-radius: 50%;
  background: #3b82f6;
}

.aipf-sb-row {
  position: relative;
  display: flex; align-items: center; gap: 10px;
  padding: 8px 10px;
  margin: 2px 0;
  border-radius: 8px;
  font-size: 13px; color: #cfd3da;
  cursor: pointer;
  transition: background 0.14s, transform 0.14s, color 0.14s;
}
.aipf-sb-row::before {
  content: ''; position: absolute; left: 0; top: 18%; bottom: 18%;
  width: 3px; border-radius: 2px;
  background: var(--lg-c, transparent);
  opacity: 0; transition: opacity 0.14s;
}
.aipf-sb-row:hover { background: rgba(255,255,255,0.04); transform: translateX(2px); }
.aipf-sb-row:hover::before { opacity: 0.6; }

.aipf-sb-row input[type="radio"] {
  appearance: none; -webkit-appearance: none;
  width: 14px; height: 14px; border-radius: 50%;
  border: 1.5px solid #4b5563; background: transparent;
  cursor: pointer; flex-shrink: 0; position: relative;
  transition: all 0.14s;
}
.aipf-sb-row input[type="radio"]:checked {
  border-color: var(--lg-c, #3b82f6);
  background: var(--lg-c, #3b82f6);
  box-shadow: inset 0 0 0 3px #0f1419, 0 0 0 3px color-mix(in srgb, var(--lg-c, #3b82f6) 18%, transparent);
}

.aipf-sb-row:has(input:checked) {
  background: color-mix(in srgb, var(--lg-c, #3b82f6) 8%, transparent);
  color: #ffffff;
}
.aipf-sb-row:has(input:checked)::before { opacity: 1; }
.aipf-sb-row:has(input:checked) > span:not(.aipf-sb-count):not(em) { font-weight: 600; }

.aipf-sb-row > span:not(.aipf-sb-count) { flex: 1; min-width: 0; }
.aipf-sb-row em { font-size: 9.5px; color: #6b7280; font-style: normal; text-transform: uppercase; letter-spacing: 0.04em; }
.aipf-sb-row--disabled { opacity: 0.4; cursor: not-allowed; }
.aipf-sb-row--disabled:hover { background: transparent; transform: none; }
.aipf-sb-row--disabled:hover::before { opacity: 0; }

/* Цвета лиг (CSS custom property для каждого radio) */
.aipf-sb-row[data-lg="ucl"]        { --lg-c: #1F4FCB; }
.aipf-sb-row[data-lg="uel"]        { --lg-c: #FF6900; }
.aipf-sb-row[data-lg="rpl"]        { --lg-c: #D52B1E; }
.aipf-sb-row[data-lg="cup"]        { --lg-c: #C8A951; }
.aipf-sb-row[data-lg="epl"]        { --lg-c: #8C2A8C; }
.aipf-sb-row[data-lg="laliga"]     { --lg-c: #E63946; }
.aipf-sb-row[data-lg="seriea"]     { --lg-c: #008FD7; }
.aipf-sb-row[data-lg="bundesliga"] { --lg-c: #D20515; }
.aipf-sb-row[data-lg="ligue1"]     { --lg-c: #0F2C5C; }
.aipf-sb-row[data-lg=""]           { --lg-c: #3b82f6; }
.aipf-sb-row[data-sp="football"]   { --lg-c: #10b981; }
.aipf-sb-row[data-st="upcoming"]   { --lg-c: #10b981; }
.aipf-sb-row[data-st="finished"]   { --lg-c: #6b7280; }
.aipf-sb-row[data-st=""]           { --lg-c: #3b82f6; }

.aipf-sb-count {
  flex: 0 0 auto;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px;
  color: #6b7280;
  background: rgba(255,255,255,0.05);
  padding: 2px 8px;
  border-radius: 10px;
  min-width: 24px;
  text-align: center;
  transition: all 0.14s;
}
.aipf-sb-row:has(input:checked) .aipf-sb-count {
  color: #fff;
  background: color-mix(in srgb, var(--lg-c, #3b82f6) 35%, transparent);
  font-weight: 600;
}
.aipf-sb-count--zero { opacity: 0.4; }

/* ===== Mobile trigger + bottom-sheet ===== */
.aipf-filter-trigger {
  display: none;
  position: sticky; top: 60px; z-index: 30;
  width: 100%; padding: 12px 16px;
  background: rgba(20,24,32,0.92);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  color: #e8eaf0;
  font-family: 'Inter', sans-serif; font-size: 14px;
  margin-bottom: 14px; cursor: pointer;
  align-items: center; gap: 10px;
  transition: background 0.14s;
}
.aipf-filter-trigger:hover { background: rgba(28,32,40,0.95); }
.aipf-ft-icon { font-size: 16px; color: #3b82f6; }
.aipf-ft-label { font-weight: 500; flex: 1; text-align: left; }
.aipf-ft-badge {
  background: #3b82f6; color: #fff;
  font-family: 'JetBrains Mono', monospace; font-size: 11px;
  padding: 1px 8px; border-radius: 10px; min-width: 24px; text-align: center;
}

.aipf-filter-overlay {
  position: fixed; inset: 0;
  background: rgba(0,0,0,0.55);
  z-index: 99;
  animation: aipfFade 0.18s ease-out;
}
@keyframes aipfFade { from { opacity: 0 } to { opacity: 1 } }

/* ===== Empty state ===== */
.aipf-empty {
  grid-column: 1 / -1;
  text-align: center; padding: 60px 20px;
  color: #6b7280;
  font-family: 'Inter', sans-serif;
}
.aipf-empty-i { font-size: 32px; margin-bottom: 12px; }
.aipf-empty-t { font-size: 16px; margin-bottom: 16px; }
.aipf-empty-b {
  padding: 9px 20px; background: #3b82f6; border: 0; border-radius: 8px;
  color: #fff; font-size: 13px; cursor: pointer; transition: background 0.14s;
}
.aipf-empty-b:hover { background: #2563eb; }

.aipf-sentinel { grid-column: 1 / -1; height: 1px; }

/* ===== Tablet/mobile ===== */
@media (max-width: 960px) {
  .aipf-page { grid-template-columns: 1fr; }
  .aipf-sidebar {
    position: fixed; top: auto; bottom: 0; left: 0; right: 0;
    max-height: 78vh;
    border-radius: 18px 18px 0 0;
    transform: translateY(100%);
    transition: transform 0.26s ease-out;
    z-index: 100;
    background: rgba(14,18,26,0.98);
    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  }
  .aipf-sidebar--open { transform: translateY(0); }
  .aipf-filter-trigger { display: inline-flex; }
  .aipf-sb-close { display: inline-block; }
}

/* === AIPF polish v3 === */
/* ===== Stats иконки ===== */
.aipf-stats {
  position: relative;
}
.aipf-stat {
  display: flex; flex-direction: column;
  align-items: center; gap: 2px;
  padding: 8px 6px;
}
.aipf-stat-ico {
  display: inline-flex;
  align-items: center; justify-content: center;
  width: 28px; height: 28px;
  margin-bottom: 4px;
  color: var(--ac, #3b82f6);
  opacity: 0.85;
}
.aipf-stat-ico svg {
  width: 100%; height: 100%;
}
.aipf-stat-v {
  font-family: 'Unbounded', sans-serif;
  font-size: 24px; font-weight: 700;
  color: var(--ac, #3b82f6);
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.aipf-stat-l {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  color: var(--tx-mu, #7d829a);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 2px;
  text-align: center;
}
@media (max-width: 640px) {
  .aipf-stat-ico { width: 22px; height: 22px; margin-bottom: 2px; }
  .aipf-stat-v { font-size: 20px; }
  .aipf-stat-l { font-size: 9px; }
  .aipf-stat { padding: 6px 4px; }
}

/* ===== Reset фильтров — стильная pill-кнопка ===== */
.aipf-sb-reset {
  display: none; /* виден только если фильтр активен */
  width: 100%;
  margin-top: 4px;
  padding: 9px 14px;
  background: rgba(239, 68, 68, 0.08);
  border: 1px solid rgba(239, 68, 68, 0.22);
  color: #fca5a5;
  border-radius: 9px;
  font-family: 'Inter', sans-serif;
  font-size: 12.5px; font-weight: 500;
  cursor: pointer;
  transition: all 0.16s;
  align-items: center; justify-content: center; gap: 6px;
}
.aipf-sb-reset::before {
  content: '✕'; font-size: 11px; font-weight: 700;
}
.aipf-sb-reset:hover {
  background: rgba(239, 68, 68, 0.16);
  border-color: rgba(239, 68, 68, 0.35);
  color: #fecaca;
}
.aipf-sb-reset--show { display: inline-flex; }

/* ===== Мобильная шапка: сжимаем .bl/.br, скрываем .navl ===== */
@media (max-width: 768px) {
  .navi { gap: 8px !important; padding: 0 12px !important; }
  .navi .bl, .navi .br {
    padding: 5px 11px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    border-radius: 6px !important;
  }
  .navl { display: none !important; }
  .navr { gap: 6px !important; flex-wrap: nowrap !important; align-items: center !important; }
  .navr .ns, .navr .ns-hidden { display: none !important; }
  .nav-ico-btn { padding: 5px !important; }
  #lk-auth-buttons { display: inline-flex !important; gap: 4px !important; flex-shrink: 0 !important; }
}
@media (max-width: 460px) {
  .navi .bl { display: none !important; }  /* совсем узко — оставляем только Регистрация */
  .navi .br { padding: 4px 9px !important; font-size: 11px !important; }
  .navi .logo { font-size: 14px !important; }
  .nav-gift-btn { display: none !important; }  /* подарок прячем */
}

/* === AIPF league logos === */
.aipf-league {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.aipf-league-logo {
  width: 18px;
  height: 18px;
  object-fit: contain;
  vertical-align: middle;
  flex-shrink: 0;
}
.aipf-league-logo-fallback {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(160, 168, 180, 0.25);
  border: 1px solid rgba(160, 168, 180, 0.4);
  flex-shrink: 0;
  display: none;  /* включается через onerror */
}
@media (max-width: 640px) {
  .aipf-league-logo,
  .aipf-league-logo-fallback {
    width: 16px;
    height: 16px;
  }
}

.aipf-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;font-family:'Inter',sans-serif;width:100%}
@media(max-width:960px){.aipf-feed{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.aipf-feed{grid-template-columns:1fr}}

/* Виджет на главной — 4 колонки */
.aipf-feed-widget{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0;font-family:'Inter',sans-serif;width:100%}
@media(max-width:1100px){.aipf-feed-widget{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.aipf-feed-widget{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.aipf-feed-widget{grid-template-columns:1fr}}

.aipf-card{background:var(--sf,#111520);border:2px solid var(--bd,#1e2540);border-radius:12px;padding:14px;color:var(--tx,#e8edf8);transition:border-color .15s;position:relative}
.aipf-card--upcoming{border-color:#1e2540}
.aipf-card--upcoming:hover{border-color:var(--ac,#3b82f6)}
.aipf-card--neutral{border:3px solid #3a4570}
.aipf-card--win{border:3px solid #2ed47a;box-shadow:0 0 0 1px rgba(46,212,122,.2),0 4px 24px -8px rgba(46,212,122,.35)}
.aipf-card--loss{border:3px solid #e74c4c;box-shadow:0 0 0 1px rgba(231,76,76,.2),0 4px 24px -8px rgba(231,76,76,.35)}

.aipf-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:12px;flex-wrap:wrap;gap:4px;text-decoration:none;color:inherit}
.aipf-league{color:var(--ac,#3b82f6);font-weight:600}
.aipf-card--win .aipf-league{color:#7fe7b3}
.aipf-card--loss .aipf-league{color:#ffb5b5}
.aipf-time{font-family:'JetBrains Mono',monospace;color:var(--tx-mu,#7d829a)}
.aipf-fin-badge{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:10px;letter-spacing:.4px;background:rgba(46,212,122,.15);color:#7fe7b3;padding:3px 8px;border-radius:6px}
.aipf-card--loss .aipf-fin-badge{background:rgba(231,76,76,.15);color:#ffb5b5}
.aipf-card--neutral .aipf-fin-badge{background:rgba(154,166,196,.15);color:#9aa6c4}
.aipf-live{font-family:'JetBrains Mono',monospace;color:var(--gn,#10b981);font-size:10px;font-weight:700}

/* Сетка команд: всегда центр по VS/счёту, имена в одну строку с автоподбором размера */
.aipf-teams{display:grid;grid-template-columns:1fr 90px 1fr;align-items:center;gap:10px;margin-bottom:12px;text-decoration:none;color:inherit;min-height:64px}
.aipf-team{min-width:0;display:flex;align-items:center;min-height:48px}
.aipf-team:first-child{justify-content:flex-end}
.aipf-team:last-child{justify-content:flex-start}
.aipf-tn{font-family:'Unbounded',sans-serif;font-weight:700;font-size:17px;line-height:1.15;display:block;word-break:break-word;hyphens:auto}
.aipf-team:first-child .aipf-tn{text-align:right}
.aipf-team:last-child .aipf-tn{text-align:left}
/* В виджете на главной (4 колонки) — шрифт команд меньше */
.aipf-feed-widget .aipf-tn{font-size:15px;line-height:1.1}
@media(max-width:1100px){.aipf-feed-widget .aipf-tn{font-size:16px}}
@media(max-width:760px){.aipf-feed-widget .aipf-tn{font-size:17px}}
.aipf-vs{font-family:'JetBrains Mono',monospace;color:var(--tx-mu,#7d829a);font-size:11px;text-align:center;display:block}
.aipf-score{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:24px;background:rgba(0,0,0,.35);color:#fff;padding:6px 0;border-radius:8px;width:100%;text-align:center;line-height:1}
.aipf-card--win .aipf-score{background:rgba(46,212,122,.18);color:#7fe7b3}
.aipf-card--loss .aipf-score{background:rgba(231,76,76,.18);color:#ffb5b5}

/* Контейнер ленты регулирует размер шрифта команд через container query */
@media(max-width:1100px){
  .aipf-tn{font-size:16px}
}
@media(max-width:760px){
  .aipf-tn{font-size:18px}
}

.aipf-line-mark{display:flex;justify-content:flex-end;margin-bottom:4px;height:14px}
.aipf-line-mark img{width:14px;height:14px;border-radius:3px;object-fit:cover;opacity:.75}

.aipf-1x2{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:4px}
.aipf-o{position:relative;background:var(--sf2,#0d1018);border:1px solid var(--bd,#1e2540);border-radius:5px;padding:8px 6px;text-align:center;display:block;text-decoration:none;color:inherit;transition:border-color .15s,background .15s}
.aipf-o:hover{border-color:var(--bk-c,#22C55E);background:var(--bk-bg,#041a0d)}
.aipf-card--win .aipf-o--actual{border:1.5px solid #2ed47a}
.aipf-card--loss .aipf-o--actual{border:1.5px solid #e74c4c}
.aipf-card--neutral .aipf-o--actual{border:1.5px solid #9aa6c4}
.aipf-actual-tick{position:absolute;top:3px;left:5px;font-size:10px;font-weight:700}
.aipf-card--win .aipf-actual-tick{color:#2ed47a}
.aipf-card--loss .aipf-actual-tick{color:#e74c4c}
.aipf-op{position:absolute;top:3px;right:5px;font-family:'JetBrains Mono',monospace;font-size:8px;color:var(--tx-mu,#7d829a);font-weight:600}
.aipf-ol{display:block;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--tx-mu,#7d829a);text-transform:uppercase;line-height:1;margin-bottom:3px}
.aipf-ov{display:block;font-family:'JetBrains Mono',monospace;font-size:15px;font-weight:700;color:var(--bk-c,#22C55E);line-height:1}
.aipf-card--win .aipf-o--actual .aipf-ov{color:#2ed47a}
.aipf-card--loss .aipf-o--actual .aipf-ov{color:#e74c4c}

.aipf-recs-h{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ac,#3b82f6);text-transform:uppercase;letter-spacing:.5px;margin:12px 0 8px;font-weight:700}
.aipf-card--win .aipf-recs-h{color:#7fe7b3}
.aipf-card--loss .aipf-recs-h{color:#ffb5b5}

.aipf-pick{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:8px;background:var(--sf2,#0d1018);border:1px solid var(--bd,#1e2540);border-left:3px solid var(--tier-clr);border-radius:6px;padding:8px 10px;margin-bottom:5px;text-decoration:none;color:var(--tx,#e8edf8);transition:border-color .15s}
.aipf-pick.s{--tier-clr:var(--gn,#10b981)}
.aipf-pick.m{--tier-clr:var(--ac,#3b82f6)}
.aipf-pick.r{--tier-clr:var(--rd,#ef4444)}
.aipf-pick:hover{border-top-color:var(--bk-c);border-right-color:var(--bk-c);border-bottom-color:var(--bk-c)}

/* Закрытые пики: только border + чуть приглушённая loss-строка. Без заливки фона. */
.aipf-pick--win{border-color:#2ed47a;border-left:3px solid #2ed47a}
.aipf-pick--loss{border-color:#e74c4c;border-left:3px solid #e74c4c;opacity:.8}
.aipf-pick--push{border-color:#9aa6c4;border-left:3px solid #9aa6c4}

.aipf-tier-d{width:6px;height:6px;border-radius:50%;background:var(--tier-clr);flex-shrink:0}
.aipf-pick-mark{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0;color:#fff}
.aipf-pick-mark--win{background:#2ed47a}
.aipf-pick-mark--loss{background:#e74c4c}
.aipf-pick-mark--push{background:#9aa6c4}

.aipf-pname{display:flex;align-items:baseline;gap:5px;min-width:0;overflow:hidden}
.aipf-pv{font-family:'Unbounded',sans-serif;font-weight:700;font-size:13px;color:var(--tx,#e8edf8);white-space:nowrap}
.aipf-pn{font-family:'Inter',sans-serif;font-size:11px;color:#9ca3af;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.aipf-prob{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--gn,#10b981);font-weight:700;white-space:nowrap}

.aipf-bk-logo{width:20px;height:20px;border-radius:4px;background:var(--bk-bg,#1a1a2e);overflow:hidden;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1.2px solid var(--bk-c,#3b82f6)}
.aipf-bk-logo img{width:100%;height:100%;object-fit:cover;display:block}
.aipf-bk-ini{color:var(--bk-c,#3b82f6);font-family:'Unbounded',sans-serif;font-weight:700;font-size:9px}

.aipf-odds-btn{background:var(--bk-c,#3b82f6);color:#fff;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:13px;padding:5px 10px;border-radius:5px;white-space:nowrap;display:inline-flex;align-items:center;gap:3px;transition:filter .15s}
.aipf-odds-btn:hover{filter:brightness(1.15)}
.aipf-odds-btn .arr{font-family:'Inter',sans-serif;font-weight:600}

.aipf-result-summary{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:12px 14px;margin-top:12px;background:rgba(0,0,0,.3);border-radius:8px;color:#e7ecf7;font-weight:600}
.aipf-result-summary > span:first-child{font-size:13px;letter-spacing:.2px}
.aipf-result-summary > span:first-child b{font-family:'Unbounded',sans-serif;font-weight:700;font-size:15px}
.aipf-roi{font-family:'JetBrains Mono',monospace;font-weight:800;font-size:18px;letter-spacing:.4px;line-height:1}
.aipf-roi--pos{color:#2ed47a}
.aipf-roi--neg{color:#e74c4c}

.aipf-foot{display:block;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);text-align:center;font-size:12px;color:var(--ac,#3b82f6);font-weight:600;text-decoration:none}
.aipf-card--win .aipf-foot{color:#7fe7b3}
.aipf-card--loss .aipf-foot{color:#ffb5b5}
.aipf-foot:hover{color:var(--tx,#e8edf8)}

.aipf-empty{text-align:center;padding:40px 20px;color:var(--tx-mu,#7d829a);font-size:14px}

.aipf-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:24px;padding:16px;background:var(--sf,#111520);border:1px solid var(--bd,#1e2540);border-radius:12px}
.aipf-stat{text-align:center}
.aipf-stat-v{font-family:'Unbounded',sans-serif;font-size:24px;font-weight:700;color:var(--ac,#3b82f6);line-height:1.1}
.aipf-stat-l{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--tx-mu,#7d829a);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}

.ins-rt-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:14px;font-size:11px;font-weight:700;letter-spacing:.2px;white-space:nowrap}
.ins-rt-money{background:rgba(16,185,129,.14);border:1px solid rgba(16,185,129,.45);color:#10b981}
.ins-rt-freebet{background:rgba(59,130,246,.14);border:1px solid rgba(59,130,246,.45);color:#3b82f6}
.ins-rt-cashout{background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.45);color:#8b5cf6}
#fbr-tab-insurance{padding:8px 22px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:.2s;background:transparent;color:var(--t2);font-family:Inter,sans-serif}
#fbr-tab-insurance.active{background:var(--ac);color:#fff;font-weight:700}
.ins-review-link{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;background:transparent;border:1px solid var(--bk-color, rgba(59,130,246,.4));border-radius:6px;font-size:11px;font-weight:600;color:var(--bk-color, #60a5fa);text-decoration:none;white-space:nowrap;transition:.15s}
.ins-review-link:hover{background:color-mix(in srgb, var(--bk-color, #3b82f6) 18%, transparent);transform:translateY(-1px);filter:brightness(1.15)}

#fbr-tab-loyalty{padding:8px 22px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:.2s;background:transparent;color:var(--t2);font-family:Inter,sans-serif}
#fbr-tab-loyalty.active{background:var(--ac);color:#fff;font-weight:700}
.loy-rt{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:11.5px;font-weight:700;line-height:1;}
.loy-rt-cashback{background:rgba(16,185,129,.14);border:1px solid rgba(16,185,129,.45);color:#10b981}
.loy-rt-points{background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.45);color:#f59e0b}
.loy-rt-mixed{background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.45);color:#8b5cf6}
.loy-rt-none{background:rgba(120,128,140,.14);border:1px solid rgba(120,128,140,.4);color:#788090}
#m-fbr-tab-loyalty{}
#m-fbr-tab-loyalty.act{background:#8b5cf6 !important;color:#fff !important;}
.m-loy-rt{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;font-size:11.5px;font-weight:700;line-height:1;}
.m-loy-card{background:rgba(255,255,255,0.02);border:1px solid var(--br,#2a2a35);border-radius:14px;padding:14px;margin-bottom:10px;display:flex;flex-direction:column;gap:10px}
.m-loy-card-head{display:flex;align-items:center;gap:10px;justify-content:space-between}
.m-loy-card-bk{display:flex;align-items:center;gap:10px;min-width:0;flex:1}
.m-loy-card-bk-text{min-width:0;flex:1}
.m-loy-card-bk-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14.5px;font-weight:700;color:#fff;line-height:1.2}
.m-loy-card-bk-sub{font-size:10.5px;color:var(--t3,#6a6a78);margin-top:2px}
.m-loy-rank-medal{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;color:#a78bfa;background:rgba(167,139,250,.14);border:1px solid rgba(167,139,250,.45);padding:2px 7px;border-radius:999px;line-height:1}
.m-loy-rank-num{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;color:var(--t3,#6a6a78);background:rgba(120,128,140,.14);padding:2px 7px;border-radius:999px;line-height:1}
.m-loy-rating{display:inline-flex;align-items:center;gap:3px;font-size:14.5px;font-weight:800;background:rgba(255,255,255,0.04);border:1px solid var(--br,#2a2a35);padding:5px 11px;border-radius:999px;white-space:nowrap;flex-shrink:0}
.m-loy-card-body{padding:4px 0 0 0}
.m-loy-card-name{font-size:14px;font-weight:700;color:var(--tx,#e8e8ee);margin-bottom:6px;line-height:1.3}
.m-loy-card-name-empty{color:#5a6070;font-style:italic;font-weight:500}
.m-loy-card-size{font-size:18px;font-weight:800;color:var(--t1,#e8e8ee);line-height:1}
.m-loy-reward-row{display:flex;justify-content:flex-end;margin-top:2px}
.m-loy-card-cta-row{margin-top:2px}
.m-loy-cta{display:flex;align-items:center;justify-content:center;gap:6px;padding:13px;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;width:100%;box-sizing:border-box;transition:.15s}
.m-loy-cta:active{transform:scale(0.98)}
.m-loy-cta-disabled{background:rgba(255,255,255,.06)!important;color:#8b95a5!important;border:1px solid rgba(255,255,255,.1);box-shadow:none!important}
.m-loy-card-review-row{display:flex;justify-content:center;margin-top:-2px}
.m-loy-review-link{font-size:12px;color:var(--t3,#6a6a78);text-decoration:none;padding:6px;font-weight:500;transition:color .15s}
.m-loy-review-link:active{color:#a78bfa}
.bonart-rationale,.m-scorecard-rationale{margin:0 0 22px 0;padding:18px 18px 16px;border-radius:10px;background:linear-gradient(180deg,rgba(167,139,250,.06) 0%,rgba(167,139,250,.02) 100%);border:1px solid rgba(167,139,250,.18);box-shadow:0 0 24px -8px rgba(167,139,250,.25) inset}
.bonart-rationale-title,.m-scorecard-rationale-title{font-size:14px;font-weight:700;color:var(--t1,#e8e8ee);margin:0 0 14px 0;letter-spacing:0.01em;display:flex;align-items:center;gap:8px}
.bonart-rationale-title::before,.m-scorecard-rationale-title::before{content:"";width:3px;height:14px;background:#a78bfa;border-radius:2px;box-shadow:0 0 8px rgba(167,139,250,.6)}
.bonart-rationale-item,.m-scorecard-rationale-item{margin:0 0 14px 0;padding:0 0 14px 0;border-bottom:1px solid rgba(167,139,250,.08)}
.bonart-rationale-item:last-child,.m-scorecard-rationale-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.bonart-rationale-fname,.m-scorecard-rationale-fname{font-size:13.5px;font-weight:600;color:var(--t1,#e8e8ee);margin-bottom:5px}
.bonart-rationale-text,.m-scorecard-rationale-text{font-size:13.5px;line-height:1.55;color:var(--t2,#9b9ba8)}
.bonart-rationale-text strong,.m-scorecard-rationale-text strong{color:#c4b5fd;font-weight:600;text-shadow:0 0 6px rgba(167,139,250,.35)}
.bonart-rationale-text b,.m-scorecard-rationale-text b{color:#fbbf24;font-weight:600}
.m-scorecard-rationale{margin-bottom:18px;padding:14px}
.m-scorecard-rationale-title{font-size:13.5px}
.m-scorecard-rationale-fname,.m-scorecard-rationale-text{font-size:13px}
.bonart-scorecard-disclaimer,.m-scorecard-disclaimer{margin:14px 0 10px 0;padding:11px 14px;background:rgba(120,128,140,.08);border:1px solid rgba(120,128,140,.18);border-radius:8px;font-size:13px;line-height:1.55;color:var(--t2,#9b9ba8);display:flex;gap:10px;align-items:flex-start}
.bonart-scorecard-disclaimer-icon,.m-scorecard-disclaimer-icon{flex:none;font-size:16px;line-height:1.2;color:#788090}
.bonart-scorecard-disclaimer-text,.m-scorecard-disclaimer-text{flex:1}
.m-scorecard-disclaimer{font-size:12.5px;padding:10px 12px}
.bonart-extras{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 28px 0}
.bonart-extra{padding:16px 18px;border-radius:10px;background:linear-gradient(135deg,rgba(167,139,250,.05) 0%,rgba(59,130,246,.04) 100%);border:1px solid rgba(167,139,250,.18);box-shadow:0 0 18px -8px rgba(167,139,250,.2) inset}
.bonart-extra-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.bonart-extra-ic{font-size:18px;line-height:1}
.bonart-extra-title{font-size:14.5px;font-weight:700;color:var(--t1,#e8e8ee)}
.bonart-extra-desc{font-size:13.5px;line-height:1.55;color:var(--t2,#9b9ba8)}
.bonart-extra-desc strong{color:#c4b5fd;font-weight:600;text-shadow:0 0 6px rgba(167,139,250,.35)}
.bonart-extra-desc b{color:#fbbf24;font-weight:600}
.loy-bdg{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;line-height:1;white-space:nowrap}
.loy-bdg-cash{background:rgba(16,185,129,.14);border:1px solid rgba(16,185,129,.45);color:#10b981}
.loy-bdg-pts{background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.45);color:#f59e0b}
.loy-bdg-mix{background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.45);color:#8b5cf6}
.loy-bdg-fb{background:rgba(59,130,246,.14);border:1px solid rgba(59,130,246,.45);color:#60a5fa}
tr.loy-bars{display:none !important}
tr.loy-bars.loy-bars-open{display:table-row !important}
tr.loy-bars > td{padding:14px 18px 18px;background:linear-gradient(180deg,rgba(167,139,250,.06) 0%,rgba(167,139,250,.02) 100%);border-top:1px solid rgba(167,139,250,.18)}
.loy-bars-wrap{padding:6px 0}
.loy-bars-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}
.loy-bars-f{min-width:0}
.loy-bars-f-head{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:12px}
.loy-bars-f-ic{font-size:14px;line-height:1}
.loy-bars-f-v{font-weight:700;font-family:JetBrains Mono,monospace}
.loy-bars-f-bar{height:5px;background:rgba(255,255,255,0.06);border-radius:999px;overflow:hidden}
.loy-bars-f-fill{height:100%;border-radius:999px;transition:width .3s}
.loy-q{margin-left:auto;width:16px;height:16px;padding:0;border-radius:50%;border:1px solid var(--br,#2a2a35);background:transparent;color:var(--t3,#6a6a78);font-size:10px;font-weight:700;line-height:1;cursor:pointer;font-family:inherit;transition:.15s}
.loy-q:hover{color:#a78bfa;border-color:#a78bfa}
.loy-toggle{padding:6px 10px;border:1px solid var(--br,#2a2a35);background:transparent;color:var(--t1,#e8e8ee);font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;font-family:inherit;transition:.15s;white-space:nowrap}
.loy-toggle:hover{border-color:#a78bfa;color:#a78bfa}
.loy-toggle .arr{display:inline-block;transition:transform .2s;font-size:10px;margin-left:2px}
.loy-toggle.loy-toggle-open .arr{transform:rotate(180deg);color:#a78bfa}
.loy-factor-tooltip{z-index:9999;width:min(320px,calc(100vw - 20px));padding:14px 16px;border-radius:10px;background:#15151a;border:1px solid rgba(167,139,250,.4);box-shadow:0 12px 40px rgba(0,0,0,0.6);color:var(--t1,#e8e8ee);font-size:13px;line-height:1.55}
.loy-factor-tooltip-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--br,#2a2a35);font-size:14px}
.loy-factor-tooltip-close{margin-left:auto;width:24px;height:24px;padding:0;border:0;background:transparent;color:var(--t3,#6a6a78);font-size:20px;cursor:pointer;border-radius:4px;line-height:1}
.loy-factor-tooltip-close:hover{background:rgba(255,255,255,0.06);color:#fff}
.loy-factor-tooltip-body{color:var(--t2,#9b9ba8)}
.loy-meth-section{margin:48px 0 28px;padding:28px 24px;border-radius:14px;background:linear-gradient(180deg,rgba(167,139,250,.04) 0%,rgba(59,130,246,.03) 100%);border:1px solid rgba(167,139,250,.16)}
.loy-meth-title{font-size:22px;font-weight:800;color:var(--t1,#e8e8ee);margin:0 0 8px 0;display:flex;align-items:center;gap:10px}
.loy-meth-title-ic{font-size:24px}
.loy-meth-intro{font-size:14px;line-height:1.6;color:var(--t2,#9b9ba8);margin:0 0 22px 0;max-width:820px}
.loy-meth-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.loy-meth-factor{padding:14px 16px;border-radius:10px;background:rgba(255,255,255,0.02);border:1px solid var(--br,#2a2a35)}
.loy-meth-factor-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.loy-meth-factor-ic{font-size:18px;line-height:1}
.loy-meth-factor-label{flex:1;font-size:14px;font-weight:700;color:var(--t1,#e8e8ee)}
.loy-meth-factor-weight{font-size:12px;font-weight:700;color:#a78bfa;background:rgba(167,139,250,.14);padding:3px 10px;border-radius:999px;text-shadow:0 0 6px rgba(167,139,250,.4)}
.loy-meth-factor-desc{font-size:13px;line-height:1.55;color:var(--t2,#9b9ba8);margin-left:26px}
.loy-faq-section{margin:36px 0 28px;padding:0}
.loy-faq-title{font-size:22px;font-weight:800;color:var(--t1,#e8e8ee);margin:0 0 18px 0;display:flex;align-items:center;gap:10px}
.loy-faq-title-ic{font-size:24px;color:#FF3B30}
.loy-faq-list{display:flex;flex-direction:column;gap:10px}
.loy-faq-item{border:1px solid var(--br,#2a2a35);border-radius:10px;background:rgba(255,255,255,0.015);overflow:hidden;transition:border-color .15s,background .15s}
.loy-faq-item.loy-faq-open{border-color:rgba(167,139,250,.3);background:linear-gradient(180deg,rgba(167,139,250,.04) 0%,rgba(167,139,250,.01) 100%)}
.loy-faq-q{display:flex;width:100%;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border:0;background:transparent;color:var(--t1,#e8e8ee);font-size:15px;font-weight:700;text-align:left;cursor:pointer;font-family:inherit}
.loy-faq-q:hover{background:rgba(255,255,255,0.02)}
.loy-faq-q-text{flex:1}
.loy-faq-q-ic{font-size:14px;color:var(--t3,#6a6a78);transition:transform .2s,color .15s}
.loy-faq-item.loy-faq-open .loy-faq-q-ic{transform:rotate(180deg);color:#a78bfa}
.loy-faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease}
.loy-faq-item.loy-faq-open .loy-faq-a{max-height:600px}
.loy-faq-a-inner{padding:0 20px 18px 20px;font-size:14px;line-height:1.6;color:var(--t2,#9b9ba8)}
@media (max-width: 768px){.loy-meth-grid{grid-template-columns:1fr}.loy-bars-grid{grid-template-columns:1fr 1fr 1fr}.loy-meth-section{padding:18px 14px}.loy-meth-title,.loy-faq-title{font-size:18px}}
.m-meth-chip-wrap{display:block!important;margin:6px 12px 14px!important}
a.m-meth-chip{display:inline-flex!important;align-items:center!important;gap:8px!important;width:auto!important;max-width:100%!important;padding:8px 12px!important;border-radius:10px!important;background:linear-gradient(135deg,rgba(167,139,250,.10) 0%,rgba(255,255,255,.02) 100%)!important;border:1px solid rgba(167,139,250,.28)!important;color:var(--t1,#e8e8ee)!important;font-size:12.5px!important;font-weight:600!important;text-decoration:none!important;cursor:pointer;transition:.15s;box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:inherit!important;line-height:1.3!important}
a.m-meth-chip:hover,a.m-meth-chip:active{background:linear-gradient(135deg,rgba(167,139,250,.18) 0%,rgba(167,139,250,.04) 100%)!important;border-color:rgba(167,139,250,.45)!important;transform:translateY(-1px)}
a.m-meth-chip .m-meth-chip-ic{font-size:13px!important;line-height:1!important;flex-shrink:0!important;width:22px!important;height:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(167,139,250,.18)!important;border-radius:6px!important;color:#a78bfa!important;font-style:normal!important}
a.m-meth-chip .m-meth-chip-text{color:var(--t1,#e8e8ee)!important;text-decoration:none!important;line-height:1.3!important;font-weight:600!important}
a.m-meth-chip .m-meth-chip-arrow{font-size:15px!important;color:#a78bfa!important;font-weight:700!important;flex-shrink:0!important;line-height:1!important;margin-left:6px!important;text-decoration:none!important}
#mpg-methodology{display:none}
#mpg-methodology.act{display:block;position:fixed!important;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background:var(--bg,#0a0a0c);z-index:9000;overflow-y:auto;overflow-x:hidden;padding:0 0 80px 0;-webkit-overflow-scrolling:touch}
#mpg-methodology .m-meth-header{position:sticky;top:0;background:var(--bg,#0a0a0c);z-index:10;padding:12px 12px 10px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:10px}
#mpg-methodology .m-meth-back{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:9px 14px 9px 10px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.03)!important;color:var(--t1,#e8e8ee)!important;font-size:14px!important;font-weight:600!important;cursor:pointer;font-family:inherit!important;line-height:1!important;text-decoration:none;-webkit-tap-highlight-color:transparent}
#mpg-methodology .m-meth-back:hover,#mpg-methodology .m-meth-back:active{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.2)!important;transform:scale(0.98)}
#mpg-methodology .m-meth-back-arrow{font-size:20px!important;line-height:1!important;font-weight:400!important;color:#a78bfa}
#mpg-methodology .m-meth-back-label{font-size:14px!important;line-height:1!important}
#mpg-methodology .m-meth-hero{padding:18px 16px 12px 16px}
#mpg-methodology .m-meth-h1{font-family:Unbounded,sans-serif;font-size:22px;font-weight:800;line-height:1.2;color:var(--t1,#e8e8ee);margin:0 0 12px 0}
#mpg-methodology .m-meth-intro{font-size:14px;line-height:1.55;color:var(--t2,#9b9ba8);margin:0}
#mpg-methodology .m-meth-body{padding:0 16px}
#mpg-methodology .m-meth-section{margin:24px 0}
#mpg-methodology .m-meth-h2{font-size:18px;font-weight:700;color:var(--t1,#e8e8ee);margin:0 0 14px 0;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}
#mpg-methodology .m-meth-factors{display:flex;flex-direction:column;gap:10px}
#mpg-methodology .m-meth-factor{padding:14px;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06)}
#mpg-methodology .m-meth-factor-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
#mpg-methodology .m-meth-factor-ic{font-size:18px;line-height:1}
#mpg-methodology .m-meth-factor-lbl{flex:1;font-size:14px;font-weight:700;color:var(--t1,#e8e8ee)}
#mpg-methodology .m-meth-factor-w{font-size:12px;font-weight:700;color:#a78bfa;background:rgba(167,139,250,.14);padding:3px 10px;border-radius:999px}
#mpg-methodology .m-meth-factor-desc{font-size:13px;line-height:1.55;color:var(--t2,#9b9ba8);margin-bottom:8px}
#mpg-methodology .m-meth-factor-bar{height:4px;background:rgba(167,139,250,.08);border-radius:2px;overflow:hidden}
#mpg-methodology .m-meth-factor-bar-fill{height:100%;background:linear-gradient(90deg,#a78bfa,#c4b5fd);border-radius:2px}
#mpg-methodology .m-meth-faq{display:flex;flex-direction:column;gap:8px}
#mpg-methodology .m-meth-faq-item{border-radius:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);overflow:hidden}
#mpg-methodology .m-meth-faq-q{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border:0;background:transparent;color:var(--t1,#e8e8ee);font-size:14px;font-weight:600;text-align:left;cursor:pointer;font-family:inherit;line-height:1.4}
#mpg-methodology .m-meth-faq-q-text{flex:1}
#mpg-methodology .m-meth-faq-q-ic{font-size:14px;color:var(--t3,#6a6a78);transition:transform .25s ease;flex-shrink:0}
#mpg-methodology .m-meth-faq-item.m-meth-faq-open .m-meth-faq-q-ic{transform:rotate(180deg);color:#a78bfa}
#mpg-methodology .m-meth-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
#mpg-methodology .m-meth-faq-item.m-meth-faq-open .m-meth-faq-a{max-height:1200px}
#mpg-methodology .m-meth-faq-a-inner{padding:0 16px 16px 16px;font-size:13.5px;line-height:1.6;color:var(--t2,#9b9ba8)}
#mpg-methodology .m-meth-desktop-content{font-size:14px;line-height:1.55;color:var(--t2,#9b9ba8)}
#mpg-methodology .m-meth-desktop-content h3{font-size:15px;color:var(--t1,#e8e8ee);margin:18px 0 8px 0}
#mpg-methodology .m-meth-desktop-content p{margin:0 0 10px 0}
#mpg-methodology .m-meth-desktop-content ul,#mpg-methodology .m-meth-desktop-content ol{padding-left:20px;margin:0 0 10px 0}
#mpg-methodology .m-meth-desktop-content li{margin-bottom:6px}
#mpg-methodology .m-meth-desktop-faq details{padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);margin-bottom:8px}
#mpg-methodology .m-meth-desktop-faq summary{font-size:14px;font-weight:600;color:var(--t1,#e8e8ee);cursor:pointer;list-style:none}
#mpg-methodology .m-meth-desktop-faq summary::-webkit-details-marker{display:none}
#mpg-methodology .m-meth-desktop-faq details[open]>summary{margin-bottom:8px;color:#a78bfa}
#mpg-methodology .m-meth-empty{text-align:center;padding:60px 20px;color:var(--t3,#6a6a78)}
#mpg-methodology .m-meth-empty-ic{font-size:48px;margin-bottom:16px;opacity:.5}
#mpg-methodology .m-meth-empty-text{font-size:14px;line-height:1.5}

#lk-cabinet-button.has-avatar { display:inline-flex !important; align-items:center; gap:8px; padding:4px 14px 4px 6px !important; background:transparent !important; border:1px solid rgba(255,255,255,0.10) !important; color:var(--t1, #e9ecf6) !important; }#lk-cabinet-button.has-avatar:hover { background:rgba(255,255,255,0.04) !important; border-color:rgba(255,255,255,0.18) !important; }#lk-cabinet-button .hdr-avatar { width:30px; height:30px; border-radius:50%; background:rgba(255,255,255,0.06); object-fit:contain; display:block; }
