/* v3.2.6 B: premieres / scheduled streams - countdown cards (free) and the waiting page */
.prem-grid{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.prem-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;min-width:0}
.prem-card:hover .prem-title{text-decoration:underline}
.prem-thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000}
.prem-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.prem-badge{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,.8);color:#fff;font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:5px;letter-spacing:.02em}
.is-live .prem-badge{background:#b42318}
.prem-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.prem-title{font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.prem-meta{font-size:13px;color:var(--muted)}
.prem-when{font-weight:700;color:var(--ink)}.prem-when.on{color:var(--brand)}
.prem-list{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:10px}
.prem-list .prem-card{flex-direction:row;align-items:flex-start;gap:10px}
.prem-list .prem-thumb{flex:0 0 112px;width:112px;border-radius:8px}
.prem-list .prem-badge{font-size:10px;left:4px;bottom:4px;padding:1px 5px}
.prem-list .prem-title{font-size:13.5px}
.wl-up .wl-h a{font-weight:600;margin-left:6px}
.prem-crumb{margin:6px 0 0}
.prem-h{font-size:clamp(22px,4.6vw,32px);line-height:1.2;margin:6px 0 4px;overflow-wrap:anywhere}
.prem-sub{margin:0 0 4px}
.prem-stage{position:relative;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;margin:10px 0;max-width:1100px}
.prem-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6}
.prem-wait{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;text-align:center;padding:12px;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.7))}
.prem-big{font-size:clamp(22px,6vw,44px);font-weight:800;margin:0;line-height:1.15;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.prem-clock{font-variant-numeric:tabular-nums;font-size:clamp(15px,3.4vw,22px);margin:0;opacity:.92}
.prem-clock:empty{display:none}
.prem-free{margin:4px 0 0;font-size:13px;background:rgba(0,0,0,.6);padding:4px 12px;border-radius:999px}
.prem-play{position:absolute;inset:0;height:100%;aspect-ratio:auto;border-radius:0;background:transparent}
.prem-wait[hidden],.prem-play[hidden],.prem-slot[hidden]{display:none}
.prem-slot{position:absolute;inset:0}.prem-slot iframe{width:100%;height:100%;border:0;display:block}
.prem-slot .pg-out{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;margin:0;padding:12px;text-align:center;background:rgba(0,0,0,.7)}
.prem-slot .pg-out a{color:#ffd54a}
.prem-note{margin:0 0 6px}
@media(max-width:720px){.prem-grid{grid-template-columns:1fr 1fr;gap:12px}.prem-title{font-size:14px}.prem-stage{border-radius:10px;margin:8px -4px}}
@media(max-width:400px){.prem-grid{grid-template-columns:1fr}}