{
  "action": "Product-ShowQuickView",
  "queryString": "isFromPLPFlow=false&pid=CAN-021883",
  "locale": "default",
  "product": {
    "uuid": "e351a07ce875f5e6f4cbccfe01",
    "id": "CAN-021883",
    "upc": "8901526596959",
    "productName": "SoColor 10 Minute 503NA Permanent Color Packette",
    "productType": "variant",
    "manufacturerSKU": "F8033201",
    "manufacturerName": "MATRIX / LOREAL USA SD INC-JDA US",
    "brand": {},
    "brandUrl": "/shop-by-brand/matrix",
    "url": {},
    "bvAverageRating": "0",
    "bvReviewCount": "0",
    "price": {
      "sales": {
        "value": null,
        "currency": null,
        "formatted": null
      },
      "list": null,
      "type": "default",
      "isDiscountModelPricebookPrice": false,
      "hasPrice": false
    },
    "images": {
      "pdpLarge": [
        {
          "alt": "SoColor 10 Minute 503NA Permanent Color Packette",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwa3802320/images/matrix/021883C.jpg?sw=650&sh=650&sfrm=png",
          "title": "SoColor 10 Minute 503NA Permanent Color Packette"
        },
        {
          "alt": "SoColor 10 Minute 503NA Permanent Color Packette",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw03996893/images/matrix/021883C_1.jpg?sw=650&sh=650&sfrm=png",
          "title": "SoColor 10 Minute 503NA Permanent Color Packette"
        },
        {
          "alt": "SoColor 10 Minute 503NA Permanent Color Packette",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7e2368b5/images/matrix/021883C_2.jpg?sw=650&sh=650&sfrm=png",
          "title": "SoColor 10 Minute 503NA Permanent Color Packette"
        },
        {
          "alt": "SoColor 10 Minute 503NA Permanent Color Packette",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6f21d5a6/images/matrix/021883C_3.jpg?sw=650&sh=650&sfrm=png",
          "title": "SoColor 10 Minute 503NA Permanent Color Packette"
        },
        {
          "alt": "SoColor 10 Minute 503NA Permanent Color Packette",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw362f6d43/images/matrix/021883C_4.jpg?sw=650&sh=650&sfrm=png",
          "title": "SoColor 10 Minute 503NA Permanent Color Packette"
        },
        {
          "alt": "SoColor 10 Minute 503NA Permanent Color Packette",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw42c60da3/images/matrix/021883C_5.jpg?sw=650&sh=650&sfrm=png",
          "title": "SoColor 10 Minute 503NA Permanent Color Packette"
        }
      ],
      "zoom": [
        {
          "alt": "SoColor 10 Minute 503NA Permanent Color Packette",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwa3802320/images/matrix/021883C.jpg?sw=1500&sh=1500&sfrm=png",
          "title": "SoColor 10 Minute 503NA Permanent Color Packette"
        },
        {
          "alt": "SoColor 10 Minute 503NA Permanent Color Packette",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw03996893/images/matrix/021883C_1.jpg?sw=1500&sh=1500&sfrm=png",
          "title": "SoColor 10 Minute 503NA Permanent Color Packette"
        },
        {
          "alt": "SoColor 10 Minute 503NA Permanent Color Packette",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7e2368b5/images/matrix/021883C_2.jpg?sw=1500&sh=1500&sfrm=png",
          "title": "SoColor 10 Minute 503NA Permanent Color Packette"
        },
        {
          "alt": "SoColor 10 Minute 503NA Permanent Color Packette",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6f21d5a6/images/matrix/021883C_3.jpg?sw=1500&sh=1500&sfrm=png",
          "title": "SoColor 10 Minute 503NA Permanent Color Packette"
        },
        {
          "alt": "SoColor 10 Minute 503NA Permanent Color Packette",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw362f6d43/images/matrix/021883C_4.jpg?sw=1500&sh=1500&sfrm=png",
          "title": "SoColor 10 Minute 503NA Permanent Color Packette"
        },
        {
          "alt": "SoColor 10 Minute 503NA Permanent Color Packette",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw42c60da3/images/matrix/021883C_5.jpg?sw=1500&sh=1500&sfrm=png",
          "title": "SoColor 10 Minute 503NA Permanent Color Packette"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 0,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "Color",
        "id": "color",
        "swatchable": true,
        "values": [
          {
            "id": "503N_Darkest_Brown_Neutral",
            "description": null,
            "displayValue": "503N Darkest Brown Neutral",
            "value": "503N_Darkest_Brown_Neutral",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-021880",
            "UPC": "8901526596942",
            "orderLevel": "503",
            "variantRank": "1",
            "shadeLabel": "503N",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "503N Darkest Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw53ba4e73/images/matrix/021880C_s.png?sw=60&sh=60",
                  "title": "503N Darkest Brown Neutral"
                },
                {
                  "alt": "503N Darkest Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw56d4bcbe/images/matrix/021880C_1.png?sw=60&sh=60",
                  "title": "503N Darkest Brown Neutral"
                },
                {
                  "alt": "503N Darkest Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwd0b38bdd/images/matrix/021880C_2.png?sw=60&sh=60",
                  "title": "503N Darkest Brown Neutral"
                },
                {
                  "alt": "503N Darkest Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwdf77556d/images/matrix/021880C_3.png?sw=60&sh=60",
                  "title": "503N Darkest Brown Neutral"
                },
                {
                  "alt": "503N Darkest Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6a26ecee/images/matrix/021880C_4.png?sw=60&sh=60",
                  "title": "503N Darkest Brown Neutral"
                },
                {
                  "alt": "503N Darkest Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf37c8cc3/images/matrix/021880C_5.png?sw=60&sh=60",
                  "title": "503N Darkest Brown Neutral"
                }
              ]
            }
          },
          {
            "id": "503NA_Darkest_Brown_Neutral_Ash",
            "description": null,
            "displayValue": "503NA Darkest Brown Neutral Ash",
            "value": "503NA_Darkest_Brown_Neutral_Ash",
            "selected": true,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-021883",
            "UPC": "8901526596959",
            "orderLevel": "503",
            "variantRank": "2",
            "shadeLabel": "503NA",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "503NA Darkest Brown Neutral Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwdfb6c92d/images/matrix/021883C_s.png?sw=60&sh=60",
                  "title": "503NA Darkest Brown Neutral Ash"
                },
                {
                  "alt": "503NA Darkest Brown Neutral Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw03996893/images/matrix/021883C_1.png?sw=60&sh=60",
                  "title": "503NA Darkest Brown Neutral Ash"
                },
                {
                  "alt": "503NA Darkest Brown Neutral Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7e2368b5/images/matrix/021883C_2.png?sw=60&sh=60",
                  "title": "503NA Darkest Brown Neutral Ash"
                },
                {
                  "alt": "503NA Darkest Brown Neutral Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6f21d5a6/images/matrix/021883C_3.png?sw=60&sh=60",
                  "title": "503NA Darkest Brown Neutral Ash"
                },
                {
                  "alt": "503NA Darkest Brown Neutral Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw362f6d43/images/matrix/021883C_4.png?sw=60&sh=60",
                  "title": "503NA Darkest Brown Neutral Ash"
                },
                {
                  "alt": "503NA Darkest Brown Neutral Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw42c60da3/images/matrix/021883C_5.png?sw=60&sh=60",
                  "title": "503NA Darkest Brown Neutral Ash"
                }
              ]
            }
          },
          {
            "id": "504N_Dark_Brown_Neutral",
            "description": null,
            "displayValue": "504N Dark Brown Neutral",
            "value": "504N_Dark_Brown_Neutral",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-021884",
            "UPC": "8901526596966",
            "orderLevel": "504",
            "variantRank": "3",
            "shadeLabel": "504N",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "504N Dark Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw51425d0e/images/matrix/021884C_s.png?sw=60&sh=60",
                  "title": "504N Dark Brown Neutral"
                },
                {
                  "alt": "504N Dark Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw993b6c18/images/matrix/021884C_1.png?sw=60&sh=60",
                  "title": "504N Dark Brown Neutral"
                },
                {
                  "alt": "504N Dark Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw261d7a46/images/matrix/021884C_2.png?sw=60&sh=60",
                  "title": "504N Dark Brown Neutral"
                },
                {
                  "alt": "504N Dark Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw74b51f8a/images/matrix/021884C_3.png?sw=60&sh=60",
                  "title": "504N Dark Brown Neutral"
                },
                {
                  "alt": "504N Dark Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwfef6de42/images/matrix/021884C_4.png?sw=60&sh=60",
                  "title": "504N Dark Brown Neutral"
                },
                {
                  "alt": "504N Dark Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwa7afe673/images/matrix/021884C_5.png?sw=60&sh=60",
                  "title": "504N Dark Brown Neutral"
                }
              ]
            }
          },
          {
            "id": "505N_Medium_Brown_Neutral",
            "description": null,
            "displayValue": "505N Medium Brown Neutral",
            "value": "505N_Medium_Brown_Neutral",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-021885",
            "UPC": "8901526596973",
            "orderLevel": "505",
            "variantRank": "4",
            "shadeLabel": "505N",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "505N Medium Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwab59204d/images/matrix/021885C_s.png?sw=60&sh=60",
                  "title": "505N Medium Brown Neutral"
                },
                {
                  "alt": "505N Medium Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw687fe1e7/images/matrix/021885C_1.png?sw=60&sh=60",
                  "title": "505N Medium Brown Neutral"
                },
                {
                  "alt": "505N Medium Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw35df3554/images/matrix/021885C_2.png?sw=60&sh=60",
                  "title": "505N Medium Brown Neutral"
                },
                {
                  "alt": "505N Medium Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwdaf183fa/images/matrix/021885C_3.png?sw=60&sh=60",
                  "title": "505N Medium Brown Neutral"
                },
                {
                  "alt": "505N Medium Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw5a6363eb/images/matrix/021885C_4.png?sw=60&sh=60",
                  "title": "505N Medium Brown Neutral"
                },
                {
                  "alt": "505N Medium Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw1d728b75/images/matrix/021885C_5.png?sw=60&sh=60",
                  "title": "505N Medium Brown Neutral"
                }
              ]
            }
          },
          {
            "id": "505NA_Medium_Brown_Neutral_Ash",
            "description": null,
            "displayValue": "505NA Medium Brown Neutral Ash",
            "value": "505NA_Medium_Brown_Neutral_Ash",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-021886",
            "UPC": "8901526596980",
            "orderLevel": "505",
            "variantRank": "5",
            "shadeLabel": "505NA",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "505NA Medium Brown Neutral Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwa2970373/images/matrix/021886C_s.png?sw=60&sh=60",
                  "title": "505NA Medium Brown Neutral Ash"
                },
                {
                  "alt": "505NA Medium Brown Neutral Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw21d30892/images/matrix/021886C_1.png?sw=60&sh=60",
                  "title": "505NA Medium Brown Neutral Ash"
                },
                {
                  "alt": "505NA Medium Brown Neutral Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw9ec128cb/images/matrix/021886C_2.png?sw=60&sh=60",
                  "title": "505NA Medium Brown Neutral Ash"
                },
                {
                  "alt": "505NA Medium Brown Neutral Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw2793b84f/images/matrix/021886C_3.png?sw=60&sh=60",
                  "title": "505NA Medium Brown Neutral Ash"
                },
                {
                  "alt": "505NA Medium Brown Neutral Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw59b9731c/images/matrix/021886C_4.png?sw=60&sh=60",
                  "title": "505NA Medium Brown Neutral Ash"
                },
                {
                  "alt": "505NA Medium Brown Neutral Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwf1727111/images/matrix/021886C_5.png?sw=60&sh=60",
                  "title": "505NA Medium Brown Neutral Ash"
                }
              ]
            }
          },
          {
            "id": "506N_Light_Brown_Neutral",
            "description": null,
            "displayValue": "506N Light Brown Neutral",
            "value": "506N_Light_Brown_Neutral",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-021889",
            "UPC": "8901526596997",
            "orderLevel": "506",
            "variantRank": "6",
            "shadeLabel": "506N",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "506N Light Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw5ed67ed1/images/matrix/021889C_s.png?sw=60&sh=60",
                  "title": "506N Light Brown Neutral"
                },
                {
                  "alt": "506N Light Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwe9c81cfa/images/matrix/021889C_1.png?sw=60&sh=60",
                  "title": "506N Light Brown Neutral"
                },
                {
                  "alt": "506N Light Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwa4e76fe7/images/matrix/021889C_2.png?sw=60&sh=60",
                  "title": "506N Light Brown Neutral"
                },
                {
                  "alt": "506N Light Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw8920e142/images/matrix/021889C_3.png?sw=60&sh=60",
                  "title": "506N Light Brown Neutral"
                },
                {
                  "alt": "506N Light Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw85d8f8ed/images/matrix/021889C_4.png?sw=60&sh=60",
                  "title": "506N Light Brown Neutral"
                },
                {
                  "alt": "506N Light Brown Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwfeb3d182/images/matrix/021889C_5.png?sw=60&sh=60",
                  "title": "506N Light Brown Neutral"
                }
              ]
            }
          },
          {
            "id": "507N_Dark_Blonde_Neutral",
            "description": null,
            "displayValue": "507N Dark Blonde Neutral",
            "value": "507N_Dark_Blonde_Neutral",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-021890",
            "UPC": "8901526597000",
            "orderLevel": "507",
            "variantRank": "7",
            "shadeLabel": "507N",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "507N Dark Blonde Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwbc0cf1db/images/matrix/021890C_s.png?sw=60&sh=60",
                  "title": "507N Dark Blonde Neutral"
                },
                {
                  "alt": "507N Dark Blonde Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw77df2d6f/images/matrix/021890C_1.png?sw=60&sh=60",
                  "title": "507N Dark Blonde Neutral"
                },
                {
                  "alt": "507N Dark Blonde Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw77f620a7/images/matrix/021890C_2.png?sw=60&sh=60",
                  "title": "507N Dark Blonde Neutral"
                },
                {
                  "alt": "507N Dark Blonde Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw8952fae8/images/matrix/021890C_3.png?sw=60&sh=60",
                  "title": "507N Dark Blonde Neutral"
                },
                {
                  "alt": "507N Dark Blonde Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw75533422/images/matrix/021890C_4.png?sw=60&sh=60",
                  "title": "507N Dark Blonde Neutral"
                },
                {
                  "alt": "507N Dark Blonde Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwe5046c7e/images/matrix/021890C_5.png?sw=60&sh=60",
                  "title": "507N Dark Blonde Neutral"
                }
              ]
            }
          },
          {
            "id": "507NA_Dark_Blonde_Neutral_Ash",
            "description": null,
            "displayValue": "507NA Dark Blonde Neutral Ash",
            "value": "507NA_Dark_Blonde_Neutral_Ash",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-021891",
            "UPC": "8901526597017",
            "orderLevel": "507",
            "variantRank": "8",
            "shadeLabel": "507NA",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "507NA Dark Blonde Neutral Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw3d98e763/images/matrix/021891C_s.png?sw=60&sh=60",
                  "title": "507NA Dark Blonde Neutral Ash"
                },
                {
                  "alt": "507NA Dark Blonde Neutral Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw787e5a43/images/matrix/021891C_1.png?sw=60&sh=60",
                  "title": "507NA Dark Blonde Neutral Ash"
                },
                {
                  "alt": "507NA Dark Blonde Neutral Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6b1eec00/images/matrix/021891C_2.png?sw=60&sh=60",
                  "title": "507NA Dark Blonde Neutral Ash"
                },
                {
                  "alt": "507NA Dark Blonde Neutral Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw9a26aa1b/images/matrix/021891C_3.png?sw=60&sh=60",
                  "title": "507NA Dark Blonde Neutral Ash"
                },
                {
                  "alt": "507NA Dark Blonde Neutral Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwb4d879dd/images/matrix/021891C_4.png?sw=60&sh=60",
                  "title": "507NA Dark Blonde Neutral Ash"
                },
                {
                  "alt": "507NA Dark Blonde Neutral Ash",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw3ed8ba32/images/matrix/021891C_5.png?sw=60&sh=60",
                  "title": "507NA Dark Blonde Neutral Ash"
                }
              ]
            }
          },
          {
            "id": "508N_Medium_Blonde_Neutral",
            "description": null,
            "displayValue": "508N Medium Blonde Neutral",
            "value": "508N_Medium_Blonde_Neutral",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-021882",
            "UPC": "8901526597024",
            "orderLevel": "508",
            "variantRank": "9",
            "shadeLabel": "508N",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "508N Medium Blonde Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw5aeb58ab/images/matrix/021882C_s.png?sw=60&sh=60",
                  "title": "508N Medium Blonde Neutral"
                },
                {
                  "alt": "508N Medium Blonde Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwbfe7911f/images/matrix/021882C_1.png?sw=60&sh=60",
                  "title": "508N Medium Blonde Neutral"
                },
                {
                  "alt": "508N Medium Blonde Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwc18c80ae/images/matrix/021882C_2.png?sw=60&sh=60",
                  "title": "508N Medium Blonde Neutral"
                },
                {
                  "alt": "508N Medium Blonde Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw828b5aa3/images/matrix/021882C_3.png?sw=60&sh=60",
                  "title": "508N Medium Blonde Neutral"
                },
                {
                  "alt": "508N Medium Blonde Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw1b96081e/images/matrix/021882C_4.png?sw=60&sh=60",
                  "title": "508N Medium Blonde Neutral"
                },
                {
                  "alt": "508N Medium Blonde Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dweba0ff28/images/matrix/021882C_5.png?sw=60&sh=60",
                  "title": "508N Medium Blonde Neutral"
                }
              ]
            }
          },
          {
            "id": "509N_Light_Blonde_Neutral",
            "description": null,
            "displayValue": "509N Light Blonde Neutral",
            "value": "509N_Light_Blonde_Neutral",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-021845",
            "UPC": "8901526597031",
            "orderLevel": "509",
            "variantRank": "10",
            "shadeLabel": "509N",
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "509N Light Blonde Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw5880c117/images/matrix/021845C_s.png?sw=60&sh=60",
                  "title": "509N Light Blonde Neutral"
                },
                {
                  "alt": "509N Light Blonde Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw0af37429/images/matrix/021845C_1.png?sw=60&sh=60",
                  "title": "509N Light Blonde Neutral"
                },
                {
                  "alt": "509N Light Blonde Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwbfd41040/images/matrix/021845C_2.png?sw=60&sh=60",
                  "title": "509N Light Blonde Neutral"
                },
                {
                  "alt": "509N Light Blonde Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw3d9a19bc/images/matrix/021845C_3.png?sw=60&sh=60",
                  "title": "509N Light Blonde Neutral"
                },
                {
                  "alt": "509N Light Blonde Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwc003d93c/images/matrix/021845C_4.png?sw=60&sh=60",
                  "title": "509N Light Blonde Neutral"
                },
                {
                  "alt": "509N Light Blonde Neutral",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw439e4bee/images/matrix/021845C_5.png?sw=60&sh=60",
                  "title": "509N Light Blonde Neutral"
                }
              ]
            }
          }
        ],
        "variant": {}
      }
    ],
    "selectedVariationAttributes": [
      {
        "Color": {}
      }
    ],
    "longDescription": "SoColor 10 min Pre-Bonded covers 100% of grays in 10 minutes. SoColor 10 min Pre-Bonded contains 6 pre-measured color + developer packettes in every pouch. 10 Neutral shades perfects matched to your favorite SoColor Extra Coverage formula.",
    "shortDescription": null,
    "bulletList": null,
    "directions": "READ AND FOLLOW ALL USAGE ADVISORIES ON INSIDE AND OUTSIDE OF CARTON. FOLLOW THE INSTRUCTIONS FOR USE. For professional use only.<br>\r\n<br>\r\n<strong>PREPARATION</strong>:\r\n\r\n<ol>\r\n\t<li>Wear suitable disposable gloves.</li>\r\n\t<li>Use only the proportions indicated.</li>\r\n\t<li>Use exclusively with the recommended oxidant, 20V(6%).</li>\r\n\t<li>When a shaker is used, open immediately after mixing to avoid the shaker bursting and damage from the product overflowing.</li>\r\n</ol>\r\n\r\n<strong>APPLICATION AND RINSING</strong>:\r\n\r\n<ol>\r\n\t<li>Wear suitable disposable gloves.</li>\r\n\t<li>Do not use metallic tools. (clips, comb...)</li>\r\n\t<li>The development time is 10 minutes at room temperature.</li>\r\n\t<li>Rise the hair well after the development time.</li>\r\n</ol>\r\n\r\n*Not recommended to use foils for this product. Cannot be mixed with SoColor Pre-Bonded Blended, Reflect, Extra Coverage or Ultra Blonde collections. For Virgin Hair application and new growth touch-up as it is a permanent hair color technology. Contains ammonia and pH that is typical of an alkaline permanent hair color. Recommended to wait at least 14 days before using SoColor 10 min following heat straightening, sodium hydroxide, guanidine or calcium relaxer.<br />\r\n<br>\r\n<strong>Recommended Use</strong>:\r\n\r\n<ol>\r\n\t<li>Client short on time, squeezes in color during lunch break or after-school activity.</li>\r\n\t<li>Stylist short on time.</li>\r\n\t<li>Stylist looking to increase client turnover.</li>\r\n\t<li>Clients comes often, has less than &frac12; inch of regrowth.</li>\r\n\t<li>Client with thinning hair.</li>\r\n</ol>",
    "ingredients": "AQUA / WATER / EAU, CETEARYL ALCOHOL, DECETH-3, PROPYLENE GLYCOL, LAURETH-12, OLETH-30, AMMONIUM HYDROXIDE, LAURIC ACID, HEXADIMETHRINE CHLORIDE, GLYCOL DISTEARATE, p-PHENYLENEDIAMINE, HYDROXYBENZOMORPHOLINE, ETHANOLAMINE, POLYQUATERNIUM-22, SILICA DIMETHYL SILYLATE, AMMONIUM BICARBONATE, m-AMINOPHENOL, CARBOMER, PARFUM / FRAGRANCE, AMMONIUM THIOLACTATE, 2,4-DIAMINOPHENOXYETHANOL HCL, N,N-BIS(2-HYDROXYETHYL)-p-PHENYLENEDIAMINE SULFATE, ASCORBIC ACID, EDTA, CI 77891 / TITANIUM DIOXIDE, p-AMINOPHENOL, 6-HYDROXYINDOLE, CITRIC ACID, TAURINE, DIMETHICONE, SODIUM METABISULFITE",
    "featuresAndBenefits": "<ul>\r\n\t<li>Available in 10 Shades: Neutral &amp; Neutral Ash.</li>\r\n\t<li>Portable Pouch for On-the-Go Stylist.</li>\r\n\t<li>Covers 100% of grays in 10 minutes.</li>\r\n\t<li>Color + developer in every pouch.</li>\r\n\t<li>Pre-bonded formulas protect weak hair without melanin from frequent color services.</li>\r\n\t<li>5 Minute Buffer Window helps control overprocessing between 10 and 15 minutes.</li>\r\n\t<li>For professional use only.</li>\r\n</ul>",
    "prop65Warning": null,
    "ProductImageOverlay": null,
    "overlayTo": null,
    "overlayFrom": null,
    "badgeOverlay": null,
    "badgeOverlayTo": null,
    "badgeOverlayFrom": null,
    "promotions": null,
    "attributes": null,
    "availability": {
      "messages": [
        "This item is currently not available"
      ],
      "OutOfStockLabel": "This product is out of stock online",
      "inStockDate": null,
      "estimatedQty": 0,
      "ats": 0,
      "maxOrderQuantity": 0,
      "maxQtyLimitMsg": "error.max.quantity.limit",
      "IsOutOfStock": true,
      "pavRestricted": false,
      "geprRestricted": false
    },
    "available": false,
    "geprStateRestriction": "",
    "options": [],
    "quantities": [
      {
        "baseUrl": "/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021883"
      }
    ],
    "crossSells": {},
    "colorBuckets": {
      "unbucketed": {},
      "bucketed": {}
    },
    "badges": [],
    "primaryBadge": null,
    "secondaryBadge": null,
    "tertiaryBadge": null,
    "searchRefinements": {
      "productLine": {},
      "productLineURL": "/search-show?q=SoColor",
      "type": "",
      "benefit": "Grey Coverage",
      "refinementColor": ""
    },
    "warrantyplan": null,
    "categoryHierarchy": {},
    "monetateData": [
      {
        "productId": "CAN-021883",
        "sku": "F8033201"
      }
    ],
    "geprContent": null,
    "selectedProductUrl": "/CAN-M-805005.html?dwvar_CAN-M-805005_color=503NA_Darkest_Brown_Neutral_Ash&quantity=undefined",
    "readyToOrder": true,
    "online": true,
    "masterProductID": "CAN-M-805005",
    "pageTitle": "SoColor 10 Minute 503NA Permanent Color Packette - Matrix | 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-805005",
    "qvType": "inlineratings",
    "productUrl": {},
    "rating": {
      "enabled": true,
      "type": "native",
      "rating": "0.0",
      "range": "0",
      "count": "0",
      "stars": "https://www.cosmoprofbeauty.ca/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw0b7091fe/images/stars/rating-0_0.gif"
    }
  },
  "productid": "CAN-021883",
  "isFromPLPFlow": "false",
  "userLoggedIn": false,
  "gridViewMode": "Level",
  "variantLevelNames": [
    "503",
    "504",
    "505",
    "506",
    "507",
    "508",
    "509"
  ],
  "enableLatestNearByStores": true,
  "deliveryTilesEnabled": true,
  "tracking_consent": null,
  "ecommerceDetail": {
    "event": "productView",
    "productViewType": "QuickView",
    "ecommerce": {
      "currencyCode": "CAD",
      "detail": {
        "products": [
          {
            "name": "SoColor 10 Minute 503NA Permanent Color Packette",
            "id": "CAN-021883",
            "category": "",
            "brand": "Matrix",
            "variant": "CAN-021883",
            "dimension52": "SoColor 10 Minute Permanent Color + Developer Packettes | Color | 503NA Darkest Brown Neutral Ash",
            "dimension56": "",
            "dimension57": "SoColor",
            "dimension64": "stm"
          }
        ]
      }
    }
  },
  "renderedTemplate": "<div class=\"product-quickview product-variant product-wrapper product-detail\" data-pid=\"CAN-021883\" 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;SoColor 10 Minute 503NA Permanent Color Packette&quot;,&quot;id&quot;:&quot;CAN-021883&quot;,&quot;category&quot;:&quot;&quot;,&quot;brand&quot;:&quot;Matrix&quot;,&quot;variant&quot;:&quot;CAN-021883&quot;,&quot;dimension52&quot;:&quot;SoColor 10 Minute Permanent Color + Developer Packettes | Color | 503NA Darkest Brown Neutral Ash&quot;,&quot;dimension56&quot;:&quot;&quot;,&quot;dimension57&quot;:&quot;SoColor&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-021883-image-0\" src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwa3802320/images/matrix/021883C.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/dwa3802320/images/matrix/021883C.jpg?sw=1500&amp;sh=1500&amp;sfrm=png\" class=\"\" alt=\"SoColor 10 Minute 503NA Permanent Color Packette\" itemprop=\"image\"/>\n                \n            </div>\n        </div>\n    \n        <div class=\"item zoom\">\n        \n\n\n\n\n\n\n\n\n            <div class=\"zoomImage\">\n                \n                    <img id=\"CAN-021883-image-1\" src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw03996893/images/matrix/021883C_1.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/dw03996893/images/matrix/021883C_1.jpg?sw=1500&amp;sh=1500&amp;sfrm=png\" class=\"\" alt=\"SoColor 10 Minute 503NA Permanent Color Packette\" itemprop=\"image\"/>\n                \n            </div>\n        </div>\n    \n        <div class=\"item zoom\">\n        \n\n\n\n\n\n\n\n\n            <div class=\"zoomImage\">\n                \n                    <img id=\"CAN-021883-image-2\" src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7e2368b5/images/matrix/021883C_2.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/dw7e2368b5/images/matrix/021883C_2.jpg?sw=1500&amp;sh=1500&amp;sfrm=png\" class=\"\" alt=\"SoColor 10 Minute 503NA Permanent Color Packette\" itemprop=\"image\"/>\n                \n            </div>\n        </div>\n    \n        <div class=\"item zoom\">\n        \n\n\n\n\n\n\n\n\n            <div class=\"zoomImage\">\n                \n                    <img id=\"CAN-021883-image-3\" src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6f21d5a6/images/matrix/021883C_3.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/dw6f21d5a6/images/matrix/021883C_3.jpg?sw=1500&amp;sh=1500&amp;sfrm=png\" class=\"\" alt=\"SoColor 10 Minute 503NA Permanent Color Packette\" itemprop=\"image\"/>\n                \n            </div>\n        </div>\n    \n        <div class=\"item zoom\">\n        \n\n\n\n\n\n\n\n\n            <div class=\"zoomImage\">\n                \n                    <img id=\"CAN-021883-image-4\" src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw362f6d43/images/matrix/021883C_4.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/dw362f6d43/images/matrix/021883C_4.jpg?sw=1500&amp;sh=1500&amp;sfrm=png\" class=\"\" alt=\"SoColor 10 Minute 503NA Permanent Color Packette\" itemprop=\"image\"/>\n                \n            </div>\n        </div>\n    \n        <div class=\"item zoom\">\n        \n\n\n\n\n\n\n\n\n            <div class=\"zoomImage\">\n                \n                    <img id=\"CAN-021883-image-5\" src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw42c60da3/images/matrix/021883C_5.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/dw42c60da3/images/matrix/021883C_5.jpg?sw=1500&amp;sh=1500&amp;sfrm=png\" class=\"\" alt=\"SoColor 10 Minute 503NA Permanent Color Packette\" 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        \n        \n        \n        <div class=\"owl-carousel owl-theme pdp-dots-carousel\">\n            \n                <div class=\"pdp-dots active\" data-index=\"0\" data-pid=\"CAN-021883\">\n                    <img src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwa3802320/images/matrix/021883C.jpg?sw=650&amp;sh=650&amp;sfrm=png\" class=\"img-fluid\" alt=\"SoColor 10 Minute 503NA Permanent Color Packette\" itemprop=\"image\" />\n                </div>\n                \n            \n                <div class=\"pdp-dots \" data-index=\"1\" data-pid=\"CAN-021883\">\n                    <img src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw03996893/images/matrix/021883C_1.jpg?sw=650&amp;sh=650&amp;sfrm=png\" class=\"img-fluid\" alt=\"SoColor 10 Minute 503NA Permanent Color Packette\" itemprop=\"image\" />\n                </div>\n                \n            \n                <div class=\"pdp-dots \" data-index=\"2\" data-pid=\"CAN-021883\">\n                    <img src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7e2368b5/images/matrix/021883C_2.jpg?sw=650&amp;sh=650&amp;sfrm=png\" class=\"img-fluid\" alt=\"SoColor 10 Minute 503NA Permanent Color Packette\" itemprop=\"image\" />\n                </div>\n                \n            \n                <div class=\"pdp-dots \" data-index=\"3\" data-pid=\"CAN-021883\">\n                    <img src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw6f21d5a6/images/matrix/021883C_3.jpg?sw=650&amp;sh=650&amp;sfrm=png\" class=\"img-fluid\" alt=\"SoColor 10 Minute 503NA Permanent Color Packette\" itemprop=\"image\" />\n                </div>\n                \n            \n                <div class=\"pdp-dots \" data-index=\"4\" data-pid=\"CAN-021883\">\n                    <img src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw362f6d43/images/matrix/021883C_4.jpg?sw=650&amp;sh=650&amp;sfrm=png\" class=\"img-fluid\" alt=\"SoColor 10 Minute 503NA Permanent Color Packette\" itemprop=\"image\" />\n                </div>\n                \n            \n                <div class=\"pdp-dots \" data-index=\"5\" data-pid=\"CAN-021883\">\n                    <img src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw42c60da3/images/matrix/021883C_5.jpg?sw=650&amp;sh=650&amp;sfrm=png\" class=\"img-fluid\" alt=\"SoColor 10 Minute 503NA Permanent Color Packette\" itemprop=\"image\" />\n                </div>\n                \n            \n            \n        </div>\n        <div class=\"sliderControl\">\n            <div class=\"owl-controls\">\n                <div class='owl-nav '>\n                    <div class=\"prvBtn\">\n                        <img class=\"hidden-sm-down\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw575d3f5b/images/caret_left.svg\" alt=\"previous\" />\n                    </div>\n                    <div class=\"nxtBtn\">\n                        <img class=\"hidden-sm-down\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw8933c4fe/images/caret_right.svg\" alt=\"next\" />\n                     </div>\n                </div>\n             </div>\n         </div>\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            SoColor 10 Minute 503NA Permanent Color Packette\n          </h1>\n\n          <!-- SubBrand / Brand Link -->\n          <h5>\n            \n              <a href=\"/search-show?q=SoColor\" class=\"pdp-brand\">\n                SoColor\n              </a>\n            \n            \n              <meta itemprop=\"brand\" content=\"Matrix\">\n              <span class=\"pdp-by\">by</span>\n              <a href=\"/shop-by-brand/matrix\" class=\"pdp-brand\">\n                Matrix\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-021883\">\n                CAN-021883\n              </span>\n\n              <!-- UPC Number -->\n              \n              <span class=\"upc-wrapper \">\n                <span class=\"upc-id-label\">\n                  UPC&#35;:\n                </span>\n                <span class=\"upc-id\">\n                  \n                    8901526596959\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/dw0afb8f1c/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                  <div class=\"warning-wrapper geprErrorMessagePDP d-none\">\n                    Not available for standard shipping\n                  </div>\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-021883\">\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<div class=\"color-container col-12\">\n\n  <label id=\"variant-color\" class='js-old-pdp-selected-label color '>\n      Color: <span>503NA Darkest Brown Neutral Ash</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            <div class=\"swatch-line\" data-filter-item data-filter-name=\"503n darkest brown neutral|can-021880|8901526596942\" data-pid=\"CAN-021880\">\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-021880\"\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-021880\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-021880\"\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-021880\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021880\"\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-021880\" data-attr=\"color\" title=\"503N Darkest Brown Neutral\">\n                  <a href=\"#\" data-pid=\"CAN-021880\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021880&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021880\">\n                    <span data-attr-value=\"503N_Darkest_Brown_Neutral\"\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/dw53ba4e73/images/matrix/021880C_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\">503N Darkest Brown Neutral</span>\n                  <span class=\"variation-pid\">CAN-021880</span>\n                  <span class=\"variation-upc\">8901526596942</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-021880 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/dw5d27d723/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/dwec5eef20/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=\"503na darkest brown neutral ash|can-021883|8901526596959\" data-pid=\"CAN-021883\">\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-021883\"\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-021883\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-021883\"\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-021883\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021883\"\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-021883\" data-attr=\"color\" title=\"503NA Darkest Brown Neutral Ash\">\n                  <a href=\"#\" data-pid=\"CAN-021883\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021883&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021883\">\n                    <span data-attr-value=\"503NA_Darkest_Brown_Neutral_Ash\"\n                      class=\"\n                          color-value\n                          swatch-circle\n                          swatch-value\n                          selected\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/dwdfb6c92d/images/matrix/021883C_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\">503NA Darkest Brown Neutral Ash</span>\n                  <span class=\"variation-pid\">CAN-021883</span>\n                  <span class=\"variation-upc\">8901526596959</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-021883 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/dw5d27d723/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/dwec5eef20/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=\"504n dark brown neutral|can-021884|8901526596966\" data-pid=\"CAN-021884\">\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-021884\"\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-021884\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-021884\"\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-021884\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021884\"\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-021884\" data-attr=\"color\" title=\"504N Dark Brown Neutral\">\n                  <a href=\"#\" data-pid=\"CAN-021884\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021884&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021884\">\n                    <span data-attr-value=\"504N_Dark_Brown_Neutral\"\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/dw51425d0e/images/matrix/021884C_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\">504N Dark Brown Neutral</span>\n                  <span class=\"variation-pid\">CAN-021884</span>\n                  <span class=\"variation-upc\">8901526596966</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-021884 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/dw5d27d723/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/dwec5eef20/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=\"505n medium brown neutral|can-021885|8901526596973\" data-pid=\"CAN-021885\">\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-021885\"\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-021885\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-021885\"\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-021885\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021885\"\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-021885\" data-attr=\"color\" title=\"505N Medium Brown Neutral\">\n                  <a href=\"#\" data-pid=\"CAN-021885\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021885&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021885\">\n                    <span data-attr-value=\"505N_Medium_Brown_Neutral\"\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/dwab59204d/images/matrix/021885C_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\">505N Medium Brown Neutral</span>\n                  <span class=\"variation-pid\">CAN-021885</span>\n                  <span class=\"variation-upc\">8901526596973</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-021885 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/dw5d27d723/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/dwec5eef20/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=\"505na medium brown neutral ash|can-021886|8901526596980\" data-pid=\"CAN-021886\">\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-021886\"\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-021886\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-021886\"\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-021886\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021886\"\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-021886\" data-attr=\"color\" title=\"505NA Medium Brown Neutral Ash\">\n                  <a href=\"#\" data-pid=\"CAN-021886\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021886&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021886\">\n                    <span data-attr-value=\"505NA_Medium_Brown_Neutral_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/dwa2970373/images/matrix/021886C_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\">505NA Medium Brown Neutral Ash</span>\n                  <span class=\"variation-pid\">CAN-021886</span>\n                  <span class=\"variation-upc\">8901526596980</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-021886 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/dw5d27d723/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/dwec5eef20/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=\"506n light brown neutral|can-021889|8901526596997\" data-pid=\"CAN-021889\">\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-021889\"\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-021889\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-021889\"\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-021889\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021889\"\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-021889\" data-attr=\"color\" title=\"506N Light Brown Neutral\">\n                  <a href=\"#\" data-pid=\"CAN-021889\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021889&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021889\">\n                    <span data-attr-value=\"506N_Light_Brown_Neutral\"\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/dw5ed67ed1/images/matrix/021889C_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\">506N Light Brown Neutral</span>\n                  <span class=\"variation-pid\">CAN-021889</span>\n                  <span class=\"variation-upc\">8901526596997</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-021889 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/dw5d27d723/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/dwec5eef20/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=\"507n dark blonde neutral|can-021890|8901526597000\" data-pid=\"CAN-021890\">\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-021890\"\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-021890\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-021890\"\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-021890\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021890\"\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-021890\" data-attr=\"color\" title=\"507N Dark Blonde Neutral\">\n                  <a href=\"#\" data-pid=\"CAN-021890\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021890&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021890\">\n                    <span data-attr-value=\"507N_Dark_Blonde_Neutral\"\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/dwbc0cf1db/images/matrix/021890C_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\">507N Dark Blonde Neutral</span>\n                  <span class=\"variation-pid\">CAN-021890</span>\n                  <span class=\"variation-upc\">8901526597000</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-021890 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/dw5d27d723/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/dwec5eef20/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=\"507na dark blonde neutral ash|can-021891|8901526597017\" data-pid=\"CAN-021891\">\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-021891\"\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-021891\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-021891\"\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-021891\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021891\"\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-021891\" data-attr=\"color\" title=\"507NA Dark Blonde Neutral Ash\">\n                  <a href=\"#\" data-pid=\"CAN-021891\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021891&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021891\">\n                    <span data-attr-value=\"507NA_Dark_Blonde_Neutral_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/dw3d98e763/images/matrix/021891C_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\">507NA Dark Blonde Neutral Ash</span>\n                  <span class=\"variation-pid\">CAN-021891</span>\n                  <span class=\"variation-upc\">8901526597017</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-021891 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/dw5d27d723/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/dwec5eef20/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=\"508n medium blonde neutral|can-021882|8901526597024\" data-pid=\"CAN-021882\">\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-021882\"\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-021882\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-021882\"\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-021882\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021882\"\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-021882\" data-attr=\"color\" title=\"508N Medium Blonde Neutral\">\n                  <a href=\"#\" data-pid=\"CAN-021882\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021882&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021882\">\n                    <span data-attr-value=\"508N_Medium_Blonde_Neutral\"\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/dw5aeb58ab/images/matrix/021882C_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\">508N Medium Blonde Neutral</span>\n                  <span class=\"variation-pid\">CAN-021882</span>\n                  <span class=\"variation-upc\">8901526597024</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-021882 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/dw5d27d723/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/dwec5eef20/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=\"509n light blonde neutral|can-021845|8901526597031\" data-pid=\"CAN-021845\">\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-021845\"\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-021845\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-021845\"\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-021845\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021845\"\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-021845\" data-attr=\"color\" title=\"509N Light Blonde Neutral\">\n                  <a href=\"#\" data-pid=\"CAN-021845\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021845&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-021845\">\n                    <span data-attr-value=\"509N_Light_Blonde_Neutral\"\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/dw5880c117/images/matrix/021845C_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\">509N Light Blonde Neutral</span>\n                  <span class=\"variation-pid\">CAN-021845</span>\n                  <span class=\"variation-upc\">8901526597031</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-021845 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/dw5d27d723/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/dwec5eef20/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-021883&amp;page=qv\">\n              <!-- Product Availability -->\n              <div class=\"d-sm-none col availability align-self-end \" data-ready-to-order=\"true\" data-available=\"false\">\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=\"true\" data-available=\"false\">\n                                                                                                                \n  </div>\n</div>",
  "productUrl": "/CAN-021883.html"
}