{"product_id":"magnetische-brilhouder","title":"Magnetische Brilhouder","description":"\u003cdiv class=\"product-detail-container\"\u003e\u003c!--\n  [AI Design Logic]\n  产品类型：磁性眼镜挂架，C穿戴贴合型\n  视觉风格：现代、极简、实用、高质感\n  配色策略：以银\/蓝为主，强调科技感和专业性，配合辅助灰色。\n  --\u003e\u003c\/div\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      --primary: #0056b3;\n      --primary-light: #e6f0fa;\n      --primary-hover: #004494;\n      --text-main: #111827;\n      --text-sub: #4b5563;\n      --bg-body: #ffffff;\n      --bg-card: #f9fafb;\n      --bg-soft: #f3f4f6;\n      --radius-md: 12px;\n      --radius-lg: 24px;\n      --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);\n      --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n      --border-color: #e5e7eb;\n\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n      color: var(--text-main);\n      line-height: 1.7;\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      box-sizing: border-box;\n      overflow-x: hidden;\n    }\n\n    \/* Typography *\/\n    .product-detail-container h1,\n    .product-detail-container h2,\n    .product-detail-container h3 {\n      font-weight: 800;\n      color: var(--text-main);\n      margin-top: 0;\n      letter-spacing: -0.02em;\n    }\n    .product-detail-container h1 {\n      font-size: clamp(36px, 5vw, 52px);\n      line-height: 1.15;\n      margin-bottom: 20px;\n      background: linear-gradient(90deg, #111827, #0056b3);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n    .product-detail-container h2 {\n      font-size: clamp(28px, 4vw, 36px);\n      margin-bottom: 20px;\n      line-height: 1.3;\n    }\n    .product-detail-container p {\n      font-size: clamp(16px, 2vw, 18px);\n      color: var(--text-sub);\n      margin-bottom: 24px;\n    }\n\n    \/* Layout Utilities *\/\n    .pd-section {\n      padding: clamp(3rem, 6vw, 6rem) 0;\n    }\n    .pd-grid {\n      display: grid;\n      gap: clamp(32px, 6vw, 64px);\n    }\n    @media (min-width: 768px) {\n      .pd-grid-2 {\n        grid-template-columns: 1fr 1fr;\n        align-items: center;\n      }\n    }\n\n    \/* Components *\/\n    .pd-image-wrapper {\n      width: 100%;\n      height: auto;\n      overflow: hidden;\n      border-radius: var(--radius-lg);\n      box-shadow: var(--shadow-lg);\n      transition: transform 0.3s ease;\n    }\n    .pd-image-wrapper:hover {\n      transform: translateY(-5px);\n    }\n    .pd-image-wrapper img {\n      width: 100%;\n      height: auto;\n      display: block;\n      object-fit: cover;\n    }\n\n    .pd-tag {\n      display: inline-flex;\n      align-items: center;\n      padding: 6px 16px;\n      background: var(--primary-light);\n      color: var(--primary);\n      border-radius: 50px;\n      font-size: 14px;\n      font-weight: 600;\n      margin-right: 10px;\n      margin-bottom: 10px;\n      letter-spacing: 0.5px;\n      text-transform: uppercase;\n    }\n\n    \/* Hero Section *\/\n    .hero-section {\n      text-align: center;\n      padding-top: clamp(2rem, 4vw, 4rem);\n    }\n    .hero-trust-badge {\n      display: inline-flex;\n      align-items: center;\n      background: var(--bg-card);\n      padding: 8px 20px;\n      border-radius: 50px;\n      font-size: 15px;\n      color: var(--text-main);\n      font-weight: 600;\n      margin-bottom: 32px;\n      border: 1px solid var(--border-color);\n      box-shadow: var(--shadow-sm);\n    }\n    .hero-trust-badge span {\n      margin-right: 8px;\n      font-size: 18px;\n    }\n    .hero-content {\n      max-width: 700px;\n      margin: 0 auto 48px;\n    }\n    .hero-content p {\n      font-size: clamp(18px, 2.5vw, 22px);\n    }\n\n    \/* Features Section *\/\n    .feature-section .feature-content {\n      order: 2;\n    }\n    .feature-section .feature-media {\n      order: 1;\n    }\n    @media (min-width: 768px) {\n      .feature-section.reverse .feature-content {\n        order: 1;\n      }\n      .feature-section.reverse .feature-media {\n        order: 2;\n      }\n    }\n    .feature-tags {\n      margin-top: 32px;\n    }\n\n    \/* Specs Section *\/\n    .specs-section {\n      background: var(--bg-card);\n      padding: clamp(3rem, 6vw, 5rem);\n      border-radius: var(--radius-lg);\n      margin: 2rem 0;\n      border: 1px solid var(--border-color);\n    }\n    .specs-section h2 {\n      text-align: center;\n      margin-bottom: 40px;\n    }\n    .specs-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n      gap: 24px;\n    }\n    .specs-list li {\n      display: flex;\n      flex-direction: column;\n      padding: 24px;\n      background: var(--bg-body);\n      border-radius: var(--radius-md);\n      box-shadow: var(--shadow-sm);\n      border: 1px solid var(--border-color);\n      transition: box-shadow 0.3s ease;\n    }\n    .specs-list li:hover {\n      box-shadow: var(--shadow-lg);\n    }\n    .spec-label {\n      font-weight: 700;\n      color: var(--primary);\n      margin-bottom: 8px;\n      font-size: 14px;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n    }\n    .spec-value {\n      font-size: 18px;\n      font-weight: 500;\n      color: var(--text-main);\n    }\n\n    \/* FAQ Section *\/\n    .faq-section {\n      max-width: 800px;\n      margin: 0 auto;\n    }\n    .faq-section h2 {\n      text-align: center;\n      margin-bottom: 40px;\n    }\n    .faq-item {\n      margin-bottom: 24px;\n      background: var(--bg-body);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-md);\n      padding: 24px;\n      box-shadow: var(--shadow-sm);\n    }\n    .faq-question {\n      font-weight: 700;\n      font-size: 18px;\n      margin-bottom: 12px;\n      color: var(--text-main);\n      display: flex;\n      align-items: center;\n    }\n    .faq-question::before {\n      content: \"Q.\";\n      color: var(--primary);\n      font-size: 22px;\n      margin-right: 12px;\n      font-weight: 900;\n    }\n    .faq-answer {\n      padding-left: 34px;\n    }\n    .faq-answer p {\n      margin: 0;\n      color: var(--text-sub);\n      font-size: 16px;\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003cdiv class=\"pd-section hero-section\"\u003e\n\u003cdiv class=\"hero-trust-badge\"\u003e\u003cspan\u003e✨ Ontworpen voor dagelijks gebruiksgemak\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1\u003eHoud je bril veilig,\u003c\/h1\u003e\n\u003ch1\u003emaak je dag een stuk makkelijker\u003c\/h1\u003e\n\u003cp\u003eDe magnetische brilhouder die je bril veilig, binnen handbereik en onbeschadigd houdt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-image-wrapper\"\u003e\n\u003c!-- 移除了原有的 style=\"display: initial; width: 1254px; height: 1254px;\" 修复移动端溢出问题 --\u003e\n\u003cdiv\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0707\/8910\/3797\/files\/ChatGPT_Image_27_jul_2026_12_25_44.png?v=1785140760\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- B. Features --\u003e\u003c!-- Feature 1: Strong Magnetic Hold --\u003e\n\u003cdiv class=\"pd-section feature-section\"\u003e\n\u003cdiv class=\"pd-grid pd-grid-2\"\u003e\n\u003cdiv class=\"feature-media pd-image-wrapper\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0707\/8910\/3797\/files\/3_16951cbe-c929-467d-8a7a-f69ea042fc58.jpg?v=1784882036\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch2\u003eKrachtige magnetische bevestiging\u003c\/h2\u003e\n\u003cp\u003eU hoeft zich nooit meer zorgen te maken dat uw bril wegglijdt of valt. Onze krachtige dubbele magneten zorgen voor een stevige hechting door de stof heen, waardoor uw bril de hele dag stevig op zijn plaats blijft zitten.\u003c\/p\u003e\n\u003cp\u003eAnti-valbeveiliging \u003cbr\u003eVaste greep\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0707\/8910\/3797\/files\/4_3d86b5a3-b090-4ca4-b463-b2dcb313f11c.jpg?v=1784882035\" alt=\"\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Universal Fit --\u003e\n\u003cdiv class=\"pd-section feature-section reverse\"\u003e\n\u003cdiv class=\"pd-grid pd-grid-2\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch2\u003eGeschikt voor vrijwel alle montuurtypes\u003c\/h2\u003e\n\u003cp\u003eVan stevige zonnebrillen tot fijne leesbrillen: dankzij het veelzijdige ontwerp past het bij vrijwel elk montuur. Het dient tevens als handige houder voor ID-badges, oordopjes en andere lichte benodigdheden.\u003c\/p\u003e\n\u003cdiv class=\"feature-tags\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0707\/8910\/3797\/files\/5_993348b0-9990-43a0-9a78-ce62d65cda2e.jpg?v=1784882036\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3: No Clothing Damage --\u003e\n\u003cdiv class=\"pd-section feature-section\"\u003e\n\u003cdiv class=\"pd-grid pd-grid-2\"\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch2\u003eZacht voor je kleding\u003c\/h2\u003e\n\u003cp\u003eVergeet klemmetjes die blijven haken of spelden die gaatjes maken. De gladde roestvrijstalen constructie hecht magnetisch zonder je kleding te beschadigen, waardoor het zelfs voor delicate stoffen veilig is.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- C. Specifications --\u003e\n\u003cdiv class=\"pd-section specs-section\"\u003e\n\u003ch2\u003eProductspecificaties\u003c\/h2\u003e\n\u003cul class=\"specs-list\"\u003e\n\u003cli\u003e\n\u003cspan class=\"spec-label\"\u003eMateriaal\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003eRoestvrij staal \/ Gecoate afwerking\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"spec-label\"\u003eType bijlage\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003eMagnetisch (systeem met twee magneten)\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"spec-label\"\u003eBeschikbare kleuren\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003eZwart, zilver, goud, legergroen, roze, wit\u003c\/span\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"spec-label\"\u003eGebruik\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003eBrillen, identiteitsbadges, oordopjes, enz.\u003c\/span\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- D. FAQ --\u003e\n\u003cdiv class=\"pd-section faq-section\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-answer\"\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Verkauft.nl","offers":[{"title":"Zilver","offer_id":52859447836853,"sku":"0624-14055325","price":14.99,"currency_code":"EUR","in_stock":true},{"title":"Zwart","offer_id":52859447869621,"sku":"0624-14050248","price":14.99,"currency_code":"EUR","in_stock":true},{"title":"Goud","offer_id":52859447902389,"sku":"0624-14059866","price":14.99,"currency_code":"EUR","in_stock":true},{"title":"Legergroen","offer_id":52859447935157,"sku":"0624-14056452","price":14.99,"currency_code":"EUR","in_stock":true},{"title":"Roze","offer_id":52859447967925,"sku":"0624-14050359","price":14.99,"currency_code":"EUR","in_stock":true},{"title":"Wit","offer_id":52859448000693,"sku":"0624-14056477","price":14.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0707\/8910\/3797\/files\/ChatGPT_Image_27_jul_2026_12_56_09.png?v=1785142581","url":"https:\/\/verkauft.nl\/products\/magnetische-brilhouder","provider":"Verkauft.nl","version":"1.0","type":"link"}