/* ArmCinema — стили нижней части сайта (кнопка «Наверх», подсказка приложения, cookie). Подключается в «Нижней части сайта». */
.to-top { position: fixed; right: 20px; bottom: 28px; z-index: 9999; width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 50% !important; background: rgba(20,20,22,.82) !important; color: #FF7A1A !important; box-shadow: 0 6px 18px rgba(0,0,0,.45) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity .25s, transform .25s, visibility .25s, background .2s; }
.to-top.show { opacity: 1; visibility: visible; transform: none; }
.to-top:hover { background: #FF6600 !important; color: #fff !important; }
.to-top .tt-ring { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.to-top .tt-track { fill: none; stroke: rgba(255,255,255,.12); stroke-width: 2.5; }
.to-top .tt-prog { fill: none; stroke: #FF7A1A; stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 125.7; stroke-dashoffset: 125.7; }
.to-top:hover .tt-prog { stroke: #fff; }
@media (max-width: 768px) { .to-top { right: 12px; bottom: 88px; width: 44px; height: 44px; } }

.appb { position: fixed; left: 10px; right: 10px; bottom: 84px; z-index: 9980; display: flex; align-items: center; gap: 10px; padding: 10px 10px 10px 12px; border-radius: 16px; background: rgba(24,24,28,.97); border: 1px solid #333; box-shadow: 0 10px 28px rgba(0,0,0,.55); color: #ddd; }
.appb[hidden] { display: none; }
.appb img { border-radius: 10px; flex: 0 0 auto; }
.appb-t { flex: 1; min-width: 0; line-height: 1.25; }
.appb-t b { display: block; color: #fff; font-size: 14px; }
.appb-t span { display: block; color: #9a9a9a; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.appb a.appb-go, .appb a.appb-go:link, .appb a.appb-go:visited { flex: 0 0 auto; padding: 9px 14px; border-radius: 999px; background: #ff6600; color: #fff !important; font-size: 13px; font-weight: 800; text-decoration: none !important; }
.appb button.appb-x { flex: 0 0 auto; width: 30px; height: 30px; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 50% !important; background: #2a2a2a !important; box-shadow: none !important; color: #aaa !important; font-size: 18px !important; line-height: 1 !important; cursor: pointer; }
@media (min-width: 769px) { .appb { display: none !important; } }

.ckb { position: fixed; left: 50%; bottom: 14px; z-index: 100005; display: flex; align-items: center; gap: 12px; width: min(720px, calc(100% - 20px)); padding: 10px 12px 10px 16px; box-sizing: border-box; border-radius: 14px; background: rgba(24,24,28,.97); border: 1px solid #3a3a40; box-shadow: 0 12px 32px rgba(0,0,0,.55); color: #cfcfcf; font: 13px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; transform: translate(-50%, 140%); transition: transform .35s ease; }
.ckb.show { transform: translate(-50%, 0); }
.ckb-t { flex: 1; min-width: 0; }
.ckb a, .ckb a:link, .ckb a:visited { color: #ff8a2a !important; text-decoration: underline !important; }
.ckb button { flex: 0 0 auto; height: 36px; padding: 0 18px !important; margin: 0 !important; border: 0 !important; border-radius: 999px !important; background: #ff6600 !important; color: #fff !important; font: 700 13px system-ui, Arial, sans-serif !important; cursor: pointer; box-shadow: none !important; }
@media (max-width: 600px) { .ckb { bottom: 10px; font-size: 12.5px; padding: 10px 10px 10px 14px; } }