.film-orbit{position:fixed;right:clamp(18px,3vw,46px);bottom:clamp(18px,3vw,40px);z-index:70}
.film-orbit__button{position:relative;width:116px;height:116px;border:0;border-radius:50%;background:#08271f;color:#c7ff22;cursor:pointer;box-shadow:0 10px 32px rgba(0,0,0,.22);transition:transform .25s ease,box-shadow .25s ease}
.film-orbit__button:hover{transform:scale(1.055);box-shadow:0 14px 38px rgba(0,0,0,.28)}
.film-orbit__button:focus-visible{outline:3px solid #c7ff22;outline-offset:4px}
.film-orbit__ring{position:absolute;inset:9px;display:grid;place-items:center;border:1px solid rgba(199,255,34,.45);border-radius:50%;font:700 10px/1 sans-serif;letter-spacing:.08em;animation:filmSpin 14s linear infinite}
.film-orbit__ring::before{content:"FILM · 24 SEK · PLAY ·";position:absolute;top:9px;left:50%;transform:translateX(-50%);white-space:nowrap}
.film-orbit__ring{font-size:0}
.film-orbit__core{position:absolute;inset:31px;border-radius:50%;display:grid;place-items:center;background:#c7ff22;color:#08271f;font:700 25px/1 sans-serif;padding-left:3px}
@keyframes filmSpin{to{transform:rotate(360deg)}}
.film-dialog{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100dvh}
.film-dialog::backdrop{background:rgba(2,12,9,.88);backdrop-filter:blur(10px)}
.film-dialog__shell{height:100%;display:grid;place-items:center;position:relative;padding:24px;box-sizing:border-box}
.film-dialog__video{display:block;max-height:calc(100dvh - 110px);max-width:min(92vw,720px);aspect-ratio:9/16;background:#061d17;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.45)}
.film-dialog__close{position:absolute;top:20px;right:24px;width:46px;height:46px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#08271f;color:white;font:300 30px/1 sans-serif;cursor:pointer;z-index:2}
.film-dialog__meta{position:absolute;left:24px;bottom:20px;color:#f3efe5;display:flex;gap:14px;align-items:center;font:600 12px/1.2 sans-serif;letter-spacing:.06em}
.film-dialog__meta strong{color:#c7ff22}
@media(max-width:820px){
  .film-orbit{position:fixed;right:14px;bottom:14px}
  .film-orbit__button{width:88px;height:88px}
  .film-orbit__ring{inset:7px}
  .film-orbit__core{inset:24px;font-size:20px}
  .film-dialog__shell{padding:0}
  .film-dialog__video{max-width:100vw;max-height:100dvh;width:auto;height:100dvh;border-radius:0}
  .film-dialog__meta{display:none}
}
@media(prefers-reduced-motion:reduce){.film-orbit__ring{animation:none}}



.film-orbit{display:none!important}
.quick-film{
  appearance:none;border:1px solid rgba(8,39,31,.22);background:transparent;color:#08271f;
  border-radius:999px;cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease
}
.quick-film:hover,.quick-film:focus-visible{background:#08271f;color:#c7ff22;border-color:#08271f;transform:translateY(-1px)}
.quick-film:focus-visible{outline:3px solid #c7ff22;outline-offset:3px}
.csp-inline-1{--p:0;--dir:1}