.movie-detail-hero { position:relative; margin:-1rem calc((1100px - 100vw) / 2) 2rem; background-position:center; background-size:cover; }
.detail-backdrop-overlay { padding:4rem max(2rem, calc((100vw - 1100px) / 2)); }
.detail-layout { display:grid; grid-template-columns:280px 1fr; align-items:end; gap:2rem; }
.detail-poster { display:block; width:100%; max-width:280px; border-radius:1rem; border:1px solid rgba(255,255,255,.1); box-shadow:0 25px 50px rgba(0,0,0,.35); }
.detail-content { max-width:760px; }
.detail-content h1 { margin:0; font-size:clamp(2.8rem,7vw,5.8rem); }
.detail-meta { margin:1rem 0; color:var(--gold); font-weight:700; }
.pill-row { display:flex; flex-wrap:wrap; gap:.55rem; margin:1rem 0 1.2rem; }
.pill { display:inline-flex; align-items:center; padding:.45rem .8rem; border:1px solid var(--line); border-radius:999px; color:var(--ink); background:rgba(255,255,255,.08); font-size:.75rem; font-weight:600; }
.cta-row { display:flex; flex-wrap:wrap; gap:1rem; margin-top:2rem; }
.detail-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.4rem; margin-bottom:4rem; }
.detail-card { padding:1.4rem 1.5rem; border:1px solid var(--line); border-radius:1rem; background:var(--panel); }
.detail-card h3 { margin:0 0 1rem; font-size:1.1rem; }
.detail-card ul { margin:0; padding-left:1.2rem; color:var(--muted); line-height:1.9; }
.detail-card-wide { grid-column:1 / -1; }
.ott-links { display:flex; flex-wrap:wrap; gap:.7rem; }
.ott-link { display:inline-flex; align-items:center; padding:.7rem 1rem; border:1px solid var(--line); border-radius:999px; color:var(--gold); background:rgba(244,201,93,.08); }
.muted { color:var(--muted); }
@media (max-width:800px) { .movie-detail-hero { margin-left:-1rem; margin-right:-1rem; } .detail-backdrop-overlay { padding:2rem 1rem; } .detail-layout { grid-template-columns:1fr; } .detail-poster { max-width:210px; } .detail-grid { grid-template-columns:1fr; } .detail-content { text-align:center; } .detail-meta { justify-content:center; } .pill-row { justify-content:center; } .cta-row { justify-content:center; } }