/* DJiRussia.Ru — исправления сайта, перенесены из шапки Tilda (rec917498809) 08.11.2026.
   Правки вносить здесь; в Tilda остаётся только подключение файла. */
/* === djr-retire-intro-early === */
/* Старые обложки (Zero-блоки «Официальный партнер… / Запросить КП») прячем сразу, а не скриптом после загрузки: убирает мелькание старого дизайна и сдвиг вёрстки. Откат: удалить этот style. */
#allrecords>.t-rec:has(.tn-elem[data-elem-id="1477656203308"]):has(.tn-elem[data-elem-id="1687504861073"]){display:none!important}
/* Резерв места под полосу «Обзор / Комплектация / Пульты» (её вставляет legacy-refresh.js над товаром через ~1 с) — чтобы карточка не прыгала. Снимается сам, когда полоса появилась. */
#allrecords:not([data-djr-migrated]):not(:has(.dji-live-shell,#drx-intro,.djih-page,.djr-series-hero))>.r:has(.js-product-single){margin-top:98px}
@media(min-width:901px){#allrecords:not([data-djr-migrated]):not(:has(.dji-live-shell,#drx-intro,.djih-page,.djr-series-hero))>.r:has(.js-product-single){margin-top:73px}}
/* Карточка товара: правая колонка (название, комплектации, кнопки) появляется через ~0.5 с и раздвигает страницу. Минимальная высота держит место заранее (итоговая высота карточек всегда больше). */
#allrecords .js-product-single.t-container{min-height:850px}
@media(min-width:961px){#allrecords .js-product-single.t-container{min-height:640px}}

/* === 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}

/* === djr-popup-fix === */
html body #t-header#t-header>.t-rec.r[data-record-type="702"],html body #t-header#t-header>.t-rec.r[data-record-type="1093"]{display:block!important}