{"product_id":"full-coverage-neck-flap-hat","title":"Full Coverage Neck Flap Hat","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n  [AI Design Logic]\n  产品类型：户外功能性穿戴（渔夫帽）\n  目标受众：户外爱好者（徒步、露营）、需要防晒的成人及儿童\n  视觉风格：自然、实用、坚固、透气。采用大地色系。\n  配色策略：\n    --primary: #5D5446 (深卡其\/棕色色，呼应配件和标志)\n    --bg-soft: #F4F2ED (浅沙色背景，营造户外感)\n    --text-main: #2C2C2C\n  模块顺序：Hero -\u003e Sun Protection (Feature 1) -\u003e Breathability (Feature 2) -\u003e Adjustability \u0026 Details (Feature 3) -\u003e Specifications -\u003e FAQ\n  详情图映射：\n    Hero = image_1.png (模特佩戴，展示场景和整体感)\n    Feature 1 (Sun) = image_3.png (侧面展示大帽檐和护颈帘)\n    Feature 2 (Breathable) = image_2.png (背面展示网眼和调节扣)\n    Feature 3 (Details) = image_0.png (细节组图，展示多功能性)\n  规格图映射：Specs = image_6.png (颜色选项提取)\n  对比模块：未加入 (无明显对比需求，聚焦自身功能)\n  --\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      --primary: #5D5446;\n      --text-main: #2C2C2C;\n      --text-sub: #555555;\n      --bg-body: #FFFFFF;\n      --bg-soft: #F4F2ED;\n      --radius-lg: 12px;\n      --radius-md: 8px;\n      --shadow-sm: 0 2px 8px rgba(0,0,0,0.05);\n      --spacing-section: clamp(2.5rem, 6vw, 4.5rem);\n\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n      color: var(--text-main);\n      line-height: 1.6;\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      box-sizing: border-box;\n    }\n\n    \/* Typography *\/\n    .product-detail-container h1 { font-size: clamp(32px, 5vw, 42px); line-height: 1.2; margin-bottom: 1rem; }\n    .product-detail-container h2 { font-size: clamp(24px, 4vw, 32px); margin-bottom: 1.5rem; }\n    .product-detail-container h3 { font-size: 22px; margin-bottom: 1rem; }\n    .product-detail-container p { font-size: 18px; color: var(--text-sub); margin-bottom: 1.5rem; }\n\n    \/* Components *\/\n    .pd-tag {\n      display: inline-block;\n      background: var(--bg-soft);\n      color: var(--primary);\n      padding: 6px 12px;\n      border-radius: var(--radius-md);\n      font-size: 16px;\n      font-weight: 500;\n      margin-right: 8px;\n      margin-bottom: 8px;\n    }\n\n    .img-fluid {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n    }\n\n    \/* Layouts *\/\n    .pd-section { margin-bottom: var(--spacing-section); }\n\n    \/* Hero Section *\/\n    .hero-section {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 2rem;\n      align-items: center;\n    }\n    .hero-content { order: 2; }\n    .hero-media { order: 1; }\n\n    @media (min-width: 768px) {\n      .hero-section { grid-template-columns: 1fr 1fr; gap: 4rem; }\n      .hero-content { order: 1; }\n      .hero-media { order: 2; }\n    }\n\n    \/* Feature Sections *\/\n    .feature-item {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 2rem;\n      align-items: center;\n      margin-bottom: var(--spacing-section);\n    }\n    \n    @media (min-width: 768px) {\n      .feature-item { grid-template-columns: 1fr 1fr; gap: 4rem; }\n      .feature-item.reverse .feature-media { order: 2; }\n      .feature-item.reverse .feature-copy { order: 1; }\n    }\n\n    \/* Specifications Table *\/\n    .spec-table {\n      width: 100%;\n      border-collapse: collapse;\n      background: var(--bg-soft);\n      border-radius: var(--radius-lg);\n      overflow: hidden;\n    }\n    .spec-table th, .spec-table td {\n      padding: 16px 24px;\n      text-align: left;\n      border-bottom: 1px solid rgba(0,0,0,0.05);\n      font-size: 18px;\n    }\n    .spec-table th { width: 35%; color: var(--text-sub); font-weight: normal; }\n    .spec-table tr:last-child td, .spec-table tr:last-child th { border-bottom: none; }\n\n    @media (max-width: 767px) {\n      .spec-table, .spec-table tbody, .spec-table tr, .spec-table th, .spec-table td { display: block; width: 100%; }\n      .spec-table thead { display: none; }\n      .spec-table tr { margin-bottom: 1rem; background: var(--bg-soft); border-radius: var(--radius-md); padding: 8px; }\n      .spec-table th { display: none; }\n      .spec-table td {\n        padding: 12px;\n        display: flex;\n        justify-content: space-between;\n        border-bottom: 1px solid rgba(0,0,0,0.05);\n      }\n      .spec-table td::before { content: attr(data-label); font-weight: 600; color: var(--text-sub); margin-right: 1rem; }\n      .spec-table tr:last-child td { border-bottom: none; }\n    }\n\n    \/* FAQ *\/\n    .faq-item {\n      background: var(--bg-soft);\n      border-radius: var(--radius-lg);\n      margin-bottom: 1rem;\n    }\n    .faq-item summary {\n      padding: 20px;\n      font-size: 20px;\n      font-weight: 600;\n      cursor: pointer;\n      list-style: none;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n    .faq-item summary::-webkit-details-marker { display: none; }\n    .faq-item summary::after { content: '+'; font-size: 24px; color: var(--primary); }\n    .faq-item[open] summary::after { content: '−'; }\n    .faq-item div { padding: 0 20px 20px; color: var(--text-sub); }\n\u003c\/style\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003cdiv class=\"pd-section hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003cspan class=\"pd-tag\"\u003eDesigned for outdoor adventures 🌿\u003c\/span\u003e\n\u003ch1\u003eYour Ultimate Shield Against the Summer Sun\u003c\/h1\u003e\n\n\u003cp\u003eExperience comprehensive protection and all-day comfort with this versatile fisherman hat. Perfect for hiking, camping, and enjoying the outdoors without worrying about UV rays.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img122\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260602173442\/b754f6dbca22f60a9686c32b37be7618.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-section feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img108\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260602171957\/874f33e517af10fd792a197e5f37024f.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eComplete Head \u0026amp; Neck Coverage\u003c\/h2\u003e\n\n\u003cp\u003eDon't let the sun cut your adventure short. The wide brim shields your face and eyes, while the extended neck flap provides crucial coverage for your ears and neck, blocking harmful UV rays effectively.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"pd-tag\"\u003eUV Resistant 🌞\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eWide Brim\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eNeck Flap\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Breathability --\u003e\n\n\u003cdiv class=\"pd-section feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img109\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260602171957\/4d7d873948fbf37ea94ca04816e47d3a.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eStay Cool When the Heat rises\u003c\/h2\u003e\n\n\u003cp\u003eEngineered for comfort in hot weather. Integrated mesh panels on the sides promote active airflow, allowing heat to escape and keeping your head cool and dry even during strenuous activities.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"pd-tag\"\u003eBreathable Mesh\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eCooling Airflow\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3: Adjustability \u0026 Details --\u003e\n\n\u003cdiv class=\"pd-section feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img110\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260602171957\/421d955462f8d4e241bff2c40d0dc2a4.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eSecure Fit, Versatile Design\u003c\/h2\u003e\n\n\u003cp\u003eWindy conditions are no problem thanks to the adjustable chin strap. A rear drawstring toggle ensures a customized, snug fit for various head sizes. For added versatility, the neck flap is detachable for a classic bucket hat look.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-tags\"\u003e\n\u003cspan class=\"pd-tag\"\u003eAdjustable Chin Strap\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eCustom Fit Toggle\u003c\/span\u003e \u003cspan class=\"pd-tag\"\u003eDetachable Flap\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\"\u003e\n\u003ch2\u003eSpecifications\u003c\/h2\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Material\"\u003eMaterial\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Value\"\u003eLightweight Nylon\/Polyester blend with mesh panels\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Size\"\u003eSize\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Value\"\u003eUnisex, Adjustable fit (fits most adults)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Key Features\"\u003eKey Features\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Value\"\u003eWide brim, detachable neck flap, adjustable chin strap, rear size toggle\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth data-label=\"Available Colors\"\u003eAvailable Colors\u003c\/th\u003e\n\t\t\t\u003ctd data-label=\"Value\"\u003eKhaki, Light Green, Blue, Black\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\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdetails class=\"faq-item\"\u003e\u003csummary\u003eWill this hat fit me?\u003c\/summary\u003e\n\n\u003cdiv\u003eYes, the hat is designed with a unisex fit and features an adjustable drawstring toggle at the back, allowing it to comfortably fit a wide range of adult head sizes.\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"faq-item\"\u003e\u003csummary\u003eIs the neck flap removable?\u003c\/summary\u003e\n\n\u003cdiv\u003eYes, the neck flap is designed to be easily detached, giving you the flexibility to wear it as a standard sun hat when full neck coverage isn't needed.\u003c\/div\u003e\n\u003c\/details\u003e\n\n\u003cdetails class=\"faq-item\"\u003e\u003csummary\u003eHow should I wash this hat?\u003c\/summary\u003e\n\n\u003cdiv\u003eFor best results and to maintain the shape and fabric quality, we recommend hand washing the hat with mild soap and letting it air dry.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Khaki","offer_id":51039031525596,"sku":"0603-14386093","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Light Green","offer_id":51039031558364,"sku":"0603-14382473","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Blue","offer_id":51039031591132,"sku":"0603-14384525","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black","offer_id":51039031623900,"sku":"0603-14388203","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black + Khaki (Best for 2-Pack) 🔥","offer_id":51039031656668,"sku":"0603-14389460","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Blue + Light Green (Nature Pack)","offer_id":51039031689436,"sku":"0603-14380158","price":19.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0785\/5482\/4924\/files\/b754f6dbca22f60a9686c32b37be7618.jpg?v=1780468756","url":"https:\/\/cheerstash.com\/products\/full-coverage-neck-flap-hat","provider":"Cheerstash","version":"1.0","type":"link"}