{"product_id":"ultra-breathable-mesh-cap","title":"Ultra Breathable Mesh Cap","description":" \u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--  AI Design Logic  产品类型：夏季户外全网眼速干棒球帽  目标受众：跑步、钓鱼、徒步等户外运动爱好者  视觉风格：机能、透气、轻量化、清爽  配色策略：以中性灰\/深色为主 .辅以冷色调强调透气降温感  模块顺序：Hero (核心卖点) -\u003e Feature 1 (透气性) -\u003e Feature 2 (防晒遮阳) -\u003e Feature 3 (调节与舒适度) -\u003e Specifications (规格参数) -\u003e FAQ (常见问题)  详情图映射：Hero=image_0.png, Feature1=image_1.png, Feature2=image_3.png, Feature3=image_2.png  规格图映射：Specs=image_4.png  对比模块：未加入 (产品功能单一且聚焦 .无需复杂对比 .直接强调自身优势即可)  --\u003e\u003cstyle type=\"text\/css\"\u003e\/* --- Design System Variables --- *\/    .product-detail-container {      --primary: #546e7a; \/* Cool grey-blue reflecting air\/water *\/      --primary-hover: #37474f;      --text-main: #212121;      --text-sub: #616161;      --bg-body: #ffffff;      --bg-card: #f8f9fa;      --bg-soft: #eceff1;      --radius-md: 8px;      --radius-lg: 12px;      --shadow-sm: 0 2px 8px rgba(0,0,0,0.05);      --border-color: #e0e0e0;      --section-gap: clamp(3rem, 6vw, 5rem);      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;      color: var(--text-main);      line-height: 1.6;      max-width: 1100px;      margin: 0 auto;      padding: 0 20px;    }    \/* --- Typography --- *\/    .product-detail-container h1 {      font-size: clamp(28px, 4vw, 40px);      font-weight: 700;      line-height: 1.2;      margin-bottom: 16px;    }    .product-detail-container h2 {      font-size: clamp(22px, 3vw, 30px);      font-weight: 600;      margin-bottom: 16px;    }    .product-detail-container h3 {      font-size: 20px;      font-weight: 600;      margin-bottom: 12px;    }    .product-detail-container p {      font-size: clamp(16px, 1.5vw, 18px);      color: var(--text-sub);      margin-bottom: 20px;    }    \/* --- Reusable Components --- *\/    .pd-section {      margin-bottom: var(--section-gap);    }    .pd-img-fluid {      width: 100%;      height: auto;      display: block;      border-radius: var(--radius-lg);    }    .pd-badge {      display: inline-block;      padding: 6px 12px;      background-color: var(--bg-soft);      color: var(--primary);      font-size: 14px;      font-weight: 600;      border-radius: 20px;      margin-bottom: 16px;    }    .pd-tag-group {      display: flex;      flex-wrap: wrap;      gap: 10px;      margin-top: 16px;    }    .pd-tag {      font-size: 14px;      color: var(--text-sub);      background: var(--bg-card);      padding: 4px 10px;      border-radius: 4px;      border: 1px solid var(--border-color);    }    \/* --- Hero Section --- *\/    .hero-section {      text-align: center;      max-width: 800px;      margin-left: auto;      margin-right: auto;      padding-top: 20px;    }    .hero-sub {      font-size: clamp(18px, 2vw, 22px);      color: var(--text-sub);      margin-bottom: 32px;    }    \/* --- Feature Sections (Z-Pattern) --- *\/    .feature-section {      display: grid;      grid-template-columns: 1fr;      gap: 32px;      align-items: center;    }    @media (min-width: 768px) {      .feature-section {        grid-template-columns: 1fr 1fr;        gap: clamp(48px, 8vw, 80px);      }      .feature-section.reverse {        direction: rtl;      }      .feature-section.reverse \u003e * {        direction: ltr;      }    }    \/* --- Specifications --- *\/    .specs-container {      background-color: var(--bg-card);      padding: clamp(24px, 4vw, 40px);      border-radius: var(--radius-lg);    }    .specs-table {      width: 100%;      border-collapse: collapse;    }    .specs-table th, .specs-table td {      padding: 16px 0;      text-align: left;      border-bottom: 1px solid var(--border-color);      font-size: 16px;    }    .specs-table th {      color: var(--text-main);      font-weight: 600;      width: 40%;    }    .specs-table td {      color: var(--text-sub);    }    @media (max-width: 640px) {      .specs-table, .specs-table tbody, .specs-table tr, .specs-table th, .specs-table td {        display: block;        width: 100%;      }      .specs-table tr {        margin-bottom: 16px;        border-bottom: none;      }      .specs-table th {        padding-bottom: 4px;        color: var(--text-sub);        font-size: 14px;        border: none;      }      .specs-table td {        padding-top: 0;        font-weight: 500;        color: var(--text-main);      }    }    \/* --- FAQ --- *\/    .faq-item {      border-bottom: 1px solid var(--border-color);      padding: 16px 0;    }        .faq-item summary {      font-weight: 600;      cursor: pointer;      list-style: none;      position: relative;      padding-right: 24px;      font-size: 18px;    }    .faq-item summary::-webkit-details-marker {      display: none;    }    .faq-item summary::after {      content: '+';      position: absolute;      right: 0;      top: 50%;      transform: translateY(-50%);      font-size: 24px;      color: var(--primary);    }    .faq-itemopen summary::after {      content: '−';    }    .faq-item p {      margin-top: 12px;      margin-bottom: 0;      padding-left: 16px;      border-left: 3px solid var(--primary);    }    \/* --- Image Placeholder Style --- *\/    .img-placeholder {      width: 100%;      background-color: #f0f0f0;      border: 2px dashed #ccc;      border-radius: var(--radius-lg);      display: flex;      align-items: center;      justify-content: center;      color: #999;      font-family: monospace;      padding: 20px;      box-sizing: border-box;    }\u003c\/style\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\u003cdiv class=\"pd-section hero-section\"\u003e\n\u003cspan class=\"pd-badge\"\u003eDesigned for Heat \u0026amp; High Activity\u003c\/span\u003e\u003ch1\u003eStay Cool, Run Further. The Ultimate Summer Mesh Cap.\u003c\/h1\u003e\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\u003cdiv class=\"img-placeholder\" style=\"aspect-ratio: 1\/1;\"\u003e\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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-section feature-section\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\u003cdiv class=\"img-placeholder\" style=\"aspect-ratio: 1\/1;\"\u003e\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\u003c\/div\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eEngineered for Maximum Airflow.\u003c\/h2\u003e\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\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\u003cdiv class=\"pd-section feature-section reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003c!-- 替换为详情图 image_3.png (侧面视角 .强调长帽檐) --\u003e\u003cdiv class=\"img-placeholder\" style=\"aspect-ratio: 1\/1;\"\u003e\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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eExtended Brim, Enhanced Shielding.\u003c\/h2\u003e\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\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\u003cdiv class=\"pd-section feature-section\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003c!-- 替换为详情图 image_2.png (后方视角 .强调卡扣调节) --\u003e\u003cdiv class=\"img-placeholder\" style=\"aspect-ratio: 1\/1;\"\u003e\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\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eA Secure, Custom Fit for Everyone.\u003c\/h2\u003e\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\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\u003cdiv class=\"pd-section specs-container\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\u003ctable class=\"specs-table\"\u003e\t\u003ctbody\u003e\t\t\u003ctr\u003e\t\t\t\u003cth\u003eMaterial\u003c\/th\u003e\t\t\t\u003ctd\u003e100% Polyester Mesh\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003cth\u003eHead Circumference\u003c\/th\u003e\t\t\t\u003ctd\u003e56 - 60 cm \/ 22 - 23.6 inches (Adjustable)\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003cth\u003eBrim Length\u003c\/th\u003e\t\t\t\u003ctd\u003e8.5 cm \/ 3.35 inches\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003cth\u003eCap Depth\u003c\/th\u003e\t\t\t\u003ctd\u003e11 cm \/ 4.33 inches\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\t\u003ctr\u003e\t\t\t\u003cth\u003eClosure Type\u003c\/th\u003e\t\t\t\u003ctd\u003eAdjustable Buckle\u003c\/td\u003e\t\t\u003c\/tr\u003e\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- D. FAQ --\u003e\u003cdiv class=\"pd-section faq-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003cdetails class=\"faq-item\"\u003e\u003csummary\u003eWill this cap fit my head size?\u003c\/summary\u003e\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\u003c\/details\u003e\u003cdetails class=\"faq-item\"\u003e\u003csummary\u003eHow do I clean this mesh cap?\u003c\/summary\u003e\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\u003c\/details\u003e\u003cdetails class=\"faq-item\"\u003e\u003csummary\u003eIs the brim stiff or soft?\u003c\/summary\u003e\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\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Bak","offers":[{"title":"Black","offer_id":47558568542381,"sku":"0422-17067068","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Grey","offer_id":47558568575149,"sku":"0422-17060079","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Khaki","offer_id":47558568607917,"sku":"0422-17065605","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Light Grey","offer_id":47558568640685,"sku":"0422-17065902","price":24.95,"currency_code":"USD","in_stock":true},{"title":"Navy Blue","offer_id":47558568673453,"sku":"0422-17068694","price":24.95,"currency_code":"USD","in_stock":true},{"title":"White","offer_id":47558568706221,"sku":"0422-17067047","price":24.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0732\/2491\/3069\/files\/68be5e25cad4ea8c567e99345033d5c4.jpg?v=1789365848","url":"https:\/\/8thgtr-ys.myshopify.com\/no\/products\/ultra-breathable-mesh-cap","provider":"Fantasfeelets","version":"1.0","type":"link"}