{
  "action": "Product-ShowQuickView",
  "queryString": "isFromPLPFlow=false&pid=CAN-277162",
  "locale": "default",
  "product": {
    "uuid": "33aed0ab7b0af4d57c3f0ad040",
    "id": "CAN-277162",
    "upc": "014926411116",
    "productName": "Eclipse",
    "productType": "variant",
    "manufacturerSKU": null,
    "manufacturerName": "MYDENTITY / HENKEL CORPORATION-JDA US",
    "brand": {},
    "brandUrl": "/shop-by-brand/mydentity",
    "url": {},
    "bvAverageRating": "0",
    "bvReviewCount": "0",
    "price": {
      "sales": {
        "value": null,
        "currency": null,
        "formatted": null
      },
      "list": null,
      "type": "default",
      "isDiscountModelPricebookPrice": false,
      "hasPrice": false
    },
    "images": {
      "pdpLarge": [
        {
          "alt": "Eclipse",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwef6ea6a6/images/mydentity/277162C.jpg?sw=650&sh=650&sfrm=png",
          "title": "Eclipse"
        }
      ],
      "zoom": [
        {
          "alt": "Eclipse",
          "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwef6ea6a6/images/mydentity/277162C.jpg?sw=1500&sh=1500&sfrm=png",
          "title": "Eclipse"
        }
      ]
    },
    "selectedQuantity": 1,
    "minOrderQuantity": 1,
    "maxOrderQuantity": 0,
    "variationAttributes": [
      {
        "attributeId": "color",
        "displayName": "Color",
        "id": "color",
        "swatchable": true,
        "values": [
          {
            "id": "Titanium",
            "description": null,
            "displayValue": "Titanium",
            "value": "Titanium",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-277093",
            "UPC": "014926410713",
            "orderLevel": "Toner",
            "variantRank": "1",
            "shadeLabel": null,
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "Titanium",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwcb3a6ad8/images/mydentity/277093C_s.png?sw=60&sh=60",
                  "title": "Titanium"
                }
              ]
            }
          },
          {
            "id": "Pearl",
            "description": null,
            "displayValue": "Pearl",
            "value": "Pearl",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-277094",
            "UPC": "014926410720",
            "orderLevel": "Toner",
            "variantRank": "2",
            "shadeLabel": null,
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "Pearl",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw12228111/images/mydentity/277094C_s.png?sw=60&sh=60",
                  "title": "Pearl"
                }
              ]
            }
          },
          {
            "id": "Blush",
            "description": null,
            "displayValue": "Blush",
            "value": "Blush",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-277097",
            "UPC": "014926410331",
            "orderLevel": "Toner",
            "variantRank": "3",
            "shadeLabel": null,
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "Blush",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw197e6d95/images/mydentity/277097C_s.png?sw=60&sh=60",
                  "title": "Blush"
                }
              ]
            }
          },
          {
            "id": "Eclipse",
            "description": null,
            "displayValue": "Eclipse",
            "value": "Eclipse",
            "selected": true,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-277162",
            "UPC": "014926411116",
            "orderLevel": "Toner",
            "variantRank": "4",
            "shadeLabel": null,
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "Eclipse",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw02f653ec/images/mydentity/277162C_s.png?sw=60&sh=60",
                  "title": "Eclipse"
                }
              ]
            }
          },
          {
            "id": "Misty_Mauve",
            "description": null,
            "displayValue": "Misty Mauve",
            "value": "Misty_Mauve",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-277095",
            "UPC": "014926410683",
            "orderLevel": "Toner",
            "variantRank": "5",
            "shadeLabel": null,
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "Misty Mauve",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw15d8f608/images/mydentity/277095C_s.png?sw=60&sh=60",
                  "title": "Misty Mauve"
                }
              ]
            }
          },
          {
            "id": "Golden_Sand",
            "description": null,
            "displayValue": "Golden Sand",
            "value": "Golden_Sand",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-277096",
            "UPC": "014926410690",
            "orderLevel": "Toner",
            "variantRank": "6",
            "shadeLabel": null,
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "Golden Sand",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw7649874e/images/mydentity/277096C_s.png?sw=60&sh=60",
                  "title": "Golden Sand"
                }
              ]
            }
          },
          {
            "id": "Sand_Storm",
            "description": null,
            "displayValue": "Sand Storm",
            "value": "Sand_Storm",
            "selected": false,
            "geprRestricted": false,
            "selectable": false,
            "skuID": "CAN-277161",
            "UPC": "014926411109",
            "orderLevel": "Toner",
            "variantRank": "7",
            "shadeLabel": null,
            "onSale": false,
            "images": {
              "swatch": [
                {
                  "alt": "Sand Storm",
                  "url": "https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dw08a89f5a/images/mydentity/277161C_s.png?sw=60&sh=60",
                  "title": "Sand Storm"
                }
              ]
            }
          }
        ],
        "variant": {}
      }
    ],
    "selectedVariationAttributes": [
      {
        "Color": {}
      }
    ],
    "longDescription": "Two NEW X-PRESS Toners formulated for levels 6-7 (Eclipse) and 8-10 (Sand Storm)<br>\nTone with the NEW X-PRESS Toner Eclipse for a smoky ash or gunmetal cast on levels 6-7 or Sand Storm on levels 8-10 for a cool, sand tone for natural or neutral end results!<br>",
    "shortDescription": null,
    "directions": "Mixing Ratio: One part #mydentity X-PRESS Toner with two parts #mydentity Demi-Permanent 6V Developer (1:2)    <br>                                                                                                                Processing Time: Up to 5 minutes on damp hair unti desired shade is achieved",
    "ingredients": "\"\"WATER/EAU/AQUA, CETEARYL ALCOHOL, CETEARETH-20, ETHANOLAMINE, PROPYLENE GLYCOL, DIOLEYL PHOSPHATE, GLYCERYL STEARATE SE, COCAMIDOPROPYL BETAINE, N,N-BIS (2-HYDROXYETHYL)-P-PHENYLENEDIAMINE SULFATE, OLETH-5 PHOSPHATE, RESORCINOL, HYDROGENATED\nCASTOR OIL, RICINUS COMMUNIS SEED OIL, SODIUM SULFITE, LIMNANTHES ALBA SEED OIL, SIMMONDSIA CHINENSIS SEED OIL, ARGANIA SPINOSA KERNEL OIL, OLEIC ACID, M-AMINOPHENOL, DISODIUM EDTA, ERYTHORBIC ACID, SODIUM LANETH-40 MALEATE/STYRENE SULFONATE COPOLYMER, TOLUENE-2,5-DIAMINE\nSULFATE, PHENYL TRIMETHICONE, POLYQUATERNIUM-53, LAURETH-4, SILICONE QUATERNIUM-17, GLYCERYL STEARATE, DIMETHICONE, LINOLEIC ACID, RAPESEEDAMIDOPROPYL ETHYLDIMONIUM ETHOSULFATE, LAURETH-23, DIPROPYLENE GLYCOL, QUATERNIUM-96, PROPANEDIOL, POLYSORBATE\n60, CELLULOSE GUM, PHENOXYETHANOL, STEARIC ACID, POTASSIUM SORBATE, BENZOIC ACID, SORBITAN LAURATE, SILICA, ACETIC ACID, HYDROCHLORIC ACID, LINOLENIC ACID, HELIANTHUS ANNUUS SEED OIL, ALOE BARBADENSIS LEAF JUICE, BISABOLOL, CITRIC ACID, SODIUM BENZOATE, LINALOOL, LIMONENE, GERANIOL, COUMARIN",
    "featuresAndBenefits": null,
    "prop65Warning": null,
    "brandContentPDP": null,
    "ProductImageOverlay": null,
    "overlayTo": null,
    "overlayFrom": 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-277162"
      }
    ],
    "crossSells": {},
    "colorBuckets": {
      "unbucketed": {},
      "bucketed": {}
    },
    "primaryBadge": null,
    "secondaryBadge": null,
    "tertiaryBadge": null,
    "searchRefinements": {
      "productLine": {},
      "productLineURL": "/search-show?q=X-Press%20Toner",
      "type": "",
      "benefit": "",
      "refinementColor": ""
    },
    "warrantyplan": null,
    "categoryHierarchy": {},
    "monetateData": [
      {
        "productId": "CAN-277162"
      }
    ],
    "selectedProductUrl": "/CAN-M-277035.html?dwvar_CAN-M-277035_color=Eclipse&quantity=undefined",
    "readyToOrder": true,
    "online": true,
    "masterProductID": "CAN-M-277035",
    "pageTitle": "Eclipse - #mydentity | 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-277035",
    "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/dw475e90a0/images/stars/rating-0_0.gif"
    }
  },
  "productid": "CAN-277162",
  "isFromPLPFlow": "false",
  "userLoggedIn": false,
  "gridViewMode": "Level",
  "variantLevelNames": [
    "Toner"
  ],
  "enableLatestNearByStores": true,
  "deliveryTilesEnabled": true,
  "isSDDStoreExperienceEnabled": true,
  "tracking_consent": null,
  "ecommerceDetail": {
    "event": "productView",
    "productViewType": "QuickView",
    "ecommerce": {
      "currencyCode": "CAD",
      "detail": {
        "products": [
          {
            "name": "Eclipse",
            "id": "CAN-277162",
            "category": "",
            "brand": "Mydentity",
            "variant": "CAN-277162",
            "dimension52": "Demi Permanent X-Press Toner | Color | Eclipse",
            "dimension56": "",
            "dimension57": "X-Press Toner",
            "dimension64": "stm"
          }
        ]
      }
    }
  },
  "renderedTemplate": "<div class=\"product-quickview product-variant product-wrapper product-detail\" data-pid=\"CAN-277162\" 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;Eclipse&quot;,&quot;id&quot;:&quot;CAN-277162&quot;,&quot;category&quot;:&quot;&quot;,&quot;brand&quot;:&quot;Mydentity&quot;,&quot;variant&quot;:&quot;CAN-277162&quot;,&quot;dimension52&quot;:&quot;Demi Permanent X-Press Toner | Color | Eclipse&quot;,&quot;dimension56&quot;:&quot;&quot;,&quot;dimension57&quot;:&quot;X-Press Toner&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\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            <div class=\"zoomImage\">\n                \n                    <img id=\"CAN-277162-image-0\" src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwef6ea6a6/images/mydentity/277162C.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/dwef6ea6a6/images/mydentity/277162C.jpg?sw=1500&amp;sh=1500&amp;sfrm=png\" class=\"\" alt=\"Eclipse\" itemprop=\"image\"/>\n                \n            </div>\n        </div>\n    \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-277162\">\n                    <img src=\"https://www.cosmoprofbeauty.ca/dw/image/v2/BDJL_PRD/on/demandware.static/-/Sites-cosmoprof-master-catalog/default/dwef6ea6a6/images/mydentity/277162C.jpg?sw=650&amp;sh=650&amp;sfrm=png\" class=\"img-fluid\" alt=\"Eclipse\" itemprop=\"image\" />\n                </div>\n                \n            \n            \n        </div>\n        <div class=\"sliderControl\">\n            <div class=\"owl-controls\">\n                <div class='owl-nav d-none'>\n                    <div class=\"prvBtn\">\n                        <img class=\"hidden-sm-down\" src=\"/on/demandware.static/Sites-CosmoProf-CA-Site/-/default/dw22be07b4/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/dwad77acef/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      </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            Eclipse\n          </h1>\n\n          <!-- SubBrand / Brand Link -->\n          <h5>\n            \n              <a href=\"/search-show?q=X-Press%20Toner\" class=\"pdp-brand\">\n                X-Press Toner\n              </a>\n            \n            \n              <meta itemprop=\"brand\" content=\"Mydentity\">\n              <span class=\"pdp-by\">by</span>\n              <a href=\"/shop-by-brand/mydentity\" class=\"pdp-brand\">\n                Mydentity\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-277162\">\n                CAN-277162\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                    014926411116\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/dw6e7ccdae/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-277162\">\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<div class=\"color-container col-12\">\n\n  <label id=\"variant-color\" class='js-old-pdp-selected-label color '>\n      Color: <span>Eclipse</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            <div class=\"swatch-line\" data-filter-item data-filter-name=\"titanium|can-277093|014926410713\" data-pid=\"CAN-277093\">\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-277093\"\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-277093\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-277093\"\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-277093\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277093\"\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-277093\" data-attr=\"color\" title=\"Titanium\">\n                  <a href=\"#\" data-pid=\"CAN-277093\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277093&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277093\">\n                    <span data-attr-value=\"Titanium\"\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/dwcb3a6ad8/images/mydentity/277093C_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\">Titanium</span>\n                  <span class=\"variation-pid\">CAN-277093</span>\n                  <span class=\"variation-upc\">014926410713</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-277093 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/dw8f12291a/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/dwe86e6f06/images/close-x-red.svg\" alt=\"close\" />\n      </span>\n    \n  </div>\n</div>\n\n            </div>\n          \n\n        \n\n          \n            \n          \n            \n              \n              \n\n          \n            \n            \n            \n            \n            \n            <div class=\"swatch-line\" data-filter-item data-filter-name=\"pearl|can-277094|014926410720\" data-pid=\"CAN-277094\">\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-277094\"\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-277094\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-277094\"\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-277094\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277094\"\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-277094\" data-attr=\"color\" title=\"Pearl\">\n                  <a href=\"#\" data-pid=\"CAN-277094\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277094&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277094\">\n                    <span data-attr-value=\"Pearl\"\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/dw12228111/images/mydentity/277094C_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\">Pearl</span>\n                  <span class=\"variation-pid\">CAN-277094</span>\n                  <span class=\"variation-upc\">014926410720</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-277094 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/dw8f12291a/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/dwe86e6f06/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=\"blush|can-277097|014926410331\" data-pid=\"CAN-277097\">\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-277097\"\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-277097\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-277097\"\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-277097\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277097\"\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-277097\" data-attr=\"color\" title=\"Blush\">\n                  <a href=\"#\" data-pid=\"CAN-277097\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277097&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277097\">\n                    <span data-attr-value=\"Blush\"\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/dw197e6d95/images/mydentity/277097C_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\">Blush</span>\n                  <span class=\"variation-pid\">CAN-277097</span>\n                  <span class=\"variation-upc\">014926410331</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-277097 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/dw8f12291a/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/dwe86e6f06/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=\"eclipse|can-277162|014926411116\" data-pid=\"CAN-277162\">\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-277162\"\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-277162\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-277162\"\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-277162\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277162\"\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-277162\" data-attr=\"color\" title=\"Eclipse\">\n                  <a href=\"#\" data-pid=\"CAN-277162\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277162&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277162\">\n                    <span data-attr-value=\"Eclipse\"\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/dw02f653ec/images/mydentity/277162C_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\">Eclipse</span>\n                  <span class=\"variation-pid\">CAN-277162</span>\n                  <span class=\"variation-upc\">014926411116</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-277162 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/dw8f12291a/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/dwe86e6f06/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=\"misty mauve|can-277095|014926410683\" data-pid=\"CAN-277095\">\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-277095\"\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-277095\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-277095\"\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-277095\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277095\"\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-277095\" data-attr=\"color\" title=\"Misty Mauve\">\n                  <a href=\"#\" data-pid=\"CAN-277095\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277095&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277095\">\n                    <span data-attr-value=\"Misty_Mauve\"\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/dw15d8f608/images/mydentity/277095C_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\">Misty Mauve</span>\n                  <span class=\"variation-pid\">CAN-277095</span>\n                  <span class=\"variation-upc\">014926410683</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-277095 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/dw8f12291a/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/dwe86e6f06/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=\"golden sand|can-277096|014926410690\" data-pid=\"CAN-277096\">\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-277096\"\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-277096\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-277096\"\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-277096\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277096\"\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-277096\" data-attr=\"color\" title=\"Golden Sand\">\n                  <a href=\"#\" data-pid=\"CAN-277096\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277096&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277096\">\n                    <span data-attr-value=\"Golden_Sand\"\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/dw7649874e/images/mydentity/277096C_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\">Golden Sand</span>\n                  <span class=\"variation-pid\">CAN-277096</span>\n                  <span class=\"variation-upc\">014926410690</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-277096 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/dw8f12291a/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/dwe86e6f06/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=\"sand storm|can-277161|014926411109\" data-pid=\"CAN-277161\">\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-277161\"\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-277161\"\n      data-product-type=\"variant\"\n      data-swatch-pid=\"CAN-277161\"\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-277161\"\n      \n\n      \n        data-variation-url=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277161\"\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-277161\" data-attr=\"color\" title=\"Sand Storm\">\n                  <a href=\"#\" data-pid=\"CAN-277161\" data-attrurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277161&amp;quantity=1\" data-bopissufficient = \"false\"  class=\"unselectable\" data-noquantityurl=\"/on/demandware.store/Sites-CosmoProf-CA-Site/default/Product-Variation?pid=CAN-277161\">\n                    <span data-attr-value=\"Sand_Storm\"\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/dw08a89f5a/images/mydentity/277161C_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\">Sand Storm</span>\n                  <span class=\"variation-pid\">CAN-277161</span>\n                  <span class=\"variation-upc\">014926411109</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-277161 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/dw8f12291a/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/dwe86e6f06/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-277162&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-277162.html"
}