.film-wrap{max-width:1280px;margin:74px auto 0;scroll-margin-top:110px;text-align:left}
.film-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px;font-size:12px;color:#c8c8c8}
.film-heading>a{display:inline-flex;align-items:center;gap:8px;color:#999;font-size:11px;text-decoration:none}
.film-heading>a:hover{color:#fff}
.film-heading .icon{width:15px;height:15px}
.film-player{position:relative}
.film-loading{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.film-loading[hidden]{display:none}
.film-loading::before{content:"";width:28px;height:28px;border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;animation:film-buffer-spin .85s linear infinite}
.film-loading span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes film-buffer-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.film-loading::before{animation:none}}
.product-film{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#111;border:1px solid #303030;border-radius:20px;object-fit:contain}
.product-film::cue{font-family:Manrope,sans-serif;background:#080808e8;color:#fff}
.film-caption{margin-top:12px}
.film-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.film-error{font-size:12px;color:#ccc;margin-top:14px;line-height:1.8}
.film-error a{text-decoration:underline;text-underline-offset:3px}
.film-transcript{color:#999;font-size:12px;line-height:1.9;max-width:760px}
.film-transcript summary{width:fit-content;color:#aaa;padding:6px 0}
.film-transcript summary:focus-visible{outline:2px solid #eee;outline-offset:4px;border-radius:2px}
.film-transcript>div{padding-top:8px}
.film-transcript p+p{margin-top:9px}
@media(max-width:760px){.film-wrap{margin-top:48px;scroll-margin-top:90px}.film-heading{font-size:11px;gap:12px;align-items:flex-start}.film-heading>a{font-size:10px;max-width:150px}.product-film{border-radius:12px}.film-transcript summary{padding:12px 0}}
@media(max-width:420px){.film-heading{flex-direction:column;gap:8px}.film-heading>a{max-width:none}.film-wrap{margin-top:38px}}

.film-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 22px;align-items:flex-start}.film-quality{order:2;display:flex;align-items:center;gap:10px;color:#999;font-size:12px;margin-left:auto;min-height:36px}.film-quality select{font:inherit;color:#ddd;background:#151515;border:1px solid #444;border-radius:8px;padding:8px 12px;min-height:38px;cursor:pointer}.film-quality select:focus-visible{outline:2px solid #eee;outline-offset:3px}.film-transcript{order:1;flex:1 1 240px}.film-quality select:disabled{opacity:.6}
