{"product_id":"3-in-1-convertible-sun-hat-rjc","title":"3-in-1 omkeerbare zonneklep","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e\/*\n  [AI Design Logic]\n  产品类型：多功能户外防晒渔夫帽 (3-in-1 Sun Protection Hat)\n  目标受众：户外活动爱好者（钓鱼、徒步、园艺等）\n  视觉风格：功能性、坚固、户外实用主义\n  配色策略：使用中性深灰色作为主色调，强调专业和耐用感，搭配柔和背景色突出产品。\n  模块顺序：\n    1. Hero: 展示终极户外场景和核心利益点（360°全防护）。\n    2. Feature 1 (Versatility): 强调核心差异化卖点——可拆卸的一帽三戴设计。\n    3. Feature 2 (Comparison): 通过对比直观展示防护优势。\n    4. Feature 3 (Details\/Comfort): 解决用户对闷热和固定的顾虑，展示材质细节。\n    5. Specifications: 提供基础参数。\n    6. FAQ: 解决购买前的常见疑虑。\n  详情图映射：\n    - Hero: image_2.png (最具户外氛围和完整形态)\n    - Feature 1: image_1.png (清晰展示三种形态)\n    - Feature 2: image_4.png (直观的对比图)\n    - Feature 3: image_5.png (材质和功能细节四宫格)\n  规格图映射：\n    - Specifications: image_7.png (提取颜色和款式信息)\n  对比模块：已加入 (Feature 2)，因产品提供了极佳的对比素材来强调卖点。\n  *\/\n\n  :host {\n    display: block;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    color: var(--text-main);\n    line-height: 1.6;\n  }\n\n  .product-detail-container {\n    \/* Design System Variables *\/\n    --primary: #374151; \/* Dark Grey\/Tactical tone *\/\n    --text-main: #1F2937;\n    --text-sub: #6B7280;\n    --bg-soft: #F9FAFB;\n    --bg-card: #FFFFFF;\n    --radius-md: 8px;\n    --radius-lg: 12px;\n    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 0 20px;\n    box-sizing: border-box;\n  }\n\n  \/* Typography *\/\n  .product-detail-container h1 { font-size: clamp(28px, 4vw, 40px); font-weight: 700; line-height: 1.2; margin-bottom: 16px; color: var(--primary); }\n  .product-detail-container h2 { font-size: clamp(24px, 3vw, 32px); font-weight: 600; margin-bottom: 20px; color: var(--primary); }\n  .product-detail-container h3 { font-size: 20px; font-weight: 600; margin-bottom: 12px; }\n  .product-detail-container p { font-size: 18px; color: var(--text-sub); margin-bottom: 16px; }\n  .product-detail-container .lead-text { font-size: 20px; color: var(--text-main); font-weight: 500; }\n  .product-detail-container .small-text { font-size: 16px; color: var(--text-sub); }\n\n  \/* Layout \u0026 Components *\/\n  .section-spacing { margin-bottom: clamp(40px, 8vw, 80px); }\n  .img-fluid { width: 100%; height: auto; display: block; border-radius: var(--radius-lg); }\n  .grid-2 { display: grid; grid-template-columns: 1fr; gap: clamp(24px, 4vw, 48px); align-items: center; }\n\n  \/* Tags *\/\n  .tag-container { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }\n  .feature-tag {\n    display: inline-block;\n    padding: 6px 12px;\n    background-color: var(--bg-soft);\n    color: var(--primary);\n    border-radius: 20px;\n    font-size: 14px;\n    font-weight: 500;\n  }\n\n  \/* Hero Section *\/\n  .hero-section { text-align: center; }\n  .hero-content { max-width: 800px; margin: 0 auto 32px; }\n  .trust-badge { display: inline-flex; align-items: center; background: var(--bg-soft); padding: 8px 16px; border-radius: 30px; font-weight: 500; color: var(--primary); margin-bottom: 24px; }\n\n  \/* Feature Section Structure *\/\n  .feature-item { display: flex; flex-direction: column; gap: 24px; }\n  .feature-copy { order: 2; }\n  .feature-media { order: 1; }\n\n  \/* Specifications *\/\n  .spec-table { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--bg-card); border-radius: var(--radius-lg); overflow: hidden; border: 1px solid #E5E7EB; }\n  .spec-table th, .spec-table td { padding: 16px 24px; text-align: left; border-bottom: 1px solid #E5E7EB; font-size: 18px; }\n  .spec-table th { background: var(--bg-soft); font-weight: 600; width: 35%; color: var(--primary); }\n  .spec-table tr:last-child td { border-bottom: none; }\n\n  \/* FAQ *\/\n  .faq-item { background: var(--bg-soft); padding: 24px; border-radius: var(--radius-lg); margin-bottom: 16px; }\n  .faq-question { font-weight: 600; font-size: 20px; margin-bottom: 12px; color: var(--primary); display: flex; align-items: center; }\n  .faq-question::before { content: \"Q.\"; margin-right: 8px; color: var(--text-sub); }\n  .faq-answer { margin: 0; padding-left: 28px; }\n\n  \/* Responsive *\/\n  @media (min-width: 768px) {\n    .grid-2 { grid-template-columns: 1fr 1fr; }\n    .feature-item:nth-child(even) .feature-copy { order: 1; }\n    .feature-item:nth-child(even) .feature-media { order: 2; }\n    .hero-section { text-align: left; }\n    .hero-content { margin: 0 0 32px 0; }\n    .hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }\n  }\n\n  @media (max-width: 767px) {\n    .spec-table, .spec-table tbody, .spec-table tr, .spec-table th, .spec-table td { display: block; width: 100%; box-sizing: border-box; }\n    .spec-table th { background: transparent; color: var(--text-sub); padding-bottom: 4px; font-size: 16px; }\n    .spec-table td { padding-top: 0; font-weight: 500; padding-bottom: 20px; border: none; }\n    .spec-table tr { border-bottom: 1px solid #E5E7EB; padding-top: 16px; }\n  }\n\n  \/* Image Placeholder Style *\/\n  .img-placeholder {\n    width: 100%;\n    aspect-ratio: 16\/9;\n    background: var(--bg-soft);\n    border: 2px dashed var(--text-sub);\n    border-radius: var(--radius-lg);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--text-sub);\n    font-weight: 500;\n  }\n  .aspect-1-1 { aspect-ratio: 1\/1; }\n\u003c\/style\u003e\n\u003c!-- Header \/ Hero Section --\u003e\n\u003cdiv class=\"hero-section section-spacing\"\u003e\n\u003cdiv class=\"hero-grid\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cdiv class=\"trust-badge\"\u003e\u003cspan\u003e🛡️ Ultieme Buitenbescherming\u003c\/span\u003e\u003c\/div\u003e\n\n\u003ch1\u003e360° All-Weather Zonbeschermingshoed\u003c\/h1\u003e\n\n\u003cp class=\"lead-text\"\u003eOverwin de elementen met aanpasbare volledige bedekking voor je gezicht, nek en oren. Ontworpen voor vissen, wandelen en avonturen de hele dag.\u003c\/p\u003e\n\n\u003cdiv class=\"tag-container\"\u003e\n\u003cspan class=\"feature-tag\"\u003eUPF 50+ Bescherming\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eSneldrogend\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eAdemend Gaas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003c!-- 替换为详情图 image_2.png，展示户外佩戴效果 --\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260421175623\/3d841a7f08776e8408cd90fca967e2ca.jpg\"\u003e\u003c\/div\u003e\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\u003c\/div\u003e\n\n\u003cdiv class=\"feature-item section-spacing grid-2\"\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eAanpasbaar 3-in-1 Ontwerp\u003c\/h2\u003e\n\n\u003cp\u003eVeelzijdigheid ontmoet functie. Deze hoed is ontworpen om zich aan te passen aan veranderende omstandigheden met zijn gemakkelijk afneembare onderdelen. Wissel snel tussen drie modi om je beschermingsniveau aan te passen op basis van de omgeving en je activiteit.\u003c\/p\u003e\n\n\u003cp\u003eDraag hem als een klassieke hoed met brede rand, voeg de nekflap toe voor extra schaduw, of bevestig het gezichtsmasker voor volledige 360° bescherming tegen zon, wind en stof.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-media\"\u003e\n\u003c!-- 替换为详情图 image_1.png，展示三种佩戴模式 --\u003e\n\u003cdiv class=\"img-placeholder aspect-1-1\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260421175623\/9e2be13bfdd797c24944bd45a95ebbff.jpg\"\u003e\u003c\/div\u003e\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\n\u003cdiv class=\"feature-item section-spacing grid-2\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder aspect-1-1\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260421175623\/ea9932859a5203bbb6cc3af74777406d.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\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\u003eSuperieure Bedekking versus Gewone Hoeden\u003c\/h2\u003e\n\n\u003cp\u003eNeem geen genoegen met gedeeltelijke bescherming. Standaard petten laten je meest kwetsbare gebieden blootstaan aan harde UV-stralen. Ons Pro Shield-ontwerp heeft een extra brede rand geïntegreerd met nek- en gezichtskleppen voor volledige schaduw.\u003c\/p\u003e\n\n\u003cp\u003eDeze volledige bedekking vermindert aanzienlijk de blootstelling aan de zon op je gezicht, oren en nek, zodat je langer buiten kunt blijven met een gerust hart.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3: Comfort \u0026 Details --\u003e\n\n\u003cdiv class=\"feature-item section-spacing grid-2\"\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eOntworpen voor Koele, Veilige Comfort\u003c\/h2\u003e\n\n\u003cp\u003eBeschermd blijven betekent niet dat je het te warm moet krijgen. Deze hoed is gemaakt van lichtgewicht, sneldrogende stof die lichte vochtigheid en zweet afstoot. Strategisch geplaatste ademende gaaspanelen op de kroon en het gezichtsmasker bevorderen een continue luchtstroom om je koel te houden.\u003c\/p\u003e\n\n\u003cp\u003eEen verstelbare trekkoordsluiting op de kroon zorgt voor een aangepaste pasvorm, terwijl het stevige kinkoord de hoed stevig op zijn plaats houdt, zelfs op winderige dagen of tijdens actieve bezigheden.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-media\"\u003e\n\u003c!-- 替换为详情图 image_5.png，展示材质、网眼、调节扣等细节 --\u003e\n\u003cdiv class=\"img-placeholder aspect-1-1\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260421175623\/aaab07b85f1f4b7a6c83e74a0736ae63.jpg\"\u003e\u003c\/div\u003e\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\n\u003cdiv class=\"section-spacing\"\u003e\n\u003ch2\u003eTechnische Specificaties\u003c\/h2\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eMateriaal\u003c\/th\u003e\n\t\t\t\u003ctd\u003ePremium Sneldrogend Polyester\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eZonbescherming\u003c\/th\u003e\n\t\t\t\u003ctd\u003eUPF 50+ Volledige Bedekking Ontwerp\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eComponenten\u003c\/th\u003e\n\t\t\t\u003ctd\u003eHoed met brede rand, Afneembaar gezichtsmasker, Afneembare nekflap\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eBelangrijkste Kenmerken\u003c\/th\u003e\n\t\t\t\u003ctd\u003eAdemende gaaspanelen, Verstelbare kinband, Verstelbare kroon-trekkoord\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eBeschikbare Kleuren\u003c\/th\u003e\n\t\t\t\u003ctd\u003eLichtgrijs, Donkergrijs, Zwart, Marineblauw, Khaki\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eMaat Pasvorm\u003c\/th\u003e\n\t\t\t\u003ctd\u003eVerstelbaar (één maat past de meeste volwassenen)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\n\u003cp class=\"small-text\" style=\"margin-top: 12px;\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Section --\u003e\n\n\u003cdiv class=\"section-spacing\"\u003e\n\u003ch2\u003eVeelgestelde vragen\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003ePast deze hoed stevig op mijn hoofdmaat?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eJa, de hoed is ontworpen met een verstelbare trekkoordsluiting aan de achterkant van de kroon om de pasvorm aan je hoofdmaat aan te passen. Hij heeft ook een verstelbaar kinkoord om hem stevig op zijn plaats te houden bij winderige omstandigheden of actieve beweging.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eIs het moeilijk om te ademen met het gezichtsmasker op?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eHelemaal niet. Het afneembare gezichtsmasker heeft een speciaal ademend gaaspaneel direct over de mond- en neusstreek om uitstekende luchtcirculatie te garanderen en benauwdheid te voorkomen, zelfs op warme dagen.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eHoe moet ik deze hoed wassen en verzorgen?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eVoor de beste resultaten raden we aan de hoed met de hand te wassen met milde zeep en water. Laat hem aan de lucht drogen door hem op te hangen. De sneldrogende stof zorgt voor een snelle droging, waardoor hij gemakkelijk schoon te houden is voor je volgende avontuur.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"Zwart \/ Enkel","offer_id":47992028954836,"sku":"0421-13260712","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Khaki \/ Enkel","offer_id":47992028987604,"sku":"0421-13266761","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Houtskool \/ Enkel","offer_id":47992029020372,"sku":"0421-13260076","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Lichtgrijs \/ Enkel","offer_id":47992029053140,"sku":"0421-13269917","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Marineblauw \/ Enkel","offer_id":47992029085908,"sku":"0421-13262511","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Zwart \/ 2-Pack (Bespaar 20%)","offer_id":47992029118676,"sku":"0421-13263597","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Khaki \/ 2-Pack (Bespaar 20%)","offer_id":47992029151444,"sku":"0421-13269413","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Houtskool \/ 2-Pack (Bespaar 20%)","offer_id":47992029184212,"sku":"0421-13266583","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Lichtgrijs \/ 2-Pack (Bespaar 20%)","offer_id":47992029216980,"sku":"0421-13266251","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Marineblauw \/ 2-Pack (Bespaar 20%)","offer_id":47992029249748,"sku":"0421-13267936","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Zwart \/ 3-Pack (Bespaar 30%)","offer_id":47992029282516,"sku":"0421-13267651","price":29.95,"currency_code":"USD","in_stock":true},{"title":"Khaki \/ 3-Pack (Bespaar 30%)","offer_id":47992029315284,"sku":"0421-13266760","price":29.95,"currency_code":"USD","in_stock":true},{"title":"Houtskool \/ 3-Pack (Bespaar 30%)","offer_id":47992029348052,"sku":"0421-13263756","price":29.95,"currency_code":"USD","in_stock":true},{"title":"Lichtgrijs \/ 3-Pack (Bespaar 30%)","offer_id":47992029380820,"sku":"0421-13261721","price":29.95,"currency_code":"USD","in_stock":true},{"title":"Marineblauw \/ 3-Pack (Bespaar 30%)","offer_id":47992029413588,"sku":"0421-13265150","price":29.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0813\/3682\/8116\/files\/3d841a7f08776e8408cd90fca967e2ca.jpg?v=1779883722","url":"https:\/\/omurio.com\/nl\/products\/3-in-1-convertible-sun-hat-rjc","provider":"Omurio","version":"1.0","type":"link"}