.trailer-page{padding:32px 18px 52px}.trailer-page h1{margin:8px 0 18px;font-size:clamp(26px,3vw,38px)}.trailer-intro{max-width:760px;color:#bacbd1;line-height:1.6;margin-bottom:28px}.trailer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}.trailer-card{min-width:0}.trailer-card a{color:#f4f7f8;text-decoration:none}.trailer-card__image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000;border-radius:12px}.trailer-card__image img{width:100%;height:100%;object-fit:cover;display:block}.trailer-card__image span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#061218cc;color:#fff}.trailer-card h2{font-size:17px;line-height:1.4;margin:12px 0 5px}.trailer-card p{color:#a9bec6;font-size:13px;line-height:1.5;margin:0}.trailer-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:40px}.trailer-pagination a{padding:10px 15px;border:1px solid #2e454e;border-radius:7px;color:#fff;text-decoration:none}.trailer-pagination a[aria-current=page]{background:#a7ff16;color:#071014}.trailer-watch{max-width:1100px;margin:auto}.trailer-back{color:#b4d0d8;text-decoration:none}.trailer-watch h1 span{color:#afc3cb;font-weight:400}.trailer-player{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}.trailer-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.trailer-details{max-width:900px;line-height:1.75;color:#d9e4e8;margin-top:24px}.trailer-details .hero-actions{flex-wrap:wrap}.trailer-page a:focus-visible{outline:2px solid #a7ff16;outline-offset:4px}@media(max-width:1100px){.trailer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.trailer-page{padding:24px 8px 38px}.trailer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.trailer-card h2{font-size:15px}}@media(max-width:420px){.trailer-grid{grid-template-columns:1fr}.trailer-player{border-radius:6px}}