/* ===== Televerse v2: новая главная, продвижение, админка v2 ===== */
:root{--h8r:18px;--h8g:linear-gradient(135deg,#1f93d1,#5a6cff);--h8glow:0 10px 30px -12px rgba(31,147,209,.45);--h8card:var(--sf);--h8soft:color-mix(in srgb,var(--ac) 7%,var(--sf))}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--h8glow:0 10px 30px -12px rgba(42,171,238,.35)}}
:root[data-theme="dark"]{--h8glow:0 10px 30px -12px rgba(42,171,238,.35)}

/* --- hero --- */
.h8hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);gap:28px;align-items:start;margin:22px 0 8px;padding:34px;border-radius:28px;background:var(--sf);border:1px solid var(--line);position:relative;overflow:hidden;isolation:isolate}
.h8hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(55% 80% at 0% 0%,color-mix(in srgb,var(--ac) 16%,transparent),transparent 70%),radial-gradient(40% 70% at 100% 100%,color-mix(in srgb,#6f5cff 12%,transparent),transparent 70%)}
.h8hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background-image:radial-gradient(color-mix(in srgb,var(--tx) 10%,transparent) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 60%);mask-image:linear-gradient(90deg,#000,transparent 60%)}
.h8eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--tx2);background:color-mix(in srgb,var(--sf) 70%,transparent);border:1px solid var(--line);padding:6px 12px;border-radius:999px}
.h8eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 20%,transparent)}
.h8hero h1,.pp-hero h1{font-family:var(--fd,inherit);font-size:clamp(30px,4.4vw,52px);line-height:1.06;letter-spacing:-.025em;margin:16px 0 12px;font-weight:800}
.h8hero h1 span,.pp-hero h1 span{background:var(--h8g);-webkit-background-clip:text;background-clip:text;color:transparent}
.h8lead{font-size:17px;line-height:1.55;color:var(--tx2);max-width:560px;margin:0 0 20px}
.h8srch{max-width:600px;margin:0}
.h8srch input{height:58px;font-size:16px;border-radius:16px;box-shadow:var(--h8glow)}
.h8quick{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;align-items:center}
.h8quick button{height:34px;padding:0 14px;border-radius:999px;background:var(--sf2);color:var(--tx);border:1px solid var(--line);font-weight:500;font-size:14px;box-shadow:none}
.h8quick button:hover{border-color:var(--ac);color:var(--ac)}
.h8quick a{font-size:14px;font-weight:600;color:var(--ac);margin-left:4px;text-decoration:none}
.h8stats{display:flex;gap:28px;margin-top:26px;flex-wrap:wrap}
.h8stats div{display:flex;flex-direction:column}.h8stats b{font-size:24px;font-weight:800;font-family:var(--fd,inherit);letter-spacing:-.02em}.h8stats span{font-size:13px;color:var(--mt)}
/* топ справа */
.h8lb{background:color-mix(in srgb,var(--sf) 88%,transparent);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:var(--sh)}
.h8lb-h{display:flex;justify-content:space-between;align-items:center;margin:2px 4px 10px}.h8lb-h b{display:flex;gap:8px;align-items:center;font-size:15px}.h8lb-h b .i{color:var(--ac)}.h8lb-h a{font-size:13px;color:var(--ac);text-decoration:none;font-weight:600}
.h8lb-add{width:100%;margin-top:10px;background:var(--sf2);color:var(--tx);border:1px dashed var(--line2);box-shadow:none;display:flex;gap:8px;justify-content:center}
.h8lb-add:hover{border-color:var(--ac);color:var(--ac)}
.h8r{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:12px;text-decoration:none;color:inherit;min-width:0}
.h8r:hover{background:var(--sf2)}
.h8r-n{width:24px;flex:none;text-align:center;font-weight:800;color:var(--mt);font-size:15px}
.h8r-n.t1{color:#e0a100}.h8r-n.t2{color:#8a9bb0}.h8r-n.t3{color:#c07a45}.h8r-n.new{color:var(--ok);font-size:22px;line-height:1}
.h8r-t{flex:1;min-width:0;display:flex;flex-direction:column}.h8r-t b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.h8r-t i{font-style:normal;font-size:12.5px;color:var(--mt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h8r-v{display:flex;gap:4px;align-items:center;font-size:12.5px;color:var(--mt);flex:none}.h8r-v .i{width:14px;height:14px}

/* --- аватар --- */
.h8av{flex:none;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.h8av.sm{width:38px;height:38px;border-radius:12px;font-size:15px}.h8av.lg{width:60px;height:60px;border-radius:18px;font-size:24px}

/* --- секции --- */
.h8sec{margin:38px 0 0}
.h8sh{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin:0 0 14px}
.h8sh h2{font-family:var(--fd,inherit);font-size:24px;letter-spacing:-.02em;margin:0;font-weight:800}.h8sh p{margin:4px 0 0;color:var(--mt);font-size:14px}
.h8sh>a{color:var(--ac);font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
.h8sh.sm{align-items:center;margin-bottom:6px}.h8sh.sm h3{margin:0;font-size:17px;display:flex;gap:8px;align-items:center}.h8sh.sm h3 .i{color:var(--ac)}
.h8ad{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mt);border:1px solid var(--line2);border-radius:6px;padding:2px 6px}
.h8new{font-style:normal;font-size:11px;font-weight:700;color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);border-radius:6px;padding:2px 7px}

/* «Рекомендуем» — горизонтальная лента */
.h8fr{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;scrollbar-width:thin}
.h8f{scroll-snap-align:start;position:relative;display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:var(--h8r);background:var(--sf);border:1px solid var(--line);text-decoration:none;color:inherit;overflow:hidden;min-height:196px;transition:transform .15s,box-shadow .15s}
.h8f:hover{transform:translateY(-2px);box-shadow:var(--shl)}
.h8f-bg{position:absolute;inset:0 0 auto;height:64px;background:linear-gradient(120deg,hsl(var(--h),75%,55%),hsl(calc(var(--h) + 50),75%,45%));opacity:.16}
.h8f .h8av{position:relative;box-shadow:0 0 0 4px var(--sf)}
.h8f-t{display:flex;flex-direction:column;gap:2px}.h8f-t b{font-size:16px;display:flex;gap:6px;align-items:center}.h8f-t i{font-style:normal;font-size:13px;color:var(--mt)}
.h8f-d{font-size:14px;color:var(--tx2);line-height:1.45;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.h8f-go{font-size:14px;font-weight:700;color:var(--ac)}

/* темы */
.h8cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.h8cat{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;border-radius:16px;background:var(--sf);border:1px solid var(--line);color:var(--tx);text-align:left;height:auto;box-shadow:none;font-weight:600;transition:border-color .15s,transform .15s}
.h8cat:hover{border-color:hsl(var(--h),70%,55%);transform:translateY(-1px)}
.h8cat-i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:hsl(var(--h),80%,94%);color:hsl(var(--h),60%,38%);font-weight:800}
.h8cat-i .i{width:20px;height:20px}
.h8cat b{font-size:14px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%}
.h8cat i{font-style:normal;font-size:12.5px;color:var(--mt);font-weight:500;margin-top:-6px}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .h8cat-i{background:hsl(var(--h),45%,20%);color:hsl(var(--h),80%,75%)}}
:root[data-theme="dark"] .h8cat-i{background:hsl(var(--h),45%,20%);color:hsl(var(--h),80%,75%)}

/* новые + CTA */
.h8duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:38px}
.h8box{background:var(--sf);border:1px solid var(--line);border-radius:22px;padding:16px}
.h8cta{position:relative;overflow:hidden;background:#0f1a2b;color:#fff;border:0;padding:28px;display:flex;flex-direction:column;justify-content:center}
.h8cta:before{content:"";position:absolute;width:420px;height:420px;right:-140px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(90,108,255,.55),transparent 65%)}
.h8cta:after{content:"";position:absolute;width:300px;height:300px;left:-120px;bottom:-170px;border-radius:50%;background:radial-gradient(circle,rgba(31,147,209,.5),transparent 65%)}
.h8cta>*{position:relative}
.h8cta-k{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8fd3ff}
.h8cta h3{font-family:var(--fd,inherit);font-size:26px;line-height:1.15;margin:10px 0;letter-spacing:-.02em}
.h8cta p{color:rgba(255,255,255,.75);margin:0 0 18px;line-height:1.5}
.h8cta-b{display:flex;gap:10px;flex-wrap:wrap}.h8cta-b .btn{background:#fff;color:#0f1a2b}.h8cta-b .g{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}

/* панель фильтров каталога */
.h8bar{position:sticky;top:64px;z-index:5;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px;margin:0 0 14px;border-radius:16px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(10px);border:1px solid var(--line)}
.h8seg{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.h8seg::-webkit-scrollbar{display:none}
.h8seg button{height:36px;padding:0 14px;border-radius:11px;background:transparent;color:var(--tx2);box-shadow:none;border:0;font-weight:600;white-space:nowrap}
.h8seg button.on{background:var(--sf);color:var(--tx);box-shadow:var(--sh)}
.h8sel{display:flex;gap:8px;flex:none}.h8sel select{height:38px;border-radius:11px;max-width:210px;font-weight:500}

/* карточки каталога */
.h8grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.h8c{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--h8r);background:var(--h8card);border:1px solid var(--line);transition:box-shadow .15s,transform .15s,border-color .15s;min-width:0}
.h8c:hover{box-shadow:var(--shl);transform:translateY(-2px);border-color:var(--line2)}
.h8c.is-hl{border-color:color-mix(in srgb,#f5b335 70%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,#f5b335 16%,transparent)}
.h8c.is-ad{background:var(--h8soft)}
.h8c-top{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;padding-right:34px;min-width:0}
.h8c-t{display:flex;flex-direction:column;min-width:0}.h8c-t b{font-size:16px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h8c-t i{font-style:normal;font-size:13px;color:var(--mt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h8c-t b+.h8vf,.h8c-t b+.h8ov{display:none}
.h8vf,.h8ov{display:inline-flex;vertical-align:-2px;margin-left:4px;color:var(--ac)}.h8vf .i,.h8ov .i{width:15px;height:15px}.h8ov{color:var(--ok)}
.h8heart{position:absolute;top:12px;right:12px;width:34px;height:34px;padding:0;border-radius:10px;background:transparent;color:var(--mt);box-shadow:none;border:0;font-size:18px}
.h8heart:hover{background:var(--sf2);color:#e5484d}.h8heart.on{color:#e5484d}
.h8c-d{margin:0;font-size:14px;line-height:1.5;color:var(--tx2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}
.h8c-tags{display:flex;gap:6px;flex-wrap:wrap;min-height:26px}
.h8chip,.h8tag{height:26px;padding:0 10px;border-radius:8px;font-size:12.5px;font-weight:600;box-shadow:none;border:0}
.h8chip{background:var(--acw);color:var(--ac)}.h8tag{background:var(--sf2);color:var(--tx2);font-weight:500}
.h8c-f{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.h8meta{display:flex;gap:12px;align-items:center;flex:1;min-width:0;font-size:13px;color:var(--mt);overflow:hidden}
.h8meta>span{display:inline-flex;gap:4px;align-items:center;white-space:nowrap}.h8meta .i{width:15px;height:15px}
.h8more{width:34px;height:34px;padding:0;background:transparent;color:var(--mt);box-shadow:none;border:0;border-radius:10px;flex:none}.h8more:hover{background:var(--sf2)}
.h8go{flex:none;height:34px;display:inline-flex;align-items:center;padding:0 14px;border-radius:10px;background:var(--ac);color:#fff;font-weight:700;font-size:13.5px;text-decoration:none}
.h8go:hover{background:var(--ac2)}
.h8c.sk{min-height:190px}.h8c.sk .h8c-t{gap:6px;flex:1}
#gmore{display:flex;justify-content:center;margin:18px 0 0}

@media(max-width:1080px){.h8cats{grid-template-columns:repeat(4,minmax(0,1fr))}.h8grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.h8hero{grid-template-columns:1fr;padding:24px}.h8duo{grid-template-columns:1fr}.h8lb{order:2}}
@media(max-width:640px){
  .h8hero{margin:12px 0 0;padding:20px 16px;border-radius:22px;gap:18px}
  .h8hero h1{font-size:31px;margin:12px 0 10px}.h8hero h1 br{display:none}
  .h8lead{font-size:15px;margin-bottom:16px}
  .h8srch input{height:52px}
  .h8quick{flex-wrap:nowrap;overflow-x:auto;margin:12px -16px 0;padding:0 16px 2px;scrollbar-width:none}.h8quick::-webkit-scrollbar{display:none}.h8quick button,.h8quick a{flex:none;white-space:nowrap}
  .h8stats{gap:0;justify-content:space-between;margin-top:18px}.h8stats b{font-size:20px}.h8stats span{font-size:12px}
  .h8lb{padding:12px}.h8lb .h8r:nth-child(n+5){display:none}
  .h8sec{margin-top:30px}.h8sh h2{font-size:21px}
  .h8fr{grid-auto-columns:82%;margin:0 -16px;padding:2px 16px 10px;scroll-padding:0 16px}
  .h8cats{grid-template-columns:none;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:42%;overflow-x:auto;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}.h8cats::-webkit-scrollbar{display:none}
  .h8grid{grid-template-columns:1fr;gap:12px}
  .h8duo{margin-top:30px}.h8cta{padding:22px}.h8cta h3{font-size:22px}
  .h8bar{top:56px;flex-direction:column;align-items:stretch;padding:6px;border-radius:14px;margin:0 -4px 12px}
  .h8sel select{flex:1;max-width:none;min-width:0}
}

/* ===== страница продвижения ===== */
.h8promo{padding-bottom:20px}
.pp-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center;margin:22px 0 0;padding:36px;border-radius:28px;background:#0f1a2b;color:#fff;position:relative;overflow:hidden;isolation:isolate}
.pp-hero:before{content:"";position:absolute;z-index:-1;width:620px;height:620px;right:-220px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(90,108,255,.5),transparent 62%)}
.pp-hero:after{content:"";position:absolute;z-index:-1;width:500px;height:500px;left:-200px;bottom:-300px;border-radius:50%;background:radial-gradient(circle,rgba(31,147,209,.55),transparent 62%)}
.pp-hero .h8eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#cfe9ff}
.pp-hero h1 span{background:linear-gradient(135deg,#7fd0ff,#a99bff);-webkit-background-clip:text;background-clip:text}
.pp-hero .h8lead{color:rgba(255,255,255,.75)}
.pp-cta{display:flex;gap:10px;flex-wrap:wrap}.pp-cta button{height:50px;padding:0 22px;font-size:15px;display:flex;gap:8px;align-items:center}
.pp-cta>button:first-child{background:#fff;color:#0f1a2b}.pp-cta .g{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}
.pp-bonus{margin:14px 0 0;color:#ffd98a;font-size:14px}
.pp-stats{display:grid;gap:12px}
.pp-stats>div{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:2px}
.pp-stats b{font-family:var(--fd,inherit);font-size:30px;letter-spacing:-.02em}.pp-stats span{color:rgba(255,255,255,.65);font-size:14px}
.pp-stats .hot{background:linear-gradient(135deg,rgba(245,179,53,.22),rgba(245,179,53,.06));border-color:rgba(245,179,53,.35)}.pp-stats .hot b{color:#ffcf6b}
.pp-svc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.pp-s{border-radius:20px;background:var(--sf);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column}
.pp-sb{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.pp-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--acw);color:var(--ac);margin-bottom:4px}
.pp-sb>b{font-size:17px}.pp-sb p{margin:0;color:var(--tx2);font-size:14px;line-height:1.5;flex:1}
.pp-pr{display:flex;align-items:baseline;gap:6px;margin-top:8px}.pp-pr b{font-size:22px;font-family:var(--fd,inherit)}.pp-pr span{color:var(--mt);font-size:13px}
.pp-slots{font-size:12.5px;font-weight:600;color:var(--ok)}.pp-slots.full{color:var(--err)}
/* мини-схемы размещений */
.pp-vis{height:120px;background:var(--sf2);border-bottom:1px solid var(--line);display:grid;place-items:center;padding:14px}
.pv{width:100%;max-width:190px;display:flex;flex-direction:column;gap:6px}
.pv-r{display:flex;gap:6px;align-items:center;height:22px;border-radius:7px;background:var(--sf);border:1px solid var(--line);padding:0 6px}
.pv-r u{width:12px;height:12px;border-radius:4px;background:var(--line2)}.pv-r s{flex:1;height:5px;border-radius:3px;background:var(--line)}
.pv-r.me{border-color:var(--ac);box-shadow:0 0 0 3px var(--acw)}.pv-r.me u{background:var(--ac)}.pv-r.me s{background:color-mix(in srgb,var(--ac) 35%,transparent)}
.pv-r.glow{border-color:#f5b335;box-shadow:0 0 0 3px rgba(245,179,53,.2)}.pv-r.glow u{background:#f5b335}
.pv-r.pin:after{content:"📌";font-size:11px}
.pv-h{height:10px;width:60%;border-radius:4px;background:var(--line2);margin-bottom:2px}
.pv-feat{flex-direction:row;gap:6px}.pv-b{flex:1;height:70px;border-radius:9px;background:var(--sf);border:1px solid var(--line)}.pv-b.me{flex:1.5;border-color:var(--ac);background:linear-gradient(180deg,var(--acw),var(--sf) 60%);box-shadow:0 0 0 3px var(--acw)}
.pp-pk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pp-p{position:relative;padding:22px;border-radius:20px;background:var(--sf);border:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.pp-p.best{border-color:var(--ac);box-shadow:0 0 0 4px var(--acw)}
.pp-tag{position:absolute;top:-11px;left:20px;background:var(--h8g);color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px}
.pp-pn{font-size:18px}.pp-pp{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.pp-pp b{font-size:30px;font-family:var(--fd,inherit);letter-spacing:-.02em}.pp-pp s{color:var(--mt)}.pp-pp em{font-style:normal;font-weight:700;color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);padding:2px 8px;border-radius:7px;font-size:13px}
.pp-p ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;flex:1}.pp-p li{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--tx2)}.pp-p li .i{width:16px;height:16px;color:var(--ok);flex:none}
.pp-how ol{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pp-how li{counter-increment:s;padding:20px;border-radius:18px;background:var(--sf);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.pp-how li:before{content:counter(s);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--h8g);color:#fff;font-weight:800;margin-bottom:6px}
.pp-how li span{color:var(--tx2);font-size:14px;line-height:1.5}
.pp-mine{display:flex;flex-direction:column;gap:8px}
.pp-m{display:flex;gap:12px;align-items:center;padding:12px;border-radius:16px;background:var(--sf);border:1px solid var(--line)}
.pp-mt{flex:1;min-width:0;display:flex;flex-direction:column}.pp-mt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-mt>i{font-style:normal;font-size:13px;color:var(--mt)}
.pp-act{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.pp-act em{font-style:normal;font-size:12px;font-weight:600;color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);padding:2px 8px;border-radius:6px}.pp-act .mt{font-size:12.5px}
.pp-faq details{background:var(--sf);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-bottom:8px}.pp-faq summary{cursor:pointer;font-weight:600}.pp-faq p{margin:10px 0 0;color:var(--tx2);line-height:1.55}
.pp-pick{display:flex;flex-direction:column;gap:8px;margin-top:10px}.pp-pick button{display:flex;gap:12px;align-items:center;text-align:left;height:auto;padding:10px}.pp-pick span{display:flex;flex-direction:column}.pp-pick i{font-style:normal;color:var(--mt);font-size:13px}
@media(max-width:1080px){.pp-svc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.pp-hero{grid-template-columns:1fr;padding:26px}.pp-pk,.pp-how ol{grid-template-columns:1fr}}
@media(max-width:640px){.pp-hero{margin-top:12px;padding:22px 16px;border-radius:22px}.pp-hero h1{font-size:30px}.pp-hero h1 br{display:none}.pp-cta button{flex:1;justify-content:center}.pp-stats b{font-size:24px}.pp-svc{grid-template-columns:1fr}.pp-m{flex-wrap:wrap}.pp-m .pp-mt{flex-basis:calc(100% - 50px)}.pp-m button{flex:1}}

/* ===== вход ===== */
.au8 .frm{max-width:none}.au8n{margin-top:14px;font-size:13px;padding:10px 12px;border-radius:12px;background:var(--sf2)}

/* ===== пополнение ===== */
.tpbn{margin-top:10px;padding:8px 12px;border-radius:10px;background:color-mix(in srgb,#f5b335 14%,transparent);font-size:13.5px}

/* ===== админка v2 ===== */
.cx-r{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line)}
.cx-i{flex:1;min-width:0}.cx-i p{margin:4px 0;font-size:13.5px;color:var(--tx2)}.cx-s{font-size:13.5px}
.cx-a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:52%}.cx-a select{height:32px;max-width:170px}
.cx-job p{margin:6px 0}
.cx-bar{height:8px;border-radius:5px;background:var(--sf2);overflow:hidden;margin:8px 0}.cx-bar i{display:block;height:100%;background:var(--h8g);border-radius:5px;transition:width .4s}
.cx-kw{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:8px 0}
.cx-t{margin-top:10px;padding:12px;border-radius:12px;background:var(--sf2)}.cx-t p{margin:4px 0}
b.mid{color:var(--warn)}
.im8{margin-top:14px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.im8-h{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:var(--sf2)}
.im8-r{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid var(--line)}
.im8-r.warn{background:color-mix(in srgb,var(--warn) 9%,transparent)}.im8-r.off{opacity:.6}
.im8-u{display:flex;flex-direction:column;min-width:0;flex:1}.im8-u i,.im8-c i{font-style:normal;font-size:12.5px;color:var(--mt)}.im8-u em{font-style:normal;font-size:13px;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.im8-c{display:flex;flex-direction:column;gap:3px;align-items:flex-end;flex:none}.im8-c select{height:34px;max-width:220px}
.im8-e{font-size:13px;color:var(--err)}
.ap-st{padding-left:20px;line-height:1.6}.ap-st li{margin-bottom:8px}
.ap-u{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0}.ap-u span{font-size:13px;color:var(--mt);min-width:150px}.ap-u code{font-size:12.5px;padding:4px 8px;border-radius:7px;background:var(--sf2);word-break:break-all}
.panel.warnp{border-color:color-mix(in srgb,var(--warn) 50%,transparent);background:color-mix(in srgb,var(--warn) 7%,var(--sf))}
@media(max-width:640px){.cx-r,.im8-r{flex-direction:column;align-items:stretch}.cx-a{max-width:none;justify-content:flex-start}.im8-c{align-items:stretch}.im8-c select{max-width:none}.cx-kw{grid-template-columns:1fr}}
/* перекрываем общие стили кнопок сайта */
.h8quick button,.h8lb-add,.h8cat,.h8tag,.h8heart,.h8more,.h8seg button,.pp-pick button{background:var(--sf2)!important;color:var(--tx)!important;box-shadow:none!important;background-image:none!important}
.h8quick button{background:var(--sf)!important}.h8quick button:hover{color:var(--ac)!important}
.h8cat{background:var(--sf)!important;height:auto!important;border-radius:16px!important;padding:14px!important}
.h8chip{background:var(--acw)!important;color:var(--ac)!important;box-shadow:none!important;background-image:none!important;border:0!important;height:26px!important;border-radius:8px!important;padding:0 10px!important}
.h8tag{color:var(--tx2)!important;border:0!important;height:26px!important;border-radius:8px!important;padding:0 10px!important}
.h8heart,.h8more{background:transparent!important;color:var(--mt)!important;border:0!important;padding:0!important;border-radius:10px!important}
.h8heart:hover,.h8more:hover{background:var(--sf2)!important}.h8heart.on,.h8heart:hover{color:#e5484d!important}
.h8seg button{background:transparent!important;color:var(--tx2)!important;border:0!important;border-radius:11px!important}.h8seg button.on{background:var(--sf)!important;color:var(--tx)!important;box-shadow:var(--sh)!important}
.h8lb-add{border:1px dashed var(--line2)!important;border-radius:12px!important}.h8lb-add:hover{color:var(--ac)!important;border-color:var(--ac)!important}
.pp-cta>button:first-child,.h8cta-b .btn{background:#fff!important;color:#0f1a2b!important;box-shadow:none!important}
.pp-pick button{height:auto!important;border-radius:12px!important}
.h8hero-l,.h8lb{min-width:0}
@media(max-width:860px){.h8hero{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.h8eyebrow{font-size:12px}.h8stats div{flex:1}.h8stats div:nth-child(2){text-align:center}.h8stats div:nth-child(3){text-align:right}}

/* ===== волшебный мастер добавления ===== */
@property --wza{syntax:'<angle>';inherits:false;initial-value:0deg}
.box:has(.wz8){max-width:780px;width:calc(100vw - 32px)}
.wz8{position:relative}
.wz8-h{display:flex;align-items:center;gap:8px;margin:0 0 18px}
.wz8-h>b{flex:1;height:2px;background:var(--line);border-radius:2px}
.wz8-s{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--mt)}
.wz8-s i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:var(--sf2);border:1px solid var(--line);font-size:12px}
.wz8-s.on{color:var(--tx)}.wz8-s.on i{background:var(--h8g);color:#fff;border:0;box-shadow:0 0 0 4px var(--acw)}
.wz8-s.ok i{background:var(--ok);color:#fff;border:0}
.wz8-hero{text-align:center;margin:4px 0 18px}.wz8-hero h2{margin:14px 0 6px;font-family:var(--fd,inherit);font-size:26px;letter-spacing:-.02em}.wz8-hero p{margin:0 auto;max-width:440px}
.wz8-orb{width:74px;height:74px;margin:0 auto;border-radius:24px;display:grid;place-items:center;background:var(--h8g);color:#fff;font-size:32px;position:relative;box-shadow:0 14px 40px -10px rgba(90,108,255,.6);animation:wzFloat 3.2s ease-in-out infinite}
.wz8-orb:before{content:"";position:absolute;inset:-6px;border-radius:28px;background:conic-gradient(from var(--wza),transparent,rgba(127,208,255,.9),transparent 40%,rgba(169,155,255,.9),transparent 70%);z-index:-1;filter:blur(6px);animation:wzSpin 4s linear infinite}
.wz8-orb.big{width:92px;height:92px;font-size:44px;border-radius:30px}
@keyframes wzSpin{to{--wza:360deg}}@keyframes wzFloat{50%{transform:translateY(-5px) rotate(-3deg)}}
.wz8-in{position:relative;display:flex;align-items:center;gap:10px;padding:0 16px;height:60px;border-radius:18px;background:var(--sf);isolation:isolate}
.wz8-in:before{content:"";position:absolute;inset:0;padding:2px;border-radius:18px;background:conic-gradient(from var(--wza),#27a6e3,#6f5cff,#f5b335,#1fa968,#27a6e3);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:wzSpin 5s linear infinite;z-index:-1}
.wz8-in:after{content:"";position:absolute;inset:6px;border-radius:14px;box-shadow:0 0 30px 4px rgba(90,108,255,.16);z-index:-2}
.wz8-in>span{color:var(--ac);display:flex}.wz8-in input{flex:1;border:0!important;background:transparent!important;box-shadow:none!important;font-size:17px;height:56px;padding:0;outline:0}
.wz8-types{display:flex;gap:8px;justify-content:center;margin:14px 0 0}
.wz8-types button{height:38px!important;border-radius:12px!important;background:var(--sf2)!important;color:var(--tx2)!important;box-shadow:none!important;border:1px solid var(--line)!important;background-image:none!important;display:flex;gap:6px;align-items:center}
.wz8-types button.on{background:var(--acw)!important;color:var(--ac)!important;border-color:var(--ac)!important}
.wz8-look{min-height:96px;margin:16px 0 4px}
.wz8-tip{text-align:center}
.wz8-scan{display:flex;gap:14px;align-items:center;padding:16px;border-radius:16px;background:linear-gradient(110deg,var(--sf2) 30%,color-mix(in srgb,var(--ac) 10%,var(--sf2)) 50%,var(--sf2) 70%);background-size:250% 100%;animation:wzShim 1.4s linear infinite}
.wz8-scan div{display:flex;flex-direction:column}.wz8-scan i{font-style:normal;font-size:13px;color:var(--mt)}
.wz8-sp{width:34px;height:34px;border-radius:50%;border:3px solid var(--acw);border-top-color:var(--ac);animation:wzRot .8s linear infinite;flex:none}
@keyframes wzShim{to{background-position:-150% 0}}@keyframes wzRot{to{transform:rotate(360deg)}}
.wz8-found{position:relative;display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:16px;background:color-mix(in srgb,var(--ok) 8%,var(--sf));border:1px solid color-mix(in srgb,var(--ok) 35%,transparent);animation:wzPop .5s cubic-bezier(.2,1.4,.4,1)}
.wz8-found>div{display:flex;flex-direction:column;min-width:0}.wz8-found i{font-style:normal;font-size:13px;color:var(--ok);font-weight:600}.wz8-found p{margin:6px 0 0;font-size:13.5px;color:var(--tx2)}
@keyframes wzPop{from{opacity:0;transform:scale(.92) translateY(8px)}}
.wz8-spark i{position:absolute;width:6px;height:6px;border-radius:50%;background:#f5b335;opacity:0;animation:wzSpark 1.1s ease-out forwards}
.wz8-spark i:nth-child(1){top:10%;right:12%}.wz8-spark i:nth-child(2){top:60%;right:6%;background:#6f5cff;animation-delay:.1s}.wz8-spark i:nth-child(3){top:20%;right:30%;background:#27a6e3;animation-delay:.2s}.wz8-spark i:nth-child(4){bottom:10%;right:20%;animation-delay:.3s}.wz8-spark i:nth-child(5){top:40%;right:45%;background:#1fa968;animation-delay:.15s}
@keyframes wzSpark{0%{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1.6)}100%{opacity:0;transform:scale(.4) translateY(-14px)}}
.wz8-miss{padding:14px 16px;border-radius:14px;background:var(--sf2);font-size:14px;color:var(--tx2)}
.wz8-t{margin:0 0 14px;font-family:var(--fd,inherit);font-size:24px}
.wz8-2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;align-items:start}
.wz8-form{display:flex;flex-direction:column;gap:10px;min-width:0}.wz8-form .fl2{margin:0}
.wz8-prev{position:sticky;top:0;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:20px;background:radial-gradient(80% 60% at 50% 0%,color-mix(in srgb,var(--ac) 12%,transparent),transparent 70%),var(--sf2);border:1px solid var(--line)}
.wz8-lab{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mt)}
.wz8-pc{pointer-events:none;box-shadow:var(--shl);animation:wzPop .4s ease}
.wz8-glow{position:relative}.wz8-glow:before{content:"";position:absolute;inset:-10px;border-radius:26px;background:conic-gradient(from var(--wza),rgba(39,166,227,.35),rgba(111,92,255,.35),rgba(245,179,53,.3),rgba(39,166,227,.35));filter:blur(18px);animation:wzSpin 6s linear infinite;z-index:0}.wz8-glow>*{position:relative}
.wz8-sug{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 6px}
.wz8-sug button{height:32px!important;border-radius:10px!important;background:var(--sf2)!important;color:var(--tx)!important;border:1px solid var(--line)!important;box-shadow:none!important;background-image:none!important;font-size:13px}
.wz8-sug button.on{background:var(--acw)!important;color:var(--ac)!important;border-color:var(--ac)!important}
.wz8-ai{font-style:normal;font-size:12px;color:var(--ac);margin-top:4px}
.wz8-score{padding:12px;border-radius:14px;background:var(--sf);border:1px solid var(--line)}
.wz8-sh{display:flex;justify-content:space-between;gap:8px;font-size:13px}.wz8-sh span{color:var(--mt)}
.wz8-pts{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:var(--mt)}.wz8-pts .ok{color:var(--ok)}
.wz8-boost{padding:16px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,#6f5cff 10%,var(--sf)),color-mix(in srgb,#27a6e3 8%,var(--sf)));border:1px solid color-mix(in srgb,#6f5cff 25%,transparent)}
.wz8-bh{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.wz8-bh span{font-size:13.5px;color:var(--tx2)}
.wz8-days{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.wz8-days button{position:relative;height:auto!important;padding:10px 4px!important;border-radius:12px!important;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--sf)!important;color:var(--tx)!important;border:1px solid var(--line)!important;box-shadow:none!important;background-image:none!important}
.wz8-days button b{font-size:18px}.wz8-days button i{font-style:normal;font-size:11px;color:var(--mt)}
.wz8-days button.on{border-color:#6f5cff!important;box-shadow:0 0 0 3px rgba(111,92,255,.18)!important}
.wz8-days em{position:absolute;top:-8px;right:-4px;font-style:normal;font-size:10px;font-weight:800;color:#fff;background:#e5484d;border-radius:6px;padding:1px 5px}
.wz8-sum{display:flex;gap:10px}.wz8-sum div{flex:1;padding:10px 12px;border-radius:12px;background:var(--sf2);display:flex;flex-direction:column}.wz8-sum span{font-size:12px;color:var(--mt)}.wz8-sum b{font-size:18px}
.wz8-f{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.wz8-f.col{flex-direction:column}
.wz8-go{height:50px!important;padding:0 24px!important;border-radius:14px!important;font-size:15px!important;background:var(--h8g)!important;color:#fff!important;border:0!important;box-shadow:0 10px 26px -10px rgba(90,108,255,.7)!important;margin-left:auto;position:relative;overflow:hidden}
.wz8-go:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);animation:wzShine 2.8s ease-in-out infinite}
@keyframes wzShine{0%,60%{left:-60%}100%{left:130%}}
.wz8-f.col .wz8-go{margin:0;width:100%}.wz8-f.col button{width:100%}
.wz8-done{text-align:center;overflow:hidden}.wz8-done h2{font-family:var(--fd,inherit);font-size:28px;margin:16px 0 6px}.wz8-done .wz8-glow{max-width:360px;margin:20px auto 0;text-align:left}
.wz8-conf{position:absolute;inset:-20px 0 auto;height:0;pointer-events:none}
.wz8-conf i{position:absolute;top:0;left:calc(var(--x) * 1%);width:8px;height:14px;border-radius:2px;background:var(--c);opacity:0;animation:wzConf 1.8s var(--d) cubic-bezier(.2,.6,.4,1) forwards}
@keyframes wzConf{0%{opacity:1;transform:translateY(-10px) rotate(0)}100%{opacity:0;transform:translateY(420px) rotate(540deg)}}
@media(max-width:700px){.wz8-2{grid-template-columns:1fr}.wz8-prev{position:static;order:-1}.wz8-s span{display:none}.wz8-hero h2{font-size:22px}.wz8-in{height:56px}.wz8-in input{font-size:16px}.wz8-f:not(.col) .wz8-go{flex:1}}
@media(prefers-reduced-motion:reduce){.wz8 *,.wz8 *:before,.wz8 *:after{animation:none!important}}
.imlog{margin-top:12px;max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:13px;line-height:1.7;background:var(--sf2)}
.tp8-go{width:100%;margin:14px 0 0!important}

/* ===== «Рекомендуем» ===== */
.rc8 .h8sh h2{display:flex;align-items:center;gap:8px}.rc8-star{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#f5b335,#ff8a3d);color:#fff;font-size:16px}
.rc8-nav{display:flex;gap:6px;align-items:center}
.rc8-arr{width:36px!important;height:36px!important;padding:0!important;border-radius:50%!important;background:var(--sf)!important;color:var(--tx)!important;border:1px solid var(--line)!important;box-shadow:none!important;background-image:none!important;font-size:20px!important;line-height:1}
.rc8-arr:hover{border-color:var(--ac)!important;color:var(--ac)!important}
.rc8-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 42px)/4);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;scrollbar-width:none}.rc8-row::-webkit-scrollbar{display:none}
.rc8-c{scroll-snap-align:start;position:relative;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:20px;background:var(--sf);border:1px solid var(--line);overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .15s}
.rc8-c:hover{transform:translateY(-3px);box-shadow:var(--shl);border-color:hsl(var(--h),60%,60%)}
.rc8-bg{position:absolute;inset:0 0 auto;height:78px;background:linear-gradient(120deg,hsl(var(--h),80%,58%),hsl(calc(var(--h) + 55),75%,50%));opacity:.9}
.rc8-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% -20%,rgba(255,255,255,.45),transparent 55%)}
.rc8-top{position:relative;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;padding-top:34px}
.rc8-top .h8av{box-shadow:0 0 0 4px var(--sf),0 8px 20px -6px rgba(0,0,0,.35)}
.rc8-t{display:flex;flex-direction:column;min-width:0}.rc8-t b{font-size:17px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc8-t i{font-style:normal;font-size:13px;color:var(--mt)}
.rc8-m{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.rc8-s{display:inline-flex;gap:4px;align-items:center;font-size:13px;color:var(--mt)}.rc8-s .i{width:15px;height:15px}
.rc8-d{margin:0;font-size:14px;line-height:1.45;color:var(--tx2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;flex:1}
.rc8-b{display:flex;gap:8px}
.rc8-go{flex:1;display:inline-flex;gap:8px;align-items:center;justify-content:center;height:42px;border-radius:12px;background:linear-gradient(135deg,#2aabee,#1b87bb);color:#fff;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 8px 18px -10px rgba(34,158,217,.9)}
.rc8-go:hover{filter:brightness(1.07)}.rc8-go .i{width:17px;height:17px}
.rc8-more{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--sf2);color:var(--tx2);border:1px solid var(--line)}
@media(max-width:1080px){.rc8-row{grid-auto-columns:calc((100% - 28px)/3)}}
@media(max-width:860px){.rc8-row{grid-auto-columns:calc((100% - 14px)/2)}}
@media(max-width:640px){.rc8-row{grid-auto-columns:80%;margin:0 -16px;padding:4px 16px 12px;scroll-padding:0 16px}.rc8-arr{display:none}}

/* ===== окна продвижения и статистики ===== */
.pm8{display:flex;flex-direction:column;gap:12px}
.pm8-h{display:flex;gap:12px;align-items:center}.pm8-h>div{display:flex;flex-direction:column;min-width:0}.pm8-h b{font-family:var(--fd,inherit);font-size:22px;letter-spacing:-.02em}.pm8-h i{font-style:normal;color:var(--mt);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm8-big{font-size:30px}
.pm8-pk{display:flex!important;align-items:center;gap:12px;height:auto!important;padding:12px 14px!important;border-radius:16px!important;text-align:left;background:linear-gradient(135deg,color-mix(in srgb,#f5b335 16%,var(--sf)),color-mix(in srgb,#ff8a3d 10%,var(--sf)))!important;color:var(--tx)!important;border:1px solid color-mix(in srgb,#f5b335 40%,transparent)!important;box-shadow:none!important;background-image:none}
.pm8-pk>span:first-child{font-size:24px}.pm8-pk>span:nth-child(2){display:flex;flex-direction:column;flex:1}.pm8-pk i{font-style:normal;font-size:13px;color:var(--tx2);font-weight:500}.pm8-pk em{font-style:normal;font-size:22px;color:var(--mt)}
.pm8-lab{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mt);margin-top:4px}
.pm8-svc{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pm8-s{position:relative;display:flex!important;flex-direction:column;align-items:flex-start;gap:6px;height:auto!important;padding:12px!important;border-radius:16px!important;text-align:left;background:var(--sf)!important;color:var(--tx)!important;border:1.5px solid var(--line)!important;box-shadow:none!important;background-image:none!important;font-weight:500}
.pm8-s.on{border-color:var(--ac)!important;background:color-mix(in srgb,var(--ac) 7%,var(--sf))!important;box-shadow:0 0 0 3px var(--acw)!important}
.pm8-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--sf2);font-size:18px;flex:none}
.pm8-st{display:flex;flex-direction:column;gap:2px}.pm8-st b{font-size:14.5px}.pm8-st i{font-style:normal;font-size:12.5px;line-height:1.35;color:var(--mt)}
.pm8-pr{display:flex;align-items:baseline;gap:4px;margin-top:auto}.pm8-pr b{font-size:16px}.pm8-pr i{font-style:normal;font-size:12px;color:var(--mt)}
.pm8-full{position:absolute;top:10px;right:10px;font-style:normal;font-size:11px;font-weight:700;color:var(--err)}
.pm8-days{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.pm8-days button{position:relative;height:auto!important;padding:9px 2px!important;border-radius:12px!important;display:flex;flex-direction:column;align-items:center;gap:1px;background:var(--sf)!important;color:var(--tx)!important;border:1.5px solid var(--line)!important;box-shadow:none!important;background-image:none!important}
.pm8-days button b{font-size:18px}.pm8-days button i{font-style:normal;font-size:11px;color:var(--mt);font-weight:500}
.pm8-days button.on{border-color:var(--ac)!important;box-shadow:0 0 0 3px var(--acw)!important}
.pm8-days em{position:absolute;top:-8px;right:-3px;font-style:normal;font-size:10px;font-weight:800;color:#fff;background:#e5484d;border-radius:6px;padding:1px 5px}
.pm8-sum{display:flex;flex-direction:column;border-radius:16px;background:var(--sf2);padding:4px 14px}
.pm8-sum>div{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.pm8-sum>div+div{border-top:1px solid var(--line)}.pm8-sum span{color:var(--tx2);font-size:14px}.pm8-sum b{font-size:18px}.pm8-sum>div:first-child b{font-size:22px}
.pm8-auto{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--tx2)}.pm8-auto input{margin-top:3px}
.pm8-go{width:100%;margin:0!important}
.pm8-f{text-align:center;margin:0;font-size:12.5px}
.pm8-pks{display:flex;flex-direction:column;gap:10px}
.pm8-p{position:relative;padding:16px;border-radius:18px;border:1.5px solid var(--line);background:var(--sf);display:flex;flex-direction:column;gap:10px}
.pm8-p.best{border-color:var(--ac);box-shadow:0 0 0 4px var(--acw);margin-top:6px}
.pm8-ph{display:flex;justify-content:space-between;align-items:center}.pm8-ph b{font-size:17px}.pm8-ph em{font-style:normal;font-weight:800;font-size:13px;color:#fff;background:var(--ok);border-radius:8px;padding:2px 8px}
.pm8-p ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.pm8-p li{display:flex;gap:8px;align-items:center;font-size:14px}.pm8-p li .i{width:16px;height:16px;color:var(--ok);flex:none}.pm8-p li span{flex:1}.pm8-p li i{font-style:normal;color:var(--mt);font-size:13px}
.pm8-pp{display:flex;align-items:baseline;gap:8px}.pm8-pp s{color:var(--mt);font-size:14px}.pm8-pp b{font-size:26px;font-family:var(--fd,inherit);letter-spacing:-.02em}
.pm8-pb{width:100%;height:44px!important;border-radius:12px!important}
.pm8-cp summary,.st8-more summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--ac)}
.st8-k{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.st8-k>div{padding:12px;border-radius:14px;background:var(--sf2);display:flex;flex-direction:column;gap:2px}.st8-k b{font-size:22px;font-family:var(--fd,inherit)}.st8-k b small{font-size:13px;color:var(--mt)}.st8-k span{font-size:12px;color:var(--mt)}.st8-k em{font-style:normal;font-weight:700}
.st8-warn{padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--warn) 12%,transparent);font-size:13.5px}
.st8-ch{padding:14px;border-radius:16px;border:1px solid var(--line)}
.st8-bars{display:flex;align-items:flex-end;gap:4px;height:110px}.st8-bars i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--ac),color-mix(in srgb,var(--ac) 55%,transparent));min-width:3px}
.st8-ax{display:flex;justify-content:space-between;font-size:12px;color:var(--mt);margin:6px 0 10px}
.pm8-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:var(--sf2)}
.pm8-seg button{height:34px!important;border-radius:9px!important;background:transparent!important;color:var(--tx2)!important;border:0!important;box-shadow:none!important;background-image:none!important}.pm8-seg button.on{background:var(--sf)!important;color:var(--tx)!important;box-shadow:var(--sh)!important}
.st8-pr{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.st8-b{display:flex;gap:10px;align-items:center;padding:10px;border-radius:14px;border:1px solid var(--line);background:var(--sf)}.st8-b.on{border-color:color-mix(in srgb,var(--ok) 45%,transparent);background:color-mix(in srgb,var(--ok) 7%,var(--sf))}.st8-b.on .pm8-st i{color:var(--ok)}
.st8-b .pm8-st{flex:1;min-width:0}.st8-auto{font-size:12px;color:var(--mt);display:flex;gap:4px;align-items:center}
.st8-more{border-top:1px solid var(--line);padding-top:10px}.st8-more .ins7{margin-top:10px}
@media(max-width:520px){.pm8-svc,.st8-pr{grid-template-columns:1fr}.st8-k{grid-template-columns:1fr 1fr}.pm8-h b{font-size:20px}}
.rc8-c{isolation:isolate}.rc8-bg{top:-16px;left:-16px;right:-16px;height:84px;z-index:-1}
.rc8-top .h8av{position:relative;z-index:1}
.pm8-s,.pm8-pk,.st8-b{white-space:normal!important;width:100%;min-width:0}.pm8-svc>*{min-width:0}
@media(max-width:520px){.pm8-s{flex-direction:row!important;align-items:center;gap:10px;padding:10px 12px!important}.pm8-s .pm8-st{flex:1;min-width:0}.pm8-s .pm8-st i{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pm8-s .pm8-pr{margin:0;flex-direction:column;align-items:flex-end;gap:0}.pm8-full{top:4px;right:8px}}

/* ===== страница карточки ===== */
.cd8{display:flex;flex-direction:column;gap:16px;max-width:880px}
.cd8-hero{position:relative;border-radius:26px;background:var(--sf);border:1px solid var(--line);overflow:hidden;padding:0 26px 24px;box-shadow:var(--sh);animation:cdUp .5s ease both}
.cd8-cover{height:150px;margin:0 -26px;background-size:cover!important;background-position:center!important;position:relative;overflow:hidden}
.cd8-cover:after{content:"";position:absolute;inset:0;background:radial-gradient(70% 120% at 85% -10%,rgba(255,255,255,.35),transparent 60%)}
.cd8-glow{position:absolute;width:260px;height:260px;border-radius:50%;left:-60px;bottom:-160px;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 65%);animation:cdFloat 7s ease-in-out infinite}
.cd8-head{display:flex;gap:18px;align-items:flex-end;margin-top:-54px;position:relative}
.cd8-av{flex:none;width:112px;height:112px;border-radius:30px;display:grid;place-items:center;color:#fff;font-size:44px;font-weight:800;background-size:cover;background-position:center;box-shadow:0 0 0 5px var(--sf),0 14px 32px -10px rgba(0,0,0,.45);animation:cdPop .55s .1s cubic-bezier(.2,1.4,.4,1) both}
.cd8-id{min-width:0;padding-bottom:4px}
.cd8-kind{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:hsl(var(--h),60%,45%);background:hsl(var(--h),80%,95%);padding:3px 9px;border-radius:7px}
.cd8-id h1{font-family:var(--fd,inherit);font-size:clamp(24px,3.4vw,36px);line-height:1.1;letter-spacing:-.025em;margin:8px 0 6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cd8-id h1 .vf,.cd8-id h1 .ov{display:inline-flex;color:var(--ac)}.cd8-id h1 .ov{color:var(--ok)}.cd8-id h1 svg{width:24px;height:24px}
.cd8-sub{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--mt);font-size:15px}
.cd8-cat{font-size:13px;font-weight:600;color:var(--ac);background:var(--acw);padding:4px 10px;border-radius:9px;text-decoration:none}
.cd8-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:22px 0 4px}
.cd8-t{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:18px;background:var(--sf2);border:1px solid var(--line);animation:cdUp .5s ease both}
.cd8-t:nth-child(2){animation-delay:.06s}.cd8-t:nth-child(3){animation-delay:.12s}.cd8-t:nth-child(4){animation-delay:.18s}
.cd8-ti{font-size:18px}.cd8-t b{font-family:var(--fd,inherit);font-size:24px;letter-spacing:-.02em}.cd8-t b small{font-size:14px;color:var(--mt)}.cd8-t i{font-style:normal;font-size:12.5px;color:var(--mt)}
.cd8-desc{font-size:16px;line-height:1.7;color:var(--tx2);margin:16px 0 8px}
.cd8-tags{display:flex;gap:6px;flex-wrap:wrap}.cd8-tag{font-size:13px;font-weight:600;color:var(--tx2);background:var(--sf2);border:1px solid var(--line);padding:5px 11px;border-radius:10px;text-decoration:none;transition:.15s}.cd8-tag:hover{color:var(--ac);border-color:var(--ac)}
.cd8-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.cd8-go{position:relative;overflow:hidden;display:inline-flex;gap:10px;align-items:center;justify-content:center;height:56px;padding:0 30px;border-radius:16px;background:linear-gradient(135deg,#2aabee,#1b87bb 55%,#5a6cff);background-size:180% 100%;color:#fff!important;font-weight:800;font-size:16px;text-decoration:none!important;box-shadow:0 14px 30px -12px rgba(34,158,217,.9);transition:transform .15s,background-position .4s;animation:cdPulse 2.6s ease-in-out infinite}
.cd8-go:hover{transform:translateY(-2px);background-position:100% 0}
.cd8-go:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);animation:wzShine 3s ease-in-out infinite}
.cd8-btn{height:56px!important;padding:0 20px!important;border-radius:16px!important;display:inline-flex;align-items:center;gap:6px;font-weight:700;background:var(--sf2)!important;color:var(--tx)!important;border:1px solid var(--line)!important;box-shadow:none!important;background-image:none!important;text-decoration:none;font-size:15px}
.cd8-btn:hover{border-color:var(--ac)!important;color:var(--ac)!important}
.cd8-own{margin:14px 0 0;font-size:13px;color:var(--mt)}
.cd8-box{padding:22px 24px;border-radius:24px;background:var(--sf);border:1px solid var(--line);animation:cdUp .5s .1s ease both}
.cd8-bh{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.cd8-bh h2{margin:0;font-size:20px;font-family:var(--fd,inherit);display:flex;gap:8px;align-items:center}
.cd8-bh #sum{font-size:14px;color:var(--mt);font-weight:600}
.cd8-n{font-size:13px;font-weight:700;color:var(--ac);background:var(--acw);border-radius:8px;padding:2px 8px}
.cd8-box .stars{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cd8-box .stars button{height:46px!important;min-width:56px;padding:0 14px!important;border-radius:14px!important;font-size:16px!important;font-weight:800;background:var(--sf2)!important;color:var(--tx2)!important;border:1.5px solid var(--line)!important;box-shadow:none!important;background-image:none!important;transition:transform .12s,border-color .12s}
.cd8-box .stars button:hover{transform:translateY(-2px) scale(1.04);border-color:#f5b335!important;color:#d98a0b!important}
.cd8-box .stars button.on{background:linear-gradient(135deg,#ffd36b,#f5b335)!important;color:#5a3a00!important;border-color:#f5b335!important}
.cd8-box .stars button:last-of-type{background:linear-gradient(135deg,#2aabee,#1b87bb)!important;color:#fff!important;border:0!important}
.cd8-box .stars button:disabled{opacity:.7}
.cd8-rv{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.cd8-rv p{margin:6px 0 0;line-height:1.55}
.cd8-ra{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,hsl(var(--h),70%,55%),hsl(calc(var(--h) + 50),70%,45%))}
.cd8-empty{padding:6px 0}
.cd8-box textarea{border-radius:14px}
.cd8-h2{font-family:var(--fd,inherit);font-size:22px;letter-spacing:-.02em;margin:34px 0 14px}
@keyframes cdUp{from{opacity:0;transform:translateY(14px)}}@keyframes cdPop{from{opacity:0;transform:scale(.7)}}
@keyframes cdFloat{50%{transform:translate(40px,-20px)}}@keyframes cdPulse{50%{box-shadow:0 14px 34px -8px rgba(34,158,217,1)}}
@media(max-width:640px){.cd8-hero{padding:0 16px 18px;border-radius:22px}.cd8-cover{height:110px;margin:0 -16px}.cd8-head{flex-direction:column;align-items:flex-start;gap:10px;margin-top:-48px}.cd8-av{width:92px;height:92px;border-radius:26px;font-size:36px}.cd8-tiles{grid-template-columns:1fr 1fr}.cd8-act{flex-direction:column}.cd8-go,.cd8-btn{width:100%;justify-content:center}.cd8-box{padding:18px 16px}}

/* ===== главная: анимации и «Рекомендуем» ===== */
.rv8{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.rv8.in{opacity:1;transform:none}
.h8hero{animation:cdUp .6s ease both}
.h8hero:before{animation:h8Hue 14s ease-in-out infinite alternate}
@keyframes h8Hue{to{filter:hue-rotate(40deg)}}
.h8hero h1 span{background-size:200% 100%;animation:h8Txt 6s ease-in-out infinite alternate}
@keyframes h8Txt{to{background-position:100% 0}}
.h8lb .h8r{animation:cdUp .45s ease both}.h8lb .h8r:nth-child(2){animation-delay:.05s}.h8lb .h8r:nth-child(3){animation-delay:.1s}.h8lb .h8r:nth-child(4){animation-delay:.15s}.h8lb .h8r:nth-child(5){animation-delay:.2s}.h8lb .h8r:nth-child(6){animation-delay:.25s}
.h8r{transition:background .15s,transform .15s}.h8r:hover{transform:translateX(3px)}
.h8quick button{transition:transform .15s,border-color .15s,color .15s}.h8quick button:hover{transform:translateY(-2px)}
.h8cat{transition:transform .2s,border-color .2s,box-shadow .2s}.h8cat:hover{box-shadow:0 12px 26px -14px hsl(var(--h),70%,45%)}.h8cat:hover .h8cat-i{animation:h8Bob .5s ease}
@keyframes h8Bob{40%{transform:translateY(-4px) rotate(-6deg)}70%{transform:translateY(1px) rotate(3deg)}}
.h8c{transition:transform .2s,box-shadow .2s,border-color .2s}.h8c:hover .h8av{transform:scale(1.06) rotate(-3deg)}.h8av{transition:transform .25s}
.h8go{position:relative;overflow:hidden;background:linear-gradient(135deg,#2aabee,#1b87bb)!important;transition:transform .12s,filter .12s}.h8go:hover{transform:translateY(-1px);filter:brightness(1.08)}
.h8stats b{background:linear-gradient(135deg,var(--tx),color-mix(in srgb,var(--ac) 70%,var(--tx)));-webkit-background-clip:text;background-clip:text;color:transparent}
/* «Рекомендуем» — витрина */
.rc8{position:relative;padding:22px;margin-top:34px;border-radius:30px;background:radial-gradient(60% 80% at 0% 0%,color-mix(in srgb,#f5b335 14%,transparent),transparent 70%),radial-gradient(50% 80% at 100% 100%,color-mix(in srgb,#6f5cff 14%,transparent),transparent 70%),var(--sf);border:1px solid var(--line);overflow:hidden;isolation:isolate}
.rc8:before{content:"";position:absolute;inset:-1px;border-radius:30px;padding:1.5px;background:conic-gradient(from var(--wza),#f5b335,#ff6b9a,#6f5cff,#27a6e3,#f5b335);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:wzSpin 8s linear infinite;z-index:-1;opacity:.75}
.rc8-star{animation:rcSpin 6s linear infinite;box-shadow:0 6px 16px -6px rgba(245,150,40,.8)}
@keyframes rcSpin{0%,80%{transform:rotate(0)}100%{transform:rotate(360deg)}}
.rc8-row{padding-top:8px}
.rc8-c{transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s,border-color .25s;will-change:transform}
.rc8-c:hover{box-shadow:0 26px 50px -24px hsl(var(--h),70%,40%),var(--sh)}
.rc8-bg{background-size:200% 200%!important;animation:rcBg 9s ease-in-out infinite alternate}
@keyframes rcBg{to{background-position:100% 100%}}
.rc8-bg{background:linear-gradient(120deg,hsl(var(--h),82%,60%),hsl(calc(var(--h) + 40),80%,58%),hsl(calc(var(--h) + 80),75%,52%))}
.rc8-c:before{content:"✦";position:absolute;top:12px;right:16px;color:rgba(255,255,255,.95);font-size:16px;z-index:1;animation:rcTw 2.4s ease-in-out infinite}
.rc8-c:nth-child(2n):before{animation-delay:.8s}.rc8-c:nth-child(3n):before{animation-delay:1.5s}
@keyframes rcTw{0%,100%{opacity:.2;transform:scale(.7) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(30deg)}}
.rc8-top .h8av{transition:transform .3s}.rc8-c:hover .rc8-top .h8av{transform:translateY(-4px) rotate(-4deg) scale(1.05)}
.rc8-go{position:relative;overflow:hidden;transition:transform .15s,filter .15s}.rc8-go:hover{transform:translateY(-1px)}
.rc8-go:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);animation:wzShine 3.4s ease-in-out infinite}
.rc8-c:nth-child(2) .rc8-go:after{animation-delay:.5s}.rc8-c:nth-child(3) .rc8-go:after{animation-delay:1s}.rc8-c:nth-child(4) .rc8-go:after{animation-delay:1.5s}
.rc8-more:hover{color:var(--ac);border-color:var(--ac)}
@media(max-width:640px){.rc8{padding:16px 16px 6px;border-radius:24px;margin-left:-4px;margin-right:-4px}.rc8-row{margin:0 -16px}}
@media(prefers-reduced-motion:reduce){.rv8{opacity:1;transform:none;transition:none}.h8hero,.h8hero:before,.h8hero h1 span,.rc8:before,.rc8-star,.rc8-bg,.rc8-c:before,.rc8-go:after,.cd8 *,.cd8-hero,.cd8-go{animation:none!important}}
.cd8-head{align-items:flex-start}.cd8-id{padding-top:62px}
@media(max-width:640px){.cd8-id{padding-top:0}}
/* таблицы в админке на телефоне — прокрутка вбок, а не обрезка */
@media(max-width:860px){.amain .panel{overflow-x:auto}.amain table{min-width:100%}}
.amain .ch{margin-top:22px}
/* поле выбора файла */
input[type=file]:not([hidden]){font-size:13px;color:var(--mt);max-width:100%}
input[type=file]::file-selector-button{height:36px;margin-right:10px;padding:0 14px;border-radius:10px;border:1px solid var(--line2);background:var(--sf2);color:var(--tx);font-weight:600;cursor:pointer}
/* «Мои карточки»: аккуратная панель действий */
.mc8{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px;width:100%}
.mc8 button,.mc8 .st{height:34px!important;border-radius:10px!important}
@media(max-width:640px){#pn .li:has(.mc8){flex-wrap:wrap}.mc8>*{flex:1 1 auto}}
.mc8>.st{flex:0 0 auto!important;display:inline-flex;align-items:center;padding:0 10px}
/* «Рекомендуем»: шапка из аватара канала вместо случайных цветов */
.rc8-c:before{content:none!important}
.rc8-bg{animation:none!important;opacity:1!important;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 22%,var(--sf2)),color-mix(in srgb,#6f5cff 16%,var(--sf2)))!important;background-size:cover!important}
.rc8-bg:after{background:linear-gradient(180deg,transparent 30%,color-mix(in srgb,var(--sf) 35%,transparent))!important}
.rc8-c.has-img .rc8-bg{background-size:cover!important;background-position:center!important;filter:blur(22px) saturate(1.25);transform:scale(1.6)}
.rc8-c.has-img .rc8-bg:after{background:linear-gradient(180deg,rgba(10,14,22,.05),rgba(10,14,22,.25))!important}
.rc8-c{border-radius:22px}
.rc8:before{opacity:.45}
.rc8-c:hover{border-color:color-mix(in srgb,var(--ac) 45%,var(--line))}

/* =====================================================================
   v3 — премиальная главная, витрина «Рекомендуем», аналитика
   ===================================================================== */
@property --x9a{syntax:"<angle>";inherits:false;initial-value:0deg}
:root{--x9gold:linear-gradient(135deg,#ffe29a,#f5b335 35%,#ff8a3d 70%,#ffd36e);--x9brand:linear-gradient(120deg,#5ad1ff,#7c8cff 45%,#c084fc);--x9ease:cubic-bezier(.2,.8,.2,1)}
.x9home{--x9bd:color-mix(in srgb,var(--tx) 9%,transparent)}
.x9rv{opacity:0;transform:translateY(22px);transition:opacity .8s var(--x9ease),transform .8s var(--x9ease);transition-delay:var(--d,0ms)}.x9rv.in{opacity:1;transform:none}

/* ---------- первый экран ---------- */
.x9h{position:relative;margin:18px 0 0;border-radius:32px;overflow:hidden;isolation:isolate;color:#eef3ff;background:#070b18;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 80px -40px rgba(20,40,120,.55)}
.x9h-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.x9h-bg i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.75;mix-blend-mode:screen;will-change:transform}
.x9h-bg .o1{width:520px;height:520px;left:-140px;top:-200px;background:#1f7cff;animation:x9o1 16s ease-in-out infinite alternate}
.x9h-bg .o2{width:460px;height:460px;right:-120px;top:-80px;background:#8b5cf6;animation:x9o2 19s ease-in-out infinite alternate}
.x9h-bg .o3{width:420px;height:420px;left:35%;bottom:-260px;background:#06b6d4;opacity:.55;animation:x9o3 22s ease-in-out infinite alternate}
@keyframes x9o1{to{transform:translate(160px,120px) scale(1.15)}}@keyframes x9o2{to{transform:translate(-140px,140px) scale(.9)}}@keyframes x9o3{to{transform:translate(-120px,-90px) scale(1.2)}}
.x9h-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,#000,transparent 75%);transform:translate(calc(var(--px,0)*-14px),calc(var(--py,0)*-14px));transition:transform .4s ease-out}
.x9h-beam{position:absolute;top:-40%;left:-30%;width:40%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);transform:rotate(18deg);animation:x9beam 9s ease-in-out infinite}
@keyframes x9beam{0%,15%{left:-40%}60%,100%{left:120%}}
.x9h-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.85fr);gap:36px;align-items:center;padding:52px 48px 46px}
.x9pill{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 11px;border-radius:999px;font-size:13px;font-weight:600;color:#cfe0ff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px)}
.x9pill b{color:#fff}
.x9dot{position:relative;width:8px;height:8px;border-radius:50%;background:#34d399}.x9dot:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #34d399;animation:x9ping 1.8s ease-out infinite}
@keyframes x9ping{from{transform:scale(.4);opacity:1}to{transform:scale(1.5);opacity:0}}
.x9h1{font-family:var(--fd,inherit);font-size:clamp(32px,5vw,62px);line-height:1.04;letter-spacing:-.035em;font-weight:800;margin:20px 0 16px;color:#fff;text-wrap:balance}
.x9rot{position:relative;display:inline-grid;vertical-align:bottom;overflow:hidden;padding-bottom:.08em}
.x9rot b{grid-area:1/1;background:var(--x9brand);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:x9in .6s var(--x9ease) both,x9sheen 6s linear infinite;font-weight:800;white-space:nowrap}
.x9rot b.out{animation:x9out .5s var(--x9ease) both}
@keyframes x9in{from{transform:translateY(80%);opacity:0;filter:blur(6px)}to{transform:none;opacity:1;filter:none}}@keyframes x9out{to{transform:translateY(-80%);opacity:0;filter:blur(6px)}}
@keyframes x9sheen{to{background-position:200% center}}
.x9lead{font-size:18px;line-height:1.6;color:#aab8d6;max-width:580px;margin:0 0 26px}
.x9srch{position:relative;max-width:620px;margin:0;border-radius:18px;padding:1.5px;background:conic-gradient(from var(--x9a),rgba(90,209,255,.9),rgba(124,140,255,.25),rgba(192,132,252,.9),rgba(90,209,255,.25),rgba(90,209,255,.9));animation:x9spin 6s linear infinite;box-shadow:0 20px 50px -20px rgba(80,140,255,.7)}
@keyframes x9spin{to{--x9a:360deg}}
.x9srch input{box-sizing:border-box;display:block;height:60px!important;border-radius:16.5px!important;border:0!important;background:#0d1426!important;color:#fff!important;font-size:16px!important;padding-left:52px!important;padding-right:52px!important;box-shadow:none!important;width:100%}
.x9srch input::placeholder{color:#7083a8}
.x9srch .si{z-index:2;color:#8fb4ff;left:18px}
.x9srch kbd{position:absolute;right:16px;top:50%;transform:translateY(-50%);font:600 12px/1 var(--fm,ui-monospace,monospace);color:#93a4c8;border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:5px 8px;background:rgba(255,255,255,.05);z-index:2}
.x9srch .qs{z-index:20;color:var(--tx)}
.x9quick{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;font-size:13px;color:#8796b8}
.x9quick button{height:32px;padding:0 13px;border-radius:999px;background:rgba(255,255,255,.06)!important;color:#dbe6ff!important;border:1px solid rgba(255,255,255,.12)!important;font-weight:500;font-size:13px;box-shadow:none!important;transition:all .25s var(--x9ease)}
.x9quick button:hover{background:rgba(255,255,255,.14)!important;border-color:rgba(140,180,255,.6)!important;transform:translateY(-2px)}
.x9stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px;max-width:620px}
.x9stats div{padding:14px 16px;border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px)}
.x9stats b{display:block;font-family:var(--fd,inherit);font-size:28px;font-weight:800;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.x9stats span{font-size:12.5px;color:#93a4c8}
/* справа: топ */
.x9h-r,.x9h-l{position:relative;min-width:0}
.x9float{position:absolute;inset:-30px -10px;pointer-events:none}
.x9fl{position:absolute;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:800;color:#fff;background-size:cover;background-position:center;box-shadow:0 12px 30px -8px rgba(0,0,0,.6),0 0 0 2px rgba(255,255,255,.15);animation:x9float 7s ease-in-out infinite;opacity:.9}
.x9fl.f0{top:-6px;left:-26px}.x9fl.f1{top:22%;right:-28px;animation-delay:-2s;width:38px;height:38px}.x9fl.f2{bottom:8%;left:-34px;animation-delay:-4s;width:40px;height:40px}.x9fl.f3{bottom:-14px;right:12%;animation-delay:-1s}.x9fl.f4{top:-20px;right:22%;animation-delay:-3s;width:34px;height:34px}.x9fl.f5{top:52%;left:-46px;animation-delay:-5s;width:30px;height:30px}
@keyframes x9float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(5deg)}}
.x9lb{position:relative;padding:18px;border-radius:24px;background:linear-gradient(165deg,rgba(255,255,255,.12),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 30px 60px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12);overflow:hidden}
.x9lb:before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx,-200px) var(--my,-200px),rgba(140,180,255,.16),transparent 60%);pointer-events:none}
.x9lb-h{display:flex;justify-content:space-between;align-items:center;margin:0 4px 10px}.x9lb-h b{display:flex;align-items:center;gap:10px;font-size:15px;color:#fff}
.x9lb-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--x9brand);color:#fff}.x9lb-ic .i{width:16px;height:16px}
.x9lb-h a{font-size:13px;color:#9cc2ff;font-weight:600;text-decoration:none}
.x9r{display:flex;align-items:center;gap:12px;padding:10px 9px;border-radius:14px;text-decoration:none;color:inherit;min-width:0;transition:background .25s,transform .25s var(--x9ease)}
.x9r:hover{background:rgba(255,255,255,.08);transform:translateX(4px)}
.x9r{animation:x9row .6s var(--x9ease) both;animation-delay:var(--d,0ms)}@keyframes x9row{from{opacity:0;transform:translateX(-14px)}}
.x9r-n{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:9px;font-weight:800;font-size:13px;background:rgba(255,255,255,.08);color:#b9c6e4}
.x9r-n.n1{background:var(--x9gold);color:#3b2400;box-shadow:0 6px 16px -6px rgba(245,179,53,.9)}.x9r-n.n2{background:linear-gradient(135deg,#f1f5f9,#94a3b8);color:#1e293b}.x9r-n.n3{background:linear-gradient(135deg,#f6c39b,#b8703f);color:#3b1d06}
.x9r-n.nw{background:transparent}.x9r-n.nw i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px color-mix(in srgb,#22c55e 25%,transparent)}
.x9r-t{flex:1;min-width:0;display:flex;flex-direction:column}.x9r-t b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x9r-t i{font-style:normal;font-size:12.5px;color:#8f9dbd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x9r-v{display:inline-flex;gap:4px;align-items:center;font-size:12.5px;color:#9fb0d4;font-variant-numeric:tabular-nums}.x9r-v .i{width:14px;height:14px}
.x9lb-add{width:100%;margin-top:10px;display:flex;gap:8px;justify-content:center;align-items:center;height:44px;border-radius:14px!important;background:rgba(255,255,255,.06)!important;color:#dfe8ff!important;border:1px dashed rgba(255,255,255,.25)!important;box-shadow:none!important;font-weight:600;transition:all .25s}
.x9lb-add:hover{background:rgba(255,255,255,.12)!important;border-color:#8fb4ff!important}
/* светлые строки (блок «Новые») */
.x9box .x9r:hover{background:var(--sf2)}.x9box .x9r-n{background:var(--sf2);color:var(--mt)}.x9box .x9r-t i,.x9box .x9r-v{color:var(--mt)}

/* ---------- бегущая строка тем ---------- */
.x9mq{position:relative;margin:22px 0 0;display:grid;gap:10px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.x9mq-t{display:flex;gap:10px;width:max-content;animation:x9mq 55s linear infinite}.x9mq-t.rev{animation-direction:reverse;animation-duration:65s}
.x9mq:hover .x9mq-t{animation-play-state:paused}
@keyframes x9mq{to{transform:translateX(-50%)}}
.x9mq-c{display:inline-flex!important;align-items:center;gap:8px;height:42px;padding:0 16px 0 8px!important;border-radius:999px!important;background:var(--sf)!important;color:var(--tx)!important;border:1px solid var(--line)!important;box-shadow:none!important;font-weight:600;font-size:14px;white-space:nowrap;transition:all .25s var(--x9ease)}
.x9mq-c span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:hsl(var(--h) 85% 55% / .14);color:hsl(var(--h) 70% 45%)}.x9mq-c span .i{width:15px;height:15px}
.x9mq-c i{font-style:normal;font-size:12px;color:var(--mt);font-weight:500}
.x9mq-c:hover{border-color:hsl(var(--h) 70% 55%)!important;transform:translateY(-2px);box-shadow:0 10px 24px -14px hsl(var(--h) 70% 45%)!important}

/* ---------- заголовки секций ---------- */
.x9sec{margin:56px 0 0}
.x9sh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 2px 20px}.x9sh h2{font-family:var(--fd,inherit);font-size:clamp(24px,3vw,34px);letter-spacing:-.03em;margin:4px 0 4px;font-weight:800}.x9sh p{margin:0;color:var(--mt);font-size:15px}
.x9sh.sm{margin-bottom:10px;align-items:center}.x9sh.sm h3{display:flex;gap:8px;align-items:center;margin:0;font-size:17px}.x9sh.sm h3 .i{color:#22c55e}
.x9kick{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ac)}
.x9link{font-size:14px;font-weight:700;color:var(--ac);text-decoration:none;white-space:nowrap}.x9link:hover{text-decoration:underline}

/* ---------- витрина «Рекомендуем» ---------- */
.x9feat{position:relative;margin:48px 0 0;padding:30px 30px 22px;border-radius:32px;isolation:isolate;background:linear-gradient(180deg,color-mix(in srgb,var(--sf) 92%,#f5b335 8%),var(--sf));border:1px solid var(--line);overflow:hidden}
.x9feat:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--x9a),#ffd36e,#ff8a3d,#ec4899,#7c5cff,#2aabee,#ffd36e);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:x9spin 8s linear infinite;opacity:.8;pointer-events:none}
.x9feat-aur{position:absolute;inset:-30% -10% auto;height:300px;z-index:-1;background:radial-gradient(40% 60% at 20% 50%,rgba(245,179,53,.22),transparent 70%),radial-gradient(40% 60% at 80% 40%,rgba(124,92,255,.2),transparent 70%);filter:blur(10px);animation:x9aur 12s ease-in-out infinite alternate}
@keyframes x9aur{to{transform:translateX(6%) scale(1.08)}}
.x9feat .x9kick{background:var(--x9gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.x9ctl{display:flex;gap:8px;align-items:center}
.x9arr{width:42px!important;height:42px!important;padding:0!important;border-radius:50%!important;background:var(--sf)!important;color:var(--tx)!important;border:1px solid var(--line)!important;box-shadow:0 6px 16px -10px rgba(0,0,0,.4)!important;font-size:22px;line-height:1;transition:all .25s var(--x9ease)}
.x9arr:hover{border-color:#f5b335!important;color:#e09a12!important;transform:scale(1.08)}
.x9track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/3.25);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 4px 18px;margin:0 -4px;scrollbar-width:none;overscroll-behavior-x:contain}.x9track::-webkit-scrollbar{display:none}
.x9fc{scroll-snap-align:start;position:relative;display:flex;flex-direction:column;border-radius:24px;background:var(--sf);border:1px solid var(--line);overflow:hidden;isolation:isolate;transition:transform .45s var(--x9ease),box-shadow .45s,border-color .3s;transform-style:preserve-3d;box-shadow:0 18px 40px -28px rgba(0,0,0,.45)}
.x9fc:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(320px circle at var(--mx,50%) var(--my,-40%),hsl(var(--h) 90% 65% / .16),transparent 60%);pointer-events:none;z-index:2}
.x9fc:hover,.x9fc.cur{border-color:hsl(var(--h) 70% 60% / .7)}
.x9fc:hover{box-shadow:0 40px 70px -34px hsl(var(--h) 70% 35% / .8)}
.x9fc-cv{position:relative;display:block;height:118px;overflow:hidden}
.x9fc-img{position:absolute;inset:0;background:linear-gradient(125deg,hsl(var(--h) 85% 58%),hsl(calc(var(--h) + 50) 80% 52%) 55%,hsl(calc(var(--h) + 110) 75% 50%));background-size:180% 180%;animation:x9cv 10s ease-in-out infinite alternate;transition:transform .8s var(--x9ease)}
.x9fc-img.im{background-size:cover;background-position:center;filter:blur(18px) saturate(1.4) brightness(.95);transform:scale(1.5);animation:none}
.x9fc:hover .x9fc-img{transform:scale(1.12)}.x9fc:hover .x9fc-img.im{transform:scale(1.7)}
@keyframes x9cv{to{background-position:100% 100%}}
.x9fc-sh{position:absolute;inset:0;background:radial-gradient(circle at 85% -30%,rgba(255,255,255,.5),transparent 50%),linear-gradient(180deg,transparent 40%,rgba(0,0,0,.18));}
.x9fc-sh:after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-18deg);animation:x9shine 5s ease-in-out infinite}
.x9fc:nth-child(2) .x9fc-sh:after{animation-delay:1.2s}.x9fc:nth-child(3) .x9fc-sh:after{animation-delay:2.4s}.x9fc:nth-child(4) .x9fc-sh:after{animation-delay:3.6s}
@keyframes x9shine{0%,55%{left:-70%}100%{left:130%}}
.x9pin{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:5px;padding:5px 10px 5px 8px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.02em;color:#3b2400;background:var(--x9gold);box-shadow:0 6px 16px -6px rgba(245,150,40,.9)}.x9pin .i{width:13px;height:13px}
.x9fc-no{position:absolute;right:14px;top:8px;font-family:var(--fd,inherit);font-size:44px;font-weight:900;letter-spacing:-.05em;color:rgba(255,255,255,.35);line-height:1}
.x9fc-av{position:relative;width:76px;height:76px;margin:-40px 0 0 18px;z-index:3}
.x9fc-av .h8av{position:relative;width:76px!important;height:76px!important;border-radius:24px!important;font-size:30px!important;box-shadow:0 0 0 4px var(--sf),0 14px 30px -10px rgba(0,0,0,.5);transition:transform .5s var(--x9ease)}
.x9ring{position:absolute;inset:-7px;border-radius:30px;background:conic-gradient(from var(--x9a),#ffd36e,#ff8a3d,#ec4899,#7c5cff,#ffd36e);animation:x9spin 4s linear infinite;opacity:0;transition:opacity .4s}
.x9fc:hover .x9ring,.x9fc.cur .x9ring{opacity:1}
.x9fc:hover .x9fc-av .h8av{transform:translateY(-4px) rotate(-3deg)}
.x9fc-bd{position:relative;z-index:3;display:flex;flex-direction:column;gap:9px;padding:12px 18px 18px;flex:1}
.x9fc-n{display:flex;align-items:center;gap:6px;text-decoration:none;color:inherit;min-width:0}.x9fc-n b{font-size:18px;font-weight:800;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x9fc-u{font-style:normal;font-size:13px;color:var(--mt);margin-top:-6px}
.x9fc-m{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:var(--mt)}.x9fc-m span{display:inline-flex;gap:4px;align-items:center}.x9fc-m .i{width:15px;height:15px}
.x9chip{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;color:hsl(var(--h,210) 70% 40%);background:hsl(var(--h,210) 85% 55% / .12)}
:root[data-theme="dark"] .x9chip{color:hsl(var(--h,210) 85% 72%)}@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .x9chip{color:hsl(var(--h,210) 85% 72%)}}
.x9fc-bd p{margin:0;font-size:14px;line-height:1.5;color:var(--tx2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px;flex:1}
.x9fc-b{display:flex;gap:8px;margin-top:4px}
.x9go{position:relative;flex:1;display:inline-flex;gap:8px;align-items:center;justify-content:center;height:46px;padding:0 18px;border-radius:14px;color:#fff!important;font-weight:700;font-size:14.5px;text-decoration:none;background:linear-gradient(135deg,#2aabee,#2f6bff 60%,#7c5cff);background-size:160% 160%;box-shadow:0 12px 26px -12px rgba(42,120,238,.85);overflow:hidden;transition:transform .25s var(--x9ease),box-shadow .25s,background-position .5s}
.x9go:hover{transform:translateY(-2px);background-position:100% 0;box-shadow:0 18px 30px -12px rgba(60,100,255,.9)}
.x9go:after{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);animation:x9shine 4s ease-in-out infinite}
.x9go .i{width:17px;height:17px;position:relative}.x9go span{position:relative}
.x9ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:46px;height:46px;flex:none;border-radius:14px!important;background:var(--sf2)!important;color:var(--tx2)!important;border:1px solid var(--line)!important;box-shadow:none!important;text-decoration:none;transition:all .25s}
.x9ghost:hover{color:var(--ac)!important;border-color:var(--ac)!important}.x9ghost.w{width:auto;padding:0 18px;font-weight:700}
.x9dots{display:flex;justify-content:center;gap:8px;margin-top:4px}
.x9dots button{width:30px!important;height:20px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;display:grid;place-items:center}
.x9dots button i{display:block;width:8px;height:8px;border-radius:99px;background:var(--line2,#cbd5e1);transition:all .4s var(--x9ease)}
.x9dots button.on i{width:28px;background:var(--x9gold)}

/* ---------- доверие ---------- */
.x9trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:30px 0 0}
.x9t{position:relative;padding:20px;border-radius:22px;background:var(--sf);border:1px solid var(--line);overflow:hidden;transition:transform .35s var(--x9ease),border-color .3s}
.x9t:before{content:"";position:absolute;inset:0;background:radial-gradient(240px circle at var(--mx,-200px) var(--my,-200px),color-mix(in srgb,var(--ac) 14%,transparent),transparent 60%);pointer-events:none}
.x9t:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ac) 40%,var(--line))}
.x9t span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:color-mix(in srgb,var(--ac) 12%,transparent);color:var(--ac);margin-bottom:12px}.x9t span .i{width:21px;height:21px}
.x9t b{display:block;font-size:15.5px;margin-bottom:4px}.x9t p{margin:0;font-size:13.5px;line-height:1.5;color:var(--mt)}

/* ---------- темы ---------- */
.x9cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.x9cat{position:relative;display:grid!important;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-align:left;padding:16px!important;height:auto!important;border-radius:20px!important;background:var(--sf)!important;color:var(--tx)!important;border:1px solid var(--line)!important;box-shadow:none!important;overflow:hidden;isolation:isolate;transition:transform .35s var(--x9ease),border-color .3s,box-shadow .35s!important}
.x9cat:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(200px circle at var(--mx,-200px) var(--my,-200px),hsl(var(--h) 85% 60% / .18),transparent 65%)}
.x9cat:hover{transform:translateY(-4px);border-color:hsl(var(--h) 70% 60% / .7)!important;box-shadow:0 20px 40px -26px hsl(var(--h) 70% 40%)!important}
.x9cat-i{grid-row:1/3;display:grid;place-items:center;width:46px;height:46px;border-radius:15px;font-weight:800;color:#fff;background:linear-gradient(135deg,hsl(var(--h) 85% 58%),hsl(calc(var(--h) + 40) 80% 50%));box-shadow:0 10px 20px -10px hsl(var(--h) 80% 45%);transition:transform .4s var(--x9ease)}.x9cat-i .i{width:22px;height:22px}
.x9cat:hover .x9cat-i{transform:rotate(-8deg) scale(1.08)}
.x9cat b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x9cat i{grid-column:2;font-style:normal;font-size:12.5px;color:var(--mt)}
.x9cat-a{grid-row:1/3;grid-column:3;color:var(--mt);font-size:18px;transition:transform .3s,color .3s}.x9cat:hover .x9cat-a{transform:translateX(4px);color:hsl(var(--h) 70% 50%)}

/* ---------- пара блоков ---------- */
.x9duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:48px 0 0}
.x9box{padding:20px;border-radius:24px;background:var(--sf);border:1px solid var(--line)}
.x9cta{position:relative;padding:30px;border-radius:24px;color:#eef3ff;background:#0a1022;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.08)}
.x9cta-g{position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 80% at 100% 0%,rgba(124,92,255,.55),transparent 70%),radial-gradient(60% 80% at 0% 100%,rgba(42,171,238,.45),transparent 70%);animation:x9aur 10s ease-in-out infinite alternate}
.x9cta .x9kick{color:#9cc2ff}.x9cta h3{font-family:var(--fd,inherit);font-size:clamp(22px,2.4vw,30px);letter-spacing:-.03em;line-height:1.15;margin:8px 0 10px;color:#fff}
.x9cta p{color:#b3c0dc;margin:0 0 20px;line-height:1.55}.x9cta-b{display:flex;gap:10px;flex-wrap:wrap}.x9cta-b .x9go{flex:0 1 auto}
.x9cta .x9ghost{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important;height:46px}

/* ---------- карточки каталога на главной ---------- */
.x9home .h8c{position:relative;isolation:isolate;transition:transform .35s var(--x9ease),box-shadow .35s,border-color .3s}
.x9home .h8c:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:radial-gradient(260px circle at var(--mx,-300px) var(--my,-300px),color-mix(in srgb,var(--ac) 12%,transparent),transparent 60%);pointer-events:none}
.x9home .h8c:hover{transform:translateY(-4px);box-shadow:0 24px 44px -28px rgba(30,60,140,.55)}
.x9cat-sec{margin-top:56px}.x9cat-sec .h8sh h2{font-family:var(--fd,inherit);font-size:clamp(24px,3vw,34px);letter-spacing:-.03em}

/* ---------- адаптив ---------- */
@media(max-width:1080px){.x9track{grid-auto-columns:calc((100% - 18px)/2.2)}.x9trust{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.x9h-in{grid-template-columns:minmax(0,1fr);padding:40px 28px 30px}.x9float{display:none}.x9duo{grid-template-columns:1fr}}
@media(max-width:640px){
  .x9h{border-radius:24px;margin-top:10px}.x9h-in{padding:28px 18px 20px;gap:22px}.x9h1{font-size:34px}.x9lead{font-size:15.5px;margin-bottom:20px}
  .x9srch input{height:54px!important}.x9srch kbd{display:none}.x9quick span{width:100%}
  .x9stats{gap:8px;margin-top:22px}.x9stats div{padding:11px 10px}.x9stats b{font-size:21px}.x9stats span{font-size:11.5px}
  .x9feat{padding:22px 16px 14px;border-radius:26px;margin-top:36px}.x9track{grid-auto-columns:84%;margin:0 -16px;padding:10px 16px 16px;scroll-padding:0 16px}.x9arr{display:none!important}
  .x9sh{flex-wrap:wrap;align-items:flex-start}.x9trust{gap:10px}.x9t{padding:16px}.x9t p{font-size:12.5px}.x9cats{grid-template-columns:1fr 1fr;gap:10px}.x9cat{grid-template-columns:auto 1fr!important;padding:12px!important}.x9cat-i{width:38px;height:38px}.x9cat-a{display:none}
  .x9sec{margin-top:40px}.x9cta{padding:22px}.x9mq-c{height:38px}
}
@media(max-width:380px){.x9cats{grid-template-columns:1fr}.x9trust{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.x9r{animation:none!important}.x9rv{opacity:1;transform:none;transition:none}.x9h-bg i,.x9h-beam,.x9srch,.x9rot b,.x9mq-t,.x9feat:before,.x9feat-aur,.x9fc-img,.x9fc-sh:after,.x9ring,.x9go:after,.x9fl,.x9cta-g,.x9dot:after{animation:none!important}}

/* =====================================================================
   Аналитика (админка)
   ===================================================================== */
.an{display:flex;flex-direction:column;gap:14px}
.an .panel{margin:0}
.an-top{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap}.an-top h2{margin:0 0 4px;font-size:28px;letter-spacing:-.03em;font-family:var(--fd,inherit)}.an-top p{margin:0;max-width:560px}
.an-seg{display:inline-flex;padding:4px;border-radius:14px;background:var(--sf2);border:1px solid var(--line)}
.an-seg button{height:34px;padding:0 14px;border-radius:10px!important;background:transparent!important;color:var(--tx2)!important;border:0!important;box-shadow:none!important;font-weight:600;font-size:13.5px}
.an-seg button.on{background:var(--sf)!important;color:var(--tx)!important;box-shadow:0 2px 8px -3px rgba(0,0,0,.25)!important}
.an-note{padding:12px 16px;border-radius:14px;background:color-mix(in srgb,var(--ac) 8%,var(--sf));border:1px solid color-mix(in srgb,var(--ac) 25%,var(--line));font-size:14px;line-height:1.5}
.an-live-card{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:20px;color:#eef3ff;background:linear-gradient(120deg,#0a1630,#14204a 60%,#2a1a5a);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px -26px rgba(20,40,120,.7)}
.an-live-card>div:nth-child(2){flex:1;display:flex;flex-direction:column}.an-live-card span{color:#a9b8da;font-size:13.5px}
.an-live-card .g{background:rgba(255,255,255,.1)!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important}
.an-pulse{position:relative;width:58px;height:58px;display:grid;place-items:center;flex:none}.an-pulse b{position:relative;font-size:22px;font-weight:800;color:#fff}
.an-pulse i{position:absolute;inset:0;border-radius:50%;background:rgba(52,211,153,.25);animation:x9ping 2s ease-out infinite}.an-pulse i+i{inset:8px;background:rgba(52,211,153,.35);animation-delay:.6s}
.an-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.an-k{position:relative;display:flex;flex-direction:column;gap:2px;padding:16px 16px 14px;border-radius:18px;background:var(--sf);border:1px solid var(--line);overflow:hidden;min-height:106px}
.an-k:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c)}
.an-k>span{font-size:13px;color:var(--mt);font-weight:600}.an-k>b{font-size:26px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-family:var(--fd,inherit)}.an-k>b small{font-size:13px;color:var(--mt);font-weight:600}
.an-d{font-style:normal;font-size:12.5px;font-weight:700;color:var(--mt)}.an-d.up{color:#16a34a}.an-d.dn{color:#e11d48}
.an-sp{position:absolute;right:10px;bottom:10px;width:46%;height:34px;opacity:.9}
.an-p h3{margin:0 0 14px;font-size:16px}.an-ph{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.an-ph h3{margin:0}
.an-lg{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--tx2)}.an-lg span{display:inline-flex;gap:6px;align-items:center}.an-lg i{width:10px;height:10px;border-radius:3px}.an-lg i.ds{height:3px}
.an-chw{position:relative}
.an-ch{width:100%;height:auto;display:block;overflow:visible}
.an-gl{stroke:var(--line);stroke-width:1}.an-tx{fill:var(--mt);font-size:11px;font-family:inherit}
.an-ln{stroke-dasharray:1;stroke-dashoffset:1;animation:anDraw 1.4s var(--x9ease) forwards}@keyframes anDraw{to{stroke-dashoffset:0}}
.an-pt{opacity:0;animation:anFade .4s 1s forwards}@keyframes anFade{to{opacity:1}}
.an-cur{stroke:var(--mt);stroke-dasharray:3 3;transition:opacity .2s}
.an-tip{position:absolute;top:8px;min-width:180px;padding:10px 12px;border-radius:12px;background:var(--sf);border:1px solid var(--line);box-shadow:var(--shl,0 10px 30px -10px rgba(0,0,0,.35));font-size:13px;display:flex;flex-direction:column;gap:3px;pointer-events:none;z-index:3}
.an-tip span{display:flex;gap:6px;align-items:center;color:var(--tx2)}.an-tip i{width:8px;height:8px;border-radius:50%}
.an-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.an-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.an-bars{display:flex;flex-direction:column;gap:9px}
.an-b{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center}
.an-bn{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.an-bn i{width:9px;height:9px;border-radius:3px;flex:none}
.an-bv{display:flex;gap:8px;align-items:baseline;font-variant-numeric:tabular-nums}.an-bv b{font-size:14px}.an-bv em{font-style:normal;font-size:12px;color:var(--mt);min-width:34px;text-align:right}
.an-bt{grid-column:1/-1;height:6px;border-radius:99px;background:var(--sf2);overflow:hidden}
.an-bt u{display:block;height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 70%,#fff),var(--c));transform-origin:left;animation:anGrow .9s var(--x9ease) both;animation-delay:var(--d)}
@keyframes anGrow{from{transform:scaleX(0)}}
.an-more{margin-top:12px}.an-more summary{cursor:pointer;font-size:13px;color:var(--ac);font-weight:600;margin-bottom:10px}
.an-h4{margin:18px 0 10px;font-size:13px;color:var(--mt);text-transform:uppercase;letter-spacing:.08em}
.an-dn{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.an-dr{position:relative;width:140px;height:140px;border-radius:50%;flex:none;animation:anSpin 1s var(--x9ease) both}@keyframes anSpin{from{transform:rotate(-90deg) scale(.8);opacity:0}}
.an-dr span{position:absolute;inset:22px;border-radius:50%;background:var(--sf);display:flex;flex-direction:column;align-items:center;justify-content:center}.an-dr b{font-size:22px;font-weight:800}.an-dr i{font-style:normal;font-size:11.5px;color:var(--mt)}
.an-dl{flex:1;display:flex;flex-direction:column;gap:10px;min-width:150px}.an-dl div{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;font-size:14px}.an-dl i{width:10px;height:10px;border-radius:3px}.an-dl em{font-style:normal;color:var(--mt);font-size:12.5px}
.an-st{display:flex;gap:4px;height:46px;margin-bottom:16px;border-radius:12px;overflow:hidden}
.an-st span{display:flex;flex-direction:column;justify-content:center;padding:0 10px;min-width:56px;background:var(--c);color:#fff;font-size:12px;white-space:nowrap;overflow:hidden}.an-st b{font-size:12.5px}.an-st em{font-style:normal;opacity:.9}
.an-sub{margin:-8px 0 12px}
.an-hm{display:grid;grid-template-columns:28px repeat(24,minmax(0,1fr));gap:3px;font-size:10.5px;color:var(--mt)}
.an-hm i{aspect-ratio:1;border-radius:4px;background:color-mix(in srgb,#2aabee calc(var(--a)*100%),var(--sf2));transition:transform .15s}.an-hm i:hover{transform:scale(1.35);outline:2px solid var(--sf);z-index:1}
.an-hh{text-align:center}.an-hd{display:flex;align-items:center}
.an-tb{display:flex;flex-direction:column}
.an-tr{display:grid;grid-template-columns:minmax(0,1fr) 78px 60px 74px;gap:8px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--line);font-size:13.5px;font-variant-numeric:tabular-nums}
.an-tr>span:not(:first-child){text-align:right}.an-th{font-size:12px;color:var(--mt);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.an-pg{display:flex;flex-direction:column;min-width:0}.an-pg b,.an-pg i{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.an-pg i{font-style:normal;font-size:12px;color:var(--mt)}
.an-tc{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:12px;text-decoration:none;color:inherit}.an-tc:hover{background:var(--sf2)}
.an-tn{width:22px;text-align:center;font-weight:800;color:var(--mt)}.an-tt{flex:1;min-width:0;display:flex;flex-direction:column}.an-tt b,.an-tt i{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.an-tt i{font-style:normal;font-size:12.5px;color:var(--mt)}
.an-biz{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.an-biz div{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:14px;background:var(--sf2);overflow:hidden;min-height:96px}.an-biz span{font-size:12.5px;color:var(--mt);font-weight:600}.an-biz b{font-size:22px;font-weight:800;letter-spacing:-.02em}
.an-feed{display:flex;flex-direction:column;max-height:430px;overflow:auto}
.an-fr{display:grid;grid-template-columns:62px 22px minmax(0,1fr) minmax(0,.8fr);gap:8px;align-items:center;padding:8px 2px;border-bottom:1px solid var(--line);font-size:13px;animation:anFade .4s both}
.an-ft{color:var(--mt);font-size:12px}.an-fb{display:flex;flex-direction:column;min-width:0}.an-fb b,.an-fb i{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.an-fb i{font-style:normal;font-size:12px;color:var(--mt)}
.an-fp{color:var(--tx2);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.an-new{font-style:normal;color:#16a34a;font-weight:700}
.an-live{display:inline-flex;align-items:center;gap:7px;font-weight:700}.an-live i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:anBl 1.6s infinite}.an-live.sm{font-size:12px;color:var(--mt);font-weight:600}
@keyframes anBl{70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.an-empty{padding:16px 0}.an-foot{text-align:center;font-size:12px}
.an-mini{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 14px;padding:14px 18px;border-radius:18px;text-decoration:none;color:#eef3ff;background:linear-gradient(120deg,#0a1630,#14204a 60%,#2a1a5a);font-size:14px;box-shadow:0 16px 30px -22px rgba(20,40,120,.7)}
.an-mini b{color:#fff}.an-mini em{margin-left:auto;font-style:normal;font-weight:700;color:#9cc2ff}
@media(max-width:1100px){.an-g3{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.an-kpis{grid-template-columns:1fr 1fr}.an-g3,.an-g2{grid-template-columns:1fr}}
@media(max-width:520px){.an-k>b{font-size:21px}.an-sp{width:38%}.an-tr{grid-template-columns:minmax(0,1fr) 60px 44px;}.an-tr>span:nth-child(4){display:none}.an-fr{grid-template-columns:52px 20px minmax(0,1fr)}.an-fp{display:none}.an-biz{grid-template-columns:1fr}.an-hm{gap:2px;grid-template-columns:22px repeat(24,minmax(0,1fr))}.an-live-card{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.an-ln,.an-pt,.an-bt u,.an-dr,.an-fr,.an-pulse i,.an-live i{animation:none!important;stroke-dashoffset:0;opacity:1}}
.an-tip[hidden]{display:none}

/* ---------- закреплённые темы на главной ---------- */
.x9quick button.pin{border-color:rgba(255,211,110,.55)!important;color:#ffe4a3!important;background:rgba(245,179,53,.12)!important}
.x9pinsec{position:relative;margin:40px 0 0;padding:26px 26px 22px;border-radius:28px;background:linear-gradient(180deg,hsl(var(--h) 85% 55% / .09),transparent 70%),var(--sf);border:1px solid hsl(var(--h) 70% 55% / .35);isolation:isolate;overflow:hidden}
.x9pinsec:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--x9gold)}
.x9pinsec:after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:hsl(var(--h) 85% 60% / .14);filter:blur(30px);z-index:-1;animation:x9aur 9s ease-in-out infinite alternate}
.x9pinsec .x9sh h2{display:flex;align-items:center;gap:12px}
.x9pk{background:var(--x9gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.x9pin-i{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:13px;color:#fff;font-size:18px;background:linear-gradient(135deg,hsl(var(--h) 85% 58%),hsl(calc(var(--h) + 40) 80% 50%));box-shadow:0 10px 20px -10px hsl(var(--h) 80% 45%)}.x9pin-i .i{width:20px;height:20px}
.x9pinsec .x9ghost.w{height:42px}
.x9cat.pinned{border-color:rgba(245,179,53,.6)!important;background:linear-gradient(160deg,rgba(245,179,53,.1),transparent 60%),var(--sf)!important}
.x9cat-p{position:absolute;top:6px;right:8px;font-style:normal;font-size:12px}
@media(max-width:640px){.x9pinsec{padding:20px 16px 16px;border-radius:22px;margin-top:30px}.x9pinsec .x9sh h2{font-size:22px}.x9pin-i{width:34px;height:34px}}
/* окно продвижения */
.x9off{opacity:.5;filter:grayscale(.6);cursor:not-allowed!important}
.x9pmn{margin:8px 0 0;padding:9px 12px;border-radius:12px;font-size:13px;line-height:1.45;background:color-mix(in srgb,#f5b335 12%,var(--sf));border:1px solid color-mix(in srgb,#f5b335 35%,var(--line));color:var(--tx2)}
/* админка: темы на главной */
.hc-q{width:100%;margin:6px 0 10px}
.hc-l{display:flex;flex-direction:column;max-height:560px;overflow:auto;border:1px solid var(--line);border-radius:14px}
.hc-h,.hc-r{display:grid;grid-template-columns:minmax(0,1.4fr) 150px 190px minmax(0,1fr);gap:10px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--line)}
.hc-h{position:sticky;top:0;z-index:1;background:var(--sf2);font-size:12px;font-weight:700;color:var(--mt);text-transform:uppercase;letter-spacing:.05em}
.hc-r.on{background:color-mix(in srgb,#f5b335 9%,var(--sf))}.hc-r.lim select{border-color:#f59e0b;color:#b45309;font-weight:600}
.hc-n{display:flex;flex-direction:column;min-width:0}.hc-n b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc-n i{font-style:normal;font-size:12px;color:var(--mt)}
.hc-pin{display:flex;gap:6px;align-items:center}.hc-pin .s{width:30px;height:30px;padding:0}
.hc-r:not(.on) .hc-pin .s{visibility:hidden}
.hc-sw{position:relative;display:inline-block;width:42px;height:24px;flex:none;cursor:pointer}.hc-sw input{position:absolute;opacity:0}
.hc-sw i{position:absolute;inset:0;border-radius:99px;background:var(--line2,#cbd5e1);transition:background .2s}.hc-sw i:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s}
.hc-sw input:checked+i{background:#f5a623}.hc-sw input:checked+i:after{transform:translateX(18px)}
.hc-r select{width:100%}.hc-u{font-size:12.5px}
@media(max-width:700px){.hc-h{display:none}.hc-r{grid-template-columns:1fr auto;row-gap:8px}.hc-r>span:nth-child(3){grid-column:1/-1}.hc-u{grid-column:1/-1}}

.ft-l{display:flex;flex-direction:column;gap:6px}.ft-r{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--sf2)}
.ft-t{flex:1;min-width:0;display:flex;flex-direction:column}.ft-t b,.ft-t i{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ft-t i{font-style:normal;font-size:12.5px;color:var(--mt)}
#catalog{scroll-margin-top:80px}
.x9flash #gt{animation:x9flash 1.4s var(--x9ease)}
@keyframes x9flash{0%{color:var(--ac);transform:translateX(0)}20%{transform:translateX(6px)}40%{transform:none}100%{color:inherit}}

/* =====================================================================
   v4 — единый дизайн всего сайта (шапка, подвал, окна, разделы, кабинет, админка, серверные страницы)
   ===================================================================== */
body{background:radial-gradient(1200px 600px at 100% -10%,color-mix(in srgb,#7c5cff 7%,transparent),transparent 60%),radial-gradient(900px 500px at -10% 0%,color-mix(in srgb,var(--ac) 8%,transparent),transparent 60%),var(--bg);background-attachment:fixed}
::selection{background:color-mix(in srgb,var(--ac) 30%,transparent)}
/* ---------- шапка ---------- */
.hdr{background:color-mix(in srgb,var(--bg) 72%,transparent)!important;backdrop-filter:saturate(1.6) blur(18px)!important;border-bottom:1px solid color-mix(in srgb,var(--tx) 7%,transparent)!important}
.hdr:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ac) 55%,transparent),color-mix(in srgb,#7c5cff 55%,transparent),transparent);opacity:.7;pointer-events:none}
.hdr:not(.ssr) .hd{height:68px!important}
.lg{font-family:var(--fd,Manrope,inherit);font-weight:800;letter-spacing:-.03em;font-size:19px;text-decoration:none;display:inline-flex;align-items:center;gap:10px}
.lg .mk{display:grid!important;place-items:center;width:38px;height:38px;border-radius:12px!important;color:#fff!important;background:linear-gradient(135deg,#5ad1ff,#2f6bff 55%,#7c5cff)!important;box-shadow:0 8px 20px -8px rgba(60,110,255,.75),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .4s var(--x9ease)}
.lg:hover .mk{transform:rotate(-10deg) scale(1.06)}
.nv{gap:4px!important}
.nv a{position:relative;font-weight:600!important;font-size:14.5px;color:var(--tx2)!important;padding:8px 14px!important;border-radius:999px!important;text-decoration:none}
.nv a:hover{background:color-mix(in srgb,var(--tx) 6%,transparent)!important;color:var(--tx)!important}
.nv a.on{background:color-mix(in srgb,var(--ac) 13%,transparent)!important;color:var(--ac)!important}
.nv a.on:after{content:"";position:absolute;left:50%;bottom:2px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:currentColor}
.hdr .ib{border-radius:12px!important;transition:background .2s,transform .2s}.hdr .ib:hover{transform:translateY(-1px)}
.hdr #add{border-radius:999px!important;background:linear-gradient(135deg,#2aabee,#2f6bff 60%,#7c5cff)!important;color:#fff!important;border:0!important;box-shadow:0 10px 22px -10px rgba(60,100,255,.85)!important;font-weight:700}
.hdr #add:hover{filter:brightness(1.08);transform:translateY(-1px)}
.acc{border-radius:999px!important}.acc .as{background:linear-gradient(135deg,#5ad1ff,#7c5cff)!important;color:#fff!important}
.mnav{backdrop-filter:blur(18px)}
/* ---------- подвал ---------- */
.ftr{position:relative;margin-top:80px!important;background:#070b18!important;color:#c5d0e6;border-top:0!important;overflow:hidden;isolation:isolate}
.ftr:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#5ad1ff,#7c5cff,#ffd36e,transparent)}
.ftr:after{content:"";position:absolute;width:520px;height:520px;right:-160px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.35),transparent 65%);z-index:-1}
.ftr h4{color:#fff!important;font-size:13px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px}
.ftr a{color:#9fb0d4!important;text-decoration:none;transition:color .2s}.ftr a:hover{color:#fff!important}
.ftr p{color:#8796b8}.ftr .lg{color:#fff}
.ftr .fb{border-top:1px solid rgba(255,255,255,.08)!important;color:#6f7f9f}
/* ---------- кнопки и поля ---------- */
button:not(.g):not(.ib):not(.tab):not(.tt):not(.pay):not(.svc):not(.pmd):not(.tpa):not(.fzf):not(.mi):not(.ct):not(.hb):not([data-a=cattile]):not(.r),a.btn:not(.g){border-radius:12px;transition:transform .2s,box-shadow .25s,filter .2s}
button:not(.g):not(.ib):not(.tab):not(.tt):not(.pay):not(.svc):not(.pmd):not(.tpa):not(.fzf):not(.mi):not(.ct):not(.hb):not([data-a=cattile]):not(.r):not(:disabled):hover,a.btn:not(.g):hover{transform:translateY(-1px);filter:brightness(1.06)}
button.g,a.btn.g{border-radius:12px;transition:border-color .2s,color .2s,background .2s}
button.g:hover,a.btn.g:hover{border-color:var(--ac)!important;color:var(--ac)!important}
input:focus,select:focus,textarea:focus{border-color:var(--ac)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--ac) 16%,transparent)!important}
input,select,textarea{border-radius:12px!important}
.tab{transition:all .2s var(--x9ease)}.tab:hover{border-color:var(--ac)}
.tab.on{background:linear-gradient(135deg,#2aabee,#2f6bff)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 8px 18px -10px rgba(47,107,255,.8)}
/* ---------- окна и уведомления ---------- */
.md{background:rgba(4,7,16,.6)!important;backdrop-filter:blur(10px) saturate(1.2)!important}
.md .box{border-radius:24px!important;border:1px solid color-mix(in srgb,var(--tx) 10%,transparent)!important;box-shadow:0 40px 90px -30px rgba(0,0,0,.6)!important;animation:v4pop .35s var(--x9ease) both}
@keyframes v4pop{from{opacity:0;transform:translateY(16px) scale(.97)}}
.box h2{font-family:var(--fd,Manrope,inherit);font-weight:800;letter-spacing:-.03em}
.toast{border-radius:14px!important;padding:13px 20px!important;font-weight:600;box-shadow:0 20px 40px -14px rgba(0,0,0,.5)!important;background:#0d1426!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)}
/* нижнее меню на телефоне */
#bnv{background:color-mix(in srgb,var(--sf) 82%,transparent)!important;backdrop-filter:blur(18px) saturate(1.5)!important;border-top:1px solid var(--line)!important}
#bnv .on{color:var(--ac)!important}
#bnv .bad{background:linear-gradient(135deg,#2aabee,#2f6bff 60%,#7c5cff)!important;color:#fff!important;box-shadow:0 10px 22px -8px rgba(60,100,255,.8)!important}
/* ---------- карточки каталога (все разделы и серверные страницы) ---------- */
.cd{border-radius:20px!important;isolation:isolate;transition:transform .35s var(--x9ease),box-shadow .35s,border-color .3s!important}
.cd:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:radial-gradient(260px circle at var(--mx,-300px) var(--my,-300px),color-mix(in srgb,var(--ac) 12%,transparent),transparent 60%);pointer-events:none}
.cd:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ac) 35%,var(--line))!important;box-shadow:0 24px 44px -28px rgba(30,60,140,.55)!important}
.cd .av{border-radius:14px!important}
.cd .go{border-radius:11px!important;background:linear-gradient(135deg,#2aabee,#2f6bff)!important;color:#fff!important;font-weight:700;box-shadow:0 8px 18px -10px rgba(47,107,255,.8)}
.cd .tg{border-radius:999px!important}
.grid .cd,.grid.ssr .cd{animation:v4up .6s var(--x9ease) both}
.grid .cd:nth-child(2){animation-delay:.05s}.grid .cd:nth-child(3){animation-delay:.1s}.grid .cd:nth-child(4){animation-delay:.15s}.grid .cd:nth-child(5){animation-delay:.2s}.grid .cd:nth-child(6){animation-delay:.25s}.grid .cd:nth-child(n+7){animation-delay:.3s}
@keyframes v4up{from{opacity:0;transform:translateY(16px)}}
/* ---------- рейтинги (Топ, Новые, Авторы) ---------- */
.rkl{display:flex;flex-direction:column;gap:8px}
.rkr{position:relative;border-radius:18px!important;background:var(--sf)!important;border:1px solid var(--line)!important;padding:12px 16px!important;transition:transform .3s var(--x9ease),box-shadow .3s,border-color .3s;animation:v4up .5s var(--x9ease) both;isolation:isolate;overflow:hidden}
.rkr:hover{transform:translateX(4px);border-color:color-mix(in srgb,var(--ac) 35%,var(--line))!important;box-shadow:0 16px 30px -22px rgba(30,60,140,.6)}
.rkr:nth-child(-n+10){animation-delay:calc(var(--i,0) * 1ms)}
.rkr .pos{width:34px!important;height:34px;display:grid!important;place-items:center;border-radius:11px;background:var(--sf2);font-weight:800;color:var(--mt)}
.rkr:nth-child(1) .pos.t{background:var(--x9gold);color:#3b2400;box-shadow:0 6px 16px -6px rgba(245,179,53,.9)}
.rkr:nth-child(2) .pos.t{background:linear-gradient(135deg,#f1f5f9,#94a3b8);color:#1e293b}
.rkr:nth-child(3) .pos.t{background:linear-gradient(135deg,#f6c39b,#b8703f);color:#3b1d06}
.rkr:nth-child(1){border-color:rgba(245,179,53,.5)!important;background:linear-gradient(100deg,rgba(245,179,53,.1),transparent 40%),var(--sf)!important}
.rkr .go{border-radius:11px!important;background:linear-gradient(135deg,#2aabee,#2f6bff)!important;color:#fff!important;font-weight:700}
.rkr .av{border-radius:12px!important}
/* ---------- плитки (Категории, Подборки) ---------- */
.tiles{gap:12px!important}
.tile{position:relative;border-radius:20px!important;padding:16px!important;background:var(--sf)!important;border:1px solid var(--line)!important;box-shadow:none!important;overflow:hidden;isolation:isolate;transition:transform .35s var(--x9ease),border-color .3s,box-shadow .35s!important;animation:v4up .5s var(--x9ease) both}
.tile:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(220px circle at var(--mx,-200px) var(--my,-200px),color-mix(in srgb,var(--ac) 16%,transparent),transparent 65%)}
.tile:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ac) 45%,var(--line))!important;box-shadow:0 20px 40px -26px rgba(30,60,140,.6)!important}
.tile .ti{width:46px!important;height:46px!important;border-radius:15px!important;display:grid!important;place-items:center;color:#fff!important;background:linear-gradient(135deg,hsl(var(--h,200) 85% 58%),hsl(calc(var(--h,200) + 40) 80% 50%))!important;box-shadow:0 10px 20px -10px hsl(var(--h,200) 80% 45%);transition:transform .4s var(--x9ease);font-size:22px}
.tile:hover .ti{transform:rotate(-8deg) scale(1.08)}
.tile b{font-size:15.5px}
/* ---------- шапка разделов (Топ, Новые, Категории, Подборки, Авторы) ---------- */
.v4h{position:relative;margin:22px 0 22px;padding:38px 36px 34px;border-radius:28px;overflow:hidden;isolation:isolate;color:#eef3ff;background:#070b18;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px -36px rgba(20,40,120,.6)}
.v4h:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 90% at 0% 0%,hsl(var(--v4h,210) 90% 55% / .55),transparent 70%),radial-gradient(45% 90% at 100% 100%,rgba(124,92,255,.5),transparent 70%);animation:x9aur 12s ease-in-out infinite alternate}
.v4h:after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 75%);mask-image:linear-gradient(90deg,#000,transparent 75%)}
.v4h .x9kick{color:#9cc2ff}
.v4h h1{font-family:var(--fd,Manrope,inherit);font-size:clamp(28px,4.2vw,46px);line-height:1.05;letter-spacing:-.035em;font-weight:800;margin:8px 0 10px;color:#fff;animation:x9in .7s var(--x9ease) both}
.v4h p{margin:0;max-width:620px;color:#aab8d6;font-size:16.5px;line-height:1.55}
.v4h-ic{position:absolute;right:28px;top:50%;transform:translateY(-50%);width:110px;height:110px;border-radius:32px;display:grid;place-items:center;font-size:52px;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);animation:x9float 7s ease-in-out infinite}
.v4h-ic .i{width:52px;height:52px}
.v4h-st{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.v4h-st span{padding:7px 13px;border-radius:999px;font-size:13px;font-weight:600;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#dbe6ff}
@media(max-width:700px){.v4h{padding:26px 20px 22px;border-radius:22px;margin-top:12px}.v4h-ic{display:none}.v4h p{font-size:15px}}
/* ---------- кабинет и админка ---------- */
.side,.anav{border-radius:20px!important;background:color-mix(in srgb,var(--sf) 92%,transparent)!important;backdrop-filter:blur(10px);border:1px solid var(--line)!important;padding:8px!important}
.side .tab.on,.anav .on{background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 16%,var(--sf)),color-mix(in srgb,#7c5cff 10%,var(--sf)))!important;color:var(--ac)!important;border-color:transparent!important;box-shadow:inset 3px 0 0 var(--ac)!important}
.panel{border-radius:20px!important;transition:box-shadow .3s}
.lay>section>.panel,.amain .panel{animation:v4up .45s var(--x9ease) both}
.ntf{border-radius:14px;transition:background .2s}.ntf.new{background:color-mix(in srgb,var(--ac) 7%,var(--sf))}
.empty{border:1px dashed var(--line2);border-radius:20px;background:color-mix(in srgb,var(--sf) 60%,transparent)}
/* ---------- серверные страницы: тема, подборка, автор, канал ---------- */
.page .crumbs{font-size:13px}.page .crumbs a:hover{color:var(--ac)}
.page .back{padding:7px 14px;border-radius:999px;background:var(--sf);border:1px solid var(--line);font-weight:600;transition:border-color .2s,color .2s}.page .back:hover{border-color:var(--ac);color:var(--ac)}
.page .ch7{position:relative;padding:34px 32px;border-radius:28px;color:#eef3ff;background:#070b18;border:1px solid rgba(255,255,255,.08);overflow:hidden;isolation:isolate;align-items:flex-start;box-shadow:0 30px 60px -36px rgba(20,40,120,.6)}
.page .ch7:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 90% at 0% 0%,rgba(42,140,255,.5),transparent 70%),radial-gradient(45% 90% at 100% 100%,rgba(124,92,255,.5),transparent 70%);animation:x9aur 12s ease-in-out infinite alternate}
.page .ch7 h1{color:#fff;letter-spacing:-.035em}
.page .ch7 .chi{background:linear-gradient(135deg,#5ad1ff,#2f6bff 55%,#7c5cff)!important;box-shadow:0 14px 30px -12px rgba(60,110,255,.8);animation:x9float 7s ease-in-out infinite}
.page .ch7 .chd{color:#b3c0dc!important}
.page .ch7 .chp{background:rgba(255,255,255,.1)!important;color:#dbe6ff!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:999px}
.page .ch7 .cht span{color:#8fa0c4}.page .ch7 .chl{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px;text-decoration:none;transition:background .2s}.page .ch7 .chl:hover{background:rgba(255,255,255,.18)!important}
.page .chn{color:var(--mt)}
.page h1{font-family:var(--fd,Manrope,inherit);letter-spacing:-.03em}
.pager{padding:10px;border-radius:16px;background:var(--sf);border:1px solid var(--line)}.pager a{padding:8px 14px;border-radius:12px;background:color-mix(in srgb,var(--ac) 10%,transparent);font-weight:700}
.cd8-hero{animation:v4up .6s var(--x9ease) both}
.cd8-go{position:relative;overflow:hidden;background:linear-gradient(135deg,#2aabee,#2f6bff 60%,#7c5cff)!important;box-shadow:0 14px 28px -12px rgba(60,100,255,.85)!important}
.cd8-go:after{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);animation:x9shine 4s ease-in-out infinite}
.cd8-av{animation:x9float 8s ease-in-out infinite}
.cd8-t{transition:transform .3s var(--x9ease)}.cd8-t:hover{transform:translateY(-3px)}
.prose{animation:v4up .5s var(--x9ease) both}
.prose h1{font-family:var(--fd,Manrope,inherit);font-size:clamp(28px,4vw,42px);letter-spacing:-.035em;background:linear-gradient(120deg,var(--tx),color-mix(in srgb,var(--ac) 70%,var(--tx)));-webkit-background-clip:text;background-clip:text;color:transparent}
.prose h2{font-family:var(--fd,Manrope,inherit);letter-spacing:-.02em}
.prose a{color:var(--ac)}
@media(prefers-reduced-motion:reduce){.md .box,.grid .cd,.rkr,.tile,.v4h:before,.v4h h1,.v4h-ic,.lay>section>.panel,.amain .panel,.page .ch7:before,.page .ch7 .chi,.cd8-hero,.cd8-go:after,.cd8-av,.prose{animation:none!important}}

.x9cat,.x9mq-c{text-decoration:none!important}.x9cat{cursor:pointer}
/* серверные страницы: плитки тем и шапка */
.page .v4h{margin-top:6px}.page .v4h h1{font-size:clamp(28px,4.2vw,44px)}
.tile .ti{font-weight:800;font-size:20px}
.tile{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}.tile>div{display:flex;flex-direction:column;min-width:0}.tile>div span{font-size:13px;color:var(--mt)}
.page h2{font-family:var(--fd,Manrope,inherit);letter-spacing:-.025em}
.page p .tg{display:inline-block;margin:0 6px 8px 0;padding:6px 12px;border-radius:999px;background:var(--sf);border:1px solid var(--line);text-decoration:none;font-weight:600;font-size:13.5px;transition:all .2s}.page p .tg:hover{border-color:var(--ac);color:var(--ac);transform:translateY(-1px)}

/* ===== v5: доработка главной и выравнивание ===== */
/* шапка: не тесниться на ноутбуках */
@media(max-width:1440px){.nv a{padding:8px 10px!important;font-size:14px}.hdr .acc .hide{display:none}.hdr .acc{padding:0 10px!important}}
@media(max-width:1200px){.nv a{padding:7px 8px!important;font-size:13.5px}.hdr #add span{display:none}}
.hd{gap:8px!important}.nv{min-width:0;overflow:hidden}
/* заголовки секций: кнопка справа всегда прижата */
.x9sh>div:first-child{flex:1;min-width:0}
.x9pinsec .x9sh{align-items:center}
/* бенто тем */
@media(min-width:900px){.x9cats{grid-template-columns:repeat(4,minmax(0,1fr))!important}.x9cat.big{grid-column:span 2;grid-row:span 2;grid-template-columns:1fr auto!important;grid-template-rows:auto 1fr auto!important;align-items:start!important;padding:24px!important;min-height:190px;background:linear-gradient(140deg,hsl(var(--h) 85% 56% / .16),transparent 60%),var(--sf)!important}
  .x9cat.big .x9cat-i{grid-row:1;grid-column:1;width:64px;height:64px;border-radius:20px}.x9cat.big .x9cat-i .i{width:30px;height:30px}
  .x9cat.big b{grid-row:3;grid-column:1/-1;font-size:24px;letter-spacing:-.02em;margin-top:18px}.x9cat.big i{grid-row:4;grid-column:1/-1;font-size:14px}
  .x9cat.big .x9cat-a{grid-row:1;grid-column:2;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--sf);border:1px solid var(--line)}}
/* как это работает */
.x9how{margin:56px 0 0}
.x9how ol{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:s}
.x9how ol:before{content:"";position:absolute;left:12%;right:12%;top:46px;height:2px;background:linear-gradient(90deg,#2aabee,#7c5cff,#ffb84d);opacity:.35;border-radius:2px}
.x9how li{position:relative;padding:24px;border-radius:24px;background:var(--sf);border:1px solid var(--line);text-align:center;transition:transform .35s var(--x9ease),box-shadow .35s}
.x9how li:hover{transform:translateY(-4px);box-shadow:0 24px 44px -30px rgba(30,60,140,.6)}
.x9how-n{position:absolute;top:14px;left:16px;font-family:var(--fd,inherit);font-weight:900;font-size:13px;color:var(--mt)}
.x9how-i{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;margin:0 auto 14px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#2aabee,#2f6bff 55%,#7c5cff);box-shadow:0 0 0 8px var(--sf),0 14px 26px -10px rgba(60,100,255,.7)}.x9how-i .i{width:26px;height:26px}
.x9how li:nth-child(2) .x9how-i{background:linear-gradient(135deg,#7c5cff,#c084fc)}.x9how li:nth-child(3) .x9how-i{background:linear-gradient(135deg,#f5b335,#ff8a3d)}
.x9how b{display:block;font-size:17px;margin-bottom:6px}.x9how p{margin:0;color:var(--mt);font-size:14px;line-height:1.5}
/* финальный призыв */
.x9band{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;align-items:center;margin:56px 0 0;padding:34px 36px;border-radius:30px;color:#eef3ff;background:#070b18;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 70px -40px rgba(30,60,160,.8)}
.x9band-g{position:absolute;inset:0;z-index:-1;background:radial-gradient(45% 120% at 0% 50%,rgba(42,171,238,.5),transparent 70%),radial-gradient(40% 120% at 100% 50%,rgba(124,92,255,.55),transparent 70%),radial-gradient(30% 80% at 60% 120%,rgba(245,179,53,.3),transparent 70%);animation:x9aur 10s ease-in-out infinite alternate}
.x9band-av{display:flex}.x9band-av span{width:56px;height:56px;margin-left:-16px;border-radius:18px;display:grid;place-items:center;font-weight:800;color:#fff;background-size:cover;box-shadow:0 0 0 3px #0b1124,0 10px 22px -8px rgba(0,0,0,.6);animation:x9float 6s ease-in-out infinite;animation-delay:calc(var(--i) * -1.1s)}.x9band-av span:first-child{margin-left:0}
.x9band h2{font-family:var(--fd,inherit);font-size:clamp(22px,2.6vw,32px);letter-spacing:-.03em;margin:6px 0 8px;color:#fff;line-height:1.15}.x9band p{margin:0;color:#aab8d6;line-height:1.55;max-width:560px}.x9band .x9kick{color:#9cc2ff}
.x9band-b{display:flex;flex-direction:column;gap:10px}.x9band .x9go{flex:none;height:50px;padding:0 24px;border:0;cursor:pointer}.x9band .x9ghost{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.2)!important;height:46px;justify-content:center}
/* каталог: стеклянная панель фильтров прилипает при прокрутке */
.x9home .h8bar{position:sticky;top:76px;z-index:5;padding:8px;border-radius:18px;background:color-mix(in srgb,var(--sf) 80%,transparent);backdrop-filter:blur(14px) saturate(1.4);border:1px solid var(--line);box-shadow:0 10px 30px -24px rgba(0,0,0,.5)}
@media(max-width:900px){.x9how ol{grid-template-columns:1fr}.x9how ol:before{display:none}.x9how li{display:grid;grid-template-columns:auto 1fr;column-gap:14px;text-align:left;padding:18px}.x9how-i{grid-row:1/3;margin:0;width:48px;height:48px}.x9how-n{display:none}
  .x9band{grid-template-columns:1fr;gap:18px;padding:26px 22px}.x9band-b{flex-direction:row;flex-wrap:wrap}.x9band .x9go{flex:1}}
@media(max-width:640px){.x9home .h8bar{top:62px}
  .x9home .h8grid{gap:10px}.x9home .h8c{padding:14px!important;gap:8px!important}.x9home .h8c-d{-webkit-line-clamp:2!important;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px}
  .x9home .h8c-tags{display:none!important}}
@media(prefers-reduced-motion:reduce){.x9band-g,.x9band-av span{animation:none!important}}
.x9duo{grid-template-columns:1fr!important}
.x9fresh{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
@media(max-width:760px){.x9fresh{grid-template-columns:1fr}.x9fresh .x9r:nth-child(n+7){display:none}}
/* подборки на главной */
.x9col-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:none}.x9col-row::-webkit-scrollbar{display:none}
.x9col{scroll-snap-align:start;display:flex;flex-direction:column;border-radius:24px;background:var(--sf);border:1px solid var(--line);overflow:hidden;text-decoration:none;color:inherit;transition:transform .35s var(--x9ease),box-shadow .35s,border-color .3s}
.x9col:hover{transform:translateY(-5px);border-color:hsl(var(--h) 70% 60% / .6);box-shadow:0 30px 50px -30px hsl(var(--h) 70% 35% / .8)}
.x9col-cv{position:relative;height:120px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 80% 0%,rgba(255,255,255,.35),transparent 50%),linear-gradient(130deg,hsl(var(--h) 85% 55%),hsl(calc(var(--h) + 60) 80% 50%));overflow:hidden}
.x9col-av{display:flex}.x9col-av i{width:50px;height:50px;margin-left:-14px;border-radius:16px;display:grid;place-items:center;font-style:normal;font-weight:800;color:#fff;background-size:cover;background-position:center;box-shadow:0 0 0 3px rgba(255,255,255,.85),0 10px 20px -8px rgba(0,0,0,.5);transform:rotate(calc((var(--j) - 2) * 5deg));transition:transform .4s var(--x9ease)}.x9col-av i:first-child{margin-left:0}
.x9col:hover .x9col-av i{transform:rotate(0) translateY(-4px)}
.x9col-cv em{position:absolute;right:12px;bottom:10px;font-style:normal;font-size:12px;font-weight:700;color:#fff;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.25);backdrop-filter:blur(6px)}
.x9col-bd{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}.x9col-bd b{font-size:16.5px;letter-spacing:-.01em}
.x9col-bd p{margin:0;font-size:13.5px;line-height:1.5;color:var(--mt);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:3em}
.x9col-f{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:6px;font-size:12.5px;color:var(--mt)}.x9col-f .i{width:14px;height:14px}.x9col-f u{margin-left:auto;text-decoration:none;font-weight:700;color:hsl(var(--h) 70% 45%)}
@media(max-width:1080px){.x9col-row{grid-auto-columns:calc((100% - 32px)/3)}}
@media(max-width:760px){.x9col-row{grid-auto-columns:78%;margin:0 -16px;padding:4px 16px 14px;scroll-padding:0 16px}}
.cd8-rn{display:block;margin-top:4px;font-size:12.5px;font-weight:500;color:var(--mt)}
#revform,.cd8-rv{display:none!important}
.x9pinb{font-style:normal;font-size:11.5px;font-weight:800;padding:3px 8px;border-radius:999px;color:#3b2400;background:var(--x9gold)}
/* «Рекомендуем в теме»: карусель со свайпом */
.cfeat{position:relative;margin:18px 0 24px;padding:22px 0 18px;border-radius:28px;background:radial-gradient(60% 120% at 0% 0%,rgba(245,179,53,.16),transparent 60%),radial-gradient(50% 120% at 100% 100%,rgba(124,92,255,.14),transparent 60%),var(--sf);border:1px solid var(--line);isolation:isolate;overflow:hidden}
.cfeat:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--x9a),#ffd36e,#ff8a3d,#ec4899,#7c5cff,#2aabee,#ffd36e);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:x9spin 8s linear infinite;pointer-events:none}
.cfeat-h{display:flex;align-items:flex-end;gap:12px;padding:0 24px;margin-bottom:14px}.cfeat-h>div:first-child{flex:1;min-width:0}.cfeat-h h2{margin:4px 0 0;font-size:clamp(20px,2.4vw,28px)}
.cfeat .x9kick{display:block;background:var(--x9gold);-webkit-background-clip:text;background-clip:text;color:transparent}.cfeat-ad{font-style:normal;font-size:11px;color:var(--mt);border:1px solid var(--line);border-radius:999px;padding:3px 9px;align-self:center}
.cfeat-nav{display:flex;gap:6px}
.cfeat-arr{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--sf);color:var(--tx);font-size:22px;line-height:1;cursor:pointer;transition:all .2s}.cfeat-arr:hover{border-color:#f5b335;color:#e09a12;transform:scale(1.06)}
.cfeat-row{display:grid;grid-auto-flow:column;grid-auto-columns:300px;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 24px;padding:8px 24px 10px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;outline:none}
.cfeat-row::-webkit-scrollbar{display:none}
.cfeat-c{position:relative;scroll-snap-align:start;display:flex;flex-direction:column;gap:10px;padding:0 16px 16px;border-radius:22px;background:var(--sf);border:1px solid hsl(var(--h) 70% 55% / .35);overflow:hidden;transition:transform .35s var(--x9ease),box-shadow .35s}
.cfeat-c:hover{transform:translateY(-4px);box-shadow:0 28px 46px -28px hsl(var(--h) 70% 35% / .85)}
.cfeat-cv{position:relative;display:block;height:84px;margin:0 -16px -34px;overflow:hidden}
.cfeat-cv span{position:absolute;inset:0;background:linear-gradient(125deg,hsl(var(--h) 85% 58%),hsl(calc(var(--h) + 60) 80% 52%))}
.cfeat-cv span.im{background-size:cover;background-position:center;filter:blur(16px) saturate(1.4);transform:scale(1.5)}
.cfeat-cv:after{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-18deg);animation:x9shine 5s ease-in-out infinite}
.cfeat-cv em{position:absolute;left:12px;top:10px;font-style:normal;font-size:11px;font-weight:800;color:#3b2400;padding:4px 9px;border-radius:999px;background:var(--x9gold)}
.cfeat-top{position:relative;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;min-width:0}
.cfeat-av{width:64px;height:64px;flex:none;border-radius:20px;display:grid;place-items:center;font-size:24px;font-weight:800;color:#fff;background-size:cover;background-position:center;box-shadow:0 0 0 4px var(--sf),0 12px 24px -10px rgba(0,0,0,.5)}
.cfeat-t{display:flex;flex-direction:column;min-width:0}.cfeat-t b{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cfeat-t i{font-style:normal;font-size:12.5px;color:var(--mt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfeat-c p{margin:0;font-size:13.5px;line-height:1.5;color:var(--tx2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}
.cfeat-go{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;margin-top:auto;border-radius:14px;color:#fff!important;font-weight:800;font-size:15px;text-decoration:none;background:linear-gradient(135deg,#2aabee,#2f6bff 60%,#7c5cff);box-shadow:0 12px 24px -12px rgba(60,100,255,.9);overflow:hidden;transition:transform .2s,filter .2s}
.cfeat-go:hover{transform:translateY(-2px);filter:brightness(1.08)}
.cfeat-go:after{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);animation:x9shine 4s ease-in-out infinite}
.cfeat-dots{display:flex;justify-content:center;gap:4px;margin-top:6px}
.cfeat-dots button{width:26px;height:20px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.cfeat-dots button:before{content:"";display:block;width:7px;height:7px;border-radius:99px;background:var(--line2,#cbd5e1);transition:all .35s var(--x9ease)}
.cfeat-dots button.on:before{width:24px;background:var(--x9gold)}
@media(max-width:640px){.cfeat{padding:18px 0 14px;border-radius:24px}.cfeat-h{padding:0 16px}.cfeat-nav{display:none}.cfeat-row{grid-auto-columns:82%;gap:12px;padding:6px 16px 8px;scroll-padding:0 16px}}
@media(prefers-reduced-motion:reduce){.cfeat-cv:after,.cfeat-go:after,.cfeat:before{animation:none}}
/* плашка «Продвижение внутри темы» */
.x9tb{display:flex;gap:12px;align-items:flex-start;margin:12px 0 4px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,#f5b335 14%,var(--sf)),color-mix(in srgb,#7c5cff 10%,var(--sf)));border:1px solid color-mix(in srgb,#f5b335 40%,var(--line))}
.x9tb-i{font-size:22px;line-height:1}.x9tb b{display:block;font-size:14.5px;margin-bottom:4px}.x9tb p{margin:0 0 6px;font-size:13px;line-height:1.5;color:var(--tx2)}.x9tb a{font-size:13px;font-weight:700;color:var(--ac);text-decoration:none}

/* =====================================================================
   v6 — окна: панель справа на компьютере, шторка снизу на телефоне
   ===================================================================== */
.md{padding:0!important}
.md.on{display:flex!important}
.md .box{position:relative;box-sizing:border-box;margin:0!important;display:block!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--sf)!important;border:1px solid color-mix(in srgb,var(--tx) 10%,transparent)!important;box-shadow:0 40px 100px -30px rgba(0,0,0,.65)!important;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--tx) 20%,transparent) transparent}
.md .box::-webkit-scrollbar{width:8px}.md .box::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--tx) 18%,transparent);border-radius:8px}.md .box::-webkit-scrollbar-track{background:transparent}
/* содержимое: всё переносится и не вылезает */
.md .box>*+*{margin-top:14px}
.md .box,.md .box *{overflow-wrap:break-word;word-break:normal}
.md .box h2,.md .box h3,.md .box b,.md .box p,.md .box span,.md .box a,.md .box label{overflow-wrap:anywhere}
.md .box img,.md .box video,.md .box textarea,.md .box input,.md .box select,.md .box table{max-width:100%}
.md .box button,.md .box .btn{max-width:100%;white-space:normal;height:auto;min-height:42px;line-height:1.25}
.md .box [style*="display:flex"],.md .box .r2,.md .box .menu{min-width:0}
.md .box .r2>*,.md .box .menu>*{min-width:0}
.md .box h2{font-size:clamp(20px,2.4vw,24px)!important;line-height:1.2;padding-right:44px}
/* кнопка закрытия */
.x9close{position:sticky!important;top:0;float:right;z-index:5;width:38px!important;height:38px!important;min-height:38px!important;margin:-6px -8px 0 8px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center;font-size:17px;line-height:1;color:var(--tx2)!important;background:color-mix(in srgb,var(--sf2) 85%,transparent)!important;border:1px solid var(--line)!important;box-shadow:0 6px 16px -10px rgba(0,0,0,.4)!important;backdrop-filter:blur(8px);cursor:pointer;transition:transform .2s,color .2s}
.x9close:hover{color:var(--tx)!important;transform:rotate(90deg)}
/* компьютер: панель справа на всю высоту */
@media(min-width:701px){
  .md.on{align-items:stretch!important;justify-content:flex-end!important;padding:12px!important}
  .md .box{width:min(540px,100%)!important;max-width:540px!important;height:auto!important;max-height:none!important;min-height:0;border-radius:26px!important;padding:28px 28px 32px!important;animation:x9drawer .38s cubic-bezier(.2,.8,.2,1) both!important}
  .md .box:has(.wz8),.md .box:has(.wz),.md .box:has(.st8),.md .box:has(.pm8-pks){width:min(760px,100%)!important;max-width:760px!important}
}
@keyframes x9drawer{from{opacity:0;transform:translateX(60px)}}
/* телефон: шторка снизу */
@media(max-width:700px){
  .md.on{align-items:flex-end!important;justify-content:stretch!important}
  .md .box{width:100%!important;max-width:100%!important;max-height:92dvh!important;max-height:92vh;border-radius:26px 26px 0 0!important;padding:26px 18px calc(22px + env(safe-area-inset-bottom))!important;border-bottom:0!important;animation:x9sheet .34s cubic-bezier(.2,.8,.2,1) both!important}
  .md .box:before{content:"";position:sticky;top:-18px;display:block;width:44px;height:5px;margin:-12px auto 12px;border-radius:5px;background:color-mix(in srgb,var(--tx) 22%,transparent);z-index:6}
  .x9close{width:34px!important;height:34px!important;min-height:34px!important}
}
@keyframes x9sheet{from{transform:translateY(40%);opacity:.4}}
/* выбор карточки для продвижения */
.pp-pick{display:flex;flex-direction:column;gap:8px}
.pp-pick button{display:flex!important;align-items:center;gap:12px;width:100%;padding:10px 12px!important;text-align:left;border-radius:14px!important;justify-content:flex-start!important}
.pp-pick button span:not(.h8av){display:flex;flex-direction:column;min-width:0;flex:1}.pp-pick button b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-pick button i{font-style:normal;font-size:12.5px;color:var(--mt)}
@media(prefers-reduced-motion:reduce){.md .box{animation:none!important}}
.md .box .h8av{display:grid!important;place-items:center!important;line-height:1!important;flex:none}
/* передача карточки */
.xf>*+*{margin-top:14px}
.xf-card{display:flex;gap:14px;align-items:center;padding:16px;border-radius:20px;background:linear-gradient(135deg,hsl(var(--h) 85% 55% / .12),transparent 70%),var(--sf2);border:1px solid var(--line)}
.xf-card .h8av{width:56px!important;height:56px!important;border-radius:18px!important;font-size:22px}
.xf-card>span,.xf-sel .xf-ut,.xf-u .xf-ut{display:flex;flex-direction:column;min-width:0;flex:1}
.xf-card b{font-size:16.5px}.xf-card i,.xf-ut i{font-style:normal;font-size:12.5px;color:var(--mt)}.xf-card em{font-style:normal;font-size:12px;margin-top:4px;color:var(--tx2)}
.xf-arrow{display:flex;align-items:center;gap:10px;color:var(--mt);font-size:18px;margin:8px 0!important}.xf-arrow span{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line2),transparent)}
.xf-s{position:relative}.xf-s>span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--mt);display:flex}.xf-s input{padding-left:42px!important;height:50px!important}
.xf-r{display:flex;flex-direction:column;gap:6px;margin-top:8px;max-height:300px;overflow:auto}
.xf-u,.xf-sel{display:flex!important;align-items:center;gap:12px;width:100%;padding:10px 12px!important;border-radius:14px!important;background:var(--sf)!important;color:var(--tx)!important;border:1px solid var(--line)!important;box-shadow:none!important;text-align:left;justify-content:flex-start!important;cursor:pointer;transition:border-color .2s,transform .2s}
.xf-u:hover{border-color:var(--ac)!important;transform:translateX(3px)}
.xf-u em{font-style:normal;font-size:12.5px;font-weight:700;color:var(--ac)}
.xf-sel{cursor:default;border-color:color-mix(in srgb,var(--ok) 50%,var(--line))!important;background:color-mix(in srgb,var(--ok) 8%,var(--sf))!important}
.xf-av{width:40px;height:40px;flex:none;border-radius:13px;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,hsl(var(--h) 80% 55%),hsl(calc(var(--h) + 40) 80% 45%))}
.xf-e{padding:8px 4px;margin:0}
.xf-l{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600}.xf-l textarea{min-height:70px!important}
.xf-c{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--tx2)}.xf-c input{width:auto!important;height:auto!important}
.xf-go{width:100%;height:52px!important;border-radius:16px!important;font-size:16px;font-weight:800;background:linear-gradient(135deg,#2aabee,#2f6bff 60%,#7c5cff)!important;color:#fff!important;border:0!important}
.xf-go:disabled{opacity:.5;filter:grayscale(.5);cursor:not-allowed}
.xf-ok{text-align:center;padding-top:20px}.xf-done{width:76px;height:76px;margin:0 auto 6px;border-radius:50%;display:grid;place-items:center;font-size:36px;font-weight:900;color:#fff;background:linear-gradient(135deg,#22c55e,#14b8a6);box-shadow:0 18px 36px -14px rgba(34,197,94,.8);animation:v4pop .5s var(--x9ease) both}
/* смена ссылки главным админом */
.cd8-adm{border-color:color-mix(in srgb,#f5b335 55%,var(--line))!important;background:color-mix(in srgb,#f5b335 12%,var(--sf2))!important}
.cd8-note{margin:12px 0 0;padding:10px 14px;border-radius:12px;font-weight:600;font-size:14px;color:#15803d;background:color-mix(in srgb,#22c55e 12%,var(--sf));border:1px solid color-mix(in srgb,#22c55e 35%,var(--line))}
.slk{max-width:620px;margin:10px auto 40px;padding:28px;border-radius:26px;background:var(--sf);border:1px solid var(--line);box-shadow:0 30px 60px -40px rgba(20,40,120,.5)}
.slk-h{display:flex;gap:16px;align-items:center;margin-bottom:18px}.slk-h h1{margin:4px 0;font-size:clamp(24px,3vw,30px)}.slk-h p{margin:0;overflow-wrap:anywhere}
.slk .x9kick{background:var(--x9gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.slk-av{width:64px;height:64px;flex:none;border-radius:20px;display:grid;place-items:center;font-size:24px;font-weight:800;color:#fff;background-size:cover;background-position:center}
.slk-f label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:14px}.slk-f input{height:52px;font-size:16px}
.slk-f .mt{font-size:13.5px;line-height:1.5}
.slk-b{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.slk-b button{flex:1;height:50px;border:0;border-radius:14px;font-weight:800;font-size:15px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#2aabee,#2f6bff 60%,#7c5cff)}.slk-b .btn{height:50px;display:inline-flex;align-items:center;padding:0 22px;border-radius:14px}
.slk-err{margin:0 0 14px;padding:11px 14px;border-radius:12px;font-weight:600;font-size:14px;color:#b91c1c;background:color-mix(in srgb,#ef4444 10%,var(--sf));border:1px solid color-mix(in srgb,#ef4444 35%,var(--line))}
.slk-n{margin:16px 0 0;font-size:12.5px;color:var(--mt)}
@media(max-width:640px){.slk{padding:20px;border-radius:22px}.slk-av{width:52px;height:52px}}
/* SEO-блок внизу главной: аккуратный «О каталоге» */
.seoh{padding:0!important;margin:56px auto 0!important;color:var(--tx2)}
.seo-in{position:relative;padding:30px;border-radius:28px;background:var(--sf);border:1px solid var(--line);overflow:hidden;isolation:isolate}
.seo-in:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 80% at 100% 0%,color-mix(in srgb,#7c5cff 8%,transparent),transparent 70%),radial-gradient(40% 70% at 0% 100%,color-mix(in srgb,var(--ac) 8%,transparent),transparent 70%)}
.seoh h2{font-family:var(--fd,Manrope,inherit);font-size:clamp(20px,2.4vw,26px)!important;letter-spacing:-.025em;margin:6px 0 6px!important;color:var(--tx)!important}
.seo-lead{margin:0 0 6px;color:var(--mt);font-size:14.5px}
.seoh h3{font-size:12.5px!important;text-transform:uppercase;letter-spacing:.1em;margin:22px 0 10px!important;color:var(--mt)!important;font-weight:700!important}
.seoc{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.seoc a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--sf2);border:1px solid var(--line);color:var(--tx)!important;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s}
.seoc a span{font-size:12px;color:var(--mt);font-weight:500}.seoc a:hover{border-color:var(--ac);color:var(--ac)!important;transform:translateY(-1px)}
.seoh ul{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}
.seoh li{white-space:normal!important;overflow:visible!important;min-width:0}
.seoh li a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:14px;background:var(--sf2);border:1px solid transparent;color:inherit!important;text-decoration:none;transition:border-color .2s,transform .2s;min-width:0}
.seoh li a:hover{border-color:color-mix(in srgb,var(--ac) 40%,var(--line));transform:translateY(-2px)}
.seo-av{width:36px;height:36px;flex:none;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:14px;color:#fff;background-size:cover;background-position:center}
.seo-t{display:flex;flex-direction:column;min-width:0}.seo-t b{font-size:13.5px;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seo-t i{font-style:normal;font-size:12px;color:var(--mt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seol{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0!important}
.seol a{padding:9px 16px;border-radius:12px;font-weight:700;font-size:13.5px;color:var(--ac)!important;background:color-mix(in srgb,var(--ac) 10%,transparent);text-decoration:none;transition:background .2s}.seol a:hover{background:color-mix(in srgb,var(--ac) 18%,transparent)}
@media(max-width:900px){.seoh ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.seo-in{padding:20px;border-radius:22px}.seoh ul{grid-template-columns:1fr}.seoh li:nth-child(n+7){display:none}}
/* каталог на главной: «Показать ещё» и переходы */
.x9gm{display:flex;flex-direction:column;align-items:center;gap:18px;margin:18px 0 0}
.x9gm-more{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 24px;border-radius:999px!important;background:var(--sf)!important;color:var(--tx)!important;border:1px solid var(--line2)!important;box-shadow:0 10px 24px -18px rgba(0,0,0,.5)!important;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;transition:all .25s var(--x9ease)}
.x9gm-more:hover{border-color:var(--ac)!important;color:var(--ac)!important;transform:translateY(-2px)}
.x9gm-more i{font-style:normal;font-weight:500;font-size:13px;color:var(--mt)}
.x9gm-go{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}
.x9gm-go a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:18px;border-radius:20px;text-decoration:none;color:inherit;background:linear-gradient(135deg,hsl(var(--h) 85% 55% / .12),transparent 70%),var(--sf);border:1px solid var(--line);transition:transform .3s var(--x9ease),border-color .3s,box-shadow .3s}
.x9gm-go a:hover{transform:translateY(-4px);border-color:hsl(var(--h) 70% 55% / .6);box-shadow:0 20px 40px -26px hsl(var(--h) 70% 35% / .8)}
.x9gm-go span{grid-row:1/3;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,hsl(var(--h) 85% 58%),hsl(calc(var(--h) + 40) 80% 50%))}.x9gm-go span .i{width:22px;height:22px}
.x9gm-go b{font-size:16px}.x9gm-go i{font-style:normal;font-size:13px;color:var(--mt)}
@media(max-width:760px){.x9gm-go{grid-template-columns:1fr}.x9gm-go a{padding:14px}}
/* телефон: блоки с карточками — горизонтальные ленты, главная короче */
@media(max-width:640px){
  .x9home .x9pinsec .h8grid,.x9home .x9sec>.h8grid{display:grid!important;grid-auto-flow:column;grid-auto-columns:86%;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -16px;padding:2px 16px 10px;scrollbar-width:none}
  .x9home .x9pinsec .h8grid::-webkit-scrollbar,.x9home .x9sec>.h8grid::-webkit-scrollbar{display:none}
  .x9home .x9pinsec .h8grid>.h8c,.x9home .x9sec>.h8grid>.h8c{scroll-snap-align:start}
  .x9home .x9pinsec{margin-left:-4px;margin-right:-4px}.x9home .x9pinsec .h8grid{margin:0 -16px}
}

/* ===== Статистика v2 ===== */
.an2{display:flex;flex-direction:column;gap:16px}
.ah{position:relative;padding:26px 26px 22px;border-radius:28px;color:#eef3ff;background:#070b18;border:1px solid rgba(255,255,255,.08);overflow:hidden;isolation:isolate;box-shadow:0 30px 60px -36px rgba(20,40,120,.7)}
.ah-g{position:absolute;inset:0;z-index:-1;background:radial-gradient(45% 90% at 0% 0%,rgba(42,140,255,.45),transparent 70%),radial-gradient(40% 90% at 100% 0%,rgba(124,92,255,.45),transparent 70%),radial-gradient(40% 70% at 60% 120%,rgba(20,184,166,.3),transparent 70%);animation:x9aur 14s ease-in-out infinite alternate}
.ah-g:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%)}
.ah-sk{min-height:220px;display:grid;place-items:center;color:#9fb0d4}
.ah-top{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ah-top>div:first-child{flex:1;min-width:180px}
.ah-k{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9cc2ff}.ah h2{margin:4px 0 0;font-family:var(--fd,inherit);font-size:clamp(22px,2.8vw,30px);letter-spacing:-.03em;color:#fff}
.ah-live{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 12px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.ah-live b{font-size:26px;font-weight:800;line-height:1}.ah-live span:last-child{font-size:12px;line-height:1.3;color:#b9c6e4}.ah-live i{font-style:normal;color:#7f90b4}
.ah-dot{position:relative;width:10px;height:10px;border-radius:50%;background:#34d399}.ah-dot:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #34d399;animation:x9ping 1.8s ease-out infinite}
.ah-seg{display:flex;gap:4px;padding:4px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.ah-seg button{height:34px!important;min-height:34px;padding:0 13px!important;border-radius:10px!important;background:transparent!important;color:#b9c6e4!important;border:0!important;box-shadow:none!important;font-weight:600;font-size:13px}
.ah-seg button.on{background:#fff!important;color:#0b1124!important}.ah-seg .ah-ref{font-size:16px;padding:0 10px!important}
.ah-big{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.ah-b{position:relative;display:flex;flex-direction:column;gap:2px;min-height:118px;padding:16px;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);overflow:hidden}
.ah-b>span{font-size:12.5px;color:#9fb0d4;font-weight:600}.ah-b>b{font-family:var(--fd,inherit);font-size:30px;font-weight:800;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.ah-b .an-d{color:#9fb0d4}.ah-b .an-d.up{color:#4ade80}.ah-b .an-d.dn{color:#fb7185}
.ah-b .an-sp{right:12px;bottom:12px;width:52%;height:38px;opacity:.95}
.ah-small{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}
.ah-small div{display:flex;flex-direction:column;gap:1px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.ah-small span{font-size:11.5px;color:#8fa0c4}.ah-small b{font-size:17px;color:#fff}.ah-small b small{font-size:11px;color:#8fa0c4}.ah-small .an-d{font-size:11.5px;color:#8fa0c4}.ah-small .an-d.up{color:#4ade80}.ah-small .an-d.dn{color:#fb7185}
/* вкладки */
.at{display:flex;gap:6px;padding:6px;border-radius:18px;background:var(--sf);border:1px solid var(--line);overflow-x:auto;scrollbar-width:none;position:sticky;top:76px;z-index:4}
.at::-webkit-scrollbar{display:none}
.at button{display:inline-flex!important;align-items:center;gap:8px;height:40px!important;min-height:40px;padding:0 16px!important;border-radius:12px!important;background:transparent!important;color:var(--tx2)!important;border:0!important;box-shadow:none!important;font-weight:600;font-size:14px;white-space:nowrap;flex:none}
.at button:hover{background:var(--sf2)!important;color:var(--tx)!important}
.at button.on{background:linear-gradient(135deg,#2aabee,#2f6bff)!important;color:#fff!important;box-shadow:0 8px 18px -10px rgba(47,107,255,.8)!important}
.at .i{width:16px;height:16px}
/* сетка карточек */
.ag{display:grid;gap:14px;animation:v4up .4s var(--x9ease) both}
.g-ov{grid-template-columns:repeat(2,minmax(0,1fr))}.g-2{grid-template-columns:repeat(2,minmax(0,1fr))}.g-1{grid-template-columns:1fr}
.ac{min-width:0;padding:20px;border-radius:22px;background:var(--sf);border:1px solid var(--line)}
.ac.wide{grid-column:1/-1}
.ac>header{display:flex;align-items:center;gap:10px;margin:0 0 16px}
.ac-i{width:34px;height:34px;flex:none;border-radius:11px;display:grid;place-items:center;color:var(--ac);background:color-mix(in srgb,var(--ac) 12%,transparent)}.ac-i .i{width:17px;height:17px}
.ac h3{margin:0;font-size:16px;font-weight:700}
.ac .an-lg{margin:-6px 0 10px}
.ac .an-st{margin-bottom:14px}
.ac .an-feed{max-height:560px}
@media(max-width:1100px){.ah-small{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.ah-big{grid-template-columns:repeat(2,minmax(0,1fr))}.g-ov,.g-2{grid-template-columns:1fr}}
@media(max-width:560px){.ah{padding:18px 16px;border-radius:22px}.ah-b{min-height:100px;padding:12px}.ah-b>b{font-size:22px}.ah-b .an-sp{width:44%;height:30px}.ah-small{grid-template-columns:repeat(2,minmax(0,1fr))}.ah-seg{width:100%;justify-content:space-between}.ah-seg button{flex:1;padding:0 6px!important}.at{top:62px}.ac{padding:16px;border-radius:18px}}
.ac h3,.ac .an-bn,.ac .an-bv b,.ac .an-tr b,.ac .an-dl span,.ac .an-tt b{color:var(--tx)}
@media(min-width:900px){.ah h2{white-space:nowrap}}
/* вкладка «Накрутка» */
.at-n{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:11.5px;font-weight:800;display:inline-grid;place-items:center}
.sp-about{margin:-4px 0 12px;line-height:1.55}.sp-set{align-items:flex-end;margin-bottom:16px}.sp-set .fl2{flex:1}
.ac>header .g.s{height:34px;min-height:34px}
.sp-l{display:flex;flex-direction:column;gap:12px}
.sp-r{padding:16px;border-radius:18px;border:1px solid color-mix(in srgb,#ef4444 35%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#ef4444 7%,var(--sf)),var(--sf))}
.sp-r.seen{border-color:var(--line);background:var(--sf2);opacity:.85}
.sp-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sp-ip{display:inline-flex;align-items:center;gap:6px}.sp-ip b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;letter-spacing:.02em}.sp-ip .s{width:30px;height:30px;min-height:30px;padding:0}
.sp-days{font-style:normal;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;color:#fff;background:#ef4444}.sp-days.one{background:#f59e0b}
.sp-t{font-size:12.5px;flex:1}
.sp-k{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}
.sp-k div{padding:10px 12px;border-radius:12px;background:var(--sf);border:1px solid var(--line)}.sp-k b{display:block;font-size:20px;font-weight:800}.sp-k span{font-size:12px;color:var(--mt)}
.sp-dev{font-size:14px;font-weight:600;padding:9px 12px;border-radius:12px;background:var(--sf);border:1px solid var(--line);overflow-wrap:anywhere}
.sp-top{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.sp-top a{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 11px;border-radius:999px;background:var(--sf);border:1px solid var(--line);text-decoration:none;color:var(--tx);font-size:13px}
.sp-top a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.sp-top a b{color:#ef4444}.sp-top a i{font-style:normal;font-size:11.5px;color:var(--mt)}
.sp-ua{margin-top:10px}.sp-ua summary{cursor:pointer;font-size:12.5px;color:var(--mt)}.sp-ua code{display:block;margin-top:6px;padding:8px 10px;border-radius:10px;background:var(--sf2);font-size:11.5px;overflow-wrap:anywhere;white-space:normal}
@media(max-width:560px){.sp-k{grid-template-columns:1fr 1fr}.sp-k b{font-size:16px}.sp-t{flex-basis:100%}}
.sp-ip b,.sp-k b,.sp-dev,.sp-about b{color:var(--tx)}.sp-set button{flex:none!important;width:auto!important;padding:0 22px!important}

/* ===== окно входа ===== */
.md .box:has(.au9){width:min(440px,100%)!important;max-width:440px!important}
@media(min-width:701px){.md.on:has(.au9){justify-content:center!important;align-items:center!important}.md .box:has(.au9){height:auto!important;max-height:92vh!important;animation:v4pop .35s var(--x9ease) both!important}}
.au9>*+*{margin-top:14px}.md .box .au9>*+*{margin-top:14px}
.au9-h{text-align:center;padding-top:4px}
.au9-logo{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:20px;color:#fff;background:linear-gradient(135deg,#5ad1ff,#2f6bff 55%,#7c5cff);box-shadow:0 16px 32px -14px rgba(60,110,255,.85),inset 0 1px 0 rgba(255,255,255,.35);animation:x9float 6s ease-in-out infinite}.au9-logo .i{width:28px;height:28px}
.md .box .au9-h h2{margin:14px 0 6px!important;padding:0!important;font-size:26px!important;text-align:center}
.au9-h p{margin:0 auto;max-width:320px;font-size:14.5px;line-height:1.5;color:var(--mt)}
.au9-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:14px;background:var(--sf2);border:1px solid var(--line)}
.au9-tabs button{height:40px!important;min-height:40px!important;border-radius:11px!important;background:transparent!important;color:var(--tx2)!important;border:0!important;box-shadow:none!important;font-weight:700;font-size:14.5px}
.au9-tabs button.on{background:var(--sf)!important;color:var(--tx)!important;box-shadow:0 4px 12px -6px rgba(0,0,0,.35)!important}
.au9-f{position:relative;display:block}
.au9-f input{height:54px!important;padding:0 48px 0 46px!important;font-size:16px!important;border-radius:15px!important;background:var(--sf2)!important}
.au9-ic{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--mt);display:flex;pointer-events:none}.au9-ic .i{width:19px;height:19px}
.au9-f:focus-within .au9-ic{color:var(--ac)}
.au9-eye{position:absolute!important;right:6px;top:50%;transform:translateY(-50%);width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;display:grid!important;place-items:center;border-radius:11px!important;background:transparent!important;color:var(--mt)!important;border:0!important;box-shadow:none!important}
.au9-eye.on{color:var(--ac)!important}.au9-eye .i{width:19px;height:19px}
.md .box .au9-hint{margin-top:6px!important;font-size:12.5px;color:var(--mt);padding-left:4px}
#cf:empty{display:none}.md .box .au9 #cf:empty+.au9-go{margin-top:18px!important}
.au9-go{width:100%;height:54px!important;border-radius:15px!important;border:0!important;font-size:16px!important;font-weight:800;color:#fff!important;background:linear-gradient(135deg,#2aabee,#2f6bff 60%,#7c5cff)!important;box-shadow:0 14px 28px -12px rgba(60,100,255,.85)!important;position:relative;overflow:hidden}
.au9-go:after{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-18deg);animation:x9shine 4s ease-in-out infinite}
.au9-note{margin:16px 0 0!important;padding:12px 14px;border-radius:14px;background:var(--sf2);font-size:13px;line-height:1.5;color:var(--mt);text-align:center}.au9-note a{color:var(--ac)}

/* ===== мобильная версия: плавающее нижнее меню, поиск в шапке ===== */
.x9srb{display:none!important}
@media(max-width:760px){
  .hdr .x9srb{display:grid!important;place-items:center;width:40px;height:40px;padding:0!important;border-radius:12px!important;background:var(--sf2)!important;color:var(--tx)!important;border:1px solid var(--line)!important}
  .hdr .x9srb .i{width:19px;height:19px}
  .bnv,#bnv{left:10px!important;right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;padding:6px!important;border-radius:24px!important;border:1px solid color-mix(in srgb,var(--tx) 10%,transparent)!important;background:color-mix(in srgb,var(--sf) 78%,transparent)!important;backdrop-filter:blur(20px) saturate(1.6)!important;-webkit-backdrop-filter:blur(20px) saturate(1.6)!important;box-shadow:0 18px 40px -16px rgba(0,0,0,.55)!important;align-items:center!important}
  .bnv a,.bnv button{position:relative;min-height:52px!important;border-radius:18px!important;font-size:10.5px!important;font-weight:600;color:var(--mt)!important;text-decoration:none;transition:color .2s}
  .bnv .on{color:var(--ac)!important;background:color-mix(in srgb,var(--ac) 12%,transparent)!important}
  .bnv .on:after{content:"";position:absolute;top:4px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:currentColor}
  .bnv .i{width:22px!important;height:22px!important}
  .bnv .bad,#bnv .bad{width:54px!important;height:54px!important;min-height:54px!important;margin:-22px 4px 0!important;border-radius:18px!important;background:linear-gradient(135deg,#2aabee,#2f6bff 55%,#7c5cff)!important;box-shadow:0 12px 26px -8px rgba(60,100,255,.85),0 0 0 4px color-mix(in srgb,var(--bg) 85%,transparent)!important;transform:rotate(0);transition:transform .3s var(--x9ease)}
  .bnv .bad:active{transform:scale(.92)}
  body{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
  .md .box{padding-bottom:calc(28px + env(safe-area-inset-bottom))!important}
}

/* ===== мобильная версия v2: как приложение ===== */
@media(max-width:760px){
  /* шапка: логотип с названием, лишнее убрано, при прокрутке становится компактнее */
  .hdr:not(.ssr) .hd{height:60px!important;padding:0 14px!important;transition:height .25s}
  .hdr .lg .ln{display:inline!important;font-size:17px}.hdr .lg .mk{width:34px;height:34px;border-radius:11px!important}
  .hdr #adm,.hdr #add{display:none!important}
  .hdr .acc{height:38px!important;width:38px;padding:0!important;justify-content:center}.hdr .acc.out{width:auto;padding:0 12px!important}
  .hdr .ib{width:38px;height:38px}
  body.x9sc .hdr:not(.ssr) .hd{height:52px!important}
  body.x9sc .hdr{box-shadow:0 10px 30px -18px rgba(0,0,0,.5)}
  /* первый экран */
  .x9h{margin-top:8px!important;border-radius:26px!important}
  .x9h-in{padding:24px 18px 18px!important;gap:18px!important}
  .x9h1{font-size:31px!important;margin:14px 0 10px!important}
  .x9lead{font-size:15px!important;margin-bottom:16px!important}
  .x9quick{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin:12px -18px 0!important;padding:0 18px;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .x9quick::-webkit-scrollbar{display:none}.x9quick>*{flex:none}.x9quick span{width:auto!important}
  .x9stats{margin-top:16px!important}
  .x9lb{padding:14px!important;border-radius:20px!important}
  /* разделы плотнее */
  .x9sec,.x9how,.x9duo,.x9band,.x9colls{margin-top:34px!important}
  .x9feat{margin-top:30px!important}
  .x9sh{margin-bottom:14px!important}.x9sh h2{font-size:24px!important}.x9sh p{font-size:14px}
  /* «Почему мы» и «Как это работает» — горизонтальные ленты */
  .x9trust,.x9how ol{display:grid!important;grid-auto-flow:column;grid-auto-columns:72%;grid-template-columns:none!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px!important;margin-left:-16px!important;margin-right:-16px!important;padding:2px 16px 8px!important;scrollbar-width:none}
  .x9trust::-webkit-scrollbar,.x9how ol::-webkit-scrollbar{display:none}
  .x9trust>*,.x9how li{scroll-snap-align:start}
  .x9t{padding:16px!important}.x9t span{width:38px;height:38px;margin-bottom:10px}
  .x9how li{display:block!important;text-align:left!important;padding:18px!important}.x9how-i{margin:0 0 12px!important;width:46px!important;height:46px!important;box-shadow:0 12px 22px -10px rgba(60,100,255,.7)!important}
  .x9how-n{display:block!important;top:16px!important;left:auto!important;right:16px;font-size:28px!important;opacity:.25}
  /* бегущая строка тем — одна строка */
  .x9mq .x9mq-t.rev{display:none}
  /* карточки и кнопки — крупные зоны нажатия */
  .h8c .h8go,.x9go,.x9ghost{min-height:44px}
  .x9home .h8c{border-radius:18px!important}
  /* подвал компактнее */
  .ftr{margin-top:48px!important}.ftr .ftg{gap:22px!important}
}
@media(max-width:380px){.x9h1{font-size:28px!important}.x9stats b{font-size:19px!important}}
.cfeat-dots button{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;min-height:0!important;height:20px!important;width:26px!important;padding:0!important}
.cfeat-arr{width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;border-radius:50%!important;background:var(--sf)!important;color:var(--tx)!important;border:1px solid var(--line)!important;box-shadow:none!important}