{"product_id":"686-mens-bonded-fleece-hoodie-layering-sage-colorblock-winter-2026","title":"Bonded Fleece Hoodie","description":"\u003cstyle\u003e\n.product-description {\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n    color: #1a1a1a;\n    line-height: 1.7;\n    max-width: 800px;\n    margin: 0;\n    padding: 0;\n}\n\n.intro-text {\n    font-size: clamp(15px, 3.5vw, 16px);\n    font-weight: 300;\n    margin-bottom: 32px;\n    color: #2c2c2c;\n    line-height: 1.8;\n    padding-left: 16px;\n    border-left: 3px solid #f87171;\n}\n\n.accordion-item {\n    border-bottom: 1px solid #e0e0e0;\n    transition: border-color 0.2s ease;\n}\n\n.accordion-item:hover {\n    border-bottom-color: #f87171;\n}\n\n.accordion-item:last-child {\n    border-bottom: none;\n}\n\n.accordion-summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: clamp(16px, 4vw, 20px) 0;\n    cursor: pointer;\n    list-style: none;\n    font-size: clamp(12px, 2.8vw, 13px);\n    font-weight: 500;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    color: #1a1a1a;\n    transition: all 0.3s ease;\n    position: relative;\n    min-height: 44px;\n}\n\n.accordion-summary::before {\n    content: '';\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 0;\n    height: 2px;\n    background: linear-gradient(90deg, #f87171, #fca5a5);\n    transition: width 0.3s ease;\n}\n\n@media (hover: hover) {\n    .accordion-summary:hover::before {\n        width: 60px;\n    }\n    .accordion-summary:hover {\n        color: #f87171;\n        padding-left: 8px;\n    }\n}\n\n.accordion-summary::-webkit-details-marker {\n    display: none;\n}\n\n.accordion-icon {\n    font-size: 20px;\n    font-weight: 300;\n    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    color: #999;\n    min-width: 20px;\n    text-align: center;\n}\n\n.accordion-item[open] .accordion-icon {\n    transform: rotate(45deg);\n    color: #f87171;\n}\n\n.accordion-content {\n    padding: 0 0 24px 0;\n    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes slideDown {\n    from {\n        opacity: 0;\n        transform: translateY(-12px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n.features-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n    gap: clamp(16px, 4vw, 20px);\n    margin-top: 8px;\n}\n\n.feature-item {\n    padding: 16px;\n    background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%);\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n}\n\n.feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 4px;\n    height: 0;\n    background: linear-gradient(180deg, #f87171, #fca5a5);\n    transition: height 0.3s ease;\n}\n\n@media (hover: hover) {\n    .feature-item:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1);\n        border-color: #fecaca;\n    }\n    .feature-item:hover::before {\n        height: 100%;\n    }\n}\n\n.feature-item h3 {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 600;\n    color: #1a1a1a;\n    margin-bottom: 6px;\n}\n\n.feature-item p {\n    font-size: clamp(13px, 3vw, 14px);\n    font-weight: 300;\n    color: #666;\n    margin: 0;\n    line-height: 1.6;\n}\n\n.detail-text {\n    font-size: clamp(14px, 3.2vw, 15px);\n    font-weight: 300;\n    color: #4a4a4a;\n    line-height: 1.8;\n    margin-bottom: 16px;\n}\n\n.size-table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    margin: 16px 0;\n    border-radius: 8px;\n    border: 1px solid #f0f0f0;\n    -webkit-overflow-scrolling: touch;\n    background: white;\n}\n\n.size-table {\n    width: 100%;\n    border-collapse: collapse;\n    background: white;\n}\n\n@media (min-width: 1024px) {\n    .size-table {\n        font-size: 14px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 16px;\n    }\n}\n\n@media (min-width: 768px) and (max-width: 1023px) {\n    .size-table {\n        font-size: 13px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 14px;\n    }\n}\n\n@media (min-width: 480px) and (max-width: 767px) {\n    .size-table {\n        font-size: 12px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 12px;\n    }\n}\n\n@media (min-width: 360px) and (max-width: 479px) {\n    .size-table {\n        font-size: 11px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 10px;\n    }\n}\n\n@media (max-width: 359px) {\n    .size-table {\n        font-size: 10px;\n    }\n    .size-table th,\n    .size-table td {\n        padding: 8px;\n    }\n}\n\n.size-table th {\n    text-align: center;\n    font-weight: 600;\n    color: white;\n    background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%);\n    letter-spacing: 0.5px;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    border-right: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n.size-table th:last-child {\n    border-right: none;\n}\n\n.size-table td {\n    text-align: center;\n    color: #4a4a4a;\n    font-weight: 400;\n    white-space: nowrap;\n    line-height: 1.4;\n    vertical-align: middle;\n    border-bottom: 1px solid #f5f5f5;\n    border-right: 1px solid #f5f5f5;\n    background: white;\n}\n\n.size-table td:last-child {\n    border-right: none;\n}\n\n.size-table tr:last-child td {\n    border-bottom: none;\n}\n\n.size-table tbody tr {\n    transition: background 0.2s ease;\n}\n\n@media (hover: hover) {\n    .size-table tbody tr:hover {\n        background: #fef2f2;\n    }\n}\n\n.size-note {\n    font-size: clamp(12px, 2.8vw, 13px);\n    color: #666;\n    font-style: italic;\n    margin-top: 16px;\n    padding: clamp(10px, 2.5vw, 12px) clamp(12px, 3vw, 16px);\n    background: #fef2f2;\n    border-left: 3px solid #f87171;\n    border-radius: 4px;\n}\n\u003c\/style\u003e\n\u003cdiv class=\"product-description\"\u003e\n\u003cp class=\"intro-text\"\u003e\u003cstrong\u003eA timeless hoodie reimagined with a sleek, water-resistant outer shell and cozy fleece lining.\u003c\/strong\u003e\u003cbr\u003e\u003cbr\u003eThe 686 Bonded Fleece Hoodie combines classic hoodie comfort with technical performance. Constructed from 100% polyester knit jersey bonded to brushed back fleece with PFAS-free DWR coating, this hoodie offers water resistance and warmth for all-day comfort. Grommet underarm venting provides temperature regulation, while the audio stash pocket keeps your devices secure. Ribbed knit cuffs and an adjustable bottom hem with bungee cord lock system ensure a perfect fit in any conditions.\u003c\/p\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eFeatures\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eBonded Construction\u003c\/h3\u003e\n\u003cp\u003ePolyester knit jersey bonded to brushed fleece for warmth and durability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003ePFAS Free DWR\u003c\/h3\u003e\n\u003cp\u003eEco-friendly water-resistant coating sheds moisture without harmful chemicals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eGrommet Underarm Venting\u003c\/h3\u003e\n\u003cp\u003eStrategic ventilation allows temperature regulation during activity.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAudio Stash Pocket\u003c\/h3\u003e\n\u003cp\u003eSecure pocket designed for phones and audio devices.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eRibbed Knit Cuffs\u003c\/h3\u003e\n\u003cp\u003eStretchy cuffs provide comfortable fit and seal out cold.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003ch3\u003eAdjustable Bottom Hem\u003c\/h3\u003e\n\u003cp\u003eBungee cord lock system allows customizable fit and coverage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSpecifications\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eMaterial:\u003c\/strong\u003e 100% Polyester Knit Jersey bonded to brushed back fleece\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eTreatment:\u003c\/strong\u003e PFAS Free DWR (Durable Water Repellent)\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eVentilation:\u003c\/strong\u003e Grommet underarm venting\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003ePockets:\u003c\/strong\u003e Audio stash pocket\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eCuffs:\u003c\/strong\u003e Ribbed knit for comfort and warmth\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eHem:\u003c\/strong\u003e Adjustable with bungee cord lock system\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eSeason:\u003c\/strong\u003e Winter 2026\u003c\/p\u003e\n\u003cp class=\"detail-text\"\u003e\u003cstrong\u003eCare:\u003c\/strong\u003e Machine wash cold, tumble dry low\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"accordion-item\"\u003e\n\u003csummary class=\"accordion-summary\"\u003e\u003cspan\u003eSize Chart\u003c\/span\u003e \u003cspan class=\"accordion-icon\"\u003e+\u003c\/span\u003e\u003c\/summary\u003e\n\u003cdiv class=\"accordion-content\"\u003e\n\u003cdiv class=\"size-table-wrapper\"\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eS\u003c\/th\u003e\n\u003cth\u003eM\u003c\/th\u003e\n\u003cth\u003eL\u003c\/th\u003e\n\u003cth\u003eXL\u003c\/th\u003e\n\u003cth\u003eXXL\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eNeck (in)\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e15-15.5\u003c\/td\u003e\n\u003ctd\u003e15.5-16\u003c\/td\u003e\n\u003ctd\u003e16-16.5\u003c\/td\u003e\n\u003ctd\u003e17-17.5\u003c\/td\u003e\n\u003ctd\u003e17-18\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eChest (in)\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e39-41\u003c\/td\u003e\n\u003ctd\u003e42-44\u003c\/td\u003e\n\u003ctd\u003e45-48\u003c\/td\u003e\n\u003ctd\u003e49-52\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eLow Waist (in)\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e30-32\u003c\/td\u003e\n\u003ctd\u003e32-34\u003c\/td\u003e\n\u003ctd\u003e34-36\u003c\/td\u003e\n\u003ctd\u003e36-38\u003c\/td\u003e\n\u003ctd\u003e38-40\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e\u003cstrong\u003eArm Length (in)\u003c\/strong\u003e\u003c\/td\u003e\n\u003ctd\u003e35-36\u003c\/td\u003e\n\u003ctd\u003e36-37\u003c\/td\u003e\n\u003ctd\u003e37-38\u003c\/td\u003e\n\u003ctd\u003e38-39\u003c\/td\u003e\n\u003ctd\u003e39-41\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"size-note\"\u003eAll measurements are approximate. For the best fit, please refer to the size chart and measure yourself before ordering.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e","brand":"686","offers":[{"title":"Sage Colorblock \/ S \/ Mens","offer_id":53219082109294,"sku":"SIX61M113003","price":90.95,"currency_code":"CAD","in_stock":true},{"title":"Sage Colorblock \/ M \/ Mens","offer_id":53219082142062,"sku":"SIX61M113004","price":90.95,"currency_code":"CAD","in_stock":true},{"title":"Sage Colorblock \/ L \/ Mens","offer_id":53219082174830,"sku":"SIX61M113005","price":90.95,"currency_code":"CAD","in_stock":false},{"title":"Sage Colorblock \/ XL \/ Mens","offer_id":53219082207598,"sku":"SIX61M113006","price":90.95,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0610\/9590\/3420\/files\/BondedFleeceHoodie-SageColorblock-2.png?v=1770852370","url":"https:\/\/boardroomshop.com\/products\/686-mens-bonded-fleece-hoodie-layering-sage-colorblock-winter-2026","provider":"The Boardroom","version":"1.0","type":"link"}