{"product_id":"3-in-1-winter-hood","title":"3-in-1 Fleece Winter Hood – Face \u0026 Neck Warmer","description":"\u003cstyle\u003e\n.winter-hat-page,\n.winter-hat-page *{\n  box-sizing:border-box;\n}\n\n.winter-hat-page{\n  width:100%;\n  margin:0;\n  padding:0;\n  background:#fff;\n  color:#111;\n  font-family:Arial, Helvetica, sans-serif;\n  overflow:hidden;\n}\n\n.winter-hat-wrap{\n  width:100%;\n  max-width:980px;\n  margin:0 auto;\n  padding:0 12px 28px;\n}\n\n\n\/* =========================\n   IMAGE \/ GIF\n========================= *\/\n\n.winter-hat-media{\n  width:100%;\n  margin:12px 0 14px;\n  padding:0;\n  border-radius:10px;\n  overflow:hidden;\n  background:#f5f5f5;\n  line-height:0;\n}\n\n.winter-hat-media img{\n  display:block;\n  width:100%;\n  max-width:100%;\n  height:auto;\n  margin:0;\n  padding:0;\n  border:0;\n  object-fit:cover;\n}\n\n.winter-hat-media:first-child{\n  margin-top:0;\n  margin-bottom:14px;\n}\n\n\n\/* =========================\n   SECTION\n========================= *\/\n\n.winter-hat-section{\n  width:100%;\n  margin:0;\n  padding:16px 0;\n}\n\n.winter-hat-section h2{\n  margin:0 0 8px;\n  padding:0;\n  font-size:21px;\n  line-height:1.28;\n  font-weight:700;\n  color:#111;\n}\n\n.winter-hat-section h3{\n  margin:0 0 6px;\n  padding:0;\n  font-size:17px;\n  line-height:1.4;\n  font-weight:700;\n  color:#111;\n}\n\n.winter-hat-section p{\n  margin:0 0 9px;\n  padding:0;\n  font-size:16px;\n  line-height:1.55;\n  color:#333;\n}\n\n.winter-hat-section p:last-child{\n  margin-bottom:0;\n}\n\n.winter-hat-section strong{\n  color:#111;\n  font-weight:700;\n}\n\n\n\/* 图片紧跟正文时减少空白 *\/\n.winter-hat-section p + .winter-hat-media{\n  margin-top:12px;\n}\n\n\/* 图片后面如果没有其它内容，底部不留过多空间 *\/\n.winter-hat-section \u003e .winter-hat-media:last-child{\n  margin-bottom:0;\n}\n\n\n\/* =========================\n   COVERAGE\n========================= *\/\n\n.winter-hat-checks{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:8px;\n  margin:14px 0 0;\n}\n\n.winter-hat-check{\n  background:#f5f5f5;\n  border-radius:8px;\n  padding:11px 6px;\n  text-align:center;\n  font-size:14px;\n  line-height:1.2;\n  font-weight:600;\n}\n\n\n\/* =========================\n   COMPARISON\n========================= *\/\n\n.hat-comparison{\n  margin:14px 0 0;\n  border:1px solid #e5e5e5;\n  border-radius:12px;\n  overflow:hidden;\n  background:#fff;\n}\n\n.hat-comparison-head{\n  display:grid;\n  grid-template-columns:1.2fr 1fr 1fr;\n  align-items:center;\n  padding:12px 14px;\n  background:#f7f7f7;\n  border-bottom:1px solid #e7e7e7;\n}\n\n.hat-comparison-head div{\n  font-size:14px;\n  line-height:1.25;\n  font-weight:700;\n}\n\n.hat-comparison-head div:nth-child(2),\n.hat-comparison-head div:nth-child(3){\n  text-align:center;\n}\n\n.hat-row{\n  display:grid;\n  grid-template-columns:1.2fr 1fr 1fr;\n  align-items:center;\n  min-height:44px;\n  padding:0 14px;\n  border-bottom:1px solid #efefef;\n}\n\n.hat-row:last-child{\n  border-bottom:none;\n}\n\n.hat-row-label{\n  font-size:14px;\n  font-weight:600;\n  color:#222;\n}\n\n.hat-cell{\n  text-align:center;\n  font-size:15px;\n  font-weight:600;\n}\n\n.hat-cell.no{\n  color:#999;\n}\n\n.hat-cell.yes{\n  color:#111;\n}\n\n.hat-best{\n  display:inline-flex;\n  justify-content:center;\n  align-items:center;\n  width:25px;\n  height:25px;\n  background:#f2f2f2;\n  border-radius:50%;\n  font-size:13px;\n}\n\n.hat-comparison-note{\n  margin-top:11px !important;\n  font-weight:600;\n  color:#222 !important;\n}\n\n\n\/* =========================\n   COLORS\n========================= *\/\n\n.winter-hat-colors{\n  display:flex;\n  flex-wrap:wrap;\n  gap:7px;\n  margin-top:12px;\n}\n\n.winter-hat-color{\n  padding:7px 12px;\n  background:#f3f3f3;\n  border-radius:999px;\n  font-size:13px;\n  line-height:1.2;\n  font-weight:600;\n}\n\n\n\/* =========================\n   WARMTH OPTIONS\n========================= *\/\n\n.winter-hat-options{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:10px;\n  margin-top:13px;\n}\n\n.winter-hat-option{\n  padding:15px;\n  border:1px solid #e1e1e1;\n  border-radius:10px;\n}\n\n.winter-hat-option h3{\n  margin:0 0 5px;\n}\n\n.winter-hat-option p{\n  margin:0;\n  font-size:15px;\n  line-height:1.5;\n}\n\n\n\/* =========================\n   FINAL CTA\n========================= *\/\n\n.winter-hat-final{\n  text-align:center;\n  padding-top:20px;\n  padding-bottom:5px;\n}\n\n.winter-hat-final p{\n  max-width:620px;\n  margin:0 auto 15px;\n}\n\n.winter-hat-btn{\n  display:inline-flex;\n  justify-content:center;\n  align-items:center;\n  min-width:200px;\n  padding:14px 26px;\n  background:#111;\n  color:#fff !important;\n  text-decoration:none !important;\n  font-size:15px;\n  font-weight:700;\n  border-radius:7px;\n}\n\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media(max-width:767px){\n\n  .winter-hat-wrap{\n    width:100%;\n    max-width:none;\n    margin:0;\n    padding:0 6px 18px;\n  }\n\n  .winter-hat-section{\n    padding:13px 2px;\n  }\n\n  .winter-hat-section h2{\n    margin-bottom:7px;\n    font-size:20px;\n    line-height:1.28;\n  }\n\n  .winter-hat-section h3{\n    font-size:16px;\n  }\n\n  .winter-hat-section p{\n    margin-bottom:8px;\n    font-size:15px;\n    line-height:1.5;\n  }\n\n  \/* 手机端图片尽可能铺满 *\/\n  .winter-hat-media{\n    width:calc(100% + 4px);\n    margin:10px -2px 11px;\n    border-radius:9px;\n  }\n\n  .winter-hat-media:first-child{\n    margin-top:0;\n    margin-bottom:10px;\n  }\n\n  \/* 第一张GIF到第一段标题距离缩短 *\/\n  .winter-hat-media:first-child + .winter-hat-section{\n    padding-top:8px;\n  }\n\n  \/* 正文后图片距离更紧 *\/\n  .winter-hat-section p + .winter-hat-media{\n    margin-top:9px;\n  }\n\n  .winter-hat-section \u003e .winter-hat-media:last-child{\n    margin-bottom:0;\n  }\n\n  .winter-hat-checks{\n    grid-template-columns:repeat(2,1fr);\n    gap:7px;\n    margin-top:12px;\n  }\n\n  .winter-hat-check{\n    padding:10px 5px;\n    font-size:13px;\n  }\n\n  .hat-comparison{\n    margin-top:12px;\n    border-radius:10px;\n  }\n\n  .hat-comparison-head{\n    grid-template-columns:1.1fr .9fr 1fr;\n    padding:10px 6px;\n  }\n\n  .hat-comparison-head div{\n    font-size:11px;\n  }\n\n  .hat-row{\n    grid-template-columns:1.1fr .9fr 1fr;\n    min-height:41px;\n    padding:0 7px;\n  }\n\n  .hat-row-label{\n    font-size:12px;\n  }\n\n  .hat-cell{\n    font-size:13px;\n  }\n\n  .hat-best{\n    width:23px;\n    height:23px;\n    font-size:12px;\n  }\n\n  .hat-comparison-note{\n    margin-top:9px !important;\n  }\n\n  .winter-hat-colors{\n    gap:6px;\n    margin-top:10px;\n  }\n\n  .winter-hat-color{\n    padding:7px 10px;\n    font-size:12px;\n  }\n\n  .winter-hat-options{\n    grid-template-columns:1fr;\n    gap:8px;\n    margin-top:11px;\n  }\n\n  .winter-hat-option{\n    padding:13px;\n  }\n\n  .winter-hat-option p{\n    font-size:14px;\n  }\n\n  .winter-hat-final{\n    padding:16px 2px 4px;\n  }\n\n  .winter-hat-btn{\n    width:100%;\n    padding:14px 18px;\n  }\n}\n\n\u003c\/style\u003e\n\n\n\u003csection class=\"winter-hat-page\"\u003e\n\n\u003cdiv class=\"winter-hat-wrap\"\u003e\n\n\n  \u003c!-- TOP GIF --\u003e\n  \u003cdiv class=\"winter-hat-media\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0516\/3453\/6614\/files\/4c412994de8f4376bc7189668bc3ab56.HD-720p-4.5Mbps-94962165-ezgif.com-video-to-gif-converter.gif?v=1790594452\" alt=\"One-Piece Fleece Warm Hat\"\u003e\n  \u003c\/div\u003e\n\n\n  \u003c!-- SECTION 1 --\u003e\n  \u003cdiv class=\"winter-hat-section\"\u003e\n\n    \u003ch2\u003eOne Piece. Full Cold-Weather Coverage.\u003c\/h2\u003e\n\n    \u003cp\u003e\n      A regular beanie covers your head. This one goes further.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      The one-piece fleece design helps cover your\n      \u003cstrong\u003ehead, ears, lower face, and neck\u003c\/strong\u003e\n      in one easy layer.\n    \u003c\/p\u003e\n\n    \u003cp\u003e\n      Pull it on, adjust the coverage, and head outside.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"winter-hat-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0516\/3453\/6614\/files\/ccc7067c8b5ffa220abf5310f33594979a6b9278-700.avif?v=1790593923\" alt=\"Full cold-weather coverage\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- SECTION 2 --\u003e\n  \u003cdiv class=\"winter-hat-section\"\u003e\n\n    \u003ch2\u003eCovers More. Layers Less.\u003c\/h2\u003e\n\n    \u003cp\u003e\n      Cold wind doesn't just hit the top of your head. The extended design adds coverage around your\n      \u003cstrong\u003eears, face, and neck\u003c\/strong\u003e\n      without needing a separate scarf or neck warmer.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"winter-hat-checks\"\u003e\n      \u003cdiv class=\"winter-hat-check\"\u003eHead ✓\u003c\/div\u003e\n      \u003cdiv class=\"winter-hat-check\"\u003eEars ✓\u003c\/div\u003e\n      \u003cdiv class=\"winter-hat-check\"\u003eFace ✓\u003c\/div\u003e\n      \u003cdiv class=\"winter-hat-check\"\u003eNeck ✓\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"winter-hat-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0516\/3453\/6614\/files\/77cd4fef10bc4012aa94ba05b8070f8a.HD-720p-4.5Mbps-94963091-ezgif.com-video-to-gif-converter.gif?v=1790594453\" alt=\"Head face and neck coverage\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- SECTION 3 --\u003e\n  \u003cdiv class=\"winter-hat-section\"\u003e\n\n    \u003ch2\u003eOne Piece Instead of Extra Layers\u003c\/h2\u003e\n\n    \u003cdiv class=\"hat-comparison\"\u003e\n\n      \u003cdiv class=\"hat-comparison-head\"\u003e\n        \u003cdiv\u003eCoverage\u003c\/div\u003e\n        \u003cdiv\u003eRegular\u003cbr\u003eBeanie\u003c\/div\u003e\n        \u003cdiv\u003eOne-Piece\u003cbr\u003eFleece Hat\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hat-row\"\u003e\n        \u003cdiv class=\"hat-row-label\"\u003eHead\u003c\/div\u003e\n        \u003cdiv class=\"hat-cell yes\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"hat-cell yes\"\u003e\u003cspan class=\"hat-best\"\u003e✓\u003c\/span\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hat-row\"\u003e\n        \u003cdiv class=\"hat-row-label\"\u003eEars\u003c\/div\u003e\n        \u003cdiv class=\"hat-cell yes\"\u003e✓\u003c\/div\u003e\n        \u003cdiv class=\"hat-cell yes\"\u003e\u003cspan class=\"hat-best\"\u003e✓\u003c\/span\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hat-row\"\u003e\n        \u003cdiv class=\"hat-row-label\"\u003eFace\u003c\/div\u003e\n        \u003cdiv class=\"hat-cell no\"\u003e—\u003c\/div\u003e\n        \u003cdiv class=\"hat-cell yes\"\u003e\u003cspan class=\"hat-best\"\u003e✓\u003c\/span\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hat-row\"\u003e\n        \u003cdiv class=\"hat-row-label\"\u003eNeck\u003c\/div\u003e\n        \u003cdiv class=\"hat-cell no\"\u003e—\u003c\/div\u003e\n        \u003cdiv class=\"hat-cell yes\"\u003e\u003cspan class=\"hat-best\"\u003e✓\u003c\/span\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"hat-row\"\u003e\n        \u003cdiv class=\"hat-row-label\"\u003eExtra Scarf\u003c\/div\u003e\n        \u003cdiv class=\"hat-cell no\"\u003eOften\u003c\/div\u003e\n        \u003cdiv class=\"hat-cell yes\"\u003e\u003cspan class=\"hat-best\"\u003e✓\u003c\/span\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cp class=\"hat-comparison-note\"\u003e\n      Less to put on. Less to adjust. More coverage when you need it.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"winter-hat-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0516\/3453\/6614\/files\/25ba81ca119f49e3b201269eadbb73b3.HD-720p-4.5Mbps-94962012-ezgif.com-video-to-gif-converter.gif?v=1790594430\" alt=\"One-piece winter coverage\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- SECTION 4 --\u003e\n  \u003cdiv class=\"winter-hat-section\"\u003e\n\n    \u003ch2\u003eReady for Cold Days\u003c\/h2\u003e\n\n    \u003cp\u003e\n      Made for everyday outdoor use, from\n      \u003cstrong\u003emorning walks and commutes to cycling, hiking, and outdoor work.\u003c\/strong\u003e\n      The soft fleece construction keeps the fit comfortable while giving you extra coverage from chilly wind.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"winter-hat-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0516\/3453\/6614\/files\/c655fa725c000716d268cdf6326bbe96fb4e742f-700.avif?v=1790593923\" alt=\"Winter outdoor use\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"winter-hat-colors\"\u003e\n      \u003cspan class=\"winter-hat-color\"\u003eBlack\u003c\/span\u003e\n      \u003cspan class=\"winter-hat-color\"\u003eBeige\u003c\/span\u003e\n      \u003cspan class=\"winter-hat-color\"\u003eGreen\u003c\/span\u003e\n      \u003cspan class=\"winter-hat-color\"\u003eDark Gray\u003c\/span\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- SECTION 5 --\u003e\n  \u003cdiv class=\"winter-hat-section\"\u003e\n\n    \u003ch2\u003eChoose Your Warmth\u003c\/h2\u003e\n\n    \u003cdiv class=\"winter-hat-options\"\u003e\n\n      \u003cdiv class=\"winter-hat-option\"\u003e\n        \u003ch3\u003eRegular\u003c\/h3\u003e\n        \u003cp\u003eLightweight coverage for cool days and everyday wear.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"winter-hat-option\"\u003e\n        \u003ch3\u003eFleece-Lined\u003c\/h3\u003e\n        \u003cp\u003eExtra-soft lining for colder days and longer time outdoors.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"winter-hat-media\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0516\/3453\/6614\/files\/33_16b4ee8c-0762-4ab5-a59b-a0af45ff3928.png?v=1790594993\" alt=\"Regular and fleece-lined options\" loading=\"lazy\"\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003c!-- FINAL CTA --\u003e\n  \u003cdiv class=\"winter-hat-section winter-hat-final\"\u003e\n\n    \u003ch2\u003eOne Layer. More Coverage.\u003c\/h2\u003e\n\n    \u003cp\u003e\n      Keep your \u003cstrong\u003ehead, ears, face, and neck\u003c\/strong\u003e\n      covered when the temperature drops.\n    \u003c\/p\u003e\n\n    \u003ca href=\"https:\/\/www.splendidcascade.com\/products\/3-in-1-winter-hood\" class=\"winter-hat-btn\"\u003e\n      Shop Now\n    \u003c\/a\u003e\n\n  \u003c\/div\u003e\n\n\n\u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"Splendidcascade","offers":[{"title":"Black \/ Fleece-Lined","offer_id":57530249445542,"sku":null,"price":39.98,"currency_code":"USD","in_stock":true},{"title":"Black \/ Regular","offer_id":57530249478310,"sku":null,"price":33.98,"currency_code":"USD","in_stock":true},{"title":"Dark Gray \/ Fleece-Lined","offer_id":57530249511078,"sku":null,"price":39.98,"currency_code":"USD","in_stock":true},{"title":"Dark Gray \/ Regular","offer_id":57530249543846,"sku":null,"price":33.98,"currency_code":"USD","in_stock":true},{"title":"Beige \/ Fleece-Lined","offer_id":57530249576614,"sku":null,"price":39.98,"currency_code":"USD","in_stock":true},{"title":"Beige \/ Regular","offer_id":57530249609382,"sku":null,"price":33.98,"currency_code":"USD","in_stock":true},{"title":"Green \/ Fleece-Lined","offer_id":57530249642150,"sku":null,"price":39.98,"currency_code":"USD","in_stock":true},{"title":"Green \/ Regular","offer_id":57530249674918,"sku":null,"price":33.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0516\/3453\/6614\/files\/ccc7067c8b5ffa220abf5310f33594979a6b9278-700.avif?v=1790593923","url":"https:\/\/www.splendidcascade.com\/products\/3-in-1-winter-hood","provider":"Splendidcascade","version":"1.0","type":"link"}