/* ═══════════════════════════════════════════════════════════
   MinecraftFan — стили блоков на странице мода/карты/шейдера.
   Вынесены из mods/show.blade.php для кеширования и уменьшения HTML.
   Подключается через <link rel="stylesheet"> один раз на страницу.
═══════════════════════════════════════════════════════════ */

/* ═══ VIDEO BLOCK (.mv-*) ═══ */
.mv-section{position:relative;margin-top:24px;padding:28px;border-radius:22px;background:radial-gradient(800px 360px at 0% 0%,rgba(224,48,48,.10),transparent 60%),radial-gradient(900px 380px at 100% 100%,rgba(93,187,60,.08),transparent 60%),linear-gradient(180deg,#16161c 0%,#11111a 100%);border:1.5px solid var(--border);overflow:hidden;isolation:isolate}
.mv-section::before,.mv-section::after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.45;pointer-events:none;z-index:0}
.mv-section::before{width:280px;height:280px;background:radial-gradient(circle,#e03030 0%,transparent 70%);top:-90px;left:-90px}
.mv-section::after{width:340px;height:340px;background:radial-gradient(circle,#5dbb3c 0%,transparent 70%);bottom:-110px;right:-110px}
.mv-section > *{position:relative;z-index:1}

.mv-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:6px}
.mv-head-left{display:flex;align-items:center;gap:14px}
.mv-icon-wrap{position:relative;width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#7ed957,#5dbb3c 50%,#3d8a26);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 24px rgba(93,187,60,.4),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -2px 0 rgba(0,0,0,.15);transform:rotate(-3deg)}
.mv-icon-wrap::before{content:"";position:absolute;inset:0;border-radius:12px;background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(0,0,0,.08) 8px 9px),repeating-linear-gradient(90deg,transparent 0 8px,rgba(0,0,0,.08) 8px 9px);pointer-events:none;opacity:.5}
.mv-icon-wrap::after{content:"";position:absolute;top:-3px;right:-3px;width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 0 0 2px #16161c,0 0 10px #5dbb3c;display:flex;align-items:center;justify-content:center}
.mv-icon-wrap svg{width:26px;height:26px;fill:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));position:relative;z-index:1}
.mv-head h2{margin:0;font-size:22px;line-height:1.15;color:#fff;font-weight:900;letter-spacing:-.02em}
.mv-head h2 .mv-grad{background:linear-gradient(90deg,#fff 30%,#5dbb3c);background-clip:text;-webkit-background-clip:text;color:transparent}
.mv-head-sub{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12px;color:var(--muted);font-weight:700}
.mv-live-dot{width:8px;height:8px;border-radius:50%;background:#e03030;box-shadow:0 0 12px #e03030;animation:mvPulse 1.5s ease-in-out infinite}
@keyframes mvPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.55}}
.mv-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:11px;font-weight:800;color:#fff;backdrop-filter:blur(8px)}
.mv-pill b{color:var(--accent);font-weight:900}

.mv-layout{display:grid;gap:18px;margin-top:20px}
.mv-layout--multi{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.mv-layout--single{grid-template-columns:1fr}
.mv-sidebar{display:flex;flex-direction:column;gap:12px;min-width:0}

.mv-card{position:relative;background:linear-gradient(180deg,rgba(28,28,36,.85),rgba(20,20,28,.95));border:1.5px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;cursor:pointer;text-decoration:none;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s;backdrop-filter:blur(12px)}
.mv-card::after{content:"";position:absolute;inset:0;border-radius:16px;padding:1.5px;background:linear-gradient(135deg,rgba(93,187,60,.0) 0%,rgba(93,187,60,.5) 50%,rgba(224,48,48,.4) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s;pointer-events:none}
.mv-card:hover{transform:translateY(-6px);box-shadow:0 24px 56px -20px rgba(0,0,0,.7),0 0 32px -10px rgba(93,187,60,.35)}
.mv-card:hover::after{opacity:1}
.mv-card:active{transform:translateY(-2px)}

.mv-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#0c0c10;overflow:hidden}
.mv-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .3s}
.mv-card:hover .mv-thumb img{transform:scale(1.08);filter:brightness(1.08) saturate(1.1)}
.mv-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(70% 70% at 50% 55%,rgba(0,0,0,.05) 0%,rgba(0,0,0,.6) 100%);transition:background .3s}
.mv-card:hover .mv-overlay{background:radial-gradient(70% 70% at 50% 55%,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%)}

.mv-featured .mv-play-btn{width:84px;height:84px;font-size:30px}
.mv-featured .mv-play-btn svg{width:30px;height:30px}
.mv-featured .mv-title{font-size:18px;line-height:1.3;-webkit-line-clamp:2}
.mv-featured .mv-body{padding:16px 18px 18px}
.mv-featured-badge{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:8px;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.mv-featured-badge::before{content:"★";color:#f0c030}

.mv-play-btn{position:relative;width:68px;height:68px;border-radius:14px;background:linear-gradient(135deg,#7ed957 0%,#5dbb3c 50%,#3d8a26 100%);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 32px rgba(93,187,60,.55),inset 0 2px 0 rgba(255,255,255,.35),inset 0 -3px 0 rgba(0,0,0,.18),0 0 0 3px rgba(255,255,255,.06);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .25s;transform:rotate(-4deg)}
.mv-play-btn::before{content:"";position:absolute;inset:0;border-radius:14px;background:repeating-linear-gradient(0deg,transparent 0 14px,rgba(0,0,0,.07) 14px 15px),repeating-linear-gradient(90deg,transparent 0 14px,rgba(0,0,0,.07) 14px 15px);pointer-events:none;opacity:.6}
.mv-play-btn::after{content:"";position:absolute;inset:-12px;border-radius:18px;border:2px solid rgba(125,217,87,.45);opacity:0;transition:opacity .25s,transform .35s,inset .35s}
.mv-card:hover .mv-play-btn{transform:rotate(0deg) scale(1.15);box-shadow:0 14px 40px rgba(93,187,60,.7),inset 0 2px 0 rgba(255,255,255,.4),inset 0 -3px 0 rgba(0,0,0,.18),0 0 0 4px rgba(125,217,87,.18)}
.mv-card:hover .mv-play-btn::after{opacity:1;transform:scale(1.08)}
.mv-play-btn svg{width:26px;height:26px;fill:#fff;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45));margin-left:4px;position:relative;z-index:1}

.mv-provider{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;color:#fff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;backdrop-filter:blur(6px);box-shadow:0 4px 12px rgba(0,0,0,.5)}
.mv-provider-yt{background:linear-gradient(135deg,#ff1a1a,#a31818)}
.mv-provider-rt{background:linear-gradient(135deg,#f59e0b,#c47308)}
.mv-provider svg{width:13px;height:13px;fill:#fff}

.mv-duration{position:absolute;bottom:10px;right:10px;padding:3px 8px;border-radius:6px;background:rgba(0,0,0,.85);color:#fff;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em;box-shadow:0 2px 6px rgba(0,0,0,.4)}

.mv-body{padding:13px 15px 15px;display:flex;flex-direction:column;gap:8px;flex:1}
.mv-title{margin:0;font-size:14px;font-weight:800;color:#fff;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em;transition:color .2s}
.mv-card:hover .mv-title{color:var(--accent)}
.mv-meta{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);font-weight:700;line-height:1.3}
.mv-channel-ico{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#5dbb3c,#3d8a26);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.mv-channel-ico img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.mv-channel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;color:#ccc}
.mv-views{flex-shrink:0;color:var(--muted);font-weight:800;display:inline-flex;align-items:center;gap:3px}
.mv-views::before{content:"·";margin:0 4px;opacity:.5}

.mv-iframe-wrap{position:relative;aspect-ratio:16/9;background:#000}
.mv-iframe-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

@media (max-width:780px){
    .mv-section{padding:20px 16px;border-radius:18px}
    .mv-icon-wrap{width:40px;height:40px;border-radius:11px}
    .mv-icon-wrap svg{width:20px;height:20px}
    .mv-head h2{font-size:18px}
    .mv-layout--multi{grid-template-columns:1fr}
    .mv-featured .mv-title{font-size:15px}
    .mv-featured .mv-play-btn{width:64px;height:64px}
    .mv-featured .mv-play-btn svg{width:24px;height:24px}
    .mv-play-btn{width:54px;height:54px}
    .mv-play-btn svg{width:20px;height:20px}
    .mv-section::before,.mv-section::after{filter:blur(60px)}
}

/* ═══ DOWNLOAD BLOCK (.dl2-*) ═══ */
.dl2-box{position:relative;border-radius:20px;overflow:hidden;background:radial-gradient(900px 320px at 0% 0%,rgba(93,187,60,.10),transparent 60%),radial-gradient(900px 360px at 100% 100%,rgba(80,140,220,.06),transparent 60%),linear-gradient(180deg,#16161c 0%,#11111a 100%) !important;border:1.5px solid var(--border) !important;padding:24px !important;margin:0 !important;box-shadow:none !important}
.dl2-box::before,.dl2-box::after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none;z-index:0}
.dl2-box::before{width:280px;height:280px;background:radial-gradient(circle,#5dbb3c 0%,transparent 70%);top:-90px;left:-80px}
.dl2-box::after{width:260px;height:260px;background:radial-gradient(circle,#508cdc 0%,transparent 70%);bottom:-90px;right:-90px}
.dl2-box > *{position:relative;z-index:1}

.dl2-head{display:flex !important;flex-wrap:wrap;align-items:center !important;justify-content:space-between;gap:14px;margin-bottom:18px !important;padding:0 !important;border:none !important;background:none !important}
.dl2-head-left{display:flex;align-items:center;gap:14px;min-width:0}
.dl2-icon{width:48px !important;height:48px !important;border-radius:14px !important;background:linear-gradient(135deg,#7ed957,#5dbb3c 50%,#3d8a26) !important;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 24px rgba(93,187,60,.4),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -2px 0 rgba(0,0,0,.15) !important;font-size:0 !important;color:#fff !important;animation:dl2Bounce 2.4s ease-in-out infinite}
@keyframes dl2Bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.dl2-icon::after{content:"";display:block;width:22px;height:22px;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 3v12m0 0l-5-5m5 5l5-5M5 21h14' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.dl2-title{font-size:18px !important;line-height:1.2 !important;color:#fff !important;font-weight:900 !important;letter-spacing:-.01em !important;background:linear-gradient(90deg,#fff 30%,#7ed957);background-clip:text;-webkit-background-clip:text;color:transparent !important}
.dl2-sub{margin-top:3px !important;font-size:12px !important;color:var(--muted) !important;font-weight:700 !important}
.dl2-actual{display:inline-flex !important;align-items:center !important;gap:6px !important;padding:7px 13px !important;border-radius:999px !important;background:linear-gradient(135deg,rgba(93,187,60,.18),rgba(93,187,60,.08)) !important;border:1.5px solid rgba(93,187,60,.4) !important;color:#aef88b !important;font-size:12px !important;font-weight:900 !important;line-height:1 !important;backdrop-filter:blur(6px);box-shadow:0 4px 14px rgba(93,187,60,.18)}

.dl2-tabs{display:flex !important;flex-wrap:wrap;gap:8px !important;margin-bottom:14px !important;padding:0 !important;border:none !important;background:none !important}
.dl2-tab{display:inline-flex !important;align-items:center;gap:7px !important;padding:9px 14px !important;border-radius:11px !important;background:rgba(255,255,255,.04) !important;border:1.5px solid rgba(255,255,255,.08) !important;color:#ccc !important;font-size:12.5px !important;font-weight:800 !important;cursor:pointer;transition:all .2s cubic-bezier(.2,.7,.2,1);font-family:inherit;line-height:1;backdrop-filter:blur(6px)}
.dl2-tab:hover:not(.empty){border-color:rgba(93,187,60,.4) !important;color:#fff !important;background:rgba(93,187,60,.08) !important;transform:translateY(-1px)}
.dl2-tab.active{background:linear-gradient(135deg,#5dbb3c 0%,#3d8a26 100%) !important;border-color:#7ed957 !important;color:#fff !important;box-shadow:0 6px 20px rgba(93,187,60,.45),inset 0 1px 0 rgba(255,255,255,.2) !important;transform:translateY(-1px)}
.dl2-tab.empty{opacity:.4;cursor:not-allowed}
.dl2-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:rgba(0,0,0,.35);color:#fff;font-size:10.5px;font-weight:900;line-height:1}
.dl2-tab.active .dl2-tab-count{background:rgba(255,255,255,.22)}
.dl2-loader-svg{width:16px;height:16px}

.dl2-panel{display:none}
.dl2-panel.active{display:block;animation:dl2FadeIn .25s ease-out}
@keyframes dl2FadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.dl2-list{display:flex !important;flex-direction:column;gap:8px !important;padding:0 !important;background:none !important;border:none !important}
.dl2-empty{padding:18px !important;text-align:center;color:var(--muted) !important;background:rgba(255,255,255,.03) !important;border:1.5px dashed rgba(255,255,255,.08) !important;border-radius:12px !important;font-size:13px !important;font-weight:700}

.dl2-row{display:flex !important;align-items:center !important;gap:14px !important;padding:12px 14px !important;background:linear-gradient(180deg,rgba(28,28,36,.85),rgba(20,20,28,.95)) !important;border:1.5px solid rgba(255,255,255,.06) !important;border-radius:12px !important;transition:transform .2s cubic-bezier(.2,.7,.2,1),border-color .2s,box-shadow .2s;backdrop-filter:blur(6px);box-shadow:none !important;min-height:0 !important}
.dl2-row:hover{transform:translateY(-2px);border-color:rgba(93,187,60,.3) !important;box-shadow:0 10px 24px -10px rgba(0,0,0,.5),0 0 14px -8px rgba(93,187,60,.25) !important}
.dl2-row.latest{border-color:rgba(93,187,60,.4) !important;background:linear-gradient(180deg,rgba(93,187,60,.10),rgba(28,28,36,.95)) !important;box-shadow:0 4px 18px -10px rgba(93,187,60,.4) !important;position:relative}
.dl2-row.latest::before{content:"⭐ Рекомендуем";position:absolute;top:-9px;left:14px;font-size:10px;font-weight:900;color:#fff;background:linear-gradient(135deg,#ffd75a,#f0a630 50%,#c47308);padding:3px 9px;border-radius:6px;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 3px 10px rgba(245,166,35,.45);line-height:1.4}
.dl2-hidden{display:none !important}

.dl2-ver-badge{display:inline-flex !important;align-items:center;justify-content:center;flex-shrink:0;padding:7px 11px !important;border-radius:9px !important;background:linear-gradient(135deg,rgba(125,217,87,.18),rgba(93,187,60,.06)) !important;border:1.5px solid rgba(93,187,60,.3) !important;color:#aef88b !important;font-size:12.5px !important;font-weight:900 !important;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.4);min-width:60px;text-align:center}
.dl2-row.latest .dl2-ver-badge{background:linear-gradient(135deg,rgba(125,217,87,.3),rgba(93,187,60,.12)) !important;border-color:#7ed957 !important;color:#fff !important;box-shadow:0 0 12px rgba(93,187,60,.35)}

.dl2-row-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.dl2-row-title{font-size:13.5px !important;font-weight:800 !important;color:#fff !important;line-height:1.3 !important;display:flex;align-items:center;gap:8px;flex-wrap:wrap;white-space:normal !important;overflow:visible !important}
.dl2-row-loader-badge{display:inline-flex !important;align-items:center;padding:2px 7px !important;border-radius:5px !important;background:rgba(80,140,220,.18) !important;border:1px solid rgba(80,140,220,.3) !important;color:#75b5ff !important;font-size:10px !important;font-weight:900 !important;text-transform:uppercase;letter-spacing:.04em;line-height:1.4}

.dl2-chips{display:flex !important;flex-wrap:wrap;gap:5px !important}
.dl2-chip{display:inline-flex !important;align-items:center;gap:3px;padding:3px 8px !important;border-radius:6px !important;background:rgba(255,255,255,.05) !important;border:1px solid rgba(255,255,255,.08) !important;color:#ccc !important;font-size:10.5px !important;font-weight:700 !important;line-height:1.4;white-space:nowrap}
.dl2-chip.size{color:#ddd !important;background:rgba(80,140,220,.06) !important;border-color:rgba(80,140,220,.15) !important}
.dl2-chip.status.dl-status-stable{background:rgba(93,187,60,.10) !important;border-color:rgba(93,187,60,.3) !important;color:#aef88b !important}
.dl2-chip.status.dl-status-beta{background:rgba(245,166,35,.10) !important;border-color:rgba(245,166,35,.3) !important;color:#ffd75a !important}
.dl2-chip.status.dl-status-old{background:rgba(224,48,48,.08) !important;border-color:rgba(224,48,48,.25) !important;color:#ff8585 !important}

.dl2-date{flex-shrink:0;font-size:10.5px !important;color:var(--muted) !important;font-weight:700;white-space:nowrap;padding:0 !important;background:none !important;border:none !important}

.dl2-btn{display:inline-flex !important;align-items:center;justify-content:center;gap:6px !important;padding:11px 22px !important;border-radius:11px !important;background:linear-gradient(135deg,#7ed957 0%,#5dbb3c 50%,#3d8a26 100%) !important;color:#fff !important;font-size:13.5px !important;font-weight:900 !important;text-decoration:none !important;white-space:nowrap;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 8px 22px -6px rgba(93,187,60,.55),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 0 rgba(0,0,0,.18) !important;transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s,filter .2s;line-height:1;letter-spacing:.01em;border:none !important}
.dl2-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:dl2Shine 3.5s ease-in-out infinite;pointer-events:none}
@keyframes dl2Shine{0%,80%{left:-100%}90%{left:100%}100%{left:100%}}
.dl2-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px -6px rgba(93,187,60,.7),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -2px 0 rgba(0,0,0,.18) !important;filter:brightness(1.05)}
.dl2-btn:active{transform:translateY(0)}
.dl2-btn.outline{background:rgba(255,255,255,.04) !important;border:1.5px solid rgba(93,187,60,.3) !important;color:#aef88b !important;box-shadow:none !important;padding:9px 18px !important;font-size:12.5px !important}
.dl2-btn.outline::before{display:none}
.dl2-btn.outline:hover{background:rgba(93,187,60,.12) !important;border-color:#5dbb3c !important;color:#fff !important;box-shadow:0 6px 16px -8px rgba(93,187,60,.4) !important}

.dl2-show-more{display:flex !important;align-items:center;justify-content:center;gap:7px;width:100%;padding:11px !important;margin-top:4px !important;background:rgba(255,255,255,.03) !important;border:1.5px dashed rgba(93,187,60,.3) !important;border-radius:11px !important;color:#aef88b !important;font-size:12.5px !important;font-weight:800 !important;cursor:pointer;transition:all .2s;font-family:inherit}
.dl2-show-more:hover{background:rgba(93,187,60,.08) !important;border-style:solid !important;border-color:#5dbb3c !important;color:#fff !important}

.dl2-footer{margin-top:18px !important;padding-top:14px !important;border-top:1px solid rgba(255,255,255,.06) !important;font-size:12px !important;color:var(--muted) !important;font-weight:700;background:none !important;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}
.dl2-footer::before{content:"🛡";font-size:14px;filter:drop-shadow(0 0 6px rgba(93,187,60,.5))}
.dl2-mirror{color:var(--accent) !important;font-weight:800;text-decoration:none;padding:3px 9px;border-radius:6px;background:rgba(93,187,60,.08);border:1px solid rgba(93,187,60,.2);transition:all .15s}
.dl2-mirror:hover{background:rgba(93,187,60,.18) !important;border-color:#5dbb3c;color:#fff !important}

@media(max-width:680px){
    .dl2-box{padding:18px 14px !important;border-radius:16px}
    .dl2-row{flex-wrap:wrap;gap:10px !important;padding:10px 12px !important}
    .dl2-date{order:2;width:100%;text-align:left}
    .dl2-btn{flex:1}
    .dl2-title{font-size:16px !important}
    .dl2-icon{width:40px !important;height:40px !important;border-radius:11px !important}
    .dl2-icon::after{width:18px;height:18px}
}

/* ═══ RATING + REACTIONS (.rs-*) ═══ */
.rs-board{position:relative;border-radius:20px;overflow:hidden;background:radial-gradient(900px 320px at 0% 0%,rgba(245,166,35,.10),transparent 60%),radial-gradient(900px 360px at 100% 100%,rgba(93,187,60,.08),transparent 60%),linear-gradient(180deg,#16161c 0%,#11111a 100%);border:1.5px solid var(--border);padding:24px 24px 22px}
.rs-board::before,.rs-board::after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none;z-index:0}
.rs-board::before{width:260px;height:260px;background:radial-gradient(circle,#f5a623 0%,transparent 70%);top:-90px;left:-80px}
.rs-board::after{width:300px;height:300px;background:radial-gradient(circle,#5dbb3c 0%,transparent 70%);bottom:-100px;right:-100px}
.rs-board > *{position:relative;z-index:1}

.rs-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.rs-head-left{display:flex;align-items:center;gap:12px}
.rs-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#ffd75a,#f0a630 50%,#c47308);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 20px rgba(245,166,35,.4),inset 0 1px 0 rgba(255,255,255,.3)}
.rs-icon svg{width:22px;height:22px;fill:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}
.rs-head h2{margin:0;font-size:18px;line-height:1.2;color:#fff;font-weight:900;letter-spacing:-.01em}
.rs-head h2 .rs-grad{background:linear-gradient(90deg,#fff 30%,#f5a623);background-clip:text;-webkit-background-clip:text;color:transparent}
.rs-head-sub{margin-top:3px;font-size:12px;color:var(--muted);font-weight:700}
.rs-engagement{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:11px;font-weight:800;color:#fff;backdrop-filter:blur(8px)}
.rs-engagement b{color:var(--accent);font-weight:900}

.rs-grid{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}

.rs-big{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:120px}
.rs-num{font-family:'Press Start 2P',monospace;font-size:38px;line-height:1;background:linear-gradient(180deg,#fff 0%,#f5a623 80%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 30px rgba(245,166,35,.4);letter-spacing:-.02em;margin-bottom:6px}
.rs-num.is-empty{background:none;color:var(--muted);text-shadow:none}
.rs-stars{display:flex;gap:2px;margin-bottom:4px;font-size:18px}
.rs-stars .filled{color:#f5a623;filter:drop-shadow(0 0 6px rgba(245,166,35,.6))}
.rs-stars .empty{color:rgba(255,255,255,.15)}
.rs-count{font-size:11px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.rs-count b{color:var(--text);font-weight:900;font-size:13px;text-transform:none;letter-spacing:0}

.rs-bars{display:flex;flex-direction:column;gap:6px;min-width:160px}
.rs-bar{display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--muted);font-weight:700}
.rs-bar-star{display:inline-flex;align-items:center;gap:3px;width:20px;color:#f5a623;font-weight:900}
.rs-bar-track{flex:1;height:8px;background:rgba(255,255,255,.05);border-radius:6px;overflow:hidden;position:relative}
.rs-bar-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#f5a623 0%,#ffd75a 100%);border-radius:6px;box-shadow:0 0 12px rgba(245,166,35,.5);transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
.rs-bar-fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);background-size:200% 100%;animation:rsShimmer 3s ease-in-out infinite}
@keyframes rsShimmer{0%,100%{background-position:200% 0}50%{background-position:-200% 0}}
.rs-bar-cnt{min-width:24px;text-align:right;color:#ccc;font-variant-numeric:tabular-nums}

.rs-action{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:200px}
.rs-action-label{font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.rs-stars-input{display:flex;gap:4px}
.rs-stars-input button{background:none;border:none;font-size:28px;color:rgba(255,255,255,.18);cursor:pointer;padding:0;line-height:1;transition:transform .15s,color .15s,filter .15s;font-family:inherit}
.rs-stars-input button:hover,.rs-stars-input button.is-active{color:#f5a623;filter:drop-shadow(0 0 10px rgba(245,166,35,.7));transform:scale(1.15) rotate(-3deg)}
.rs-stars-input button:hover ~ button{color:rgba(255,255,255,.18);filter:none;transform:none}
.rs-action-feedback{font-size:11.5px;color:var(--accent);font-weight:800;text-align:center;line-height:1.3;min-height:14px}
.rs-action-login{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;background:linear-gradient(135deg,#5dbb3c,#3d8a26);color:#fff;font-weight:900;font-size:12px;text-decoration:none;box-shadow:0 4px 14px rgba(93,187,60,.4)}
.rs-action-login:hover{filter:brightness(1.1)}

.rs-divider{margin:22px -10px 18px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12) 20%,rgba(255,255,255,.12) 80%,transparent);position:relative}
.rs-divider::after{content:"⚡";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#16161c;padding:0 12px;color:#f5a623;font-size:14px;filter:drop-shadow(0 0 8px rgba(245,166,35,.6))}

.rs-reactions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.rs-reactions-label{display:flex;flex-direction:column;margin-right:6px;line-height:1.2}
.rs-reactions-label-title{font-size:13px;color:#fff;font-weight:900;letter-spacing:-.01em}
.rs-reactions-label-sub{font-size:10.5px;color:var(--muted);font-weight:700;margin-top:2px}
.rs-reaction{position:relative;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.08);border-radius:12px;font-size:13px;cursor:pointer;color:#fff;font-weight:800;transition:transform .2s cubic-bezier(.2,.7,.2,1),border-color .15s,background .15s;font-family:inherit;line-height:1;backdrop-filter:blur(6px)}
.rs-reaction:hover{transform:translateY(-3px) scale(1.06);border-color:var(--accent);background:rgba(93,187,60,.12)}
.rs-reaction:active{transform:translateY(-1px) scale(1.03)}
.rs-reaction.is-mine{background:linear-gradient(135deg,rgba(93,187,60,.18),rgba(93,187,60,.08));border-color:#5dbb3c;box-shadow:0 0 18px rgba(93,187,60,.25)}
.rs-reaction .emoji{font-size:18px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}
.rs-reaction .count{font-size:12px;font-weight:900;color:#ccc;font-variant-numeric:tabular-nums;min-width:8px}
.rs-reaction.is-mine .count{color:var(--accent)}
.rs-reaction.is-top::before{content:"👑";position:absolute;top:-8px;right:-6px;font-size:14px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:rsCrown 2s ease-in-out infinite}
@keyframes rsCrown{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
.rs-reaction.is-burst{animation:rsBurst .45s cubic-bezier(.4,2,.6,1)}
@keyframes rsBurst{0%{transform:scale(1)}40%{transform:scale(1.3) rotate(-6deg)}70%{transform:scale(.95)}100%{transform:scale(1)}}

@media (max-width:780px){
    .rs-board{padding:18px 16px}
    .rs-grid{grid-template-columns:1fr;gap:18px}
    .rs-big{flex-direction:row;justify-content:center;gap:14px;min-width:0}
    .rs-num{font-size:32px;margin:0}
    .rs-stars{font-size:16px}
    .rs-bars{min-width:0}
    .rs-action{min-width:0;width:100%}
    .rs-reactions-label{margin-right:0;width:100%;text-align:center;align-items:center}
    .rs-reactions{justify-content:center}
}

/* ═══ CROSS-SECTION LINKS (.csl-*) ═══ */
.csl-box{position:relative;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(28,28,36,.6),rgba(20,20,28,.4));border:1.5px solid var(--border);padding:14px 16px}
.csl-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.csl-head-icon{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#7ed957,#5dbb3c 50%,#3d8a26);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(93,187,60,.35),inset 0 1px 0 rgba(255,255,255,.2);font-size:15px}
.csl-head h3{margin:0;font-size:14px;font-weight:900;color:#fff;letter-spacing:-.01em}
.csl-head h3 .csl-grad{background:linear-gradient(90deg,#fff,#aef88b);background-clip:text;-webkit-background-clip:text;color:transparent}
.csl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:7px}
.csl-item{display:flex;align-items:center;gap:9px;padding:9px 11px;background:rgba(255,255,255,.03);border:1.5px solid rgba(255,255,255,.06);border-radius:9px;text-decoration:none;color:inherit;transition:all .2s cubic-bezier(.2,.7,.2,1);backdrop-filter:blur(4px)}
.csl-item:hover{transform:translateY(-2px);background:rgba(93,187,60,.08);border-color:var(--accent);box-shadow:0 8px 18px -10px rgba(0,0,0,.5),0 0 12px -8px rgba(93,187,60,.3)}
.csl-emoji{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border-radius:7px;font-size:18px;transition:transform .25s}
.csl-item:hover .csl-emoji{transform:rotate(-6deg) scale(1.1)}
.csl-text{min-width:0;flex:1}
.csl-text-title{font-weight:900;font-size:11.5px;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}
.csl-item:hover .csl-text-title{color:#aef88b}
.csl-text-sub{font-size:9.5px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}

/* ═══ RELATED + CROSS (.rl-*) — Shorts 9:16 ═══ */
.rl-section{position:relative;border-radius:14px;overflow:hidden;background:radial-gradient(600px 200px at 0% 0%,rgba(93,187,60,.06),transparent 60%),radial-gradient(500px 200px at 100% 100%,rgba(80,140,220,.05),transparent 60%),linear-gradient(180deg,#16161c 0%,#11111a 100%);border:1.5px solid var(--border);padding:14px 14px 12px;margin-top:14px}
.rl-section::before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#5dbb3c 0%,transparent 70%);filter:blur(60px);opacity:.3;top:-70px;left:-60px;pointer-events:none;z-index:0}
.rl-section::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#508cdc 0%,transparent 70%);filter:blur(60px);opacity:.25;bottom:-70px;right:-60px;pointer-events:none;z-index:0}
.rl-section > *{position:relative;z-index:1}

.rl-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.rl-head-left{display:flex;align-items:center;gap:9px}
.rl-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 10px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.2)}
.rl-icon--green{background:linear-gradient(135deg,#7ed957,#5dbb3c 50%,#3d8a26)}
.rl-icon--blue{background:linear-gradient(135deg,#75b5ff,#508cdc 50%,#2a6cb8)}
.rl-icon svg{width:16px;height:16px;fill:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}
.rl-head h3{margin:0;font-size:13.5px;line-height:1.2;color:#fff;font-weight:900;letter-spacing:-.01em}
.rl-head h3 .rl-grad{background:linear-gradient(90deg,#fff 30%,var(--accent));background-clip:text;-webkit-background-clip:text;color:transparent}
.rl-head-sub{margin-top:1px;font-size:10.5px;color:var(--muted);font-weight:700}
.rl-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:10.5px;font-weight:800;color:#fff;backdrop-filter:blur(6px)}
.rl-pill b{color:var(--accent);font-weight:900}

.rl-grid{display:grid;gap:6px}
.rl-grid--8{grid-template-columns:repeat(8,minmax(0,1fr))}
.rl-grid--6{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:980px){.rl-grid--8{grid-template-columns:repeat(6,minmax(0,1fr))}.rl-grid--6{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:720px){.rl-grid--8{grid-template-columns:repeat(5,minmax(0,1fr))}.rl-grid--6{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:540px){.rl-grid--8,.rl-grid--6{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}}
@media(max-width:380px){.rl-grid--8,.rl-grid--6{grid-template-columns:repeat(2,minmax(0,1fr))}}

.rl-card{position:relative;border-radius:8px;overflow:hidden;text-decoration:none;display:block;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s;min-width:0;aspect-ratio:9/16;background:#0c0c10;border:1px solid rgba(255,255,255,.06)}
.rl-card:hover{transform:translateY(-2px) scale(1.03);border-color:var(--accent);box-shadow:0 10px 22px -8px rgba(0,0,0,.7),0 0 12px -6px rgba(93,187,60,.4);z-index:2}
.rl-card:active{transform:translateY(-1px) scale(1.01)}

.rl-thumb{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.rl-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .25s}
.rl-card:hover .rl-thumb img{transform:scale(1.08);filter:brightness(1.1) saturate(1.1)}
.rl-thumb-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:48px;background:linear-gradient(135deg,rgba(93,187,60,.18),rgba(61,138,38,.08));color:#5dbb3c;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}

.rl-thumb-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.5) 65%,rgba(0,0,0,.92) 100%);pointer-events:none}

.rl-tag{position:absolute;top:4px;left:4px;display:inline-flex;align-items:center;gap:2px;padding:2px 5px;border-radius:4px;color:#fff;font-size:8.5px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;line-height:1.4;box-shadow:0 1px 4px rgba(0,0,0,.45);max-width:calc(100% - 10px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(4px);z-index:2}
.rl-tag--green{background:linear-gradient(135deg,rgba(93,187,60,.95),rgba(61,138,38,.95))}
.rl-tag--blue{background:linear-gradient(135deg,rgba(80,140,220,.95),rgba(42,108,184,.95))}

.rl-rating-badge{position:absolute;top:4px;right:4px;display:inline-flex;align-items:center;gap:1px;padding:2px 5px;border-radius:4px;background:linear-gradient(135deg,rgba(245,166,35,.95),rgba(196,115,8,.95));color:#fff;font-size:9px;font-weight:900;line-height:1.3;box-shadow:0 1px 4px rgba(0,0,0,.45);backdrop-filter:blur(4px);z-index:2}

.rl-body{position:absolute;left:0;right:0;bottom:0;padding:6px 6px 7px;display:flex;flex-direction:column;gap:3px;z-index:2}
.rl-title{margin:0;font-size:10.5px;font-weight:900;color:#fff;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em;text-shadow:0 2px 5px rgba(0,0,0,.7);transition:color .2s}
.rl-card:hover .rl-title{color:#aef88b}
.rl-meta{display:flex;align-items:center;gap:3px;flex-wrap:wrap;font-size:8.5px;color:#fff;font-weight:800;line-height:1.3;opacity:.92}
.rl-meta-chip{display:inline-flex;align-items:center;gap:1px;padding:1px 4px;border-radius:3px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(3px);text-shadow:0 1px 2px rgba(0,0,0,.5)}
.rl-meta-chip.mc{color:#a3e57d}
.rl-meta-chip.dl{color:#fff}

.rl-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;z-index:2;backdrop-filter:blur(4px);border:1.5px solid rgba(255,255,255,.5)}
.rl-card:hover .rl-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.rl-play svg{width:13px;height:13px;fill:#fff;margin-left:2px}

.rl-foot{margin-top:10px;display:flex;justify-content:flex-end}
.rl-cta{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:7px;background:linear-gradient(135deg,rgba(93,187,60,.15),rgba(93,187,60,.05));border:1.5px solid rgba(93,187,60,.3);color:var(--accent);font-size:11.5px;font-weight:900;text-decoration:none;transition:all .2s}
.rl-cta:hover{background:linear-gradient(135deg,rgba(93,187,60,.25),rgba(93,187,60,.1));border-color:var(--accent);transform:translateX(2px)}
.rl-cta svg{width:12px;height:12px;fill:currentColor;transition:transform .2s}
.rl-cta:hover svg{transform:translateX(2px)}

/* ═══ TABBED RELATED (.rt-*) — объединённый блок «Похожие · Гайды · Разделы» ═══ */
.rt-box{position:relative;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#16161c 0%,#11111a 100%);border:1.5px solid var(--border);padding:14px 14px 12px}
.rt-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}
.rt-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:10px;background:rgba(255,255,255,.03);border:1.5px solid rgba(255,255,255,.06);color:#ccc;font-size:12px;font-weight:800;cursor:pointer;font-family:inherit;line-height:1;transition:all .18s cubic-bezier(.2,.7,.2,1)}
.rt-tab:hover{border-color:rgba(93,187,60,.3);color:#fff;background:rgba(93,187,60,.06);transform:translateY(-1px)}
.rt-tab.is-active{background:linear-gradient(135deg,rgba(93,187,60,.18),rgba(93,187,60,.06));border-color:#5dbb3c;color:#fff;box-shadow:0 4px 14px -6px rgba(93,187,60,.5)}
.rt-tab-ico{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;font-size:11px;flex-shrink:0}
.rt-tab-ico--green{background:linear-gradient(135deg,#7ed957,#3d8a26);color:#fff}
.rt-tab-ico--blue{background:linear-gradient(135deg,#75b5ff,#2a6cb8);color:#fff}
.rt-tab-ico--purple{background:linear-gradient(135deg,#c690ff,#7a3dcf);color:#fff}
.rt-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;padding:0 5px;border-radius:8px;background:rgba(0,0,0,.35);color:#fff;font-size:10px;font-weight:900;line-height:1}
.rt-tab.is-active .rt-tab-count{background:rgba(255,255,255,.22)}
.rt-panel{display:none;animation:rtFadeIn .25s ease-out}
.rt-panel.is-active{display:block}
@keyframes rtFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:540px){.rt-tab{padding:6px 10px;font-size:11px}.rt-tab-ico{width:18px;height:18px;font-size:10px}}

/* ═══ STICKY MOBILE DOWNLOAD CTA ═══ */
.mod-sticky-cta{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:100;padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,#7ed957 0%,#5dbb3c 50%,#3d8a26 100%);color:#fff;text-decoration:none;font-family:inherit;align-items:center;gap:10px;box-shadow:0 10px 30px -6px rgba(0,0,0,.5),0 0 0 1.5px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.25);font-weight:900;transition:transform .15s,box-shadow .2s;backdrop-filter:blur(8px)}
.mod-sticky-cta:active{transform:translateY(1px);box-shadow:0 6px 18px -6px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.25)}
.mod-sticky-cta-ico{flex-shrink:0;width:34px;height:34px;border-radius:9px;background:rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;font-size:18px;animation:stickyBounce 2.4s ease-in-out infinite}
@keyframes stickyBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.mod-sticky-cta-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.15}
.mod-sticky-cta-title{font-size:14px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mod-sticky-cta-sub{font-size:10.5px;font-weight:700;opacity:.85;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mod-sticky-cta-arrow{font-size:18px;font-weight:900;flex-shrink:0;transition:transform .25s}
.mod-sticky-cta:hover .mod-sticky-cta-arrow{transform:translateX(3px)}
@media(max-width:768px){.mod-sticky-cta{display:flex}body{padding-bottom:72px}}
.mod-sticky-cta.is-hidden{display:none !important}

/* ═══════════════════════════════════════════════════════════
   COMMENTS — премиум-блок (.cmt-*)
═══════════════════════════════════════════════════════════ */
.cmt-section{position:relative;border-radius:18px;overflow:hidden;background:radial-gradient(700px 280px at 0% 0%,rgba(93,187,60,.06),transparent 60%),radial-gradient(600px 240px at 100% 100%,rgba(245,166,35,.05),transparent 60%),linear-gradient(180deg,#16161c 0%,#11111a 100%);border:1.5px solid var(--border);padding:22px 22px 18px;margin-top:18px}
.cmt-section::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#5dbb3c 0%,transparent 70%);filter:blur(70px);opacity:.3;top:-80px;left:-70px;pointer-events:none;z-index:0}
.cmt-section::after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#f5a623 0%,transparent 70%);filter:blur(70px);opacity:.22;bottom:-80px;right:-70px;pointer-events:none;z-index:0}
.cmt-section > *{position:relative;z-index:1}

/* Header */
.cmt-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.cmt-head-icon{position:relative;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#7ed957,#5dbb3c 50%,#3d8a26);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 20px rgba(93,187,60,.4),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -2px 0 rgba(0,0,0,.15);transform:rotate(-3deg)}
.cmt-head-icon::before{content:"";position:absolute;inset:0;border-radius:12px;background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(0,0,0,.08) 7px 8px),repeating-linear-gradient(90deg,transparent 0 7px,rgba(0,0,0,.08) 7px 8px);pointer-events:none;opacity:.5}
.cmt-head-icon svg{width:22px;height:22px;fill:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));position:relative;z-index:1}
.cmt-title{margin:0;font-size:20px;font-weight:900;color:#fff;line-height:1.2;letter-spacing:-.01em}
.cmt-title .cmt-grad{background:linear-gradient(90deg,#fff 30%,#7ed957);background-clip:text;-webkit-background-clip:text;color:transparent}
.cmt-title .cmt-count{color:var(--muted);font-size:14px;font-weight:700}
.cmt-sub{margin-top:3px;font-size:12px;color:var(--muted);font-weight:700}

/* Form box */
.cmt-form-box{margin:0 0 22px !important;padding:14px !important;background:linear-gradient(180deg,rgba(28,28,36,.7),rgba(20,20,28,.85)) !important;border:1.5px solid rgba(255,255,255,.08) !important;border-radius:14px !important;backdrop-filter:blur(8px)}
.cmt-input{display:block;width:100%;padding:10px 14px;background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.08);border-radius:9px;color:#fff;font-size:14px;font-family:inherit;margin-bottom:8px;outline:none;transition:border-color .15s,background .15s}
.cmt-input:focus{border-color:#5dbb3c;background:rgba(93,187,60,.06)}
.cmt-textarea{display:block;width:100%;padding:12px 14px;background:rgba(255,255,255,.04) !important;border:1.5px solid rgba(255,255,255,.08) !important;border-radius:9px !important;color:#fff !important;font-size:14px !important;font-family:inherit;outline:none;resize:vertical;min-height:90px;transition:border-color .15s,background .15s,box-shadow .15s;line-height:1.5}
.cmt-textarea:focus{border-color:#5dbb3c !important;background:rgba(93,187,60,.04) !important;box-shadow:0 0 0 3px rgba(93,187,60,.12)}
.cmt-textarea::placeholder{color:var(--muted);font-weight:600}

/* Emoji picker */
.cmt-emoji-picker{margin-top:8px;border:1.5px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(0,0,0,.25);overflow:hidden;transition:border-color .15s}
.cmt-emoji-picker:hover{border-color:rgba(93,187,60,.2)}
.cmt-emoji-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:transparent;border:none;color:#ccc;font-size:12.5px;font-weight:800;cursor:pointer;font-family:inherit;transition:background .15s}
.cmt-emoji-toggle:hover{background:rgba(93,187,60,.06);color:#fff}
.cmt-emoji-toggle-ico{font-size:16px;line-height:1}
.cmt-emoji-toggle-text{flex:1;text-align:left}
.cmt-emoji-toggle-arrow{font-size:10px;transition:transform .2s}
.cmt-emoji-picker.is-open .cmt-emoji-toggle-arrow{transform:rotate(180deg)}
.cmt-emoji-grid{display:none;grid-template-columns:repeat(8,1fr);gap:5px;padding:10px;border-top:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.22)}
.cmt-emoji-picker.is-open .cmt-emoji-grid{display:grid;animation:cmtEmFade .2s ease-out}
@keyframes cmtEmFade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.cmt-emoji-btn{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:rgba(255,255,255,.04);border:1.5px solid transparent;border-radius:7px;cursor:pointer;transition:all .15s cubic-bezier(.2,.7,.2,1);font-family:inherit;line-height:1;padding:4px;color:#fff}
.cmt-emoji-btn:hover{background:linear-gradient(135deg,rgba(93,187,60,.18),rgba(93,187,60,.06));border-color:#5dbb3c;transform:scale(1.15) rotate(-4deg);box-shadow:0 4px 12px -4px rgba(93,187,60,.4)}
.cmt-emoji-btn:active{transform:scale(.95)}
@media (max-width:680px){.cmt-emoji-grid{grid-template-columns:repeat(6,1fr)}}
@media (max-width:480px){.cmt-emoji-grid{grid-template-columns:repeat(5,1fr)}}

/* Form footer */
.cmt-form-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px !important;padding:0 !important;border:none !important;background:none !important}
.cmt-notice{flex:1;min-width:0;font-size:11.5px !important;color:var(--muted) !important;font-weight:700;line-height:1.4}
.cmt-submit{display:inline-flex !important;align-items:center;gap:7px;padding:10px 18px !important;border-radius:10px !important;background:linear-gradient(135deg,#7ed957 0%,#5dbb3c 50%,#3d8a26 100%) !important;color:#fff !important;font-size:13px !important;font-weight:900 !important;border:none !important;cursor:pointer;transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s,filter .2s;font-family:inherit;box-shadow:0 6px 18px -6px rgba(93,187,60,.5),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 0 rgba(0,0,0,.15)}
.cmt-submit:hover{transform:translateY(-2px);box-shadow:0 10px 24px -8px rgba(93,187,60,.6),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -2px 0 rgba(0,0,0,.15) !important;filter:brightness(1.05)}
.cmt-submit:active{transform:translateY(0)}
.cmt-submit svg{flex-shrink:0;transition:transform .2s}
.cmt-submit:hover svg{transform:translateX(3px)}
.cmt-login-link{display:block;text-align:right;color:var(--muted) !important;font-size:11.5px !important;margin-top:8px !important;text-decoration:none;font-weight:700;transition:color .15s}
.cmt-login-link:hover{color:var(--accent) !important}

/* Comments list — оверрайды над .comment / .c-* */
.cmt-section #commentsList{display:flex;flex-direction:column;gap:14px}
.cmt-section .comment{display:flex !important;gap:12px !important;padding:14px !important;background:linear-gradient(180deg,rgba(28,28,36,.7),rgba(20,20,28,.85)) !important;border:1.5px solid rgba(255,255,255,.06) !important;border-radius:14px !important;transition:border-color .2s,box-shadow .2s,transform .2s;backdrop-filter:blur(6px);box-shadow:none !important;margin:0 !important;animation:cmtFadeIn .3s cubic-bezier(.2,.7,.2,1) both}
@keyframes cmtFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.cmt-section .comment:hover{border-color:rgba(93,187,60,.2) !important;box-shadow:0 8px 24px -10px rgba(0,0,0,.4),0 0 16px -10px rgba(93,187,60,.2) !important}

.cmt-section .c-avatar{width:44px !important;height:44px !important;border-radius:11px !important;background:linear-gradient(135deg,rgba(93,187,60,.18),rgba(93,187,60,.04)) !important;border:1.5px solid rgba(93,187,60,.25) !important;color:#aef88b !important;font-weight:900 !important;font-size:18px !important;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative}
.cmt-section .c-avatar img{width:100% !important;height:100% !important;object-fit:cover;display:block;border-radius:inherit}

.cmt-section .c-body{flex:1;min-width:0}
.cmt-section .c-header{display:flex;align-items:center;flex-wrap:wrap;gap:7px !important;margin-bottom:6px !important}
.cmt-section .c-author{font-size:13.5px !important;font-weight:900 !important;color:#fff !important;line-height:1.3 !important;letter-spacing:-.01em}
.cmt-section .c-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px !important;border-radius:6px !important;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#ccc !important;font-size:10px !important;font-weight:900 !important;text-transform:uppercase;letter-spacing:.04em;line-height:1.4}
.cmt-section .c-badge.admin{background:linear-gradient(135deg,rgba(245,166,35,.18),rgba(245,166,35,.08)) !important;border-color:rgba(245,166,35,.4) !important;color:#ffd75a !important;text-shadow:0 1px 4px rgba(245,166,35,.3)}
.cmt-section .c-date{font-size:11px !important;color:var(--muted) !important;font-weight:700;margin-left:auto !important;white-space:nowrap;flex-shrink:0}
.cmt-section .c-text{margin:0 !important;font-size:14px !important;color:#e4e4e4 !important;line-height:1.55 !important;white-space:pre-wrap;word-wrap:break-word;word-break:break-word}

.cmt-section .c-actions{display:flex;gap:6px;margin-top:8px !important;padding:0 !important;border:none !important}
.cmt-section .c-act{display:inline-flex;align-items:center;gap:5px;padding:5px 10px !important;background:rgba(255,255,255,.04) !important;border:1.5px solid rgba(255,255,255,.06) !important;border-radius:7px !important;color:#ccc !important;font-size:11.5px !important;font-weight:800 !important;cursor:pointer;transition:all .18s;font-family:inherit;line-height:1}
.cmt-section .c-act:hover{border-color:#5dbb3c !important;background:rgba(93,187,60,.08) !important;color:#aef88b !important;transform:translateY(-1px)}

/* Replies — вертикальная линия */
.cmt-section .c-replies{margin-top:12px !important;padding-left:18px !important;border-left:2px solid rgba(93,187,60,.18);position:relative}
.cmt-section .c-replies .comment{margin-left:0 !important;background:linear-gradient(180deg,rgba(20,20,28,.6),rgba(14,14,20,.8)) !important}

/* Empty state */
.cmt-section #noComments{background:rgba(255,255,255,.03) !important;border:1.5px dashed rgba(255,255,255,.08) !important;border-radius:12px !important;padding:32px 20px !important;text-align:center;color:var(--muted) !important;font-size:13px !important;font-weight:700;line-height:1.6}
.cmt-section #noComments::before{content:"💬";display:block;font-size:38px;margin-bottom:10px;filter:drop-shadow(0 4px 10px rgba(93,187,60,.3))}

@media (max-width:680px){
    .cmt-section{padding:16px 14px}
    .cmt-section .c-avatar{width:38px !important;height:38px !important;font-size:15px !important;border-radius:9px !important}
    .cmt-section .comment{padding:11px !important;gap:10px !important;border-radius:11px !important}
    .cmt-section .c-text{font-size:13.5px !important}
    .cmt-title{font-size:17px}
    .cmt-head-icon{width:36px;height:36px;border-radius:10px}
    .cmt-head-icon svg{width:18px;height:18px}
}

/* ═══ EMOJI (Twemoji SVG) ═══ */
.mc-emoji{display:inline-block;width:1.3em;height:1.3em;vertical-align:-.28em;margin:0 1px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}
.c-text .mc-emoji{width:22px;height:22px;vertical-align:-6px;margin:0 2px}

/* Кнопки picker'а */
.cmt-emoji-btn img.mc-emoji{width:30px;height:30px;vertical-align:middle;margin:0;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));transition:transform .15s,filter .2s}
.cmt-emoji-btn:hover img.mc-emoji{filter:drop-shadow(0 3px 8px rgba(93,187,60,.4))}
.cmt-emoji-toggle-ico.mc-emoji{width:22px;height:22px;margin:0;vertical-align:middle;filter:none}
@media(max-width:680px){.cmt-emoji-btn img.mc-emoji{width:26px;height:26px}}
@media(max-width:480px){.cmt-emoji-btn img.mc-emoji{width:24px;height:24px}}