.product-film{background:#f4f8f5;border-top:1px solid #d6e6db;border-bottom:1px solid #d6e6db}
.product-film .section-heading{margin-bottom:28px}
.film-frame{position:relative;max-width:1180px;margin:0 auto;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#0f1d26;border:1px solid #cfe1d6;box-shadow:0 24px 60px #173c3b1f}
.film-frame video{display:block;width:100%;height:100%;object-fit:cover;background:#0f1d26}
.film-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border:0;padding:0;background:linear-gradient(180deg,#0f1d2600 40%,#0f1d2659);cursor:pointer;color:#fff}
.film-play span{display:inline-flex;align-items:center;gap:14px;padding:16px 26px 16px 20px;border-radius:40px;background:#1f7a6c;font-weight:600;font-size:15px;line-height:1;letter-spacing:.01em;box-shadow:0 12px 30px #0f1d2640;transition:transform .2s ease,background .2s ease}
.film-play span i{display:block;width:0;height:0;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
.film-play:hover span{background:#176457;transform:scale(1.03)}
.film-play:focus-visible{outline:3px solid #93d8c7;outline-offset:-6px}
.film-frame.is-playing .film-play{display:none}
.film-meta{max-width:1180px;margin:16px auto 0;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:11px;letter-spacing:.04em;color:#6b8b7b}
.film-meta a{color:#2b7a66;border-bottom:1px solid #9cc7b6;padding-bottom:3px}
@media(max-width:550px){.film-frame{border-radius:12px}.film-play span{font-size:13px;padding:12px 20px 12px 16px}.film-meta{font-size:10px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.film-play span{transition:none}.film-play:hover span{transform:none}}