{"product_id":"ultra-breathable-mesh-cap-rjc","title":"Ultrazacht ademende mesh pet","description":" \n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n  [AI Design Logic]\n  产品类型：夏季户外全网眼速干棒球帽\n  目标受众：跑步、钓鱼、徒步等户外运动爱好者\n  视觉风格：机能、透气、轻量化、清爽\n  配色策略：以中性灰\/深色为主，辅以冷色调强调透气降温感\n  模块顺序：Hero (核心卖点) -\u003e Feature 1 (透气性) -\u003e Feature 2 (防晒遮阳) -\u003e Feature 3 (调节与舒适度) -\u003e Specifications (规格参数) -\u003e FAQ (常见问题)\n  详情图映射：Hero=image_0.png, Feature1=image_1.png, Feature2=image_3.png, Feature3=image_2.png\n  规格图映射：Specs=image_4.png\n  对比模块：未加入 (产品功能单一且聚焦，无需复杂对比，直接强调自身优势即可)\n  --\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* --- Design System Variables --- *\/\n    .product-detail-container {\n      --primary: #546e7a; \/* Cool grey-blue reflecting air\/water *\/\n      --primary-hover: #37474f;\n      --text-main: #212121;\n      --text-sub: #616161;\n      --bg-body: #ffffff;\n      --bg-card: #f8f9fa;\n      --bg-soft: #eceff1;\n      --radius-md: 8px;\n      --radius-lg: 12px;\n      --shadow-sm: 0 2px 8px rgba(0,0,0,0.05);\n      --border-color: #e0e0e0;\n      --section-gap: clamp(3rem, 6vw, 5rem);\n\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      line-height: 1.6;\n      max-width: 1100px;\n      margin: 0 auto;\n      padding: 0 20px;\n    }\n\n    \/* --- Typography --- *\/\n    .product-detail-container h1 {\n      font-size: clamp(28px, 4vw, 40px);\n      font-weight: 700;\n      line-height: 1.2;\n      margin-bottom: 16px;\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(22px, 3vw, 30px);\n      font-weight: 600;\n      margin-bottom: 16px;\n    }\n\n    .product-detail-container h3 {\n      font-size: 20px;\n      font-weight: 600;\n      margin-bottom: 12px;\n    }\n\n    .product-detail-container p {\n      font-size: clamp(16px, 1.5vw, 18px);\n      color: var(--text-sub);\n      margin-bottom: 20px;\n    }\n\n    \/* --- Reusable Components --- *\/\n    .pd-section {\n      margin-bottom: var(--section-gap);\n    }\n\n    .pd-img-fluid {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n    }\n\n    .pd-badge {\n      display: inline-block;\n      padding: 6px 12px;\n      background-color: var(--bg-soft);\n      color: var(--primary);\n      font-size: 14px;\n      font-weight: 600;\n      border-radius: 20px;\n      margin-bottom: 16px;\n    }\n\n    .pd-tag-group {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 16px;\n    }\n\n    .pd-tag {\n      font-size: 14px;\n      color: var(--text-sub);\n      background: var(--bg-card);\n      padding: 4px 10px;\n      border-radius: 4px;\n      border: 1px solid var(--border-color);\n    }\n\n    \/* --- Hero Section --- *\/\n    .hero-section {\n      text-align: center;\n      max-width: 800px;\n      margin-left: auto;\n      margin-right: auto;\n      padding-top: 20px;\n    }\n    .hero-sub {\n      font-size: clamp(18px, 2vw, 22px);\n      color: var(--text-sub);\n      margin-bottom: 32px;\n    }\n\n    \/* --- Feature Sections (Z-Pattern) --- *\/\n    .feature-section {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 32px;\n      align-items: center;\n    }\n\n    @media (min-width: 768px) {\n      .feature-section {\n        grid-template-columns: 1fr 1fr;\n        gap: clamp(48px, 8vw, 80px);\n      }\n      .feature-section.reverse {\n        direction: rtl;\n      }\n      .feature-section.reverse \u003e * {\n        direction: ltr;\n      }\n    }\n\n    \/* --- Specifications --- *\/\n    .specs-container {\n      background-color: var(--bg-card);\n      padding: clamp(24px, 4vw, 40px);\n      border-radius: var(--radius-lg);\n    }\n\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n    }\n\n    .specs-table th, .specs-table td {\n      padding: 16px 0;\n      text-align: left;\n      border-bottom: 1px solid var(--border-color);\n      font-size: 16px;\n    }\n\n    .specs-table th {\n      color: var(--text-main);\n      font-weight: 600;\n      width: 40%;\n    }\n\n    .specs-table td {\n      color: var(--text-sub);\n    }\n\n    @media (max-width: 640px) {\n      .specs-table, .specs-table tbody, .specs-table tr, .specs-table th, .specs-table td {\n        display: block;\n        width: 100%;\n      }\n      .specs-table tr {\n        margin-bottom: 16px;\n        border-bottom: none;\n      }\n      .specs-table th {\n        padding-bottom: 4px;\n        color: var(--text-sub);\n        font-size: 14px;\n        border: none;\n      }\n      .specs-table td {\n        padding-top: 0;\n        font-weight: 500;\n        color: var(--text-main);\n      }\n    }\n\n    \/* --- FAQ --- *\/\n    .faq-item {\n      border-bottom: 1px solid var(--border-color);\n      padding: 16px 0;\n    }\n    \n    .faq-item summary {\n      font-weight: 600;\n      cursor: pointer;\n      list-style: none;\n      position: relative;\n      padding-right: 24px;\n      font-size: 18px;\n    }\n\n    .faq-item summary::-webkit-details-marker {\n      display: none;\n    }\n\n    .faq-item summary::after {\n      content: '+';\n      position: absolute;\n      right: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      font-size: 24px;\n      color: var(--primary);\n    }\n\n    .faq-item[open] summary::after {\n      content: '−';\n    }\n\n    .faq-item p {\n      margin-top: 12px;\n      margin-bottom: 0;\n      padding-left: 16px;\n      border-left: 3px solid var(--primary);\n    }\n\n    \/* --- Image Placeholder Style --- *\/\n    .img-placeholder {\n      width: 100%;\n      background-color: #f0f0f0;\n      border: 2px dashed #ccc;\n      border-radius: var(--radius-lg);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #999;\n      font-family: monospace;\n      padding: 20px;\n      box-sizing: border-box;\n    }\n\u003c\/style\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003cdiv class=\"pd-section hero-section\"\u003e\n\u003cspan class=\"pd-badge\"\u003eOntworpen voor hitte \u0026 hoge activiteit\u003c\/span\u003e\n\u003ch1\u003eBlijf koel, loop verder. De ultieme zomer gaaspet.\u003c\/h1\u003e\n\n\u003cp class=\"hero-sub\"\u003eUltrageventileerd volledig gaasontwerp gecombineerd met betrouwbare zonbescherming voor je meest actieve dagen.\u003c\/p\u003e\n\u003c!-- 替换为详情图 image_0.png --\u003e\n\n\u003cdiv class=\"img-placeholder\" style=\"aspect-ratio: 1\/1;\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260422170238\/68be5e25cad4ea8c567e99345033d5c4.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-section feature-section\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\" style=\"aspect-ratio: 1\/1;\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260422170238\/01d4c51ea69c9c09b4ee2bf2b6f05c49.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eOntworpen voor maximale luchtstroom.\u003c\/h2\u003e\n\n\u003cp\u003eLaat hitte je niet afremmen. De geavanceerde constructie met volledige gaaspanelen zorgt voor constante luchtcirculatie en voert vocht snel af om je hoofd droog en koel te houden, zelfs tijdens intensieve zomerse trainingen of lange visdagen.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-tag\"\u003eVolledige gaaspanelen\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eSneldrogend\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eVocht afvoerend\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- B. Feature Section 2: Sun Protection --\u003e\n\n\u003cdiv class=\"pd-section feature-section reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003c!-- 替换为详情图 image_3.png (侧面视角，强调长帽檐) --\u003e\n\u003cdiv class=\"img-placeholder\" style=\"aspect-ratio: 1\/1;\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260422170238\/6768fc37e647a4c2511bd6dc932ae244.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eUitgebreide rand, verbeterde bescherming.\u003c\/h2\u003e\n\n\u003cp\u003eDe extra lange, 8,5 cm (3,35\") voorgevormde rand biedt superieure schaduw vergeleken met standaard petten. Hij beschermt effectief je gezicht en ogen tegen felle directe zon en schittering terwijl je je op het pad voor je concentreert.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-tag\"\u003e8,5 cm lange rand\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eBetrouwbare zonbescherming\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eVermindering van schittering\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- B. Feature Section 3: Fit \u0026 Comfort --\u003e\n\n\u003cdiv class=\"pd-section feature-section\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003c!-- 替换为详情图 image_2.png (后方视角，强调卡扣调节) --\u003e\n\u003cdiv class=\"img-placeholder\" style=\"aspect-ratio: 1\/1;\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260422170238\/4d8e70affb230b82da1b2c8256866bc0.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eEen veilige, op maat gemaakte pasvorm voor iedereen.\u003c\/h2\u003e\n\n\u003cp\u003eVergeet onbetrouwbare snapbacks of klittenband. Onze stevige verstelbare gesp zorgt voor een nauwsluitende, niet-glijdende pasvorm voor hoofdomtrekken tussen 56-60 cm. Gemaakt van lichtgewicht polyester, ontworpen voor comfort de hele dag zonder drukpunten.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-tag\"\u003eVerstelbare gesp\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003ePast 56-60 cm\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eLichtgewicht ontwerp\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- C. Specifications --\u003e\n\n\u003cdiv class=\"pd-section specs-container\"\u003e\n\u003ch2\u003eSpecificaties\u003c\/h2\u003e\n\n\u003ctable class=\"specs-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\u003e100% polyester gaas\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eHoofdomtrek\u003c\/th\u003e\n\t\t\t\u003ctd\u003e56 - 60 cm \/ 22 - 23,6 inch (verstelbaar)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eRandlengte\u003c\/th\u003e\n\t\t\t\u003ctd\u003e8,5 cm \/ 3,35 inch\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003ePetdiepte\u003c\/th\u003e\n\t\t\t\u003ctd\u003e11 cm \/ 4,33 inch\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eSluitingstype\u003c\/th\u003e\n\t\t\t\u003ctd\u003eVerstelbare gesp\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- D. FAQ --\u003e\n\n\u003cdiv class=\"pd-section faq-section\"\u003e\n\u003ch2\u003eVeelgestelde vragen\u003c\/h2\u003e\n\n\u003cdetails class=\"faq-item\"\u003e\u003csummary\u003ePast deze pet op mijn hoofdmaat?\u003c\/summary\u003e\n\n\u003cp\u003eDeze pet heeft een verstelbare gesp die geschikt is voor hoofdomtrekken tussen 56 cm en 60 cm (ongeveer 22 tot 23,6 inch), wat de meeste volwassen maten comfortabel bedekt.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"faq-item\"\u003e\u003csummary\u003eHoe maak ik deze gaaspet schoon?\u003c\/summary\u003e\n\n\u003cp\u003eOm de vorm en de integriteit van het gaas te behouden, raden we aan om voorzichtig met de hand te wassen met milde zeep en koud water. Plat laten drogen aan de lucht. Niet in de wasmachine wassen, niet in de droger doen en geen bleekmiddel gebruiken.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"faq-item\"\u003e\u003csummary\u003eIs de rand stijf of zacht?\u003c\/summary\u003e\n\n\u003cp\u003eDe rand is voorgevormd en semi-gestructureerd om zijn vorm te behouden voor zonbescherming, terwijl de kroon zacht en ongestructureerd is voor een lichtgewicht, comfortabele pasvorm tegen je hoofd.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"Zwart","offer_id":47991891919060,"sku":"0422-17067068","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Grijs","offer_id":47991891951828,"sku":"0422-17060079","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Khaki","offer_id":47991891984596,"sku":"0422-17065605","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Lichtgrijs","offer_id":47991892017364,"sku":"0422-17065902","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Marineblauw","offer_id":47991892050132,"sku":"0422-17068694","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Wit","offer_id":47991892082900,"sku":"0422-17067047","price":24.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0813\/3682\/8116\/files\/68be5e25cad4ea8c567e99345033d5c4.jpg?v=1779877131","url":"https:\/\/omurio.com\/nl\/products\/ultra-breathable-mesh-cap-rjc","provider":"Omurio","version":"1.0","type":"link"}