/* kinogoua.li: promo-banner podpiski poverh pleera (v3) */
#preroll{position:relative}
#kgPromo{position:absolute;left:4%;right:4%;bottom:80px;z-index:7;pointer-events:none;font-family:"Segoe UI",Roboto,Arial,sans-serif;animation:kgpIn .35s ease both}
#kgPromo[hidden],#kgPromo [hidden]{display:none!important}
#kgPromo[data-size="x"]{display:none}
@keyframes kgpIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#kgPromo{animation:none}}
#kgPromo,#kgPromo *{box-sizing:border-box;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;text-shadow:none}

#kgPromo .kgp{position:relative;display:flex;align-items:center;gap:18px;height:120px;padding:0 42px 0 20px;border-radius:16px;color:#fff!important;
  background:linear-gradient(90deg,rgba(10,34,48,.96) 0%,rgba(16,16,22,.97) 50%,rgba(44,12,18,.96) 100%);
  box-shadow:0 10px 30px rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,255,255,.08)}
#kgPromo .kgp:before,#kgPromo .kgp:after{content:"";position:absolute;top:14px;bottom:14px;width:4px;border-radius:4px}
#kgPromo .kgp:before{left:0;background:#22c3f0}
#kgPromo .kgp:after{right:0;background:#ff2e3f}

#kgPromo .kgp-logo{flex:0 0 92px;height:92px;padding:3px;border-radius:50%;background:linear-gradient(135deg,#22c3f0,#ff2e3f);box-shadow:0 6px 18px rgba(0,0,0,.55)}
#kgPromo .kgp-logo img{display:block;width:100%;height:100%;border-radius:50%;background:#0b0b0f;object-fit:cover}
#kgPromo .kgp-txt{flex:1;min-width:0}
#kgPromo .kgp-cap{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#8fd9f0!important}
#kgPromo .kgp-cap b{font-size:16px;font-weight:800;letter-spacing:.01em;color:#fff!important}
#kgPromo .kgp-cap span{color:#8fd9f0!important}
#kgPromo .kgp-cap i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#5a6670}
#kgPromo .kgp-t1{margin-top:4px;font-size:22px;font-weight:800;line-height:1.15;color:#fff!important}
#kgPromo .kgp-t2{margin-top:5px;font-size:13px;line-height:1.3;color:#cdd5db!important}

#kgPromo .kgp-btns{flex:0 0 250px;display:flex;flex-direction:column;gap:8px}
#kgPromo .kgp-btn{pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:10px;height:42px;padding:0 12px;border:0;border-radius:11px;color:#fff!important;font:700 15px/1 "Segoe UI",Roboto,Arial,sans-serif;white-space:nowrap;text-decoration:none!important;cursor:pointer}
#kgPromo .kgp-btn span{color:#fff!important}
#kgPromo .kgp-btn svg{width:19px;height:19px;fill:#fff!important;flex:0 0 auto}
#kgPromo .kgp-tg{background:linear-gradient(180deg,#2cc8f4,#168fc4)!important;box-shadow:0 4px 14px rgba(34,195,240,.35)}
#kgPromo .kgp-br{background:linear-gradient(180deg,#ff4352,#d1202f)!important;box-shadow:0 4px 14px rgba(255,46,63,.35)}
#kgPromo .kgp-btn:hover{filter:brightness(1.08)!important}
#kgPromo .kgp-btn:disabled{cursor:default}
#kgPromo .kgp-x{pointer-events:auto;position:absolute;top:3px;right:12px;width:26px;height:26px;padding:0;border:0;background:none;color:#9aa4ac!important;font-size:20px;line-height:26px;cursor:pointer}
#kgPromo .kgp-x:hover{color:#fff!important}

/* kompaktnyj variant dlya malenkih pleerov */
#kgPromo[data-size="m"]{left:3%;right:3%;bottom:64px}
#kgPromo[data-size="m"] .kgp{height:auto;min-height:84px;gap:12px;padding:10px 34px 10px 14px}
#kgPromo[data-size="m"] .kgp-logo{flex-basis:60px;height:60px}
#kgPromo[data-size="m"] .kgp-cap,#kgPromo[data-size="m"] .kgp-t2{display:none}
#kgPromo[data-size="m"] .kgp-t1{margin-top:0;font-size:16px}
#kgPromo[data-size="m"] .kgp-btns{flex-basis:190px;gap:6px}
#kgPromo[data-size="m"] .kgp-btn{height:34px;font-size:12.5px;border-radius:9px}
#kgPromo[data-size="m"] .kgp-btn svg{width:16px;height:16px}

/* uzkij variant: tonkaya polosa (plejer okolo 520-760 px) */
#kgPromo[data-size="n"]{left:3%;right:3%;bottom:62px}
#kgPromo[data-size="n"] .kgp{height:84px;gap:12px;padding:0 34px 0 12px;border-radius:14px}
#kgPromo[data-size="n"] .kgp:before,#kgPromo[data-size="n"] .kgp:after{top:12px;bottom:12px}
#kgPromo[data-size="n"] .kgp-logo{flex-basis:60px;height:60px}
#kgPromo[data-size="n"] .kgp-cap{font-size:11px;gap:6px}
#kgPromo[data-size="n"] .kgp-cap b{font-size:13px}
#kgPromo[data-size="n"] .kgp-t1{margin-top:2px;font-size:16px}
#kgPromo[data-size="n"] .kgp-t2{display:none}
#kgPromo[data-size="n"] .kgp-btns{flex-basis:190px;gap:6px}
#kgPromo[data-size="n"] .kgp-btn{height:34px;font-size:13px;gap:8px;border-radius:9px}
#kgPromo[data-size="n"] .kgp-btn svg{width:16px;height:16px}

/* telefon: kompaktnaya kartochka (plejer ~300-520 px) */
#kgPromo .kgp-s{display:none}
#kgPromo[data-size="s"]{left:2.5%;right:2.5%;bottom:42px}
#kgPromo[data-size="s"] .kgp{height:auto;flex-wrap:wrap;gap:8px 10px;padding:10px 12px;border-radius:13px}
#kgPromo[data-size="s"] .kgp:before,#kgPromo[data-size="s"] .kgp:after{top:10px;bottom:10px;width:3px}
#kgPromo[data-size="s"] .kgp-logo{flex:0 0 38px;height:38px;padding:2px}
#kgPromo[data-size="s"] .kgp-txt{flex:1 1 0;min-width:0;padding-right:22px}
#kgPromo[data-size="s"] .kgp-cap{font-size:10px;gap:5px}
#kgPromo[data-size="s"] .kgp-cap b{font-size:12px}
#kgPromo[data-size="s"] .kgp-t1{margin-top:1px;font-size:14px;line-height:1.15}
#kgPromo[data-size="s"] .kgp-t2{display:none}
#kgPromo[data-size="s"] .kgp-btns{flex:0 0 100%;flex-direction:row;gap:8px}
#kgPromo[data-size="s"] .kgp-btn{flex:1 1 0;min-width:0;height:34px;padding:0 8px;font-size:13px;gap:6px;border-radius:9px}
#kgPromo[data-size="s"] .kgp-btn svg{width:15px;height:15px}
#kgPromo[data-size="s"] .kgp-l{display:none}
#kgPromo[data-size="s"] .kgp-s{display:inline}
#kgPromo[data-size="s"] .kgp-x{top:4px;right:6px;width:30px;height:30px;font-size:22px;line-height:30px}