/* CLOTHIXPACK — shared catalog + silhouettes
   Exposes:
     window.CATALOG      — array of products (filled by fetch on page load)
     window.CATEGORIES   — array of categories (filled by fetch on page load)
     window.Silhouette   — React component
     window.CXP_LOADING  — Promise that resolves when both have loaded
     window.onCatalogReady(cb)  — register a callback for when data is ready

   Fallback constants below are used if /api is unreachable (offline / static-only deploy)
   so the site still renders something instead of going blank.
*/

const FALLBACK_CATEGORIES = [
  {
    "slug": "jackets",
    "label": "Jackets",
    "count": 12,
    "code": "J"
  },
  {
    "slug": "pants",
    "label": "Pants",
    "count": 5,
    "code": "P"
  },
  {
    "slug": "shirts",
    "label": "Shirts",
    "count": 4,
    "code": "S"
  },
  {
    "slug": "hoodies",
    "label": "Hoodies",
    "count": 8,
    "code": "H"
  },
  {
    "slug": "vests",
    "label": "Vests",
    "count": 2,
    "code": "V"
  },
  {
    "slug": "accessories",
    "label": "Accessories",
    "count": 7,
    "code": "A"
  }
];

const FALLBACK_CATALOG = [
  {
    "code": "CXP-J101",
    "name": "Strata Hardshell Jacket",
    "cat": "jackets",
    "price": 169,
    "tag": "NEW DROP",
    "fabric": "3-layer waterproof breathable laminate",
    "weight": "210GSM",
    "color": "Charcoal",
    "colors": [
      "#1a1a1a",
      "#3a3a3a"
    ],
    "season": "AW26 / 01",
    "images": [
      {
        "url": "/assets/products/cxp-j101/00-front-1.webp",
        "alt": "Strata Hardshell Jacket 1 - Clothixpack jackets product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-j101/01-back-2.webp",
        "alt": "Strata Hardshell Jacket 2 - Clothixpack jackets product image",
        "view": "back"
      }
    ],
    "description": "Strata Hardshell Jacket is built for transitional rain, wind, and city movement. 3-layer waterproof breathable laminate gives the piece its structure, while taped seams, YKK hardware, laser-cut panels, articulated fit handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "strata-hardshell-jacket-cxp-j101",
    "retail_price": 169,
    "seo_title": "Strata Hardshell Jacket — Jackets / $169 | Clothixpack",
    "seo_description": "Strata Hardshell Jacket is a Clothixpack technical shell made with 3-layer waterproof breathable laminate. Priced at $169 USD, serialized for traceability",
    "material": "3-layer waterproof breathable laminate",
    "construction": "taped seams, YKK hardware, laser-cut panels, articulated fit",
    "origin_country": "",
    "canonical_path": "/product/CXP-J101"
  },
  {
    "code": "CXP-J102",
    "name": "Axis Hardshell Jacket",
    "cat": "jackets",
    "price": 169,
    "tag": "NEW DROP",
    "fabric": "3-layer waterproof breathable laminate",
    "weight": "210GSM",
    "color": "Signal Red",
    "colors": [
      "#3a0a0a",
      "#0a0a0a"
    ],
    "season": "AW26 / 02",
    "images": [
      {
        "url": "/assets/products/cxp-j102/00-front-7.webp",
        "alt": "Axis Hardshell Jacket 1 - Clothixpack jackets product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-j102/01-back-8.webp",
        "alt": "Axis Hardshell Jacket 2 - Clothixpack jackets product image",
        "view": "back"
      }
    ],
    "description": "Axis Hardshell Jacket is built for transitional rain, wind, and city movement. 3-layer waterproof breathable laminate gives the piece its structure, while taped seams, welded panels, laser-cut panels, asymmetric patterning, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "axis-hardshell-jacket-cxp-j102",
    "retail_price": 169,
    "seo_title": "Axis Hardshell Jacket — Jackets / $169 | Clothixpack",
    "seo_description": "Axis Hardshell Jacket is a Clothixpack technical shell made with 3-layer waterproof breathable laminate. Priced at $169 USD, serialized for traceability",
    "material": "3-layer waterproof breathable laminate",
    "construction": "taped seams, welded panels, laser-cut panels, asymmetric patterning, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-J102"
  },
  {
    "code": "CXP-A101",
    "name": "Vector Chest Rig",
    "cat": "accessories",
    "price": 89,
    "tag": "NEW DROP",
    "fabric": "Distressed PU leather and cotton backer",
    "weight": "",
    "color": "Oxblood",
    "colors": [
      "#2a0808",
      "#0a0a0a"
    ],
    "season": "AW26 / 03",
    "images": [
      {
        "url": "/assets/products/cxp-a101/00-front-13.webp",
        "alt": "Vector Chest Rig 1 - Clothixpack accessories product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-a101/01-back-14.webp",
        "alt": "Vector Chest Rig 2 - Clothixpack accessories product image",
        "view": "back"
      }
    ],
    "description": "Vector Chest Rig is built for hands-free carry over layered silhouettes. Distressed PU leather and cotton backer gives the piece its structure, while Fidlock hardware, modular strap system, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "vector-chest-rig-cxp-a101",
    "retail_price": 89,
    "seo_title": "Vector Chest Rig — Accessories / $89 | Clothixpack",
    "seo_description": "Vector Chest Rig is a Clothixpack utility accessory made with Distressed PU leather and cotton backer. Priced at $89 USD, serialized for traceability, a",
    "material": "Distressed PU leather and cotton backer",
    "construction": "Fidlock hardware, modular strap system, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-A101"
  },
  {
    "code": "CXP-A102",
    "name": "Helix Chest Rig",
    "cat": "accessories",
    "price": 89,
    "tag": "NEW DROP",
    "fabric": "Distressed PU leather and cotton backer",
    "weight": "",
    "color": "Bone",
    "colors": [
      "#cfccc2",
      "#0a0a0a"
    ],
    "season": "AW26 / 04",
    "images": [
      {
        "url": "/assets/products/cxp-a102/00-front-19.webp",
        "alt": "Helix Chest Rig 1 - Clothixpack accessories product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-a102/01-back-20.webp",
        "alt": "Helix Chest Rig 2 - Clothixpack accessories product image",
        "view": "back"
      }
    ],
    "description": "Helix Chest Rig is built for hands-free carry over layered silhouettes. Distressed PU leather and cotton backer gives the piece its structure, while structured technical construction handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "helix-chest-rig-cxp-a102",
    "retail_price": 89,
    "seo_title": "Helix Chest Rig — Accessories / $89 | Clothixpack",
    "seo_description": "Helix Chest Rig is a Clothixpack utility accessory made with Distressed PU leather and cotton backer. Priced at $89 USD, serialized for traceability, an",
    "material": "Distressed PU leather and cotton backer",
    "construction": "structured technical construction",
    "origin_country": "",
    "canonical_path": "/product/CXP-A102"
  },
  {
    "code": "CXP-A103",
    "name": "Null Chest Rig",
    "cat": "accessories",
    "price": 89,
    "tag": "NEW DROP",
    "fabric": "Distressed PU leather and cotton backer",
    "weight": "600 GSM",
    "color": "Signal Red",
    "colors": [
      "#3a0a0a",
      "#0a0a0a"
    ],
    "season": "AW26 / 05",
    "images": [
      {
        "url": "/assets/products/cxp-a103/00-front-25.webp",
        "alt": "Null Chest Rig 1 - Clothixpack accessories product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-a103/01-back-26.webp",
        "alt": "Null Chest Rig 2 - Clothixpack accessories product image",
        "view": "back"
      }
    ],
    "description": "Null Chest Rig is built for hands-free carry over layered silhouettes. Distressed PU leather and cotton backer gives the piece its structure, while modular strap system, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "null-chest-rig-cxp-a103",
    "retail_price": 89,
    "seo_title": "Null Chest Rig — Accessories / $89 | Clothixpack",
    "seo_description": "Null Chest Rig is a Clothixpack utility accessory made with Distressed PU leather and cotton backer. Priced at $89 USD, serialized for traceability, and",
    "material": "Distressed PU leather and cotton backer",
    "construction": "modular strap system, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-A103"
  },
  {
    "code": "CXP-A104",
    "name": "Orbit Chest Rig",
    "cat": "accessories",
    "price": 89,
    "tag": "NEW DROP",
    "fabric": "Distressed PU leather and cotton backer",
    "weight": "400GSM",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 06",
    "images": [
      {
        "url": "/assets/products/cxp-a104/00-front-31.webp",
        "alt": "Orbit Chest Rig 1 - Clothixpack accessories product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-a104/01-back-32.webp",
        "alt": "Orbit Chest Rig 2 - Clothixpack accessories product image",
        "view": "back"
      }
    ],
    "description": "Orbit Chest Rig is built for hands-free carry over layered silhouettes. Distressed PU leather and cotton backer gives the piece its structure, while Fidlock hardware, laser-cut panels, asymmetric patterning, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "orbit-chest-rig-cxp-a104",
    "retail_price": 89,
    "seo_title": "Orbit Chest Rig — Accessories / $89 | Clothixpack",
    "seo_description": "Orbit Chest Rig is a Clothixpack utility accessory made with Distressed PU leather and cotton backer. Priced at $89 USD, serialized for traceability, an",
    "material": "Distressed PU leather and cotton backer",
    "construction": "Fidlock hardware, laser-cut panels, asymmetric patterning, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-A104"
  },
  {
    "code": "CXP-P101",
    "name": "Drift Cargo Pant",
    "cat": "pants",
    "price": 129,
    "tag": null,
    "fabric": "Cotton-stretch technical twill",
    "weight": "280GSM",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 07",
    "images": [
      {
        "url": "/assets/products/cxp-p101/00-front-37.webp",
        "alt": "Drift Cargo Pant 1 - Clothixpack pants product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-p101/01-back-38.webp",
        "alt": "Drift Cargo Pant 2 - Clothixpack pants product image",
        "view": "back"
      }
    ],
    "description": "Drift Cargo Pant is built for daily carry, seated transit, and boot-stacked movement. Cotton-stretch technical twill gives the piece its structure, while cargo storage, modular strap system handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "drift-cargo-pant-cxp-p101",
    "retail_price": 129,
    "seo_title": "Drift Cargo Pant — Pants / $129 | Clothixpack",
    "seo_description": "Drift Cargo Pant is a Clothixpack technical cargo pant made with Cotton-stretch technical twill. Priced at $129 USD, serialized for traceability, and bu",
    "material": "Cotton-stretch technical twill",
    "construction": "cargo storage, modular strap system",
    "origin_country": "",
    "canonical_path": "/product/CXP-P101"
  },
  {
    "code": "CXP-P102",
    "name": "Relay Cargo Pant",
    "cat": "pants",
    "price": 129,
    "tag": null,
    "fabric": "Cotton-stretch technical twill",
    "weight": "320GSM",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 08",
    "images": [
      {
        "url": "/assets/products/cxp-p102/00-front-43.webp",
        "alt": "Relay Cargo Pant 1 - Clothixpack pants product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-p102/01-back-44.webp",
        "alt": "Relay Cargo Pant 2 - Clothixpack pants product image",
        "view": "back"
      }
    ],
    "description": "Relay Cargo Pant is built for daily carry, seated transit, and boot-stacked movement. Cotton-stretch technical twill gives the piece its structure, while taped seams, Fidlock hardware, YKK hardware, laser-cut panels, cargo storage, asymmetric patterning, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "relay-cargo-pant-cxp-p102",
    "retail_price": 129,
    "seo_title": "Relay Cargo Pant — Pants / $129 | Clothixpack",
    "seo_description": "Relay Cargo Pant is a Clothixpack technical cargo pant made with Cotton-stretch technical twill. Priced at $129 USD, serialized for traceability, and bu",
    "material": "Cotton-stretch technical twill",
    "construction": "taped seams, Fidlock hardware, YKK hardware, laser-cut panels, cargo storage, asymmetric patterning, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-P102"
  },
  {
    "code": "CXP-S101",
    "name": "Node Technical Tee",
    "cat": "shirts",
    "price": 89,
    "tag": null,
    "fabric": "Organic cotton-modal jersey",
    "weight": "220 GSM",
    "color": "Bone",
    "colors": [
      "#cfccc2",
      "#0a0a0a"
    ],
    "season": "AW26 / 09",
    "images": [
      {
        "url": "/assets/products/cxp-s101/00-front-49.webp",
        "alt": "Node Technical Tee 1 - Clothixpack shirts product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-s101/01-back-50.webp",
        "alt": "Node Technical Tee 2 - Clothixpack shirts product image",
        "view": "back"
      }
    ],
    "description": "Node Technical Tee is built for base-layer comfort under technical outerwear. Organic cotton-modal jersey gives the piece its structure, while modular strap system, asymmetric patterning handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "node-technical-tee-cxp-s101",
    "retail_price": 89,
    "seo_title": "Node Technical Tee — Shirts / $89 | Clothixpack",
    "seo_description": "Node Technical Tee is a Clothixpack technical shirt made with Organic cotton-modal jersey. Priced at $89 USD, serialized for traceability, and built for",
    "material": "Organic cotton-modal jersey",
    "construction": "modular strap system, asymmetric patterning",
    "origin_country": "",
    "canonical_path": "/product/CXP-S101"
  },
  {
    "code": "CXP-S102",
    "name": "Void Mock Neck Shirt",
    "cat": "shirts",
    "price": 89,
    "tag": null,
    "fabric": "Merino wool jersey",
    "weight": "200GSM",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 10",
    "images": [
      {
        "url": "/assets/products/cxp-s102/00-front-55.webp",
        "alt": "Void Mock Neck Shirt 1 - Clothixpack shirts product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-s102/01-back-56.webp",
        "alt": "Void Mock Neck Shirt 2 - Clothixpack shirts product image",
        "view": "back"
      }
    ],
    "description": "Void Mock Neck Shirt is built for base-layer comfort under technical outerwear. Merino wool jersey gives the piece its structure, while taped seams, Fidlock hardware, cargo storage, asymmetric patterning, articulated fit, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "void-mock-neck-shirt-cxp-s102",
    "retail_price": 89,
    "seo_title": "Void Mock Neck Shirt — Shirts / $89 | Clothixpack",
    "seo_description": "Void Mock Neck Shirt is a Clothixpack technical shirt made with Merino wool jersey. Priced at $89 USD, serialized for traceability, and built for techni",
    "material": "Merino wool jersey",
    "construction": "taped seams, Fidlock hardware, cargo storage, asymmetric patterning, articulated fit, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-S102"
  },
  {
    "code": "CXP-J103",
    "name": "Hush Hardshell Jacket",
    "cat": "jackets",
    "price": 169,
    "tag": null,
    "fabric": "3-layer waterproof breathable laminate",
    "weight": "",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 11",
    "images": [
      {
        "url": "/assets/products/cxp-j103/00-front-61.webp",
        "alt": "Hush Hardshell Jacket 1 - Clothixpack jackets product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-j103/01-back-62.webp",
        "alt": "Hush Hardshell Jacket 2 - Clothixpack jackets product image",
        "view": "back"
      }
    ],
    "description": "Hush Hardshell Jacket is built for transitional rain, wind, and city movement. 3-layer waterproof breathable laminate gives the piece its structure, while taped seams, laser-cut panels, asymmetric patterning, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "hush-hardshell-jacket-cxp-j103",
    "retail_price": 169,
    "seo_title": "Hush Hardshell Jacket — Jackets / $169 | Clothixpack",
    "seo_description": "Hush Hardshell Jacket is a Clothixpack technical shell made with 3-layer waterproof breathable laminate. Priced at $169 USD, serialized for traceability",
    "material": "3-layer waterproof breathable laminate",
    "construction": "taped seams, laser-cut panels, asymmetric patterning, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-J103"
  },
  {
    "code": "CXP-J104",
    "name": "Ghost Hardshell Jacket",
    "cat": "jackets",
    "price": 169,
    "tag": null,
    "fabric": "3-layer waterproof breathable laminate",
    "weight": "120GSM",
    "color": "Signal Red",
    "colors": [
      "#3a0a0a",
      "#0a0a0a"
    ],
    "season": "AW26 / 12",
    "images": [
      {
        "url": "/assets/products/cxp-j104/00-front-67.webp",
        "alt": "Ghost Hardshell Jacket 1 - Clothixpack jackets product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-j104/01-back-68.webp",
        "alt": "Ghost Hardshell Jacket 2 - Clothixpack jackets product image",
        "view": "back"
      }
    ],
    "description": "Ghost Hardshell Jacket is built for transitional rain, wind, and city movement. 3-layer waterproof breathable laminate gives the piece its structure, while taped seams, welded panels, Fidlock hardware, YKK hardware, laser-cut panels, modular strap system, asymmetric patterning, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "ghost-hardshell-jacket-cxp-j104",
    "retail_price": 169,
    "seo_title": "Ghost Hardshell Jacket — Jackets / $169 | Clothixpack",
    "seo_description": "Ghost Hardshell Jacket is a Clothixpack technical shell made with 3-layer waterproof breathable laminate. Priced at $169 USD, serialized for traceabilityi",
    "material": "3-layer waterproof breathable laminate",
    "construction": "taped seams, welded panels, Fidlock hardware, YKK hardware, laser-cut panels, modular strap system, asymmetric patterning, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-J104"
  },
  {
    "code": "CXP-H101",
    "name": "Pivot Mock Neck Shirt",
    "cat": "hoodies",
    "price": 129,
    "tag": null,
    "fabric": "Merino wool jersey",
    "weight": "180 GSM",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 13",
    "images": [
      {
        "url": "/assets/products/cxp-h101/00-front-73.webp",
        "alt": "Pivot Mock Neck Shirt 1 - Clothixpack hoodies product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-h101/01-back-74.webp",
        "alt": "Pivot Mock Neck Shirt 2 - Clothixpack hoodies product image",
        "view": "back"
      }
    ],
    "description": "Pivot Mock Neck Shirt is built for thermal layering without losing structure. Merino wool jersey gives the piece its structure, while taped seams, Fidlock hardware, laser-cut panels, modular strap system, asymmetric patterning, articulated fit, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "pivot-mock-neck-shirt-cxp-h101",
    "retail_price": 129,
    "seo_title": "Pivot Mock Neck Shirt — Hoodies / $129 | Clothixpack",
    "seo_description": "Pivot Mock Neck Shirt is a Clothixpack technical hoodie made with Merino wool jersey. Priced at $129 USD, serialized for traceability, and built for tec",
    "material": "Merino wool jersey",
    "construction": "taped seams, Fidlock hardware, laser-cut panels, modular strap system, asymmetric patterning, articulated fit, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-H101"
  },
  {
    "code": "CXP-S103",
    "name": "Keel Mock Neck Shirt",
    "cat": "shirts",
    "price": 89,
    "tag": null,
    "fabric": "Schoeller stretch textile",
    "weight": "180 GSM",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 14",
    "images": [
      {
        "url": "/assets/products/cxp-s103/00-front-79.webp",
        "alt": "Keel Mock Neck Shirt 1 - Clothixpack shirts product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-s103/01-back-80.webp",
        "alt": "Keel Mock Neck Shirt 2 - Clothixpack shirts product image",
        "view": "back"
      }
    ],
    "description": "Keel Mock Neck Shirt is built for base-layer comfort under technical outerwear. Schoeller stretch textile gives the piece its structure, while taped seams, welded panels, Fidlock hardware, laser-cut panels, modular strap system, asymmetric patterning, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "keel-mock-neck-shirt-cxp-s103",
    "retail_price": 89,
    "seo_title": "Keel Mock Neck Shirt — Shirts / $89 | Clothixpack",
    "seo_description": "Keel Mock Neck Shirt is a Clothixpack technical shirt made with Schoeller stretch textile. Priced at $89 USD, serialized for traceability, and built for",
    "material": "Schoeller stretch textile",
    "construction": "taped seams, welded panels, Fidlock hardware, laser-cut panels, modular strap system, asymmetric patterning, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-S103"
  },
  {
    "code": "CXP-H102",
    "name": "Signal Technical Hoodie",
    "cat": "hoodies",
    "price": 129,
    "tag": null,
    "fabric": "Heavyweight technical fleece",
    "weight": "200GSM",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 15",
    "images": [
      {
        "url": "/assets/products/cxp-h102/00-front-85.webp",
        "alt": "Signal Technical Hoodie 1 - Clothixpack hoodies product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-h102/01-back-86.webp",
        "alt": "Signal Technical Hoodie 2 - Clothixpack hoodies product image",
        "view": "back"
      }
    ],
    "description": "Signal Technical Hoodie is built for thermal layering without losing structure. Heavyweight technical fleece gives the piece its structure, while Fidlock hardware, YKK hardware, laser-cut panels, modular strap system, asymmetric patterning, articulated fit, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "signal-technical-hoodie-cxp-h102",
    "retail_price": 129,
    "seo_title": "Signal Technical Hoodie — Hoodies / $129 | Clothixpack",
    "seo_description": "Signal Technical Hoodie is a Clothixpack technical hoodie made with Heavyweight technical fleece. Priced at $129 USD, serialized for traceability, and b",
    "material": "Heavyweight technical fleece",
    "construction": "Fidlock hardware, YKK hardware, laser-cut panels, modular strap system, asymmetric patterning, articulated fit, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-H102"
  },
  {
    "code": "CXP-S104",
    "name": "Runtime Mock Neck Shirt",
    "cat": "shirts",
    "price": 89,
    "tag": null,
    "fabric": "Schoeller stretch textile",
    "weight": "180GSM",
    "color": "Signal Red",
    "colors": [
      "#3a0a0a",
      "#0a0a0a"
    ],
    "season": "AW26 / 16",
    "images": [
      {
        "url": "/assets/products/cxp-s104/00-front-91.webp",
        "alt": "Runtime Mock Neck Shirt 1 - Clothixpack shirts product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-s104/01-back-92.webp",
        "alt": "Runtime Mock Neck Shirt 2 - Clothixpack shirts product image",
        "view": "back"
      }
    ],
    "description": "Runtime Mock Neck Shirt is built for base-layer comfort under technical outerwear. Schoeller stretch textile gives the piece its structure, while modular strap system handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "runtime-mock-neck-shirt-cxp-s104",
    "retail_price": 89,
    "seo_title": "Runtime Mock Neck Shirt — Shirts / $89 | Clothixpack",
    "seo_description": "Runtime Mock Neck Shirt is a Clothixpack technical shirt made with Schoeller stretch textile. Priced at $89 USD, serialized for traceability, and built ",
    "material": "Schoeller stretch textile",
    "construction": "modular strap system",
    "origin_country": "",
    "canonical_path": "/product/CXP-S104"
  },
  {
    "code": "CXP-H103",
    "name": "Ridge Technical Hoodie",
    "cat": "hoodies",
    "price": 129,
    "tag": null,
    "fabric": "Heavyweight technical fleece",
    "weight": "350 GSM",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 17",
    "images": [
      {
        "url": "/assets/products/cxp-h103/00-front-97.webp",
        "alt": "Ridge Technical Hoodie 1 - Clothixpack hoodies product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-h103/01-back-98.webp",
        "alt": "Ridge Technical Hoodie 2 - Clothixpack hoodies product image",
        "view": "back"
      }
    ],
    "description": "Ridge Technical Hoodie is built for thermal layering without losing structure. Heavyweight technical fleece gives the piece its structure, while modular strap system, asymmetric patterning handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "ridge-technical-hoodie-cxp-h103",
    "retail_price": 129,
    "seo_title": "Ridge Technical Hoodie — Hoodies / $129 | Clothixpack",
    "seo_description": "Ridge Technical Hoodie is a Clothixpack technical hoodie made with Heavyweight technical fleece. Priced at $129 USD, serialized for traceability, and bu",
    "material": "Heavyweight technical fleece",
    "construction": "modular strap system, asymmetric patterning",
    "origin_country": "",
    "canonical_path": "/product/CXP-H103"
  },
  {
    "code": "CXP-H104",
    "name": "Cowl Technical Hoodie",
    "cat": "hoodies",
    "price": 129,
    "tag": null,
    "fabric": "Heavyweight technical fleece",
    "weight": "350 GSM",
    "color": "Signal Red",
    "colors": [
      "#3a0a0a",
      "#0a0a0a"
    ],
    "season": "AW26 / 18",
    "images": [
      {
        "url": "/assets/products/cxp-h104/00-front-101.webp",
        "alt": "Cowl Technical Hoodie 1 - Clothixpack hoodies product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-h104/01-back-102.webp",
        "alt": "Cowl Technical Hoodie 2 - Clothixpack hoodies product image",
        "view": "back"
      }
    ],
    "description": "Cowl Technical Hoodie is built for thermal layering without losing structure. Heavyweight technical fleece gives the piece its structure, while modular strap system handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "cowl-technical-hoodie-cxp-h104",
    "retail_price": 129,
    "seo_title": "Cowl Technical Hoodie — Hoodies / $129 | Clothixpack",
    "seo_description": "Cowl Technical Hoodie is a Clothixpack technical hoodie made with Heavyweight technical fleece. Priced at $129 USD, serialized for traceability, and bui",
    "material": "Heavyweight technical fleece",
    "construction": "modular strap system",
    "origin_country": "",
    "canonical_path": "/product/CXP-H104"
  },
  {
    "code": "CXP-H105",
    "name": "Apex Technical Hoodie",
    "cat": "hoodies",
    "price": 129,
    "tag": null,
    "fabric": "Polartec stretch fleece",
    "weight": "310 GSM",
    "color": "Signal Red",
    "colors": [
      "#3a0a0a",
      "#0a0a0a"
    ],
    "season": "AW26 / 19",
    "images": [
      {
        "url": "/assets/products/cxp-h105/00-front-105.webp",
        "alt": "Apex Technical Hoodie 1 - Clothixpack hoodies product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-h105/01-back-106.webp",
        "alt": "Apex Technical Hoodie 2 - Clothixpack hoodies product image",
        "view": "back"
      }
    ],
    "description": "Apex Technical Hoodie is built for thermal layering without losing structure. Polartec stretch fleece gives the piece its structure, while taped seams, welded panels, laser-cut panels, asymmetric patterning, articulated fit, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "apex-technical-hoodie-cxp-h105",
    "retail_price": 129,
    "seo_title": "Apex Technical Hoodie — Hoodies / $129 | Clothixpack",
    "seo_description": "Apex Technical Hoodie is a Clothixpack technical hoodie made with Polartec stretch fleece. Priced at $129 USD, serialized for traceability, and built fo",
    "material": "Polartec stretch fleece",
    "construction": "taped seams, welded panels, laser-cut panels, asymmetric patterning, articulated fit, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-H105"
  },
  {
    "code": "CXP-H106",
    "name": "Veer Technical Hoodie",
    "cat": "hoodies",
    "price": 129,
    "tag": null,
    "fabric": "Merino wool jersey",
    "weight": "200GSM",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 20",
    "images": [
      {
        "url": "/assets/products/cxp-h106/00-front-111.webp",
        "alt": "Veer Technical Hoodie 1 - Clothixpack hoodies product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-h106/01-back-112.webp",
        "alt": "Veer Technical Hoodie 2 - Clothixpack hoodies product image",
        "view": "back"
      }
    ],
    "description": "Veer Technical Hoodie is built for thermal layering without losing structure. Merino wool jersey gives the piece its structure, while welded panels, laser-cut panels, cargo storage, asymmetric patterning, articulated fit, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "veer-technical-hoodie-cxp-h106",
    "retail_price": 129,
    "seo_title": "Veer Technical Hoodie — Hoodies / $129 | Clothixpack",
    "seo_description": "Veer Technical Hoodie is a Clothixpack technical hoodie made with Merino wool jersey. Priced at $129 USD, serialized for traceability, and built for tec",
    "material": "Merino wool jersey",
    "construction": "welded panels, laser-cut panels, cargo storage, asymmetric patterning, articulated fit, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-H106"
  },
  {
    "code": "CXP-H107",
    "name": "Arc Zip Hoodie",
    "cat": "hoodies",
    "price": 129,
    "tag": null,
    "fabric": "Merino wool jersey",
    "weight": "200GSM",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 21",
    "images": [
      {
        "url": "/assets/products/cxp-h107/00-front-117.webp",
        "alt": "Arc Zip Hoodie 1 - Clothixpack hoodies product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-h107/01-back-118.webp",
        "alt": "Arc Zip Hoodie 2 - Clothixpack hoodies product image",
        "view": "back"
      }
    ],
    "description": "Arc Zip Hoodie is built for thermal layering without losing structure. Merino wool jersey gives the piece its structure, while welded panels, YKK hardware, asymmetric patterning, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "arc-zip-hoodie-cxp-h107",
    "retail_price": 129,
    "seo_title": "Arc Zip Hoodie — Hoodies / $129 | Clothixpack",
    "seo_description": "Arc Zip Hoodie is a Clothixpack technical hoodie made with Merino wool jersey. Priced at $129 USD, serialized for traceability, and built for technical ",
    "material": "Merino wool jersey",
    "construction": "welded panels, YKK hardware, asymmetric patterning, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-H107"
  },
  {
    "code": "CXP-H108",
    "name": "Fold Zip Hoodie",
    "cat": "hoodies",
    "price": 129,
    "tag": null,
    "fabric": "Merino wool jersey",
    "weight": "200GSM",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 22",
    "images": [
      {
        "url": "/assets/products/cxp-h108/00-front-123.webp",
        "alt": "Fold Zip Hoodie 1 - Clothixpack hoodies product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-h108/01-back-124.webp",
        "alt": "Fold Zip Hoodie 2 - Clothixpack hoodies product image",
        "view": "back"
      }
    ],
    "description": "Fold Zip Hoodie is built for thermal layering without losing structure. Merino wool jersey gives the piece its structure, while welded panels, Fidlock hardware, YKK hardware, laser-cut panels, asymmetric patterning, articulated fit, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "fold-zip-hoodie-cxp-h108",
    "retail_price": 129,
    "seo_title": "Fold Zip Hoodie — Hoodies / $129 | Clothixpack",
    "seo_description": "Fold Zip Hoodie is a Clothixpack technical hoodie made with Merino wool jersey. Priced at $129 USD, serialized for traceability, and built for technical",
    "material": "Merino wool jersey",
    "construction": "welded panels, Fidlock hardware, YKK hardware, laser-cut panels, asymmetric patterning, articulated fit, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-H108"
  },
  {
    "code": "CXP-A105",
    "name": "Tension Chest Rig",
    "cat": "accessories",
    "price": 89,
    "tag": null,
    "fabric": "Waxed leather and nylon webbing",
    "weight": "320 GSM",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 23",
    "images": [
      {
        "url": "/assets/products/cxp-a105/00-front-129.webp",
        "alt": "Tension Chest Rig 1 - Clothixpack accessories product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-a105/01-back-130.webp",
        "alt": "Tension Chest Rig 2 - Clothixpack accessories product image",
        "view": "back"
      }
    ],
    "description": "Tension Chest Rig is built for hands-free carry over layered silhouettes. Waxed leather and nylon webbing gives the piece its structure, while taped seams, welded panels, Fidlock hardware, laser-cut panels, asymmetric patterning, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "tension-chest-rig-cxp-a105",
    "retail_price": 89,
    "seo_title": "Tension Chest Rig — Accessories / $89 | Clothixpack",
    "seo_description": "Tension Chest Rig is a Clothixpack utility accessory made with Waxed leather and nylon webbing. Priced at $89 USD, serialized for traceability, and buil",
    "material": "Waxed leather and nylon webbing",
    "construction": "taped seams, welded panels, Fidlock hardware, laser-cut panels, asymmetric patterning, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-A105"
  },
  {
    "code": "CXP-J105",
    "name": "Moraine Hardshell Jacket",
    "cat": "jackets",
    "price": 169,
    "tag": null,
    "fabric": "3-layer waterproof breathable laminate",
    "weight": "",
    "color": "Carbon",
    "colors": [
      "#111111",
      "#2d2d2d"
    ],
    "season": "AW26 / 24",
    "images": [
      {
        "url": "/assets/products/cxp-j105/00-front-135.webp",
        "alt": "Moraine Hardshell Jacket 1 - Clothixpack jackets product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-j105/01-back-136.webp",
        "alt": "Moraine Hardshell Jacket 2 - Clothixpack jackets product image",
        "view": "back"
      }
    ],
    "description": "Moraine Hardshell Jacket is built for transitional rain, wind, and city movement. 3-layer waterproof breathable laminate gives the piece its structure, while welded panels, articulated fit handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "moraine-hardshell-jacket-cxp-j105",
    "retail_price": 169,
    "seo_title": "Moraine Hardshell Jacket — Jackets / $169 | Clothixpack",
    "seo_description": "Moraine Hardshell Jacket is a Clothixpack technical shell made with 3-layer waterproof breathable laminate. Priced at $169 USD, serialized for long-term rep",
    "material": "3-layer waterproof breathable laminate",
    "construction": "welded panels, articulated fit",
    "origin_country": "",
    "canonical_path": "/product/CXP-J105"
  },
  {
    "code": "CXP-J106",
    "name": "Spire Softshell Jacket",
    "cat": "jackets",
    "price": 169,
    "tag": null,
    "fabric": "Polartec stretch fleece",
    "weight": "450GSM",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 25",
    "images": [
      {
        "url": "/assets/products/cxp-j106/00-front-141.webp",
        "alt": "Spire Softshell Jacket 1 - Clothixpack jackets product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-j106/01-back-142.webp",
        "alt": "Spire Softshell Jacket 2 - Clothixpack jackets product image",
        "view": "back"
      }
    ],
    "description": "Spire Softshell Jacket is built for transitional rain, wind, and city movement. Polartec stretch fleece gives the piece its structure, while taped seams, Fidlock hardware, YKK hardware, laser-cut panels, asymmetric patterning, articulated fit, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "spire-softshell-jacket-cxp-j106",
    "retail_price": 169,
    "seo_title": "Spire Softshell Jacket — Jackets / $169 | Clothixpack",
    "seo_description": "Spire Softshell Jacket is a Clothixpack technical shell made with Polartec stretch fleece. Priced at $169 USD, serialized for traceability, and built fo",
    "material": "Polartec stretch fleece",
    "construction": "taped seams, Fidlock hardware, YKK hardware, laser-cut panels, asymmetric patterning, articulated fit, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-J106"
  },
  {
    "code": "CXP-J107",
    "name": "Field Softshell Jacket",
    "cat": "jackets",
    "price": 169,
    "tag": null,
    "fabric": "Bonded softshell textile",
    "weight": "400GSM",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 26",
    "images": [
      {
        "url": "/assets/products/cxp-j107/00-front-147.webp",
        "alt": "Field Softshell Jacket 1 - Clothixpack jackets product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-j107/01-back-148.webp",
        "alt": "Field Softshell Jacket 2 - Clothixpack jackets product image",
        "view": "back"
      }
    ],
    "description": "Field Softshell Jacket is built for transitional rain, wind, and city movement. Bonded softshell textile gives the piece its structure, while Fidlock hardware, asymmetric patterning, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "field-softshell-jacket-cxp-j107",
    "retail_price": 169,
    "seo_title": "Field Softshell Jacket — Jackets / $169 | Clothixpack",
    "seo_description": "Field Softshell Jacket is a Clothixpack technical shell made with Bonded softshell textile. Priced at $169 USD, serialized for traceability, and built f",
    "material": "Bonded softshell textile",
    "construction": "Fidlock hardware, asymmetric patterning, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-J107"
  },
  {
    "code": "CXP-P103",
    "name": "Lattice Cargo Pant",
    "cat": "pants",
    "price": 129,
    "tag": null,
    "fabric": "Cotton-stretch technical twill",
    "weight": "280 GSM",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 27",
    "images": [
      {
        "url": "/assets/products/cxp-p103/00-front-153.webp",
        "alt": "Lattice Cargo Pant 1 - Clothixpack pants product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-p103/01-back-154.webp",
        "alt": "Lattice Cargo Pant 2 - Clothixpack pants product image",
        "view": "back"
      }
    ],
    "description": "Lattice Cargo Pant is built for daily carry, seated transit, and boot-stacked movement. Cotton-stretch technical twill gives the piece its structure, while YKK hardware, cargo storage, modular strap system handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "lattice-cargo-pant-cxp-p103",
    "retail_price": 129,
    "seo_title": "Lattice Cargo Pant — Pants / $129 | Clothixpack",
    "seo_description": "Lattice Cargo Pant is a Clothixpack technical cargo pant made with Cotton-stretch technical twill. Priced at $129 USD, serialized for traceability, and ",
    "material": "Cotton-stretch technical twill",
    "construction": "YKK hardware, cargo storage, modular strap system",
    "origin_country": "",
    "canonical_path": "/product/CXP-P103"
  },
  {
    "code": "CXP-J108",
    "name": "Grid Hardshell Jacket",
    "cat": "jackets",
    "price": 169,
    "tag": null,
    "fabric": "3-layer waterproof breathable laminate",
    "weight": "210GSM",
    "color": "Carbon",
    "colors": [
      "#111111",
      "#2d2d2d"
    ],
    "season": "AW26 / 28",
    "images": [
      {
        "url": "/assets/products/cxp-j108/00-front-159.webp",
        "alt": "Grid Hardshell Jacket 1 - Clothixpack jackets product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-j108/01-back-160.webp",
        "alt": "Grid Hardshell Jacket 2 - Clothixpack jackets product image",
        "view": "back"
      }
    ],
    "description": "Grid Hardshell Jacket is built for transitional rain, wind, and city movement. 3-layer waterproof breathable laminate gives the piece its structure, while YKK hardware, asymmetric patterning, articulated fit, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "grid-hardshell-jacket-cxp-j108",
    "retail_price": 169,
    "seo_title": "Grid Hardshell Jacket — Jackets / $169 | Clothixpack",
    "seo_description": "Grid Hardshell Jacket is a Clothixpack technical shell made with 3-layer waterproof breathable laminate. Priced at $169 USD, serialized for traceability",
    "material": "3-layer waterproof breathable laminate",
    "construction": "YKK hardware, asymmetric patterning, articulated fit, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-J108"
  },
  {
    "code": "CXP-V101",
    "name": "Rift Waterproof Vest",
    "cat": "vests",
    "price": 129,
    "tag": null,
    "fabric": "3-layer waterproof breathable laminate",
    "weight": "180 GSM",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 29",
    "images": [
      {
        "url": "/assets/products/cxp-v101/00-front-165.webp",
        "alt": "Rift Waterproof Vest 1 - Clothixpack vests product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-v101/01-back-166.webp",
        "alt": "Rift Waterproof Vest 2 - Clothixpack vests product image",
        "view": "back"
      }
    ],
    "description": "Rift Waterproof Vest is built for modular storage over shells and hoodies. 3-layer waterproof breathable laminate gives the piece its structure, while taped seams, welded panels, Fidlock hardware, laser-cut panels, cargo storage, modular strap system, asymmetric patterning, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "rift-waterproof-vest-cxp-v101",
    "retail_price": 129,
    "seo_title": "Rift Waterproof Vest — Vests / $129 | Clothixpack",
    "seo_description": "Rift Waterproof Vest is a Clothixpack utility vest made with 3-layer waterproof breathable laminate. Priced at $129 USD, serialized for traceability, an",
    "material": "3-layer waterproof breathable laminate",
    "construction": "taped seams, welded panels, Fidlock hardware, laser-cut panels, cargo storage, modular strap system, asymmetric patterning, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-V101"
  },
  {
    "code": "CXP-P104",
    "name": "Trace Cargo Pant",
    "cat": "pants",
    "price": 129,
    "tag": null,
    "fabric": "Cordura 500D nylon",
    "weight": "320 GSM",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 30",
    "images": [
      {
        "url": "/assets/products/cxp-p104/00-front-171.webp",
        "alt": "Trace Cargo Pant 1 - Clothixpack pants product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-p104/01-back-172.webp",
        "alt": "Trace Cargo Pant 2 - Clothixpack pants product image",
        "view": "back"
      }
    ],
    "description": "Trace Cargo Pant is built for daily carry, seated transit, and boot-stacked movement. Cordura 500D nylon gives the piece its structure, while YKK hardware, cargo storage, modular strap system, asymmetric patterning, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "trace-cargo-pant-cxp-p104",
    "retail_price": 129,
    "seo_title": "Trace Cargo Pant — Pants / $129 | Clothixpack",
    "seo_description": "Trace Cargo Pant is a Clothixpack technical cargo pant made with Cordura 500D nylon. Priced at $129 USD, serialized for traceability, and built for tech",
    "material": "Cordura 500D nylon",
    "construction": "YKK hardware, cargo storage, modular strap system, asymmetric patterning, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-P104"
  },
  {
    "code": "CXP-A106",
    "name": "Kilo Waterproof Vest",
    "cat": "accessories",
    "price": 89,
    "tag": null,
    "fabric": "3-layer waterproof breathable laminate",
    "weight": "180 GSM",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 31",
    "images": [
      {
        "url": "/assets/products/cxp-a106/00-front-177.webp",
        "alt": "Kilo Waterproof Vest 1 - Clothixpack accessories product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-a106/01-back-178.webp",
        "alt": "Kilo Waterproof Vest 2 - Clothixpack accessories product image",
        "view": "back"
      }
    ],
    "description": "Kilo Waterproof Vest is built for hands-free carry over layered silhouettes. 3-layer waterproof breathable laminate gives the piece its structure, while taped seams, laser-cut panels handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "kilo-waterproof-vest-cxp-a106",
    "retail_price": 89,
    "seo_title": "Kilo Waterproof Vest — Accessories / $89 | Clothixpack",
    "seo_description": "Kilo Waterproof Vest is a Clothixpack utility accessory made with 3-layer waterproof breathable laminate. Priced at $89 USD, serialized for traceability",
    "material": "3-layer waterproof breathable laminate",
    "construction": "taped seams, laser-cut panels",
    "origin_country": "",
    "canonical_path": "/product/CXP-A106"
  },
  {
    "code": "CXP-V102",
    "name": "Basin Waterproof Vest",
    "cat": "vests",
    "price": 129,
    "tag": null,
    "fabric": "3-layer waterproof breathable laminate",
    "weight": "140 GSM",
    "color": "Signal Red",
    "colors": [
      "#3a0a0a",
      "#0a0a0a"
    ],
    "season": "AW26 / 32",
    "images": [
      {
        "url": "/assets/products/cxp-v102/00-front-183.webp",
        "alt": "Basin Waterproof Vest 1 - Clothixpack vests product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-v102/01-back-184.webp",
        "alt": "Basin Waterproof Vest 2 - Clothixpack vests product image",
        "view": "back"
      }
    ],
    "description": "Basin Waterproof Vest is built for modular storage over shells and hoodies. 3-layer waterproof breathable laminate gives the piece its structure, while taped seams, welded panels, laser-cut panels, asymmetric patterning, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "basin-waterproof-vest-cxp-v102",
    "retail_price": 129,
    "seo_title": "Basin Waterproof Vest — Vests / $129 | Clothixpack",
    "seo_description": "Basin Waterproof Vest is a Clothixpack utility vest made with 3-layer waterproof breathable laminate. Priced at $129 USD, serialized for traceability, a",
    "material": "3-layer waterproof breathable laminate",
    "construction": "taped seams, welded panels, laser-cut panels, asymmetric patterning, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-V102"
  },
  {
    "code": "CXP-A107",
    "name": "Sling Waterproof Vest",
    "cat": "accessories",
    "price": 89,
    "tag": null,
    "fabric": "Cordura 500D nylon",
    "weight": "",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 33",
    "images": [
      {
        "url": "/assets/products/cxp-a107/00-front-189.webp",
        "alt": "Sling Waterproof Vest 1 - Clothixpack accessories product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-a107/01-back-190.webp",
        "alt": "Sling Waterproof Vest 2 - Clothixpack accessories product image",
        "view": "back"
      }
    ],
    "description": "Sling Waterproof Vest is built for hands-free carry over layered silhouettes. Cordura 500D nylon gives the piece its structure, while taped seams, Fidlock hardware, YKK hardware, laser-cut panels, cargo storage, articulated fit handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "sling-waterproof-vest-cxp-a107",
    "retail_price": 89,
    "seo_title": "Sling Waterproof Vest — Accessories / $89 | Clothixpack",
    "seo_description": "Sling Waterproof Vest is a Clothixpack utility accessory made with Cordura 500D nylon. Priced at $89 USD, serialized for traceability, and built for tec",
    "material": "Cordura 500D nylon",
    "construction": "taped seams, Fidlock hardware, YKK hardware, laser-cut panels, cargo storage, articulated fit",
    "origin_country": "",
    "canonical_path": "/product/CXP-A107"
  },
  {
    "code": "CXP-J109",
    "name": "Vapor Hardshell Jacket",
    "cat": "jackets",
    "price": 169,
    "tag": null,
    "fabric": "Polartec stretch fleece",
    "weight": "175 GSM",
    "color": "Charcoal",
    "colors": [
      "#1a1a1a",
      "#3a3a3a"
    ],
    "season": "AW26 / 34",
    "images": [
      {
        "url": "/assets/products/cxp-j109/00-front-195.webp",
        "alt": "Vapor Hardshell Jacket 1 - Clothixpack jackets product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-j109/01-back-196.webp",
        "alt": "Vapor Hardshell Jacket 2 - Clothixpack jackets product image",
        "view": "back"
      }
    ],
    "description": "Vapor Hardshell Jacket is built for transitional rain, wind, and city movement. Polartec stretch fleece gives the piece its structure, while taped seams, welded panels, asymmetric patterning, articulated fit handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "vapor-hardshell-jacket-cxp-j109",
    "retail_price": 169,
    "seo_title": "Vapor Hardshell Jacket — Jackets / $169 | Clothixpack",
    "seo_description": "Vapor Hardshell Jacket is a Clothixpack technical shell made with Polartec stretch fleece. Priced at $169 USD, serialized for traceability, and built fo",
    "material": "Polartec stretch fleece",
    "construction": "taped seams, welded panels, asymmetric patterning, articulated fit",
    "origin_country": "",
    "canonical_path": "/product/CXP-J109"
  },
  {
    "code": "CXP-P105",
    "name": "Mica Cargo Pant",
    "cat": "pants",
    "price": 129,
    "tag": null,
    "fabric": "Silk-cupro technical twill",
    "weight": "320GSM",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 35",
    "images": [
      {
        "url": "/assets/products/cxp-p105/00-front-201.webp",
        "alt": "Mica Cargo Pant 1 - Clothixpack pants product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-p105/01-back-202.webp",
        "alt": "Mica Cargo Pant 2 - Clothixpack pants product image",
        "view": "back"
      }
    ],
    "description": "Mica Cargo Pant is built for daily carry, seated transit, and boot-stacked movement. Silk-cupro technical twill gives the piece its structure, while YKK hardware, cargo storage, articulated fit, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "mica-cargo-pant-cxp-p105",
    "retail_price": 129,
    "seo_title": "Mica Cargo Pant — Pants / $129 | Clothixpack",
    "seo_description": "Mica Cargo Pant is a Clothixpack technical cargo pant made with Silk-cupro technical twill. Priced at $129 USD, serialized for traceability, and built f",
    "material": "Silk-cupro technical twill",
    "construction": "YKK hardware, cargo storage, articulated fit, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-P105"
  },
  {
    "code": "CXP-J110",
    "name": "Vanta Hardshell Jacket",
    "cat": "jackets",
    "price": 169,
    "tag": null,
    "fabric": "3-layer waterproof breathable laminate",
    "weight": "210GSM",
    "color": "Signal Red",
    "colors": [
      "#3a0a0a",
      "#0a0a0a"
    ],
    "season": "AW26 / 36",
    "images": [
      {
        "url": "/assets/products/cxp-j110/00-front-207.webp",
        "alt": "Vanta Hardshell Jacket 1 - Clothixpack jackets product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-j110/01-back-208.webp",
        "alt": "Vanta Hardshell Jacket 2 - Clothixpack jackets product image",
        "view": "back"
      }
    ],
    "description": "Vanta Hardshell Jacket is built for transitional rain, wind, and city movement. 3-layer waterproof breathable laminate gives the piece its structure, while welded panels, laser-cut panels, asymmetric patterning handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "vanta-hardshell-jacket-cxp-j110",
    "retail_price": 169,
    "seo_title": "Vanta Hardshell Jacket — Jackets / $169 | Clothixpack",
    "seo_description": "Vanta Hardshell Jacket is a Clothixpack technical shell made with 3-layer waterproof breathable laminate. Priced at $169 USD, serialized for traceabilityi",
    "material": "3-layer waterproof breathable laminate",
    "construction": "welded panels, laser-cut panels, asymmetric patterning",
    "origin_country": "",
    "canonical_path": "/product/CXP-J110"
  },
  {
    "code": "CXP-J111",
    "name": "Pilot Hardshell Jacket",
    "cat": "jackets",
    "price": 169,
    "tag": null,
    "fabric": "3-layer waterproof breathable laminate",
    "weight": "210GSM",
    "color": "Signal Red",
    "colors": [
      "#3a0a0a",
      "#0a0a0a"
    ],
    "season": "AW26 / 37",
    "images": [
      {
        "url": "/assets/products/cxp-j111/00-front-213.webp",
        "alt": "Pilot Hardshell Jacket 1 - Clothixpack jackets product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-j111/01-back-214.webp",
        "alt": "Pilot Hardshell Jacket 2 - Clothixpack jackets product image",
        "view": "back"
      }
    ],
    "description": "Pilot Hardshell Jacket is built for transitional rain, wind, and city movement. 3-layer waterproof breathable laminate gives the piece its structure, while taped seams, welded panels, Fidlock hardware, laser-cut panels, asymmetric patterning, articulated fit, magnetic closure handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "pilot-hardshell-jacket-cxp-j111",
    "retail_price": 169,
    "seo_title": "Pilot Hardshell Jacket — Jackets / $169 | Clothixpack",
    "seo_description": "Pilot Hardshell Jacket is a Clothixpack technical shell made with 3-layer waterproof breathable laminate. Priced at $169 USD, serialized for traceabilityi",
    "material": "3-layer waterproof breathable laminate",
    "construction": "taped seams, welded panels, Fidlock hardware, laser-cut panels, asymmetric patterning, articulated fit, magnetic closure",
    "origin_country": "",
    "canonical_path": "/product/CXP-J111"
  },
  {
    "code": "CXP-J112",
    "name": "Cinder Hardshell Jacket",
    "cat": "jackets",
    "price": 169,
    "tag": null,
    "fabric": "3-layer waterproof breathable laminate",
    "weight": "210GSM",
    "color": "Obsidian",
    "colors": [
      "#0a0a0a",
      "#1a1a1a"
    ],
    "season": "AW26 / 38",
    "images": [
      {
        "url": "/assets/products/cxp-j112/00-front-219.webp",
        "alt": "Cinder Hardshell Jacket 1 - Clothixpack jackets product image",
        "view": "front"
      },
      {
        "url": "/assets/products/cxp-j112/01-back-220.webp",
        "alt": "Cinder Hardshell Jacket 2 - Clothixpack jackets product image",
        "view": "back"
      }
    ],
    "description": "Cinder Hardshell Jacket is built for transitional rain, wind, and city movement. 3-layer waterproof breathable laminate gives the piece its structure, while taped seams, welded panels, YKK hardware, laser-cut panels, asymmetric patterning, articulated fit handles the functional load. Serialized at checkout for product authentication and order traceability.",
    "status": "active",
    "slug": "cinder-hardshell-jacket-cxp-j112",
    "retail_price": 169,
    "seo_title": "Cinder Hardshell Jacket — Jackets / $169 | Clothixpack",
    "seo_description": "Cinder Hardshell Jacket is a Clothixpack technical shell made with 3-layer waterproof breathable laminate. Priced at $169 USD, serialized for traceability",
    "material": "3-layer waterproof breathable laminate",
    "construction": "taped seams, welded panels, YKK hardware, laser-cut panels, asymmetric patterning, articulated fit",
    "origin_country": "",
    "canonical_path": "/product/CXP-J112"
  }
];

/* ------------------------------------------------------------
   Live catalog bootstrap.
   On page load, fetch /api/categories and /api/products to populate
   window.CATEGORIES / window.CATALOG. If the API is unreachable, fall
   back to the hardcoded data above so the site still renders.
   ------------------------------------------------------------ */
window.CATEGORIES = FALLBACK_CATEGORIES;
window.CATALOG    = FALLBACK_CATALOG;

const _catalogCbs = [];
window.onCatalogReady = function (cb) {
  if (window.__cxpCatalogReady) cb();
  else _catalogCbs.push(cb);
};

window.CXP_LOADING = (async () => {
  try {
    const [catsRes, prodsRes] = await Promise.all([
      fetch('/api/categories', { credentials: 'same-origin' }),
      fetch('/api/products?limit=200', { credentials: 'same-origin' }),
    ]);

    if (catsRes.ok) {
      const { categories } = await catsRes.json();
      if (Array.isArray(categories) && categories.length) {
        window.CATEGORIES = categories.map(c => ({
          slug: c.slug,
          label: c.label,
          code: c.code,
          count: c.active_count ?? c.piece_count ?? 0,
        }));
      }
    }

    if (prodsRes.ok) {
      const { products } = await prodsRes.json();
      if (Array.isArray(products)) {
        // Adapt API shape → existing CATALOG shape used by JSX components.
        window.CATALOG = products.map(p => ({
          code: p.code,
          name: p.name,
          cat: p.cat,
          price: p.price,
          tag: p.tag || null,
          fabric: p.fabric || '',
          weight: p.weight || '',
          color: p.color || '',
          colors: Array.isArray(p.colors) ? p.colors : [],
          season: p.season || '',
          // Extras from the API that components can opt in to:
          images: Array.isArray(p.images) ? p.images : [],
          description: p.description || '',
          status: p.status || 'active',
          slug: p.slug || '',
          retail_price: p.retail_price || p.price,
          seo_title: p.seo_title || '',
          seo_description: p.seo_description || '',
          meta_keywords: p.meta_keywords || '',
          material: p.material || '',
          construction: p.construction || '',
          origin_country: p.origin_country || '',
          canonical_path: p.canonical_path || `/product/${p.code}`,
          wholesale_price_tiers: Array.isArray(p.wholesale_price_tiers) ? p.wholesale_price_tiers : [],
          id: p.id,
        }));
      }
    }
  } catch (err) {
    console.warn('[catalog] live fetch failed, using fallback data:', err);
  } finally {
    window.__cxpCatalogReady = true;
    _catalogCbs.forEach(cb => { try { cb(); } catch {} });
    window.dispatchEvent(new CustomEvent('cxp:catalog-ready', {
      detail: { categories: window.CATEGORIES, catalog: window.CATALOG }
    }));
  }
})();

/* ------------------------------------------------------------
   Silhouette — abstract garment SVG by category
   Drawn as flat-lay technical illustrations.
   `view` = "front" | "back"
   ------------------------------------------------------------ */
function Silhouette({ cat, view = "front", accent = "#1f1f1f", line = "rgba(255,255,255,0.18)" }) {
  const stroke = line;
  const fill = accent;
  const hi = "rgba(255,255,255,0.04)";

  // common transform shrinks silhouette inside frame
  const common = {
    width: "62%", height: "78%", viewBox: "0 0 100 130",
    style: { overflow: "visible" }
  };

  // JACKET
  if (cat === "jackets") {
    return (
      <svg {...common} fill="none" stroke={stroke} strokeWidth="0.4">
        <defs>
          <linearGradient id="jg" x1="0" x2="0" y1="0" y2="1">
            <stop offset="0" stopColor="#2a2a2a"/>
            <stop offset="1" stopColor="#141414"/>
          </linearGradient>
        </defs>
        {/* body */}
        <path d="M22 22 L40 14 L60 14 L78 22 L82 50 L86 110 L74 118 L26 118 L14 110 L18 50 Z" fill="url(#jg)" stroke={stroke}/>
        {/* sleeves */}
        <path d="M22 22 L8 38 L4 86 L18 92 L22 56 Z" fill="url(#jg)" stroke={stroke}/>
        <path d="M78 22 L92 38 L96 86 L82 92 L78 56 Z" fill="url(#jg)" stroke={stroke}/>
        {/* collar */}
        <path d="M40 14 L46 24 L54 24 L60 14" fill="#0a0a0a" stroke={stroke}/>
        {view === "front" ? (
          <>
            {/* zipper */}
            <line x1="50" y1="24" x2="50" y2="118" stroke="#c8ff00" strokeWidth="0.35"/>
            {/* chest pocket */}
            <rect x="56" y="44" width="18" height="14" fill={hi} stroke={stroke}/>
            <line x1="56" y1="48" x2="74" y2="48" stroke={stroke}/>
            {/* hem pockets */}
            <path d="M22 80 L40 80 L42 100 L26 100 Z" fill={hi} stroke={stroke}/>
            <path d="M78 80 L60 80 L58 100 L74 100 Z" fill={hi} stroke={stroke}/>
            {/* logo tab */}
            <rect x="30" y="40" width="10" height="3" fill="#c8ff00"/>
          </>
        ) : (
          <>
            {/* yoke */}
            <path d="M22 22 L78 22 L82 36 L18 36 Z" fill={hi} stroke={stroke}/>
            {/* center back seam */}
            <line x1="50" y1="36" x2="50" y2="118" stroke={stroke}/>
            <rect x="44" y="48" width="12" height="3" fill="#c8ff00"/>
          </>
        )}
      </svg>
    );
  }

  // PANTS
  if (cat === "pants") {
    return (
      <svg {...common} viewBox="0 0 100 140" fill="none" stroke={stroke} strokeWidth="0.4">
        <defs>
          <linearGradient id="pg" x1="0" x2="0" y1="0" y2="1">
            <stop offset="0" stopColor="#252525"/>
            <stop offset="1" stopColor="#101010"/>
          </linearGradient>
        </defs>
        {/* waistband */}
        <rect x="22" y="10" width="56" height="8" fill="#0a0a0a" stroke={stroke}/>
        {/* legs */}
        <path d="M22 18 L78 18 L74 70 L70 132 L54 132 L50 80 L46 132 L30 132 L26 70 Z" fill="url(#pg)" stroke={stroke}/>
        {view === "front" ? (
          <>
            <line x1="50" y1="18" x2="50" y2="80" stroke={stroke}/>
            {/* cargo pockets */}
            <rect x="28" y="44" width="14" height="20" fill={hi} stroke={stroke}/>
            <rect x="58" y="44" width="14" height="20" fill={hi} stroke={stroke}/>
            {/* fly */}
            <line x1="50" y1="18" x2="50" y2="32" stroke="#c8ff00" strokeWidth="0.4"/>
            {/* knee panels */}
            <line x1="34" y1="86" x2="44" y2="86" stroke={stroke}/>
            <line x1="56" y1="86" x2="66" y2="86" stroke={stroke}/>
          </>
        ) : (
          <>
            <rect x="30" y="28" width="14" height="14" fill={hi} stroke={stroke}/>
            <rect x="56" y="28" width="14" height="14" fill={hi} stroke={stroke}/>
            <rect x="44" y="22" width="12" height="3" fill="#c8ff00"/>
          </>
        )}
      </svg>
    );
  }

  // SHIRTS / OVERSHIRTS
  if (cat === "shirts") {
    return (
      <svg {...common} fill="none" stroke={stroke} strokeWidth="0.4">
        <defs>
          <linearGradient id="sg" x1="0" x2="0" y1="0" y2="1">
            <stop offset="0" stopColor="#272727"/>
            <stop offset="1" stopColor="#151515"/>
          </linearGradient>
        </defs>
        <path d="M28 20 L42 14 L58 14 L72 20 L84 38 L78 50 L80 110 L20 110 L22 50 L16 38 Z" fill="url(#sg)" stroke={stroke}/>
        {/* sleeves */}
        <path d="M16 38 L8 58 L18 64 L22 50 Z" fill="url(#sg)" stroke={stroke}/>
        <path d="M84 38 L92 58 L82 64 L78 50 Z" fill="url(#sg)" stroke={stroke}/>
        {/* collar */}
        <path d="M42 14 L48 24 L52 24 L58 14" fill="#0a0a0a" stroke={stroke}/>
        {view === "front" ? (
          <>
            <line x1="50" y1="24" x2="50" y2="110" stroke={stroke}/>
            {/* buttons */}
            <circle cx="50" cy="40" r="0.8" fill="#c8ff00"/>
            <circle cx="50" cy="56" r="0.8" fill="#c8ff00"/>
            <circle cx="50" cy="72" r="0.8" fill="#c8ff00"/>
            <circle cx="50" cy="88" r="0.8" fill="#c8ff00"/>
            <rect x="58" y="44" width="14" height="12" fill={hi} stroke={stroke}/>
            <rect x="28" y="44" width="14" height="12" fill={hi} stroke={stroke}/>
          </>
        ) : (
          <>
            <path d="M28 30 L72 30 L74 42 L26 42 Z" fill={hi} stroke={stroke}/>
            <rect x="44" y="50" width="12" height="3" fill="#c8ff00"/>
          </>
        )}
      </svg>
    );
  }

  // HOODIES
  if (cat === "hoodies") {
    return (
      <svg {...common} fill="none" stroke={stroke} strokeWidth="0.4">
        <defs>
          <linearGradient id="hg" x1="0" x2="0" y1="0" y2="1">
            <stop offset="0" stopColor="#262626"/>
            <stop offset="1" stopColor="#101010"/>
          </linearGradient>
        </defs>
        {/* hood */}
        <path d="M36 10 Q50 2 64 10 L72 22 L28 22 Z" fill="#0a0a0a" stroke={stroke}/>
        {/* body */}
        <path d="M28 22 L72 22 L82 36 L86 110 L72 116 L28 116 L14 110 L18 36 Z" fill="url(#hg)" stroke={stroke}/>
        {/* sleeves */}
        <path d="M18 36 L8 56 L4 92 L16 96 L22 60 Z" fill="url(#hg)" stroke={stroke}/>
        <path d="M82 36 L92 56 L96 92 L84 96 L78 60 Z" fill="url(#hg)" stroke={stroke}/>
        {/* cuffs + hem */}
        <rect x="4" y="92" width="14" height="4" fill="#0a0a0a"/>
        <rect x="82" y="92" width="14" height="4" fill="#0a0a0a"/>
        <rect x="28" y="112" width="44" height="4" fill="#0a0a0a"/>
        {view === "front" ? (
          <>
            {/* drawstrings */}
            <line x1="46" y1="22" x2="46" y2="40" stroke="#c8ff00" strokeWidth="0.4"/>
            <line x1="54" y1="22" x2="54" y2="40" stroke="#c8ff00" strokeWidth="0.4"/>
            {/* kangaroo pocket */}
            <path d="M28 60 L72 60 L68 92 L32 92 Z" fill={hi} stroke={stroke}/>
            <line x1="40" y1="70" x2="60" y2="70" stroke={stroke}/>
          </>
        ) : (
          <>
            <line x1="50" y1="22" x2="50" y2="112" stroke={stroke}/>
            <rect x="44" y="40" width="12" height="3" fill="#c8ff00"/>
          </>
        )}
      </svg>
    );
  }

  // SKIRTS
  if (cat === "skirts") {
    return (
      <svg {...common} viewBox="0 0 100 130" fill="none" stroke={stroke} strokeWidth="0.4">
        <defs>
          <linearGradient id="kg" x1="0" x2="0" y1="0" y2="1">
            <stop offset="0" stopColor="#262626"/>
            <stop offset="1" stopColor="#0f0f0f"/>
          </linearGradient>
        </defs>
        <rect x="24" y="22" width="52" height="8" fill="#0a0a0a" stroke={stroke}/>
        <path d="M24 30 L76 30 L86 116 L14 116 Z" fill="url(#kg)" stroke={stroke}/>
        {view === "front" ? (
          <>
            <line x1="50" y1="30" x2="50" y2="116" stroke={stroke}/>
            <rect x="32" y="44" width="14" height="18" fill={hi} stroke={stroke}/>
            <rect x="54" y="44" width="14" height="18" fill={hi} stroke={stroke}/>
            <rect x="44" y="22" width="12" height="3" fill="#c8ff00"/>
          </>
        ) : (
          <>
            <line x1="50" y1="30" x2="50" y2="116" stroke={stroke}/>
            <line x1="30" y1="50" x2="70" y2="50" stroke={stroke}/>
          </>
        )}
      </svg>
    );
  }

  // TRACKSUITS — composition of hoodie + pants
  if (cat === "tracksuits") {
    return (
      <svg {...common} viewBox="0 0 130 140" fill="none" stroke={stroke} strokeWidth="0.4">
        <defs>
          <linearGradient id="tg" x1="0" x2="0" y1="0" y2="1">
            <stop offset="0" stopColor="#262626"/>
            <stop offset="1" stopColor="#101010"/>
          </linearGradient>
        </defs>
        {/* top (left side) */}
        <g transform="translate(-4, 0)">
          <path d="M22 18 Q34 12 46 18 L52 26 L18 26 Z" fill="#0a0a0a" stroke={stroke}/>
          <path d="M18 26 L52 26 L58 38 L60 84 L52 88 L18 88 L10 84 L12 38 Z" fill="url(#tg)" stroke={stroke}/>
          <path d="M12 38 L4 56 L2 76 L10 80 L14 54 Z" fill="url(#tg)" stroke={stroke}/>
          <path d="M58 38 L66 56 L68 76 L60 80 L56 54 Z" fill="url(#tg)" stroke={stroke}/>
          <line x1="35" y1="26" x2="35" y2="88" stroke="#c8ff00" strokeWidth="0.3"/>
          <path d="M18 56 L52 56 L48 78 L22 78 Z" fill={hi} stroke={stroke}/>
        </g>
        {/* pants (right side) */}
        <g transform="translate(72, 12)">
          <rect x="0" y="0" width="40" height="6" fill="#0a0a0a" stroke={stroke}/>
          <path d="M0 6 L40 6 L37 50 L34 124 L23 124 L21 60 L19 60 L17 124 L6 124 L3 50 Z" fill="url(#tg)" stroke={stroke}/>
          <line x1="20" y1="6" x2="20" y2="60" stroke={stroke}/>
          {/* side stripe */}
          <rect x="3" y="6" width="1.4" height="118" fill="#c8ff00"/>
          <rect x="35.6" y="6" width="1.4" height="118" fill="#c8ff00"/>
        </g>
      </svg>
    );
  }

  return null;
}

window.CATEGORIES = CATEGORIES;
window.CATALOG = CATALOG;
window.Silhouette = Silhouette;
