/* Polsport MyO v1.1 – viewport stage is portaled to document.body while scrolling. */
.polsport-myo{position:relative!important;isolation:isolate;height:310vh!important;min-height:1000px;width:100%!important;max-width:none!important;background:#f4f4f1}
.polsport-myo,.polsport-myo *,.polsport-myo__sticky,.polsport-myo__sticky *{box-sizing:border-box}
.polsport-myo__sticky{position:absolute;top:0;left:0;width:100%;height:100vh;min-height:0;z-index:2;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 53%,#fff 0%,#f5f5f2 55%,#eeeeea 100%)}
.polsport-myo__sticky.is-viewport{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100dvh!important;z-index:100!important}
.polsport-myo__sticky.is-ended{top:auto!important;bottom:0!important}
.polsport-myo__media{width:min(94vw,1450px);height:min(74vh,860px);position:relative;display:flex;align-items:center;justify-content:center;transform:translateY(-2%)}
.polsport-myo__image{position:absolute;inset:0;height:100%!important;width:100%!important;object-fit:contain;opacity:0;transform:scale(.97) translateY(10px);transition:opacity .45s ease,transform .45s ease;pointer-events:none;user-select:none;filter:drop-shadow(0 18px 14px rgba(0,0,0,.09))}
.polsport-myo__image.is-active{opacity:1;transform:scale(1) translateY(0)}
.polsport-myo__swatches{position:absolute;z-index:3;bottom:clamp(20px,5vh,55px);left:50%;transform:translateX(-50%);display:flex;gap:16px;align-items:center;padding:16px 19px;border-radius:99px;background:rgba(255,255,255,.85);box-shadow:0 8px 32px rgba(0,0,0,.08);backdrop-filter:blur(12px)}
.polsport-myo__swatch{appearance:none;border:0!important;padding:0!important;width:23px!important;height:23px!important;min-width:23px;background:var(--dot)!important;border-radius:50%!important;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.16);position:relative;transition:transform .2s}
.polsport-myo__swatch:hover{transform:scale(1.08)}
.polsport-myo__swatch.is-active:after{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid #202020}
.polsport-myo__swatch:focus-visible{outline:2px solid #111!important;outline-offset:6px}
@media(max-width:767px){.polsport-myo{height:270vh!important;min-height:850px}.polsport-myo__media{width:105vw;height:54vh}.polsport-myo__swatches{bottom:7vh;gap:14px;padding:14px 17px}.polsport-myo__swatch{width:20px!important;height:20px!important;min-width:20px}}
@media(prefers-reduced-motion:reduce){.polsport-myo__image,.polsport-myo__swatch{transition:none}}