{"product_id":"ultra-breathable-mesh-cap-rjc","title":"Ultra Breathable Mesh Cap","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\"\u003eDesigned for Heat \u0026amp; High Activity\u003c\/span\u003e\n\u003ch1\u003eStay Cool, Run Further. The Ultimate Summer Mesh Cap.\u003c\/h1\u003e\n\n\u003cp class=\"hero-sub\"\u003eUltra-breathable full-mesh design meets reliable sun protection for your most active days.\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\u003eEngineered for Maximum Airflow.\u003c\/h2\u003e\n\n\u003cp\u003eDon't let heat slow you down. The advanced full-mesh panel construction allows constant air circulation, rapidly wicking away moisture to keep your head dry and cool, even during intense summer workouts or long days fishing.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-tag\"\u003eFull Mesh Panels\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eQuick-Drying\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eMoisture Wicking\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\u003eExtended Brim, Enhanced Shielding.\u003c\/h2\u003e\n\n\u003cp\u003eThe extra-long 8.5cm (3.35\") pre-curved brim provides superior shade compared to standard caps. It effectively shields your face and eyes from harsh direct sunlight and glare while you focus on the path ahead.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-tag\"\u003e8.5cm Long Brim\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eReliable Sun Shade\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eGlare Reduction\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\u003eA Secure, Custom Fit for Everyone.\u003c\/h2\u003e\n\n\u003cp\u003eForget unreliable snapbacks or Velcro. Our sturdy adjustable buckle closure ensures a precise, no-slip fit for head circumferences between 56-60cm. Crafted from lightweight polyester, it’s built for all-day comfort without pressure points.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-tag-group\"\u003e\n\u003cspan class=\"pd-tag\"\u003eAdjustable Buckle\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eFits 56-60cm\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eLightweight 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\u003eSpecifications\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\u003eHead Circumference\u003c\/th\u003e\n\t\t\t\u003ctd\u003e56 - 60 cm \/ 22 - 23.6 inches (Adjustable)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eBrim Length\u003c\/th\u003e\n\t\t\t\u003ctd\u003e8.5 cm \/ 3.35 inches\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eCap Depth\u003c\/th\u003e\n\t\t\t\u003ctd\u003e11 cm \/ 4.33 inches\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eClosure Type\u003c\/th\u003e\n\t\t\t\u003ctd\u003eAdjustable Buckle\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\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdetails class=\"faq-item\"\u003e\u003csummary\u003eWill this cap fit my head size?\u003c\/summary\u003e\n\n\u003cp\u003eThis cap features an adjustable buckle designed to fit head circumferences between 56cm and 60cm (approximately 22 to 23.6 inches), which covers most adult sizes comfortably.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"faq-item\"\u003e\u003csummary\u003eHow do I clean this mesh cap?\u003c\/summary\u003e\n\n\u003cp\u003eTo maintain the shape and mesh integrity, we recommend hand washing gently with mild soap and cool water. Air dry flat. Do not machine wash, tumble dry, or use bleach.\u003c\/p\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"faq-item\"\u003e\u003csummary\u003eIs the brim stiff or soft?\u003c\/summary\u003e\n\n\u003cp\u003eThe brim is pre-curved and semi-structured to hold its shape for sun protection, while the crown is soft and unstructured for a lightweight, comfortable fit against your head.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"Black","offer_id":47991891919060,"sku":"0422-17067068","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Grey","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":"Light Grey","offer_id":47991892017364,"sku":"0422-17065902","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Navy Blue","offer_id":47991892050132,"sku":"0422-17068694","price":24.95,"currency_code":"USD","in_stock":true},{"title":"White","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\/products\/ultra-breathable-mesh-cap-rjc","provider":"Omurio","version":"1.0","type":"link"}