{"product_id":"the-north-face-men-s-charcoal-grey-full-zip-lightweight-jacket","title":"Men’s Premium Surplus Charcoal Grey Full-Zip Lightweight Jacket","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n  .ps-charcoal-outdoor {\n    --ps-accent: #aeb4ba;\n    --ps-accent-soft: #dfe3e6;\n    --ps-bg: #f0f1f0;\n    --ps-card: #ffffff;\n\n    color: #111 !important;\n    -webkit-text-fill-color: #111 !important;\n\n    width: 100%;\n    max-width: 560px;\n    margin: 0 auto;\n    padding: clamp(12px, 4vw, 26px);\n    overflow: hidden;\n    box-sizing: border-box;\n    isolation: isolate;\n    font-family: inherit;\n  }\n\n  .ps-charcoal-outdoor *,\n  .ps-charcoal-outdoor *::before,\n  .ps-charcoal-outdoor *::after {\n    box-sizing: border-box;\n    color: #111 !important;\n    -webkit-text-fill-color: #111 !important;\n  }\n\n  .ps-charcoal-outdoor .psco-shell {\n    position: relative;\n    overflow: hidden;\n    padding: clamp(17px, 4vw, 27px);\n    background: var(--ps-bg);\n    border: 3px solid #111;\n    border-radius: clamp(19px, 4vw, 28px);\n    box-shadow: 8px 8px 0 #111;\n  }\n\n  .ps-charcoal-outdoor .psco-shell::before,\n  .ps-charcoal-outdoor .psco-shell::after {\n    content: \"\";\n    position: absolute;\n    z-index: -1;\n    pointer-events: none;\n    border: 2px solid rgba(17, 17, 17, 0.1);\n    animation: psco-shape 7s ease-in-out infinite;\n  }\n\n  .ps-charcoal-outdoor .psco-shell::before {\n    width: 84px;\n    height: 84px;\n    top: 24px;\n    right: -38px;\n    border-radius: 50%;\n  }\n\n  .ps-charcoal-outdoor .psco-shell::after {\n    width: 48px;\n    height: 48px;\n    left: -23px;\n    bottom: 120px;\n    transform: rotate(45deg);\n    animation-delay: -3s;\n  }\n\n  .ps-charcoal-outdoor .psco-category {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    margin-bottom: 16px;\n    padding: 7px 11px;\n    background: var(--ps-accent);\n    border: 2px solid #111;\n    border-radius: 999px;\n    font-size: clamp(10px, 2.6vw, 12px);\n    line-height: 1;\n    font-weight: 900;\n    letter-spacing: 0.13em;\n    text-transform: uppercase;\n    animation: psco-pulse 2.8s ease-in-out infinite;\n  }\n\n  .ps-charcoal-outdoor .psco-category::before {\n    content: \"\";\n    width: 6px;\n    height: 6px;\n    flex: 0 0 6px;\n    background: #111;\n    border-radius: 50%;\n  }\n\n  .ps-charcoal-outdoor .psco-heading {\n    margin: 0 0 16px;\n    font-size: clamp(31px, 8vw, 46px);\n    line-height: 0.98;\n    font-weight: 950;\n    letter-spacing: -0.055em;\n    overflow-wrap: anywhere;\n  }\n\n  .ps-charcoal-outdoor .psco-heading-line {\n    display: block;\n  }\n\n  .ps-charcoal-outdoor .psco-highlight {\n    display: inline-block;\n    margin-top: 5px;\n    padding: 3px 9px 5px;\n    background: var(--ps-accent);\n    border: 2px solid #111;\n    border-radius: 9px;\n    box-shadow: 4px 4px 0 #111;\n    animation: psco-float 3.8s ease-in-out infinite;\n  }\n\n  .ps-charcoal-outdoor .psco-intro {\n    margin: 0 0 20px;\n    font-size: clamp(14px, 3.5vw, 16px);\n    line-height: 1.55;\n    font-weight: 600;\n    overflow-wrap: anywhere;\n  }\n\n  .ps-charcoal-outdoor .psco-features {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 11px;\n  }\n\n  .ps-charcoal-outdoor .psco-feature {\n    display: grid;\n    grid-template-columns: 39px minmax(0, 1fr);\n    gap: 11px;\n    align-items: start;\n    padding: 14px;\n    background: var(--ps-card);\n    border: 2px solid #111;\n    border-radius: 15px;\n    box-shadow: 4px 4px 0 #111;\n    transition: transform 180ms ease, box-shadow 180ms ease;\n  }\n\n  .ps-charcoal-outdoor .psco-feature:hover {\n    transform: translateY(-4px);\n    box-shadow: 7px 7px 0 #111;\n  }\n\n  .ps-charcoal-outdoor .psco-number {\n    width: 39px;\n    height: 39px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--ps-accent);\n    border: 2px solid #111;\n    border-radius: 50%;\n    font-size: 12px;\n    line-height: 1;\n    font-weight: 950;\n  }\n\n  .ps-charcoal-outdoor .psco-title {\n    margin: 1px 0 4px;\n    font-size: clamp(14px, 3.5vw, 16px);\n    line-height: 1.15;\n    font-weight: 900;\n    overflow-wrap: anywhere;\n  }\n\n  .ps-charcoal-outdoor .psco-text {\n    margin: 0;\n    font-size: clamp(12px, 3vw, 14px);\n    line-height: 1.45;\n    font-weight: 550;\n    overflow-wrap: anywhere;\n  }\n\n  .ps-charcoal-outdoor .psco-spec {\n    margin-top: 17px;\n    padding: 12px 14px;\n    background: var(--ps-accent-soft);\n    border: 2px solid #111;\n    border-radius: 13px;\n    font-size: clamp(11px, 3vw, 13px);\n    line-height: 1.5;\n    font-weight: 800;\n    overflow-wrap: anywhere;\n  }\n\n  .ps-charcoal-outdoor .psco-spec-label {\n    font-weight: 950;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  .ps-charcoal-outdoor .psco-made {\n    margin-top: 12px;\n    padding: 16px;\n    background: #e1e2e2;\n    border: 3px solid #111;\n    border-radius: 16px;\n    box-shadow: 5px 5px 0 #111;\n  }\n\n  .ps-charcoal-outdoor .psco-made-label {\n    display: block;\n    margin-bottom: 7px;\n    font-size: 11px;\n    line-height: 1.2;\n    font-weight: 950;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n  }\n\n  .ps-charcoal-outdoor .psco-made-list {\n    margin: 0;\n    font-size: clamp(13px, 3.3vw, 15px);\n    line-height: 1.5;\n    font-weight: 800;\n    overflow-wrap: anywhere;\n  }\n\n  @keyframes psco-pulse {\n    0%, 100% {\n      transform: scale(1);\n    }\n    50% {\n      transform: scale(1.035);\n    }\n  }\n\n  @keyframes psco-float {\n    0%, 100% {\n      transform: translateY(0) rotate(0deg);\n    }\n    50% {\n      transform: translateY(-4px) rotate(-0.5deg);\n    }\n  }\n\n  @keyframes psco-shape {\n    0%, 100% {\n      transform: translate(0, 0) rotate(0deg);\n    }\n    50% {\n      transform: translate(-12px, 15px) rotate(18deg);\n    }\n  }\n\n  @media (max-width: 380px) {\n    .ps-charcoal-outdoor {\n      padding: 9px;\n    }\n\n    .ps-charcoal-outdoor .psco-shell {\n      padding: 15px;\n      border-radius: 18px;\n      box-shadow: 5px 5px 0 #111;\n    }\n\n    .ps-charcoal-outdoor .psco-category {\n      margin-bottom: 13px;\n      padding: 6px 9px;\n    }\n\n    .ps-charcoal-outdoor .psco-heading {\n      margin-bottom: 13px;\n      font-size: clamp(28px, 9vw, 34px);\n    }\n\n    .ps-charcoal-outdoor .psco-highlight {\n      padding: 2px 7px 4px;\n      box-shadow: 3px 3px 0 #111;\n    }\n\n    .ps-charcoal-outdoor .psco-feature {\n      grid-template-columns: 34px minmax(0, 1fr);\n      gap: 9px;\n      padding: 12px;\n      border-radius: 13px;\n      box-shadow: 3px 3px 0 #111;\n    }\n\n    .ps-charcoal-outdoor .psco-number {\n      width: 34px;\n      height: 34px;\n      font-size: 11px;\n    }\n\n    .ps-charcoal-outdoor .psco-spec,\n    .ps-charcoal-outdoor .psco-made {\n      padding: 13px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ps-charcoal-outdoor *,\n    .ps-charcoal-outdoor *::before,\n    .ps-charcoal-outdoor *::after {\n      animation: none !important;\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"ps-charcoal-outdoor\"\u003e\n  \u003cdiv class=\"psco-shell\"\u003e\n\n    \u003cdiv class=\"psco-category\"\u003ePremium Surplus\u003c\/div\u003e\n\n    \u003ch2 class=\"psco-heading\"\u003e\n      \u003cspan class=\"psco-heading-line\"\u003eCHARCOAL GREY\u003c\/span\u003e\n      \u003cspan class=\"psco-heading-line\"\u003e\n        \u003cspan class=\"psco-highlight\"\u003eOUTDOOR JACKET\u003c\/span\u003e\n      \u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"psco-intro\"\u003e\n      A sleek charcoal grey Premium Surplus jacket with an outdoor-inspired\n      design. It features a full front zip closure, high stand collar,\n      raglan-style sleeves, elasticated cuffs, and multiple zippered pockets\n      for secure storage.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"psco-features\"\u003e\n\n      \u003cdiv class=\"psco-feature\"\u003e\n        \u003cdiv class=\"psco-number\"\u003e01\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3 class=\"psco-title\"\u003eFULL FRONT ZIP\u003c\/h3\u003e\n          \u003cp class=\"psco-text\"\u003e\n            The full front zip closure gives the jacket a clean and practical outdoor-inspired finish.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"psco-feature\"\u003e\n        \u003cdiv class=\"psco-number\"\u003e02\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3 class=\"psco-title\"\u003eHIGH STAND COLLAR\u003c\/h3\u003e\n          \u003cp class=\"psco-text\"\u003e\n            The high stand collar adds a structured detail to the sleek jacket design.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"psco-feature\"\u003e\n        \u003cdiv class=\"psco-number\"\u003e03\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3 class=\"psco-title\"\u003eRAGLAN-STYLE SLEEVES\u003c\/h3\u003e\n          \u003cp class=\"psco-text\"\u003e\n            Raglan-style sleeves give the jacket a distinctive outdoor-inspired silhouette.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"psco-feature\"\u003e\n        \u003cdiv class=\"psco-number\"\u003e04\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3 class=\"psco-title\"\u003eZIPPERED POCKETS\u003c\/h3\u003e\n          \u003cp class=\"psco-text\"\u003e\n            Multiple zippered pockets provide convenient secure storage for everyday essentials.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"psco-spec\"\u003e\n      \u003cspan class=\"psco-spec-label\"\u003eKEY DETAILS:\u003c\/span\u003e\n      Full front zip closure  • \n      High stand collar  • \n      Multiple zippered pockets\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"psco-made\"\u003e\n      \u003cspan class=\"psco-made-label\"\u003eMade For\u003c\/span\u003e\n      \u003cp class=\"psco-made-list\"\u003e\n        Outdoor-inspired styling  • \n        Everyday wear  • \n        Practical everyday storage\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"Swag Factory","offers":[{"title":"2XL","offer_id":49370987364491,"sku":null,"price":1499.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":49370987397259,"sku":null,"price":1499.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":49370987430027,"sku":null,"price":1499.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":49370987462795,"sku":null,"price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/ChatGPTImageSep14_2026_01_08_07PM_4.png?v=1789540875","url":"https:\/\/swagfactory.in\/products\/the-north-face-men-s-charcoal-grey-full-zip-lightweight-jacket","provider":"Swag Factory","version":"1.0","type":"link"}