{"product_id":"jasport-x-yesoul-g1m-max-bike-bike-bildschirm","title":"JASPORT × YESOUL G1M Max Bike (Bike + Bildschirm)","description":"\u003cdiv class=\"force-fullwidth-description-video\"\u003e\n\u003cdiv class=\"force-video-inner\"\u003e\n\u003cvideo class=\"force-video-mobile\" playsinline=\"\" autoplay=\"autoplay\" muted=\"\" loop=\"loop\" preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/f9651e3d20fd4b5e9a516cfbe125fce3.thumbnail.0000000000_400x_f8457345-c3da-4e3b-98be-b281c51b7ee8.jpg?v=1781083732\"\u003e\n      \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/30a56636a98d4240997a2031518478d6.mp4?v=0\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cvideo class=\"force-video-desktop\" playsinline=\"\" autoplay=\"autoplay\" muted=\"\" loop=\"loop\" preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/e57bfebde9684fbe936d1ad65597f3db.thumbnail.0000000000_800x_76d25d5a-43d7-432e-8425-11fe3afe0b98.jpg?v=1781083732\"\u003e\n      \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/042aee785f5745df9d482dd6c1df58a2.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\u003cdiv class=\"force-video-overlay\"\u003e\n\u003cdiv class=\"force-video-content\"\u003e\n\u003cp class=\"force-subheading\"\u003eYesoul G1M Max | 21,5-Zoll-FHD-Bildschirm \u0026amp; Kostenloses Screen Mirroring\u003c\/p\u003e\n\u003ch2 class=\"force-heading\"\u003eMEHR ALS NUR RADFAHREN: SCHLUSS MIT LANGWEILIGEM TRAINING\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* 破解核心 1：强制解开 Shopify 所有父级盒子的裁切限制 *\/\n  .product-tabs__tab-item-content.rte,\n  ap-contentcollapsible.collapsible,\n  .product-tabs__tab-item-wrapper,\n  .product-tabs__content,\n  .product-content.anchor,\n  .container {\n    overflow: visible !important; \n  }\n\n  \/* 破解核心 2：强行撑满屏幕并完美居中 *\/\n  .force-fullwidth-description-video {\n    width: 100vw !important;\n    max-width: 100vw !important;\n    position: relative !important;\n    left: 50% !important;\n    right: 50% !important;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n    background-color: #000;\n  }\n\n  \/* 破解核心 3：消灭整个网页底部的横向滚动条 *\/\n  body, html {\n    overflow-x: hidden !important;\n  }\n\n  \/* --- 以下为视频和文字的高级排版样式 --- *\/\n  .force-video-inner {\n    position: relative;\n    width: 100%;\n    height: 60vh;\n    min-height: 480px;\n    overflow: hidden; \/* 这里只针对视频本身裁切 *\/\n  }\n\n  .force-video-inner video {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: cover !important;\n    z-index: 1;\n  }\n\n  .force-video-mobile { display: block; }\n  .force-video-desktop { display: none; }\n\n  .force-video-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.4); \/* 暗黑遮罩，凸显白字 *\/\n    z-index: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    text-align: center;\n    padding: 0 10% !important;\n    box-sizing: border-box;\n  }\n\n  .force-video-content {\n    max-width: 980px;\n    width: 100%;\n  }\n\n  \/* 欧美大牌质感字体：强制大写 + 拉大字间距 *\/\n  .force-subheading {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n    color: #ffffff !important;\n    font-size: 14px !important;\n    font-weight: 600 !important;\n    letter-spacing: 2px !important; \n    text-transform: uppercase !important;\n    margin: 0 0 18px 0 !important;\n    opacity: 0.9;\n    line-height: 1.4 !important;\n  }\n\n  \/* 主标题加粗 + 阴影防高光 *\/\n  .force-heading {\n    font-family: var(--font-heading-family, \"Helvetica Neue\", \"Arial Black\", Arial, Impact, sans-serif) !important;\n    color: #ffffff !important;\n    font-size: 28px !important;\n    font-weight: 800 !important;\n    line-height: 1.25 !important;\n    letter-spacing: 0.5px !important;\n    text-transform: uppercase !important;\n    margin: 0;\n    text-shadow: 0 5px 20px rgba(0, 0, 0, 0.75) !important;\n  }\n\n  \/* 桌面端适配 (屏幕大于768px) *\/\n  @media (min-width: 768px) {\n    .force-video-inner {\n      height: 90vh;\n      min-height: 580px;\n    }\n    .force-video-mobile { display: none; }\n    .force-video-desktop { display: block; }\n    .force-video-overlay { padding: 0 15% !important; }\n    \n    .force-subheading {\n      font-size: 17px !important;\n      margin-bottom: 25px !important;\n      letter-spacing: 3px !important;\n    }\n    .force-heading {\n      font-size: 52px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"force-fullwidth-rich-text\"\u003e\n\u003cdiv class=\"force-rich-text-inner\"\u003e\n\u003ch2 class=\"force-rich-text-heading\"\u003eKostenloses \u0026amp; unbegrenztes Spiegeln\u003c\/h2\u003e\n\u003cp class=\"force-rich-text-paragraph\"\u003e\u003cstrong\u003eSpiegle Peloton, Zwift, Kinomap, YouTube oder alles, was du liebst – einfach anschlie?en und loslegen. Kein Abo erforderlich. Keine App-Bindung.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* 1. 核心突破：强行全宽，无视外层描述框限制 *\/\n  .force-fullwidth-rich-text {\n    width: 100vw !important;\n    max-width: 100vw !important;\n    position: relative !important;\n    left: 50% !important;\n    right: 50% !important;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n    \/* 完美还原原站的深灰底色 rgb(31,32,34) *\/\n    background-color: #1f2022 !important; \n    \/* 上下留出充足的呼吸感空白（高级感的关键） *\/\n    padding: 80px 20px !important; \n    box-sizing: border-box !important;\n    display: flex !important;\n    justify-content: center !important;\n    align-items: center !important;\n    text-align: center !important;\n  }\n\n  \/* 2. 限制文字最大宽度，保证阅读体验 *\/\n  .force-rich-text-inner {\n    max-width: 850px;\n    width: 100%;\n  }\n\n  \/* 3. 主标题优化：醒目、加粗、纯白 *\/\n  .force-rich-text-heading {\n    font-family: var(--font-heading-family, \"Helvetica Neue\", \"Arial Black\", Arial, Impact, sans-serif) !important;\n    color: #ffffff !important;\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    line-height: 1.2 !important;\n    margin: 0 0 24px 0 !important;\n    letter-spacing: 0.5px !important;\n  }\n\n  \/* 4. 段落文字优化：还原原站的浅灰色 rgb(198,198,198) *\/\n  .force-rich-text-paragraph {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif !important;\n    color: #c6c6c6 !important; \n    font-size: 16px !important;\n    line-height: 1.6 !important;\n    font-weight: 400 !important;\n    margin: 0 !important;\n  }\n\n  .force-rich-text-paragraph strong {\n    font-weight: 600 !important;\n    color: #e2e2e2 !important; \/* 加粗部分稍微提亮一点点 *\/\n  }\n\n  \/* 5. 桌面端响应式优化 *\/\n  @media (min-width: 768px) {\n    .force-fullwidth-rich-text {\n      padding: 120px 20px !important; \/* 电脑端增加上下间距 *\/\n    }\n    .force-rich-text-heading {\n      font-size: 46px !important; \/* 电脑端标题更大更有冲击力 *\/\n      margin-bottom: 30px !important;\n    }\n    .force-rich-text-paragraph {\n      font-size: 18px !important; \/* 电脑端正文稍微放大，更易读 *\/\n    }\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n      \/* 1. 终极破解：强行突破描述框束缚，铺满全屏 *\/\n      .force-fullwidth-videoswitch-container {\n        width: 100vw !important;\n        max-width: 100vw !important;\n        position: relative !important;\n        left: 50% !important;\n        right: 50% !important;\n        margin-left: -50vw !important;\n        margin-right: -50vw !important;\n        background-color: #000;\n        overflow: hidden; \/* 防止内部元素溢出 *\/\n      }\n      \n      \/* 再次确保外层不被裁切（保险起见） *\/\n      .product-tabs__tab-item-content.rte,\n      ap-contentcollapsible.collapsible,\n      .container {\n        overflow: visible !important; \n      }\n\n      \/* 2. 内部视频切换器核心样式 *\/\n      #custom-desc-video-switcher {\n        box-sizing: border-box;\n        position: relative;\n        isolation: isolate;\n        z-index: 0;\n        overflow-x: clip;\n      }\n      #custom-desc-video-switcher * { box-sizing: border-box; }\n\n      #custom-desc-video-switcher {\n        --svs-image-request-width: 2800px;\n        --svs-hole-left: 25%;\n        --svs-hole-top: 15%;\n        --svs-hole-w: 50%;\n        --svs-hole-h: 55%;\n        --svs-hole-radius: 0px;\n        --svs-dock-inset: 10px; \n        --svs-dock-bottom-mobile: 12px; \n        --svs-dock-radius: 26px;\n        --svs-dock-blur: 14px;\n        --svs-dock-pad-y: 12px;\n        --svs-dock-pad-x: 18px;\n        --svs-dock-gap: 12px;\n        --svs-icon-size-d: 56px;\n        --svs-icon-size-d-boost: 62px;\n        --svs-icon-size-m: 38px;\n        --svs-mobile-side: 12px;\n      }\n\n      \/* 适配已经全宽的父容器 *\/\n      #custom-desc-video-switcher .svs__outer {\n        width: 100%;\n        margin: 0;\n      }\n\n      #custom-desc-video-switcher .svs__wrap {\n        width: 100%;\n        max-width: none;\n        margin: 0;\n        position: relative;\n      }\n\n      #custom-desc-video-switcher .svs__media {\n        position: relative;\n        width: 100%;\n      }\n\n      #custom-desc-video-switcher .svs__bg {\n        display: block;\n        width: 100%;\n        height: auto;\n        user-select: none;\n        pointer-events: none;\n      }\n\n      #custom-desc-video-switcher .svs__bg--mobile { display: none; }\n\n      #custom-desc-video-switcher .svs__stage {\n        position: absolute;\n        left: var(--svs-hole-left);\n        top: var(--svs-hole-top);\n        width: var(--svs-hole-w);\n        height: var(--svs-hole-h);\n        z-index: 2;\n        pointer-events: none;\n        container-type: inline-size;\n      }\n\n      #custom-desc-video-switcher .svs__hole {\n        width: 100%;\n        height: 100%;\n        border-radius: var(--svs-hole-radius);\n        overflow: hidden;\n        cursor: pointer;\n        -webkit-tap-highlight-color: transparent;\n        background: rgba(0,0,0,0.06);\n        position: relative;\n        pointer-events: auto;\n      }\n\n      #custom-desc-video-switcher .svs__video {\n        width: 100%;\n        height: 100%;\n        display: block;\n        object-fit: cover;\n        object-position: center;\n        background: #000;\n      }\n\n      #custom-desc-video-switcher .svs__dock {\n        position: absolute;\n        left: 50%;\n        transform: translateX(-50%);\n        z-index: 3;\n        display: flex;\n        align-items: flex-end;\n        gap: var(--svs-dock-gap);\n        padding: var(--svs-dock-pad-y) var(--svs-dock-pad-x);\n        border-radius: var(--svs-dock-radius);\n        background: rgba(255, 255, 255, 0.14);\n        border: 1px solid rgba(255, 255, 255, 0.20);\n        box-shadow: 0 10px 30px rgba(0,0,0,0.22);\n        backdrop-filter: blur(var(--svs-dock-blur));\n        -webkit-backdrop-filter: blur(var(--svs-dock-blur));\n        user-select: none;\n        -webkit-tap-highlight-color: transparent;\n        pointer-events: auto;\n      }\n\n      #custom-desc-video-switcher[data-svs-dock-pos=\"stage\"] .svs__dock {\n        bottom: var(--svs-dock-inset);\n      }\n\n      #custom-desc-video-switcher[data-svs-dock-pos=\"root\"] .svs__dock {\n        bottom: var(--svs-dock-bottom-mobile);\n      }\n\n      #custom-desc-video-switcher .svs__btn {\n        width: var(--svs-icon-size-d-boost);\n        height: var(--svs-icon-size-d-boost);\n        border-radius: 14px;\n        overflow: hidden;\n        border: 0;\n        padding: 0;\n        background: transparent;\n        cursor: pointer;\n        position: relative;\n        outline: none;\n        pointer-events: auto;\n        transform: translateY(0) scale(1);\n        transition: transform 200ms cubic-bezier(.2,.9,.2,1), filter 200ms cubic-bezier(.2,.9,.2,1);\n        will-change: transform;\n      }\n\n      #custom-desc-video-switcher .svs__btn img {\n        width: 100%;\n        height: 100%;\n        display: block;\n        object-fit: contain;\n        object-position: center;\n        padding: 4px;\n        box-sizing: border-box;\n        user-select: none;\n        pointer-events: none;\n      }\n\n      @media (hover: hover) and (pointer: fine) {\n        #custom-desc-video-switcher .svs__btn:hover {\n          transform: translateY(-4px) scale(1.08);\n          filter: drop-shadow(0 10px 14px rgba(0,0,0,0.25));\n        }\n      }\n\n      #custom-desc-video-switcher .svs__btn.is-touch {\n        transform: translateY(-2px) scale(1.06);\n        filter: drop-shadow(0 10px 14px rgba(0,0,0,0.22));\n      }\n\n      #custom-desc-video-switcher .svs__btn[aria-current=\"true\"]::after {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        border-radius: 13px;\n        border: 1px solid rgba(255,255,255,0.92);\n        box-shadow: 0 0 0 6px rgba(255,255,255,0.10);\n        pointer-events: none;\n      }\n\n      #custom-desc-video-switcher .svs__btn.is-pop {\n        animation: custom-svsPop 420ms cubic-bezier(.2,.9,.2,1) 1;\n      }\n      @keyframes custom-svsPop {\n        0%   { transform: translateY(-2px) scale(1.02); }\n        35%  { transform: translateY(-7px) scale(1.14); }\n        100% { transform: translateY(-2px) scale(1.02); }\n      }\n\n      @supports (width: 1cqw) {\n        @media (min-width: 1000px) {\n          #custom-desc-video-switcher .svs__dock {\n            gap: clamp(12px, 1.5cqw, 18px);\n            padding: clamp(12px, 1.5cqw, 18px) clamp(18px, 2.2cqw, 27px);\n            border-radius: clamp(26px, 3.0cqw, 33px);\n          }\n          #custom-desc-video-switcher .svs__btn {\n            width: clamp(56px, 7cqw, 78px);\n            height: clamp(56px, 7cqw, 78px);\n            border-radius: clamp(14px, 1.6cqw, 18px);\n          }\n          #custom-desc-video-switcher .svs__btn[aria-current=\"true\"]::after {\n            border-radius: clamp(13px, 1.5cqw, 17px);\n          }\n        }\n      }\n\n      @media (max-width: 999px) {\n        #custom-desc-video-switcher .svs__bg--desktop { display: none; }\n        #custom-desc-video-switcher .svs__bg--mobile { display: block; }\n        #custom-desc-video-switcher .svs__dock {\n          max-width: calc(100% - (var(--svs-mobile-side) * 2));\n        }\n        #custom-desc-video-switcher .svs__btn {\n          width: var(--svs-icon-size-m);\n          height: var(--svs-icon-size-m);\n          border-radius: 12px;\n        }\n        #custom-desc-video-switcher .svs__btn[aria-current=\"true\"]::after {\n          border-radius: 14px;\n        }\n      }\n\n\n      \/* === 修复：图标显示完整 + 移动端视频\/按钮固定在屏幕中 === *\/\n      #custom-desc-video-switcher .svs__stage {\n        overflow: visible !important;\n      }\n\n      #custom-desc-video-switcher .svs__hole {\n        overflow: visible !important;\n      }\n\n      #custom-desc-video-switcher .svs__video {\n        clip-path: inset(0 round var(--svs-hole-radius));\n      }\n\n      #custom-desc-video-switcher .svs__dock {\n        z-index: 20 !important;\n      }\n\n      #custom-desc-video-switcher .svs__btn {\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        flex: 0 0 auto !important;\n        background: rgba(255, 255, 255, 0.18) !important;\n      }\n\n      @media (min-width: 1000px) {\n        #custom-desc-video-switcher .svs__dock {\n          bottom: 16px !important;\n        }\n      }\n\n      @media (max-width: 999px) {\n        #custom-desc-video-switcher .svs__dock {\n          bottom: 8px !important;\n          padding: 8px 12px !important;\n          gap: 8px !important;\n          border-radius: 22px !important;\n          max-width: calc(100% - 24px) !important;\n        }\n\n        #custom-desc-video-switcher .svs__btn {\n          width: 34px !important;\n          height: 34px !important;\n          border-radius: 10px !important;\n        }\n\n        #custom-desc-video-switcher .svs__btn img {\n          padding: 2px !important;\n        }\n\n        #custom-desc-video-switcher .svs__btn[aria-current=\"true\"]::after {\n          border-radius: 10px !important;\n          box-shadow: 0 0 0 4px rgba(255,255,255,0.12) !important;\n        }\n      }\n    \u003c\/style\u003e\n\u003cdiv class=\"force-fullwidth-videoswitch-container\"\u003e\n\u003csection id=\"custom-desc-video-switcher\" class=\"svs\" data-hole-d=\"12.9,3.3,74,71.86\" data-hole-m=\"2.1,5.2,95.8,52.8\" data-svs-dock-pos=\"stage\" style=\"--svs-hole-left: 12.9%; --svs-hole-top: 3.3%; --svs-hole-w: 74%; --svs-hole-h: 71.86%;\"\u003e\n\u003cdiv class=\"svs__outer\"\u003e\n\u003cdiv class=\"svs__wrap\"\u003e\n\u003cdiv class=\"svs__media\" data-svs-root=\"\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/lQLPKdLH_4fty7HNBaDNCgCw5TyYJoHQJHkJk-JputXFAQ_2560_1440.png?v=1780044248\u0026amp;width=2800\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/lQLPKdLH_4fty7HNBaDNCgCw5TyYJoHQJHkJk-JputXFAQ_2560_1440.png?v=1780044248\u0026amp;width=352 352w, https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/lQLPKdLH_4fty7HNBaDNCgCw5TyYJoHQJHkJk-JputXFAQ_2560_1440.png?v=1780044248\u0026amp;width=832 832w, https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/lQLPKdLH_4fty7HNBaDNCgCw5TyYJoHQJHkJk-JputXFAQ_2560_1440.png?v=1780044248\u0026amp;width=1200 1200w, https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/lQLPKdLH_4fty7HNBaDNCgCw5TyYJoHQJHkJk-JputXFAQ_2560_1440.png?v=1780044248\u0026amp;width=1920 1920w, https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/lQLPKdLH_4fty7HNBaDNCgCw5TyYJoHQJHkJk-JputXFAQ_2560_1440.png?v=1780044248\u0026amp;width=2800 2800w\" width=\"2800\" height=\"1575\" loading=\"lazy\" class=\"svs__bg svs__bg--desktop\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/773BB854-6F31-4A7B-A624-DDC407D08E73.png?v=1780044247\u0026amp;width=2400\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/773BB854-6F31-4A7B-A624-DDC407D08E73.png?v=1780044247\u0026amp;width=352 352w, https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/773BB854-6F31-4A7B-A624-DDC407D08E73.png?v=1780044247\u0026amp;width=832 832w, https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/773BB854-6F31-4A7B-A624-DDC407D08E73.png?v=1780044247\u0026amp;width=1200 1200w, https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/773BB854-6F31-4A7B-A624-DDC407D08E73.png?v=1780044247\u0026amp;width=1920 1920w, https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/773BB854-6F31-4A7B-A624-DDC407D08E73.png?v=1780044247\u0026amp;width=2400 2400w\" width=\"2400\" height=\"2400\" loading=\"lazy\" class=\"svs__bg svs__bg--mobile\"\u003e\n\u003cdiv data-svs-dock-mount-root=\"\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"svs__stage\" data-svs-stage=\"\"\u003e\n\u003cdiv class=\"svs__hole\" data-svs-hole=\"\" title=\"Tap to pause \/ play\"\u003e\n\u003cvideo class=\"svs__video\" data-svs-video=\"\" muted=\"\" playsinline=\"\" preload=\"metadata\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/c401e149d7d24b50a63d5bc59372708b.mp4\"\u003e\u003c\/video\u003e\n\u003cdiv data-svs-dock-mount-stage=\"\"\u003e\n\u003cdiv class=\"svs__dock\" data-svs-dock=\"\" role=\"tablist\" aria-label=\"Video switcher\"\u003e\n\u003cbutton class=\"svs__btn\" type=\"button\" role=\"tab\" aria-current=\"false\" data-svs-index=\"0\" data-svs-src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/5ca8b4b319964aa9979d5e33f56973c5.mp4\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/lQLPJwbn6AB_-0fM-sz6sFkRDE_SiN5HCTpQnNXt1wE_250_250_6782a2a8-4175-46a5-87d0-e997a64c0873.png?v=1780044229\u0026amp;width=500\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/lQLPJwbn6AB_-0fM-sz6sFkRDE_SiN5HCTpQnNXt1wE_250_250_6782a2a8-4175-46a5-87d0-e997a64c0873.png?v=1780044229\u0026amp;width=352 352w, https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/lQLPJwbn6AB_-0fM-sz6sFkRDE_SiN5HCTpQnNXt1wE_250_250_6782a2a8-4175-46a5-87d0-e997a64c0873.png?v=1780044229\u0026amp;width=500 500w\" width=\"500\" height=\"500\" loading=\"lazy\"\u003e \u003c\/button\u003e \u003cbutton class=\"svs__btn\" type=\"button\" role=\"tab\" aria-current=\"true\" data-svs-index=\"1\" data-svs-src=\"\/\/eu.yesoulfitness.com\/cdn\/shop\/videos\/c\/vp\/a6f3077684074ef8b0ae45dfb1d43fc3\/a6f3077684074ef8b0ae45dfb1d43fc3.HD-1080p-7.2Mbps-81002664.mp4?v=0\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/lQLPJxV41aQUO0fM-sz6sPGJBvLXq1XVCTpQnNTeNwA_250_250_e538b297-8ce3-4f8f-9ea0-5af86046070b.png?v=1780044229\u0026amp;width=500\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/lQLPJxV41aQUO0fM-sz6sPGJBvLXq1XVCTpQnNTeNwA_250_250_e538b297-8ce3-4f8f-9ea0-5af86046070b.png?v=1780044229\u0026amp;width=352 352w, https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/lQLPJxV41aQUO0fM-sz6sPGJBvLXq1XVCTpQnNTeNwA_250_250_e538b297-8ce3-4f8f-9ea0-5af86046070b.png?v=1780044229\u0026amp;width=500 500w\" width=\"500\" height=\"500\" loading=\"lazy\"\u003e \u003c\/button\u003e \u003cbutton class=\"svs__btn\" type=\"button\" role=\"tab\" aria-current=\"false\" data-svs-index=\"2\" data-svs-src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/cf8c4f8d8c6c4cd7b96a1d07e83ac897.mp4\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/lQLPJxt54W2_20fM-sz6sIX5YoWOi1OLCTpQnNXt1wI_250_250_e49599c6-4fa0-4319-8b5a-f8953932cc2c.png?v=1780044229\u0026amp;width=500\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/lQLPJxt54W2_20fM-sz6sIX5YoWOi1OLCTpQnNXt1wI_250_250_e49599c6-4fa0-4319-8b5a-f8953932cc2c.png?v=1780044229\u0026amp;width=352 352w, https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/lQLPJxt54W2_20fM-sz6sIX5YoWOi1OLCTpQnNXt1wI_250_250_e49599c6-4fa0-4319-8b5a-f8953932cc2c.png?v=1780044229\u0026amp;width=500 500w\" width=\"500\" height=\"500\" loading=\"lazy\"\u003e \u003c\/button\u003e \u003cbutton class=\"svs__btn\" type=\"button\" role=\"tab\" aria-current=\"false\" data-svs-index=\"3\" data-svs-src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/89b29415c64d4774a16cf1df936cb89b.mp4\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/lQLPKHj-4Ptlq0fM-sz6sBoUYtrj4BdzCTpQnNWRiAA_250_250_0acfe2ef-3b86-45ed-a744-44785685d3c2.png?v=1780044229\u0026amp;width=500\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/lQLPKHj-4Ptlq0fM-sz6sBoUYtrj4BdzCTpQnNWRiAA_250_250_0acfe2ef-3b86-45ed-a744-44785685d3c2.png?v=1780044229\u0026amp;width=352 352w, https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/lQLPKHj-4Ptlq0fM-sz6sBoUYtrj4BdzCTpQnNWRiAA_250_250_0acfe2ef-3b86-45ed-a744-44785685d3c2.png?v=1780044229\u0026amp;width=500 500w\" width=\"500\" height=\"500\" loading=\"lazy\"\u003e \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n      (function() {\n        const sectionEl = document.getElementById('custom-desc-video-switcher');\n        if (!sectionEl) return;\n\n        const root       = sectionEl.querySelector('[data-svs-root]');\n        const stage      = sectionEl.querySelector('[data-svs-stage]');\n        const holeEl     = sectionEl.querySelector('[data-svs-hole]');\n        const videoEl    = sectionEl.querySelector('[data-svs-video]');\n        const dockEl     = sectionEl.querySelector('[data-svs-dock]');\n        const mountStage = sectionEl.querySelector('[data-svs-dock-mount-stage]');\n        const mountRoot  = sectionEl.querySelector('[data-svs-dock-mount-root]');\n        const buttons    = Array.from(sectionEl.querySelectorAll('[data-svs-index]'));\n        \n        if (!root || !stage || !holeEl || !videoEl || !dockEl || !mountStage || !mountRoot || buttons.length === 0) return;\n\n        dockEl.addEventListener('click', (e) =\u003e e.stopPropagation());\n        buttons.forEach(b =\u003e b.addEventListener('click', (e) =\u003e e.stopPropagation()));\n\n        const mq = window.matchMedia('(max-width: 999px)');\n        function relocateDock() {\n          \/* 手机端也不要把按钮移到整张背景图底部，始终固定在显示屏区域内 *\/\n          if (dockEl.parentNode !== mountStage) mountStage.appendChild(dockEl);\n          sectionEl.setAttribute('data-svs-dock-pos', 'stage');\n        }\n        relocateDock();\n        if (mq.addEventListener) mq.addEventListener('change', relocateDock);\n        else mq.addListener(relocateDock);\n\n        function clamp(n, min, max) {\n          return Math.max(min, Math.min(max, n));\n        }\n\n        function parseHole(str, fallbackArr) {\n          const parts = (str || '').split(',').map(s =\u003e parseFloat(String(s).trim()));\n          let left   = Number.isFinite(parts[0]) ? clamp(parts[0], 0, 100) : fallbackArr[0];\n          let top    = Number.isFinite(parts[1]) ? clamp(parts[1], 0, 100) : fallbackArr[1];\n          let width  = Number.isFinite(parts[2]) ? clamp(parts[2], 0, 100) : fallbackArr[2];\n          let height = Number.isFinite(parts[3]) ? clamp(parts[3], 0, 100) : fallbackArr[3];\n          width = Math.min(width, 100 - left);\n          height = Math.min(height, 100 - top);\n          return [left, top, width, height];\n        }\n\n        const holeD = parseHole(sectionEl.getAttribute('data-hole-d'), [25, 15, 50, 55]);\n        const holeM = parseHole(sectionEl.getAttribute('data-hole-m'), [10, 18, 80, 60]);\n\n        function applyHole() {\n          const h = mq.matches ? holeM : holeD;\n          sectionEl.style.setProperty('--svs-hole-left', h[0] + '%');\n          sectionEl.style.setProperty('--svs-hole-top',  h[1] + '%');\n          sectionEl.style.setProperty('--svs-hole-w',    h[2] + '%');\n          sectionEl.style.setProperty('--svs-hole-h',    h[3] + '%');\n        }\n        applyHole();\n        if (mq.addEventListener) mq.addEventListener('change', applyHole);\n        else mq.addListener(applyHole);\n\n        const FORCE_RESUME = false;\n        let inView = false;\n        let userPaused = false;\n        let currentIndex = 0;\n\n        function getSrc(i) {\n          const b = buttons[i];\n          if (!b) return '';\n          return (b.getAttribute('data-svs-src') || '').trim();\n        }\n\n        function safePlay() {\n          if (!videoEl.src) return;\n          const p = videoEl.play();\n          if (p \u0026\u0026 typeof p.catch === 'function') p.catch(() =\u003e {});\n        }\n\n        function setActive(idx) {\n          buttons.forEach((b, i) =\u003e b.setAttribute('aria-current', i === idx ? 'true' : 'false'));\n        }\n\n        function popButton(idx) {\n          const btn = buttons[idx];\n          if (!btn) return;\n          btn.classList.remove('is-pop');\n          void btn.offsetWidth;\n          btn.classList.add('is-pop');\n        }\n\n        function loadByIndex(idx, forcePlay, doPop) {\n          const src = getSrc(idx);\n          if (!src) return;\n\n          currentIndex = idx;\n          setActive(idx);\n          if (doPop) popButton(idx);\n\n          if (videoEl.src !== src) {\n            videoEl.pause();\n            videoEl.src = src;\n            videoEl.load();\n          }\n\n          if (forcePlay) {\n            userPaused = false;\n            if (inView) safePlay();\n          } else {\n            if (inView \u0026\u0026 (!userPaused || FORCE_RESUME)) safePlay();\n          }\n        }\n\n        function nextIndex() {\n          const n = buttons.length;\n          for (let step = 1; step \u003c= n; step++) {\n            const k = (currentIndex + step) % n;\n            if (getSrc(k)) return k;\n          }\n          return currentIndex;\n        }\n\n        holeEl.addEventListener('click', () =\u003e {\n          if (!videoEl.src) return;\n          if (videoEl.paused) {\n            userPaused = false;\n            safePlay();\n          } else {\n            userPaused = true;\n            videoEl.pause();\n          }\n        });\n\n        buttons.forEach(btn =\u003e {\n          btn.addEventListener('pointerdown', () =\u003e btn.classList.add('is-touch'));\n          btn.addEventListener('pointerup', () =\u003e btn.classList.remove('is-touch'));\n          btn.addEventListener('pointercancel', () =\u003e btn.classList.remove('is-touch'));\n          btn.addEventListener('mouseleave', () =\u003e btn.classList.remove('is-touch'));\n          btn.addEventListener('animationend', () =\u003e btn.classList.remove('is-pop'));\n        });\n\n        buttons.forEach(btn =\u003e {\n          btn.addEventListener('click', () =\u003e {\n            const idx = parseInt(btn.getAttribute('data-svs-index'), 10);\n            if (Number.isNaN(idx)) return;\n            loadByIndex(idx, true, true);\n          });\n        });\n\n        videoEl.addEventListener('ended', () =\u003e {\n          const nx = nextIndex();\n          loadByIndex(nx, true, true);\n        });\n\n        const io = new IntersectionObserver((entries) =\u003e {\n          const e = entries \u0026\u0026 entries[0];\n          inView = !!e \u0026\u0026 e.isIntersecting \u0026\u0026 e.intersectionRatio \u003e= 0.35;\n\n          if (inView) {\n            if (!videoEl.src) loadByIndex(0, true, true);\n            if (!userPaused || FORCE_RESUME) safePlay();\n          } else {\n            videoEl.pause();\n          }\n        }, { threshold: [0, 0.35, 0.6, 1] });\n\n        io.observe(root);\n        loadByIndex(0, false, false);\n      })();\n    \u003c\/script\u003e\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctn-mt-breakout\"\u003e\n\u003cdiv class=\"ctn-mt-container\"\u003e\n\u003cdiv class=\"ctn-mt-item\"\u003e\n\u003cdiv class=\"ctn-mt-media\"\u003e\u003cvideo playsinline=\"\" autoplay=\"autoplay\" muted=\"\" loop=\"loop\" preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/c3e936045cf7470ab0e13edf6586c446.thumbnail.0000000000_small_835ade96-2696-40b6-9dab-3c0f08a607aa.jpg?v=1780047700\"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/ef705b68b4e64d578ead0ebb91b91616.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"ctn-mt-content\"\u003e\n\u003ch2 class=\"ctn-mt-head\"\u003eKompatibel mit den führenden Cycling-Apps und Streaming-Plattformen\u003c\/h2\u003e\n\u003cp\u003eIhre Fahrt, Ihre Regeln.\u003c\/p\u003e\n\u003cp class=\"ctn-mt-desc\"\u003eDie Yesoul G1M-Serie unterstützt vollständig die Peloton App, Kinomap, ZWIFT und mehr – keine Plattformbeschränkungen, keine Kompromisse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctn-mt-item ctn-mt-reverse\"\u003e\n\u003cdiv class=\"ctn-mt-media\"\u003e\u003cvideo playsinline=\"\" autoplay=\"autoplay\" muted=\"\" loop=\"loop\" preload=\"metadata\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/7956815c9d7e4679a0155c1ca3e45274.thumbnail.0000000000_small_58e6227b-4b76-41f6-8cf5-f8f85760a0fe.jpg?v=1781148023\"\u003e\n          \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/a7e756c7df6949a09e7381995496b477.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\u003c\/div\u003e\n\u003cdiv class=\"ctn-mt-content\"\u003e\n\u003ch2 class=\"ctn-mt-head\"\u003eImmersiver 360° Surround-Sound\u003c\/h2\u003e\n\u003cp class=\"ctn-mt-desc\"\u003eMaximieren Sie Ihre Fahrt mit dem 30W 360° Surround-Audio des G1M Max. Spüren Sie die Energie jeder Klasse, jedes Rennens, jeden Beats.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctn-mt-item\"\u003e\n\u003cdiv class=\"ctn-mt-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/7_d0f6812b-f5cd-43c8-b569-92598e677a7b.jpg?v=1780043569\" loading=\"lazy\" alt=\"CNC-Schwungrad\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ctn-mt-content\"\u003e\n\u003cp class=\"ctn-mt-sub\"\u003eBis zu 900 W Spitzenleistung\u003c\/p\u003e\n\u003ch2 class=\"ctn-mt-head\"\u003eCNC-Schwungrad\u003c\/h2\u003e\n\u003cp class=\"ctn-mt-desc\"\u003ePräzisionsgefertigt für Balance und Kraft liefert das Schwungrad eine Spitzenleistung von bis zu 900 W – ideal für Sprints, Anstiege und jede Herausforderung dazwischen. Laufruhig, massiv und für Höchstleistung gebaut.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ctn-mt-item ctn-mt-reverse\"\u003e\n\u003cdiv class=\"ctn-mt-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/8_04042cff-3d70-4de0-9a28-15d2b99374f8.jpg?v=1780043571\" loading=\"lazy\" alt=\"Ultra-leiser Antriebsriemen\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"ctn-mt-content\"\u003e\n\u003cp class=\"ctn-mt-sub\"\u003eLanglebigkeit in Automobilqualität\u003c\/p\u003e\n\u003ch2 class=\"ctn-mt-head\"\u003eUltra-leiser Antriebsriemen\u003c\/h2\u003e\n\u003cp class=\"ctn-mt-desc\"\u003eDas Riemensystem in Tesla-Qualität sorgt für ein sanftes, flüsterleises Fahrgefühl bei nur 30 dB – ideal für Trainingseinheiten spät in der Nacht und ruhige Haushalte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* 1. 外层背景依然拉通全屏，保证纯白底色不穿帮 *\/\n  .ctn-mt-breakout {\n    width: 100vw !important;\n    max-width: 100vw !important;\n    position: relative !important;\n    left: 50% !important;\n    right: 50% !important;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n    background-color: #ffffff; \n    overflow: hidden;\n  }\n\n  \/* 2. 内部安全框，限制最大宽度，完美居中 *\/\n  .ctn-mt-container {\n    width: 100%;\n    max-width: 1280px; \/* 这个宽度最符合截图中的留白比例 *\/\n    margin: 0 auto;\n    padding: 60px 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 80px; \/* 每一行（每个图文块）之间的垂直间距 *\/\n  }\n\n  \/* 3. 单个图文项 *\/\n  .ctn-mt-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center; \/* 垂直方向居中对齐 *\/\n    width: 100%;\n    gap: 30px; \/* 手机端图文间距 *\/\n  }\n\n  \/* 4. 多媒体区（视频\/图片），加入圆角 *\/\n  .ctn-mt-media {\n    width: 100%;\n    position: relative;\n    border-radius: 16px; \/* 完美还原截图中的大圆角 *\/\n    overflow: hidden;\n    \/* 给图片加一个浅灰底色，如果图片有透明部分或者加载慢时会更好看 *\/\n    background-color: #f6f6f6; \n  }\n  \n  .ctn-mt-media video,\n  .ctn-mt-media img {\n    width: 100% !important;\n    height: auto !important;\n    display: block;\n    object-fit: contain; \/* 保证原比例展示完整产品 *\/\n    border-radius: 16px;\n  }\n\n  \/* 5. 文本区 *\/\n  .ctn-mt-content {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center; \/* 保证居中对齐 *\/\n    text-align: center;  \/* 保证居中对齐 *\/\n  }\n\n  .ctn-mt-sub {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\n    color: #4a4a4a !important; \n    font-size: 14px !important;\n    font-weight: 700 !important;\n    margin: 0 0 12px 0 !important;\n  }\n\n  .ctn-mt-head {\n    font-family: var(--font-heading-family, \"Helvetica Neue\", \"Arial Black\", Arial, sans-serif) !important;\n    color: #1a1a1a !important; \n    font-size: 32px !important;\n    font-weight: 800 !important;\n    line-height: 1.2 !important;\n    margin: 0 0 20px 0 !important;\n  }\n\n  .ctn-mt-desc {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\n    color: #555555 !important;\n    font-size: 15px !important;\n    line-height: 1.6 !important;\n    font-weight: 400 !important;\n    max-width: 480px; \/* 限制段落宽度，防止一行字太长导致阅读疲劳 *\/\n    margin: 0 !important;\n  }\n\n  \/* 6. 桌面端响应式优化（屏幕大于 1000px） *\/\n  @media (min-width: 1000px) {\n    .ctn-mt-container {\n      padding: 100px 40px; \/* 电脑端上下留白加大 *\/\n      gap: 120px; \/* 电脑端行距加大 *\/\n    }\n\n    .ctn-mt-item {\n      flex-direction: row;\n      gap: 60px; \/* 电脑端左右图文间距 *\/\n    }\n    \n    .ctn-mt-item.ctn-mt-reverse {\n      flex-direction: row-reverse;\n    }\n\n    .ctn-mt-media,\n    .ctn-mt-content {\n      width: 50%; \/* 左右各占一半 *\/\n    }\n\n    \/* 电脑端文字排版适度放大 *\/\n    .ctn-mt-sub {\n      font-size: 16px !important;\n    }\n    \n    .ctn-mt-head {\n      font-size: 42px !important;\n    }\n    \n    .ctn-mt-desc {\n      font-size: 16px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"force-mc-breakout\"\u003e\n\u003cdiv class=\"force-mc-container\"\u003e\n\u003cdiv class=\"force-mc-header\"\u003e\n\u003ch2 class=\"force-mc-title\"\u003eMehr Details\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"force-mc-grid\"\u003e\n\u003cdiv class=\"force-mc-item\"\u003e\n\u003cdiv class=\"force-mc-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/9_b9666f2d-a4be-4b2f-bbc1-7e13008a49ba.jpg?v=1780043571\" loading=\"lazy\" alt=\"Ergonomisch geformter Sattel\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"force-mc-text\"\u003e\n\u003ch4 class=\"force-mc-heading\"\u003eErgonomisch geformter Sattel\u003c\/h4\u003e\n\u003cp class=\"force-mc-desc\"\u003eGrößerer, atmungsaktiver Sattel mit ergonomischer Polsterung für weniger Wärme und Druck – sorgt für Komfort sowohl bei lockeren als auch bei intensiven Fahrten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"force-mc-item\"\u003e\n\u003cdiv class=\"force-mc-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/10_c9b6d3bf-aa0a-40b7-ac52-ec7758d481e8.jpg?v=1780043570\" loading=\"lazy\" alt=\"Stabiles Rahmenstruktur-Design\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"force-mc-text\"\u003e\n\u003ch4 class=\"force-mc-heading\"\u003eStabiles Rahmenstruktur-Design\u003c\/h4\u003e\n\u003cp class=\"force-mc-desc\"\u003eDreieckiger Rahmen mit „H“-förmiger Basis, gefertigt aus Stahl in Industriequalität und mit Klavierlackbeschichtung für dauerhafte Stabilität und Haltbarkeit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"force-mc-item\"\u003e\n\u003cdiv class=\"force-mc-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/11_ab3a6e09-ca80-4f37-86fc-8649d0df31dd.jpg?v=1780043572\" loading=\"lazy\" alt=\"Smart Bike mit leisem Magnetwiderstand\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"force-mc-text\"\u003e\n\u003ch4 class=\"force-mc-heading\"\u003eSmart Bike mit leisem Magnetwiderstand\u003c\/h4\u003e\n\u003cp class=\"force-mc-desc\"\u003eLanglebiges Magnetsystem mit 100 einstellbaren Stufen liefert ultra-leise Leistung – ideal für jede Tageszeit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"force-mc-item\"\u003e\n\u003cdiv class=\"force-mc-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/lQDPJwxQKBpl6n3ND6DND6CwfUNAUTkK0SAJZNINYfYiAA_4000_4000.jpg?v=1781148028\" loading=\"lazy\" alt=\"Benötigt nur 49,03 x 20,79 Bodenfläche\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"force-mc-text\"\u003e\n\u003ch4 class=\"force-mc-heading\"\u003eBenötigt nur ca. 137 x 53 cm Bodenfläche\u003c\/h4\u003e\n\u003cp class=\"force-mc-desc\"\u003eEs nimmt nur etwa 0,72 Quadratmeter ein, etwa die Größe eines kleinen Couchtischs. Es passt problemlos in Wohnungen, Schlafzimmer oder kompakte Trainingsecken, ohne zu viel Platz zu beanspruchen.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* 1. 全宽突破底层容器 *\/\n  .force-mc-breakout {\n    width: 100vw !important;\n    max-width: 100vw !important;\n    position: relative !important;\n    left: 50% !important;\n    right: 50% !important;\n    margin-left: -50vw !important;\n    margin-right: -50vw !important;\n    background-color: #ffffff; \/* 确保底部颜色干净 *\/\n  }\n\n  \/* 2. 内部安全框：限制最大宽度并居中 *\/\n  .force-mc-container {\n    width: 100%;\n    max-width: 1280px; \n    margin: 0 auto;\n    padding: 60px 20px;\n    box-sizing: border-box;\n  }\n\n  \/* 3. 头部标题 *\/\n  .force-mc-header {\n    text-align: center;\n    margin-bottom: 40px;\n  }\n\n  .force-mc-title {\n    font-family: var(--font-heading-family, \"Helvetica Neue\", \"Arial Black\", Arial, sans-serif) !important;\n    color: #1a1a1a !important; \n    font-size: 32px !important;\n    font-weight: 800 !important;\n    margin: 0;\n  }\n\n  \/* 4. 移动端：横向滚动网格设计 (隐藏滚动条) *\/\n  .force-mc-grid {\n    display: flex;\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    overflow-y: hidden;\n    gap: 20px;\n    padding-bottom: 20px; \/* 预留滚动空间防裁切 *\/\n    \/* 顺滑滚动的关键 *\/\n    scroll-snap-type: x mandatory;\n    -webkit-overflow-scrolling: touch;\n    \n    \/* 隐藏滚动条 (Chrome, Safari) *\/\n    scrollbar-width: none; \/* Firefox *\/\n  }\n  .force-mc-grid::-webkit-scrollbar {\n    display: none;\n  }\n\n  \/* 5. 每一列 (手机端默认占据大部分屏幕宽度，实现滑动看下一张) *\/\n  .force-mc-item {\n    flex: 0 0 75vw; \/* 手机端每张卡片占屏幕 75%，露出下一张的一角提示可滑动 *\/\n    scroll-snap-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  \/* 6. 图片容器 (正方形裁剪 + 细微圆角) *\/\n  .force-mc-media {\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    border-radius: 12px;\n    overflow: hidden;\n    background-color: #f6f6f6;\n  }\n\n  .force-mc-media img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n\n  \/* 7. 文字内容 *\/\n  .force-mc-text {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n  }\n\n  .force-mc-heading {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\n    color: #1a1a1a !important;\n    font-size: 18px !important;\n    font-weight: 700 !important;\n    line-height: 1.3 !important;\n    margin: 0 0 12px 0 !important;\n  }\n\n  .force-mc-desc {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\n    color: #555555 !important;\n    font-size: 14px !important;\n    line-height: 1.5 !important;\n    font-weight: 400 !important;\n    margin: 0 !important;\n    max-width: 90%; \/* 稍微限制一下，避免文字太贴边缘 *\/\n  }\n\n  \/* 8. 桌面端响应式优化（屏幕大于 768px\/平板） *\/\n  @media (min-width: 768px) {\n    .force-mc-item {\n      flex: 0 0 calc(50% - 10px); \/* 平板端变 2 列 *\/\n    }\n    .force-mc-grid {\n      flex-wrap: wrap; \/* 允许换行，取消横滑 *\/\n      overflow-x: visible;\n    }\n  }\n\n  \/* 9. 桌面端响应式优化（屏幕大于 1000px\/电脑） *\/\n  @media (min-width: 1000px) {\n    .force-mc-container {\n      padding: 100px 40px; \/* 电脑端增加上下呼吸感 *\/\n    }\n\n    .force-mc-header {\n      margin-bottom: 60px;\n    }\n    \n    .force-mc-title {\n      font-size: 42px !important;\n    }\n\n    \/* 电脑端彻底铺开变成并排 4 列 *\/\n    .force-mc-grid {\n      gap: 30px; \n    }\n    .force-mc-item {\n      flex: 1 1 0; \/* 自动均分剩余空间，4列等宽 *\/\n      min-width: 0; \/* 防止内容撑破 flex 均分 *\/\n    }\n\n    .force-mc-heading {\n      font-size: 20px !important;\n    }\n    .force-mc-desc {\n      font-size: 15px !important;\n    }\n  }\n\u003c\/style\u003e","brand":"jasportde","offers":[{"title":"Default Title","offer_id":51739997602113,"sku":"YS-G1MX-BK","price":599.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0988\/1075\/7441\/files\/1_92236f33-70fe-4816-be7f-fb0e2b85cbf2.jpg?v=1781148766","url":"https:\/\/www.jasport.de\/products\/jasport-x-yesoul-g1m-max-bike-bike-bildschirm","provider":"jasport","version":"1.0","type":"link"}