{"product_id":"the-north-face-white-full-zip-jacket","title":"Premium Surplus White Full-Zip Jacket","description":"\u003c!-- Paste this complete block into a Shopify Custom Liquid section. --\u003e\n\n\u003cstyle\u003e\n  .white-minimal-jacket-48173,\n  .white-minimal-jacket-48173 * {\n    box-sizing: border-box;\n    color: #111 !important;\n    -webkit-text-fill-color: #111 !important;\n  }\n\n  .white-minimal-jacket-48173 {\n    --accent: #d7d7d7;\n    --accent-light: #f1f1f1;\n    --soft: #fafafa;\n\n    width: 100%;\n    max-width: 560px;\n    margin: 0 auto;\n    padding: 28px 18px;\n    position: relative;\n    overflow: hidden;\n    background: var(--soft);\n    border: 3px solid #111;\n    border-radius: 26px;\n    box-shadow: 8px 8px 0 #111;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Arial, sans-serif;\n  }\n\n  .white-minimal-jacket-48173::before,\n  .white-minimal-jacket-48173::after {\n    content: \"\";\n    position: absolute;\n    border-radius: 50%;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .white-minimal-jacket-48173::before {\n    width: 100px;\n    height: 100px;\n    top: 25px;\n    right: -45px;\n    background: rgba(0, 0, 0, 0.07);\n    animation: wmjFloat 7s ease-in-out infinite;\n  }\n\n  .white-minimal-jacket-48173::after {\n    width: 65px;\n    height: 65px;\n    bottom: 95px;\n    left: -30px;\n    background: rgba(0, 0, 0, 0.05);\n    animation: wmjFloat 9s ease-in-out infinite reverse;\n  }\n\n  .white-minimal-jacket-48173 .wmj-inner {\n    position: relative;\n    z-index: 1;\n  }\n\n  .white-minimal-jacket-48173 .wmj-category {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    margin-bottom: 14px;\n    padding: 7px 12px;\n    background: var(--accent-light);\n    border: 2px solid #111;\n    border-radius: 999px;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: 1.1px;\n    text-transform: uppercase;\n    animation: wmjPulse 2.8s ease-in-out infinite;\n  }\n\n  .white-minimal-jacket-48173 .wmj-category::before {\n    content: \"\";\n    width: 7px;\n    height: 7px;\n    flex: 0 0 7px;\n    background: #111;\n    border: 1px solid #111;\n    border-radius: 50%;\n  }\n\n  .white-minimal-jacket-48173 .wmj-title {\n    margin: 0 0 17px;\n    font-size: clamp(30px, 7vw, 44px);\n    line-height: 0.98;\n    font-weight: 950;\n    letter-spacing: -1.8px;\n    text-transform: uppercase;\n    overflow-wrap: anywhere;\n  }\n\n  .white-minimal-jacket-48173 .wmj-title-line {\n    display: block;\n  }\n\n  .white-minimal-jacket-48173 .wmj-accent {\n    display: inline-block;\n    color: #111 !important;\n    -webkit-text-fill-color: #111 !important;\n    text-shadow: 3px 3px 0 var(--accent);\n    animation: wmjGentleFloat 3.8s ease-in-out infinite;\n  }\n\n  .white-minimal-jacket-48173 .wmj-intro {\n    margin: 0 0 20px;\n    padding: 15px;\n    background: #fff;\n    border: 2px solid #111;\n    border-radius: 15px;\n    box-shadow: 4px 4px 0 var(--accent);\n    font-size: 14px;\n    line-height: 1.55;\n    font-weight: 600;\n    overflow-wrap: anywhere;\n  }\n\n  .white-minimal-jacket-48173 .wmj-features {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 11px;\n  }\n\n  .white-minimal-jacket-48173 .wmj-feature {\n    display: grid;\n    grid-template-columns: 42px minmax(0, 1fr);\n    gap: 12px;\n    align-items: start;\n    padding: 13px;\n    background: #fff;\n    border: 2px solid #111;\n    border-radius: 15px;\n    box-shadow: 4px 4px 0 #111;\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n  }\n\n  .white-minimal-jacket-48173 .wmj-feature:hover {\n    transform: translate(-2px, -3px);\n    box-shadow: 7px 7px 0 var(--accent);\n  }\n\n  .white-minimal-jacket-48173 .wmj-number {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--accent);\n    border: 2px solid #111;\n    border-radius: 50%;\n    font-size: 13px;\n    font-weight: 950;\n  }\n\n  .white-minimal-jacket-48173 .wmj-feature-title {\n    margin: 1px 0 4px;\n    font-size: 14px;\n    line-height: 1.2;\n    font-weight: 950;\n    text-transform: uppercase;\n    overflow-wrap: anywhere;\n  }\n\n  .white-minimal-jacket-48173 .wmj-feature-text {\n    margin: 0;\n    font-size: 12px;\n    line-height: 1.45;\n    font-weight: 600;\n    overflow-wrap: anywhere;\n  }\n\n  .white-minimal-jacket-48173 .wmj-spec {\n    margin-top: 17px;\n    padding: 13px 14px;\n    background: var(--accent-light);\n    border: 2px solid #111;\n    border-radius: 14px;\n    font-size: 12px;\n    line-height: 1.5;\n    font-weight: 800;\n    overflow-wrap: anywhere;\n  }\n\n  .white-minimal-jacket-48173 .wmj-spec-label {\n    font-weight: 950;\n    letter-spacing: 0.7px;\n    text-transform: uppercase;\n  }\n\n  .white-minimal-jacket-48173 .wmj-made {\n    margin-top: 13px;\n    padding: 16px;\n    background: #f2f2f2;\n    border: 3px solid #111;\n    border-radius: 17px;\n    box-shadow: 5px 5px 0 #111;\n  }\n\n  .white-minimal-jacket-48173 .wmj-made-label {\n    display: block;\n    margin-bottom: 7px;\n    font-size: 11px;\n    font-weight: 950;\n    letter-spacing: 1.3px;\n    text-transform: uppercase;\n  }\n\n  .white-minimal-jacket-48173 .wmj-made-text {\n    margin: 0;\n    font-size: 15px;\n    line-height: 1.45;\n    font-weight: 850;\n    overflow-wrap: anywhere;\n  }\n\n  @keyframes wmjPulse {\n    0%, 100% {\n      transform: scale(1);\n    }\n    50% {\n      transform: scale(1.035);\n    }\n  }\n\n  @keyframes wmjGentleFloat {\n    0%, 100% {\n      transform: translateY(0);\n    }\n    50% {\n      transform: translateY(-4px);\n    }\n  }\n\n  @keyframes wmjFloat {\n    0%, 100% {\n      transform: translate(0, 0) rotate(0deg);\n    }\n    50% {\n      transform: translate(-12px, 14px) rotate(12deg);\n    }\n  }\n\n  @media (max-width: 380px) {\n    .white-minimal-jacket-48173 {\n      padding: 21px 13px;\n      border-width: 2px;\n      border-radius: 20px;\n      box-shadow: 5px 5px 0 #111;\n    }\n\n    .white-minimal-jacket-48173 .wmj-category {\n      margin-bottom: 11px;\n      padding: 6px 10px;\n      font-size: 10px;\n    }\n\n    .white-minimal-jacket-48173 .wmj-title {\n      margin-bottom: 14px;\n      font-size: clamp(27px, 8.5vw, 34px);\n      letter-spacing: -1.2px;\n    }\n\n    .white-minimal-jacket-48173 .wmj-intro {\n      padding: 12px;\n      margin-bottom: 15px;\n      border-radius: 12px;\n      font-size: 13px;\n      box-shadow: 3px 3px 0 var(--accent);\n    }\n\n    .white-minimal-jacket-48173 .wmj-feature {\n      grid-template-columns: 36px minmax(0, 1fr);\n      gap: 9px;\n      padding: 11px;\n      border-radius: 12px;\n      box-shadow: 3px 3px 0 #111;\n    }\n\n    .white-minimal-jacket-48173 .wmj-number {\n      width: 35px;\n      height: 35px;\n      font-size: 12px;\n    }\n\n    .white-minimal-jacket-48173 .wmj-feature-title {\n      font-size: 13px;\n    }\n\n    .white-minimal-jacket-48173 .wmj-feature-text {\n      font-size: 11.5px;\n    }\n\n    .white-minimal-jacket-48173 .wmj-spec {\n      margin-top: 14px;\n      padding: 11px;\n      font-size: 11.5px;\n    }\n\n    .white-minimal-jacket-48173 .wmj-made {\n      margin-top: 11px;\n      padding: 13px;\n      border-radius: 14px;\n      box-shadow: 4px 4px 0 #111;\n    }\n\n    .white-minimal-jacket-48173 .wmj-made-text {\n      font-size: 13px;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .white-minimal-jacket-48173 .wmj-category,\n    .white-minimal-jacket-48173 .wmj-accent,\n    .white-minimal-jacket-48173::before,\n    .white-minimal-jacket-48173::after {\n      animation: none !important;\n    }\n\n    .white-minimal-jacket-48173 .wmj-feature {\n      transition: none !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"white-minimal-jacket-48173\"\u003e\n  \u003cdiv class=\"wmj-inner\"\u003e\n\n    \u003cdiv class=\"wmj-category\"\u003ePremium Everyday Outerwear\u003c\/div\u003e\n\n    \u003ch2 class=\"wmj-title\"\u003e\n      \u003cspan class=\"wmj-title-line\"\u003eClean White\u003c\/span\u003e\n      \u003cspan class=\"wmj-title-line wmj-accent\"\u003eMinimal Jacket\u003c\/span\u003e\n    \u003c\/h2\u003e\n\n    \u003cp class=\"wmj-intro\"\u003e\n      A clean and versatile white jacket featuring a minimalist design with contrasting black chest detailing. The streamlined silhouette and lightweight construction make it an ideal choice for casual wear, outdoor layering, travel, and everyday styling.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"wmj-features\"\u003e\n\n      \u003cdiv class=\"wmj-feature\"\u003e\n        \u003cdiv class=\"wmj-number\"\u003e01\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3 class=\"wmj-feature-title\"\u003eMinimalist Design\u003c\/h3\u003e\n          \u003cp class=\"wmj-feature-text\"\u003e\n            A clean white finish with contrasting black chest detailing creates a simple and versatile everyday look.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"wmj-feature\"\u003e\n        \u003cdiv class=\"wmj-number\"\u003e02\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3 class=\"wmj-feature-title\"\u003eStructured Collar\u003c\/h3\u003e\n          \u003cp class=\"wmj-feature-text\"\u003e\n            The stand-up collar adds a neat, structured detail to the streamlined jacket silhouette.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"wmj-feature\"\u003e\n        \u003cdiv class=\"wmj-number\"\u003e03\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3 class=\"wmj-feature-title\"\u003ePractical Details\u003c\/h3\u003e\n          \u003cp class=\"wmj-feature-text\"\u003e\n            A full front zip closure and two side pockets provide useful functionality for everyday wear.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"wmj-feature\"\u003e\n        \u003cdiv class=\"wmj-number\"\u003e04\u003c\/div\u003e\n        \u003cdiv\u003e\n          \u003ch3 class=\"wmj-feature-title\"\u003eStreamlined Fit\u003c\/h3\u003e\n          \u003cp class=\"wmj-feature-text\"\u003e\n            Neatly structured seam detailing across the front complements the streamlined silhouette.\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"wmj-spec\"\u003e\n      \u003cspan class=\"wmj-spec-label\"\u003eKey Details:\u003c\/span\u003e\n      Lightweight construction · Full front zip · Two side pockets\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"wmj-made\"\u003e\n      \u003cspan class=\"wmj-made-label\"\u003eMade For\u003c\/span\u003e\n      \u003cp class=\"wmj-made-text\"\u003e\n        Casual wear · Outdoor layering · Travel · Everyday styling\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":49371039170699,"sku":null,"price":1499.0,"currency_code":"INR","in_stock":true},{"title":"XL","offer_id":49371039203467,"sku":null,"price":1499.0,"currency_code":"INR","in_stock":true},{"title":"L","offer_id":49371039236235,"sku":null,"price":1499.0,"currency_code":"INR","in_stock":true},{"title":"M","offer_id":49371039269003,"sku":null,"price":1499.0,"currency_code":"INR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0705\/5494\/3627\/files\/ChatGPTImageSep15_2026_10_17_17AM_4.png?v=1789542216","url":"https:\/\/swagfactory.in\/products\/the-north-face-white-full-zip-jacket","provider":"Swag Factory","version":"1.0","type":"link"}