{"product_id":"quick-dry-extended-brim-hat","title":"Quick-Dry Extended Brim Hat","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 Specs -\u003e FAQ\n  详情图映射：\n    - Hero: detail_2 (模特展示速干面料+户外场景)\n    - Feature 1 (Packable): detail_0 (手持折叠放入包中，强调45g)\n    - Feature 2 (Structure): detail_1 (产品多角度拼图，展示后帽檐、内衬、扣具)\n    - Feature 3 (Scenarios): detail_4 (多模特多场景拼图)\n  规格图映射：Specs数据来源于 spec_5 (颜色\/结构) 和 detail_0 (重量)\n  对比模块：未加入，因为产品自身的结构特点（后帽檐加宽）在 Feature 2 中展示更直观，无需强行对比。\n  --\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      --primary: #4A4A4A;\n      --primary-hover: #333333;\n      --text-main: #2C2C2C;\n      --text-sub: #555555;\n      --bg-body: #FFFFFF;\n      --bg-card: #F8F8F6;\n      --bg-soft: #F0F0ED;\n      --radius-md: 8px;\n      --radius-lg: 16px;\n      --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);\n      --border-color: #E5E5E5;\n\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      box-sizing: border-box;\n      overflow-wrap: break-word;\n      word-break: break-word;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      line-height: 1.6;\n    }\n\n    \/* Typography *\/\n    .product-detail-container h1 {\n      font-size: clamp(32px, 5vw, 44px);\n      font-weight: 700;\n      line-height: 1.2;\n      margin-bottom: 1rem;\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(24px, 4vw, 32px);\n      font-weight: 600;\n      margin-bottom: 1rem;\n    }\n\n    .product-detail-container h3 {\n      font-size: 20px;\n      font-weight: 600;\n      margin-bottom: 0.75rem;\n    }\n\n    .product-detail-container p {\n      font-size: clamp(16px, 2vw, 18px);\n      color: var(--text-sub);\n      margin-bottom: 1.5rem;\n    }\n\n    \/* Reusable Components *\/\n    .pd-section {\n      margin-bottom: clamp(3rem, 8vw, 5rem);\n    }\n\n    .pd-img-responsive {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-md);\n    }\n\n    .pd-badge {\n      display: inline-block;\n      background: var(--bg-soft);\n      color: var(--text-main);\n      padding: 0.4rem 0.8rem;\n      border-radius: 2rem;\n      font-size: 16px;\n      font-weight: 500;\n      margin-right: 0.5rem;\n      margin-bottom: 0.5rem;\n    }\n\n    \/* Hero Section *\/\n    .pd-hero {\n      text-align: center;\n      max-width: 800px;\n      margin: 0 auto clamp(2rem, 5vw, 4rem);\n    }\n    .pd-hero-trust {\n      color: var(--text-sub);\n      font-weight: 500;\n      margin-bottom: 1rem;\n      display: inline-block;\n    }\n\n    \/* Feature Section - Z-Pattern *\/\n    .pd-feature {\n      display: flex;\n      align-items: center;\n      gap: clamp(2rem, 5vw, 4rem);\n    }\n\n    .pd-feature:nth-child(even) {\n      flex-direction: row-reverse;\n    }\n\n    .pd-feature-media,\n    .pd-feature-copy {\n      flex: 1;\n    }\n\n    .pd-feature-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.5rem;\n    }\n\n    \/* Specs Table *\/\n    .pd-specs-table {\n      width: 100%;\n      border-collapse: collapse;\n      background: var(--bg-card);\n      border-radius: var(--radius-lg);\n      overflow: hidden;\n    }\n\n    .pd-specs-table th,\n    .pd-specs-table td {\n      padding: 1rem 1.5rem;\n      text-align: left;\n      border-bottom: 1px solid var(--border-color);\n      font-size: 16px;\n    }\n\n    .pd-specs-table th {\n      background: var(--bg-soft);\n      font-weight: 600;\n      width: 35%;\n    }\n\n    .pd-specs-table tr:last-child td,\n    .pd-specs-table tr:last-child th {\n      border-bottom: none;\n    }\n\n    \/* FAQ *\/\n    .pd-faq-item {\n      border-bottom: 1px solid var(--border-color);\n      padding: 1.5rem 0;\n    }\n    .pd-faq-item:last-child {\n      border-bottom: none;\n    }\n    .pd-faq-question {\n      font-weight: 600;\n      font-size: 18px;\n      margin-bottom: 0.5rem;\n      color: var(--text-main);\n    }\n    .pd-faq-answer {\n      color: var(--text-sub);\n      margin-bottom: 0;\n    }\n\n    \/* Image Placeholder Style (AI Internal Use) *\/\n    .img-placeholder {\n        width: 100%;\n        height: auto;\n        background-color: #F0F0ED;\n        border: 2px dashed #C0C0C0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        color: #666;\n        font-family: monospace;\n        padding: 2rem 0;\n        box-sizing: border-box;\n    }\n\n    \/* Mobile Responsive *\/\n    @media (max-width: 767px) {\n      .product-detail-container h1 {\n        font-size: 32px;\n      }\n\n      .pd-feature,\n      .pd-feature:nth-child(even) {\n        flex-direction: column;\n        text-align: left;\n      }\n\n      .pd-feature-media {\n        margin-bottom: 1.5rem;\n      }\n\n      \/* Responsive Table *\/\n      .pd-specs-table thead {\n        display: none;\n      }\n\n      .pd-specs-table, .pd-specs-table tbody, .pd-specs-table tr, .pd-specs-table td {\n        display: block;\n        width: 100%;\n      }\n\n      .pd-specs-table tr {\n        margin-bottom: 1rem;\n        background: var(--bg-card);\n        border-radius: var(--radius-md);\n        padding: 0.5rem;\n      }\n\n      .pd-specs-table td {\n        display: flex;\n        justify-content: space-between;\n        padding: 0.75rem 0.5rem;\n        border-bottom: 1px solid var(--border-color);\n      }\n\n      .pd-specs-table td:last-child {\n        border-bottom: none;\n      }\n\n      .pd-specs-table td::before {\n        content: attr(data-label);\n        font-weight: 600;\n        padding-right: 1rem;\n        color: var(--text-main);\n      }\n    }\n\u003c\/style\u003e\n\u003c!-- A. Intro \/ Hero Content Block --\u003e\n\u003cdiv class=\"pd-section pd-hero\"\u003e\n\u003cspan class=\"pd-hero-trust\"\u003eDesigned for Active Lifestyles\u003c\/span\u003e\n\u003ch1\u003eFeatherlight Sun Protection, Ready for Anything\u003c\/h1\u003e\n\n\u003cp\u003eStay cool, dry, and protected with the ultimate packable outdoor hat. Crafted from quick-dry fabric with an extended brim, it’s your essential companion for every adventure under the sun.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img93\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260625110311\/41f9515496f9b2045bc1f531a8a275f9.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-section pd-feature\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img82\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260625104914\/1b7e169aa21b3948b555d7c28baa3477.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003ePacks Small, Travels Light\u003c\/h2\u003e\n\n\u003cp\u003eThis hat redefines portability. Its soft, memory-form structure allows it to be folded and tucked into any bag or pocket without losing its shape. Pull it out, and it's instantly ready to wear.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-feature-tags\"\u003e\n\u003cspan class=\"pd-badge\"\u003eUltralight \u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eEasy Folding\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eSpace Saver\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Structure \u0026 Comfort (The key benefits) --\u003e\n\n\u003cdiv class=\"pd-section pd-feature\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img83\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260625104914\/b0ddc50ae6669478597a5e13da47c84d.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eSmart Design for Better Coverage\u003c\/h2\u003e\n\n\u003cp\u003eUnlike standard caps, the unique extended rear brim provides critical extra sun protection for your neck. Inside, a moisture-wicking mesh lining and soft sweatband ensure you stay cool and comfortable all day long.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-feature-tags\"\u003e\n\u003cspan class=\"pd-badge\"\u003eExtended Neck Protection\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eBreathable Mesh Lining\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eAdjustable Fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3: Scenarios (Versatility) --\u003e\n\n\u003cdiv class=\"pd-section pd-feature\"\u003e\n\u003cdiv class=\"pd-feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img84\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260625104914\/51857adc17ea0574151cb18e07b61180.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-feature-copy\"\u003e\n\u003ch2\u003eYour Go-To for Every Outdoor Moment\u003c\/h2\u003e\n\n\u003cp\u003eFrom the golf course and hiking trails to sunny beach days, its versatile design and durable, water-repellent fabric fit perfectly into any active lifestyle, keeping you prepared for changing weather.\u003c\/p\u003e\n\n\u003cdiv class=\"pd-feature-tags\"\u003e\n\u003cspan class=\"pd-badge\"\u003eWater Repellent\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eHiking \u0026amp; Golf Ready\u003c\/span\u003e \u003cspan class=\"pd-badge\"\u003eQuick Dry\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=\"pd-specs-table\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eFeature\u003c\/th\u003e\n\t\t\t\u003cth\u003eDetails\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Material\"\u003eQuick-dry, water-repellent synthetic fabric\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eWith breathable mesh inner lining\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Weight\"\u003eWeight\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eUltra-lightweight design\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Structure\"\u003eSoft, packable 6-panel design\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eUnstructured crown for easy folding\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Adjustment\"\u003eAdjustable rear webbing strap\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eWith durable buckle closure\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Colors Available\"\u003eKhaki, Beige, Black\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Details\"\u003eAs shown in images\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\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-question\"\u003eWill the hat lose its shape after being folded?\u003c\/div\u003e\n\n\u003cp class=\"pd-faq-answer\"\u003eNo. The soft, memory-form material is specifically designed to be folded for storage and will return to its original shape when unpacked.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-question\"\u003eIs it waterproof or just water-repellent?\u003c\/div\u003e\n\n\u003cp class=\"pd-faq-answer\"\u003eIt is water-repellent. The fabric is treated to shed light rain and splashes quickly, keeping you dry in light precipitation, but it is not intended for heavy downpours or submersion.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-faq-item\"\u003e\n\u003cdiv class=\"pd-faq-question\"\u003eHow do I clean this hat?\u003c\/div\u003e\n\n\u003cp class=\"pd-faq-answer\"\u003eTo maintain the water-repellent coating and shape, we recommend hand washing gently with mild soap and air drying. Do not machine wash or tumble dry.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Khaki","offer_id":45521166958639,"sku":"0625-18022214","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Beige","offer_id":45521166991407,"sku":"0625-18020056","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black","offer_id":45521167024175,"sku":"0625-18025994","price":12.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0711\/6406\/7887\/files\/41f9515496f9b2045bc1f531a8a275f9.jpg?v=1782381801","url":"https:\/\/shoplarke.com\/products\/quick-dry-extended-brim-hat","provider":"Shoplarke","version":"1.0","type":"link"}