{"product_id":"ultra-breathable-mesh-cap-rjc","title":"Casquette en maille ultra respirante","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\"\u003eConçue pour la chaleur et les activités intenses\u003c\/span\u003e\n\u003ch1\u003eRestez au frais, courez plus loin. La casquette mesh ultime pour l'été.\u003c\/h1\u003e\n\n\u003cp class=\"hero-sub\"\u003eDesign ultra-respirant en mesh complet avec une protection solaire fiable pour vos journées les plus actives.\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\u003eConçu pour un flux d'air maximal.\u003c\/h2\u003e\n\n\u003cp\u003eNe laissez pas la chaleur vous ralentir. La construction avancée en panneaux entièrement en mesh permet une circulation d'air constante, évacuant rapidement l'humidité pour garder votre tête sèche et fraîche, même lors d'entraînements estivaux intenses ou de longues journées de pêche.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-tag\"\u003ePanneaux entièrement en mesh\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eSéchage rapide\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eÉvacuation de l'humidité\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\u003eVisière prolongée, protection renforcée.\u003c\/h2\u003e\n\n\u003cp\u003eLa visière pré-courbée extra-longue de 8,5 cm (3,35\") offre une protection supérieure par rapport aux casquettes standard. Elle protège efficacement votre visage et vos yeux du soleil direct intense et de l'éblouissement pendant que vous vous concentrez sur votre chemin.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-tag\"\u003eVisière longue de 8,5 cm\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eProtection solaire fiable\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eRéduction de l'éblouissement\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\u003eUn ajustement sûr et personnalisé pour tous.\u003c\/h2\u003e\n\n\u003cp\u003eOubliez les snapbacks ou Velcro peu fiables. Notre fermeture à boucle réglable robuste assure un ajustement précis et antidérapant pour les circonférences de tête entre 56 et 60 cm. Conçue en polyester léger, elle offre un confort toute la journée sans points de pression.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-tag\"\u003eBoucle réglable\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eConvient pour 56-60 cm\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eDesign léger\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\u003eSpécifications\u003c\/h2\u003e\n\n\u003ctable class=\"specs-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eMatière\u003c\/th\u003e\n\t\t\t\u003ctd\u003eMesh 100 % polyester\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eCirconférence de la tête\u003c\/th\u003e\n\t\t\t\u003ctd\u003e56 - 60 cm \/ 22 - 23,6 pouces (réglable)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eLongueur de la visière\u003c\/th\u003e\n\t\t\t\u003ctd\u003e8,5 cm \/ 3,35 pouces\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eProfondeur de la casquette\u003c\/th\u003e\n\t\t\t\u003ctd\u003e11 cm \/ 4,33 pouces\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eType de fermeture\u003c\/th\u003e\n\t\t\t\u003ctd\u003eBoucle réglable\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\u003eQuestions fréquemment posées\u003c\/h2\u003e\n\n\u003cdetails class=\"faq-item\"\u003e\u003csummary\u003eCette casquette conviendra-t-elle à la taille de ma tête ?\u003c\/summary\u003e\n\n\u003cp\u003eCette casquette est équipée d'une boucle réglable conçue pour s'adapter aux circonférences de tête entre 56 cm et 60 cm (environ 22 à 23,6 pouces), ce qui couvre confortablement la plupart des tailles adultes.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"faq-item\"\u003e\u003csummary\u003eComment nettoyer cette casquette en mesh ?\u003c\/summary\u003e\n\n\u003cp\u003ePour maintenir la forme et l'intégrité du mesh, nous recommandons un lavage à la main délicat avec un savon doux et de l'eau froide. Sécher à plat à l'air libre. Ne pas laver en machine, ni sécher en tambour, ni utiliser d'eau de javel.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"faq-item\"\u003e\u003csummary\u003eLa visière est-elle rigide ou souple ?\u003c\/summary\u003e\n\n\u003cp\u003eLa visière est pré-courbée et semi-structurée pour conserver sa forme et protéger du soleil, tandis que la calotte est souple et non structurée pour un ajustement léger et confortable contre votre tête.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"Noir","offer_id":47991891919060,"sku":"0422-17067068","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Gris","offer_id":47991891951828,"sku":"0422-17060079","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Kaki","offer_id":47991891984596,"sku":"0422-17065605","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Gris clair","offer_id":47991892017364,"sku":"0422-17065902","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Bleu marine","offer_id":47991892050132,"sku":"0422-17068694","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Blanc","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\/fr\/products\/ultra-breathable-mesh-cap-rjc","provider":"Omurio","version":"1.0","type":"link"}