/* DJiRussia.Ru — главная, верхний блок. Перенесено из Tilda (rec4953172001) 08.11.2026. Правки вносить здесь. */
/* === djr-soc-css === */
/* Подвал: значки мессенджеров с логотипами и подписями (06.11.2026, v2: Telegram — менеджер и канал). Откат: удалить этот style и script ниже. */
.djr-f-social.djr-soc-row{display:flex!important;flex-wrap:wrap;align-items:flex-start;gap:14px 18px;margin-top:18px}
.djr-soc-row .djr-soc{display:flex!important;flex-direction:column;align-items:center;gap:6px;width:auto!important;height:auto!important;padding:0!important;background:none!important;border:0!important;text-decoration:none!important;color:#cfd6e0!important;font:500 12px/1.2 Manrope,Arial,sans-serif;cursor:pointer}
.djr-soc-row .djr-soc-ic{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .15s,box-shadow .15s}
.djr-soc-row .djr-soc-ic svg{width:26px;height:26px;fill:currentColor}
.djr-soc-row .djr-soc:hover .djr-soc-ic,.djr-soc-row .djr-soc:focus-visible .djr-soc-ic{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.35)}
.djr-soc-row .djr-soc-lb{white-space:nowrap}
.djr-soc-wa .djr-soc-ic{background:#25D366}
.djr-soc-tgbtn .djr-soc-ic{background:#2AABEE}
.djr-soc-max .djr-soc-ic{background:linear-gradient(135deg,#4F8CFF,#8A4DFF)}
.djr-soc-tggrp{position:relative}
.djr-soc-row .djr-soc.djr-soc-tgbtn{display:none!important}
.djr-soc-tglist{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:68px}
.djr-soc-row a.djr-soc-pill{display:inline-flex!important;align-items:center;gap:8px;height:30px;padding:0 14px 0 4px!important;border-radius:15px;background:rgba(42,171,238,.14)!important;border:1px solid rgba(42,171,238,.55)!important;color:#e9f6ff!important;font:600 12.5px/1 Manrope,Arial,sans-serif;text-decoration:none!important;white-space:nowrap;width:auto!important;transition:background .15s}
.djr-soc-row a.djr-soc-pill:hover,.djr-soc-row a.djr-soc-pill:focus-visible{background:rgba(42,171,238,.28)!important}
.djr-soc-pill i{width:22px;height:22px;border-radius:50%;background:#2AABEE;display:flex;align-items:center;justify-content:center;flex:none}
.djr-soc-pill i svg{width:14px;height:14px;fill:#fff}
@media(max-width:760px){
 .djr-soc-row .djr-soc.djr-soc-tgbtn{display:flex!important}
 .djr-soc-tglist{display:none;position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);z-index:20;min-height:0;padding:10px;border-radius:14px;background:#141922;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 30px rgba(0,0,0,.45)}
 .djr-soc-tggrp.is-open .djr-soc-tglist{display:flex}
 .djr-soc-tggrp.is-open .djr-soc-tgbtn .djr-soc-ic{box-shadow:0 0 0 3px rgba(42,171,238,.35)}
}
@media(max-width:420px){.djr-f-social.djr-soc-row{gap:12px 14px}.djr-soc-row .djr-soc-ic{width:44px;height:44px;border-radius:12px}.djr-soc-row .djr-soc-ic svg{width:24px;height:24px}.djr-soc-row .djr-soc{font-size:11px}}
.djr-soc-row .djr-action-arrow,.djr-soc-row .djr-shine-sweep{display:none!important}

/* === djr-cookie-css === */
/* Уведомление о cookies (06.11.2026). Откат: удалить этот style и script ниже. */
.djr-ck{position:fixed;left:50%;transform:translate(-50%,16px);bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:2147483000;width:min(560px,calc(100% - 24px));box-sizing:border-box;display:flex;align-items:center;gap:16px;padding:14px 16px 14px 18px;border-radius:16px;background:#141922;color:#e6ebf2;border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 40px rgba(0,0,0,.45);font:500 13.5px/1.45 Manrope,Arial,sans-serif;opacity:0;transition:opacity .25s,transform .25s}
.djr-ck.is-in{opacity:1;transform:translate(-50%,0)}
.djr-ck p{margin:0;flex:1}
.djr-ck a{color:#7fb8ff;text-decoration:underline}
.djr-ck button{flex:none;border:0;border-radius:10px;background:#086de2;color:#fff;font:600 14px/1 Manrope,Arial,sans-serif;padding:12px 18px;cursor:pointer}
.djr-ck button:hover{background:#0a5fc4}
.djr-ck button:focus-visible{outline:3px solid #7fb8ff;outline-offset:2px}
@media(max-width:760px){.djr-ck{bottom:calc(92px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:stretch;gap:10px;font-size:13px}.djr-ck button{width:100%}}
@media(prefers-reduced-motion:reduce){.djr-ck{transition:none}}

/* === djr-sn-css === */
/* Подвал: «Мы в соцсетях» — Rutube, Instagram (06.11.2026). Откат: удалить этот style и script ниже. */
.djr-sn{margin-top:18px;font-family:Manrope,Arial,sans-serif}
.djr-sn-t{font:600 12px/1.2 Manrope,Arial,sans-serif;color:#8d96a3;letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px}
.djr-sn-row{display:flex;flex-wrap:wrap;gap:10px}
.djr-sn a.djr-sn-i{display:inline-flex!important;align-items:center;gap:8px;height:36px;padding:0 14px 0 6px!important;border-radius:18px;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;color:#e6ebf2!important;font:600 13px/1 Manrope,Arial,sans-serif;text-decoration:none!important;white-space:nowrap;width:auto!important;transition:background .15s,border-color .15s}
.djr-sn a.djr-sn-i:hover,.djr-sn a.djr-sn-i:focus-visible{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.28)!important}
.djr-sn-i i{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none}
.djr-sn-i i svg{width:15px;height:15px}
.djr-sn-rt i{background:#100943}
.djr-sn-yt i{background:#FF0000}
.djr-sn-ig i{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.djr-sn-n{margin:10px 0 0;font:400 10.5px/1.4 Manrope,Arial,sans-serif;color:#6f7884;max-width:420px}
.djr-sn .djr-action-arrow,.djr-sn .djr-shine-sweep{display:none!important}