{"product_id":"ultra-breathable-mesh-cap-rjc","title":"Ultra atmungsaktive Mesh-Kappe","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\"\u003eEntwickelt für Hitze \u0026 hohe Aktivität\u003c\/span\u003e\n\u003ch1\u003eBleib cool, lauf weiter. Die ultimative Sommer-Mesh-Kappe.\u003c\/h1\u003e\n\n\u003cp class=\"hero-sub\"\u003eUltra atmungsaktives Voll-Mesh-Design trifft auf zuverlässigen Sonnenschutz für deine aktivsten Tage.\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\u003eFür maximale Luftzirkulation entwickelt.\u003c\/h2\u003e\n\n\u003cp\u003eLass dich von Hitze nicht ausbremsen. Die fortschrittliche Konstruktion mit vollständigen Mesh-Panels ermöglicht ständige Luftzirkulation und leitet Feuchtigkeit schnell ab, um deinen Kopf trocken und kühl zu halten – selbst bei intensiven Sommer-Workouts oder langen Angeltagen.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-tag\"\u003eVollständige Mesh-Panels\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eSchnelltrocknend\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eFeuchtigkeitsableitung\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\u003eVerlängerter Schirm, verbesserter Schutz.\u003c\/h2\u003e\n\n\u003cp\u003eDer extra lange, 8,5 cm (3,35\") vorgekrümmte Schirm bietet überlegenen Schatten im Vergleich zu Standardkappen. Er schützt effektiv dein Gesicht und deine Augen vor starkem direktem Sonnenlicht und Blendung, während du dich auf den Weg konzentrierst.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-tag\"\u003e8,5 cm langer Schirm\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eZuverlässiger Sonnenschutz\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eBlendreduzierung\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\u003eEin sicherer, individueller Sitz für jeden.\u003c\/h2\u003e\n\n\u003cp\u003eVergiss unzuverlässige Snapbacks oder Klettverschlüsse. Unser robuster, verstellbarer Schnallverschluss sorgt für einen präzisen, rutschfesten Sitz bei Kopfumfängen zwischen 56 und 60 cm. Hergestellt aus leichtem Polyester, bietet er ganztägigen Komfort ohne Druckstellen.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-tag\"\u003eVerstellbare Schnalle\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003ePasst 56-60 cm\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eLeichtes Design\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\u003eSpezifikationen\u003c\/h2\u003e\n\n\u003ctable class=\"specs-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\u003e100 % Polyester-Mesh\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eKopfumfang\u003c\/th\u003e\n\t\t\t\u003ctd\u003e56 - 60 cm \/ 22 - 23,6 Zoll (verstellbar)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eSchirmlänge\u003c\/th\u003e\n\t\t\t\u003ctd\u003e8,5 cm \/ 3,35 Zoll\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eKappentiefe\u003c\/th\u003e\n\t\t\t\u003ctd\u003e11 cm \/ 4,33 Zoll\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eVerschlussart\u003c\/th\u003e\n\t\t\t\u003ctd\u003eVerstellbare Schnalle\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\u003eHäufig gestellte Fragen\u003c\/h2\u003e\n\n\u003cdetails class=\"faq-item\"\u003e\u003csummary\u003ePasst diese Kappe zu meiner Kopfgröße?\u003c\/summary\u003e\n\n\u003cp\u003eDiese Kappe verfügt über eine verstellbare Schnalle, die für Kopfumfänge zwischen 56 cm und 60 cm (ca. 22 bis 23,6 Zoll) ausgelegt ist und die meisten Erwachsenengrößen bequem abdeckt.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"faq-item\"\u003e\u003csummary\u003eWie reinige ich diese Mesh-Kappe?\u003c\/summary\u003e\n\n\u003cp\u003eUm die Form und die Integrität des Mesh-Gewebes zu erhalten, empfehlen wir eine schonende Handwäsche mit mildem Seifenwasser und kaltem Wasser. Flach an der Luft trocknen lassen. Nicht in der Maschine waschen, nicht im Trockner trocknen und kein Bleichmittel verwenden.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"faq-item\"\u003e\u003csummary\u003eIst der Schirm steif oder weich?\u003c\/summary\u003e\n\n\u003cp\u003eDer Schirm ist vorgekrümmt und halbstrukturiert, um seine Form für den Sonnenschutz zu behalten, während die Krone weich und unstrukturiert ist für einen leichten, bequemen Sitz am Kopf.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"Schwarz","offer_id":47991891919060,"sku":"0422-17067068","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Grau","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":"Hellgrau","offer_id":47991892017364,"sku":"0422-17065902","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Marineblau","offer_id":47991892050132,"sku":"0422-17068694","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Weiß","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\/de\/products\/ultra-breathable-mesh-cap-rjc","provider":"Omurio","version":"1.0","type":"link"}