/* Fade only decorative paint; never mask content or interactive controls. */
main #paketit{background:transparent;border-block-color:transparent}
main #paketit::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 760px 640px at 6% 30%,#325f3080,transparent 75%),radial-gradient(ellipse 720px 520px at 96% 74%,#24593973,transparent 75%),linear-gradient(120deg,#10180f,#0d110d 50%,#132015);mask-image:linear-gradient(to bottom,transparent,#000 140px,#000 calc(100% - 160px),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 140px,#000 calc(100% - 160px),transparent)}
main>.section-divider{background:linear-gradient(90deg,transparent,#a4c69b14 30%,#b8d8ae24 50%,#a4c69b14 70%,transparent);box-shadow:none}
@media(max-width:650px){main #paketit::before{mask-image:linear-gradient(to bottom,transparent,#000 90px,#000 calc(100% - 100px),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 90px,#000 calc(100% - 100px),transparent)}}

/* Only decorative elements move: all headings, numbers, copy and rows stay put. */
[data-section-loop-host]{position:relative}
.suomi-loop-sheen{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}
.suomi-loop-sheen::before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid #b8ed8333;pointer-events:none}
.suomi-loop-sheen::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,#b8f18b24 45%,#e9ffb83d 50%,transparent 70%);translate:-125% 0;pointer-events:none}
#suomi-section-motion-toggle{position:static;inset:auto;z-index:auto;display:inline-flex;align-items:center;min-height:44px;max-width:100%;flex:0 0 auto;padding:8px 0;border:0;border-radius:0;background:transparent;color:#a5afa6;font-size:12px;font-weight:500;line-height:1.5;box-shadow:none;cursor:pointer;text-align:left}
#suomi-section-motion-toggle:focus-visible{outline:2px solid #d7ffad;outline-offset:4px}
#suomi-section-motion-toggle:disabled{opacity:.75;cursor:default}
@keyframes suomi-section-float{0%,100%{translate:0 0;filter:drop-shadow(0 0 1px #bdff8c33)}50%{translate:0 -6px;filter:drop-shadow(0 0 9px #bdff8caa)}}
@keyframes suomi-section-chevron{0%,100%{translate:0 0;filter:drop-shadow(0 0 0 #bdff8c00)}50%{translate:0 4px;filter:drop-shadow(0 0 6px #bdff8c99)}}
@keyframes suomi-section-sweep{0%{translate:-125% 0}75%,100%{translate:125% 0}}
@keyframes suomi-section-edge{0%,100%{border-color:#b8ed8333;box-shadow:inset 0 0 0 #b8ed8300}50%{border-color:#b8ed83aa;box-shadow:inset 0 0 14px #b8ed8320}}
@keyframes suomi-section-orbit{0%,100%{translate:0 0;scale:1;filter:brightness(1)}50%{translate:-6px -4px;scale:1.025;filter:brightness(1.65)}}
@media(prefers-reduced-motion:no-preference){
 html[data-suomi-section-loops] .journey .step-symbol>.icon,
 html[data-suomi-section-loops] .price-note-panel .note-heading>.icon{animation:suomi-section-float 3.6s ease-in-out infinite;animation-delay:var(--suomi-loop-phase,0s)}
 html[data-suomi-section-loops] .faq-chevron>.icon{animation:suomi-section-chevron 3.2s ease-in-out infinite;animation-delay:var(--suomi-loop-phase,0s)}
 html[data-suomi-section-loops] .suomi-loop-sheen::after{animation:suomi-section-sweep 4.2s ease-in-out infinite;animation-delay:var(--suomi-loop-phase,0s)}
 html[data-suomi-section-loops] .journey .suomi-loop-sheen::before{animation:suomi-section-edge 3.6s ease-in-out infinite;animation-delay:var(--suomi-loop-phase,0s)}
 html[data-suomi-section-loops] main #tuki::after{animation:suomi-section-orbit 4.8s ease-in-out infinite}
}
html[data-suomi-section-loops="paused"] .journey .step-symbol>.icon,
html[data-suomi-section-loops="paused"] .price-note-panel .note-heading>.icon,
html[data-suomi-section-loops="paused"] .faq-chevron>.icon,
html[data-suomi-section-loops="paused"] .suomi-loop-sheen::before,
html[data-suomi-section-loops="paused"] .suomi-loop-sheen::after,
html[data-suomi-section-loops="paused"] main #tuki::after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
 .suomi-loop-sheen{display:none}
 html[data-suomi-section-loops] .journey .step-symbol>.icon,
 html[data-suomi-section-loops] .price-note-panel .note-heading>.icon,
 html[data-suomi-section-loops] .faq-chevron>.icon,
 html[data-suomi-section-loops] main #tuki::after{animation:none!important}
}

/* Load after current sports-panel styles. Only applies after successful enhancement. */
.sports-banner.sports-banner--video{align-items:center;min-height:0}
.sports-banner--video>.suomi-sports-video{grid-column:1;grid-row:1;min-width:0;width:100%;margin:0;align-self:center;background:#0a110e}
.suomi-sports-video__frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000}
.suomi-sports-video__frame>iframe,.suomi-sports-video__play{display:block;width:100%;height:100%;position:absolute;inset:0;border:0;border-radius:0;margin:0;padding:0}
.suomi-sports-video__play{cursor:pointer;background:#000;color:#fff;overflow:hidden}
.suomi-sports-video__play>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1}
.suomi-sports-video__label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 20px;border-radius:999px;background:#08130feb;color:#fff;border:1px solid #ffffff80;font-family:inherit;font-weight:600;font-size:15px;line-height:1.3;white-space:nowrap}
.suomi-sports-video__play:hover .suomi-sports-video__label{background:#183a2b}
.suomi-sports-video__play:focus-visible{outline:3px solid #b7e46a;outline-offset:-5px;z-index:1}
.suomi-sports-video>figcaption{display:block!important;position:static!important;padding:14px 18px;margin:0;color:#c5d0c9;background:#0a110e;font-size:12px;line-height:1.6;text-align:left;opacity:1!important;transform:none!important}
.suomi-sports-video>figcaption>a{display:inline;color:#d6edba;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.sports-banner--video>.suomi-sports-video{grid-column:1;grid-row:1}.suomi-sports-video__label{padding:12px 16px;font-size:14px}}

/* Oct28 FAQ decoration must never match summary>span:last-child chevron rules. */
.faq-section .faq-list>details>summary>i.suomi-loop-sheen{position:absolute;inset:0;width:auto;height:auto;min-width:0;min-height:0;margin:0;padding:0;display:block;flex:none;transform:none;translate:none;rotate:none;border:0;border-radius:inherit;background:none;box-shadow:none;font-style:normal;pointer-events:none;overflow:hidden;z-index:0}
.sf-footer .sf-bottom{flex-wrap:wrap}
.sf-footer #suomi-section-motion-toggle:hover{color:#c7f1b2;text-decoration:underline;text-underline-offset:3px}