{"product_id":"rainproof-bike-phone-holder","title":"🚴 Rainproof Bike Phone Holder with Touchscreen Case \u0026 Adjustable Handlebar Mount 🌦️","description":"\u003cstyle\u003e\n  .ride-detail {\n    --ride-bg: #f2f6fa;\n    --ride-white: #ffffff;\n    --ride-ink: #172b40;\n    --ride-muted: #526578;\n    --ride-blue: #246da8;\n    --ride-line: #d8e3ec;\n    max-width: 960px;\n    margin: 0 auto;\n    background: var(--ride-bg);\n    color: var(--ride-ink);\n    font-family: Arial, Helvetica, sans-serif;\n    font-size: 16px;\n    line-height: 1.65;\n    overflow-wrap: anywhere;\n  }\n\n  .ride-detail,\n  .ride-detail * {\n    box-sizing: border-box;\n  }\n\n  .ride-detail h2,\n  .ride-detail h3,\n  .ride-detail p {\n    margin: 0;\n    padding: 0;\n    color: inherit;\n    letter-spacing: normal;\n    text-transform: none;\n  }\n\n  .ride-detail h2 {\n    font-size: clamp(23px, 3.2vw, 30px);\n    line-height: 1.3;\n    font-weight: 700;\n  }\n\n  .ride-detail h3 {\n    font-size: 20px;\n    line-height: 1.4;\n    font-weight: 700;\n  }\n\n  .ride-detail p {\n    font-size: 16px;\n    line-height: 1.7;\n    color: var(--ride-muted);\n  }\n\n  .ride-detail img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    height: auto;\n    margin: 0;\n    border: 0;\n  }\n\n  .ride-detail a {\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .ride-detail .ride-copy {\n    padding: 30px 26px;\n    text-align: center;\n  }\n\n  .ride-detail .ride-copy p {\n    max-width: 700px;\n    margin: 12px auto 0;\n  }\n\n  .ride-detail .ride-eyebrow {\n    display: block;\n    margin-bottom: 10px;\n    color: var(--ride-blue);\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n  }\n\n  .ride-detail .ride-hero {\n    background: var(--ride-white);\n  }\n\n  .ride-detail .ride-intro {\n    padding: 30px 26px;\n    text-align: center;\n    background: #e8f0f7;\n  }\n\n  .ride-detail .ride-intro p {\n    max-width: 700px;\n    margin: 12px auto 0;\n  }\n\n  .ride-detail .ride-benefits {\n    padding: 30px 24px;\n  }\n\n  .ride-detail .ride-benefits \u003e h2 {\n    margin-bottom: 20px;\n    text-align: center;\n  }\n\n  .ride-detail .ride-card-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  .ride-detail .ride-card {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    min-height: 88px;\n    padding: 20px;\n    border: 1px solid var(--ride-line);\n    border-radius: 12px;\n    background: var(--ride-white);\n    color: var(--ride-ink);\n    text-decoration: none;\n    box-shadow: 0 3px 12px rgba(23, 43, 64, 0.03);\n    transition: border-color 0.2s ease, background 0.2s ease;\n  }\n\n  .ride-detail .ride-card:hover {\n    border-color: var(--ride-blue);\n    background: #eaf3fb;\n  }\n\n  .ride-detail .ride-card:focus-visible,\n  .ride-detail .ride-button:focus-visible,\n  .ride-detail summary:focus-visible {\n    outline: 3px solid var(--ride-blue);\n    outline-offset: 4px;\n  }\n\n  .ride-detail .ride-card-number {\n    flex: 0 0 36px;\n    color: var(--ride-blue);\n    font-size: 18px;\n    font-weight: 700;\n  }\n\n  .ride-detail .ride-card-title {\n    flex: 1;\n    font-size: 17px;\n    line-height: 1.4;\n    font-weight: 700;\n  }\n\n  .ride-detail .ride-card-arrow {\n    flex: 0 0 auto;\n    color: var(--ride-blue);\n    font-size: 22px;\n    line-height: 1;\n  }\n\n  .ride-detail .ride-section {\n    margin: 0 0 20px;\n    background: var(--ride-white);\n    scroll-margin-top: 110px;\n  }\n\n  .ride-detail .ride-section:target {\n    outline: 2px solid var(--ride-blue);\n    outline-offset: -2px;\n  }\n\n  .ride-detail .ride-accordion-wrap {\n    padding: 0 24px 28px;\n  }\n\n  .ride-detail details {\n    margin: 0 0 10px;\n    border: 1px solid var(--ride-line);\n    border-radius: 10px;\n    background: var(--ride-white);\n    overflow: hidden;\n  }\n\n  .ride-detail details:last-child {\n    margin-bottom: 0;\n  }\n\n  .ride-detail summary {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 18px;\n    cursor: pointer;\n    list-style: none;\n    color: var(--ride-ink);\n    font-size: 16px;\n    font-weight: 700;\n    line-height: 1.5;\n  }\n\n  .ride-detail summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .ride-detail summary::after {\n    content: \"+\";\n    margin-left: auto;\n    padding-left: 10px;\n    color: var(--ride-blue);\n    font-size: 23px;\n    font-weight: 400;\n    line-height: 1;\n  }\n\n  .ride-detail details[open] \u003e summary::after {\n    content: \"−\";\n  }\n\n  .ride-detail details[open] \u003e summary {\n    background: #edf4fa;\n  }\n\n  .ride-detail .ride-step-number {\n    color: var(--ride-blue);\n    font-weight: 700;\n  }\n\n  .ride-detail .ride-answer {\n    padding: 0 18px 18px;\n  }\n\n  .ride-detail details[open] .ride-answer {\n    padding-top: 14px;\n  }\n\n  .ride-detail .ride-fit-list {\n    display: grid;\n    gap: 10px;\n    max-width: 700px;\n    margin: 18px auto 0;\n    padding: 0;\n    list-style: none;\n    text-align: left;\n  }\n\n  .ride-detail .ride-fit-list li {\n    margin: 0;\n    padding: 13px 16px;\n    border: 1px solid var(--ride-line);\n    border-radius: 8px;\n    background: #f5f8fb;\n    color: var(--ride-muted);\n    font-size: 16px;\n  }\n\n  .ride-detail .ride-fit-list strong {\n    color: var(--ride-ink);\n  }\n\n  .ride-detail .ride-faq {\n    padding: 30px 24px;\n    background: #eaf1f7;\n  }\n\n  .ride-detail .ride-faq \u003e h2 {\n    margin-bottom: 20px;\n    text-align: center;\n  }\n\n  .ride-detail .ride-cta {\n    padding: 36px 24px;\n    background: #183149;\n    color: #ffffff;\n    text-align: center;\n  }\n\n  .ride-detail .ride-cta p {\n    max-width: 650px;\n    margin: 12px auto 22px;\n    color: #dce7f0;\n  }\n\n  .ride-detail .ride-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 52px;\n    max-width: 100%;\n    padding: 14px 28px;\n    border: 0;\n    border-radius: 9px;\n    background: #ffffff;\n    color: #183149;\n    font-size: 17px;\n    font-weight: 700;\n    line-height: 1.4;\n    text-decoration: none;\n    text-align: center;\n    cursor: pointer;\n  }\n\n  .ride-detail .ride-button:hover {\n    background: #e5f0fa;\n  }\n\n  @media (max-width: 600px) {\n    .ride-detail .ride-copy,\n    .ride-detail .ride-intro {\n      padding: 25px 18px;\n    }\n\n    .ride-detail .ride-benefits,\n    .ride-detail .ride-faq {\n      padding: 25px 16px;\n    }\n\n    .ride-detail .ride-card-grid {\n      grid-template-columns: minmax(0, 1fr);\n      gap: 11px;\n    }\n\n    .ride-detail .ride-card {\n      min-height: 74px;\n      padding: 17px 16px;\n    }\n\n    .ride-detail .ride-card-title {\n      font-size: 16px;\n    }\n\n    .ride-detail .ride-section {\n      margin-bottom: 14px;\n      scroll-margin-top: 90px;\n    }\n\n    .ride-detail .ride-accordion-wrap {\n      padding: 0 16px 24px;\n    }\n\n    .ride-detail summary {\n      padding: 16px;\n    }\n\n    .ride-detail .ride-answer {\n      padding-right: 16px;\n      padding-left: 16px;\n    }\n\n    .ride-detail .ride-cta {\n      padding: 30px 18px;\n    }\n\n    .ride-detail .ride-button {\n      width: 100%;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ride-detail .ride-card {\n      transition: none;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"ride-detail\"\u003e\n\n  \u003c!-- ATTENTION: HERO --\u003e\n  \u003csection class=\"ride-hero\"\u003e\n    \u003cdiv class=\"ride-copy\"\u003e\n      \u003cspan class=\"ride-eyebrow\"\u003eReady for Your Next Route\u003c\/span\u003e\n      \u003ch2\u003eYour Route. Within View.\u003c\/h2\u003e\n      \u003cp\u003e\n        Keep your phone mounted and your navigation visible with a\n        full-cover case and an adjustable handlebar support.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/1_348c70c1-0a3b-4a8f-9e7a-51505e07f847.webp?v=1792479876\" alt=\"Full-cover bike phone holder mounted on a handlebar with navigation displayed\" width=\"1024\" height=\"1024\" decoding=\"async\"\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- PAS: PROBLEM, AGITATION, SOLUTION --\u003e\n  \u003csection class=\"ride-intro\"\u003e\n    \u003ch2\u003eA Pocket Hides Your Route. An Open Mount Leaves Your Phone Exposed.\u003c\/h2\u003e\n    \u003cp\u003e\n      Changing weather and unfamiliar turns can complicate a simple ride.\n      Bring your phone into view with an enclosed holder that adjusts to your setup.\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- INTEREST: LINKED BENEFIT CARDS --\u003e\n  \u003cnav class=\"ride-benefits\" aria-label=\"Explore product features\"\u003e\n    \u003ch2\u003eA Closer Look at Your Riding Setup\u003c\/h2\u003e\n\n    \u003cdiv class=\"ride-card-grid\"\u003e\n      \u003ca class=\"ride-card\" href=\"#ride-cover\"\u003e\n        \u003cspan class=\"ride-card-number\"\u003e01\u003c\/span\u003e\n        \u003cspan class=\"ride-card-title\"\u003eFull-Cover Protection\u003c\/span\u003e\n        \u003cspan class=\"ride-card-arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\n      \u003c\/a\u003e\n\n      \u003ca class=\"ride-card\" href=\"#ride-loading\"\u003e\n        \u003cspan class=\"ride-card-number\"\u003e02\u003c\/span\u003e\n        \u003cspan class=\"ride-card-title\"\u003eSimple Phone Loading\u003c\/span\u003e\n        \u003cspan class=\"ride-card-arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\n      \u003c\/a\u003e\n\n      \u003ca class=\"ride-card\" href=\"#ride-touch\"\u003e\n        \u003cspan class=\"ride-card-number\"\u003e03\u003c\/span\u003e\n        \u003cspan class=\"ride-card-title\"\u003eTouchscreen Access\u003c\/span\u003e\n        \u003cspan class=\"ride-card-arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\n      \u003c\/a\u003e\n\n      \u003ca class=\"ride-card\" href=\"#ride-adjust\"\u003e\n        \u003cspan class=\"ride-card-number\"\u003e04\u003c\/span\u003e\n        \u003cspan class=\"ride-card-title\"\u003eAdjustable Viewing Position\u003c\/span\u003e\n        \u003cspan class=\"ride-card-arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\n      \u003c\/a\u003e\n\n      \u003ca class=\"ride-card\" href=\"#ride-mount\"\u003e\n        \u003cspan class=\"ride-card-number\"\u003e05\u003c\/span\u003e\n        \u003cspan class=\"ride-card-title\"\u003eHandlebar Mounting\u003c\/span\u003e\n        \u003cspan class=\"ride-card-arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\n      \u003c\/a\u003e\n\n      \u003ca class=\"ride-card\" href=\"#ride-everyday\"\u003e\n        \u003cspan class=\"ride-card-number\"\u003e06\u003c\/span\u003e\n        \u003cspan class=\"ride-card-title\"\u003eEveryday Riding Convenience\u003c\/span\u003e\n        \u003cspan class=\"ride-card-arrow\" aria-hidden=\"true\"\u003e↓\u003c\/span\u003e\n      \u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/nav\u003e\n\n  \u003c!-- IMAGE 2: COVER --\u003e\n  \u003csection class=\"ride-section\" id=\"ride-cover\"\u003e\n    \u003cdiv class=\"ride-copy\"\u003e\n      \u003cspan class=\"ride-eyebrow\"\u003e01 \/ Full-Cover Protection\u003c\/span\u003e\n      \u003ch2\u003eExtra Cover for Changing Weather\u003c\/h2\u003e\n      \u003cp\u003e\n        The enclosed design helps shield your phone from everyday rain\n        and road splashes while keeping your route visible.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/2_6be48aed-46e7-42d7-a2f5-caccb9e5a952.webp?v=1792479875\" alt=\"Closed bike phone holder with water droplets on its protective enclosure\" width=\"1024\" height=\"1024\" loading=\"lazy\" decoding=\"async\"\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- IMAGE 3: PHONE LOADING --\u003e\n  \u003csection class=\"ride-section\" id=\"ride-loading\"\u003e\n    \u003cdiv class=\"ride-copy\"\u003e\n      \u003cspan class=\"ride-eyebrow\"\u003e02 \/ Simple Phone Loading\u003c\/span\u003e\n      \u003ch2\u003eOpen. Place. Close.\u003c\/h2\u003e\n      \u003cp\u003e\n        Open the cover, position your compatible phone inside,\n        and close the enclosure before setting off.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/3_d74c705b-9b34-4961-b1c9-09b1a74f4507.webp?v=1792479875\" alt=\"A phone being placed inside the open handlebar-mounted phone case\" width=\"1024\" height=\"1024\" loading=\"lazy\" decoding=\"async\"\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- IMAGE 4: TOUCHSCREEN --\u003e\n  \u003csection class=\"ride-section\" id=\"ride-touch\"\u003e\n    \u003cdiv class=\"ride-copy\"\u003e\n      \u003cspan class=\"ride-eyebrow\"\u003e03 \/ Touchscreen Access\u003c\/span\u003e\n      \u003ch2\u003eCheck Your Map Through the Window\u003c\/h2\u003e\n      \u003cp\u003e\n        The transparent front supports basic touchscreen interaction\n        without opening the cover. Stop before operating your phone.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/4_0e00fa2b-d523-44b4-908e-6abd754ef355.webp?v=1792479876\" alt=\"A finger operating a navigation map through the closed transparent phone-holder window\" width=\"1024\" height=\"1024\" loading=\"lazy\" decoding=\"async\"\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- IMAGE 5: ADJUSTMENT --\u003e\n  \u003csection class=\"ride-section\" id=\"ride-adjust\"\u003e\n    \u003cdiv class=\"ride-copy\"\u003e\n      \u003cspan class=\"ride-eyebrow\"\u003e04 \/ Adjustable Viewing Position\u003c\/span\u003e\n      \u003ch2\u003eFind the Position That Fits Your Setup\u003c\/h2\u003e\n      \u003cp\u003e\n        Adjust the folding support arm and screen angle to suit\n        your handlebar layout, then secure the connections.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/5_0755f1eb-9c89-4b2e-aa52-9f1406ee12f7.webp?v=1792479875\" alt=\"Adjustable folding support arm on a handlebar-mounted bike phone holder\" width=\"1024\" height=\"1024\" loading=\"lazy\" decoding=\"async\"\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- IMAGE 6: MOUNT --\u003e\n  \u003csection class=\"ride-section\" id=\"ride-mount\"\u003e\n    \u003cdiv class=\"ride-copy\"\u003e\n      \u003cspan class=\"ride-eyebrow\"\u003e05 \/ Handlebar Mounting\u003c\/span\u003e\n      \u003ch2\u003eMount. Tighten. Adjust.\u003c\/h2\u003e\n      \u003cp\u003e\n        Attach the clamp to a compatible handlebar and secure it\n        in a position that leaves your controls clear.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/6_e31051da-e86d-4adb-bf7b-1e1baa9bbf77.webp?v=1792479875\" alt=\"Close view of the bike phone holder clamp and tightening lever attached to a handlebar\" width=\"1024\" height=\"1024\" loading=\"lazy\" decoding=\"async\"\u003e\n\n    \u003cdiv class=\"ride-copy\"\u003e\n      \u003ch3\u003eSet Up Before You Set Off\u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"ride-accordion-wrap\"\u003e\n      \u003cdetails\u003e\n        \u003csummary\u003e\n          \u003cspan class=\"ride-step-number\"\u003e01.\u003c\/span\u003e\n          \u003cspan\u003eAttach the Handlebar Clamp\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"ride-answer\"\u003e\n          \u003cp\u003e\n            Choose a clear section of compatible handlebar.\n            Position the clamp and tighten it according to the supplied instructions.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003e\n          \u003cspan class=\"ride-step-number\"\u003e02.\u003c\/span\u003e\n          \u003cspan\u003ePlace and Enclose Your Phone\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"ride-answer\"\u003e\n          \u003cp\u003e\n            Check that your phone fits without force.\n            Place it inside and make sure the cover closes fully.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n\n      \u003cdetails\u003e\n        \u003csummary\u003e\n          \u003cspan class=\"ride-step-number\"\u003e03.\u003c\/span\u003e\n          \u003cspan\u003eAdjust and Check the Setup\u003c\/span\u003e\n        \u003c\/summary\u003e\n        \u003cdiv class=\"ride-answer\"\u003e\n          \u003cp\u003e\n            Set your viewing position and secure the adjustable connections.\n            Check that the holder does not obstruct steering, cables, or controls.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/details\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- DESIRE: IMAGE 7 --\u003e\n  \u003csection class=\"ride-section\" id=\"ride-everyday\"\u003e\n    \u003cdiv class=\"ride-copy\"\u003e\n      \u003cspan class=\"ride-eyebrow\"\u003e06 \/ Everyday Riding Convenience\u003c\/span\u003e\n      \u003ch2\u003eWeekday Routes. Weekend Rides.\u003c\/h2\u003e\n      \u003cp\u003e\n        From familiar commutes to new paths, keep your navigation\n        mounted in a dedicated place on your bike.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/7_30b041b5-0492-47da-a5da-64c36e8bfb84.webp?v=1792479876\" alt=\"Rider's view of a bike phone holder at a neighborhood and recreational path junction\" width=\"1024\" height=\"1024\" loading=\"lazy\" decoding=\"async\"\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- FIT CONFIRMATION: IMAGE 8 --\u003e\n  \u003csection class=\"ride-section\" id=\"ride-fit\"\u003e\n    \u003cdiv class=\"ride-copy\"\u003e\n      \u003cspan class=\"ride-eyebrow\"\u003eBefore You Order\u003c\/span\u003e\n      \u003ch2\u003eCheck Your Fit. Ride Ready.\u003c\/h2\u003e\n      \u003cp\u003e\n        Match the holder to your phone and handlebar before purchasing.\n        Fit depends on dimensions and available mounting space.\n      \u003c\/p\u003e\n\n      \u003cul class=\"ride-fit-list\"\u003e\n        \u003cli\u003e\n          \u003cstrong\u003ePhone:\u003c\/strong\u003e\n          Check length, width, and thickness, including your phone case.\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003cstrong\u003eHandlebar:\u003c\/strong\u003e\n          Confirm the diameter matches the clamp's supported range.\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003cstrong\u003eMounting space:\u003c\/strong\u003e\n          Leave room for cables, brakes, displays, and steering movement.\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/8_4203a843-8d2e-4a5d-8c7c-eda9f5fcf73c.webp?v=1792479876\" alt=\"Phone holder beside a smartphone and handlebar sample illustrating size checks before purchase\" width=\"1024\" height=\"1024\" loading=\"lazy\" decoding=\"async\"\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- OBJECTION HANDLING --\u003e\n  \u003csection class=\"ride-faq\"\u003e\n    \u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n    \u003cdetails\u003e\n      \u003csummary\u003eWill my phone fit with its case on?\u003c\/summary\u003e\n      \u003cdiv class=\"ride-answer\"\u003e\n        \u003cp\u003e\n          Fit depends on your phone's total dimensions with its case.\n          Compare these with the holder's internal dimensions.\n          The cover should close fully without pressure or force.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails\u003e\n      \u003csummary\u003eWill it fit my bike's handlebar?\u003c\/summary\u003e\n      \u003cdiv class=\"ride-answer\"\u003e\n        \u003cp\u003e\n          Check your handlebar diameter against the clamp's supported range.\n          You will also need enough clear space to install it without\n          interfering with controls or cables.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails\u003e\n      \u003csummary\u003eCan I use the touchscreen through the cover?\u003c\/summary\u003e\n      \u003cdiv class=\"ride-answer\"\u003e\n        \u003cp\u003e\n          The front window supports basic touchscreen interaction.\n          Response can vary with your phone, screen protector, and moisture.\n          Stop in a suitable place before using the screen.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails\u003e\n      \u003csummary\u003eIs the case suitable for rain?\u003c\/summary\u003e\n      \u003cdiv class=\"ride-answer\"\u003e\n        \u003cp\u003e\n          The enclosed design helps protect against everyday rain and splashes\n          when fully closed. It is not intended for immersion or pressure washing.\n          No IP waterproof rating is specified.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails\u003e\n      \u003csummary\u003eCan I adjust the viewing position?\u003c\/summary\u003e\n      \u003cdiv class=\"ride-answer\"\u003e\n        \u003cp\u003e\n          Yes. The folding arm and adjustable connection let you change\n          the viewing position. Secure all adjustable connections before riding.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n\n    \u003cdetails\u003e\n      \u003csummary\u003eDoes the magnetic feature charge my phone?\u003c\/summary\u003e\n      \u003cdiv class=\"ride-answer\"\u003e\n        \u003cp\u003e\n          A magnetic holding feature does not mean wireless charging.\n          Check the selected version and included accessories for its\n          magnetic mounting requirements.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/details\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ACTION --\u003e\n  \u003csection class=\"ride-cta\"\u003e\n    \u003ch2\u003eGet Ready for Your Next Route\u003c\/h2\u003e\n    \u003cp\u003e\n      Full-cover design. Adjustable positioning.\n      A dedicated place for your phone on every ride.\n    \u003c\/p\u003e\n\n    \u003ca class=\"ride-button\" href=\"#\" onclick=\"window.scrollTo({top:0,behavior:window.matchMedia('(prefers-reduced-motion: reduce)').matches?'auto':'smooth'}); return false;\" aria-label=\"Return to the top of the product page to choose options\"\u003e\n      Choose Your Options ↑\n    \u003c\/a\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"NC0184","offers":[{"title":"🚴 Single Pack — 1 Complete Set","offer_id":50707362349221,"sku":"NC01842610201352-车把款","price":26.99,"currency_code":"USD","in_stock":true},{"title":"🚴🚴 Duo Pack — 2 Complete Sets","offer_id":50707362381989,"sku":"NC01842610201352-车把款*2","price":45.99,"currency_code":"USD","in_stock":true},{"title":"👨‍👩‍👧 Family Pack — 3 Complete Sets","offer_id":50707362414757,"sku":"NC01842610201352-车把款*3","price":58.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0780\/1287\/4799\/files\/1_348c70c1-0a3b-4a8f-9e7a-51505e07f847.webp?v=1792495545","url":"https:\/\/meritessia.com\/ja\/products\/rainproof-bike-phone-holder","provider":"Meritessia","version":"1.0","type":"link"}