{"product_id":"3-in-1-convertible-sun-hat-rjc","title":"3-in-1 monikäyttöinen aurinkohattu","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🛡️ Täydellinen ulkosuojaus\u003c\/span\u003e\u003c\/div\u003e\n\n\u003ch1\u003e360° Kaikkien säiden aurinkosuojaushattu\u003c\/h1\u003e\n\n\u003cp class=\"lead-text\"\u003eVoita elementit mukautuvalla täydellä suojauksella kasvoille, niskalle ja korville. Suunniteltu kalastukseen, vaellukseen ja koko päivän seikkailuihin.\u003c\/p\u003e\n\n\u003cdiv class=\"tag-container\"\u003e\n\u003cspan class=\"feature-tag\"\u003eUPF 50+ suojaus\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eNopeasti kuivuva\u003c\/span\u003e \u003cspan class=\"feature-tag\"\u003eHengittävä verkko\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\u003eSäädettävä 3-in-1-malli\u003c\/h2\u003e\n\n\u003cp\u003eMonipuolisuus kohtaa toiminnallisuuden. Tämä hattu on suunniteltu mukautumaan muuttuviin olosuhteisiin helposti irrotettavien osien ansiosta. Vaihda nopeasti kolmen tilan välillä mukauttaaksesi suojasi tason ympäristön ja aktiviteettisi mukaan.\u003c\/p\u003e\n\n\u003cp\u003eKäytä sitä klassisena leveälierisenä hattuna, lisää niskaläppä lisäsuojaksi tai kiinnitä kasvomaski täydelliseen 360° suojaan aurinkoa, tuulta ja pölyä vastaan.\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\u003eYlivertainen suoja verrattuna tavallisiin hattuihin\u003c\/h2\u003e\n\n\u003cp\u003eÄlä tyydy osittaiseen suojaan. Tavalliset lippikset jättävät haavoittuvimmat alueesi alttiiksi voimakkaille UV-säteille. Pro Shield -mallimme sisältää ylimääräisen leveän lierin, johon on integroitu niska- ja kasvoläpät kattavan varjon takaamiseksi.\u003c\/p\u003e\n\n\u003cp\u003eTämä täyden peiton malli vähentää merkittävästi auringonvalon altistumista kasvoille, korville ja niskalle, jolloin voit olla ulkona pidempään mielenrauhalla.\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\u003eSuunniteltu viileään ja turvalliseen mukavuuteen\u003c\/h2\u003e\n\n\u003cp\u003eSuojaus ei saa tarkoittaa ylikuumenemista. Tämä hattu on valmistettu kevyestä, nopeasti kuivuvasta kankaasta, joka hylkii kevyttä kosteutta ja hikeä. Strategisesti sijoitetut hengittävät verkkopaneelit kruunussa ja kasvomaskissa edistävät jatkuvaa ilmankiertoa, jotta pysyt viileänä.\u003c\/p\u003e\n\n\u003cp\u003eSäädettävä nyöri kruunussa takaa mukautetun istuvuuden, kun taas tukeva leukahihna pitää hatun tukevasti paikoillaan, jopa tuulisina päivinä tai aktiivisissa tilanteissa.\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\u003eTekniset tiedot\u003c\/h2\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eMateriaali\u003c\/th\u003e\n\t\t\t\u003ctd\u003eLaadukas nopeasti kuivuva polyesteri\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eAurinkosuoja\u003c\/th\u003e\n\t\t\t\u003ctd\u003eUPF 50+ Täysi suojaus\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eOsat\u003c\/th\u003e\n\t\t\t\u003ctd\u003eLeveälierinen hattu, Irrotettava kasvomaski, Irrotettava niskaläppä\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eTärkeimmät ominaisuudet\u003c\/th\u003e\n\t\t\t\u003ctd\u003eHengittävät verkkopaneelit, Säädettävä leukahihna, Säädettävä kruunun nyöri\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eSaatavilla olevat värit\u003c\/th\u003e\n\t\t\t\u003ctd\u003eVaaleanharmaa, Tummanharmaa, Musta, Laivastonsininen, Khaki\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eKoon istuvuus\u003c\/th\u003e\n\t\t\t\u003ctd\u003eSäädettävä (Yksi koko sopii useimmille aikuisille)\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\u003eUsein kysytyt kysymykset\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eSopiiko tämä hattu pääni kokoon turvallisesti?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eKyllä, hattu on suunniteltu säädettävällä nyörillä kruunun takana, jotta voit mukauttaa istuvuuden pään kokoon sopivaksi. Siinä on myös säädettävä leukanyöri, joka pitää hatun paikoillaan tuulisissa olosuhteissa tai aktiivisen liikkeen aikana.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eOnko kasvomaskin kanssa vaikea hengittää?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eEi lainkaan. Irrotettavassa kasvomaskissa on erikoissuunniteltu hengittävä verkkopaneeli suun ja nenän alueella, joka takaa erinomaisen ilmankierron ja estää tukkoisuuden, jopa kuumina päivinä.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003eMiten minun tulisi pestä ja hoitaa tätä hattua?\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eParhaiden tulosten saavuttamiseksi suosittelemme pesemään hatun käsin miedolla saippualla ja vedellä. Anna sen kuivua ilmassa ripustamalla se ylös. Nopea kuivuva kangas mahdollistaa nopean kuivumisen, mikä tekee hatun puhtaana pitämisestä helppoa seuraavaa seikkailua varten.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"Musta \/ Yksittäinen","offer_id":46056189296813,"sku":"0421-13260712","price":11.95,"currency_code":"EUR","in_stock":true},{"title":"Khaki \/ Yksittäinen","offer_id":46056189329581,"sku":"0421-13266761","price":11.95,"currency_code":"EUR","in_stock":true},{"title":"Hiili \/ Yksittäinen","offer_id":46056189362349,"sku":"0421-13260076","price":11.95,"currency_code":"EUR","in_stock":true},{"title":"Vaaleanharmaa \/ Yksittäinen","offer_id":46056189395117,"sku":"0421-13269917","price":11.95,"currency_code":"EUR","in_stock":true},{"title":"Laivastonsininen \/ Yksittäinen","offer_id":46056189427885,"sku":"0421-13262511","price":11.95,"currency_code":"EUR","in_stock":true},{"title":"Musta \/ 2-pakkaus (Säästä 20 %)","offer_id":46056189460653,"sku":"0421-13263597","price":17.95,"currency_code":"EUR","in_stock":true},{"title":"Khaki \/ 2-pakkaus (Säästä 20 %)","offer_id":46056189493421,"sku":"0421-13269413","price":17.95,"currency_code":"EUR","in_stock":true},{"title":"Hiili \/ 2-pakkaus (Säästä 20 %)","offer_id":46056189526189,"sku":"0421-13266583","price":17.95,"currency_code":"EUR","in_stock":true},{"title":"Vaaleanharmaa \/ 2-pakkaus (Säästä 20 %)","offer_id":46056189558957,"sku":"0421-13266251","price":17.95,"currency_code":"EUR","in_stock":true},{"title":"Laivastonsininen \/ 2-pakkaus (Säästä 20 %)","offer_id":46056189591725,"sku":"0421-13267936","price":17.95,"currency_code":"EUR","in_stock":true},{"title":"Musta \/ 3-pakkaus (Säästä 30 %)","offer_id":46056189624493,"sku":"0421-13267651","price":26.95,"currency_code":"EUR","in_stock":true},{"title":"Khaki \/ 3-pakkaus (Säästä 30 %)","offer_id":46056189657261,"sku":"0421-13266760","price":26.95,"currency_code":"EUR","in_stock":true},{"title":"Hiili \/ 3-pakkaus (Säästä 30 %)","offer_id":46056189690029,"sku":"0421-13263756","price":26.95,"currency_code":"EUR","in_stock":true},{"title":"Vaaleanharmaa \/ 3-pakkaus (Säästä 30 %)","offer_id":46056189722797,"sku":"0421-13261721","price":26.95,"currency_code":"EUR","in_stock":true},{"title":"Laivastonsininen \/ 3-pakkaus (Säästä 30 %)","offer_id":46056189755565,"sku":"0421-13265150","price":26.95,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0727\/2831\/4029\/files\/3d841a7f08776e8408cd90fca967e2ca.jpg?v=1779883793","url":"https:\/\/0ixug9-pv.myshopify.com\/fi\/products\/3-in-1-convertible-sun-hat-rjc","provider":"Newjoyloo","version":"1.0","type":"link"}