/* The four favorites share a single cinema screen. */
.favorites-billboard{min-width:0}
.billboard-viewport{display:grid;isolation:isolate;overflow:hidden;border:1px solid #43515c;border-radius:20px;box-shadow:0 16px 48px #0003;touch-action:pan-y pinch-zoom}
.billboard-slide{grid-area:1/1;min-width:0;visibility:hidden;opacity:0;transform:translateX(32px);transition:opacity .6s ease,transform .65s cubic-bezier(.22,1,.36,1),visibility .65s;pointer-events:none}
.billboard-slide.is-active{visibility:visible;opacity:1;transform:none;pointer-events:auto;z-index:1}
.billboard-poster{--glow:#386956;--accent:#d1fa85;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:24px;position:relative;overflow:hidden;padding:36px 42px;min-height:304px;background:radial-gradient(ellipse at 88% 20%,var(--glow),transparent 66%),linear-gradient(115deg,#111d24,#0b141d);user-select:none}
.billboard-poster[data-theme="1"]{--glow:#234573;--accent:#a5daff}
.billboard-poster[data-theme="2"]{--glow:#513a68;--accent:#e3bfff}
.billboard-poster[data-theme="3"]{--glow:#695535;--accent:#f2d594}
.billboard-poster::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 14px,#e5f5ff1c 14px 22px,transparent 22px 33px) top 8px left/100% 4px no-repeat,repeating-linear-gradient(90deg,transparent 0 14px,#e5f5ff12 14px 22px,transparent 22px 33px) bottom 8px left/100% 4px no-repeat}
.billboard-copy{position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.billboard-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:10px;font-weight:750;letter-spacing:.16em;line-height:1.4}
.billboard-kicker::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent)}
.billboard-title{font-size:clamp(25px,2.7vw,36px);font-weight:750;letter-spacing:-.045em;line-height:1.2;margin:0;max-width:550px;text-wrap:balance;overflow-wrap:anywhere}
.billboard-bottom{display:flex;align-items:center;gap:28px;width:100%;margin-top:7px}
.billboard-price{flex-shrink:0}
.billboard-price>div{display:flex;align-items:baseline;gap:8px}
.billboard-price strong{font-size:38px;line-height:1.1;font-weight:750;letter-spacing:-.06em;color:var(--accent);white-space:nowrap}
.billboard-price>div>span{font-size:12px;color:#bdc8d2;white-space:nowrap}
.billboard-saving{display:block;color:#ced8df;font-size:11px;margin-top:6px}
.billboard-buy{font-size:13px;padding:12px 17px;white-space:nowrap;min-height:45px;box-shadow:0 3px 20px #0002}
.billboard-buy span{font-size:18px;line-height:1}
.billboard-art{height:224px;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;perspective:700px}
.billboard-beam{position:absolute;width:120%;height:130%;inset:-20% -10% -10%;background:conic-gradient(from 245deg at 50% 95%,transparent 0deg,#e1f3ff13 48deg,#e1f3ff06 98deg,transparent 130deg);filter:blur(2px);pointer-events:none}
.billboard-screen{position:relative;display:flex;align-items:center;justify-content:center;width:100%;z-index:1}
.billboard-brand-poster{position:relative;display:grid;place-items:center;width:116px;height:169px;flex:0 1 116px;border:1px solid #ffffff29;border-radius:12px;background:linear-gradient(145deg,#3a4b67,#151b29 85%);box-shadow:9px 17px 25px #0006,inset 0 1px #fff2;transform:rotate(-7deg) translateY(4px);overflow:hidden}
.billboard-brand-poster+.billboard-brand-poster{margin-left:-13px;transform:rotate(6deg) translateY(-8px)}
.billboard-brand-poster:nth-child(3){transform:rotate(-3deg) translateY(3px)}
.billboard-brand-poster:nth-child(4){transform:rotate(8deg) translateY(-7px)}
.billboard-brand-poster::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff2,transparent 35%,transparent 67%,#fff1);pointer-events:none}
.billboard-brand-poster::after{content:"";position:absolute;inset:auto 12px 12px;height:2px;border-radius:2px;background:#ffffff2c;box-shadow:0 -5px #ffffff0c}
.billboard-brand-poster.poster-netflix{background:linear-gradient(145deg,#581e2c,#1a1422 80%)}
.billboard-brand-poster.poster-disney{background:linear-gradient(145deg,#245e85,#111d3d 80%)}
.billboard-brand-poster.poster-hbo{background:linear-gradient(145deg,#7254b2,#251737 80%)}
.billboard-brand-poster.poster-prime{background:linear-gradient(145deg,#2284ad,#143247 80%)}
.billboard-brand-poster.poster-crunchyroll{background:linear-gradient(145deg,#d06d22,#472617 80%)}
.billboard-brand-poster.poster-paramount{background:linear-gradient(145deg,#276da8,#122540 80%)}
.billboard-brand-poster .brand-icon{background:transparent;width:90%;height:65px;padding:8px;border-radius:0;flex-basis:auto}
.billboard-brand-poster .brand-netflix img{height:65px}
.billboard-floor{position:absolute;bottom:0;width:100%;height:19px;opacity:.35;border-radius:50%;background:var(--accent);filter:blur(25px);transform:rotateX(35deg)}
.billboard-controls{display:flex;justify-content:center;align-items:center;margin-top:5px}
.billboard-dots{display:flex;align-items:center;gap:4px}
.billboard-dot{display:grid;place-items:center;width:36px;height:40px;padding:0;border:0;background:none;border-radius:7px}
.billboard-dot>span{width:6px;height:6px;background:#5e6b78;border-radius:8px;transition:width .25s,background .25s}
.billboard-dot[aria-current="true"]>span{width:22px;background:var(--lime)}
@media(max-width:1000px){.billboard-poster{padding:31px 28px;gap:20px;grid-template-columns:1.2fr 1fr}.billboard-title{font-size:28px}.billboard-brand-poster{height:147px;width:94px;flex-basis:94px}.billboard-bottom{gap:18px}.billboard-price strong{font-size:34px}.billboard-buy{font-size:12px;padding:12px}.billboard-brand-poster .brand-icon{padding:6px}}
@media(max-width:700px){.billboard-viewport{border-radius:16px}.billboard-poster{grid-template-columns:1fr;gap:10px;min-height:0;padding:20px 21px 23px;background:radial-gradient(ellipse at 75% 0,var(--glow),transparent 70%),linear-gradient(130deg,#111c25,#0c141e)}.billboard-art{grid-row:1;height:101px;margin:0 0 8px}.billboard-brand-poster{width:73px;flex:0 1 73px;height:100px;border-radius:9px}.billboard-brand-poster+.billboard-brand-poster{margin-left:-7px}.billboard-brand-poster .brand-icon{height:45px;padding:4px}.billboard-brand-poster .brand-netflix img{height:44px}.billboard-brand-poster::after{inset:auto 10px 9px}.billboard-floor{bottom:-9px;width:80%;height:12px;filter:blur(17px)}.billboard-beam{width:110%;inset:-25% -5% 0}.billboard-copy{gap:11px}.billboard-kicker{font-size:9px;letter-spacing:.13em}.billboard-title{font-size:24px;line-height:1.23;max-width:100%;text-wrap:pretty}.billboard-bottom{justify-content:space-between;gap:12px;margin-top:6px}.billboard-price strong{font-size:34px}.billboard-price>div{gap:6px}.billboard-price>div>span{font-size:10px}.billboard-saving{font-size:10px;margin-top:5px}.billboard-buy{font-size:12px;min-height:44px;padding:10px 13px;gap:7px}.billboard-controls{margin-top:5px}.billboard-dot{width:32px;height:40px}.billboard-dot[aria-current="true"]>span{width:19px}}
@media(max-width:360px){.billboard-poster{padding:20px 16px}.billboard-title{font-size:21px}.billboard-bottom{gap:9px}.billboard-price strong{font-size:31px}.billboard-buy{font-size:11px;padding:10px}}
@media(prefers-reduced-motion:reduce){.billboard-slide,.billboard-dot>span{transition:none;transform:none}}