{"product_id":"bike-phone-holder","title":"Bike Phone Holder","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Tech Accessory \/ Outdoor \u0026 Sports Gear\nTarget Audience: Cyclists, motorcyclists, commuters (Values speed, durability, and convenience)\nVisual Style: Modern, Rugged, Sporty, High-Tech\nColor Strategy: Deep Carbon Black (#121212) with Energetic Orange accents (#FF6B00) to convey action, visibility, and modern tech.\nShape Strategy: Solid, slightly angled elements or clean sharp corners to emphasize sturdiness and precision engineering.\nTypography Strategy: Bold, clean sans-serif fonts for a highly readable, technical feel.\nMobile Table Strategy: Card-based responsive flex layout.\n--\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n        \/* Design System Variables - Sporty Tech Theme *\/\n        --primary: #FF6B00; \/* Energetic Orange *\/\n        --primary-dark: #CC5500;\n        --bg-body: #121212; \/* Carbon Black *\/\n        --bg-card: #1E1E1E; \/* Dark Grey *\/\n        --bg-highlight: rgba(255, 107, 0, 0.08);\n        --text-main: #FFFFFF; \/* Pure White *\/\n        --text-sub: #B3B3B3; \/* Light Grey *\/\n        --border-color: #333333;\n        --radius-md: 6px;\n        --radius-lg: 12px;\n        --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.5);\n        --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.6);\n        --space-md: clamp(1.5rem, 3vw, 2.5rem);\n        --space-lg: clamp(2.5rem, 6vw, 5rem);\n\n        \/* Global Reset \u0026 Typography *\/\n        font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n        color: var(--text-main);\n        background-color: var(--bg-body);\n        line-height: 1.6;\n        font-size: 16px;\n        box-sizing: border-box;\n        overflow-x: hidden;\n    }\n\n    .product-detail-container * {\n        box-sizing: border-box;\n    }\n\n    .product-detail-container h1, \n    .product-detail-container h2, \n    .product-detail-container h3,\n    .product-detail-container h4 {\n        color: var(--text-main);\n        margin-top: 0;\n        margin-bottom: 1rem;\n        line-height: 1.2;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    .product-detail-container h1 { font-size: clamp(28px, 5vw, 42px); color: var(--text-main); }\n    .product-detail-container h1 span { color: var(--primary); }\n    .product-detail-container h2 { font-size: clamp(20px, 4vw, 24px); color: var(--primary); letter-spacing: 2px; }\n    .product-detail-container h3 { font-size: clamp(20px, 3vw, 26px); }\n    .product-detail-container p { margin-top: 0; margin-bottom: 1.5rem; font-size: clamp(16px, 2vw, 18px); color: var(--text-sub); font-weight: 400; text-transform: none; letter-spacing: normal; }\n    \n    .product-detail-container img {\n        width: 100%;\n        height: auto;\n        display: block;\n        border-radius: var(--radius-md);\n        box-shadow: var(--shadow-md);\n        border: 1px solid var(--border-color);\n    }\n\n    \/* Layout Utilities *\/\n    .pd-section {\n        padding: var(--space-lg) 0;\n        border-bottom: 1px solid var(--border-color);\n    }\n    .pd-section:last-child { border-bottom: none; }\n    \n    .pd-container-inner {\n        max-width: 1100px;\n        margin: 0 auto;\n        padding: 0 clamp(1.5rem, 3vw, 2rem);\n    }\n\n    \/* Hero Section *\/\n    .pd-hero {\n        text-align: center;\n        padding-top: var(--space-lg);\n        background: linear-gradient(180deg, #1a1a1a 0%, #121212 100%);\n        position: relative;\n    }\n    .pd-hero::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; right: 0; height: 4px;\n        background: var(--primary);\n    }\n    \n    .pd-badge {\n        display: inline-block;\n        background: var(--bg-highlight);\n        color: var(--primary);\n        padding: 0.5rem 1rem;\n        border-radius: 50px;\n        font-size: 14px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        margin-bottom: 1.5rem;\n        border: 1px solid var(--primary);\n    }\n\n    \/* Feature Z-Pattern *\/\n    .pd-feature-item {\n        display: flex;\n        flex-direction: column;\n        gap: var(--space-md);\n        margin-bottom: var(--space-lg);\n    }\n    .pd-feature-item:last-child { margin-bottom: 0; }\n    \n    \/* Strict Mobile Ordering: Media top, Copy bottom *\/\n    .pd-feature-media { order: 1; position: relative; }\n    .pd-feature-copy { order: 2; display: flex; flex-direction: column; justify-content: center; }\n\n    .pd-feature-copy h3 { position: relative; padding-bottom: 1rem; }\n    .pd-feature-copy h3::after {\n        content: '';\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        width: 50px;\n        height: 4px;\n        background: var(--primary);\n        border-radius: 2px;\n    }\n\n    \/* Specs Table - Mobile Card View Strategy *\/\n    .pd-specs-wrapper {\n        background: var(--bg-card);\n        border-radius: var(--radius-lg);\n        border: 1px solid var(--border-color);\n        overflow: hidden;\n        margin-bottom: 1rem;\n        box-shadow: var(--shadow-sm);\n    }\n    .pd-table {\n        width: 100%;\n        border-collapse: collapse;\n        text-align: left;\n    }\n    .pd-table th, .pd-table td {\n        padding: 1.25rem 1.5rem;\n        border-bottom: 1px solid var(--border-color);\n    }\n    .pd-table th { \n        background: rgba(255,255,255,0.03); \n        font-weight: 700; \n        color: var(--primary); \n        width: 35%; \n        text-transform: uppercase;\n        font-size: 14px;\n        letter-spacing: 1px;\n    }\n    .pd-table tr:last-child th, .pd-table tr:last-child td { border-bottom: none; }\n    .pd-table td { color: var(--text-main); font-weight: 500; }\n\n    \/* FAQ Section *\/\n    .pd-faq-list { display: flex; flex-direction: column; gap: 1rem; }\n    .pd-faq-item { \n        background: var(--bg-card); \n        padding: 1.5rem 2rem; \n        border-radius: var(--radius-md); \n        border-left: 4px solid var(--primary);\n        transition: transform 0.2s ease;\n    }\n    .pd-faq-item:hover {\n        transform: translateX(4px);\n        background: #252525;\n    }\n    .pd-faq-item h4 { margin: 0 0 0.5rem 0; font-size: clamp(16px, 2.5vw, 18px); color: var(--text-main); text-transform: none; }\n    .pd-faq-item p { margin: 0; color: var(--text-sub); font-size: 15px; }\n\n    \/* Desktop Enhancements *\/\n    @media (min-width: 768px) {\n        .pd-feature-item { flex-direction: row; gap: 4rem; align-items: center; }\n        .pd-feature-item:nth-child(even) { flex-direction: row-reverse; }\n        .pd-feature-media, .pd-feature-copy { order: 0; flex: 1; }\n        .pd-feature-item:nth-child(even) .pd-feature-copy h3::after { right: 0; left: auto; }\n        .pd-feature-item:nth-child(even) .pd-feature-copy { text-align: right; }\n    }\n\n    \/* Mobile Table Card View Override *\/\n    @media (max-width: 767px) {\n        .pd-specs-wrapper { border: none; background: transparent; box-shadow: none; }\n        .pd-table, .pd-table thead, .pd-table tbody, .pd-table tr, .pd-table th, .pd-table td {\n            display: block;\n            width: 100%;\n        }\n        .pd-table thead { display: none; }\n        .pd-table tr {\n            background: var(--bg-card);\n            border: 1px solid var(--border-color);\n            border-radius: var(--radius-md);\n            margin-bottom: 1rem;\n        }\n        .pd-table td {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            padding: 1rem;\n            border-bottom: 1px solid var(--border-color);\n            text-align: right;\n            font-size: 14px;\n        }\n        .pd-table tr td:last-child { border-bottom: none; }\n        .pd-table td::before {\n            content: attr(data-label);\n            color: var(--primary);\n            font-weight: 700;\n            text-transform: uppercase;\n            text-align: left;\n            margin-right: 1rem;\n            flex-shrink: 0;\n            max-width: 40%;\n            font-size: 12px;\n            letter-spacing: 0.5px;\n        }\n    }\n\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"pd-section pd-hero\"\u003e\n\u003cdiv class=\"pd-container-inner\"\u003e\n\u003cdiv class=\"pd-badge\"\u003eUniversal Fit\u003c\/div\u003e\n\n\u003ch1\u003eQuick-Release \u003cspan\u003eBike \u0026amp; Motorcycle\u003c\/span\u003e Phone Mount\u003c\/h1\u003e\n\n\u003ch2\u003e360° Adjustable Universal Holder\u003c\/h2\u003e\n\n\u003cp style=\"max-width: 700px; margin: 1.5rem auto 2rem auto;\"\u003eEngineered for the open road. Secure your device instantly and ride with confidence, knowing your navigation is always perfectly in view.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Features Section --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003cdiv class=\"pd-container-inner\"\u003e\n\u003c!-- Feature 1 --\u003e\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"One-Second Quick Release Design\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260302115607\/2d27cffcdc0a61c89f5cc114a479856d.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch3\u003eOne-Second Quick Release Design\u003c\/h3\u003e\n\n\u003cp\u003eMount or remove your phone in just one second. The tool-free quick-release system allows effortless one-handed operation, making your rides more convenient and efficient.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Sturdy \u0026amp; Secure Grip\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260302115607\/5a50ec9aa6be71b69495614dffd91701.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch3\u003eSturdy \u0026amp; Secure Grip\u003c\/h3\u003e\n\n\u003cp\u003eEngineered with precision mechanics, this phone holder firmly locks your device in place. Even on bumpy roads, it prevents slipping and accidental drops. Ride with confidence.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"360° Adjustable Viewing Angle\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260302115607\/6ff9414250f9fbb8986468f7a3981911.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch3\u003e360° Adjustable Viewing Angle\u003c\/h3\u003e\n\n\u003cp\u003eEquipped with a 360° rotating ball joint, you can easily switch between portrait and landscape modes. Find the perfect viewing angle for navigation or calls.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 4 --\u003e\n\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Universal Compatibility\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260302115607\/b3fcdcdbe89008e7c960f984a6b3920e.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch3\u003eUniversal Compatibility\u003c\/h3\u003e\n\n\u003cp\u003eFits smartphones from 4.7 to 7.2 inches, including devices with cases. Compatible with most iPhone, Samsung Galaxy, LG, and other models. Designed to meet diverse riding needs.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 5 --\u003e\n\n\u003cdiv class=\"pd-feature-item\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg alt=\"Perfect for Cycling \u0026amp; Motorcycling\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260302115607\/eceff3f18caa63f408f334f6ac614217.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch3\u003ePerfect for Cycling \u0026amp; Motorcycling\u003c\/h3\u003e\n\n\u003cp\u003eIdeal for road bikes, mountain bikes, motorcycles, and daily commuting. A must-have accessory for riders who rely on navigation and hands-free access.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Specifications Section --\u003e\n\n\u003cdiv class=\"pd-section\" style=\"background-color: #0a0a0a;\"\u003e\n\u003cdiv class=\"pd-container-inner\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: 2rem;\"\u003eTechnical Specs\u003c\/h2\u003e\n\n\u003cdiv class=\"pd-specs-wrapper\"\u003e\n\u003ctable class=\"pd-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eFeature\u003c\/th\u003e\n\t\t\t\u003cth\u003eSpecification\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Compatibility\"\u003eCompatibility\u003c\/td\u003e\n\t\t\t\u003ctd\u003e4.7 – 7.2 inch Smartphones\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Rotation\"\u003eRotation\u003c\/td\u003e\n\t\t\t\u003ctd\u003e360° Adjustable\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Installation\"\u003eInstallation\u003c\/td\u003e\n\t\t\t\u003ctd\u003eTool-Free Quick Release\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Use\"\u003eUse\u003c\/td\u003e\n\t\t\t\u003ctd\u003eBike \/ Motorcycle\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Feature\"\u003eFeature\u003c\/td\u003e\n\t\t\t\u003ctd\u003eShock-Resistant \u0026amp; Secure Grip\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Section --\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003cdiv class=\"pd-container-inner\"\u003e\n\u003ch2 style=\"text-align: center; margin-bottom: 2.5rem;\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"pd-faq-list\"\u003e\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003ch4\u003eQ1: Can I install it without tools?\u003c\/h4\u003e\n\n\u003cp\u003eYes. The quick-release design allows tool-free installation.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003ch4\u003eQ2: Will it hold my phone securely on rough roads?\u003c\/h4\u003e\n\n\u003cp\u003eYes. It is engineered for stability and anti-slip protection.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003ch4\u003eQ3: Does it fit large smartphones?\u003c\/h4\u003e\n\n\u003cp\u003eYes. It fits devices from 4.7 to 7.2 inches, including phones with cases.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Black","offer_id":45210558464191,"sku":"1731359147100967704","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Pink","offer_id":45210558496959,"sku":"1731359147101033240","price":12.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/2d27cffcdc0a61c89f5cc114a479856d.jpg?v=1773214210","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/bike-phone-holder","provider":"Bak","version":"1.0","type":"link"}