{"product_id":"3-in-1-convertible-sun-hat-rjc","title":"3-i-1 omvandlingsbar solhatt","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🛡️ Ultimat utomhusskydd\u003c\/span\u003e\u003c\/div\u003e\n\n\u003ch1\u003e360° allväders solskyddshatt\u003c\/h1\u003e\n\n\u003cp class=\"lead-text\"\u003eBemästra elementen med anpassningsbart fullt skydd för ansikte, nacke och öron. Designad för fiske, vandring och heldagsäventyr.\u003c\/p\u003e\n\n\u003cdiv class=\"tag-container\"\u003e\n\u003cspan class=\"feature-tag\"\u003eUPF 50+ skydd\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eSnabbtorkande\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eAndningsbar mesh\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\u003eAnpassningsbar 3-i-1-design\u003c\/h2\u003e\n\n\u003cp\u003eMångsidighet möter funktion. Den här hatten är designad för att anpassa sig till förändrade förhållanden med sina lätt avtagbara delar. Växla snabbt mellan tre lägen för att anpassa din skyddsnivå efter miljö och aktivitet.\u003c\/p\u003e\n\n\u003cp\u003eBär den som en klassisk hatt med brett brätte, lägg till nackfliken för extra skuggning eller fäst ansiktsmasken för komplett 360° skydd mot sol, vind och damm.\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\u003eÖverlägset skydd jämfört med vanliga hattar\u003c\/h2\u003e\n\n\u003cp\u003eNöj dig inte med delvis skydd. Vanliga kepsar lämnar dina mest utsatta områden exponerade för starka UV-strålar. Vår Pro Shield-design har ett extra brett brätte integrerat med nack- och ansiktsflikar för att säkerställa heltäckande skuggning.\u003c\/p\u003e\n\n\u003cp\u003eDenna heltäckande design minskar solens exponering på ansikte, öron och nacke avsevärt, så att du kan vara ute längre med lugn i sinnet.\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\u003eUtformad för sval och säker komfort\u003c\/h2\u003e\n\n\u003cp\u003eAtt vara skyddad ska inte innebära att man blir överhettad. Den här hatten är tillverkad av lätt, snabbtorkande tyg som stöter bort lätt fukt och svett. Strategiskt placerade andningsbara meshpaneler på kronan och ansiktsmasken främjar kontinuerligt luftflöde för att hålla dig sval.\u003c\/p\u003e\n\n\u003cp\u003eEn justerbar dragsko på kronan säkerställer en anpassad passform, medan den robusta hakremmen håller hatten säkert på plats, även vid blåsiga dagar eller under aktiva aktiviteter.\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\u003eTekniska specifikationer\u003c\/h2\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eMaterial\u003c\/th\u003e\n\t\t\t\u003ctd\u003ePremium snabbtorkande polyester\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eSolskydd\u003c\/th\u003e\n\t\t\t\u003ctd\u003eUPF 50+ Fulltäckande design\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eKomponenter\u003c\/th\u003e\n\t\t\t\u003ctd\u003eHatt med bred brätte, Avtagbar ansiktsmask, Avtagbar nackflik\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eHuvudfunktioner\u003c\/th\u003e\n\t\t\t\u003ctd\u003eAndningsbara meshpaneler, Justerbar hakrem, Justerbar dragsko på kronan\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eTillgängliga färger\u003c\/th\u003e\n\t\t\t\u003ctd\u003eLjusgrå, Mörkgrå, Svart, Marinblå, Khaki\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eStorlekspassform\u003c\/th\u003e\n\t\t\t\u003ctd\u003eJusterbar (One size passar de flesta vuxna)\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\u003eVanliga frågor\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eKommer den här hatten att sitta säkert på mitt huvud?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eJa, hatten är designad med en justerbar dragsko baktill på kronan för att anpassa passformen efter din huvudstorlek. Den har också en justerbar hakrem för att hålla den säkert på plats vid blåsiga förhållanden eller vid rörelse.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eÄr det svårt att andas med ansiktsmasken på?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eInte alls. Den avtagbara ansiktsmasken har en specialiserad andningsbar meshpanel direkt över mun- och näsområdet för att säkerställa utmärkt luftflöde och förhindra instängdhet, även på varma dagar.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eHur ska jag tvätta och ta hand om den här hatten?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eFör bästa resultat rekommenderar vi att du handtvättar hatten med mild tvål och vatten. Låt den lufttorka genom att hänga upp den. Det snabbtorkande tyget gör att den torkar snabbt, vilket gör det enkelt att hålla den ren inför ditt nästa äventyr.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"Svart \/ Enkel","offer_id":47992028954836,"sku":"0421-13260712","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Kaki \/ Enkel","offer_id":47992028987604,"sku":"0421-13266761","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Kolsvarm \/ Enkel","offer_id":47992029020372,"sku":"0421-13260076","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Ljusgrå \/ Enkel","offer_id":47992029053140,"sku":"0421-13269917","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Mörkblå \/ Enkel","offer_id":47992029085908,"sku":"0421-13262511","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Svart \/ 2-pack (Spara 20%)","offer_id":47992029118676,"sku":"0421-13263597","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Kaki \/ 2-pack (Spara 20%)","offer_id":47992029151444,"sku":"0421-13269413","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Kolsvarm \/ 2-pack (Spara 20%)","offer_id":47992029184212,"sku":"0421-13266583","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Ljusgrå \/ 2-pack (Spara 20%)","offer_id":47992029216980,"sku":"0421-13266251","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Mörkblå \/ 2-pack (Spara 20%)","offer_id":47992029249748,"sku":"0421-13267936","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Svart \/ 3-pack (Spara 30%)","offer_id":47992029282516,"sku":"0421-13267651","price":29.95,"currency_code":"USD","in_stock":true},{"title":"Kaki \/ 3-pack (Spara 30%)","offer_id":47992029315284,"sku":"0421-13266760","price":29.95,"currency_code":"USD","in_stock":true},{"title":"Kolsvarm \/ 3-pack (Spara 30%)","offer_id":47992029348052,"sku":"0421-13263756","price":29.95,"currency_code":"USD","in_stock":true},{"title":"Ljusgrå \/ 3-pack (Spara 30%)","offer_id":47992029380820,"sku":"0421-13261721","price":29.95,"currency_code":"USD","in_stock":true},{"title":"Mörkblå \/ 3-pack (Spara 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\/sv\/products\/3-in-1-convertible-sun-hat-rjc","provider":"Omurio","version":"1.0","type":"link"}