.product-film{display:block;position:relative;border-radius:20px;overflow:hidden;aspect-ratio:16/9;background:#163c57}
[data-product-player] video{display:block;width:100%;height:100%;object-fit:contain;background:#102535}
.product-start{position:absolute;inset:0;display:grid;place-items:center;color:white;background:radial-gradient(ellipse at center,#10253508,#10253532);text-decoration:none}
.product-start[hidden]{display:none}
.product-start:focus-visible{outline:4px solid #4aa7e9;outline-offset:-4px}
.product-start .film-play{position:relative;left:auto;bottom:auto;display:grid;place-items:center;gap:0;padding:0;box-sizing:border-box;width:clamp(82px,9vw,108px);height:clamp(82px,9vw,108px);aspect-ratio:1;border:2px solid #ffffffc9;border-radius:50%;background:#247db9;color:#fff;box-shadow:0 4px 24px #10253555;transition:background .2s,box-shadow .2s}
.product-start .film-play::before{content:"";position:absolute;inset:-9px;border:2px solid #ffffff80;border-radius:50%;animation:product-play-ring 2.4s ease-out infinite;pointer-events:none}
.product-start .film-play svg{display:block;width:40px;height:40px;min-width:40px;margin-left:5px;fill:currentColor}
.product-start:hover .film-play,.product-start:focus-visible .film-play{background:#166da9;box-shadow:0 0 0 7px #4aa7e93d,0 6px 26px #10253566}
.product-status{position:absolute;left:12px;right:12px;top:10px;margin:0;background:#102535e8;color:white;padding:8px 12px;border-radius:8px;font-size:13px}
.product-status:empty{display:none}.product-status a{color:white;text-decoration:underline}
@keyframes product-play-ring{0%,100%{opacity:.3;transform:scale(1)}60%{opacity:0;transform:scale(1.22)}}
@media(prefers-reduced-motion:reduce){.product-start .film-play::before{animation:none}.product-start .film-play{transition:none}}