.flix-trailer-temperature { grid-template-columns:repeat(3,minmax(0,1fr)); }
.flix-trailer-theater { margin-top:22px; border:1px solid #37475d; border-radius:12px; overflow:hidden; background:#121b29; }
.flix-trailer-screen { position:relative; aspect-ratio:16/9; background:#05080e; overflow:hidden; }
.flix-trailer-screen > img { position:absolute; width:100%; height:100%; object-fit:contain; opacity:.24; }
.flix-trailer-screen iframe,.flix-trailer-screen #flix-trailer-mount { position:relative; display:block; border:0; width:100%; height:100%; }
.flix-trailer-play-controls { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:10px 18px; border-bottom:1px solid #2c394b; }
.flix-trailer-play-controls button { min-height:36px; padding:7px 12px; border:1px solid #43546b; border-radius:5px; background:#233146; color:#e9eff6; font-size:12px; }
.flix-trailer-play-controls p { color:#a8b9cd; font-size:12px; line-height:1.5; }
.flix-trailer-now { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:22px; }
.flix-trailer-now > div:first-child { min-width:0; }
.flix-trailer-now small { color:#c8a973; font-size:12px; }
.flix-trailer-now h4 { margin:8px 0; font-size:clamp(23px,3vw,32px); line-height:1.25; font-weight:600; }
.flix-trailer-now p { color:#a7b8ca; font-size:12px; line-height:1.6; }
.flix-trailer-decisions { display:flex; gap:8px; align-items:center; flex:none; }
.flix-trailer-decisions button { display:block; min-height:64px; padding:11px 15px; border:1px solid #40506a; border-radius:8px; background:#223149; color:#f4f6fa; text-align:center; }
.flix-trailer-decisions button span,.flix-trailer-decisions button strong { display:block; }
.flix-trailer-decisions button span { margin-bottom:5px; color:#b7c4d8; font-size:11px; }
.flix-trailer-decisions button strong { font-size:13px; font-weight:600; }
.flix-trailer-decisions #flix-trailer-watch { border-color:#ee7485; background:#ed697e; color:#171b28; }
.flix-trailer-decisions #flix-trailer-watch span { color:#3e2030; }
.flix-trailer-decisions #flix-trailer-reject { min-height:44px; padding:10px; border-color:transparent; background:none; color:#b4c2d4; font-size:12px; }
.flix-trailer-candidates { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:0 22px 22px; }
.flix-trailer-candidates button { display:flex; gap:12px; min-width:0; padding:12px; border:1px solid #354358; border-radius:8px; text-align:left; background:#182337; color:#e7eef7; }
.flix-trailer-candidates button[aria-pressed="true"] { border-color:#ef8d9d; background:#352536; box-shadow:inset 0 0 0 1px #ef8d9d; }
.flix-trailer-candidates button.is-rejected { opacity:.38; }
.flix-trailer-candidates img { flex:none; width:49px; height:74px; object-fit:cover; border-radius:3px; }
.flix-trailer-candidate-copy { display:flex; flex-direction:column; gap:5px; min-width:0; }
.flix-trailer-candidate-copy small { color:#c7a975; font-size:10px; }
.flix-trailer-candidate-copy strong { font-size:13px; line-height:1.4; }
.flix-trailer-candidate-copy > span { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:11px; line-height:1.5; color:#a8b7ca; }
.flix-trailer-fallback { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:15px; padding:24px; color:#d9e3f0; text-align:center; line-height:1.6; }
.flix-trailer-fallback a { color:#f5b5be; text-underline-offset:4px; }
@media(max-width:1000px) { .flix-trailer-now { align-items:flex-start; flex-direction:column; gap:18px; }.flix-trailer-decisions { width:100%; }.flix-trailer-candidates button { flex-direction:column; }.flix-trailer-candidates img { width:45px; height:68px; } }
@media(max-width:600px) { .flix-trailer-now { padding:16px; }.flix-trailer-decisions { flex-wrap:wrap; }.flix-trailer-decisions button { flex:1; padding:10px; }.flix-trailer-decisions #flix-trailer-reject { flex-basis:100%; min-height:40px; }.flix-trailer-candidates { grid-template-columns:1fr; padding:0 16px 16px; gap:8px; }.flix-trailer-candidates button { flex-direction:row; padding:10px; }.flix-trailer-candidates img { width:42px; height:63px; }.flix-trailer-play-controls { padding:10px 16px; }.flix-trailer-now h4 { font-size:23px; }.flix-trailer-candidate-copy strong { font-size:14px; } }
