{"product_id":"3-pack-cooling-sun-protection-helmet-cap-360-head-neck-coverage-for-work-outdoor-adventures","title":"4-Pack Cooling Sun Protection Helmet Cap- 360° Head \u0026 Neck Coverage for Work \u0026 Outdoor Adventures","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@500;600;700\u0026family=Inter:wght@400;500;600\u0026display=swap');\n\n.bwc-page{background:#fff;font-family:'Inter',Arial,Helvetica,sans-serif;color:#141414;padding:0;margin:0;-webkit-font-smoothing:antialiased}\n.bwc-page *{box-sizing:border-box}\n.bwc-page .bwc-container{max-width:100%;width:100%;margin:0;padding:0}\n.bwc-page .bwc-card{background:#fff;border:none;padding:0;overflow:hidden}\n\n.bwc-page .bwc-teeth{display:block!important;height:16px!important;width:100%!important;background:\n  linear-gradient(135deg,#141414 25%,transparent 25%) 0 0\/16px 16px,\n  linear-gradient(225deg,#141414 25%,transparent 25%) 0 0\/16px 16px,\n  #fff!important;}\n.bwc-page .bwc-teeth.inv{background:\n  linear-gradient(135deg,#fff 25%,transparent 25%) 0 0\/16px 16px,\n  linear-gradient(225deg,#fff 25%,transparent 25%) 0 0\/16px 16px,\n  #141414!important;}\n\n.bwc-page .bwc-top{padding:26px 26px 0}\n.bwc-page .bwc-eyebrow{font-family:'Oswald',sans-serif;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#6b6b6b;text-align:center;margin:0 0 8px}\n.bwc-page .bwc-h1{font-family:'Oswald',sans-serif;font-weight:700;font-size:32px;text-align:center;color:#111;margin:0 0 18px;line-height:1.14;letter-spacing:-.2px;text-transform:uppercase}\n\n.bwc-page .bwc-hero{background:#141414;color:#fff;padding:28px 24px;margin:0;position:relative}\n.bwc-page .bwc-hero h2{font-family:'Oswald',sans-serif;margin:0 0 10px;font-size:22px;line-height:1.25;font-weight:600;letter-spacing:.01em;color:#fff!important}\n.bwc-page .bwc-hero p{margin:0;opacity:.88;line-height:1.7;font-size:15px;color:#fff!important}\n.bwc-page .bwc-hero strong{color:#fff!important;border-bottom:2px solid #fff}\n\n.bwc-page .bwc-img-wrap{width:100%;margin:0;overflow:hidden;background:#f4f4f4}\n.bwc-page .bwc-img-wrap img{width:100%;height:auto;display:block;margin:0}\n\n.bwc-page .bwc-body{padding:0 26px}\n\n.bwc-page .bwc-section-title{font-family:'Oswald',sans-serif;font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:.02em;color:#111;margin:38px 0 6px;padding-bottom:12px;border-bottom:3px solid #141414;line-height:1.2}\n.bwc-page .bwc-lead{font-size:15px;line-height:1.75;color:#3d3d3d;margin:0 0 18px}\n\n.bwc-page .bwc-note{background:#f5f5f5;border:1px solid #141414;padding:16px 20px;font-size:13.5px;color:#4a4a4a;line-height:1.65;margin:18px 0}\n.bwc-page .bwc-note strong{color:#111}\n\n.bwc-page .bwc-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#141414;border:1px solid #141414;margin:18px 0 6px}\n.bwc-page .bwc-feature-grid.cols-4{grid-template-columns:repeat(4,1fr)}\n.bwc-page .bwc-feature-card{background:#fff;padding:20px 14px;text-align:center}\n.bwc-page .bwc-feature-card .ico{font-size:26px;display:block;margin-bottom:10px}\n.bwc-page .bwc-feature-card .txt{font-family:'Oswald',sans-serif;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.01em;color:#111;line-height:1.35}\n\n.bwc-page .bwc-benefit-row{display:flex;flex-wrap:wrap;gap:1px;background:#141414;margin:20px 0 6px;border:1px solid #141414}\n.bwc-page .bwc-mini{flex:1 1 130px;min-width:130px;background:#fff;text-align:center;padding:16px 8px;color:#111;font-weight:600;line-height:1.35;font-size:12.5px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.01em}\n.bwc-page .bwc-mini span.num{display:block;font-size:20px;margin-bottom:6px;font-weight:700;color:#111}\n\n.bwc-page .bwc-carousel{position:relative;margin:22px 0 30px}\n.bwc-page .bwc-carousel-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 4px 14px;scrollbar-width:none;-ms-overflow-style:none}\n.bwc-page .bwc-carousel-track::-webkit-scrollbar{display:none}\n.bwc-page .bwc-carousel-slide{flex:0 0 100%;max-width:100%;scroll-snap-align:start;background:#fff;display:flex;flex-direction:column}\n.bwc-page .bwc-carousel-imgs{display:flex}\n.bwc-page .bwc-carousel-imgs img{flex:1 1 0;width:100%;height:auto;display:block;aspect-ratio:1\/1;object-fit:cover;min-width:0}\n.bwc-page .bwc-carousel-text{padding:18px;flex:1}\n.bwc-page .bwc-carousel-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:#141414;color:#fff;font-family:'Oswald',sans-serif;font-size:12px;font-weight:600;margin-bottom:10px}\n.bwc-page .bwc-carousel-text h3{margin:0 0 6px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.01em;font-size:15px;color:#111;font-weight:600;line-height:1.3}\n.bwc-page .bwc-carousel-text p{margin:0;color:#4a4a4a;font-size:13px;line-height:1.6}\n.bwc-page .bwc-carousel-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:12px}\n.bwc-page .bwc-carousel-arrow{width:36px;height:36px;border:2px solid #141414;background:#fff;color:#141414;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:17px;flex-shrink:0;padding:0;line-height:1}\n.bwc-page .bwc-carousel-arrow:hover{background:#141414;color:#fff}\n.bwc-page .bwc-carousel-dots{display:flex;gap:8px}\n.bwc-page .bwc-carousel-dot{width:8px;height:8px;border-radius:50%;background:#d4d4d4;cursor:pointer;transition:background .2s;padding:0;border:0}\n.bwc-page .bwc-carousel-dot.active{background:#141414}\n\n.bwc-page .bwc-media-block{margin:22px 0 6px;overflow:hidden;background:#f4f4f4}\n.bwc-page .bwc-media-block img,.bwc-page .bwc-media-block video{width:100%;height:auto;display:block}\n.bwc-page .bwc-media-caption{padding:11px 16px;font-size:12px;color:#6b6b6b;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;background:#fff}\n\n.bwc-page .bwc-checklist{margin:18px 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:10px 18px}\n.bwc-page .bwc-checklist li{flex:1 1 220px;font-size:14.5px;line-height:1.5;color:#222;padding-left:22px;position:relative}\n.bwc-page .bwc-checklist li:before{content:'';position:absolute;left:0;top:6px;width:10px;height:10px;background:#141414;transform:rotate(45deg)}\n.bwc-page .bwc-checklist li.tag{font-weight:600}\n.bwc-page .bwc-checklist.emoji li{padding-left:26px}\n.bwc-page .bwc-checklist.emoji li:before{content:none}\n.bwc-page .bwc-checklist.emoji li .ico{position:absolute;left:0;top:0;font-size:15px;line-height:1.5}\n\n.bwc-page .bwc-steps{display:flex;flex-wrap:wrap;gap:1px;margin:18px 0;background:#141414;border:1px solid #141414}\n.bwc-page .bwc-step{flex:1 1 150px;min-width:150px;background:#fff;padding:16px 14px;text-align:left}\n.bwc-page .bwc-step b{display:inline-flex;width:26px;height:26px;border-radius:50%;background:#141414;color:#fff;align-items:center;justify-content:center;margin-bottom:10px;font-size:13px;font-family:'Oswald',sans-serif}\n.bwc-page .bwc-step .emoji-num{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;margin-bottom:10px;font-size:18px}\n.bwc-page .bwc-step h3{font-size:13.5px;margin:0 0 6px;color:#111;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.01em}\n.bwc-page .bwc-step p{font-size:13px;line-height:1.55;margin:0;color:#565656}\n\n.bwc-page .bwc-spec{margin-top:36px;background:#141414;padding:0}\n.bwc-page .bwc-spec h2{color:#fff;margin:0;padding:20px 24px;font-size:19px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #3a3a3a}\n.bwc-page .bwc-table{width:100%;border-collapse:collapse;background:#fff}\n.bwc-page .bwc-table td{padding:14px 20px;border-bottom:1px solid #e4e4e4;vertical-align:top;line-height:1.5;font-size:14.5px;color:#222}\n.bwc-page .bwc-table tr:last-child td{border-bottom:0}\n.bwc-page .bwc-table td:first-child{font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#111;width:34%;background:#f5f5f5;font-size:12.5px}\n\n.bwc-page .bwc-compare{margin-top:36px;background:#141414;padding:0}\n.bwc-page .bwc-compare h2{color:#fff;margin:0;padding:20px 24px;font-size:19px;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #3a3a3a}\n.bwc-page .bwc-compare-table{width:100%;border-collapse:collapse;background:#fff;table-layout:fixed}\n.bwc-page .bwc-compare-table th{padding:14px 16px;text-align:left;font-family:'Oswald',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.01em;color:#fff;background:#141414;line-height:1.3}\n.bwc-page .bwc-compare-table th:first-child{width:54%}\n.bwc-page .bwc-compare-table td{padding:12px 16px;border-bottom:1px solid #e4e4e4;font-size:13.5px;color:#222;line-height:1.5;word-break:break-word}\n.bwc-page .bwc-compare-table tr:last-child td{border-bottom:0}\n.bwc-page .bwc-compare-table td:first-child{font-weight:600;color:#111;background:#f5f5f5}\n.bwc-page .bwc-compare-table td:last-child{color:#8a8a8a}\n\n.bwc-page .bwc-faq{margin-top:36px}\n.bwc-page .bwc-faq-item{border-bottom:1px solid #e4e4e4;padding:16px 2px}\n.bwc-page .bwc-faq-item:first-child{padding-top:0}\n.bwc-page .bwc-faq-q{font-family:'Oswald',sans-serif;font-size:14.5px;text-transform:uppercase;letter-spacing:.01em;color:#111;font-weight:600;margin:0;display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;padding:0;cursor:pointer;text-align:left}\n.bwc-page .bwc-faq-q .qmark{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:#141414;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;font-family:'Oswald',sans-serif}\n.bwc-page .bwc-faq-q .qtext{flex:1}\n.bwc-page .bwc-faq-q .bwc-faq-toggle{flex:0 0 auto;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#141414;transition:transform .2s}\n.bwc-page .bwc-faq-item.open .bwc-faq-q .bwc-faq-toggle{transform:rotate(45deg)}\n.bwc-page .bwc-faq-a{font-size:14px;line-height:1.65;color:#4a4a4a;margin:8px 0 0;padding-left:32px;display:none}\n.bwc-page .bwc-faq-item.open .bwc-faq-a{display:block}\n\n.bwc-page .bwc-reviews{margin:22px 0 6px}\n.bwc-page .bwc-review-grid{display:flex;flex-wrap:wrap;gap:1px;background:#141414;border:1px solid #141414}\n.bwc-page .bwc-review-card{flex:1 1 260px;min-width:260px;background:#fff;padding:20px}\n.bwc-page .bwc-review-stars{color:#141414;font-size:13px;letter-spacing:2px;margin-bottom:10px}\n.bwc-page .bwc-review-quote{font-size:14px;line-height:1.65;color:#3d3d3d;margin:0 0 12px;font-style:italic}\n.bwc-page .bwc-review-name{font-family:'Oswald',sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#111;font-weight:600}\n\n.bwc-page .bwc-cta{margin-top:36px;background:#141414;color:#fff;padding:40px 24px;text-align:center}\n.bwc-page .bwc-cta h2{margin:0 0 12px;font-size:24px;line-height:1.25;font-family:'Oswald',sans-serif;text-transform:uppercase;letter-spacing:.02em;font-weight:700;color:#fff!important}\n.bwc-page .bwc-cta p{margin:0 auto 22px;line-height:1.65;max-width:560px;opacity:.85;font-size:14.5px;color:#fff!important}\n.bwc-page .bwc-btn{display:inline-block;background:#fff;color:#111!important;padding:15px 40px;font-family:'Oswald',sans-serif;font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:2px solid #fff;cursor:pointer}\n.bwc-page .bwc-cta-form{margin:0;display:inline-block}\n\n.bwc-page .bwc-bottom-pad{height:26px}\n\n@media(max-width:768px){\n.bwc-page .bwc-container{padding:0}\n.bwc-page .bwc-top{padding:20px 16px 0}\n.bwc-page .bwc-body{padding:0 16px}\n.bwc-page .bwc-h1{font-size:24px}\n.bwc-page .bwc-hero{padding:20px 16px}\n.bwc-page .bwc-hero h2{font-size:19px}\n.bwc-page .bwc-section-title{font-size:19px;margin-top:30px}\n.bwc-page .bwc-feature-grid{grid-template-columns:1fr 1fr}\n.bwc-page .bwc-feature-grid.cols-4{grid-template-columns:1fr 1fr}\n.bwc-page .bwc-carousel-slide{flex:0 0 100%;max-width:100%}\n.bwc-page .bwc-carousel-track{gap:0}\n.bwc-page .bwc-benefit-row{grid-template-columns:1fr 1fr}\n.bwc-page .bwc-steps{grid-template-columns:1fr 1fr}\n.bwc-page .bwc-checklist{grid-template-columns:1fr}\n.bwc-page .bwc-table td{display:block;width:100%;padding:10px 16px}\n.bwc-page .bwc-table td:first-child{width:100%;border-bottom:0;padding-bottom:2px}\n.bwc-page .bwc-compare-table{table-layout:auto}\n.bwc-page .bwc-compare-table th,.bwc-page .bwc-compare-table td{display:block;width:100%}\n.bwc-page .bwc-compare-table th:first-child{width:100%}\n.bwc-page .bwc-compare-table td:last-child{border-top:1px dashed #ddd}\n.bwc-page .bwc-faq-a{padding-left:0;margin-top:6px}\n.bwc-page .bwc-btn{display:block;width:100%;text-align:center}\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"bwc-page\"\u003e\n\u003cdiv class=\"bwc-container\"\u003e\n\u003cdiv class=\"bwc-card\"\u003e\n\n\u003c!-- ① 标题区 --\u003e\n\u003cdiv class=\"bwc-top\"\u003e\n\u003cp class=\"bwc-eyebrow\"\u003eCooling Helmet Sun Protection Cap\u003c\/p\u003e\n\u003ch1 class=\"bwc-h1\"\u003eStay Cool. Stay Covered. Stay Comfortable.\u003c\/h1\u003e\n\u003c\/div\u003e\n\n\u003c!-- ② Hero 横幅 --\u003e\n\u003cdiv class=\"bwc-hero\"\u003e\n\u003ch2\u003eReady For Sunny Days\u003c\/h2\u003e\n\u003cp\u003eDesigned for long hours under the sun, this lightweight cooling helmet cap provides extended protection for your head, neck, and ears while helping keep you cool and comfortable. Wear it under a safety helmet or on its own for reliable everyday outdoor protection.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"bwc-teeth\"\u003e\u003c\/div\u003e\n\n\u003c!-- ③ 主图：请替换为你自己的产品图 --\u003e\n\u003cdiv class=\"bwc-img-wrap\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/4633\/5322\/files\/1_3b5d074d-369b-47e2-be58-9f551205ac71.jpg?v=1784702163\" alt=\"Cooling helmet sun protection cap main photo\"\u003e\n\u003c\/div\u003e\n\n\u003c!-- Product Features --\u003e\n\u003ch2 class=\"bwc-section-title\"\u003eProduct Features\u003c\/h2\u003e\n\u003cul class=\"bwc-checklist\"\u003e\n\u003cli class=\"tag\"\u003e360° Head \u0026amp; Neck Coverage\u003c\/li\u003e\n\u003cli class=\"tag\"\u003eBreathable \u0026amp; Quick-Drying Fabric\u003c\/li\u003e\n\u003cli class=\"tag\"\u003eLightweight \u0026amp; Comfortable\u003c\/li\u003e\n\u003cli class=\"tag\"\u003eReflective Trim Design\u003c\/li\u003e\n\u003cli class=\"tag\"\u003eSoft Polyester Material\u003c\/li\u003e\n\u003cli class=\"tag\"\u003eFits Under Most Helmets\u003c\/li\u003e\n\u003cli class=\"tag\"\u003eReusable \u0026amp; Easy to Clean\u003c\/li\u003e\n\u003c\/ul\u003e\n  \n\u003c!-- ⑤ 功能特性：轮播（3 个核心卖点） --\u003e\n\u003ch2 class=\"bwc-section-title\" style=\"margin-left:26px;margin-right:26px\"\u003eWhy You'll Love It\u003c\/h2\u003e\n\u003cp class=\"bwc-lead\" style=\"margin-left:26px;margin-right:26px\"\u003eThree reasons it's the smarter way to beat the heat.\u003c\/p\u003e\n\n\u003cdiv class=\"bwc-carousel\" data-carousel\u003e\n\u003cdiv class=\"bwc-carousel-track\" data-track\u003e\n\n\u003cdiv class=\"bwc-carousel-slide\"\u003e\n\u003cdiv class=\"bwc-carousel-imgs\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/4633\/5322\/files\/2_70abf7d6-a1d1-4caf-a1e1-4fcbb028a08b.jpg?v=1784702164\" alt=\"Extended neck flap for full head and neck coverage\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bwc-carousel-text\"\u003e\n\u003cspan class=\"bwc-carousel-num\"\u003e1\u003c\/span\u003e\n\u003ch3\u003e☀️ Extended Coverage Where You Need It Most\u003c\/h3\u003e\n\u003cp\u003eThe extended neck flap provides full coverage for your head, ears, and neck, helping reduce direct sun exposure during outdoor activities.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"bwc-carousel-slide\"\u003e\n\u003cdiv class=\"bwc-carousel-imgs\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/4633\/5322\/files\/3_c7b0660b-9db9-4d90-bf3a-b76b48d95448.jpg?v=1784702164\" alt=\"Lightweight moisture-wicking fabric\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bwc-carousel-text\"\u003e\n\u003cspan class=\"bwc-carousel-num\"\u003e2\u003c\/span\u003e\n\u003ch3\u003e🌬️ Stay Cool All Day Long\u003c\/h3\u003e\n\u003cp\u003eMade from lightweight, moisture-wicking fabric that helps keep you cool, dry, and comfortable during work or outdoor adventures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"bwc-carousel-slide\"\u003e\n\u003cdiv class=\"bwc-carousel-imgs\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/4633\/5322\/files\/4_1a827018-8d04-4963-a8ee-30a5a35efc78.jpg?v=1784702164\" alt=\"Fits under most safety helmets or worn alone\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bwc-carousel-text\"\u003e\n\u003cspan class=\"bwc-carousel-num\"\u003e3\u003c\/span\u003e\n\u003ch3\u003e🎣 Perfect For Work \u0026amp; Recreation\u003c\/h3\u003e\n\u003cp\u003eWear it under most safety helmets or as a lightweight outdoor cap for reliable comfort wherever your day takes you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"bwc-carousel-nav\"\u003e\n\u003cbutton type=\"button\" class=\"bwc-carousel-arrow\" data-prev aria-label=\"Previous slide\"\u003e‹\u003c\/button\u003e\n\u003cdiv class=\"bwc-carousel-dots\" data-dots\u003e\u003c\/div\u003e\n\u003cbutton type=\"button\" class=\"bwc-carousel-arrow\" data-next aria-label=\"Next slide\"\u003e›\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"bwc-teeth\" style=\"margin-top:8px\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"bwc-body\"\u003e\n\u003c!-- Perfect For Every Outdoor Activity --\u003e\n\u003ch2 class=\"bwc-section-title\"\u003ePerfect For Every Outdoor Activity\u003c\/h2\u003e\n\u003cp class=\"bwc-lead\"\u003eWhether you're working outside or enjoying your favorite adventure, this cooling cap is designed to keep you comfortable.\u003c\/p\u003e\n\u003cdiv class=\"bwc-steps\"\u003e\n\u003cdiv class=\"bwc-step\"\u003e\n\u003cspan class=\"emoji-num\"\u003e🚧\u003c\/span\u003e\u003ch3\u003eConstruction Work\u003c\/h3\u003e\n\u003cp\u003eStay covered while working under the sun.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bwc-step\"\u003e\n\u003cspan class=\"emoji-num\"\u003e🎣\u003c\/span\u003e\u003ch3\u003eFishing\u003c\/h3\u003e\n\u003cp\u003eEnjoy long hours outdoors with extra neck protection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bwc-step\"\u003e\n\u003cspan class=\"emoji-num\"\u003e🥾\u003c\/span\u003e\u003ch3\u003eHiking\u003c\/h3\u003e\n\u003cp\u003eLightweight comfort for every trail.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bwc-step\"\u003e\n\u003cspan class=\"emoji-num\"\u003e🏕\u003c\/span\u003e\u003ch3\u003eCamping\u003c\/h3\u003e\n\u003cp\u003ePerfect for sunny outdoor adventures.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bwc-step\"\u003e\n\u003cspan class=\"emoji-num\"\u003e🚴\u003c\/span\u003e\u003ch3\u003eCycling\u003c\/h3\u003e\n\u003cp\u003eBreathable protection during every ride.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bwc-step\"\u003e\n\u003cspan class=\"emoji-num\"\u003e🌿\u003c\/span\u003e\u003ch3\u003eGardening\u003c\/h3\u003e\n\u003cp\u003eComfortable coverage for everyday yard work.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"bwc-carousel-imgs\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/4633\/5322\/files\/5_e8c26128-f1a4-479e-962a-b72559b21c2a.jpg?v=1784702164\" alt=\"Fits under most safety helmets or worn alone\"\u003e\n\u003c\/div\u003e\n\n\n\n\u003c!-- ⑧ 规格参数表 --\u003e\n\u003cdiv class=\"bwc-spec\"\u003e\n\u003ch2\u003eProduct Specifications\u003c\/h2\u003e\n\u003ctable class=\"bwc-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eProduct Type\u003c\/td\u003e\n\u003ctd\u003eCooling Helmet Sun Protection Cap\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eMaterial\u003c\/td\u003e\n\u003ctd\u003ePolyester\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSize\u003c\/td\u003e\n\u003ctd\u003eOne Size Fits Most\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eQuantity\u003c\/td\u003e\n\u003ctd\u003e4 PCS\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eFeatures\u003c\/td\u003e\n\u003ctd\u003eBreathable, Quick-Drying, Reflective Trim, Lightweight, Stretch Fit\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSuitable For\u003c\/td\u003e\n\u003ctd\u003eMen \u0026amp; Women\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePackage Includes\u003c\/td\u003e\n\u003ctd\u003e4 × Cooling Sun Protection Helmet Caps\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\n\u003c!-- FAQ：点击问题展开\/收起答案 --\u003e\n\u003cdiv class=\"bwc-faq\" data-accordion\u003e\n\u003ch2 class=\"bwc-section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"bwc-faq-item\"\u003e\n\u003cbutton type=\"button\" class=\"bwc-faq-q\" aria-expanded=\"false\"\u003e\u003cspan class=\"qmark\"\u003eQ\u003c\/span\u003e\u003cspan class=\"qtext\"\u003eCan I wear it under a safety helmet?\u003c\/span\u003e\u003cspan class=\"bwc-faq-toggle\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n\u003cp class=\"bwc-faq-a\"\u003eYes. The lightweight design fits comfortably under most safety helmets.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"bwc-faq-item\"\u003e\n\u003cbutton type=\"button\" class=\"bwc-faq-q\" aria-expanded=\"false\"\u003e\u003cspan class=\"qmark\"\u003eQ\u003c\/span\u003e\u003cspan class=\"qtext\"\u003eIs it suitable for hot weather?\u003c\/span\u003e\u003cspan class=\"bwc-faq-toggle\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n\u003cp class=\"bwc-faq-a\"\u003eYes. The breathable, quick-drying fabric is designed to help keep you cool and comfortable during outdoor activities.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"bwc-faq-item\"\u003e\n\u003cbutton type=\"button\" class=\"bwc-faq-q\" aria-expanded=\"false\"\u003e\u003cspan class=\"qmark\"\u003eQ\u003c\/span\u003e\u003cspan class=\"qtext\"\u003eWill one size fit most people?\u003c\/span\u003e\u003cspan class=\"bwc-faq-toggle\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n\u003cp class=\"bwc-faq-a\"\u003eYes. The stretchable design comfortably fits most head sizes.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"bwc-faq-item\"\u003e\n\u003cbutton type=\"button\" class=\"bwc-faq-q\" aria-expanded=\"false\"\u003e\u003cspan class=\"qmark\"\u003eQ\u003c\/span\u003e\u003cspan class=\"qtext\"\u003eIs it washable?\u003c\/span\u003e\u003cspan class=\"bwc-faq-toggle\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n\u003cp class=\"bwc-faq-a\"\u003eYes. It can be hand washed or machine washed for easy care.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"bwc-faq-item\"\u003e\n\u003cbutton type=\"button\" class=\"bwc-faq-q\" aria-expanded=\"false\"\u003e\u003cspan class=\"qmark\"\u003eQ\u003c\/span\u003e\u003cspan class=\"qtext\"\u003eCan I wear it without a helmet?\u003c\/span\u003e\u003cspan class=\"bwc-faq-toggle\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n\u003cp class=\"bwc-faq-a\"\u003eAbsolutely. It works great as a lightweight outdoor sun protection cap on its own.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003c\/div\u003e\n\u003cdiv class=\"bwc-teeth inv\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"bwc-bottom-pad\"\u003e\u003c\/div\u003e\n\n\u003c!-- ⑩ CTA --\u003e\n\u003cdiv class=\"bwc-cta\"\u003e\n\u003ch2\u003eReady For Sunny Days\u003c\/h2\u003e\n\u003cp\u003eProtect your head and neck while staying cool and comfortable wherever your day takes you.\u003cbr\u003eLightweight. Breathable. Built for the Outdoors.\u003c\/p\u003e\n\u003c!-- 这个按钮不再绑定固定的 VARIANT_ID：点击时会去读页面上真正的商品选购表单（客户选好的颜色\/尺寸\/规格），\n     取出当前选中的那个变体 id，再用 Shopify 的 \/cart\/add.js 接口把“客户选的那个变体”加入购物车。\n     data-fallback-variant 是兜底用的，如果在页面上找不到选购表单，就退回用这个固定ID（记得替换成你商品的默认变体ID）。 --\u003e\n\u003cbutton type=\"button\" class=\"bwc-btn bwc-add-to-cart\" data-fallback-variant=\"VARIANT_ID\"\u003e🛒 Add To Cart Today\u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function(){\n  var carousel = document.querySelector('[data-carousel]');\n  if(!carousel) return;\n  var track = carousel.querySelector('[data-track]');\n  var slides = track.querySelectorAll('.bwc-carousel-slide');\n  var dotsWrap = carousel.querySelector('[data-dots]');\n  var prevBtn = carousel.querySelector('[data-prev]');\n  var nextBtn = carousel.querySelector('[data-next]');\n  var activeIndex = 0;\n  var AUTOPLAY_DELAY = 3000;\n  var autoplayTimer = null;\n  var carouselInView = false; \/\/ becomes true only once the carousel scrolls into view\n\n  slides.forEach(function(slide, i){\n    var dot = document.createElement('button');\n    dot.type = 'button';\n    dot.className = 'bwc-carousel-dot' + (i === 0 ? ' active' : '');\n    dot.setAttribute('aria-label', 'Go to slide ' + (i + 1));\n    dot.addEventListener('click', function(){\n      goToSlide(i);\n      restartAutoplay();\n    });\n    dotsWrap.appendChild(dot);\n  });\n  var dots = dotsWrap.querySelectorAll('.bwc-carousel-dot');\n\n  \/\/ Scroll the track itself (horizontal only). Never use scrollIntoView here —\n  \/\/ it can also scroll the whole page vertically to \"reveal\" the slide, which\n  \/\/ yanks the page back up to this section if the user has scrolled past it.\n  function goToSlide(i){\n    var slide = slides[i];\n    track.scrollTo({ left: slide.offsetLeft, behavior: 'smooth' });\n  }\n\n  function updateActive(){\n    var trackRect = track.getBoundingClientRect();\n    var closest = 0, closestDist = Infinity;\n    slides.forEach(function(slide, i){\n      var dist = Math.abs(slide.getBoundingClientRect().left - trackRect.left);\n      if (dist \u003c closestDist) { closestDist = dist; closest = i; }\n    });\n    activeIndex = closest;\n    dots.forEach(function(d, i){ d.classList.toggle('active', i === closest); });\n  }\n\n  var scrollTimer;\n  track.addEventListener('scroll', function(){\n    clearTimeout(scrollTimer);\n    scrollTimer = setTimeout(updateActive, 80);\n  });\n\n  function stepWidth(){\n    if (slides.length \u003e 1) {\n      return slides[1].offsetLeft - slides[0].offsetLeft;\n    }\n    return slides[0].getBoundingClientRect().width;\n  }\n\n  prevBtn.addEventListener('click', function(){\n    track.scrollBy({left: -stepWidth(), behavior:'smooth'});\n    restartAutoplay();\n  });\n  nextBtn.addEventListener('click', function(){\n    track.scrollBy({left: stepWidth(), behavior:'smooth'});\n    restartAutoplay();\n  });\n\n  function nextSlide(){\n    var next = (activeIndex + 1) % slides.length;\n    goToSlide(next);\n  }\n\n  function startAutoplay(){\n    stopAutoplay();\n    \/\/ Don't run autoplay (and thus don't touch scroll position at all)\n    \/\/ while the carousel isn't visible on screen.\n    if (!carouselInView) return;\n    autoplayTimer = setInterval(nextSlide, AUTOPLAY_DELAY);\n  }\n  function stopAutoplay(){\n    if (autoplayTimer) { clearInterval(autoplayTimer); autoplayTimer = null; }\n  }\n  function restartAutoplay(){\n    stopAutoplay();\n    startAutoplay();\n  }\n\n  \/\/ pause while the user is actively swiping\/dragging\/hovering, resume after\n  track.addEventListener('pointerdown', stopAutoplay);\n  track.addEventListener('touchstart', stopAutoplay, {passive:true});\n  track.addEventListener('pointerup', restartAutoplay);\n  track.addEventListener('touchend', restartAutoplay, {passive:true});\n  carousel.addEventListener('mouseenter', stopAutoplay);\n  carousel.addEventListener('mouseleave', restartAutoplay);\n\n  \/\/ Only autoplay while the carousel is actually on screen — and the\n  \/\/ 3-second countdown only starts once the user has scrolled to this\n  \/\/ section, not immediately on page load.\n  if ('IntersectionObserver' in window) {\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        carouselInView = entry.isIntersecting;\n        if (carouselInView) {\n          restartAutoplay();\n        } else {\n          stopAutoplay();\n        }\n      });\n    }, { threshold: 0.4 });\n    io.observe(carousel);\n  }\n\n  updateActive();\n})();\n\u003c\/script\u003e\n\n\u003cscript\u003e\n(function(){\n  var accordion = document.querySelector('[data-accordion]');\n  if(!accordion) return;\n  var buttons = accordion.querySelectorAll('.bwc-faq-q');\n  buttons.forEach(function(btn){\n    btn.addEventListener('click', function(){\n      var item = btn.closest('.bwc-faq-item');\n      var isOpen = item.classList.contains('open');\n      item.classList.toggle('open', !isOpen);\n      btn.setAttribute('aria-expanded', String(!isOpen));\n    });\n  });\n})();\n\u003c\/script\u003e\n\n\u003cscript\u003e\n(function(){\n  function findRealAddToCartButton(){\n    var shrineBtn = document.querySelector('button.main-product-atc[name=\"add\"]');\n    if (shrineBtn) return shrineBtn;\n    var form = document.querySelector('form[action*=\"\/cart\/add\"]');\n    if (form) {\n      var btn = form.querySelector('button[name=\"add\"], button[type=\"submit\"], input[type=\"submit\"]');\n      if (btn) return btn;\n    }\n    var all = document.querySelectorAll('button, input[type=\"submit\"]');\n    for (var i = 0; i \u003c all.length; i++) {\n      var txt = (all[i].textContent || all[i].value || '').trim().toLowerCase();\n      if (txt === 'add to cart' \u0026\u0026 !all[i].classList.contains('bwc-add-to-cart')) return all[i];\n    }\n    return null;\n  }\n\n  function bwcAddToCart(btn){\n    var realBtn = findRealAddToCartButton();\n    if (realBtn) {\n      realBtn.click();\n      return;\n    }\n    var fallbackId = btn.getAttribute('data-fallback-variant');\n    if (!fallbackId || fallbackId === 'VARIANT_ID') {\n      alert('Could not find the add-to-cart form on this page.');\n      return;\n    }\n    fetch('\/cart\/add.js', {\n      method: 'POST',\n      headers: { 'Content-Type': 'application\/json' },\n      body: JSON.stringify({ id: fallbackId, quantity: 1 })\n    }).then(function(){ window.location.href = '\/cart'; });\n  }\n\n  document.addEventListener('click', function(e){\n    var btn = e.target.closest('.bwc-add-to-cart');\n    if (!btn) return;\n    e.preventDefault();\n    bwcAddToCart(btn);\n  });\n})();\n\u003c\/script\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"wzh","offers":[{"title":"Yellow+Green+Orange+Black","offer_id":43698805309530,"sku":"PL0112260722025-荧光黄带反光条+荧光绿+橘黄色+黑色","price":23.98,"currency_code":"USD","in_stock":true},{"title":"Blue+Light Gray+Gray+Black","offer_id":43698805342298,"sku":"PL0112260722025-蓝色带反光条+浅灰色+深灰色+黑色","price":23.98,"currency_code":"USD","in_stock":true},{"title":"Yellow(4PCS)","offer_id":43698805375066,"sku":"PL0112260722025-荧光黄带反光条*4","price":23.98,"currency_code":"USD","in_stock":true},{"title":"Black(4PCS)","offer_id":43698805407834,"sku":"PL0112260722025-黑色带反光条*4","price":23.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0731\/4633\/5322\/files\/1_3b5d074d-369b-47e2-be58-9f551205ac71.jpg?v=1784702163","url":"https:\/\/sthael.com\/products\/3-pack-cooling-sun-protection-helmet-cap-360-head-neck-coverage-for-work-outdoor-adventures","provider":"Sthael","version":"1.0","type":"link"}