/** Shopify CDN: Minification failed

Line 13:33 Unexpected "*"
Line 16:22 Unexpected "0%"
Line 16:55 Unexpected "13%"
Line 16:87 Unexpected "26%"
Line 16:116 Unexpected "39%"
Line 16:148 Unexpected "52%"

**/
/* helios-m.css — shared styling + keyframes for the mobile PDP below-the-line
   sections. Keyframes migrated verbatim from MDesktopPortA/B injected <style> tags
   (names kept unique: mhr-*/mrs-*/cw-*/sl-*). */

/* Heart-rate (MDesktopPortA) */
@keyframes mhr-beat { 0%,100% { transform: scale(1); } 13% { transform: scale(1.16); } 26% { transform: scale(1); } 39% { transform: scale(1.09); } 52% { transform: scale(1); } }
.hm-root .mhr-beat { transform-origin: center; animation: mhr-beat 1.2s ease-in-out infinite; }
@keyframes mhr-dot { 0%,100% { opacity: 1; box-shadow: 0 0 0 0 rgba(255,84,54,.5); } 70% { opacity: .7; box-shadow: 0 0 0 7px rgba(255,84,54,0); } }
.hm-root .mhr-dot { animation: mhr-dot 1.6s ease-out infinite; }
@keyframes mrs-node { 0% { transform: translate(-50%,-50%) scale(.7); opacity: .7; } 70% { transform: translate(-50%,-50%) scale(1.6); opacity: 0; } 100% { transform: translate(-50%,-50%) scale(1.6); opacity: 0; } }

/* card stagger reveal (heart rate) — auto-plays on load */
@keyframes hm-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
.hm-root .hm-rise { animation: hm-rise .55s cubic-bezier(.22,1,.36,1) both; }

/* Cycling-wellness breathe + sleep readiness glow (MDesktopPortB) */
@keyframes cw-breathe2 { 0%,100% { transform: scale(.78); opacity: .7; } 50% { transform: scale(1); opacity: 1; } }
.hm-root .cw-breathe2 { animation: cw-breathe2 8s ease-in-out infinite; }
@keyframes sl-glow { 0%,100% { text-shadow: 0 0 14px rgba(71,255,41,.35); } 50% { text-shadow: 0 0 26px rgba(71,255,41,.7); } }
.hm-root .sl-glow { animation: sl-glow 2.4s ease-in-out infinite; }

/* The exp5 theme globally hides [aria-hidden="true"] (and empty divs). Re-show
   OURS — the comparison blue pillar, the radial section glows, gradient overlays. */
.hm-root [aria-hidden="true"] { display: revert !important; }

/* hide model-viewer's default AR / progress UI inside our phones */
.hm-root model-viewer::part(default-progress-bar) { display: none; }
.hm-root model-viewer { --progress-bar-color: transparent; }