{"title":"Matrix - Barback promotion","description":"\u003cstyle\u003e\n  .matrix-backbar-may-june-banner {\n    width: 100%;\n    max-width: 1100px;\n    margin: 0 auto 18px;\n    padding: 0 16px;\n    box-sizing: border-box;\n  }\n\n  .matrix-backbar-may-june-banner__inner {\n    display: grid;\n    grid-template-columns: minmax(0, 1.45fr) minmax(180px, 0.55fr);\n    align-items: center;\n    gap: 24px;\n    min-height: 142px;\n    padding: 24px 26px;\n    box-sizing: border-box;\n    background: #f5efe6;\n    border: 1px solid #ded3c5;\n    color: #151515;\n  }\n\n  .matrix-backbar-may-june-banner__copy {\n    min-width: 0;\n  }\n\n  .matrix-backbar-may-june-banner__eyebrow {\n    margin: 0 0 8px;\n    font-family: Inter, Geist, \"DM Sans\", system-ui, sans-serif;\n    font-size: 11px;\n    line-height: 1.2;\n    font-weight: 700;\n    letter-spacing: 0.17em;\n    text-transform: uppercase;\n    color: #d51f6a;\n  }\n\n  .matrix-backbar-may-june-banner__headline {\n    margin: 0;\n    font-family: Fraunces, \"Instrument Serif\", Georgia, serif;\n    font-size: clamp(28px, 3.2vw, 42px);\n    line-height: 0.98;\n    font-weight: 500;\n    letter-spacing: -0.045em;\n    color: #151515;\n    white-space: nowrap;\n  }\n\n  .matrix-backbar-may-june-banner__subhead {\n    margin: 10px 0 0;\n    font-family: Inter, Geist, \"DM Sans\", system-ui, sans-serif;\n    font-size: 13px;\n    line-height: 1.25;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    color: #38322d;\n  }\n\n  .matrix-backbar-may-june-banner__body {\n    margin: 6px 0 0;\n    max-width: 620px;\n    font-family: Inter, Geist, \"DM Sans\", system-ui, sans-serif;\n    font-size: 13px;\n    line-height: 1.35;\n    font-weight: 400;\n    color: #625a52;\n  }\n\n  .matrix-backbar-may-june-banner__offer {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 82px;\n    padding-left: 24px;\n    border-left: 1px solid #ded3c5;\n    box-sizing: border-box;\n    text-align: center;\n  }\n\n  .matrix-backbar-may-june-banner__offer-text {\n    margin: 0;\n    font-family: Fraunces, \"Instrument Serif\", Georgia, serif;\n    font-size: clamp(42px, 4.8vw, 62px);\n    line-height: 0.86;\n    font-weight: 500;\n    letter-spacing: -0.06em;\n    color: #d51f6a;\n  }\n\n  .matrix-backbar-may-june-banner__offer-note {\n    display: block;\n    margin-top: 8px;\n    font-family: Inter, Geist, \"DM Sans\", system-ui, sans-serif;\n    font-size: 10px;\n    line-height: 1;\n    font-weight: 800;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    color: #151515;\n  }\n\n  @media screen and (max-width: 760px) {\n    .matrix-backbar-may-june-banner__headline {\n      white-space: normal;\n    }\n  }\n\n  @media screen and (max-width: 520px) {\n    .matrix-backbar-may-june-banner {\n      margin-bottom: 14px;\n      padding: 0 12px;\n    }\n\n    .matrix-backbar-may-june-banner__inner {\n      grid-template-columns: 1fr;\n      gap: 16px;\n      min-height: 0;\n      padding: 22px 20px;\n    }\n\n    .matrix-backbar-may-june-banner__offer {\n      justify-content: flex-start;\n      min-height: 0;\n      padding: 14px 0 0;\n      border-left: 0;\n      border-top: 1px solid #ded3c5;\n      text-align: left;\n    }\n\n    .matrix-backbar-may-june-banner__offer-text {\n      font-size: 42px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection id=\"matrix-backbar-may-june-banner\" class=\"matrix-backbar-may-june-banner\" aria-label=\"Matrix Select Backbar promotion banner\"\u003e\n  \u003cdiv class=\"matrix-backbar-may-june-banner__inner\"\u003e\n    \u003cdiv class=\"matrix-backbar-may-june-banner__copy\"\u003e\n      \u003c!-- Customize: Eyebrow, 3–5 words --\u003e\n      \u003cp class=\"matrix-backbar-may-june-banner__eyebrow\"\u003eMay June Promotion\u003c\/p\u003e\n\n      \u003c!-- Customize: Headline, one line --\u003e\n      \u003ch2 class=\"matrix-backbar-may-june-banner__headline\"\u003eMatrix Select Backbar 15% Off\u003c\/h2\u003e\n\n      \u003c!-- Customize: Subhead, max 6 words --\u003e\n      \u003cp class=\"matrix-backbar-may-june-banner__subhead\"\u003eSelect backbar essentials\u003c\/p\u003e\n\n      \u003c!-- Customize: Body, max 18 words, single sentence --\u003e\n      \u003cp class=\"matrix-backbar-may-june-banner__body\"\u003eValid May 01–June 30, 2026 on select Matrix backbar essentials.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"matrix-backbar-may-june-banner__offer\" aria-hidden=\"true\"\u003e\n      \u003cp class=\"matrix-backbar-may-june-banner__offer-text\"\u003e\n        15%\n        \u003cspan class=\"matrix-backbar-may-june-banner__offer-note\"\u003eOff Backbar\u003c\/span\u003e\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e","products":[{"product_id":"total-results-miracle-creator","title":"Total Results - Miracle Creator Multi-Tasking Hair Treatment","description":"\u003cp class=\"product-description__headers--product-name\" itemprop=\"name\"\u003e\u003cstrong\u003eMiracle\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch1 class=\"product-description__headers--product-name\" id=\"product-name\" itemprop=\"name\"\u003eMiracle Creator Multi-Tasking Hair Treatment\u003c\/h1\u003e\n\u003cp\u003e\u003cstrong class=\"product-description__headers--product-short\"\u003eMulti-tasking treatment offers 20 hair beautifying benefits.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003eMiracle Creator Multi-Tasking Treatment has 20 beautifying benefits for your hair: leave in nourishment, boosts shine, smoothes the cuticle, prevents breakage and heat damage, and more!\u003c\/p\u003e\n\u003cp\u003eAn essential hair must-have! Miracle Creator Multi-Tasking Treatment is an incredibly versatile leave-in treatment suitable for all hair types \u0026amp; textures.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eIt has 20 beautifying benefits for hair:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eNourishes hair\u003c\/li\u003e\n\u003cli\u003eBoosts shine\u003c\/li\u003e\n\u003cli\u003eSmooths the cuticle and helps prevent breakage from brushing\u003c\/li\u003e\n\u003cli\u003eAdds moisture\u003c\/li\u003e\n\u003cli\u003eHeat protectant - prevents heat damage from hot tools\u003c\/li\u003e\n\u003cli\u003eAnti-frizz reduction for a sleek finish\u003c\/li\u003e\n\u003cli\u003eEvens out porosity\u003c\/li\u003e\n\u003cli\u003eMinimizes hair damage and breakage\u003c\/li\u003e\n\u003cli\u003eReduces dryness\u003c\/li\u003e\n\u003cli\u003eConditions lightly\u003c\/li\u003e\n\u003cli\u003eControls fly-aways\u003c\/li\u003e\n\u003cli\u003ePrevents split ends\u003c\/li\u003e\n\u003cli\u003eSoftens hair for an easier, quicker blow dry\u003c\/li\u003e\n\u003cli\u003eCorrects roughness\u003c\/li\u003e\n\u003cli\u003eShields hair against external aggressors\u003c\/li\u003e\n\u003cli\u003eImproves manageability and primes hair for styling\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003ch3\u003eHow to use\u003c\/h3\u003e\n\u003cp\u003eSpray product on towel-dried hair, comb through, and style as usual.\u003c\/p\u003e\n\u003ch3\u003eIngredients\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eKey Ingredients\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"tab-content\"\u003e\n\u003cp\u003eSweet Almond Oil\u003c\/p\u003e\n\u003cp id=\"allIngredients\"\u003e\u003cstrong\u003eSee All Ingredients\u003c\/strong\u003e\u003c\/p\u003e\n\u003cdiv class=\"bottom-content hide-ingredients\" id=\"show-hide-ingredients\"\u003e\n\u003cp\u003eAqua \/ Water \/ Eau, Cocos Nucifera Oil \/ Coconut Oil, Amodimethicone, Polyquaternium-37, Phenoxyethanol, Propylene Glycol Dicaprylate\/Dicaprate, Parfum \/ Fragrance, Acetamide Mea, Lactamide Mea, Dimethicone PEG-7 Phosphate, PPG-1 Trideceth-6, Trideceth-6, Behentrimonium Chloride, Glycine Soja Oil \/ Soybean Oil, Prunus Amygdalus Dulcis Oil \/ Sweet Almond Oil, Xylose, Lactic Acid, Ethylhexylglycerin, Cetrimonium Chloride, Hydrolyzed Vegetable Protein PG-Propyl Silanetriol, Linalool, Coumarin, Sodium Hydroxide.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"L'oreal Professionnel","offers":[{"title":"200ml","offer_id":39548666577062,"sku":"MAT100190","price":16.2,"currency_code":"CAD","in_stock":true},{"title":"400ml","offer_id":39548666609830,"sku":"MAT100191","price":24.48,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0442\/3516\/1766\/files\/matrix-2023-miracle-creator-spray-200ml-front-shadow-2000x2000-rgb.webp?v=1702057456"},{"product_id":"total-results-alt-action-clarifying-shampoo","title":"Total Results - Alt Action Clarifying Shampoo - Liter","description":"\u003cp\u003ePro Solutionist Alternate Action Clarifying Shampoo is a formula that deep cleanses to help lift away product buildup without stripping natural oils.\u003c\/p\u003e\n\u003cbr\u003e\n\u003cp\u003eChelating agent helps remove chlorine and mineral deposits.\u003c\/p\u003e\n\u003cbr\u003e\n\u003cp\u003ePurifies and refreshes hair to renew body and shine.\u003c\/p\u003e\n\u003cbr\u003e\n\u003ch3\u003eHow to use\u003c\/h3\u003e\n\u003cp\u003eApply to wet hair, lather and leave on for one minute. Rinse well. Repeat if necessary. In case of contact with eyes, rinse them immediately.\u003c\/p\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"L'oreal Professionnel","offers":[{"title":"Liter","offer_id":39548666970278,"sku":"MAT100173","price":21.93,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0442\/3516\/1766\/files\/MAT100173.webp?v=1757522417"}],"url":"https:\/\/internationalbeauty.ca\/collections\/matrix-barback-promotion.oembed","provider":"International Beauty","version":"1.0","type":"link"}