html {
    background: #000;
    overflow: hidden;
    overscroll-behavior: none;
}
body {
    position: absolute;
    width: 1920px;
    height: 1080px;
    overflow: hidden;
    transform-origin: top left;
}
.vod-personal-lists { padding: 0 40px 60px; }
.vod-personal-section { margin-bottom: 38px; }
.vod-personal-section h2 {
    margin: 4px 0 24px;
    font-size: 27px;
    font-weight: 500;
}
.vod-personal-section h2 span {
    display: inline-block;
    width: 48px;
    font-size: 32px;
    vertical-align: middle;
}
.vod-personal-section p {
    white-space: pre-line;
    margin: 0;
    color: #9baabd;
}
.vod-personal-rail {
    display: flex;
    gap: 9px;
    overflow-x: auto;
    scrollbar-width: none;
}
.vod-personal-rail button {
    flex: 0 0 213px;
    width: 213px;
    height: 320px;
    padding: 0;
    position: relative;
    background: #242424;
}
.vod-personal-rail img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.vod-kids {
    background: #140b36 url("assets/kids/background.jpg") center top / cover fixed;
}
.vod-kids .vod-tabs, .vod-kids .recommendation-hero { background: transparent; }
.vod-kids .recommendation-hero .hero-shade {
    background: linear-gradient(90deg,transparent 33%,rgba(0,0,0,.75) 38%,transparent 68%);
}
.vod-editorial .recommendation-hero h1 {
    white-space: normal;
    line-height: 1.14;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.vod-editorial .recommendation-hero .hero-genres { top: 165px; }
.vod-editorial .recommendation-hero p { top: 233px; }
.vod-editorial .vod-shelf { margin: 39px 40px 0; }
.vod-editorial .vod-shelf .vod-rail { gap: 9px; }
.vod-characters {
    display: flex;
    gap: 22px;
    overflow-x: auto;
    scrollbar-width: none;
    padding: 88px 40px 14px;
}
.vod-character {
    flex: 0 0 182px;
    width: 182px;
    height: 182px;
    padding: 0;
    background: transparent;
    border-radius: 50%;
}
.vod-character img { width: 100%; height: 100%; object-fit: contain; }
.vod-character-back { margin: 0 40px 16px; }
.vod-editorial .vod-shelf { margin: 39px 0 0; }
.vod-shelf .vod-expand-card {
    flex: 0 0 213px;
    transition: flex-basis .18s ease;
    overflow: hidden;
}
.vod-shelf .vod-expand-card:focus { flex-basis: 569px; }
.vod-shelf .vod-expand-card .poster-frame { height: 320px; padding: 0; }
.vod-expand-card .vod-expanded-art {
    position: absolute;
    inset: 0;
    opacity: 0;
    object-fit: cover;
    transition: opacity .18s ease;
}
.vod-expand-card:focus .vod-expanded-art { opacity: 1; }
.vod-expanded-info {
    display: none;
    position: absolute;
    inset: auto 0 0;
    padding: 30px 15px 10px;
    background: linear-gradient(transparent, #000d);
    text-align: left;
}
.vod-expand-card:focus .vod-expanded-info { display: block; }
.vod-expand-card > .vod-card-name, .vod-expand-card > .vod-rating { display: none; }
.vod-expanded-info > span, .vod-expanded-rating { display: block; }
.vod-expanded-rating { color: #e00040; margin-bottom: 5px; font-weight: 400; }
.vod-shelf .vod-expand-card:focus .poster-frame {
    outline: 0;
    border: 4px solid #c8102e;
    border-radius: 6px;
}
.media-center { top: 490px; }
.media-center > span { top: 101px; }
#media-loading .buffer-balls {
    width: 120px;
    height: 90px;
    border: 0;
    animation: none;
}
#media-loading .buffer-balls b {
    display: block;
    position: absolute;
    top: 27px;
    left: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #c8102e;
    animation: bora-buffer 1s linear infinite;
}
#media-loading .buffer-balls b + b {
    background: #ffcd00;
    animation-delay: -.5s;
}
@keyframes bora-buffer {
    0%,100% { transform: translate(0,0); }
    12.5% { transform: translate(12px,-19.5px); }
    25% { transform: translate(42px,-27px); }
    37.5% { transform: translate(72px,-19.5px); }
    50% { transform: translate(84px,0); }
    62.5% { transform: translate(72px,19.5px); }
    75% { transform: translate(42px,27px); }
    87.5% { transform: translate(12px,19.5px); }
}
.bora-exit-overlay{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#000a}
.bora-exit-dialog{width:580px;padding:42px;background:#11233a;border-radius:14px;text-align:center;box-shadow:0 10px 60px #000a}
.bora-exit-dialog h2{margin:0 0 30px;font-size:38px}
.bora-exit-actions{display:flex;justify-content:center;gap:20px}
.bora-exit-actions button{min-width:160px;padding:12px 24px;border-radius:6px;background:#26384e}
.bora-exit-actions button:focus{background:#c8102e;outline:3px solid #fff}
.bora-profile{display:grid;grid-template-columns:320px minmax(0,1fr);background:#001b37;overflow:hidden}
.bora-profile-menu{border-right:1px solid #50647c;padding-top:45px}
.bora-profile-menu button{display:block;width:100%;height:105px;padding:0 38px;text-align:left;font-size:32px;border:0}
.bora-profile-menu button.active,.bora-profile-menu button:focus{background:#c8102e;color:#fff}
.bora-profile-pane{padding:44px 40px;overflow:auto}
.bora-profile-pane h1{font-size:32px;font-weight:500;margin:0 0 32px;border-bottom:1px solid #718196;padding-bottom:38px;max-width:750px}
.bora-profile-pane p{font-size:27px;margin:20px 0}
.bora-profile-pane .bora-premium{color:#ffcc72}
.bora-profile-pane button{display:block;margin-top:28px;padding:12px 24px;background:#18354d;border-radius:6px}
.bora-profile-pane button:focus{background:#c8102e}
.tv-channel:focus .tv-now{color:#f5e8ed}
#live-startup{position:absolute;inset:0;z-index:99;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:30px;background:#001b37;color:#fff;font-size:28px}
#live-startup[hidden]{display:none}
#live-startup img{width:128px;height:128px;object-fit:contain}
.login.bora-premiere{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;background:radial-gradient(ellipse at 80% 85%,#7c1029 0%,#250c21 35%,#080711 75%);padding:30px;color:#f7f9ff}
.premiere-intro{text-align:center}.premiere-intro img{display:block;width:90px;height:90px;margin:0 auto 14px;border-radius:16px}
.premiere-brand{color:#ff5275;font-size:20px;font-weight:700;letter-spacing:6px;text-transform:uppercase}
.premiere-intro h1{font-size:66px;line-height:1.05;letter-spacing:-2px;margin:12px 0}
.premiere-intro p{font-size:25px;color:#aebbd1;margin:0}
.bora-premiere .login-card{display:block;width:615px;padding:32px;background:#0b1629;border:1px solid #90b5ff30;border-radius:30px;box-shadow:0 30px 90px #0006}
.bora-premiere .login-card h2{font-size:38px;margin:0 0 18px}
.bora-premiere .login-card label{display:block;font-size:21px;margin:14px 0 7px}
.bora-premiere .login-card input{width:100%;height:62px;border:1px solid #879fc34f;border-radius:11px;background:#ffffff09;color:#fff;padding:12px 17px;font-size:24px}
.bora-premiere .login-card input:focus{outline:2px solid #ff4166;border-color:#ff4166}
.bora-premiere .login-card .primary{display:block;width:100%;margin:24px 0 0;padding:16px;border-radius:11px;background:#ef3058;color:#130912;font-weight:700}
.bora-premiere .login-card .primary:focus{outline:3px solid #fff}
.bora-premiere .login-card small{display:block;margin-top:20px;text-align:center;color:#a0b1cb;font-size:19px}
#live-startup{gap:24px;background:radial-gradient(ellipse at 80% 85%,#7c1029 0%,#250c21 35%,#080711 75%)}
.startup-logo{padding:10px;background:#ffffff14;border:1px solid #ff769f55;border-radius:30px;box-shadow:0 0 75px #f42b5855}
#live-startup .startup-logo img{display:block;width:142px;height:142px;border-radius:22px}
#live-startup h1{font-size:55px;letter-spacing:-1px;margin:6px 0}
.startup-orbit{position:relative;width:110px;height:58px}
.startup-orbit i{position:absolute;top:17px;left:0;width:25px;height:25px;border-radius:50%;background:#f4375e;animation:bora-buffer 1.1s linear infinite}
.startup-orbit i+i{background:#ffcc42;animation-delay:-.55s}
.startup-steps{width:620px;list-style:none;padding:12px 26px;margin:0;border:1px solid #ffffff24;border-radius:20px;background:#0b1629ba}
.startup-steps li{display:flex;justify-content:space-between;align-items:center;padding:14px 5px;font-size:25px;border-bottom:1px solid #ffffff12}
.startup-steps li:last-child{border:0}.startup-steps small{font-size:19px;color:#aab8ce}
.startup-steps [data-state=loading] small{color:#ff7994}.startup-steps [data-state=ready] small{color:#81e8a3}