{"product_id":"cxs-durham-mens-softshell-work-jacket-waterproof-windproof-hooded-blue-black-s-3xl","title":"CXS Durham Mens Softshell Work Jacket Waterproof Windproof Hooded Blue Black S-3XL","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    :root {\n      --bg: #f4f7fb;\n      --card: rgba(255,255,255,0.88);\n      --card-strong: #ffffff;\n      --text: #132033;\n      --muted: #5d6b7f;\n      --line: rgba(19,32,51,0.10);\n      --blue: #2f6fb3;\n      --blue-2: #1e4f86;\n      --navy: #0d1b2a;\n      --accent: #c8d81e;\n      --accent-2: #ffcc33;\n      --shadow: 0 18px 60px rgba(16, 31, 54, 0.14);\n      --radius: 28px;\n    }\n\n    * { box-sizing: border-box; }\n    html, body { margin: 0; padding: 0; }\n    body {\n      font-family: Arial, Helvetica, sans-serif;\n      background:\n        radial-gradient(circle at top left, rgba(47,111,179,0.14), transparent 30%),\n        radial-gradient(circle at top right, rgba(200,216,30,0.12), transparent 24%),\n        linear-gradient(180deg, #eef3f9 0%, #f7f9fc 100%);\n      color: var(--text);\n      line-height: 1.45;\n    }\n\n    .wrap {\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: 28px 18px 40px;\n    }\n\n    .hero {\n      position: relative;\n      overflow: hidden;\n      border-radius: 36px;\n      background:\n        linear-gradient(135deg, rgba(13,27,42,0.92), rgba(35,74,121,0.85)),\n        url('https:\/\/images.unsplash.com\/photo-1506976785307-8732e854ad03?auto=format\u0026fit=crop\u0026w=1600\u0026q=80') center\/cover no-repeat;\n      color: #fff;\n      box-shadow: var(--shadow);\n      padding: 34px;\n      min-height: 420px;\n      display: grid;\n      grid-template-columns: 1.15fr 0.85fr;\n      gap: 28px;\n      align-items: center;\n    }\n\n    .hero::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(90deg, rgba(13,27,42,0.88) 0%, rgba(13,27,42,0.64) 48%, rgba(13,27,42,0.18) 100%);\n      pointer-events: none;\n    }\n\n    .hero \u003e * { position: relative; z-index: 1; }\n\n    .brand-row {\n      display: flex;\n      gap: 12px;\n      align-items: center;\n      margin-bottom: 16px;\n      flex-wrap: wrap;\n    }\n\n    .brand-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      background: rgba(255,255,255,0.12);\n      border: 1px solid rgba(255,255,255,0.18);\n      border-radius: 999px;\n      padding: 10px 14px;\n      font-weight: 700;\n      letter-spacing: 0.04em;\n      text-transform: uppercase;\n      font-size: 12px;\n      backdrop-filter: blur(8px);\n    }\n\n    h1 {\n      margin: 0;\n      font-size: clamp(34px, 5vw, 58px);\n      line-height: 0.98;\n      letter-spacing: -0.04em;\n      text-transform: uppercase;\n    }\n\n    .subtitle {\n      font-size: clamp(17px, 2.1vw, 21px);\n      color: rgba(255,255,255,0.92);\n      max-width: 62ch;\n      margin: 16px 0 0;\n    }\n\n    .hero-points {\n      margin-top: 24px;\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0,1fr));\n      gap: 12px;\n    }\n\n    .pill {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      padding: 12px 14px;\n      border-radius: 16px;\n      background: rgba(255,255,255,0.10);\n      border: 1px solid rgba(255,255,255,0.15);\n      backdrop-filter: blur(10px);\n      font-size: 14px;\n      font-weight: 700;\n    }\n\n    .pill span.icon {\n      width: 32px;\n      height: 32px;\n      border-radius: 50%;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: linear-gradient(180deg, rgba(200,216,30,1), rgba(182,198,16,1));\n      color: #0f1720;\n      font-size: 16px;\n      flex: 0 0 32px;\n    }\n\n    .hero-card {\n      align-self: stretch;\n      background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(244,248,252,0.94));\n      border: 1px solid rgba(255,255,255,0.65);\n      border-radius: 28px;\n      padding: 20px;\n      color: var(--text);\n      box-shadow: 0 16px 40px rgba(0,0,0,0.18);\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      min-height: 100%;\n    }\n\n    .hero-card .tag {\n      display: inline-flex;\n      align-self: flex-start;\n      padding: 8px 12px;\n      border-radius: 999px;\n      background: linear-gradient(135deg, var(--accent), #f2ea68);\n      color: #1a2200;\n      font-size: 12px;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      margin-bottom: 14px;\n    }\n\n    .hero-card h2 {\n      margin: 0 0 8px;\n      font-size: 26px;\n      line-height: 1.05;\n      letter-spacing: -0.03em;\n      text-transform: uppercase;\n    }\n\n    .hero-card p {\n      margin: 0;\n      color: var(--muted);\n      font-size: 15px;\n    }\n\n    .spec-grid {\n      margin-top: 18px;\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0,1fr));\n      gap: 12px;\n    }\n\n    .spec {\n      background: white;\n      border: 1px solid var(--line);\n      border-radius: 18px;\n      padding: 12px 14px;\n    }\n\n    .spec strong {\n      display: block;\n      font-size: 12px;\n      color: var(--muted);\n      text-transform: uppercase;\n      letter-spacing: 0.06em;\n      margin-bottom: 4px;\n    }\n\n    .spec span {\n      font-size: 16px;\n      font-weight: 700;\n      color: var(--text);\n    }\n\n    .section {\n      margin-top: 22px;\n      background: var(--card);\n      border: 1px solid rgba(19,32,51,0.06);\n      border-radius: 28px;\n      box-shadow: var(--shadow);\n      overflow: hidden;\n      backdrop-filter: blur(12px);\n    }\n\n    .section-header {\n      padding: 22px 24px 12px;\n      border-bottom: 1px solid var(--line);\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-end;\n      gap: 16px;\n      flex-wrap: wrap;\n    }\n\n    .section-header h3 {\n      margin: 0;\n      font-size: 24px;\n      letter-spacing: -0.03em;\n      text-transform: uppercase;\n    }\n\n    .section-header .note {\n      color: var(--muted);\n      font-size: 13px;\n    }\n\n    .content {\n      padding: 22px 24px 26px;\n    }\n\n    .feature-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0,1fr));\n      gap: 14px;\n    }\n\n    .feature {\n      background: linear-gradient(180deg, #fff, #f8fbff);\n      border: 1px solid var(--line);\n      border-radius: 22px;\n      padding: 18px;\n      min-height: 138px;\n    }\n\n    .feature .emoji {\n      width: 44px;\n      height: 44px;\n      border-radius: 14px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 22px;\n      background: linear-gradient(180deg, rgba(47,111,179,0.15), rgba(47,111,179,0.08));\n      margin-bottom: 12px;\n    }\n\n    .feature h4 {\n      margin: 0 0 6px;\n      font-size: 17px;\n      text-transform: uppercase;\n      letter-spacing: -0.02em;\n    }\n\n    .feature p {\n      margin: 0;\n      color: var(--muted);\n      font-size: 14px;\n    }\n\n    .split {\n      display: grid;\n      grid-template-columns: 1.05fr 0.95fr;\n      gap: 14px;\n    }\n\n    .panel {\n      background: linear-gradient(180deg, #ffffff, #f8fbff);\n      border: 1px solid var(--line);\n      border-radius: 22px;\n      padding: 18px;\n    }\n\n    .panel h4 {\n      margin: 0 0 12px;\n      text-transform: uppercase;\n      letter-spacing: -0.02em;\n      font-size: 18px;\n    }\n\n    .bullets {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: grid;\n      gap: 10px;\n    }\n\n    .bullets li {\n      position: relative;\n      padding-left: 28px;\n      color: var(--text);\n      font-size: 15px;\n    }\n\n    .bullets li::before {\n      content: \"✓\";\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 18px;\n      height: 18px;\n      border-radius: 50%;\n      background: linear-gradient(180deg, var(--accent), #dbe768);\n      color: #172000;\n      font-weight: 900;\n      font-size: 13px;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      margin-top: 2px;\n    }\n\n    .size-table {\n      width: 100%;\n      border-collapse: collapse;\n      overflow: hidden;\n      border-radius: 18px;\n      margin-top: 8px;\n      font-size: 14px;\n    }\n\n    .size-table th,\n    .size-table td {\n      border-bottom: 1px solid var(--line);\n      padding: 12px 10px;\n      text-align: center;\n    }\n\n    .size-table th {\n      background: #0f2034;\n      color: #fff;\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      font-size: 12px;\n    }\n\n    .size-table tr:nth-child(even) td { background: #fbfdff; }\n    .size-table td:first-child,\n    .size-table th:first-child { text-align: left; padding-left: 14px; }\n\n    .footer-banner {\n      margin-top: 22px;\n      border-radius: 28px;\n      padding: 18px 22px;\n      background: linear-gradient(135deg, #0f2034 0%, #17314d 55%, #0b1520 100%);\n      color: #fff;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 16px;\n      flex-wrap: wrap;\n      box-shadow: var(--shadow);\n    }\n\n    .footer-banner strong {\n      font-size: 18px;\n      text-transform: uppercase;\n      letter-spacing: 0.03em;\n      display: block;\n      margin-bottom: 4px;\n    }\n\n    .footer-banner span {\n      color: rgba(255,255,255,0.78);\n      font-size: 14px;\n    }\n\n    .chips {\n      display: flex;\n      gap: 10px;\n      flex-wrap: wrap;\n      justify-content: flex-end;\n    }\n\n    .chip {\n      border-radius: 999px;\n      padding: 10px 14px;\n      background: rgba(255,255,255,0.10);\n      border: 1px solid rgba(255,255,255,0.14);\n      font-size: 13px;\n      font-weight: 700;\n      white-space: nowrap;\n    }\n\n    .disclaimer {\n      margin-top: 14px;\n      color: var(--muted);\n      font-size: 12px;\n      text-align: center;\n      padding-bottom: 8px;\n    }\n\n    @media (max-width: 980px) {\n      .hero,\n      .split,\n      .feature-grid {\n        grid-template-columns: 1fr;\n      }\n      .hero { min-height: unset; }\n    }\n\n    @media (max-width: 640px) {\n      .wrap { padding-inline: 12px; }\n      .hero { padding: 22px; border-radius: 24px; }\n      .section, .footer-banner { border-radius: 22px; }\n      .content, .section-header { padding-inline: 16px; }\n      .hero-points, .spec-grid { grid-template-columns: 1fr; }\n      .chips { justify-content: flex-start; }\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003csection class=\"hero\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"brand-row\"\u003e\n\u003cdiv class=\"brand-badge\"\u003eCXS Workwear\u003c\/div\u003e\n\u003cdiv class=\"brand-badge\"\u003eMen's Softshell Jacket\u003c\/div\u003e\n\u003cdiv class=\"brand-badge\"\u003eDurham\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch1\u003eBlue-Black Softshell Jacket\u003c\/h1\u003e\n\u003cp class=\"subtitle\"\u003eA modern, functional workwear jacket designed for everyday comfort, weather protection, and professional use. Windproof, water-resistant, breathable, and finished with practical work-ready details.\u003c\/p\u003e\n\u003cdiv class=\"hero-points\"\u003e\n\u003cdiv class=\"pill\"\u003e\n\u003cspan class=\"icon\"\u003e🌧\u003c\/span\u003e Water-resistant up to 10,000 mm\u003c\/div\u003e\n\u003cdiv class=\"pill\"\u003e\n\u003cspan class=\"icon\"\u003e💨\u003c\/span\u003e Windproof TPU membrane\u003c\/div\u003e\n\u003cdiv class=\"pill\"\u003e\n\u003cspan class=\"icon\"\u003e🌬\u003c\/span\u003e Breathability 3,000 g\/m²\/24h\u003c\/div\u003e\n\u003cdiv class=\"pill\"\u003e\n\u003cspan class=\"icon\"\u003e🧥\u003c\/span\u003e Detachable hood \u0026amp; fleece lining\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003caside class=\"hero-card\"\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"tag\"\u003eWorkwear essential\u003c\/div\u003e\n\u003ch2\u003eBuilt for daily use at work and outdoors\u003c\/h2\u003e\n\u003cp\u003eIdeal for construction, warehouse, logistics, transport, installation work, service teams, and everyday wear in colder weather.\u003c\/p\u003e\n\u003cdiv class=\"spec-grid\"\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003cstrong\u003eColor\u003c\/strong\u003e \u003cspan\u003eBlue-Black (41)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003cstrong\u003eSizes\u003c\/strong\u003e \u003cspan\u003eS - 3XL\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003cstrong\u003eOuter material\u003c\/strong\u003e \u003cspan\u003e96% polyester, 4% elastane\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec\"\u003e\n\u003cstrong\u003eLining\u003c\/strong\u003e \u003cspan\u003e100% polyester fleece\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/aside\u003e\n\u003c\/section\u003e\n\u003csection class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch3\u003eKey features\u003c\/h3\u003e\n\u003cdiv class=\"note\"\u003eClear, work-focused product presentation for eBay.co.uk\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content\"\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"emoji\"\u003e🛡\u003c\/div\u003e\n\u003ch4\u003eWeather protection\u003c\/h4\u003e\n\u003cp\u003eWater-resistant to 10,000 mm and designed to help protect against wind and light rain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"emoji\"\u003e🧵\u003c\/div\u003e\n\u003ch4\u003eComfortable fit\u003c\/h4\u003e\n\u003cp\u003eFlexible softshell construction with elastane for easier movement during active work.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"emoji\"\u003e🔦\u003c\/div\u003e\n\u003ch4\u003eReflective details\u003c\/h4\u003e\n\u003cp\u003eReflective elements improve visibility in everyday workplace conditions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"emoji\"\u003e🧢\u003c\/div\u003e\n\u003ch4\u003eDetachable hood\u003c\/h4\u003e\n\u003cp\u003eAdjust the jacket to changing weather conditions with the removable hood.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"emoji\"\u003e🧊\u003c\/div\u003e\n\u003ch4\u003eWarm fleece lining\u003c\/h4\u003e\n\u003cp\u003eSoft fleece collar and inner lining add comfort and help retain warmth.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature\"\u003e\n\u003cdiv class=\"emoji\"\u003e🗂\u003c\/div\u003e\n\u003ch4\u003ePractical pockets\u003c\/h4\u003e\n\u003cp\u003eChest pocket, sleeve pocket, and two lower zip pockets for everyday essentials.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003csection class=\"section\"\u003e\n\u003cdiv class=\"section-header\"\u003e\n\u003ch3\u003eProduct description\u003c\/h3\u003e\n\u003cdiv class=\"note\"\u003eReady-to-paste HTML for your listing\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"content split\"\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003ch4\u003eWhy this jacket stands out\u003c\/h4\u003e\n\u003cul class=\"bullets\"\u003e\n\u003cli\u003eMen's softshell jacket in blue-black colorway\u003c\/li\u003e\n\u003cli\u003eTPU membrane for reliable protection from wind and moisture\u003c\/li\u003e\n\u003cli\u003eWater resistance: 10,000 mm\u003c\/li\u003e\n\u003cli\u003eBreathability: 3,000 g\/m²\/24h\u003c\/li\u003e\n\u003cli\u003eOuter fabric: 96% polyester, 4% elastane, 280 g\/m²\u003c\/li\u003e\n\u003cli\u003eInner lining: 100% polyester fleece\u003c\/li\u003e\n\u003cli\u003eDetachable hood, adjustable hem, and elastic inner cuffs\u003c\/li\u003e\n\u003cli\u003eReflective elements for better visibility\u003c\/li\u003e\n\u003cli\u003eFunctional pockets: sleeve, chest, and 2 lower zipped pockets\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"panel\"\u003e\n\u003ch4\u003eSize chart (cm)\u003c\/h4\u003e\n\u003ctable class=\"size-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSize\u003c\/th\u003e\n\u003cth\u003eLength\u003c\/th\u003e\n\u003cth\u003eChest\u003c\/th\u003e\n\u003cth\u003eSleeve\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e75\u003c\/td\u003e\n\u003ctd\u003e52\u003c\/td\u003e\n\u003ctd\u003e82.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e76\u003c\/td\u003e\n\u003ctd\u003e56\u003c\/td\u003e\n\u003ctd\u003e83.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e77\u003c\/td\u003e\n\u003ctd\u003e60\u003c\/td\u003e\n\u003ctd\u003e84.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e78\u003c\/td\u003e\n\u003ctd\u003e64\u003c\/td\u003e\n\u003ctd\u003e85.5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e2XL\u003c\/td\u003e\n\u003ctd\u003e79\u003c\/td\u003e\n\u003ctd\u003e68\u003c\/td\u003e\n\u003ctd\u003e86.8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e3XL\u003c\/td\u003e\n\u003ctd\u003e80\u003c\/td\u003e\n\u003ctd\u003e72\u003c\/td\u003e\n\u003ctd\u003e87.8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"footer-banner\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003ePerfect for workwear\u003c\/strong\u003e \u003cspan\u003eConstruction · Warehouse · Logistics · Transport · Service · Outdoor use\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"chips\"\u003e\n\u003cdiv class=\"chip\"\u003eWindproof\u003c\/div\u003e\n\u003cdiv class=\"chip\"\u003eWater-resistant\u003c\/div\u003e\n\u003cdiv class=\"chip\"\u003eBreathable\u003c\/div\u003e\n\u003cdiv class=\"chip\"\u003eReflective\u003c\/div\u003e\n\u003cdiv class=\"chip\"\u003eDetachable hood\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"disclaimer\"\u003eMeasurements are shown in centimetres. Please allow small tolerance differences depending on production batch and measurement method.\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Agritrade AK","offers":[{"title":"S","offer_id":65007218196829,"sku":"411-92_BLUZA-SOFTSHEL-BLUE-S","price":41.55,"currency_code":"GBP","in_stock":true},{"title":"M","offer_id":65007218229597,"sku":"411-93_BLUZA-SOFTSHEL-BLUE-M","price":41.55,"currency_code":"GBP","in_stock":true},{"title":"L","offer_id":65007218262365,"sku":"411-94_BLUZA-SOFTSHEL-BLUE-L","price":41.55,"currency_code":"GBP","in_stock":true},{"title":"XL","offer_id":65007218295133,"sku":"411-95_BLUZA-SOFTSHEL-BLUE-XL","price":41.55,"currency_code":"GBP","in_stock":true},{"title":"2XL","offer_id":65007218327901,"sku":"411-96_BLUZA-SOFTSHEL-BLUE-2XL","price":41.55,"currency_code":"GBP","in_stock":false},{"title":"3XL","offer_id":65007218360669,"sku":"411-97_BLUZA-SOFTSHEL-BLUE-3XL","price":41.55,"currency_code":"GBP","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0965\/7751\/9965\/files\/ChatGPTImage18cze2026_15_22_26.png?v=1781817723","url":"https:\/\/agritradestore.co.uk\/products\/cxs-durham-mens-softshell-work-jacket-waterproof-windproof-hooded-blue-black-s-3xl","provider":"Agritrade AK","version":"1.0","type":"link"}