{"product_id":"foldable-magnetic-phone-mount","title":"Foldable Magnetic Phone Mount","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n  [AI Design Logic]\n  Product Type: Foldable Magnetic \u0026 Suction Phone Holder\n  Target Audience: Commuters, fitness enthusiasts, kitchen cooks, remote workers\n  Visual Style: Modern, clean, functional\n  Color Strategy: Deep charcoal and light matte gray accents\n  Module Order: Intro\/Hero, Feature 1 (Dual Adsorption), Feature 2 (Multi-Angle Spindle), Feature 3 (Hook \u0026 Pocket-Size), Specifications, FAQ\n  Detail Image Mapping: Hero=detail_1, Feature1=detail_2, Feature2=detail_4, Feature3=detail_3\n  Specification Data Source: spec_1 (data extraction only; no specification image placeholder is rendered)\n  Compare Section: Not included (no direct comparison data or images provided)\n  Information Boundary: Strictly relies on confirmed facts from the product analysis report, detail images, and spec images. No unverified features (such as wireless charging or spring-loaded clamps) have been introduced.\n  --\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* Scoping and Base Variables *\/\n    .product-detail-container {\n      --primary: #1a1a1a;\n      --primary-hover: #333333;\n      --text-main: #222222;\n      --text-sub: #555555;\n      --bg-body: #ffffff;\n      --bg-card: #f9f9f9;\n      --bg-soft: #f0f0f0;\n      --radius-md: 8px;\n      --radius-lg: 16px;\n      --shadow-sm: 0 2px 8px rgba(0,0,0,0.05);\n      --border-color: #e5e5e5;\n\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 20px 5%;\n      box-sizing: border-box;\n      overflow-wrap: break-word;\n      word-break: break-word;\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    }\n\n    .product-detail-container * {\n      box-sizing: border-box;\n    }\n\n    \/* Fixed Typography System (Strictly Locked) *\/\n    .product-detail-container h1 {\n      font-size: 22px;\n      line-height: 1.3;\n      font-weight: 700;\n      margin: 0 0 12px 0;\n      color: var(--text-main);\n    }\n\n    .product-detail-container h2,\n    .product-detail-container h3,\n    .product-detail-container .section-title,\n    .product-detail-container .feature-title,\n    .product-detail-container .faq-question {\n      font-size: 20px;\n      line-height: 1.4;\n      font-weight: 600;\n      margin: 0 0 12px 0;\n      color: var(--text-main);\n    }\n\n    .product-detail-container p,\n    .product-detail-container li,\n    .product-detail-container span,\n    .product-detail-container td,\n    .product-detail-container .badge,\n    .product-detail-container .tag,\n    .product-detail-container .faq-answer {\n      font-size: 18px;\n      line-height: 1.6;\n      color: var(--text-sub);\n      margin: 0 0 16px 0;\n    }\n\n    \/* Hero Section styling *\/\n    .hero-section {\n      margin-bottom: clamp(2rem, 5vw, 4rem);\n      text-align: center;\n    }\n\n    .hero-badge-container {\n      margin-bottom: 12px;\n    }\n\n    .hero-badge {\n      display: inline-block;\n      background-color: var(--bg-soft);\n      color: var(--text-main);\n      padding: 6px 16px;\n      border-radius: 50px;\n      font-weight: 500;\n      margin: 0;\n    }\n\n    .hero-subtitle {\n      max-width: 800px;\n      margin: 0 auto 24px auto;\n    }\n\n    \/* Image Placeholders *\/\n    .image-placeholder {\n      background-color: var(--bg-soft);\n      border: 2px dashed var(--border-color);\n      border-radius: var(--radius-lg);\n      padding: 40px 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      min-height: 250px;\n      margin-bottom: 24px;\n    }\n\n    .image-placeholder span {\n      color: var(--text-sub);\n      font-weight: 500;\n      margin: 0;\n    }\n\n    \/* Feature Sections styling *\/\n    .features-container {\n      display: flex;\n      flex-direction: column;\n      gap: clamp(2rem, 5vw, 4rem);\n      margin-bottom: clamp(2rem, 5vw, 4rem);\n    }\n\n    .feature-item {\n      display: flex;\n      gap: 30px;\n      align-items: center;\n      background: var(--bg-card);\n      padding: 24px;\n      border-radius: var(--radius-lg);\n      box-shadow: var(--shadow-sm);\n    }\n\n    .feature-item:nth-child(even) {\n      flex-direction: row-reverse;\n    }\n\n    .feature-media {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .feature-copy {\n      flex: 1;\n      min-width: 0;\n    }\n\n    .feature-copy p {\n      margin-bottom: 16px;\n    }\n\n    .tag-group {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 12px;\n    }\n\n    .tag {\n      background-color: var(--bg-soft);\n      color: var(--text-main);\n      padding: 4px 12px;\n      border-radius: var(--radius-md);\n      font-weight: 500;\n      margin: 0;\n    }\n\n    \/* Specifications styling *\/\n    .specifications-section {\n      background-color: var(--bg-card);\n      padding: 32px 24px;\n      border-radius: var(--radius-lg);\n      margin-bottom: clamp(2rem, 5vw, 4rem);\n      box-shadow: var(--shadow-sm);\n    }\n\n    .spec-table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-top: 16px;\n    }\n\n    .spec-table tr {\n      border-bottom: 1px solid var(--border-color);\n    }\n\n    .spec-table tr:last-child {\n      border-bottom: none;\n    }\n\n    \/* Desktop Specifications Grid Configuration *\/\n    @media (min-width: 768px) {\n      .spec-table td {\n        display: flex;\n        padding: 16px 8px;\n      }\n      .spec-table td::before {\n        content: attr(data-label);\n        display: block;\n        font-weight: 600;\n        color: var(--text-main);\n        width: 35%;\n        flex-shrink: 0;\n      }\n      .spec-table .spec-value {\n        width: 65%;\n      }\n    }\n\n    \/* FAQ section *\/\n    .faq-section {\n      margin-bottom: clamp(2rem, 5vw, 4rem);\n    }\n\n    .faq-item {\n      background-color: var(--bg-card);\n      padding: 20px;\n      border-radius: var(--radius-md);\n      margin-bottom: 16px;\n      box-shadow: var(--shadow-sm);\n    }\n\n    .faq-question {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin-bottom: 8px;\n      font-weight: 600;\n    }\n\n    .faq-answer {\n      margin: 0;\n    }\n\n    \/* Responsive Lock Styles *\/\n    @media (max-width: 767px) {\n      \/* Mobile layouts shift, typography sizes remain unchanged *\/\n      .feature-item,\n      .feature-item:nth-child(even) {\n        flex-direction: column; \/* Force Image First, Text Second *\/\n        padding: 16px;\n      }\n\n      .feature-media {\n        width: 100%;\n        margin-bottom: 16px;\n      }\n\n      .feature-copy {\n        width: 100%;\n      }\n\n      \/* Mobile Specifications Wrap Protection *\/\n      .spec-table,\n      .spec-table tbody,\n      .spec-table tr {\n        display: block;\n        width: 100%;\n        box-sizing: border-box;\n      }\n\n      .spec-table td {\n        display: grid;\n        grid-template-columns: minmax(110px, 40%) minmax(0, 1fr);\n        gap: 14px;\n        width: 100%;\n        box-sizing: border-box;\n        padding: 14px 0;\n        align-items: start;\n        white-space: normal;\n        overflow-wrap: anywhere;\n        word-break: break-word;\n      }\n\n      .spec-table td::before {\n        content: attr(data-label);\n        display: block;\n        min-width: 0;\n        font-size: 18px;\n        font-weight: 600;\n        line-height: 1.5;\n        color: var(--text-main);\n        white-space: normal;\n        overflow-wrap: anywhere;\n        word-break: break-word;\n      }\n\n      .spec-table .spec-value {\n        display: block;\n        min-width: 0;\n        max-width: 100%;\n        font-size: 18px;\n        line-height: 1.5;\n        white-space: normal;\n        overflow-wrap: anywhere;\n        word-break: break-word;\n      }\n    }\n\n    @media (max-width: 420px) {\n      .spec-table td {\n        grid-template-columns: 1fr;\n        gap: 6px;\n      }\n    }\n\u003c\/style\u003e\n\u003c!-- Hero Content Block --\u003e\n\u003csection class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-badge-container\"\u003e\u003cspan class=\"hero-badge\"\u003e⚡ Dual-Adsorption Technology\u003c\/span\u003e\u003c\/div\u003e\n\n\u003ch1\u003eStick Anywhere, View Any Way\u003c\/h1\u003e\n\n\u003cp class=\"hero-subtitle\"\u003eA versatile, pocket-sized folding phone holder designed for seamless hands-free viewing on glass windows, gym mirrors, laptop monitors, tiled walls, or flat metal surfaces.\u003c\/p\u003e\n\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\u003cspan\u003e\u003cdiv\u003e\u003cimg cke-id=\"img72\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260903102932\/13089b79273f2be2380cb3eb65227f59.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"features-container\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\u003cspan\u003e\u003cdiv\u003e\u003cimg cke-id=\"img57\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260903100150\/09326960c408317b9bb8ddf2bc6a5797.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eSuction \u0026amp; Magnetic Dual Base\u003c\/h2\u003e\n\n\u003cp\u003eEquipped with an integrated dual-adsorption base. 18 micro suction cups provide reliable adhesion to smooth, non-porous surfaces like glass or tile without leaving residue. The magnetic base adheres lightly to flat iron surfaces with a recommended max load capacity of 350g.\u003c\/p\u003e\n\n\u003cdiv class=\"tag-group\"\u003e\n\u003cspan class=\"tag\"\u003e18 Suction Cups\u003c\/span\u003e \u003cspan class=\"tag\"\u003eMagnetic Mounting\u003c\/span\u003e \u003cspan class=\"tag\"\u003eNo Slipping\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\u003cspan\u003e\u003cdiv\u003e\u003cimg cke-id=\"img58\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260903100150\/1e2a27e983cda189d3bc742474139f56.jpg\"\u003e\u003c\/div\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eMulti-Axis 360° Free Rotation\u003c\/h2\u003e\n\n\u003cp\u003eAdjust your screen smoothly to any angle. Built with dual dampened spindles and a 360° horizontal rotation axis, this holder allows for versatile orientation. Tilt, fold, and turn your device to match your exact line of sight in portrait, landscape, or desktop stand mode.\u003c\/p\u003e\n\n\u003cdiv class=\"tag-group\"\u003e\n\u003cspan class=\"tag\"\u003e360° Rotation\u003c\/span\u003e \u003cspan class=\"tag\"\u003eDual Dampened Spindles\u003c\/span\u003e \u003cspan class=\"tag\"\u003eMulti-Angle Tilt\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\n\u003cdiv\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\n\u003cp style=\"margin:0;display: block;width: 100%;\"\u003e \u003c\/p\u003e\n\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img44\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260903103643\/10b1f486c0423b92efc3cac5480112a1.jpeg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003ePocket Folding\u003c\/h2\u003e\n\n\u003cp\u003eTake your mount anywhere. The magnetic ring splitting mechanism transforms seamlessly into a hanging hook that securely fastens to your backpack straps, gear, or clothing loops. Folded down flat to just 16mm thick, it fits easily in your pocket for commutes or travel.\u003c\/p\u003e\n\n\u003cdiv class=\"tag-group\"\u003e\n\u003cspan class=\"tag\"\u003eSplit-Ring Hook\u003c\/span\u003e \u003cspan class=\"tag\"\u003e16mm Ultra-Thin\u003c\/span\u003e \u003cspan class=\"tag\"\u003eCommute-Friendly\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Specifications Table (Text Only - No Images) --\u003e\n\n\u003csection class=\"specifications-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Dimensions\"\u003e\u003cspan class=\"spec-value\"\u003e85 x 59 x 16 mm (Approx. 3.3 x 2.3 x 0.6 in)\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Weight\"\u003e\u003cspan class=\"spec-value\"\u003e≈ 75 g (Approx. 2.6 oz)\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Base Material\"\u003e\u003cspan class=\"spec-value\"\u003e18 micro suction cups \u0026amp; strong magnetic plate\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Max Magnetic Load\"\u003e\u003cspan class=\"spec-value\"\u003e350 g (Approx. 12.3 oz)\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Spindle Rotation\"\u003e\u003cspan class=\"spec-value\"\u003eDual 180° folding joints \u0026amp; 360° horizontal swivel\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Available Colors\"\u003e\u003cspan class=\"spec-value\"\u003eClassic Black\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ Section --\u003e\n\n\u003csection class=\"faq-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003e💡 How does the dual-adsorption base work?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eThe base features a central magnetic plate for adhering to flat iron surfaces alongside a matrix of 18 micro suction cups. The suction cups attach to smooth surfaces like mirror glass, laptop screen backs, or smooth tiled walls when gently pressed.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003e💡 What is the maximum recommended weight for magnetic mount?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eThe maximum recommended magnetic load limit is 350 grams (approx. 12.3 ounces), which easily supports standard consumer smartphones in secure alignment.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003e💡 Can I attach this holder to my backpack while commuting?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eYes. The magnetic ring divides at the center seam, converting into an integrated split-ring hook. This design allows you to securely hang the folded mount on backpack webbing straps, bags, or apparel loops.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"1-Pack (Starter)","offer_id":64602218004851,"sku":"0904-17033770","price":12.95,"currency_code":"USD","in_stock":true},{"title":"2-Pack (Home \u0026 Office - SAVE 20%)","offer_id":64602218037619,"sku":"0904-17039012","price":19.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0946\/5692\/1971\/files\/13089b79273f2be2380cb3eb65227f59.jpg?v=1788512717","url":"https:\/\/woyuosn.com\/products\/foldable-magnetic-phone-mount","provider":"Woyuosn","version":"1.0","type":"link"}