{
  "action": "Product-ShowQuickView",
  "queryString": "isFromPLPFlow=false&pid=CAN-M-570258",
  "locale": "default",
  "product": {
    "uuid": "cfaf08c1b660b9e1ec73e3b264",
    "id": "CAN-M-570258",
    "upc": "",
    "productName": "Color XG Permanent Cream Hair Color",
    "productType": "master",
    "manufacturerSKU": null,
    "manufacturerName": "John Paul Mitchell Systems",
    "brand": {},
    "brandUrl": "/shop-by-brand/john-paul-mitchell-systems",
    "url": {},
    "bvAverageRating": "5.0",
    "bvReviewCount": "3",
    "price": {
      "sales": {
        "value": null,
        "currency": null,
        "formatted": null
      },
      "list": null,
      "type": "default",
      "isDiscountModelPricebookPrice": false,
      "hasPrice": false
    },
    "images": {
      "pdpLarge": [
        {
          "alt": "Color XG Permanent Cream Hair Color",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw84d7c8d4/images/johnpaulmitchellsystems/576560C.jpg?sw=650&sh=650&sfrm=png",
          "title": "Color XG Permanent Cream Hair Color"
        }
      ],
      "zoom": [
        {
          "alt": "Color XG Permanent Cream Hair Color",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw84d7c8d4/images/johnpaulmitchellsystems/576560C.jpg?sw=1500&sh=1500&sfrm=png",
          "title": "Color XG Permanent Cream Hair Color"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 300,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "Color",
        "id": "color",
        "swatchable": true,
        "values": [
          {
            "id": "1N_Natural_Black",
            "description": null,
            "displayValue": "1N Natural Black",
            "value": "1N_Natural_Black",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576568",
            "UPC": "009531121123",
            "orderLevel": "1",
            "variantRank": "1",
            "shadeLabel": "1N",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=1N_Natural_Black&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "1N Natural Black",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwab6dd7dd/images/johnpaulmitchellsystems/576568C_s.png?sw=60&sh=60",
                  "title": "1N Natural Black"
                }
              ]
            }
          },
          {
            "id": "1AA_Black",
            "description": null,
            "displayValue": "1AA Black",
            "value": "1AA_Black",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576567",
            "UPC": "009531124551",
            "orderLevel": "1",
            "variantRank": "2",
            "shadeLabel": "1AA",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=1AA_Black&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "1AA Black",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwd45b8e5a/images/johnpaulmitchellsystems/576567C_s.png?sw=60&sh=60",
                  "title": "1AA Black"
                }
              ]
            }
          },
          {
            "id": "2N_Darkest_Brown",
            "description": null,
            "displayValue": "2N Darkest Brown",
            "value": "2N_Darkest_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576570",
            "UPC": "009531124544",
            "orderLevel": "2",
            "variantRank": "3",
            "shadeLabel": "2N",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=2N_Darkest_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "2N Darkest Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw571b5483/images/johnpaulmitchellsystems/576570C_s.png?sw=60&sh=60",
                  "title": "2N Darkest Brown"
                }
              ]
            }
          },
          {
            "id": "3N_Dark_Natural_Brown",
            "description": null,
            "displayValue": "3N Dark Natural Brown",
            "value": "3N_Dark_Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576573",
            "UPC": "009531121130",
            "orderLevel": "3",
            "variantRank": "4",
            "shadeLabel": "3N",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=3N_Dark_Natural_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "3N Dark Natural Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwba070940/images/johnpaulmitchellsystems/576573C_s.png?sw=60&sh=60",
                  "title": "3N Dark Natural Brown"
                }
              ]
            }
          },
          {
            "id": "3VR_Violet_Red",
            "description": null,
            "displayValue": "3VR Violet Red",
            "value": "3VR_Violet_Red",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576574",
            "UPC": "009531124605",
            "orderLevel": "3",
            "variantRank": "5",
            "shadeLabel": "3VR",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=3VR_Violet_Red&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "3VR Violet Red",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw541a2101/images/johnpaulmitchellsystems/576574C_s.png?sw=60&sh=60",
                  "title": "3VR Violet Red"
                }
              ]
            }
          },
          {
            "id": "4N_Natural_Brown",
            "description": null,
            "displayValue": "4N Natural Brown",
            "value": "4N_Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576584",
            "UPC": "009531121147",
            "orderLevel": "4",
            "variantRank": "6",
            "shadeLabel": "4N",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=4N_Natural_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "4N Natural Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw16a12f30/images/johnpaulmitchellsystems/576584C_s.png?sw=60&sh=60",
                  "title": "4N Natural Brown"
                }
              ]
            }
          },
          {
            "id": "4NN_Medium_Natural_Natural_Brown",
            "description": null,
            "displayValue": "4NN Medium Natural Natural Brown",
            "value": "4NN_Medium_Natural_Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576583",
            "UPC": "009531121215",
            "orderLevel": "4",
            "variantRank": "7",
            "shadeLabel": "4NN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=4NN_Medium_Natural_Natural_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "4NN Medium Natural Natural Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw458f5aeb/images/johnpaulmitchellsystems/576583C_s.png?sw=60&sh=60",
                  "title": "4NN Medium Natural Natural Brown"
                }
              ]
            }
          },
          {
            "id": "4NB_Medium_Natural_Brown",
            "description": null,
            "displayValue": "4NB Medium Natural Brown",
            "value": "4NB_Medium_Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576582",
            "UPC": "009531124629",
            "orderLevel": "4",
            "variantRank": "8",
            "shadeLabel": "4NB",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=4NB_Medium_Natural_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "4NB Medium Natural Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw148b7acd/images/johnpaulmitchellsystems/576582C_s.png?sw=60&sh=60",
                  "title": "4NB Medium Natural Brown"
                }
              ]
            }
          },
          {
            "id": "4BA_Brown_Ash",
            "description": null,
            "displayValue": "4BA Brown Ash",
            "value": "4BA_Brown_Ash",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010465",
            "UPC": "009531130736",
            "orderLevel": "4",
            "variantRank": "9",
            "shadeLabel": "4BA",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=4BA_Brown_Ash&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "4BA Brown Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwcddef818/images/johnpaulmitchellsystems/010465C_s.png?sw=60&sh=60",
                  "title": "4BA Brown Ash"
                }
              ]
            }
          },
          {
            "id": "4A_Ash_Brown",
            "description": null,
            "displayValue": "4A Ash Brown",
            "value": "4A_Ash_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576577",
            "UPC": "009531121277",
            "orderLevel": "4",
            "variantRank": "10",
            "shadeLabel": "4A",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=4A_Ash_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "4A Ash Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw9e82cd59/images/johnpaulmitchellsystems/576577C_s.png?sw=60&sh=60",
                  "title": "4A Ash Brown"
                }
              ]
            }
          },
          {
            "id": "4AA_Ash_Ash_Brown",
            "description": null,
            "displayValue": "4AA Ash Ash Brown",
            "value": "4AA_Ash_Ash_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576576",
            "UPC": "009531124568",
            "orderLevel": "4",
            "variantRank": "11",
            "shadeLabel": "4AA",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=4AA_Ash_Ash_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "4AA Ash Ash Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw1818996f/images/johnpaulmitchellsystems/576576C_s.png?sw=60&sh=60",
                  "title": "4AA Ash Ash Brown"
                }
              ]
            }
          },
          {
            "id": "4PA_Pearl_Ash",
            "description": null,
            "displayValue": "4PA Pearl Ash",
            "value": "4PA_Pearl_Ash",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-008339",
            "UPC": "009531130347",
            "orderLevel": "4",
            "variantRank": "12",
            "shadeLabel": "4PA",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=4PA_Pearl_Ash&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "4PA Pearl Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwfffdf5cc/images/johnpaulmitchellsystems/008339C_s.png?sw=60&sh=60",
                  "title": "4PA Pearl Ash"
                }
              ]
            }
          },
          {
            "id": "4G_Gold_Brown",
            "description": null,
            "displayValue": "4G Gold Brown",
            "value": "4G_Gold_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576579",
            "UPC": "009531121345",
            "orderLevel": "4",
            "variantRank": "13",
            "shadeLabel": "4G",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=4G_Gold_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "4G Gold Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwd1aa0872/images/johnpaulmitchellsystems/576579C_s.png?sw=60&sh=60",
                  "title": "4G Gold Brown"
                }
              ]
            }
          },
          {
            "id": "4C_Medium_Copper_Brown",
            "description": null,
            "displayValue": "4C Medium Copper Brown",
            "value": "4C_Medium_Copper_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576578",
            "UPC": "009531121413",
            "orderLevel": "4",
            "variantRank": "14",
            "shadeLabel": "4C",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=4C_Medium_Copper_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "4C Medium Copper Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwce83838c/images/johnpaulmitchellsystems/576578C_s.png?sw=60&sh=60",
                  "title": "4C Medium Copper Brown"
                }
              ]
            }
          },
          {
            "id": "4RB_Medium_Red_Brown_Brown",
            "description": null,
            "displayValue": "4RB Medium Red Brown Brown",
            "value": "4RB_Medium_Red_Brown_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576585",
            "UPC": "009531121550",
            "orderLevel": "4",
            "variantRank": "15",
            "shadeLabel": "4RB",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=4RB_Medium_Red_Brown_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "4RB Medium Red Brown Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw24f0df26/images/johnpaulmitchellsystems/576585C_s.png?sw=60&sh=60",
                  "title": "4RB Medium Red Brown Brown"
                }
              ]
            }
          },
          {
            "id": "4RV_Medium_Red_Violet_Brown",
            "description": null,
            "displayValue": "4RV Medium Red Violet Brown",
            "value": "4RV_Medium_Red_Violet_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576586",
            "UPC": "009531121512",
            "orderLevel": "4",
            "variantRank": "16",
            "shadeLabel": "4RV",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=4RV_Medium_Red_Violet_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "4RV Medium Red Violet Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw196b02a2/images/johnpaulmitchellsystems/576586C_s.png?sw=60&sh=60",
                  "title": "4RV Medium Red Violet Brown"
                }
              ]
            }
          },
          {
            "id": "4V_Medium_Violet_Brown",
            "description": null,
            "displayValue": "4V Medium Violet Brown",
            "value": "4V_Medium_Violet_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576587",
            "UPC": "009531121598",
            "orderLevel": "4",
            "variantRank": "17",
            "shadeLabel": "4V",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=4V_Medium_Violet_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "4V Medium Violet Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6456a12a/images/johnpaulmitchellsystems/576587C_s.png?sw=60&sh=60",
                  "title": "4V Medium Violet Brown"
                }
              ]
            }
          },
          {
            "id": "5N_Light_Natural_Brown",
            "description": null,
            "displayValue": "5N Light Natural Brown",
            "value": "5N_Light_Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576592",
            "UPC": "009531121154",
            "orderLevel": "5",
            "variantRank": "18",
            "shadeLabel": "5N",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=5N_Light_Natural_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5N Light Natural Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6032250f/images/johnpaulmitchellsystems/576592C_s.png?sw=60&sh=60",
                  "title": "5N Light Natural Brown"
                }
              ]
            }
          },
          {
            "id": "5NN_Light_Natural_Natural_Brown",
            "description": null,
            "displayValue": "5NN Light Natural Natural Brown",
            "value": "5NN_Light_Natural_Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576591",
            "UPC": "009531121222",
            "orderLevel": "5",
            "variantRank": "19",
            "shadeLabel": "5NN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=5NN_Light_Natural_Natural_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5NN Light Natural Natural Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw8b545f26/images/johnpaulmitchellsystems/576591C_s.png?sw=60&sh=60",
                  "title": "5NN Light Natural Natural Brown"
                }
              ]
            }
          },
          {
            "id": "5NB_Light_Natural_Brown",
            "description": null,
            "displayValue": "5NB Light Natural Brown",
            "value": "5NB_Light_Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576590",
            "UPC": "009531121635",
            "orderLevel": "5",
            "variantRank": "20",
            "shadeLabel": "5NB",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=5NB_Light_Natural_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5NB Light Natural Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6470612b/images/johnpaulmitchellsystems/576590C_s.png?sw=60&sh=60",
                  "title": "5NB Light Natural Brown"
                }
              ]
            }
          },
          {
            "id": "5BA_Brown_Ash",
            "description": null,
            "displayValue": "5BA Brown Ash",
            "value": "5BA_Brown_Ash",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010464",
            "UPC": "009531130729",
            "orderLevel": "5",
            "variantRank": "22",
            "shadeLabel": "5BA",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=5BA_Brown_Ash&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5BA Brown Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw33af0d86/images/johnpaulmitchellsystems/010464C_s.png?sw=60&sh=60",
                  "title": "5BA Brown Ash"
                }
              ]
            }
          },
          {
            "id": "5A_Light_Ash_Brown",
            "description": null,
            "displayValue": "5A Light Ash Brown",
            "value": "5A_Light_Ash_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576588",
            "UPC": "009531121284",
            "orderLevel": "5",
            "variantRank": "23",
            "shadeLabel": "5A",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=5A_Light_Ash_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5A Light Ash Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw642b096e/images/johnpaulmitchellsystems/576588C_s.png?sw=60&sh=60",
                  "title": "5A Light Ash Brown"
                }
              ]
            }
          },
          {
            "id": "5G_Light_Gold_Brown",
            "description": null,
            "displayValue": "5G Light Gold Brown",
            "value": "5G_Light_Gold_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576589",
            "UPC": "009531121352",
            "orderLevel": "5",
            "variantRank": "24",
            "shadeLabel": "5G",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=5G_Light_Gold_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5G Light Gold Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwc9d78d45/images/johnpaulmitchellsystems/576589C_s.png?sw=60&sh=60",
                  "title": "5G Light Gold Brown"
                }
              ]
            }
          },
          {
            "id": "5R_Light_Red_Brown",
            "description": null,
            "displayValue": "5R Light Red Brown",
            "value": "5R_Light_Red_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576610",
            "UPC": "009531121451",
            "orderLevel": "5",
            "variantRank": "25",
            "shadeLabel": "5R",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=5R_Light_Red_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5R Light Red Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw0da63e71/images/johnpaulmitchellsystems/576610C_s.png?sw=60&sh=60",
                  "title": "5R Light Red Brown"
                }
              ]
            }
          },
          {
            "id": "5RB_Light_Red_Brown_Brown",
            "description": null,
            "displayValue": "5RB Light Red Brown Brown",
            "value": "5RB_Light_Red_Brown_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576601",
            "UPC": "009531121567",
            "orderLevel": "5",
            "variantRank": "26",
            "shadeLabel": "5RB",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=5RB_Light_Red_Brown_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5RB Light Red Brown Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw24c57e64/images/johnpaulmitchellsystems/576601C_s.png?sw=60&sh=60",
                  "title": "5RB Light Red Brown Brown"
                }
              ]
            }
          },
          {
            "id": "5RO_Light_Red_Orange_Brown",
            "description": null,
            "displayValue": "5RO Light Red Orange Brown",
            "value": "5RO_Light_Red_Orange_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576608",
            "UPC": "009531121482",
            "orderLevel": "5",
            "variantRank": "27",
            "shadeLabel": "5RO",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=5RO_Light_Red_Orange_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5RO Light Red Orange Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw875587de/images/johnpaulmitchellsystems/576608C_s.png?sw=60&sh=60",
                  "title": "5RO Light Red Orange Brown"
                }
              ]
            }
          },
          {
            "id": "5RV_Light_Red_Violet_Brown",
            "description": null,
            "displayValue": "5RV Light Red Violet Brown",
            "value": "5RV_Light_Red_Violet_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576609",
            "UPC": "009531121529",
            "orderLevel": "5",
            "variantRank": "28",
            "shadeLabel": "5RV",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=5RV_Light_Red_Violet_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5RV Light Red Violet Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7e37c6c5/images/johnpaulmitchellsystems/576609C_s.png?sw=60&sh=60",
                  "title": "5RV Light Red Violet Brown"
                }
              ]
            }
          },
          {
            "id": "5VG_Violet_Gold",
            "description": null,
            "displayValue": "5VG Violet Gold",
            "value": "5VG_Violet_Gold",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010469",
            "UPC": "009531130804",
            "orderLevel": "5",
            "variantRank": "29",
            "shadeLabel": "5VG",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=5VG_Violet_Gold&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5VG Violet Gold",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw356d20bc/images/johnpaulmitchellsystems/010469C_s.png?sw=60&sh=60",
                  "title": "5VG Violet Gold"
                }
              ]
            }
          },
          {
            "id": "5VR_Violet_Red",
            "description": null,
            "displayValue": "5VR Violet Red",
            "value": "5VR_Violet_Red",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576611",
            "UPC": "009531124599",
            "orderLevel": "5",
            "variantRank": "30",
            "shadeLabel": "5VR",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=5VR_Violet_Red&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "5VR Violet Red",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw48d2246e/images/johnpaulmitchellsystems/576611C_s.png?sw=60&sh=60",
                  "title": "5VR Violet Red"
                }
              ]
            }
          },
          {
            "id": "6WB_Dark_Warm_Beige_Blonde",
            "description": null,
            "displayValue": "6WB Dark Warm Beige Blonde",
            "value": "6WB_Dark_Warm_Beige_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-576627",
            "UPC": "009531121611",
            "orderLevel": "6",
            "variantRank": "31",
            "shadeLabel": "6WB",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "6WB Dark Warm Beige Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw873b5bc4/images/johnpaulmitchellsystems/576627C_s.png?sw=60&sh=60",
                  "title": "6WB Dark Warm Beige Blonde"
                }
              ]
            }
          },
          {
            "id": "6N_Dark_Natural_Blonde",
            "description": null,
            "displayValue": "6N Dark Natural Blonde",
            "value": "6N_Dark_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576619",
            "UPC": "009531121161",
            "orderLevel": "6",
            "variantRank": "32",
            "shadeLabel": "6N",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=6N_Dark_Natural_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6N Dark Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwb576aac4/images/johnpaulmitchellsystems/576619C_s.png?sw=60&sh=60",
                  "title": "6N Dark Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "6NN_Dark_Natural_Natural_Blonde",
            "description": null,
            "displayValue": "6NN Dark Natural Natural Blonde",
            "value": "6NN_Dark_Natural_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576618",
            "UPC": "009531121239",
            "orderLevel": "6",
            "variantRank": "33",
            "shadeLabel": "6NN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=6NN_Dark_Natural_Natural_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6NN Dark Natural Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw1dcbac5a/images/johnpaulmitchellsystems/576618C_s.png?sw=60&sh=60",
                  "title": "6NN Dark Natural Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "6NB_Dark_Natural_Brown_Blonde",
            "description": null,
            "displayValue": "6NB Dark Natural Brown Blonde",
            "value": "6NB_Dark_Natural_Brown_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576617",
            "UPC": "009531121642",
            "orderLevel": "6",
            "variantRank": "34",
            "shadeLabel": "6NB",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=6NB_Dark_Natural_Brown_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6NB Dark Natural Brown Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw0606b740/images/johnpaulmitchellsystems/576617C_s.png?sw=60&sh=60",
                  "title": "6NB Dark Natural Brown Blonde"
                }
              ]
            }
          },
          {
            "id": "6MT",
            "description": null,
            "displayValue": "6MT",
            "value": "6MT",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-577696",
            "UPC": "009531127392",
            "orderLevel": "6",
            "variantRank": "35",
            "shadeLabel": "6MT",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=6MT&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6MT",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw26df0d36/images/johnpaulmitchellsystems/577696C_s.png?sw=60&sh=60",
                  "title": "6MT"
                }
              ]
            }
          },
          {
            "id": "6BA_Brown_Ash",
            "description": null,
            "displayValue": "6BA Brown Ash",
            "value": "6BA_Brown_Ash",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010463",
            "UPC": "009531130712",
            "orderLevel": "6",
            "variantRank": "36",
            "shadeLabel": "6BA",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=6BA_Brown_Ash&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6BA Brown Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7cb13b05/images/johnpaulmitchellsystems/010463C_s.png?sw=60&sh=60",
                  "title": "6BA Brown Ash"
                }
              ]
            }
          },
          {
            "id": "6BG_Brown_Gold",
            "description": null,
            "displayValue": "6BG Brown Gold",
            "value": "6BG_Brown_Gold",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010468",
            "UPC": "009531130767",
            "orderLevel": "6",
            "variantRank": "37",
            "shadeLabel": "6BG",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=6BG_Brown_Gold&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6BG Brown Gold",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwd876cdbc/images/johnpaulmitchellsystems/010468C_s.png?sw=60&sh=60",
                  "title": "6BG Brown Gold"
                }
              ]
            }
          },
          {
            "id": "6A_Dark_Ash_Blonde",
            "description": null,
            "displayValue": "6A Dark Ash Blonde",
            "value": "6A_Dark_Ash_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576614",
            "UPC": "009531121291",
            "orderLevel": "6",
            "variantRank": "38",
            "shadeLabel": "6A",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=6A_Dark_Ash_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6A Dark Ash Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwfec617bc/images/johnpaulmitchellsystems/576614C_s.png?sw=60&sh=60",
                  "title": "6A Dark Ash Blonde"
                }
              ]
            }
          },
          {
            "id": "6AA_Darkest_Ash_Blonde",
            "description": null,
            "displayValue": "6AA Darkest Ash Blonde",
            "value": "6AA_Darkest_Ash_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576613",
            "UPC": "009531124575",
            "orderLevel": "6",
            "variantRank": "39",
            "shadeLabel": "6AA",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=6AA_Darkest_Ash_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6AA Darkest Ash Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw05f60abf/images/johnpaulmitchellsystems/576613C_s.png?sw=60&sh=60",
                  "title": "6AA Darkest Ash Blonde"
                }
              ]
            }
          },
          {
            "id": "6PN_Dark_Pearl_Natural_Blonde",
            "description": null,
            "displayValue": "6PN Dark Pearl Natural Blonde",
            "value": "6PN_Dark_Pearl_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576620",
            "UPC": "009531121697",
            "orderLevel": "6",
            "variantRank": "40",
            "shadeLabel": "6PN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=6PN_Dark_Pearl_Natural_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6PN Dark Pearl Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw18b05e65/images/johnpaulmitchellsystems/576620C_s.png?sw=60&sh=60",
                  "title": "6PN Dark Pearl Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "6PA_Pearl_Ash",
            "description": null,
            "displayValue": "6PA Pearl Ash",
            "value": "6PA_Pearl_Ash",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-008340",
            "UPC": "009531130330",
            "orderLevel": "6",
            "variantRank": "41",
            "shadeLabel": "6PA",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=6PA_Pearl_Ash&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6PA Pearl Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw0b276ae4/images/johnpaulmitchellsystems/008340C_s.png?sw=60&sh=60",
                  "title": "6PA Pearl Ash"
                }
              ]
            }
          },
          {
            "id": "6G_Dark_Gold_Blonde",
            "description": null,
            "displayValue": "6G Dark Gold Blonde",
            "value": "6G_Dark_Gold_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576616",
            "UPC": "009531121369",
            "orderLevel": "6",
            "variantRank": "42",
            "shadeLabel": "6G",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=6G_Dark_Gold_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6G Dark Gold Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw1c4f57b4/images/johnpaulmitchellsystems/576616C_s.png?sw=60&sh=60",
                  "title": "6G Dark Gold Blonde"
                }
              ]
            }
          },
          {
            "id": "6C_Dark_Copper_Blonde",
            "description": null,
            "displayValue": "6C Dark Copper Blonde",
            "value": "6C_Dark_Copper_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576615",
            "UPC": "009531121420",
            "orderLevel": "6",
            "variantRank": "43",
            "shadeLabel": "6C",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=6C_Dark_Copper_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6C Dark Copper Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw358d29f1/images/johnpaulmitchellsystems/576615C_s.png?sw=60&sh=60",
                  "title": "6C Dark Copper Blonde"
                }
              ]
            }
          },
          {
            "id": "6R_Dark_Red_Blonde",
            "description": null,
            "displayValue": "6R Dark Red Blonde",
            "value": "6R_Dark_Red_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576625",
            "UPC": "009531121468",
            "orderLevel": "6",
            "variantRank": "44",
            "shadeLabel": "6R",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=6R_Dark_Red_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6R Dark Red Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwb39e9e0e/images/johnpaulmitchellsystems/576625C_s.png?sw=60&sh=60",
                  "title": "6R Dark Red Blonde"
                }
              ]
            }
          },
          {
            "id": "6RB_Dark_Red_Brown_Blonde",
            "description": null,
            "displayValue": "6RB Dark Red Brown Blonde",
            "value": "6RB_Dark_Red_Brown_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576621",
            "UPC": "009531121574",
            "orderLevel": "6",
            "variantRank": "45",
            "shadeLabel": "6RB",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=6RB_Dark_Red_Brown_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6RB Dark Red Brown Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7687a3ec/images/johnpaulmitchellsystems/576621C_s.png?sw=60&sh=60",
                  "title": "6RB Dark Red Brown Blonde"
                }
              ]
            }
          },
          {
            "id": "6RO_Dark_Red_Orange_Blonde",
            "description": null,
            "displayValue": "6RO Dark Red Orange Blonde",
            "value": "6RO_Dark_Red_Orange_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576622",
            "UPC": "009531121499",
            "orderLevel": "6",
            "variantRank": "46",
            "shadeLabel": "6RO",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=6RO_Dark_Red_Orange_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6RO Dark Red Orange Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw406eb58d/images/johnpaulmitchellsystems/576622C_s.png?sw=60&sh=60",
                  "title": "6RO Dark Red Orange Blonde"
                }
              ]
            }
          },
          {
            "id": "6RV_Dark_Red_Violet_Blonde",
            "description": null,
            "displayValue": "6RV Dark Red Violet Blonde",
            "value": "6RV_Dark_Red_Violet_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576623",
            "UPC": "009531121536",
            "orderLevel": "6",
            "variantRank": "47",
            "shadeLabel": "6RV",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=6RV_Dark_Red_Violet_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6RV Dark Red Violet Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwb94428d2/images/johnpaulmitchellsystems/576623C_s.png?sw=60&sh=60",
                  "title": "6RV Dark Red Violet Blonde"
                }
              ]
            }
          },
          {
            "id": "6V_Dark_Violet_Blonde",
            "description": null,
            "displayValue": "6V Dark Violet Blonde",
            "value": "6V_Dark_Violet_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576626",
            "UPC": "009531121604",
            "orderLevel": "6",
            "variantRank": "48",
            "shadeLabel": "6V",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=6V_Dark_Violet_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6V Dark Violet Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw4abd9df9/images/johnpaulmitchellsystems/576626C_s.png?sw=60&sh=60",
                  "title": "6V Dark Violet Blonde"
                }
              ]
            }
          },
          {
            "id": "6GB_Gold_Brown",
            "description": null,
            "displayValue": "6GB Gold Brown",
            "value": "6GB_Gold_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-021615",
            "UPC": "009531133560",
            "orderLevel": "6",
            "variantRank": "49",
            "shadeLabel": "The",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=6GB_Gold_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "6GB Gold Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw22c742e5/images/johnpaulmitchellsystems/021615C_s.png?sw=60&sh=60",
                  "title": "6GB Gold Brown"
                }
              ]
            }
          },
          {
            "id": "7N_Natural_Blonde",
            "description": null,
            "displayValue": "7N Natural Blonde",
            "value": "7N_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576633",
            "UPC": "009531121178",
            "orderLevel": "7",
            "variantRank": "50",
            "shadeLabel": "7N",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=7N_Natural_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7N Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwdf024cd1/images/johnpaulmitchellsystems/576633C_s.png?sw=60&sh=60",
                  "title": "7N Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "7NN_Medium_Natural_Natural_Blonde",
            "description": null,
            "displayValue": "7NN Medium Natural Natural Blonde",
            "value": "7NN_Medium_Natural_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576632",
            "UPC": "009531121246",
            "orderLevel": "7",
            "variantRank": "51",
            "shadeLabel": "7NN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=7NN_Medium_Natural_Natural_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7NN Medium Natural Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw157f0544/images/johnpaulmitchellsystems/576632C_s.png?sw=60&sh=60",
                  "title": "7NN Medium Natural Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "7NB_Medium_Natural_Brown_Blonde",
            "description": null,
            "displayValue": "7NB Medium Natural Brown Blonde",
            "value": "7NB_Medium_Natural_Brown_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576631",
            "UPC": "009531121659",
            "orderLevel": "7",
            "variantRank": "52",
            "shadeLabel": "7NB",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=7NB_Medium_Natural_Brown_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7NB Medium Natural Brown Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwe327b5c4/images/johnpaulmitchellsystems/576631C_s.png?sw=60&sh=60",
                  "title": "7NB Medium Natural Brown Blonde"
                }
              ]
            }
          },
          {
            "id": "7MT",
            "description": null,
            "displayValue": "7MT",
            "value": "7MT",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-577697",
            "UPC": "009531127613",
            "orderLevel": "7",
            "variantRank": "53",
            "shadeLabel": "7MT",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=7MT&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7MT",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwc11e86cf/images/johnpaulmitchellsystems/577697C_s.png?sw=60&sh=60",
                  "title": "7MT"
                }
              ]
            }
          },
          {
            "id": "7BA_Brown_Ash",
            "description": null,
            "displayValue": "7BA Brown Ash",
            "value": "7BA_Brown_Ash",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010462",
            "UPC": "009531130705",
            "orderLevel": "7",
            "variantRank": "54",
            "shadeLabel": "7BA",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=7BA_Brown_Ash&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7BA Brown Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw15a38bb9/images/johnpaulmitchellsystems/010462C_s.png?sw=60&sh=60",
                  "title": "7BA Brown Ash"
                }
              ]
            }
          },
          {
            "id": "7BG_Brown_Gold",
            "description": null,
            "displayValue": "7BG Brown Gold",
            "value": "7BG_Brown_Gold",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010467",
            "UPC": "009531130750",
            "orderLevel": "7",
            "variantRank": "55",
            "shadeLabel": "7BG",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=7BG_Brown_Gold&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7BG Brown Gold",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw1f5cb018/images/johnpaulmitchellsystems/010467C_s.png?sw=60&sh=60",
                  "title": "7BG Brown Gold"
                }
              ]
            }
          },
          {
            "id": "7A_Medium_Ash_Blonde",
            "description": null,
            "displayValue": "7A Medium Ash Blonde",
            "value": "7A_Medium_Ash_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576628",
            "UPC": "009531121307",
            "orderLevel": "7",
            "variantRank": "56",
            "shadeLabel": "7A",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=7A_Medium_Ash_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7A Medium Ash Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwe3c1d904/images/johnpaulmitchellsystems/576628C_s.png?sw=60&sh=60",
                  "title": "7A Medium Ash Blonde"
                }
              ]
            }
          },
          {
            "id": "7P_Platinum",
            "description": null,
            "displayValue": "7P Platinum",
            "value": "7P_Platinum",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-014991",
            "UPC": "009531130385",
            "orderLevel": "7",
            "variantRank": "57",
            "shadeLabel": "7P",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=7P_Platinum&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7P Platinum",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6c7d8128/images/johnpaulmitchellsystems/014991C_s.png?sw=60&sh=60",
                  "title": "7P Platinum"
                }
              ]
            }
          },
          {
            "id": "7PN_Medium_Pearl_Natural_Blonde",
            "description": null,
            "displayValue": "7PN Medium Pearl Natural Blonde",
            "value": "7PN_Medium_Pearl_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576634",
            "UPC": "009531121703",
            "orderLevel": "7",
            "variantRank": "58",
            "shadeLabel": "7PN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=7PN_Medium_Pearl_Natural_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7PN Medium Pearl Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw18f49b89/images/johnpaulmitchellsystems/576634C_s.png?sw=60&sh=60",
                  "title": "7PN Medium Pearl Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "7G_Medium_Gold_Blonde",
            "description": null,
            "displayValue": "7G Medium Gold Blonde",
            "value": "7G_Medium_Gold_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576630",
            "UPC": "009531121376",
            "orderLevel": "7",
            "variantRank": "59",
            "shadeLabel": "7G",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=7G_Medium_Gold_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7G Medium Gold Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw4cad13ce/images/johnpaulmitchellsystems/576630C_s.png?sw=60&sh=60",
                  "title": "7G Medium Gold Blonde"
                }
              ]
            }
          },
          {
            "id": "7C_Medium_Copper_Blonde",
            "description": null,
            "displayValue": "7C Medium Copper Blonde",
            "value": "7C_Medium_Copper_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576629",
            "UPC": "009531121437",
            "orderLevel": "7",
            "variantRank": "60",
            "shadeLabel": "7C",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=7C_Medium_Copper_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7C Medium Copper Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7e00ddb5/images/johnpaulmitchellsystems/576629C_s.png?sw=60&sh=60",
                  "title": "7C Medium Copper Blonde"
                }
              ]
            }
          },
          {
            "id": "7R_Medium_Red_Blonde",
            "description": null,
            "displayValue": "7R Medium Red Blonde",
            "value": "7R_Medium_Red_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576638",
            "UPC": "009531121475",
            "orderLevel": "7",
            "variantRank": "61",
            "shadeLabel": "7R",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=7R_Medium_Red_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7R Medium Red Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw1eeab0a7/images/johnpaulmitchellsystems/576638C_s.png?sw=60&sh=60",
                  "title": "7R Medium Red Blonde"
                }
              ]
            }
          },
          {
            "id": "7RB_Medium_Red_Brown_Blonde",
            "description": null,
            "displayValue": "7RB Medium Red Brown Blonde",
            "value": "7RB_Medium_Red_Brown_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576635",
            "UPC": "009531121581",
            "orderLevel": "7",
            "variantRank": "62",
            "shadeLabel": "7RB",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=7RB_Medium_Red_Brown_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7RB Medium Red Brown Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6f948d75/images/johnpaulmitchellsystems/576635C_s.png?sw=60&sh=60",
                  "title": "7RB Medium Red Brown Blonde"
                }
              ]
            }
          },
          {
            "id": "7RO_Medium_Red_Orange_Blonde",
            "description": null,
            "displayValue": "7RO Medium Red Orange Blonde",
            "value": "7RO_Medium_Red_Orange_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576636",
            "UPC": "009531121505",
            "orderLevel": "7",
            "variantRank": "63",
            "shadeLabel": "7RO",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=7RO_Medium_Red_Orange_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7RO Medium Red Orange Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwd4c05db5/images/johnpaulmitchellsystems/576636C_s.png?sw=60&sh=60",
                  "title": "7RO Medium Red Orange Blonde"
                }
              ]
            }
          },
          {
            "id": "7RV_Medium_Red_Violet_Blonde",
            "description": null,
            "displayValue": "7RV Medium Red Violet Blonde",
            "value": "7RV_Medium_Red_Violet_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-576637",
            "UPC": "009531121543",
            "orderLevel": "7",
            "variantRank": "64",
            "shadeLabel": "7RV",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "7RV Medium Red Violet Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw767322fc/images/johnpaulmitchellsystems/576637C_s.png?sw=60&sh=60",
                  "title": "7RV Medium Red Violet Blonde"
                }
              ]
            }
          },
          {
            "id": "7V_Violet",
            "description": null,
            "displayValue": "7V Violet",
            "value": "7V_Violet",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-008346",
            "UPC": "009531130392",
            "orderLevel": "7",
            "variantRank": "65",
            "shadeLabel": "7V",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=7V_Violet&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7V Violet",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwe440af35/images/johnpaulmitchellsystems/008346C_s.png?sw=60&sh=60",
                  "title": "7V Violet"
                }
              ]
            }
          },
          {
            "id": "7VG_Violet_Gold",
            "description": null,
            "displayValue": "7VG Violet  Gold",
            "value": "7VG_Violet_Gold",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010471",
            "UPC": "009531130811",
            "orderLevel": "7",
            "variantRank": "66",
            "shadeLabel": "7VG",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=7VG_Violet_Gold&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7VG Violet  Gold",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw37fc2369/images/johnpaulmitchellsystems/010471C_s.png?sw=60&sh=60",
                  "title": "7VG Violet  Gold"
                }
              ]
            }
          },
          {
            "id": "7GB_Gold_Brown",
            "description": null,
            "displayValue": "7GB Gold Brown",
            "value": "7GB_Gold_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-021616",
            "UPC": "009531133577",
            "orderLevel": "7",
            "variantRank": "67",
            "shadeLabel": "The",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=7GB_Gold_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "7GB Gold Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf6446643/images/johnpaulmitchellsystems/021616C_s.png?sw=60&sh=60",
                  "title": "7GB Gold Brown"
                }
              ]
            }
          },
          {
            "id": "8N_Light_Natural_Blonde",
            "description": null,
            "displayValue": "8N Light Natural Blonde",
            "value": "8N_Light_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576645",
            "UPC": "009531121185",
            "orderLevel": "8",
            "variantRank": "69",
            "shadeLabel": "8N",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=8N_Light_Natural_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8N Light Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwdbc43856/images/johnpaulmitchellsystems/576645C_s.png?sw=60&sh=60",
                  "title": "8N Light Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "8NN_Light_Natural_Natural_Blonde",
            "description": null,
            "displayValue": "8NN Light Natural Natural Blonde",
            "value": "8NN_Light_Natural_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576644",
            "UPC": "009531121253",
            "orderLevel": "8",
            "variantRank": "70",
            "shadeLabel": "8NN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=8NN_Light_Natural_Natural_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8NN Light Natural Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw99418b97/images/johnpaulmitchellsystems/576644C_s.png?sw=60&sh=60",
                  "title": "8NN Light Natural Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "8NB_Light_Natural_Brown_Blonde",
            "description": null,
            "displayValue": "8NB Light Natural Brown Blonde",
            "value": "8NB_Light_Natural_Brown_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576643",
            "UPC": "009531121666",
            "orderLevel": "8",
            "variantRank": "71",
            "shadeLabel": "8NB",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=8NB_Light_Natural_Brown_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8NB Light Natural Brown Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw60f0dec7/images/johnpaulmitchellsystems/576643C_s.png?sw=60&sh=60",
                  "title": "8NB Light Natural Brown Blonde"
                }
              ]
            }
          },
          {
            "id": "8A_Light_Ash_Blonde",
            "description": null,
            "displayValue": "8A Light Ash Blonde",
            "value": "8A_Light_Ash_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576640",
            "UPC": "009531121314",
            "orderLevel": "8",
            "variantRank": "73",
            "shadeLabel": "8A",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=8A_Light_Ash_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8A Light Ash Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw5dc452fa/images/johnpaulmitchellsystems/576640C_s.png?sw=60&sh=60",
                  "title": "8A Light Ash Blonde"
                }
              ]
            }
          },
          {
            "id": "8AA_Ash_Ash",
            "description": null,
            "displayValue": "8AA Ash Ash",
            "value": "8AA_Ash_Ash",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-008348",
            "UPC": "009531130361",
            "orderLevel": "8",
            "variantRank": "74",
            "shadeLabel": "8AA",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=8AA_Ash_Ash&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8AA Ash Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6ac7f8b3/images/johnpaulmitchellsystems/008348C_s.png?sw=60&sh=60",
                  "title": "8AA Ash Ash"
                }
              ]
            }
          },
          {
            "id": "8PN_Light_Pearl_Natural_Blonde",
            "description": null,
            "displayValue": "8PN Light Pearl Natural Blonde",
            "value": "8PN_Light_Pearl_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576646",
            "UPC": "009531121710",
            "orderLevel": "8",
            "variantRank": "75",
            "shadeLabel": "8PN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=8PN_Light_Pearl_Natural_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8PN Light Pearl Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf67d23f4/images/johnpaulmitchellsystems/576646C_s.png?sw=60&sh=60",
                  "title": "8PN Light Pearl Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "8PA_Pearl_Ash",
            "description": null,
            "displayValue": "8PA Pearl Ash",
            "value": "8PA_Pearl_Ash",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-008341",
            "UPC": "009531130323",
            "orderLevel": "8",
            "variantRank": "76",
            "shadeLabel": "8PA",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=8PA_Pearl_Ash&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8PA Pearl Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw4fff008c/images/johnpaulmitchellsystems/008341C_s.png?sw=60&sh=60",
                  "title": "8PA Pearl Ash"
                }
              ]
            }
          },
          {
            "id": "8G_Light_Gold_Blonde",
            "description": null,
            "displayValue": "8G Light Gold Blonde",
            "value": "8G_Light_Gold_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576642",
            "UPC": "009531121383",
            "orderLevel": "8",
            "variantRank": "77",
            "shadeLabel": "8G",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=8G_Light_Gold_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8G Light Gold Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf2ad486d/images/johnpaulmitchellsystems/576642C_s.png?sw=60&sh=60",
                  "title": "8G Light Gold Blonde"
                }
              ]
            }
          },
          {
            "id": "8C_Light_Copper_Blonde",
            "description": null,
            "displayValue": "8C Light Copper Blonde",
            "value": "8C_Light_Copper_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576641",
            "UPC": "009531121444",
            "orderLevel": "8",
            "variantRank": "78",
            "shadeLabel": "8C",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=8C_Light_Copper_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "8C Light Copper Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw4f404ccf/images/johnpaulmitchellsystems/576641C_s.png?sw=60&sh=60",
                  "title": "8C Light Copper Blonde"
                }
              ]
            }
          },
          {
            "id": "9N_Very_Light_Natural_Blonde",
            "description": null,
            "displayValue": "9N Very Light Natural Blonde",
            "value": "9N_Very_Light_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576653",
            "UPC": "009531121192",
            "orderLevel": "9",
            "variantRank": "79",
            "shadeLabel": "9N",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=9N_Very_Light_Natural_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "9N Very Light Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwc751a48b/images/johnpaulmitchellsystems/576653C_s.png?sw=60&sh=60",
                  "title": "9N Very Light Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "9NN_Very_Light_Natural_Natural_Blonde",
            "description": null,
            "displayValue": "9NN Very Light Natural Natural Blonde",
            "value": "9NN_Very_Light_Natural_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576652",
            "UPC": "009531121260",
            "orderLevel": "9",
            "variantRank": "80",
            "shadeLabel": "9NN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=9NN_Very_Light_Natural_Natural_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "9NN Very Light Natural Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwafbca554/images/johnpaulmitchellsystems/576652C_s.png?sw=60&sh=60",
                  "title": "9NN Very Light Natural Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "9NB_Very_Light_Natural_Brown_Blonde",
            "description": null,
            "displayValue": "9NB Very Light Natural Brown Blonde",
            "value": "9NB_Very_Light_Natural_Brown_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576651",
            "UPC": "009531121673",
            "orderLevel": "9",
            "variantRank": "81",
            "shadeLabel": "9NB",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=9NB_Very_Light_Natural_Brown_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "9NB Very Light Natural Brown Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf58405b0/images/johnpaulmitchellsystems/576651C_s.png?sw=60&sh=60",
                  "title": "9NB Very Light Natural Brown Blonde"
                }
              ]
            }
          },
          {
            "id": "9BG_Brown_Gold",
            "description": null,
            "displayValue": "9BG Brown Gold",
            "value": "9BG_Brown_Gold",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010466",
            "UPC": "009531130743",
            "orderLevel": "9",
            "variantRank": "82",
            "shadeLabel": "9BG",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=9BG_Brown_Gold&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "9BG Brown Gold",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwfd5d1b14/images/johnpaulmitchellsystems/010466C_s.png?sw=60&sh=60",
                  "title": "9BG Brown Gold"
                }
              ]
            }
          },
          {
            "id": "9A_Very_Light_Ash_Blonde",
            "description": null,
            "displayValue": "9A Very Light Ash Blonde",
            "value": "9A_Very_Light_Ash_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576649",
            "UPC": "009531121321",
            "orderLevel": "9",
            "variantRank": "83",
            "shadeLabel": "9A",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=9A_Very_Light_Ash_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "9A Very Light Ash Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw77c02d42/images/johnpaulmitchellsystems/576649C_s.png?sw=60&sh=60",
                  "title": "9A Very Light Ash Blonde"
                }
              ]
            }
          },
          {
            "id": "9P",
            "description": null,
            "displayValue": "9P",
            "value": "9P",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-014992",
            "UPC": "009531130378",
            "orderLevel": "9",
            "variantRank": "84",
            "shadeLabel": "9P",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=9P&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "9P",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwbd722c9c/images/johnpaulmitchellsystems/014992C_s.png?sw=60&sh=60",
                  "title": "9P"
                }
              ]
            }
          },
          {
            "id": "9PN_Very_Light_Pearl_Natural_Blonde",
            "description": null,
            "displayValue": "9PN Very Light Pearl Natural Blonde",
            "value": "9PN_Very_Light_Pearl_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576654",
            "UPC": "009531121727",
            "orderLevel": "9",
            "variantRank": "85",
            "shadeLabel": "9PN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=9PN_Very_Light_Pearl_Natural_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "9PN Very Light Pearl Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwdefeb0e0/images/johnpaulmitchellsystems/576654C_s.png?sw=60&sh=60",
                  "title": "9PN Very Light Pearl Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "9G_Very_Light_Gold_Blonde",
            "description": null,
            "displayValue": "9G Very Light Gold Blonde",
            "value": "9G_Very_Light_Gold_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576650",
            "UPC": "009531121390",
            "orderLevel": "9",
            "variantRank": "86",
            "shadeLabel": "9G",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=9G_Very_Light_Gold_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "9G Very Light Gold Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw8ff43b21/images/johnpaulmitchellsystems/576650C_s.png?sw=60&sh=60",
                  "title": "9G Very Light Gold Blonde"
                }
              ]
            }
          },
          {
            "id": "9GB_Gold_Brown",
            "description": null,
            "displayValue": "9GB Gold Brown",
            "value": "9GB_Gold_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-021617",
            "UPC": "009531133584",
            "orderLevel": "9",
            "variantRank": "87",
            "shadeLabel": "9GB",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=9GB_Gold_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "9GB Gold Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwc926fccf/images/johnpaulmitchellsystems/021617C_s.png?sw=60&sh=60",
                  "title": "9GB Gold Brown"
                }
              ]
            }
          },
          {
            "id": "9V_Violet",
            "description": null,
            "displayValue": "9V Violet",
            "value": "9V_Violet",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-008392",
            "UPC": "009531124612",
            "orderLevel": "9",
            "variantRank": "88",
            "shadeLabel": "9V",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=9V_Violet&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "9V Violet",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw332f2fec/images/johnpaulmitchellsystems/008392C_s.png?sw=60&sh=60",
                  "title": "9V Violet"
                }
              ]
            }
          },
          {
            "id": "9VG_Violet_Gold",
            "description": null,
            "displayValue": "9VG Violet Gold",
            "value": "9VG_Violet_Gold",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-010473",
            "UPC": "009531130828",
            "orderLevel": "9",
            "variantRank": "89",
            "shadeLabel": "9VG",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=9VG_Violet_Gold&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "9VG Violet Gold",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwfb7238d8/images/johnpaulmitchellsystems/010473C_s.png?sw=60&sh=60",
                  "title": "9VG Violet Gold"
                }
              ]
            }
          },
          {
            "id": "10WB_Lightest_Warm_Beige__Blonde",
            "description": null,
            "displayValue": "10WB Lightest Warm Beige  Blonde",
            "value": "10WB_Lightest_Warm_Beige__Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-576566",
            "UPC": "009531124582",
            "orderLevel": "10",
            "variantRank": "90",
            "shadeLabel": "10WB",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "10WB Lightest Warm Beige  Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwfffc4142/images/johnpaulmitchellsystems/576566C_s.png?sw=60&sh=60",
                  "title": "10WB Lightest Warm Beige  Blonde"
                }
              ]
            }
          },
          {
            "id": "10N_Lightest_Natural_Blonde",
            "description": null,
            "displayValue": "10N Lightest Natural Blonde",
            "value": "10N_Lightest_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576563",
            "UPC": "009531121208",
            "orderLevel": "10",
            "variantRank": "91",
            "shadeLabel": "10N",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=10N_Lightest_Natural_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "10N Lightest Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw26fe2d6e/images/johnpaulmitchellsystems/576563C_s.png?sw=60&sh=60",
                  "title": "10N Lightest Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "10NB_Natural_Brown",
            "description": null,
            "displayValue": "10NB Natural Brown",
            "value": "10NB_Natural_Brown",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576562",
            "UPC": "009531121680",
            "orderLevel": "10",
            "variantRank": "92",
            "shadeLabel": "10NB",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=10NB_Natural_Brown&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "10NB Natural Brown",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw2563c34c/images/johnpaulmitchellsystems/576562C_s.png?sw=60&sh=60",
                  "title": "10NB Natural Brown"
                }
              ]
            }
          },
          {
            "id": "10A_Lightest_Ash_Blonde",
            "description": null,
            "displayValue": "10A Lightest Ash Blonde",
            "value": "10A_Lightest_Ash_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576560",
            "UPC": "009531121338",
            "orderLevel": "10",
            "variantRank": "93",
            "shadeLabel": "10A",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=10A_Lightest_Ash_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "10A Lightest Ash Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwec7acc7f/images/johnpaulmitchellsystems/576560C_s.png?sw=60&sh=60",
                  "title": "10A Lightest Ash Blonde"
                }
              ]
            }
          },
          {
            "id": "10AA_Ash_Ash",
            "description": null,
            "displayValue": "10AA Ash Ash",
            "value": "10AA_Ash_Ash",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-008349",
            "UPC": "009531130354",
            "orderLevel": "10",
            "variantRank": "94",
            "shadeLabel": "10AA",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=10AA_Ash_Ash&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "10AA Ash Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw69edfa0e/images/johnpaulmitchellsystems/008349C_s.png?sw=60&sh=60",
                  "title": "10AA Ash Ash"
                }
              ]
            }
          },
          {
            "id": "10P_Lightest_Platinum_Blonde",
            "description": null,
            "displayValue": "10P Lightest Platinum Blonde",
            "value": "10P_Lightest_Platinum_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576565",
            "UPC": "009531121741",
            "orderLevel": "10",
            "variantRank": "95",
            "shadeLabel": "10P",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=10P_Lightest_Platinum_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "10P Lightest Platinum Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf0bffa57/images/johnpaulmitchellsystems/576565C_s.png?sw=60&sh=60",
                  "title": "10P Lightest Platinum Blonde"
                }
              ]
            }
          },
          {
            "id": "10PN_Lightest_Pearl_Blonde",
            "description": null,
            "displayValue": "10PN Lightest Pearl Blonde",
            "value": "10PN_Lightest_Pearl_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576564",
            "UPC": "009531121734",
            "orderLevel": "10",
            "variantRank": "96",
            "shadeLabel": "10PN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=10PN_Lightest_Pearl_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "10PN Lightest Pearl Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwdcc0624c/images/johnpaulmitchellsystems/576564C_s.png?sw=60&sh=60",
                  "title": "10PN Lightest Pearl Blonde"
                }
              ]
            }
          },
          {
            "id": "10PA_Pearl_Ash",
            "description": null,
            "displayValue": "10PA Pearl Ash",
            "value": "10PA_Pearl_Ash",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-008344",
            "UPC": "009531130316",
            "orderLevel": "10",
            "variantRank": "97",
            "shadeLabel": "10PA",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=10PA_Pearl_Ash&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "10PA Pearl Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw93675210/images/johnpaulmitchellsystems/008344C_s.png?sw=60&sh=60",
                  "title": "10PA Pearl Ash"
                }
              ]
            }
          },
          {
            "id": "10G_Lightest_Gold_Blonde",
            "description": null,
            "displayValue": "10G Lightest Gold Blonde",
            "value": "10G_Lightest_Gold_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576561",
            "UPC": "009531121406",
            "orderLevel": "10",
            "variantRank": "98",
            "shadeLabel": "10G",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=10G_Lightest_Gold_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "10G Lightest Gold Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwd17bb451/images/johnpaulmitchellsystems/576561C_s.png?sw=60&sh=60",
                  "title": "10G Lightest Gold Blonde"
                }
              ]
            }
          },
          {
            "id": "HLN_Highlift_Natural_Blonde",
            "description": null,
            "displayValue": "HLN Highlift Natural Blonde",
            "value": "HLN_Highlift_Natural_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576657",
            "UPC": "009531121796",
            "orderLevel": "HL",
            "variantRank": "99",
            "shadeLabel": "HLN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=HLN_Highlift_Natural_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "HLN Highlift Natural Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwb4070a4b/images/johnpaulmitchellsystems/576657C_s.png?sw=60&sh=60",
                  "title": "HLN Highlift Natural Blonde"
                }
              ]
            }
          },
          {
            "id": "HLA_Highlift_Ash_Blonde",
            "description": null,
            "displayValue": "HLA Highlift Ash Blonde",
            "value": "HLA_Highlift_Ash_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576656",
            "UPC": "009531121789",
            "orderLevel": "HL",
            "variantRank": "100",
            "shadeLabel": "HLA",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=HLA_Highlift_Ash_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "HLA Highlift Ash Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw1b3087dc/images/johnpaulmitchellsystems/576656C_s.png?sw=60&sh=60",
                  "title": "HLA Highlift Ash Blonde"
                }
              ]
            }
          },
          {
            "id": "HLP_Platinum_Blonde",
            "description": null,
            "displayValue": "HLP Platinum Blonde",
            "value": "HLP_Platinum_Blonde",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576659",
            "UPC": "009531121765",
            "orderLevel": "HL",
            "variantRank": "101",
            "shadeLabel": "HLP",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=HLP_Platinum_Blonde&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "HLP Platinum Blonde",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw4687ecfc/images/johnpaulmitchellsystems/576659C_s.png?sw=60&sh=60",
                  "title": "HLP Platinum Blonde"
                }
              ]
            }
          },
          {
            "id": "HLPN_Platinum_Natural",
            "description": null,
            "displayValue": "HLPN Platinum Natural",
            "value": "HLPN_Platinum_Natural",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576658",
            "UPC": "009531121772",
            "orderLevel": "HL",
            "variantRank": "102",
            "shadeLabel": "HLPN",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=HLPN_Platinum_Natural&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "HLPN Platinum Natural",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf39eacb4/images/johnpaulmitchellsystems/576658C_s.png?sw=60&sh=60",
                  "title": "HLPN Platinum Natural"
                }
              ]
            }
          },
          {
            "id": "HLPA_Pearl_Ash",
            "description": null,
            "displayValue": "HLPA Pearl Ash",
            "value": "HLPA_Pearl_Ash",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-008345",
            "UPC": "009531130309",
            "orderLevel": "HL",
            "variantRank": "103",
            "shadeLabel": "HLPA",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=HLPA_Pearl_Ash&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "HLPA Pearl Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw38948e79/images/johnpaulmitchellsystems/008345C_s.png?sw=60&sh=60",
                  "title": "HLPA Pearl Ash"
                }
              ]
            }
          },
          {
            "id": "C_Clear",
            "description": null,
            "displayValue": "C Clear",
            "value": "C_Clear",
            "selected": false,
            "geprRestricted": false,
            "selectable": true,
            "skuID": "CAN-576655",
            "UPC": "009531121758",
            "orderLevel": "Neutral",
            "variantRank": "104",
            "shadeLabel": "Clear",
            "onSale": false,
            "url": "https://www.cosmoprofbeauty.ca/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?dwvar_CAN-M-570258_color=C_Clear&pid=CAN-M-570258&quantity=1",
            "images": {
              "swatch": [
                {
                  "alt": "C Clear",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwa4585209/images/johnpaulmitchellsystems/576655C_s.png?sw=60&sh=60",
                  "title": "C Clear"
                }
              ]
            }
          }
        ],
        "variant": {}
      }
    ],
    "longDescription": "Paul Mitchell The Color XG Permanent Cream hair color. This easy to use permanent hair color offers the perfect fusion of performance and reliability.  With vibrant reds, up to 100% gray coverage and a specially curated collection of intermixable shades The Color XG creates the results you want every time. Perfectly shade-matched to rich, Demi-permanent cream color <a href=\"https://staging-web-cosmoprof.demandware.net/s/CosmoProf/CAN-M-570359.html\"><strong>Paul Mitchell® Crema XG®</strong></a> for a complete service solution. Unsurpassed Performance. Brilliant Results. <br><br>",
    "shortDescription": null,
    "bulletList": null,
    "directions": "Formulation Steps:<br>\r\n1. Determine the hair texture<br>\r\n2. Determine the natural level and percentage of gray<br>\r\n3. Identify the target level and tone<br>\r\n4. Determine the dominant pigment at the target level.<br>\r\n5. Refer to the color map to neutralize or intensify the dominant pigment at the target level.<br>\r\n6. Select the volume of developer and mixing ratio",
    "ingredients": null,
    "featuresAndBenefits": null,
    "prop65Warning": null,
    "ProductImageOverlay": null,
    "overlayTo": null,
    "overlayFrom": null,
    "badgeOverlay": null,
    "badgeOverlayTo": null,
    "badgeOverlayFrom": null,
    "promotions": null,
    "attributes": null,
    "availability": {
      "messages": [],
      "OutOfStockLabel": "",
      "inStockDate": null,
      "productQty": 1,
      "IsOutOfStock": false,
      "pavRestricted": false,
      "geprRestricted": false
    },
    "available": true,
    "geprStateRestriction": "",
    "options": [],
    "quantities": [
      {
        "value": "1",
        "selected": true,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=1",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "2",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=2",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "3",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=3",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "4",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=4",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "5",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=5",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "6",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=6",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "7",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=7",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "8",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=8",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "9",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=9",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "10",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=10",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "11",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=11",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "12",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=12",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "13",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=13",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "14",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=14",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "15",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=15",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "16",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=16",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "17",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=17",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "18",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=18",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "19",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=19",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "20",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=20",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "21",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=21",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "22",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=22",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "23",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=23",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "24",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=24",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "25",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=25",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "26",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=26",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "27",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=27",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "28",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=28",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "29",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=29",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "30",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=30",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "31",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=31",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "32",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=32",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "33",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=33",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "34",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=34",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "35",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=35",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "36",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=36",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "37",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=37",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "38",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=38",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "39",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=39",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "40",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=40",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "41",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=41",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "42",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=42",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "43",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=43",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "44",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=44",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "45",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=45",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "46",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=46",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "47",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=47",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "48",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=48",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "49",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=49",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "50",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=50",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "51",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=51",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "52",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=52",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "53",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=53",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "54",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=54",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "55",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=55",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "56",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=56",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "57",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=57",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "58",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=58",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "59",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=59",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "60",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=60",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "61",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=61",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "62",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=62",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "63",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=63",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "64",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=64",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "65",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=65",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "66",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=66",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "67",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=67",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "68",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=68",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "69",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=69",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "70",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=70",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "71",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=71",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "72",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=72",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "73",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=73",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "74",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=74",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "75",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=75",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "76",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=76",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "77",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=77",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "78",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=78",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "79",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=79",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "80",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=80",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "81",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=81",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "82",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=82",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "83",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=83",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "84",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=84",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "85",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=85",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "86",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=86",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "87",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=87",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "88",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=88",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "89",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=89",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "90",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=90",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "91",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=91",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "92",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=92",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "93",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=93",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "94",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=94",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "95",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=95",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "96",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=96",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "97",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=97",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "98",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=98",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "99",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=99",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "100",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=100",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "101",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=101",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "102",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=102",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "103",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=103",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "104",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=104",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "105",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=105",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "106",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=106",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "107",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=107",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "108",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=108",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "109",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=109",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "110",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=110",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "111",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=111",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "112",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=112",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "113",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=113",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "114",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=114",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "115",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=115",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "116",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=116",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "117",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=117",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "118",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=118",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "119",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=119",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "120",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=120",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "121",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=121",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "122",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=122",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "123",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=123",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "124",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=124",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "125",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=125",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "126",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=126",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "127",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=127",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "128",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=128",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "129",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=129",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "130",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=130",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "131",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=131",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "132",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=132",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "133",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=133",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "134",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=134",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "135",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=135",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "136",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=136",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "137",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=137",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "138",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=138",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "139",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=139",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "140",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=140",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "141",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=141",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "142",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=142",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "143",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=143",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "144",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=144",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "145",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=145",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "146",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=146",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "147",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=147",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "148",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=148",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "149",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=149",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "150",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=150",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "151",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=151",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "152",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=152",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "153",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=153",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "154",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=154",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "155",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=155",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "156",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=156",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "157",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=157",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "158",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=158",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "159",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=159",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "160",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=160",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "161",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=161",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "162",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=162",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "163",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=163",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "164",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=164",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "165",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=165",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "166",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=166",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "167",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=167",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "168",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=168",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "169",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=169",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "170",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=170",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "171",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=171",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "172",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=172",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "173",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=173",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "174",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=174",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "175",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=175",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "176",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=176",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "177",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=177",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "178",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=178",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "179",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=179",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "180",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=180",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "181",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=181",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "182",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=182",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "183",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=183",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "184",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=184",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "185",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=185",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "186",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=186",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "187",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=187",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "188",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=188",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "189",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=189",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "190",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=190",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "191",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=191",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "192",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=192",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "193",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=193",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "194",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=194",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "195",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=195",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "196",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=196",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "197",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=197",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "198",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=198",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "199",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=199",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "200",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=200",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "201",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=201",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "202",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=202",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "203",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=203",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "204",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=204",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "205",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=205",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "206",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=206",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "207",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=207",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "208",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=208",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "209",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=209",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "210",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=210",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "211",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=211",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "212",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=212",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "213",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=213",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "214",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=214",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "215",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=215",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "216",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=216",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "217",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=217",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "218",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=218",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "219",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=219",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "220",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=220",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "221",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=221",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "222",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=222",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "223",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=223",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "224",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=224",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "225",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=225",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "226",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=226",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "227",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=227",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "228",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=228",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "229",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=229",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "230",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=230",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "231",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=231",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "232",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=232",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "233",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=233",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "234",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=234",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "235",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=235",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "236",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=236",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "237",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=237",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "238",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=238",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "239",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=239",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "240",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=240",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "241",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=241",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "242",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=242",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "243",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=243",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "244",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=244",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "245",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=245",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "246",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=246",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "247",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=247",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "248",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=248",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "249",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=249",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "250",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=250",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "251",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=251",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "252",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=252",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "253",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=253",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "254",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=254",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "255",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=255",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "256",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=256",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "257",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=257",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "258",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=258",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "259",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=259",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "260",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=260",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "261",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=261",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "262",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=262",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "263",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=263",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "264",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=264",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "265",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=265",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "266",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=266",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "267",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=267",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "268",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=268",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "269",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=269",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "270",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=270",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "271",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=271",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "272",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=272",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "273",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=273",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "274",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=274",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "275",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=275",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "276",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=276",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "277",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=277",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "278",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=278",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "279",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=279",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "280",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=280",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "281",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=281",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "282",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=282",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "283",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=283",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "284",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=284",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "285",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=285",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "286",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=286",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "287",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=287",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "288",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=288",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "289",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=289",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "290",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=290",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "291",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=291",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "292",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=292",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "293",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=293",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "294",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=294",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "295",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=295",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "296",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=296",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "297",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=297",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "298",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=298",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "299",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=299",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      },
      {
        "value": "300",
        "selected": false,
        "url": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258&quantity=300",
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-M-570258"
      }
    ],
    "crossSells": {},
    "colorBuckets": {
      "unbucketed": {},
      "bucketed": {}
    },
    "badges": [],
    "primaryBadge": null,
    "secondaryBadge": null,
    "tertiaryBadge": null,
    "searchRefinements": {
      "productLine": {},
      "productLineURL": "/search-show?q=The%20Color%20XG",
      "type": "",
      "benefit": "",
      "refinementColor": ""
    },
    "warrantyplan": null,
    "categoryHierarchy": {},
    "monetateData": [
      {
        "productId": "CAN-576560",
        "sku": "10AXG"
      }
    ],
    "geprContent": null,
    "selectedProductUrl": "/CAN-M-570258.html?/CAN-M-570258.html=undefined&quantity=undefined",
    "readyToOrder": false,
    "online": true,
    "masterProductID": "CAN-M-570258",
    "pageTitle": "The Color XG - John Paul Mitchell Systems | CosmoProf",
    "pageDescription": null,
    "pageKeywords": null,
    "pageMetaTags": []
  },
  "addToCartUrl": {},
  "resources": {
    "info_selectforstock": "Select Styles for Availability",
    "assistiveSelectedText": "selected"
  },
  "quickViewFullDetailMsg": "View Full Details",
  "closeButtonText": "Close",
  "enterDialogMessage": "Start of Quickview dialog window. Select Close to cancel and close the window.",
  "template": "product/quickView.isml",
  "bvDisplay": {
    "bvPid": "CAN-M-570258",
    "qvType": "inlineratings",
    "productUrl": {},
    "rating": {
      "enabled": true,
      "type": "native",
      "rating": "5.0",
      "range": "5",
      "count": "3",
      "stars": "https://www.cosmoprofbeauty.ca/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw5f2ceb29/images/stars/rating-5_0.gif"
    }
  },
  "productid": "CAN-M-570258",
  "isFromPLPFlow": "false",
  "userLoggedIn": false,
  "gridViewMode": "Level",
  "variantLevelNames": [
    "1",
    "2",
    "3",
    "4",
    "5",
    "6",
    "7",
    "8",
    "9",
    "10",
    "HL",
    "UL",
    "Neutral"
  ],
  "enableLatestNearByStores": true,
  "deliveryTilesEnabled": true,
  "tracking_consent": null,
  "ecommerceDetail": {
    "event": "productView",
    "productViewType": "QuickView",
    "ecommerce": {
      "currencyCode": "CAD",
      "detail": {
        "products": [
          {
            "name": "Color XG Permanent Cream Hair Color",
            "id": "CAN-M-570258",
            "category": "Hair Colour",
            "brand": "John Paul Mitchell Systems",
            "variant": "",
            "dimension52": "",
            "dimension56": "",
            "dimension57": "The Color XG",
            "dimension64": "stm"
          }
        ]
      }
    }
  },
  "renderedTemplate": "<div class=\"product-quickview product-master product-wrapper product-detail\" data-pid=\"CAN-M-570258\" data-gtm=\"{&quot;event&quot;:&quot;productView&quot;,&quot;productViewType&quot;:&quot;QuickView&quot;,&quot;ecommerce&quot;:{&quot;currencyCode&quot;:&quot;CAD&quot;,&quot;detail&quot;:{&quot;products&quot;:[{&quot;name&quot;:&quot;Color XG Permanent Cream Hair Color&quot;,&quot;id&quot;:&quot;CAN-M-570258&quot;,&quot;category&quot;:&quot;Hair Colour&quot;,&quot;brand&quot;:&quot;John Paul Mitchell Systems&quot;,&quot;variant&quot;:&quot;&quot;,&quot;dimension52&quot;:&quot;&quot;,&quot;dimension56&quot;:&quot;&quot;,&quot;dimension57&quot;:&quot;The Color XG&quot;,&quot;dimension64&quot;:&quot;stm&quot;}]}}}\" id=\"quickviewPLP\">\n\n  \n  <div id=\"availabilityProducts\" class=\"hide\" data-availability-products=\"\" data-is-size-variant=\"\"\n    data-is-color-variant=\"\"></div>\n\n  <div class=\"row no-gutters\">\n    <div class=\"col-12 col-md-6\">\n      <div class=\"image-container product-image-container\">\n\n        <!-- Product Images Carousel -->\n        \n    <div class=\"badges-container\">\n        \n    </div>\n    <div class=\"badges-bottom-container\">\n        \n    </div>\n\n\n        \n\n\n\n\n\n\n\n<div class=\"owl-carousel owl-theme pdp-carousel\">\n    \n        <div class=\"item zoom\">\n        \n\n\n\n\n\n\n\n\n            <div class=\"zoomImage\">\n                \n                    <img id=\"CAN-M-570258-image-0\" src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw84d7c8d4/images/johnpaulmitchellsystems/576560C.jpg?sw=650&amp;sh=650&amp;sfrm=png\" data-zoom=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw84d7c8d4/images/johnpaulmitchellsystems/576560C.jpg?sw=1500&amp;sh=1500&amp;sfrm=png\" class=\"\" alt=\"Color XG Permanent Cream Hair Color\" itemprop=\"image\"/>\n                \n            </div>\n        </div>\n    \n    \n</div>\n\n    \n\n\n<div class=\"pdp-dots-container carousel-content\">\n    \n</div>\n\n\n\n\n        \n\n\n\n\n\n\n\n\n      </div>\n    </div>\n    \n    \n      \n        \n      \n    \n    <div class=\"col-12 col-md-6\">\n      <div class=\"product-quickview__detail\">\n        <section class=\"product-quickview__info\">\n\n          <!-- Availability -->\n          <div class=\"available-msgs\"></div>\n\n          <!-- Product Name -->\n          <h1 class=\"product-name\">\n            Color XG Permanent Cream Hair Color\n          </h1>\n\n          <!-- SubBrand / Brand Link -->\n          <h5>\n            \n              <a href=\"/search-show?q=The%20Color%20XG\" class=\"pdp-brand\">\n                The Color XG\n              </a>\n            \n            \n              <meta itemprop=\"brand\" content=\"John Paul Mitchell Systems\">\n              <span class=\"pdp-by\">by</span>\n              <a href=\"/shop-by-brand/john-paul-mitchell-systems\" class=\"pdp-brand\">\n                John Paul Mitchell Systems\n              </a>\n            \n          </h5>\n\n          <!-- Prices -->\n          <div class=\"prices\">\n            \n            \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\t\n  <span class=\"logintoviewprice d-none\"><a class=\"js-gtm-beginlogin\" href=\"https://www.cosmoprofbeauty.ca/login\" data-gtm-eventlocation=\"product tile\">Login</a> or <a class=\"js-gtm-vsustart\" data-gtm-eventlocation=\"product tile\" href=\"https://www.cosmoprofbeauty.ca/signup\">Register</a> to buy</span>\n\n          </div>\n\n          <div class=\"product-number-rating clearfix\">\n\n            <!-- Product Number -->\n            <div class=\"product-number\">\n              <!-- Style ID -->\n              \n              <span class=\"product-id-label \">\n                SKU&#35;:\n              </span>\n              <span class=\"product-id\" itemprop=\"productID\" data-pid=\"CAN-M-570258\">\n                CAN-M-570258\n              </span>\n\n              <!-- UPC Number -->\n              \n              <span class=\"upc-wrapper d-none\">\n                <span class=\"upc-id-label\">\n                  UPC&#35;:\n                </span>\n                <span class=\"upc-id\">\n                  \n                </span>\n              </span>\n            </div>\n\n          </div>\n\n          <!-- Applicable Promotions -->\n         \n            <div class=\"row js-promotion-messaging d-none\">\n              <div class=\"col-12 align-self-center\">\n                <div class=\"promotion_container centered my-2\">\n                  <div class=\"promotion_wrapper transparent\">\n                    <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw8b3b6bf3/images/icons/promotionBadge.svg\" alt=\"Offers Available\" />\n                    <div class=\"button-tertiary-big\" >\n                      Offers Available </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n\n        </section>\n\n        <div class=\"detail-panel\">\n          <!-- Attributes -->\n          <section class=\"attributes\">\n            <div class=\"col-12 p-4\">\n\n              \n\n              <div>\n\n                <div class=\"mb-3 d-flex align-items-center justify-content-around\">\n\n                  \n\n                  <!-- Add To Cart -->\n                  <div class=\"add-item-to-bag\">\n                    \n                      <input type=\"hidden\" class=\"add-to-cart-url\" value=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Cart-AddProduct\">\n                      <div class=\"cart-and-ipay\">\n                        \n                          <a href=\"/login\" class=\"login-or-register-to-shop button-primary-big text-nowrap js-gtm-beginlogin \" data-gtm-eventlocation=\"quickview\">\n                            Log in or Register to Shop\n                          </a>\n                      \n                      </div>\n                    \n                  </div>\n\n                </div>\n\n                \n\n                \n                \n\n                <!-- WishList Link -->\n                <div class=\"wishlist-qv-container col-4 mt-3 mb-3\" data-loadurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Wishlist-WishListOptions?pid=CAN-M-570258\">\n                </div>\n\n              </div>\n\n              <!-- Variation Attributes -->\n              \n                \n                  <div class=\"color-container\" data-attr=\"color\">\n                    \n\n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n  \n\n\n\n<div class=\"color-container col-12\">\n\n  <label id=\"variant-color\" class='js-old-pdp-selected-label color hide'>\n      Color: <span></span>\n  </label>\n\n   \n    <div class=\"attribute swatch-container swatch-slider\">\n      \n          <input type=\"text\" class=\"form-control form__text swatch-search\" id=\"$colorInputText\" placeholder=\"Search by SKU or Name\" data-search aria-label=\"Qty\">\n      \n      \t\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"1n natural black|can-576568|009531121123\" data-pid=\"CAN-576568\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576568\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576568\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576568\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576568\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576568\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576568\" data-attr=\"color\" title=\"1N Natural Black\">\n                  <a href=\"#\" data-pid=\"CAN-576568\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576568&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576568\">\n                    <span data-attr-value=\"1N_Natural_Black\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwab6dd7dd/images/johnpaulmitchellsystems/576568C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">1N Natural Black</span>\n                  <span class=\"variation-pid\">CAN-576568</span>\n                  <span class=\"variation-upc\">009531121123</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576568 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"1aa black|can-576567|009531124551\" data-pid=\"CAN-576567\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576567\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576567\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576567\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576567\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576567\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576567\" data-attr=\"color\" title=\"1AA Black\">\n                  <a href=\"#\" data-pid=\"CAN-576567\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576567&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576567\">\n                    <span data-attr-value=\"1AA_Black\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwd45b8e5a/images/johnpaulmitchellsystems/576567C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">1AA Black</span>\n                  <span class=\"variation-pid\">CAN-576567</span>\n                  <span class=\"variation-upc\">009531124551</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576567 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"2n darkest brown|can-576570|009531124544\" data-pid=\"CAN-576570\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576570\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576570\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576570\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576570\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576570\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576570\" data-attr=\"color\" title=\"2N Darkest Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576570\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576570&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576570\">\n                    <span data-attr-value=\"2N_Darkest_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw571b5483/images/johnpaulmitchellsystems/576570C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">2N Darkest Brown</span>\n                  <span class=\"variation-pid\">CAN-576570</span>\n                  <span class=\"variation-upc\">009531124544</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576570 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"3n dark natural brown|can-576573|009531121130\" data-pid=\"CAN-576573\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576573\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576573\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576573\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576573\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576573\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576573\" data-attr=\"color\" title=\"3N Dark Natural Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576573\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576573&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576573\">\n                    <span data-attr-value=\"3N_Dark_Natural_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwba070940/images/johnpaulmitchellsystems/576573C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">3N Dark Natural Brown</span>\n                  <span class=\"variation-pid\">CAN-576573</span>\n                  <span class=\"variation-upc\">009531121130</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576573 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"3vr violet red|can-576574|009531124605\" data-pid=\"CAN-576574\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576574\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576574\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576574\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576574\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576574\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576574\" data-attr=\"color\" title=\"3VR Violet Red\">\n                  <a href=\"#\" data-pid=\"CAN-576574\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576574&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576574\">\n                    <span data-attr-value=\"3VR_Violet_Red\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw541a2101/images/johnpaulmitchellsystems/576574C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">3VR Violet Red</span>\n                  <span class=\"variation-pid\">CAN-576574</span>\n                  <span class=\"variation-upc\">009531124605</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576574 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"4n natural brown|can-576584|009531121147\" data-pid=\"CAN-576584\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576584\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576584\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576584\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576584\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576584\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576584\" data-attr=\"color\" title=\"4N Natural Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576584\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576584&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576584\">\n                    <span data-attr-value=\"4N_Natural_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw16a12f30/images/johnpaulmitchellsystems/576584C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">4N Natural Brown</span>\n                  <span class=\"variation-pid\">CAN-576584</span>\n                  <span class=\"variation-upc\">009531121147</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576584 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"4nn medium natural natural brown|can-576583|009531121215\" data-pid=\"CAN-576583\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576583\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576583\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576583\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576583\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576583\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576583\" data-attr=\"color\" title=\"4NN Medium Natural Natural Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576583\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576583&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576583\">\n                    <span data-attr-value=\"4NN_Medium_Natural_Natural_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw458f5aeb/images/johnpaulmitchellsystems/576583C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">4NN Medium Natural Natural Brown</span>\n                  <span class=\"variation-pid\">CAN-576583</span>\n                  <span class=\"variation-upc\">009531121215</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576583 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"4nb medium natural brown|can-576582|009531124629\" data-pid=\"CAN-576582\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576582\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576582\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576582\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576582\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576582\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576582\" data-attr=\"color\" title=\"4NB Medium Natural Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576582\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576582&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576582\">\n                    <span data-attr-value=\"4NB_Medium_Natural_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw148b7acd/images/johnpaulmitchellsystems/576582C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">4NB Medium Natural Brown</span>\n                  <span class=\"variation-pid\">CAN-576582</span>\n                  <span class=\"variation-upc\">009531124629</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576582 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"4ba brown ash|can-010465|009531130736\" data-pid=\"CAN-010465\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-010465\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-010465\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-010465\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-010465\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010465\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-010465\" data-attr=\"color\" title=\"4BA Brown Ash\">\n                  <a href=\"#\" data-pid=\"CAN-010465\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010465&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010465\">\n                    <span data-attr-value=\"4BA_Brown_Ash\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwcddef818/images/johnpaulmitchellsystems/010465C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">4BA Brown Ash</span>\n                  <span class=\"variation-pid\">CAN-010465</span>\n                  <span class=\"variation-upc\">009531130736</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-010465 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"4a ash brown|can-576577|009531121277\" data-pid=\"CAN-576577\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576577\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576577\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576577\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576577\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576577\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576577\" data-attr=\"color\" title=\"4A Ash Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576577\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576577&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576577\">\n                    <span data-attr-value=\"4A_Ash_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw9e82cd59/images/johnpaulmitchellsystems/576577C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">4A Ash Brown</span>\n                  <span class=\"variation-pid\">CAN-576577</span>\n                  <span class=\"variation-upc\">009531121277</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576577 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"4aa ash ash brown|can-576576|009531124568\" data-pid=\"CAN-576576\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576576\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576576\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576576\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576576\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576576\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576576\" data-attr=\"color\" title=\"4AA Ash Ash Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576576\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576576&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576576\">\n                    <span data-attr-value=\"4AA_Ash_Ash_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw1818996f/images/johnpaulmitchellsystems/576576C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">4AA Ash Ash Brown</span>\n                  <span class=\"variation-pid\">CAN-576576</span>\n                  <span class=\"variation-upc\">009531124568</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576576 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"4pa pearl ash|can-008339|009531130347\" data-pid=\"CAN-008339\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-008339\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-008339\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-008339\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-008339\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008339\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-008339\" data-attr=\"color\" title=\"4PA Pearl Ash\">\n                  <a href=\"#\" data-pid=\"CAN-008339\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008339&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008339\">\n                    <span data-attr-value=\"4PA_Pearl_Ash\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwfffdf5cc/images/johnpaulmitchellsystems/008339C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">4PA Pearl Ash</span>\n                  <span class=\"variation-pid\">CAN-008339</span>\n                  <span class=\"variation-upc\">009531130347</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-008339 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"4g gold brown|can-576579|009531121345\" data-pid=\"CAN-576579\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576579\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576579\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576579\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576579\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576579\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576579\" data-attr=\"color\" title=\"4G Gold Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576579\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576579&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576579\">\n                    <span data-attr-value=\"4G_Gold_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwd1aa0872/images/johnpaulmitchellsystems/576579C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">4G Gold Brown</span>\n                  <span class=\"variation-pid\">CAN-576579</span>\n                  <span class=\"variation-upc\">009531121345</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576579 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"4c medium copper brown|can-576578|009531121413\" data-pid=\"CAN-576578\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576578\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576578\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576578\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576578\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576578\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576578\" data-attr=\"color\" title=\"4C Medium Copper Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576578\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576578&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576578\">\n                    <span data-attr-value=\"4C_Medium_Copper_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwce83838c/images/johnpaulmitchellsystems/576578C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">4C Medium Copper Brown</span>\n                  <span class=\"variation-pid\">CAN-576578</span>\n                  <span class=\"variation-upc\">009531121413</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576578 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"4rb medium red brown brown|can-576585|009531121550\" data-pid=\"CAN-576585\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576585\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576585\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576585\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576585\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576585\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576585\" data-attr=\"color\" title=\"4RB Medium Red Brown Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576585\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576585&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576585\">\n                    <span data-attr-value=\"4RB_Medium_Red_Brown_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw24f0df26/images/johnpaulmitchellsystems/576585C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">4RB Medium Red Brown Brown</span>\n                  <span class=\"variation-pid\">CAN-576585</span>\n                  <span class=\"variation-upc\">009531121550</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576585 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"4rv medium red violet brown|can-576586|009531121512\" data-pid=\"CAN-576586\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576586\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576586\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576586\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576586\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576586\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576586\" data-attr=\"color\" title=\"4RV Medium Red Violet Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576586\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576586&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576586\">\n                    <span data-attr-value=\"4RV_Medium_Red_Violet_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw196b02a2/images/johnpaulmitchellsystems/576586C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">4RV Medium Red Violet Brown</span>\n                  <span class=\"variation-pid\">CAN-576586</span>\n                  <span class=\"variation-upc\">009531121512</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576586 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"4v medium violet brown|can-576587|009531121598\" data-pid=\"CAN-576587\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576587\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576587\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576587\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576587\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576587\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576587\" data-attr=\"color\" title=\"4V Medium Violet Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576587\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576587&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576587\">\n                    <span data-attr-value=\"4V_Medium_Violet_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6456a12a/images/johnpaulmitchellsystems/576587C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">4V Medium Violet Brown</span>\n                  <span class=\"variation-pid\">CAN-576587</span>\n                  <span class=\"variation-upc\">009531121598</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576587 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"5n light natural brown|can-576592|009531121154\" data-pid=\"CAN-576592\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576592\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576592\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576592\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576592\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576592\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576592\" data-attr=\"color\" title=\"5N Light Natural Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576592\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576592&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576592\">\n                    <span data-attr-value=\"5N_Light_Natural_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6032250f/images/johnpaulmitchellsystems/576592C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">5N Light Natural Brown</span>\n                  <span class=\"variation-pid\">CAN-576592</span>\n                  <span class=\"variation-upc\">009531121154</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576592 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"5nn light natural natural brown|can-576591|009531121222\" data-pid=\"CAN-576591\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576591\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576591\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576591\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576591\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576591\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576591\" data-attr=\"color\" title=\"5NN Light Natural Natural Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576591\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576591&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576591\">\n                    <span data-attr-value=\"5NN_Light_Natural_Natural_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw8b545f26/images/johnpaulmitchellsystems/576591C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">5NN Light Natural Natural Brown</span>\n                  <span class=\"variation-pid\">CAN-576591</span>\n                  <span class=\"variation-upc\">009531121222</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576591 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"5nb light natural brown|can-576590|009531121635\" data-pid=\"CAN-576590\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576590\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576590\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576590\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576590\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576590\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576590\" data-attr=\"color\" title=\"5NB Light Natural Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576590\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576590&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576590\">\n                    <span data-attr-value=\"5NB_Light_Natural_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6470612b/images/johnpaulmitchellsystems/576590C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">5NB Light Natural Brown</span>\n                  <span class=\"variation-pid\">CAN-576590</span>\n                  <span class=\"variation-upc\">009531121635</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576590 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"5ba brown ash|can-010464|009531130729\" data-pid=\"CAN-010464\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-010464\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-010464\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-010464\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-010464\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010464\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-010464\" data-attr=\"color\" title=\"5BA Brown Ash\">\n                  <a href=\"#\" data-pid=\"CAN-010464\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010464&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010464\">\n                    <span data-attr-value=\"5BA_Brown_Ash\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw33af0d86/images/johnpaulmitchellsystems/010464C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">5BA Brown Ash</span>\n                  <span class=\"variation-pid\">CAN-010464</span>\n                  <span class=\"variation-upc\">009531130729</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-010464 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"5a light ash brown|can-576588|009531121284\" data-pid=\"CAN-576588\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576588\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576588\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576588\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576588\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576588\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576588\" data-attr=\"color\" title=\"5A Light Ash Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576588\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576588&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576588\">\n                    <span data-attr-value=\"5A_Light_Ash_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw642b096e/images/johnpaulmitchellsystems/576588C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">5A Light Ash Brown</span>\n                  <span class=\"variation-pid\">CAN-576588</span>\n                  <span class=\"variation-upc\">009531121284</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576588 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"5g light gold brown|can-576589|009531121352\" data-pid=\"CAN-576589\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576589\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576589\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576589\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576589\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576589\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576589\" data-attr=\"color\" title=\"5G Light Gold Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576589\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576589&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576589\">\n                    <span data-attr-value=\"5G_Light_Gold_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwc9d78d45/images/johnpaulmitchellsystems/576589C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">5G Light Gold Brown</span>\n                  <span class=\"variation-pid\">CAN-576589</span>\n                  <span class=\"variation-upc\">009531121352</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576589 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"5r light red brown|can-576610|009531121451\" data-pid=\"CAN-576610\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576610\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576610\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576610\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576610\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576610\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576610\" data-attr=\"color\" title=\"5R Light Red Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576610\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576610&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576610\">\n                    <span data-attr-value=\"5R_Light_Red_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw0da63e71/images/johnpaulmitchellsystems/576610C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">5R Light Red Brown</span>\n                  <span class=\"variation-pid\">CAN-576610</span>\n                  <span class=\"variation-upc\">009531121451</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576610 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"5rb light red brown brown|can-576601|009531121567\" data-pid=\"CAN-576601\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576601\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576601\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576601\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576601\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576601\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576601\" data-attr=\"color\" title=\"5RB Light Red Brown Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576601\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576601&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576601\">\n                    <span data-attr-value=\"5RB_Light_Red_Brown_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw24c57e64/images/johnpaulmitchellsystems/576601C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">5RB Light Red Brown Brown</span>\n                  <span class=\"variation-pid\">CAN-576601</span>\n                  <span class=\"variation-upc\">009531121567</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576601 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"5ro light red orange brown|can-576608|009531121482\" data-pid=\"CAN-576608\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576608\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576608\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576608\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576608\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576608\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576608\" data-attr=\"color\" title=\"5RO Light Red Orange Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576608\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576608&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576608\">\n                    <span data-attr-value=\"5RO_Light_Red_Orange_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw875587de/images/johnpaulmitchellsystems/576608C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">5RO Light Red Orange Brown</span>\n                  <span class=\"variation-pid\">CAN-576608</span>\n                  <span class=\"variation-upc\">009531121482</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576608 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"5rv light red violet brown|can-576609|009531121529\" data-pid=\"CAN-576609\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576609\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576609\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576609\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576609\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576609\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576609\" data-attr=\"color\" title=\"5RV Light Red Violet Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576609\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576609&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576609\">\n                    <span data-attr-value=\"5RV_Light_Red_Violet_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7e37c6c5/images/johnpaulmitchellsystems/576609C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">5RV Light Red Violet Brown</span>\n                  <span class=\"variation-pid\">CAN-576609</span>\n                  <span class=\"variation-upc\">009531121529</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576609 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"5vg violet gold|can-010469|009531130804\" data-pid=\"CAN-010469\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-010469\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-010469\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-010469\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-010469\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010469\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-010469\" data-attr=\"color\" title=\"5VG Violet Gold\">\n                  <a href=\"#\" data-pid=\"CAN-010469\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010469&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010469\">\n                    <span data-attr-value=\"5VG_Violet_Gold\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw356d20bc/images/johnpaulmitchellsystems/010469C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">5VG Violet Gold</span>\n                  <span class=\"variation-pid\">CAN-010469</span>\n                  <span class=\"variation-upc\">009531130804</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-010469 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"5vr violet red|can-576611|009531124599\" data-pid=\"CAN-576611\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576611\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576611\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576611\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576611\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576611\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576611\" data-attr=\"color\" title=\"5VR Violet Red\">\n                  <a href=\"#\" data-pid=\"CAN-576611\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576611&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576611\">\n                    <span data-attr-value=\"5VR_Violet_Red\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw48d2246e/images/johnpaulmitchellsystems/576611C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">5VR Violet Red</span>\n                  <span class=\"variation-pid\">CAN-576611</span>\n                  <span class=\"variation-upc\">009531124599</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576611 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6wb dark warm beige blonde|can-576627|009531121611\" data-pid=\"CAN-576627\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576627\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576627\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576627\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576627\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576627\"\n      \n\n      \n        disabled\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576627\" data-attr=\"color\" title=\"6WB Dark Warm Beige Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576627\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576627&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576627\">\n                    <span data-attr-value=\"6WB_Dark_Warm_Beige_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw873b5bc4/images/johnpaulmitchellsystems/576627C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container unavailable-swatch-text\">\n                  <span class=\"variation-name\">6WB Dark Warm Beige Blonde</span>\n                  <span class=\"variation-pid\">CAN-576627</span>\n                  <span class=\"variation-upc\">009531121611</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576627 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6n dark natural blonde|can-576619|009531121161\" data-pid=\"CAN-576619\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576619\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576619\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576619\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576619\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576619\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576619\" data-attr=\"color\" title=\"6N Dark Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576619\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576619&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576619\">\n                    <span data-attr-value=\"6N_Dark_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwb576aac4/images/johnpaulmitchellsystems/576619C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6N Dark Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-576619</span>\n                  <span class=\"variation-upc\">009531121161</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576619 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6nn dark natural natural blonde|can-576618|009531121239\" data-pid=\"CAN-576618\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576618\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576618\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576618\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576618\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576618\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576618\" data-attr=\"color\" title=\"6NN Dark Natural Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576618\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576618&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576618\">\n                    <span data-attr-value=\"6NN_Dark_Natural_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw1dcbac5a/images/johnpaulmitchellsystems/576618C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6NN Dark Natural Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-576618</span>\n                  <span class=\"variation-upc\">009531121239</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576618 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6nb dark natural brown blonde|can-576617|009531121642\" data-pid=\"CAN-576617\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576617\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576617\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576617\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576617\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576617\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576617\" data-attr=\"color\" title=\"6NB Dark Natural Brown Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576617\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576617&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576617\">\n                    <span data-attr-value=\"6NB_Dark_Natural_Brown_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw0606b740/images/johnpaulmitchellsystems/576617C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6NB Dark Natural Brown Blonde</span>\n                  <span class=\"variation-pid\">CAN-576617</span>\n                  <span class=\"variation-upc\">009531121642</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576617 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6mt|can-577696|009531127392\" data-pid=\"CAN-577696\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-577696\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-577696\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-577696\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-577696\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-577696\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-577696\" data-attr=\"color\" title=\"6MT\">\n                  <a href=\"#\" data-pid=\"CAN-577696\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-577696&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-577696\">\n                    <span data-attr-value=\"6MT\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw26df0d36/images/johnpaulmitchellsystems/577696C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6MT</span>\n                  <span class=\"variation-pid\">CAN-577696</span>\n                  <span class=\"variation-upc\">009531127392</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-577696 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6ba brown ash|can-010463|009531130712\" data-pid=\"CAN-010463\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-010463\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-010463\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-010463\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-010463\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010463\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-010463\" data-attr=\"color\" title=\"6BA Brown Ash\">\n                  <a href=\"#\" data-pid=\"CAN-010463\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010463&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010463\">\n                    <span data-attr-value=\"6BA_Brown_Ash\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7cb13b05/images/johnpaulmitchellsystems/010463C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6BA Brown Ash</span>\n                  <span class=\"variation-pid\">CAN-010463</span>\n                  <span class=\"variation-upc\">009531130712</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-010463 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6bg brown gold|can-010468|009531130767\" data-pid=\"CAN-010468\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-010468\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-010468\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-010468\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-010468\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010468\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-010468\" data-attr=\"color\" title=\"6BG Brown Gold\">\n                  <a href=\"#\" data-pid=\"CAN-010468\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010468&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010468\">\n                    <span data-attr-value=\"6BG_Brown_Gold\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwd876cdbc/images/johnpaulmitchellsystems/010468C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6BG Brown Gold</span>\n                  <span class=\"variation-pid\">CAN-010468</span>\n                  <span class=\"variation-upc\">009531130767</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-010468 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6a dark ash blonde|can-576614|009531121291\" data-pid=\"CAN-576614\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576614\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576614\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576614\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576614\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576614\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576614\" data-attr=\"color\" title=\"6A Dark Ash Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576614\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576614&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576614\">\n                    <span data-attr-value=\"6A_Dark_Ash_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwfec617bc/images/johnpaulmitchellsystems/576614C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6A Dark Ash Blonde</span>\n                  <span class=\"variation-pid\">CAN-576614</span>\n                  <span class=\"variation-upc\">009531121291</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576614 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6aa darkest ash blonde|can-576613|009531124575\" data-pid=\"CAN-576613\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576613\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576613\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576613\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576613\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576613\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576613\" data-attr=\"color\" title=\"6AA Darkest Ash Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576613\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576613&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576613\">\n                    <span data-attr-value=\"6AA_Darkest_Ash_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw05f60abf/images/johnpaulmitchellsystems/576613C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6AA Darkest Ash Blonde</span>\n                  <span class=\"variation-pid\">CAN-576613</span>\n                  <span class=\"variation-upc\">009531124575</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576613 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6pn dark pearl natural blonde|can-576620|009531121697\" data-pid=\"CAN-576620\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576620\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576620\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576620\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576620\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576620\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576620\" data-attr=\"color\" title=\"6PN Dark Pearl Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576620\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576620&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576620\">\n                    <span data-attr-value=\"6PN_Dark_Pearl_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw18b05e65/images/johnpaulmitchellsystems/576620C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6PN Dark Pearl Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-576620</span>\n                  <span class=\"variation-upc\">009531121697</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576620 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6pa pearl ash|can-008340|009531130330\" data-pid=\"CAN-008340\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-008340\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-008340\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-008340\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-008340\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008340\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-008340\" data-attr=\"color\" title=\"6PA Pearl Ash\">\n                  <a href=\"#\" data-pid=\"CAN-008340\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008340&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008340\">\n                    <span data-attr-value=\"6PA_Pearl_Ash\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw0b276ae4/images/johnpaulmitchellsystems/008340C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6PA Pearl Ash</span>\n                  <span class=\"variation-pid\">CAN-008340</span>\n                  <span class=\"variation-upc\">009531130330</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-008340 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6g dark gold blonde|can-576616|009531121369\" data-pid=\"CAN-576616\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576616\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576616\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576616\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576616\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576616\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576616\" data-attr=\"color\" title=\"6G Dark Gold Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576616\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576616&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576616\">\n                    <span data-attr-value=\"6G_Dark_Gold_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw1c4f57b4/images/johnpaulmitchellsystems/576616C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6G Dark Gold Blonde</span>\n                  <span class=\"variation-pid\">CAN-576616</span>\n                  <span class=\"variation-upc\">009531121369</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576616 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6c dark copper blonde|can-576615|009531121420\" data-pid=\"CAN-576615\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576615\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576615\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576615\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576615\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576615\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576615\" data-attr=\"color\" title=\"6C Dark Copper Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576615\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576615&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576615\">\n                    <span data-attr-value=\"6C_Dark_Copper_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw358d29f1/images/johnpaulmitchellsystems/576615C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6C Dark Copper Blonde</span>\n                  <span class=\"variation-pid\">CAN-576615</span>\n                  <span class=\"variation-upc\">009531121420</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576615 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6r dark red blonde|can-576625|009531121468\" data-pid=\"CAN-576625\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576625\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576625\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576625\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576625\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576625\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576625\" data-attr=\"color\" title=\"6R Dark Red Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576625\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576625&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576625\">\n                    <span data-attr-value=\"6R_Dark_Red_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwb39e9e0e/images/johnpaulmitchellsystems/576625C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6R Dark Red Blonde</span>\n                  <span class=\"variation-pid\">CAN-576625</span>\n                  <span class=\"variation-upc\">009531121468</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576625 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6rb dark red brown blonde|can-576621|009531121574\" data-pid=\"CAN-576621\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576621\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576621\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576621\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576621\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576621\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576621\" data-attr=\"color\" title=\"6RB Dark Red Brown Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576621\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576621&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576621\">\n                    <span data-attr-value=\"6RB_Dark_Red_Brown_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7687a3ec/images/johnpaulmitchellsystems/576621C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6RB Dark Red Brown Blonde</span>\n                  <span class=\"variation-pid\">CAN-576621</span>\n                  <span class=\"variation-upc\">009531121574</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576621 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6ro dark red orange blonde|can-576622|009531121499\" data-pid=\"CAN-576622\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576622\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576622\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576622\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576622\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576622\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576622\" data-attr=\"color\" title=\"6RO Dark Red Orange Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576622\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576622&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576622\">\n                    <span data-attr-value=\"6RO_Dark_Red_Orange_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw406eb58d/images/johnpaulmitchellsystems/576622C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6RO Dark Red Orange Blonde</span>\n                  <span class=\"variation-pid\">CAN-576622</span>\n                  <span class=\"variation-upc\">009531121499</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576622 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6rv dark red violet blonde|can-576623|009531121536\" data-pid=\"CAN-576623\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576623\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576623\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576623\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576623\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576623\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576623\" data-attr=\"color\" title=\"6RV Dark Red Violet Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576623\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576623&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576623\">\n                    <span data-attr-value=\"6RV_Dark_Red_Violet_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwb94428d2/images/johnpaulmitchellsystems/576623C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6RV Dark Red Violet Blonde</span>\n                  <span class=\"variation-pid\">CAN-576623</span>\n                  <span class=\"variation-upc\">009531121536</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576623 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6v dark violet blonde|can-576626|009531121604\" data-pid=\"CAN-576626\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576626\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576626\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576626\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576626\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576626\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576626\" data-attr=\"color\" title=\"6V Dark Violet Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576626\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576626&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576626\">\n                    <span data-attr-value=\"6V_Dark_Violet_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw4abd9df9/images/johnpaulmitchellsystems/576626C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6V Dark Violet Blonde</span>\n                  <span class=\"variation-pid\">CAN-576626</span>\n                  <span class=\"variation-upc\">009531121604</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576626 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"6gb gold brown|can-021615|009531133560\" data-pid=\"CAN-021615\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-021615\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-021615\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-021615\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-021615\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021615\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-021615\" data-attr=\"color\" title=\"6GB Gold Brown\">\n                  <a href=\"#\" data-pid=\"CAN-021615\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021615&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021615\">\n                    <span data-attr-value=\"6GB_Gold_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw22c742e5/images/johnpaulmitchellsystems/021615C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">6GB Gold Brown</span>\n                  <span class=\"variation-pid\">CAN-021615</span>\n                  <span class=\"variation-upc\">009531133560</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-021615 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7n natural blonde|can-576633|009531121178\" data-pid=\"CAN-576633\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576633\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576633\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576633\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576633\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576633\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576633\" data-attr=\"color\" title=\"7N Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576633\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576633&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576633\">\n                    <span data-attr-value=\"7N_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwdf024cd1/images/johnpaulmitchellsystems/576633C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7N Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-576633</span>\n                  <span class=\"variation-upc\">009531121178</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576633 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7nn medium natural natural blonde|can-576632|009531121246\" data-pid=\"CAN-576632\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576632\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576632\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576632\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576632\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576632\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576632\" data-attr=\"color\" title=\"7NN Medium Natural Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576632\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576632&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576632\">\n                    <span data-attr-value=\"7NN_Medium_Natural_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw157f0544/images/johnpaulmitchellsystems/576632C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7NN Medium Natural Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-576632</span>\n                  <span class=\"variation-upc\">009531121246</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576632 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7nb medium natural brown blonde|can-576631|009531121659\" data-pid=\"CAN-576631\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576631\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576631\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576631\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576631\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576631\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576631\" data-attr=\"color\" title=\"7NB Medium Natural Brown Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576631\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576631&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576631\">\n                    <span data-attr-value=\"7NB_Medium_Natural_Brown_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwe327b5c4/images/johnpaulmitchellsystems/576631C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7NB Medium Natural Brown Blonde</span>\n                  <span class=\"variation-pid\">CAN-576631</span>\n                  <span class=\"variation-upc\">009531121659</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576631 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7mt|can-577697|009531127613\" data-pid=\"CAN-577697\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-577697\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-577697\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-577697\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-577697\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-577697\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-577697\" data-attr=\"color\" title=\"7MT\">\n                  <a href=\"#\" data-pid=\"CAN-577697\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-577697&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-577697\">\n                    <span data-attr-value=\"7MT\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwc11e86cf/images/johnpaulmitchellsystems/577697C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7MT</span>\n                  <span class=\"variation-pid\">CAN-577697</span>\n                  <span class=\"variation-upc\">009531127613</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-577697 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7ba brown ash|can-010462|009531130705\" data-pid=\"CAN-010462\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-010462\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-010462\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-010462\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-010462\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010462\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-010462\" data-attr=\"color\" title=\"7BA Brown Ash\">\n                  <a href=\"#\" data-pid=\"CAN-010462\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010462&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010462\">\n                    <span data-attr-value=\"7BA_Brown_Ash\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw15a38bb9/images/johnpaulmitchellsystems/010462C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7BA Brown Ash</span>\n                  <span class=\"variation-pid\">CAN-010462</span>\n                  <span class=\"variation-upc\">009531130705</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-010462 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7bg brown gold|can-010467|009531130750\" data-pid=\"CAN-010467\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-010467\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-010467\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-010467\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-010467\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010467\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-010467\" data-attr=\"color\" title=\"7BG Brown Gold\">\n                  <a href=\"#\" data-pid=\"CAN-010467\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010467&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010467\">\n                    <span data-attr-value=\"7BG_Brown_Gold\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw1f5cb018/images/johnpaulmitchellsystems/010467C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7BG Brown Gold</span>\n                  <span class=\"variation-pid\">CAN-010467</span>\n                  <span class=\"variation-upc\">009531130750</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-010467 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7a medium ash blonde|can-576628|009531121307\" data-pid=\"CAN-576628\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576628\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576628\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576628\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576628\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576628\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576628\" data-attr=\"color\" title=\"7A Medium Ash Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576628\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576628&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576628\">\n                    <span data-attr-value=\"7A_Medium_Ash_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwe3c1d904/images/johnpaulmitchellsystems/576628C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7A Medium Ash Blonde</span>\n                  <span class=\"variation-pid\">CAN-576628</span>\n                  <span class=\"variation-upc\">009531121307</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576628 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7p platinum|can-014991|009531130385\" data-pid=\"CAN-014991\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-014991\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-014991\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-014991\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-014991\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-014991\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-014991\" data-attr=\"color\" title=\"7P Platinum\">\n                  <a href=\"#\" data-pid=\"CAN-014991\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-014991&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-014991\">\n                    <span data-attr-value=\"7P_Platinum\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6c7d8128/images/johnpaulmitchellsystems/014991C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7P Platinum</span>\n                  <span class=\"variation-pid\">CAN-014991</span>\n                  <span class=\"variation-upc\">009531130385</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-014991 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7pn medium pearl natural blonde|can-576634|009531121703\" data-pid=\"CAN-576634\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576634\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576634\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576634\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576634\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576634\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576634\" data-attr=\"color\" title=\"7PN Medium Pearl Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576634\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576634&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576634\">\n                    <span data-attr-value=\"7PN_Medium_Pearl_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw18f49b89/images/johnpaulmitchellsystems/576634C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7PN Medium Pearl Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-576634</span>\n                  <span class=\"variation-upc\">009531121703</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576634 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7g medium gold blonde|can-576630|009531121376\" data-pid=\"CAN-576630\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576630\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576630\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576630\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576630\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576630\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576630\" data-attr=\"color\" title=\"7G Medium Gold Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576630\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576630&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576630\">\n                    <span data-attr-value=\"7G_Medium_Gold_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw4cad13ce/images/johnpaulmitchellsystems/576630C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7G Medium Gold Blonde</span>\n                  <span class=\"variation-pid\">CAN-576630</span>\n                  <span class=\"variation-upc\">009531121376</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576630 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7c medium copper blonde|can-576629|009531121437\" data-pid=\"CAN-576629\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576629\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576629\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576629\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576629\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576629\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576629\" data-attr=\"color\" title=\"7C Medium Copper Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576629\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576629&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576629\">\n                    <span data-attr-value=\"7C_Medium_Copper_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7e00ddb5/images/johnpaulmitchellsystems/576629C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7C Medium Copper Blonde</span>\n                  <span class=\"variation-pid\">CAN-576629</span>\n                  <span class=\"variation-upc\">009531121437</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576629 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7r medium red blonde|can-576638|009531121475\" data-pid=\"CAN-576638\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576638\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576638\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576638\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576638\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576638\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576638\" data-attr=\"color\" title=\"7R Medium Red Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576638\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576638&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576638\">\n                    <span data-attr-value=\"7R_Medium_Red_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw1eeab0a7/images/johnpaulmitchellsystems/576638C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7R Medium Red Blonde</span>\n                  <span class=\"variation-pid\">CAN-576638</span>\n                  <span class=\"variation-upc\">009531121475</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576638 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7rb medium red brown blonde|can-576635|009531121581\" data-pid=\"CAN-576635\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576635\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576635\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576635\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576635\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576635\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576635\" data-attr=\"color\" title=\"7RB Medium Red Brown Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576635\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576635&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576635\">\n                    <span data-attr-value=\"7RB_Medium_Red_Brown_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6f948d75/images/johnpaulmitchellsystems/576635C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7RB Medium Red Brown Blonde</span>\n                  <span class=\"variation-pid\">CAN-576635</span>\n                  <span class=\"variation-upc\">009531121581</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576635 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7ro medium red orange blonde|can-576636|009531121505\" data-pid=\"CAN-576636\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576636\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576636\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576636\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576636\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576636\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576636\" data-attr=\"color\" title=\"7RO Medium Red Orange Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576636\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576636&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576636\">\n                    <span data-attr-value=\"7RO_Medium_Red_Orange_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwd4c05db5/images/johnpaulmitchellsystems/576636C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7RO Medium Red Orange Blonde</span>\n                  <span class=\"variation-pid\">CAN-576636</span>\n                  <span class=\"variation-upc\">009531121505</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576636 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7rv medium red violet blonde|can-576637|009531121543\" data-pid=\"CAN-576637\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576637\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576637\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576637\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576637\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576637\"\n      \n\n      \n        disabled\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576637\" data-attr=\"color\" title=\"7RV Medium Red Violet Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576637\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576637&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576637\">\n                    <span data-attr-value=\"7RV_Medium_Red_Violet_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw767322fc/images/johnpaulmitchellsystems/576637C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container unavailable-swatch-text\">\n                  <span class=\"variation-name\">7RV Medium Red Violet Blonde</span>\n                  <span class=\"variation-pid\">CAN-576637</span>\n                  <span class=\"variation-upc\">009531121543</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576637 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7v violet|can-008346|009531130392\" data-pid=\"CAN-008346\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-008346\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-008346\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-008346\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-008346\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008346\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-008346\" data-attr=\"color\" title=\"7V Violet\">\n                  <a href=\"#\" data-pid=\"CAN-008346\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008346&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008346\">\n                    <span data-attr-value=\"7V_Violet\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwe440af35/images/johnpaulmitchellsystems/008346C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7V Violet</span>\n                  <span class=\"variation-pid\">CAN-008346</span>\n                  <span class=\"variation-upc\">009531130392</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-008346 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7vg violet  gold|can-010471|009531130811\" data-pid=\"CAN-010471\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-010471\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-010471\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-010471\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-010471\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010471\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-010471\" data-attr=\"color\" title=\"7VG Violet  Gold\">\n                  <a href=\"#\" data-pid=\"CAN-010471\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010471&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010471\">\n                    <span data-attr-value=\"7VG_Violet_Gold\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw37fc2369/images/johnpaulmitchellsystems/010471C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7VG Violet  Gold</span>\n                  <span class=\"variation-pid\">CAN-010471</span>\n                  <span class=\"variation-upc\">009531130811</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-010471 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"7gb gold brown|can-021616|009531133577\" data-pid=\"CAN-021616\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-021616\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-021616\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-021616\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-021616\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021616\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-021616\" data-attr=\"color\" title=\"7GB Gold Brown\">\n                  <a href=\"#\" data-pid=\"CAN-021616\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021616&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021616\">\n                    <span data-attr-value=\"7GB_Gold_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf6446643/images/johnpaulmitchellsystems/021616C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">7GB Gold Brown</span>\n                  <span class=\"variation-pid\">CAN-021616</span>\n                  <span class=\"variation-upc\">009531133577</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-021616 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"8n light natural blonde|can-576645|009531121185\" data-pid=\"CAN-576645\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576645\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576645\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576645\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576645\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576645\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576645\" data-attr=\"color\" title=\"8N Light Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576645\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576645&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576645\">\n                    <span data-attr-value=\"8N_Light_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwdbc43856/images/johnpaulmitchellsystems/576645C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">8N Light Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-576645</span>\n                  <span class=\"variation-upc\">009531121185</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576645 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"8nn light natural natural blonde|can-576644|009531121253\" data-pid=\"CAN-576644\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576644\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576644\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576644\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576644\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576644\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576644\" data-attr=\"color\" title=\"8NN Light Natural Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576644\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576644&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576644\">\n                    <span data-attr-value=\"8NN_Light_Natural_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw99418b97/images/johnpaulmitchellsystems/576644C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">8NN Light Natural Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-576644</span>\n                  <span class=\"variation-upc\">009531121253</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576644 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"8nb light natural brown blonde|can-576643|009531121666\" data-pid=\"CAN-576643\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576643\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576643\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576643\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576643\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576643\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576643\" data-attr=\"color\" title=\"8NB Light Natural Brown Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576643\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576643&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576643\">\n                    <span data-attr-value=\"8NB_Light_Natural_Brown_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw60f0dec7/images/johnpaulmitchellsystems/576643C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">8NB Light Natural Brown Blonde</span>\n                  <span class=\"variation-pid\">CAN-576643</span>\n                  <span class=\"variation-upc\">009531121666</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576643 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"8a light ash blonde|can-576640|009531121314\" data-pid=\"CAN-576640\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576640\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576640\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576640\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576640\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576640\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576640\" data-attr=\"color\" title=\"8A Light Ash Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576640\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576640&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576640\">\n                    <span data-attr-value=\"8A_Light_Ash_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw5dc452fa/images/johnpaulmitchellsystems/576640C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">8A Light Ash Blonde</span>\n                  <span class=\"variation-pid\">CAN-576640</span>\n                  <span class=\"variation-upc\">009531121314</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576640 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"8aa ash ash|can-008348|009531130361\" data-pid=\"CAN-008348\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-008348\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-008348\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-008348\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-008348\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008348\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-008348\" data-attr=\"color\" title=\"8AA Ash Ash\">\n                  <a href=\"#\" data-pid=\"CAN-008348\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008348&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008348\">\n                    <span data-attr-value=\"8AA_Ash_Ash\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6ac7f8b3/images/johnpaulmitchellsystems/008348C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">8AA Ash Ash</span>\n                  <span class=\"variation-pid\">CAN-008348</span>\n                  <span class=\"variation-upc\">009531130361</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-008348 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"8pn light pearl natural blonde|can-576646|009531121710\" data-pid=\"CAN-576646\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576646\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576646\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576646\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576646\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576646\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576646\" data-attr=\"color\" title=\"8PN Light Pearl Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576646\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576646&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576646\">\n                    <span data-attr-value=\"8PN_Light_Pearl_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf67d23f4/images/johnpaulmitchellsystems/576646C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">8PN Light Pearl Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-576646</span>\n                  <span class=\"variation-upc\">009531121710</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576646 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"8pa pearl ash|can-008341|009531130323\" data-pid=\"CAN-008341\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-008341\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-008341\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-008341\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-008341\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008341\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-008341\" data-attr=\"color\" title=\"8PA Pearl Ash\">\n                  <a href=\"#\" data-pid=\"CAN-008341\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008341&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008341\">\n                    <span data-attr-value=\"8PA_Pearl_Ash\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw4fff008c/images/johnpaulmitchellsystems/008341C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">8PA Pearl Ash</span>\n                  <span class=\"variation-pid\">CAN-008341</span>\n                  <span class=\"variation-upc\">009531130323</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-008341 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"8g light gold blonde|can-576642|009531121383\" data-pid=\"CAN-576642\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576642\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576642\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576642\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576642\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576642\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576642\" data-attr=\"color\" title=\"8G Light Gold Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576642\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576642&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576642\">\n                    <span data-attr-value=\"8G_Light_Gold_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf2ad486d/images/johnpaulmitchellsystems/576642C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">8G Light Gold Blonde</span>\n                  <span class=\"variation-pid\">CAN-576642</span>\n                  <span class=\"variation-upc\">009531121383</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576642 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"8c light copper blonde|can-576641|009531121444\" data-pid=\"CAN-576641\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576641\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576641\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576641\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576641\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576641\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576641\" data-attr=\"color\" title=\"8C Light Copper Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576641\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576641&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576641\">\n                    <span data-attr-value=\"8C_Light_Copper_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw4f404ccf/images/johnpaulmitchellsystems/576641C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">8C Light Copper Blonde</span>\n                  <span class=\"variation-pid\">CAN-576641</span>\n                  <span class=\"variation-upc\">009531121444</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576641 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"9n very light natural blonde|can-576653|009531121192\" data-pid=\"CAN-576653\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576653\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576653\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576653\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576653\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576653\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576653\" data-attr=\"color\" title=\"9N Very Light Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576653\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576653&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576653\">\n                    <span data-attr-value=\"9N_Very_Light_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwc751a48b/images/johnpaulmitchellsystems/576653C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">9N Very Light Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-576653</span>\n                  <span class=\"variation-upc\">009531121192</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576653 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"9nn very light natural natural blonde|can-576652|009531121260\" data-pid=\"CAN-576652\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576652\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576652\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576652\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576652\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576652\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576652\" data-attr=\"color\" title=\"9NN Very Light Natural Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576652\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576652&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576652\">\n                    <span data-attr-value=\"9NN_Very_Light_Natural_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwafbca554/images/johnpaulmitchellsystems/576652C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">9NN Very Light Natural Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-576652</span>\n                  <span class=\"variation-upc\">009531121260</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576652 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"9nb very light natural brown blonde|can-576651|009531121673\" data-pid=\"CAN-576651\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576651\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576651\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576651\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576651\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576651\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576651\" data-attr=\"color\" title=\"9NB Very Light Natural Brown Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576651\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576651&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576651\">\n                    <span data-attr-value=\"9NB_Very_Light_Natural_Brown_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf58405b0/images/johnpaulmitchellsystems/576651C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">9NB Very Light Natural Brown Blonde</span>\n                  <span class=\"variation-pid\">CAN-576651</span>\n                  <span class=\"variation-upc\">009531121673</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576651 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"9bg brown gold|can-010466|009531130743\" data-pid=\"CAN-010466\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-010466\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-010466\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-010466\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-010466\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010466\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-010466\" data-attr=\"color\" title=\"9BG Brown Gold\">\n                  <a href=\"#\" data-pid=\"CAN-010466\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010466&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010466\">\n                    <span data-attr-value=\"9BG_Brown_Gold\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwfd5d1b14/images/johnpaulmitchellsystems/010466C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">9BG Brown Gold</span>\n                  <span class=\"variation-pid\">CAN-010466</span>\n                  <span class=\"variation-upc\">009531130743</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-010466 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"9a very light ash blonde|can-576649|009531121321\" data-pid=\"CAN-576649\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576649\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576649\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576649\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576649\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576649\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576649\" data-attr=\"color\" title=\"9A Very Light Ash Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576649\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576649&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576649\">\n                    <span data-attr-value=\"9A_Very_Light_Ash_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw77c02d42/images/johnpaulmitchellsystems/576649C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">9A Very Light Ash Blonde</span>\n                  <span class=\"variation-pid\">CAN-576649</span>\n                  <span class=\"variation-upc\">009531121321</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576649 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"9p|can-014992|009531130378\" data-pid=\"CAN-014992\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-014992\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-014992\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-014992\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-014992\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-014992\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-014992\" data-attr=\"color\" title=\"9P\">\n                  <a href=\"#\" data-pid=\"CAN-014992\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-014992&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-014992\">\n                    <span data-attr-value=\"9P\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwbd722c9c/images/johnpaulmitchellsystems/014992C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">9P</span>\n                  <span class=\"variation-pid\">CAN-014992</span>\n                  <span class=\"variation-upc\">009531130378</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-014992 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"9pn very light pearl natural blonde|can-576654|009531121727\" data-pid=\"CAN-576654\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576654\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576654\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576654\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576654\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576654\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576654\" data-attr=\"color\" title=\"9PN Very Light Pearl Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576654\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576654&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576654\">\n                    <span data-attr-value=\"9PN_Very_Light_Pearl_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwdefeb0e0/images/johnpaulmitchellsystems/576654C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">9PN Very Light Pearl Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-576654</span>\n                  <span class=\"variation-upc\">009531121727</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576654 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"9g very light gold blonde|can-576650|009531121390\" data-pid=\"CAN-576650\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576650\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576650\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576650\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576650\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576650\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576650\" data-attr=\"color\" title=\"9G Very Light Gold Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576650\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576650&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576650\">\n                    <span data-attr-value=\"9G_Very_Light_Gold_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw8ff43b21/images/johnpaulmitchellsystems/576650C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">9G Very Light Gold Blonde</span>\n                  <span class=\"variation-pid\">CAN-576650</span>\n                  <span class=\"variation-upc\">009531121390</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576650 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"9gb gold brown|can-021617|009531133584\" data-pid=\"CAN-021617\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-021617\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-021617\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-021617\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-021617\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021617\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-021617\" data-attr=\"color\" title=\"9GB Gold Brown\">\n                  <a href=\"#\" data-pid=\"CAN-021617\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021617&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021617\">\n                    <span data-attr-value=\"9GB_Gold_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwc926fccf/images/johnpaulmitchellsystems/021617C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">9GB Gold Brown</span>\n                  <span class=\"variation-pid\">CAN-021617</span>\n                  <span class=\"variation-upc\">009531133584</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-021617 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"9v violet|can-008392|009531124612\" data-pid=\"CAN-008392\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-008392\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-008392\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-008392\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-008392\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008392\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-008392\" data-attr=\"color\" title=\"9V Violet\">\n                  <a href=\"#\" data-pid=\"CAN-008392\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008392&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008392\">\n                    <span data-attr-value=\"9V_Violet\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw332f2fec/images/johnpaulmitchellsystems/008392C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">9V Violet</span>\n                  <span class=\"variation-pid\">CAN-008392</span>\n                  <span class=\"variation-upc\">009531124612</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-008392 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"9vg violet gold|can-010473|009531130828\" data-pid=\"CAN-010473\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-010473\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-010473\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-010473\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-010473\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010473\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-010473\" data-attr=\"color\" title=\"9VG Violet Gold\">\n                  <a href=\"#\" data-pid=\"CAN-010473\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010473&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-010473\">\n                    <span data-attr-value=\"9VG_Violet_Gold\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwfb7238d8/images/johnpaulmitchellsystems/010473C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">9VG Violet Gold</span>\n                  <span class=\"variation-pid\">CAN-010473</span>\n                  <span class=\"variation-upc\">009531130828</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-010473 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"10wb lightest warm beige  blonde|can-576566|009531124582\" data-pid=\"CAN-576566\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576566\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576566\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576566\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576566\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576566\"\n      \n\n      \n        disabled\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576566\" data-attr=\"color\" title=\"10WB Lightest Warm Beige  Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576566\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576566&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576566\">\n                    <span data-attr-value=\"10WB_Lightest_Warm_Beige__Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwfffc4142/images/johnpaulmitchellsystems/576566C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container unavailable-swatch-text\">\n                  <span class=\"variation-name\">10WB Lightest Warm Beige  Blonde</span>\n                  <span class=\"variation-pid\">CAN-576566</span>\n                  <span class=\"variation-upc\">009531124582</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576566 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"10n lightest natural blonde|can-576563|009531121208\" data-pid=\"CAN-576563\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576563\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576563\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576563\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576563\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576563\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576563\" data-attr=\"color\" title=\"10N Lightest Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576563\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576563&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576563\">\n                    <span data-attr-value=\"10N_Lightest_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw26fe2d6e/images/johnpaulmitchellsystems/576563C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">10N Lightest Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-576563</span>\n                  <span class=\"variation-upc\">009531121208</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576563 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"10nb natural brown|can-576562|009531121680\" data-pid=\"CAN-576562\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576562\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576562\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576562\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576562\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576562\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576562\" data-attr=\"color\" title=\"10NB Natural Brown\">\n                  <a href=\"#\" data-pid=\"CAN-576562\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576562&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576562\">\n                    <span data-attr-value=\"10NB_Natural_Brown\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw2563c34c/images/johnpaulmitchellsystems/576562C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">10NB Natural Brown</span>\n                  <span class=\"variation-pid\">CAN-576562</span>\n                  <span class=\"variation-upc\">009531121680</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576562 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"10a lightest ash blonde|can-576560|009531121338\" data-pid=\"CAN-576560\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576560\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576560\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576560\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576560\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576560\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576560\" data-attr=\"color\" title=\"10A Lightest Ash Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576560\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576560&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576560\">\n                    <span data-attr-value=\"10A_Lightest_Ash_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwec7acc7f/images/johnpaulmitchellsystems/576560C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">10A Lightest Ash Blonde</span>\n                  <span class=\"variation-pid\">CAN-576560</span>\n                  <span class=\"variation-upc\">009531121338</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576560 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"10aa ash ash|can-008349|009531130354\" data-pid=\"CAN-008349\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-008349\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-008349\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-008349\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-008349\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008349\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-008349\" data-attr=\"color\" title=\"10AA Ash Ash\">\n                  <a href=\"#\" data-pid=\"CAN-008349\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008349&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008349\">\n                    <span data-attr-value=\"10AA_Ash_Ash\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw69edfa0e/images/johnpaulmitchellsystems/008349C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">10AA Ash Ash</span>\n                  <span class=\"variation-pid\">CAN-008349</span>\n                  <span class=\"variation-upc\">009531130354</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-008349 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"10p lightest platinum blonde|can-576565|009531121741\" data-pid=\"CAN-576565\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576565\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576565\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576565\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576565\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576565\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576565\" data-attr=\"color\" title=\"10P Lightest Platinum Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576565\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576565&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576565\">\n                    <span data-attr-value=\"10P_Lightest_Platinum_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf0bffa57/images/johnpaulmitchellsystems/576565C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">10P Lightest Platinum Blonde</span>\n                  <span class=\"variation-pid\">CAN-576565</span>\n                  <span class=\"variation-upc\">009531121741</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576565 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"10pn lightest pearl blonde|can-576564|009531121734\" data-pid=\"CAN-576564\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576564\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576564\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576564\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576564\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576564\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576564\" data-attr=\"color\" title=\"10PN Lightest Pearl Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576564\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576564&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576564\">\n                    <span data-attr-value=\"10PN_Lightest_Pearl_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwdcc0624c/images/johnpaulmitchellsystems/576564C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">10PN Lightest Pearl Blonde</span>\n                  <span class=\"variation-pid\">CAN-576564</span>\n                  <span class=\"variation-upc\">009531121734</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576564 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"10pa pearl ash|can-008344|009531130316\" data-pid=\"CAN-008344\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-008344\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-008344\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-008344\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-008344\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008344\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-008344\" data-attr=\"color\" title=\"10PA Pearl Ash\">\n                  <a href=\"#\" data-pid=\"CAN-008344\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008344&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008344\">\n                    <span data-attr-value=\"10PA_Pearl_Ash\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw93675210/images/johnpaulmitchellsystems/008344C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">10PA Pearl Ash</span>\n                  <span class=\"variation-pid\">CAN-008344</span>\n                  <span class=\"variation-upc\">009531130316</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-008344 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"10g lightest gold blonde|can-576561|009531121406\" data-pid=\"CAN-576561\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576561\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576561\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576561\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576561\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576561\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576561\" data-attr=\"color\" title=\"10G Lightest Gold Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576561\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576561&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576561\">\n                    <span data-attr-value=\"10G_Lightest_Gold_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwd17bb451/images/johnpaulmitchellsystems/576561C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">10G Lightest Gold Blonde</span>\n                  <span class=\"variation-pid\">CAN-576561</span>\n                  <span class=\"variation-upc\">009531121406</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576561 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"hln highlift natural blonde|can-576657|009531121796\" data-pid=\"CAN-576657\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576657\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576657\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576657\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576657\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576657\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576657\" data-attr=\"color\" title=\"HLN Highlift Natural Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576657\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576657&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576657\">\n                    <span data-attr-value=\"HLN_Highlift_Natural_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwb4070a4b/images/johnpaulmitchellsystems/576657C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">HLN Highlift Natural Blonde</span>\n                  <span class=\"variation-pid\">CAN-576657</span>\n                  <span class=\"variation-upc\">009531121796</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576657 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"hla highlift ash blonde|can-576656|009531121789\" data-pid=\"CAN-576656\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576656\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576656\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576656\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576656\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576656\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576656\" data-attr=\"color\" title=\"HLA Highlift Ash Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576656\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576656&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576656\">\n                    <span data-attr-value=\"HLA_Highlift_Ash_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw1b3087dc/images/johnpaulmitchellsystems/576656C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">HLA Highlift Ash Blonde</span>\n                  <span class=\"variation-pid\">CAN-576656</span>\n                  <span class=\"variation-upc\">009531121789</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576656 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"hlp platinum blonde|can-576659|009531121765\" data-pid=\"CAN-576659\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576659\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576659\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576659\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576659\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576659\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576659\" data-attr=\"color\" title=\"HLP Platinum Blonde\">\n                  <a href=\"#\" data-pid=\"CAN-576659\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576659&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576659\">\n                    <span data-attr-value=\"HLP_Platinum_Blonde\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw4687ecfc/images/johnpaulmitchellsystems/576659C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">HLP Platinum Blonde</span>\n                  <span class=\"variation-pid\">CAN-576659</span>\n                  <span class=\"variation-upc\">009531121765</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576659 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"hlpn platinum natural|can-576658|009531121772\" data-pid=\"CAN-576658\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576658\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576658\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576658\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576658\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576658\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576658\" data-attr=\"color\" title=\"HLPN Platinum Natural\">\n                  <a href=\"#\" data-pid=\"CAN-576658\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576658&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576658\">\n                    <span data-attr-value=\"HLPN_Platinum_Natural\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf39eacb4/images/johnpaulmitchellsystems/576658C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">HLPN Platinum Natural</span>\n                  <span class=\"variation-pid\">CAN-576658</span>\n                  <span class=\"variation-upc\">009531121772</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576658 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"hlpa pearl ash|can-008345|009531130309\" data-pid=\"CAN-008345\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-008345\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-008345\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-008345\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-008345\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008345\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-008345\" data-attr=\"color\" title=\"HLPA Pearl Ash\">\n                  <a href=\"#\" data-pid=\"CAN-008345\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008345&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-008345\">\n                    <span data-attr-value=\"HLPA_Pearl_Ash\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw38948e79/images/johnpaulmitchellsystems/008345C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">HLPA Pearl Ash</span>\n                  <span class=\"variation-pid\">CAN-008345</span>\n                  <span class=\"variation-upc\">009531130309</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-008345 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"c clear|can-576655|009531121758\" data-pid=\"CAN-576655\">\n              <div class=\"swatch-line-inner-wrapper\">\n                \n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n  \n\n\n\n\n\n\n  \n\n\n\n\n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n\n<div class=\"quantity-container  \">\n  <span class=\"loginPopover\" role=\"tooltip\" data-placement=\"top\" data-toggle=\"popover\" data-trigger=\"hover\" data-content=\"<a href='/login' class=js-gtm-beginlogin data-gtm-eventlocation=pdp>Log in</a> or <a href='/signup' class=js-gtm-vsustart data-gtm-eventlocation=pdp>Register</a> to add to your bag.\"></span>\n  <div class=\"quantity-container-plus-minus expanded \">\n    <button class=\"qty-minus qty-btn disabled\"><span>&minus;</span></button>\n    <input id=\"quantity-input-CAN-576655\"\n      type=\"number\"\n      name=\"quantity-input\"\n      class=\"quantity-input qty-btn-input numeric-only\"\n      min=\"0\"\n      max=\"300\"\n      value=\"0\"\n      data-pid=\"CAN-576655\"\n      data-product-type=\"master\"\n      data-swatch-pid=\"CAN-576655\"\n      data-quantity-limit=\"\"\n      data-stm-max=\"0\"\n      data-sdd-inventory=\"0\"\n      data-bopis-max=\"0\"\n      data-sdd-max=\"0\"\n      data-max-quantity=\"300\"\n      data-grid-qty-error=\"false\"\n      data-grid-base-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=\"\n\n      \n\n      \n        data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-576655\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576655\"\n      \n\n      \n\n      \n\n    />\n    <button class=\"qty-plus qty-btn disabled\"><span>&plus;</span></button>\n  </div>\n</div>\n\n                <div class=\"swatch-circle-container\" data-pid=\"CAN-576655\" data-attr=\"color\" title=\"C Clear\">\n                  <a href=\"#\" data-pid=\"CAN-576655\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576655&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-576655\">\n                    <span data-attr-value=\"C_Clear\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          \n                          disabled unselectable opacitySwatch\n                      \"\n                      style=\"background-image: url(https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwa4585209/images/johnpaulmitchellsystems/576655C_s.png?sw=60&amp;sh=60); background-size: cover;\"\n                    >\n                    </span>\n                    <div class=\"unselectable-overlay\"></div>\n                  </a>\n                </div>\n\n                <div class=\"swatch-name-container \">\n                  <span class=\"variation-name\">C Clear</span>\n                  <span class=\"variation-pid\">CAN-576655</span>\n                  <span class=\"variation-upc\">009531121758</span>\n                </div>\n              </div>\n\n              \n\n\n     \n\n\n\n  \n  \n\n\n\n\n\n\n\n\n\n<div class=\"js-availability-msg-CAN-576655 js-availability-msg-pdp-size availablity-msg-parent hide\">\n  <div class=\"maxQty-error-msg-quickview d-flex align-items-center justify-content-between\">\n    <div class=\"availability-flex-wrapper\">\n      \n        <img src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw544dc98a/images/icons/exclamation-circle-new.svg\" alt=\"warning-info\" class=\"mr-0\" />\n      \n      <span class=\"availability_msg ml-1\"></span>\n    </div>\n    \n      <span class=\"close-icon\">\n        <img class=\"close__icon\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dwf076947e/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n      \n    </div>\n  \n\n</div>\n                  </div>\n                  \n              \n\n              <input class=\"AvailabilityJsonURL\" type=\"hidden\" data-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-AvailabilityJson?pids=CAN-M-570258&amp;page=qv\">\n              <!-- Product Availability -->\n              <div class=\"d-sm-none col availability align-self-end \" data-ready-to-order=\"false\" data-available=\"true\">\n                                                                                                                              \n              </div>\n            </div>\n\n            <hr>\n\n          </section>\n\n          \n            <!-- Options -->\n            \n          \n        </div>\n      </div>\n    </div>\n  </div>\n\n  \n  \n</div>\n\n<div class=\"modal-footer row align-items-end\">\n  <div class=\"hidden-xs-down col availability align-self-end global-availability\"\n    data-ready-to-order=\"false\" data-available=\"true\">\n                                                                                                                  \n  </div>\n</div>",
  "productUrl": "/CAN-M-570258.html"
}