PageSourceSearch

https://canadahair.ca/deals

html canadahair.ca collected 2026-09-29 15:54:37 UTC 275,059 bytes, 4,906 lines download raw bytes

1<!doctype html>
2<html lang="en">
3    <head >
4        
4<script>
5    var LOCALE = 'en\u002DUS';
6    var BASE_URL = 'https\u003A\u002F\u002Fcanadahair.ca\u002F';
7    var require = {
8        'baseUrl': 'https\u003A\u002F\u002Fcdn.canadahair.ca\u002Fstatic\u002Fversion1788948291\u002Ffrontend\u002FPolisys\u002Ftheme\u002Dfrontend\u002Dcanadahair\u002Fen_US'
9    };</script>
9        <meta charset="utf-8"/>
10<meta name="title" content="Save Big on Hair Extensions, Wigs, and Toppers with Canada Hair™"/>
11<meta name="description" content="Shop current promotions on hair extensions, wigs, and toppers. Premium quality at reduced prices. Limited-time offers on select colors and lengths."/>
12<meta name="keywords" content="hair extensions, wigs, hair care, hot tools"/>
13<meta name="robots" content="INDEX,FOLLOW"/>
14<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
15<meta name="format-detection" content="telephone=no"/>
16<title>Save Big on Hair Extensions, Wigs, and Toppers with Canada Hair™</title>
17<link  rel="stylesheet" type="text/css"  media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/Mirasvit_RewardsCheckout/css/source/module.css" />
18<link  rel="stylesheet" type="text/css"  media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/mage/calendar.css" />
19<link  rel="stylesheet" type="text/css"  media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/css/styles-m.css" />
20<link  rel="stylesheet" type="text/css"  media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/owl.carousel/assets/owl.carousel.css" />
21<link  rel="stylesheet" type="text/css"  media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/fancybox/css/jquery.fancybox.css" />
22<link  rel="stylesheet" type="text/css"  media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/icon-fonts/css/porto-icons-codes.css" />
23<link  rel="stylesheet" type="text/css"  media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/icon-fonts/css/animation.css" />
24<link  rel="stylesheet" type="text/css"  media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/font-awesome/css/font-awesome.min.css" />
25<link  rel="stylesheet" type="text/css"  media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/jquery/uppy/dist/uppy-custom.css" />
26<link  rel="stylesheet" type="text/css"  media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/Amasty_Label/vendor/tooltipster/css/tooltipster.min.css" />
27<link  rel="stylesheet" type="text/css"  media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/Astound_Affirm/affirm-promo.css" />
28<link  rel="stylesheet" type="text/css"  media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/Magedelight_SMSProfile/css/intlTelInput.css" />
29<link  rel="stylesheet" type="text/css"  media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/Magedelight_SMSProfile/css/isValidNumber.css" />
30<link  rel="stylesheet" type="text/css"  media="all" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/Smartwave_Filterproducts/css/owl.carousel/assets/owl.carousel.css" />
31<link  rel="stylesheet" type="text/css"  media="screen and (min-width: 768px)" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/css/styles-l.css" />
32<link  rel="stylesheet" type="text/css"  media="print" href="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/css/print.css" />
33<script  type="text/javascript"  src="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/requirejs/require.js"></script>
vendor: 1 bytes, line 33
33
34<script  type="text/javascript"  src="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/mage/requirejs/mixins.js"></script>
vendor: 1 bytes, line 34
34
35<script  type="text/javascript"  src="https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/requirejs-config.js"></script>
35
36<link  rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Shadows+Into+Light" />
37<link  rel="icon" type="image/x-icon" href="https://cdn.canadahair.ca/media/favicon/default/favicon.png" />
38<link  rel="shortcut icon" type="image/x-icon" href="https://cdn.canadahair.ca/media/favicon/default/favicon.png" />
39<script>
40  window.dataLayer.push({
41  event: 'consentUpdate',  // Event name
42  ad_storage: "granted",
43  ad_user_data: "granted",
44  ad_personalization: "granted",
45  analytics_storage: "granted",
46  functionality_storage: "granted",
47  personalization_storage: "granted",
48  security_storage: "granted"
49});
50  
51  gtag('consent', 'update', {
52  ad_storage: "granted",
53  ad_user_data: "granted",
54  ad_personalization: "granted",
55  analytics_storage: "granted",
56  functionality_storage: "granted",
57  personalization_storage: "granted",
58  security_storage: "granted"
59});
60</script>
60
61
62<script>
63(function () {
64    const pathname = window.location.pathname;
65
66    if (pathname !== "/checkout/cart" && pathname !== "/checkout/cart/") {
67        
68    }else{
69
70    const script = document.createElement("script");
71    script.src = "https://qqq." + location.hostname + "/code-product/2/cart-page.js?v=1";
72    script.async = false;
73
74    document.head.appendChild(script);
75}
76})();
77</script>
77
78
79<script>
80    checkTest(1);
81
82    var titleL = document.documentElement.lang === "fr" ? "FR" : "EN";
83
84    //https://docs.google.com/spreadsheets/d/1bnMJzOImLcN78ZouseD9EpZRqWqz0-W28sGhvYhhS74
85    //https://docs.google.com/spreadsheets/d/12VRWKlgsoMFzafAt73Ajf62B3bSuJooaYDRotbA5piE
86    // Define color maps for English & French
87
88var categoryTitleEN = new Map([
89 ["volumizer",["volumizer", "Clip-in Volumizer", "volumizer", "Clip-in Volumizer"]], 
90 ["clip",["clipin", "Clip-in Hair Extensions", "clip", "Clip-ins"]], 
91 ["tape",["tapein", "Tape-in Hair Extensions", "permanent", "Tape-in"]], 
92 ["micro",["microloop", "Micro-loop Hair Extensions", "permanent", "Micro-loop"]], 
93 ["nano",["nano", "Nano-rings Hair Extensions (Nano-Beads)", "permanent", "Nano-rings (Nano-Beads)"]], 
94 ["fusion",["fusion", "Fusion Hair Extensions (Pre Bonded Keratin)", "permanent", "Fusion (Pre Bonded Keratin)"]], 
95 ["sew",["sewin", "Sew-in Hair Extensions (Hair Weave)", "sewin", "Sew-in (Hair Weave)"]], 
96 ["ponytail",["ponytail", "Wrap Ponytail Hair Extensions", "ponytail", "Wrap Ponytail"]], 
97 ["hat",["bobhat", "Wig Hat", "bobhat", "Wig Hat"]], 
98 ["wire",["wire", "Invisible Wire Hair Extensions", "wire", "Invisible Wire"]], 
99 [" men",["men", "Hair Toupee For Men | Hair Replacement System", "men", "Hair Toupee For Men"]], 
100 ["topper",["topper", "Hair Topper for Thinning Hair", "topper", "Hair Toppers"]], 
101 ["v light",["vlight", "V Light Extensions", "vlight", "V-Light"]], 
102 ["butterfly",["butterfly", "Butterfly Extensions", "butterfly", "Butterfly"]], 
103 [" toupee",["men", "Hair Toupee For Men | Hair Replacement System", "men", "Hair Toupee For Men"]]]);
104//volumatrice and volumatrices included as well
105
106    var colorTitleEN = new Map([["Dark Brown & Grey",5965], ["Dark Brown & Gray",5965], ["Light Golden Blonde #18",121], ["Light Natural Blonde #20",122], ["Light Ash Blonde #22",123], ["Light Beige Blonde #26",124], ["Warm Golden Light Brown #14",125], ["Cool Beige Blonde #10C",126], ["Neutral Dark Blonde #9",127], ["Light Brown #7",128], ["Dark Chocolate Brown #5",129], ["Mocha Brown #3",130], ["Dark Brown #3",130], ["Baby Pink",132], ["Pink",131], ["Blue",133], ["Platinum Ash Blonde #603",134], ["Light Silver Ash Blonde #602",135], ["Silver Ash Blonde #601",136], ["Dark Brown Blend #P4 5",137], ["Dark Brown to Chestnut Brown #04T6",138], ["Dark Brown with Warm Highlights #R3 3T5",139], ["Dark Brown to Light Blonde Blend #R4T5 10",140], ["Medium Brown to Ash Blonde Blend #B6 6T10A",141], ["Rooted Dark Blonde to Light Ash Blonde #P7 10D 11A",142], ["Medium Brown to Ash Blonde Blend #P6 10A",143], ["Medium Brown to Light Blonde Blend #B4T8 10E",144], ["Light Blonde with Medium Brown Blend #P8 10B",145], ["Light Brown to Light Natural Blonde Blend #P7 20",146], ["Medium Brown to Light Natural Blonde Blend #B6T7 20",147], ["Cool Light Blonde to Blonde Mix #B10C 10CT60",148], ["Ash Blonde to Platinum Blonde Mix #P17 613",149], ["Ash Blonde to Strawberry Blonde Mix #P10F 22",150], ["Dark Ash Blonde mix #18",151], ["Light Ash Blonde mix #18",152], ["Icy White Blonde P17A Ice White",153], ["Dark Blonde #18DARK",154], ["Light Blonde #18LIGHT",155], ["Rooted Dark Blonde to Light Ash Blonde #B7T60A",156], ["Rooted Medium Brown to Light Ash Blonde #B5A 5AT60",157], ["Rooted Light Blonde to Golden Blonde #R11 12",158], ["Rooted Dark Blonde to Light Ash Blonde #06T9A",159], ["Light Ash Blonde #60A",160], ["Soft Brown Root to Vanilla Blonde #T9A White",161], ["Warm Light Brown to Soft Honey Blonde #T9A 613",162], ["Deep Chestnut Brown to Warm Caramel #T3 8",163], ["Warm Chestnut Brown to Golden Blonde #T4122",164], ["Warm Chestnut to Honey Blonde #T4 24 16",165], ["Natural Beige Blonde Ombre #T9A 22 16",166], ["Jet Black",21], ["Light Brown",26], ["Dark Auburn",29], ["Honey Brown/Ash Blonde",31], ["Honey Brown / Ash Blonde",31], ["Honey Brown Ash Blonde",31], ["Honey Brown & Ash Blonde",31], ["Red",32], ["Burgundy",33], ["Purple",34], ["Strawberry Blonde/Bleach Blonde",115], ["Strawberry Blonde Bleach Blonde",115], ["Strawberry Blonde & Bleach Blonde",115], ["Strawberry Blonde / Bleach Blonde",115], ["Ombre Grey",346], ["Ombre Gray",346], ["Ombre Blonde",347], ["Ombre Chestnut Brown",348], ["Ombre Brown",348], ["Ombre Pastel",378], ["Ombre Light Blonde",379], ["Ombre Balayage",380], ["Ombre Ash Blonde",381], ["Platinum Blonde",5830], ["Rooted Honey Blonde Highlights",5854], ["Chestnut Brown Balayage",5855], ["Ginger",5850], ["Dark Blonde Balayage",5853], ["Dark Brown Balayage",5851], ["Dark Brown & Blonde Balayage",5851], ["Sandy Blonde",5852], ["Sterling Silver",5932], ["Black/Brown & Grey #1b40",5963], [" Black/Brown & Gray #1b40",5963], ["Grey #1b80",5962], ["Gray #1b80",5962], ["White Blonde",5933], ["Black/Brown & Balayage Highlights #1bt-blyg",5964], ["Bleach Blonde",30], ["Ash Blonde",120], ["Silver",208], ["Strawberry Blonde",28], ["Blonde",382], ["Chestnut Brown",25], ["Black/Brown",22], ["Black Brown",22], ["Black / Brown",22], ["Dark Brown",23], ["Honey Brown",27], ["Chocolate Brown",24]]);
107    var qualityTitleEN = new Map([["remy", "hh"], ["european", "euro"], ["human", "hh"], ["synthetic", "synth"], ["wholesale", "wholesale"]]);
108    var lengthTitleEN = new Map([["10", "10inches"], ["14", "14inches"], ["16", "16inches"], ["18", "18inches"], ["20", "20inches"], ["22", "22inches"], ["24", "24inches"], ["26", "22inches"], ["28", "24inches"]]);
109    var thicknessTitleEN = new Map([["extra volume", "very-thick"], ["very thick", "very-thick"], ["thick", "thick"]]);
110    var colorMenTitleEN = new Map([["1B60","pu0406-1b60"], ["1B65","pu0406-1b60"], ["1B80","pu0406-1b80"], ["Dark Auburn #17","17"], ["Dark Brown with Medium Grey Blend #220","220"], ["Dark Brown with Heavy Grey Blend #240","240"], ["Medium Brown with Medium Grey Blend #320","320"], ["Medium Brown with Heavy Grey Blend #340","340"], ["Medium Brown with Very Heavy Grey Blend #350","350"], ["Light Brown with Medium Grey Blend #420","420"], ["Light Brown with Heavy Grey Blend #440","440"], ["Dark Blonde with Grey Blend #510","510"], ["Dark Blonde with Medium Grey Blend #520","520"], ["Dark Blonde with Heavy Grey Blend #540","540"], ["Dark Blonde with Very Heavy Grey Blend #550","550"], ["Dark Blonde with Salt & Pepper Blend #565","565"], ["Dark Blonde with Silver Blend #580","580"], ["Medium Blonde with Grey Blend #610","610"], ["Platinum Blonde #613","613"], ["Medium Blonde with Medium Grey Blend #620","620"], ["Medium Blonde with Heavy Grey Blend #640","640"], ["Light Blonde with Grey Blend #720","720"], ["Light Blonde with Medium Grey Blend #740","740"], ["Cool Grey Brown   #1720","1720"], ["Ash Grey Brown#1740","1740"], ["Silver Ash Brown #1750","1750"], ["Strawberry Blonde with Grey Blend #1820","1820"], ["Soft Silver Grey #2020","2020"], ["Ash Dark Blonde #10R","10r"], ["Medium Ash Brown #12R","12r"], ["Light Grey Brown #1765H","1765h"], ["Soft Steel Grey#1780H","1780h"], ["Dark Blonde Grey Blend #17R","17r"], ["Off Black with Medium Grey Blend #1B30","1b30"], ["Off Black with Silver Grey Blend #1B50","1b50"], ["Natural Black #1C","1c"], ["Light Auburn #20","20men"], ["Light Blonde Grey Blend #20R","20r"], ["Medium Auburn Grey Blend #22R","22r"], ["Copper Blonde Grey Blend #30R","30r"], ["Silver Blend #380H","380h"], ["Cool Natural Brown #4R","4r"], ["Dark Blonde #5","5men"], ["Soft Cool Brown #5R","5r"], ["Dark Auburn Red #5RD","5rd"], ["Silver Auburn Grey Blend #60R","60r"], ["Platinum Auburn Grey Blend #613R","613r"], ["Soft Cool Brown #6R","6r"], ["Natural Ash Brown #6RD","6rd"], ["Light Blonde #7","7men"], ["Natural light Brown #8R","8r"], ["Jet Black","pu0406-1"], ["Chestnut Brown","pu0406-6"], ["Ash Brown","pu0406-7ash"], ["Light Medium Brown","pu0406-18"], ["Black/Brown with very light grey","pu0406-1b05"], ["Black/Brown with very light gray","pu0406-1b05"], ["Black/Brown with light grey","pu0406-1b20"], ["Black/Brown with light gray","pu0406-1b20"], ["Black/Brown with medium grey","pu0406-1b40"], ["Black/Brown with medium gray","pu0406-1b40"], ["Salt and Pepper","pu0406-1b60"], ["Black/Brown with heavy gray","pu0406-1b80"], ["Dark Brown with light grey","pu0406-210"], ["Dark Brown with light gray","pu0406-210"], ["Dark Brown with medium grey","pu0406-230"], ["Dark Brown with medium gray","pu0406-230"], ["Gray","pu0406-260"], ["Mocha Brown with light grey","pu0406-310"], ["Mocha Brown with light gray","pu0406-310"], ["Silver Grey","pu0406-365"], ["Silver Gray","pu0406-365"], ["Chocolate Brown with light grey","pu0406-410"], ["Chocolate Brown with light gray","pu0406-410"], ["Ash Chocolate Brown","pu0406-4ash"], ["Mocha Brown","pu0406-3"], ["Black / Brown","pu0406-1b"], ["Grey","pu0406-260"], ["Dark Brown","pu0406-2"], ["Chocolate Brown","pu0406-4"]]);
111
112        var qualityTopperTitleEN = new Map([["large coverage", "largepart"], ["large part", "largepart"], ["part", "part"], ["full crown", "fullcrown"], ["crown", "crown"], ["full", "full"]]);
113        var bangTitleEN = new Map([["with bangs", "bang"]]);
114
115    function findCategory(title, type, defaultValue) {
116        const categoryMap = titleL === "FR" ? window[type + "TitleFR"] : window[type + "TitleEN"];
117
118        for (const [key, value] of categoryMap) {
119            const regex = new RegExp(`(?<!\\w)${key.replace(/[\s/&]/g, "(?:\\s|\\/|&)?")}(?!\\w)`, "i");
120            if (regex.test(title)) {
121                return value;
122            }
123        }
124
125        return defaultValue;
126    }
127
128    function loadScriptSync(src) {
129        let script = document.createElement("script");
130        script.src = src;
131        script.type = "text/javascript";
132        script.async = false; // Ensures it's executed in order
133        document.head.appendChild(script); // Load it in <head> for immediate execution
134    }
135
136    function checkAndRunFunction(functionName, t = 0) {
137        // Check if the function exists
138        if (typeof window[functionName] === 'function' && document.getElementById('main-div')) {
139            console.log(`Function ${functionName}
139 exists, calling it now!`);
140            setTimeout(() => {
141                window[functionName]();  // Call the function dynamically
142            }, 100);
143        } else if (t < 100) {
144            console.log(`Function ${functionName} does not exist, retrying... ${t}`);
145            
146            // Retry after 100ms if the function doesn't exist
147            setTimeout(() => {
148                checkAndRunFunction(functionName, t + 1);
149            }, 100);
150        }
151    }
152
153    function checkTest(t){
154        if(t<20){
155            console.log("TEST"+t);
156            setTimeout(() => {
157                //if(document.body && window.dataLayer.find(event => event.event === "productPage")){
158                if(document.body && document.title){
159                    if((document.body.classList.contains("catalog-product-view") && document.title) || window.location.href.indexOf("product-page") > -1 || document.title == "Clip-in Jet Black Remy Hair 18 inches test"){
160
161                        if(window.location.href.indexOf("product-page") > -1){
162                            var pageCategory = "clipin";
163                        }else{
164                            //var pageCategory = findCategory(document.title,"category")[0];
165                            var result = findCategory(document.title, "category");
166                            var pageCategory = (result && result.length > 0) ? result[0] : undefined;
167                        }
168
169                        //loading
170                        if(pageCategory!== "wholesale" && pageCategory!== undefined && pageCategory!==""){
171                            const v = "1234";
172
173                            //canonical
174                            var  domain = window.location.hostname;
175                            var canonicalCH = new Map([["clipin","https://canadahair.ca/jet-black-clip-in-hair-extensions-remy-indian-hair-canada-hair.html"],["tapein","https://canadahair.ca/tape-in-hair-extensions-canada-hair-jet-black-canada-hair.html"],["fusion","https://canadahair.ca/jet-black-1-fusion-hair-extensions-real-remy-hair-20-strands-1g-strand-final-sale-canada-hair.html"],["nano","https://canadahair.ca/jet-black-1-nano-rings-hair-extensions-100-real-hair-human-hair-qty-20-strands.html"],["sewin","https://canadahair.ca/jet-black-1-silky-straight-100-remy-human-hair-canada-hair.html"],["microloop","https://canadahair.ca/jet-black-1-micro-loop-hair-extensions-real-remy-hair-20-strands-1g-strand-canada-hair.html"],["volumizer","https://canadahair.ca/jet-black-1-silky-straight-100-remy-human-hair-canada-hair.html"],["wire","https://canadahair.ca/jet-black-invisible-wire-hair-extensions-human-hair.html"],["ponytail","https://canadahair.ca/jet-black-1-ponytail-hair-extensions-100-real-hair-18-inches-1.html"],["topper","https://canadahair.ca/thinning-hair-part-hair-topper-remy-hair.html"],["butterfly","https://canadahair.ca/butterfly-remy-14inch-1.html"],["vlight","https://canadahair.ca/vlight-premium-remy-14inch-1.html"],["bobhat","https://canadahair.ca/bobhat-wig-hh-1.html"],["men","https://canadahair.ca/jet-black-hair-toupee-men-hair-replacement-system-pu-topper-0406.html"]]);
176                                if(canonicalCH.get(result[0]) && domain == "canadahair.ca" && !document.querySelector('.page-product-configurable')){
177                                    var newCanonical = canonicalCH.get(result[0]);
178                                    
179                                    (function () {
180
181                                        if (!newCanonical || typeof newCanonical !== "string") {
182                                            return; // do nothing if invalid
183                                        }
184
185                                        // remove duplicate canonicals if any
186                                        var canonicals = document.querySelectorAll('link[rel="canonical"]');
187                                        canonicals.forEach(function (el, index) {
188                                            if (index > 0) el.remove();
189                                        });
190
191                                        var canonical = document.querySelector('link[rel="canonical"]');
192
193                                        if (!canonical) {
194                                            canonical = document.createElement('link');
195                                            canonical.setAttribute('rel', 'canonical');
196                                            document.head.appendChild(canonical);
197                                        }
198
199                                        canonical.setAttribute('href', newCanonical);
200
201                                    })();
202                                }
203                            
204                            loadScriptSync("https://qqq."+domain+"/code-product/2/media.js?v="+v);
205                            loadScriptSync("https://qqq."+domain+"/code-product/2/"+pageCategory+".js?v="+v);
206                            if(pageCategory==="topper"){
207                                loadScriptSync("https://qqq."+domain+"/code-product/2/product-logic-toppers.js?v="+v);
208                            }else if(document.title=='Honey Brown / Ash Blonde (#12/24) CLIP IN hair extensions 100% real hair (human hair)'){
209                                loadScriptSync("https://qqq."+domain+"/code-product/2/product-logic-extensions.js?v="+v);
210                            }else{
211                                loadScriptSync("https://qqq."+domain+"/code-product/2/product-logic-extensions.js?v="+v);
212                            }
213                            
214                            checkAndRunFunction("loadImagesNew");
215
216                        }
217
218                            setTimeout(() => {
219                                if (!document.getElementById('main-div')) {
220                                    console.log("TEST Istvan2");
221
222                                    if(document.querySelector("#chr-mini-rating")){
223                                        document.querySelector(".page-title").after(document.querySelector("#chr-mini-rating"));
224                                    }
225                                    
226                                    /*if (document.querySelector(".gallery-placeholder")) {
227                                    document.querySelector(".gallery-placeholder").classList.remove("_block-content-loading");
228                                    }*/
229                                    // Array of selectors for the elements you want to add "on" to
230                                    const selectors = [
231                                        ".product-info-price",
232                                        ".product-info-main",
233                                        "#maincontent",
234                                        ".product-info-main" // yes, the last one is repeated intentionally
235                                    ];
236
237                                    selectors.forEach(selector => {
238                                        const element = document.querySelector(selector);
239                                        if (element) element.classList.add("on");
240                                    });
241                                }
242                            }, 1000);
243
244                    }
245                }else{
246                    checkTest(t+1);
247                }
248            }, 50);
249        }
250    }
251
252</script>
252
253
254
255
256
257<link  rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito" />
258
259
260
261
262<style>
263img.bmx\:rounded.bmx\:mb-6{
264display:none!important;
265}
266.top-promo-bar{
267min-width:100vw;
268width:100vw;
269}
270
271#paypal-smart-button > div > iframe.component-frame {
272    z-index: 1 !important;
273}
274
275.modal-backdrop {
276    z-index: 100000000000000000000000!important;
277}
278/* category page*/
279.amlabel-position-top-left-9002-prod.amlabel-position-wrapper {
280    width: 100% !important;
281}
282
283#maincontent>div.products{
284min-height:100vh;
285}
286
287.product.info.detailed {
288    display: none !important;
289}
290.main-product-detail {
291    display: none !important;
292}
293
294/*span.loading {
295    position: fixed!important;
296    top: 50vh!important;
297    background-color: black !important;
298    padding: 20px 30px;
299    border-radius: 50px;
300    font-size: 20px;
301    width: 50%;
302left:25%;
303    font-weight: 700;
304    color: white;
305    box-shadow: 0px 0px 10px 3px rgb(150, 150, 150);
306    z-index: 100;
307    text-shadow: 0px 0px 5px BLACK;
308}
309.infinite-loader .loading i.ajax-loader {
310    margin-right: 15px;
311    width: 21px;
312    height: 21px;
313    border-width: 5px;
314}
315*/
316span.loading,.infinite-loader .loading i.ajax-loader {
317display:none!important;
318}
319@media screen and (max-width: 767px) {
320  .swatch-option.image:hover {
321    transform: none!important;
322  }
323    .filter.active .filter-options,.filter.active .filter-title,.filter-current,.block-actions.filter-actions{
324        width: 100%!important;
325    }
326.swatch-option-tooltip{
327display:none!important;
328}
329}
330    div#reamaze-widget {
331        z-index: 998 !important;
332    }
333    #product-configuration-chat{
334        z-index: 999!important;
335    }
336.product-item-photo {
337    isolation: isolate;
338}
339
340
341
342#master-category-description > div > p#links {
343    display: flex;
344    flex-wrap: wrap;
345}
346#master-category-description > div > p#links > .styled-link {
347    width: calc((100% - 15px) / 2);
348    border-radius: 5px;
349    text-align: center;
350    border: 2px solid lightgrey;
351    margin: 1px 3px;
352}
353}
354/* product page*/
355	@media (max-width: 767px){
356		.page-main > div > #links > a {
357width: calc((100% - 20px) / 2);
358			border-radius: 5px;
359			text-align: center;
360			border: 2px solid lightgrey;
361			margin: 1px 3px;
362		}
363		.page-main > div > #links{
364			display: flex;
365			flex-wrap: wrap;
366justify-content: center;
367		}
368	}
369
370/* cart page*/
371@media(max-width: 767px) {
372img[src="https://canadahair.ca/blog-ch/wp-content/uploads/2023/10/free-shipping-free-returns1-fr.png"]{
373    height: 45px!important;
374    width: auto!important;
375}
376.rewards > div > p.lead{
377line-height:1.7;
378}
379ul.checkout.methods.items.checkout-methods-items {
380position: fixed!important;
381bottom: -40px!important;
382left: 0px!important;
383z-index: 10000000000000000!important;
384background-color: white!important;
385box-shadow: 0px -3px 10px 0px rgb(0 0 0 / 30%);
386width: 100%;
387}
388button.action.primary.checkout.custom-sticked {
389    top: calc(100vh - 122px) !important;
390}
391ul.checkout.methods.items.checkout-methods-items  > li.item:nth-child(1),ul.checkout.methods.items.checkout-methods-items  > li.item:nth-child(2){
392min-height:50px;
393}
394}
395
396.page-title{
397margin-top:15px!important;
398margin-bottom:0px!important;
399}
400.page-title-wrapper{
401display:flex;
402flex:1;
403align-items: center;
404justify-content: center;
405}
406.page-title{
407text-align:center;
408}
409.page-title{
410text-align:center;
411font-size:1.5em;
412font-weight:400;
413}
414@media(min-width: 1240px) {
415.page-title{
416text-align:center;
417font-size:2em;
418font-weight:400;
419}
420}
421
422/* content > configuration */
423.header,#minisearch-autocomplete-top-search {
424    font-size: 12px!important;
425}
426
427.sections.nav-sections {
428    background-color: white!important;
429}
430
431@media (min-width: 1295px){
432.ui-menu-item.level0:nth-child(13) > .level0.submenu {
433    right: 0px !important;
434    left: -200px !important;
435}
436}
437
438@media (min-width: 768px){
439.breadcrumbs{
440min-height:38.153px;
441height:38.153px;
442}
443	.page-layout-2columns-right > div > #maincontent{
444		max-width:100vw!important;
445		width:calc(100vw - 30px);
446margin:0px;
447	}
448.page-header .navigation .level0.parent>a:after {
449    display: none!important;
450}
451.navigation .level0 .submenu {
452    left: 0px !important;
453}
454.ui-menu-item.level0:nth-child(5) > .level0.submenu {
455    right: 0px !important;
456    left: -200px !important;
457}
458}
459
460@media (min-width: 1281px){
461nav.navigation.sw-megamenu{
462max-height:40px;
463}
464}
465
466body#html-body {
467    overflow-y: hidden;
468}
469.product-info-price, .product-info-main, #maincontent {
470    min-height: 100vh;
471}
472.product-info-price.on, .product-info-main.on, #maincontent.on {
473    min-height: 0px;
474}
475.extensionhair{
476    min-height:30.44px;
477}
478.product-info-main .product-info-price {
479display:none;
480}
481.product-info-main{
482    background-color:lightgrey;
483}
484.product-info-main > div{
485    display:none;
486}
487.product-info-main.on{
488    background-color:white;
489}
490.product-info-main.on > div{
491    display:block;
492}
493.product-info-main.on > div.prev-next-products {
494display: none!important;
495}
496.product-info-main.on > div.product-social-links {
497display: none!important;
498}
499@media (min-width: 768px){
500.extensionhair{
501    min-height:61.594px;
502}
503}
504
505
506@media only screen and (max-width: 767px) {
507.nav-open .nav-sections {
508    background-color: white!important;
509}
510#totop{
511display:none!important;
512}
513
514div#mobileshow > .row {
515    padding: 0px 10px 10px!important;
516}
517
518.owl-stage-outer{
519min-height:435px;
520}
521@media (max-width: 768px) {
522    h1 {
523        min-height: 53px; /* keep your rule */
524        padding-top: 20px;
525    }
526}
527
528h2{
529min-height:70px;
530}
531#mobileshow>a>img{
532background-color:#D3D3D3;
533min-height:calc(100vw - 30px);
534min-width:calc(100vw - 30px);
535}
536.home-banner.mobile{
537min-height:calc(100vw - 30px);
538min-width:calc(100vw - 30px);
539}
540    .mobile-sticky .page-main {
541        margin-top: 0px!important;
542    }
543}
544
545/* Hide the menu on desktop */
546.mobile-only-menu {
547  display: none;
548}
549
550/* Show the menu only on mobile */
551@media (max-width: 768px) {
552  .mobile-only-menu {
553    display: block;
554  }
555.product.media{
556min-height: 141vw;
557}
558}
559
560
561/* Show the menu on desktop */
562.desktop-only-menu {
563  display: block;
564}
565
566/* Hide the menu on mobile */
567@media (max-width: 768px) {
568  .desktop-only-menu {
569    display: none;
570  }
571}
572
573 .custom-gallery {
574        display: flex;
575        justify-content: center;
576        flex-wrap: wrap;
577        gap: 10px;
578    }
579
580    .custom-gallery a {
581        display: block;
582        width: 150px; /* Reduced 25% from 172px */
583        height: 150px;
584        overflow: hidden;
585        transition: transform 0.3s ease, box-shadow 0.3s ease;
586    }
587
588    .custom-gallery img {
589        width: 100%;
590        height: 100%;
591        object-fit: cover;
592        transition: transform 0.3s ease;
593    }
594
595    .custom-gallery a:hover {
596        transform: scale(1.05);
597        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
598    }
599
600    @media (max-width: 768px) {
601        .custom-gallery {
602            justify-content: space-around; /* Ensure even distribution */
603        }
604
605        .custom-gallery a {
606            width: 25vw; /* Make the images smaller on mobile */
607            height: 25vw;
608        }
609    }
610	
611	  .link-box a {
612    color: #000; /* Black color */
613    text-decoration: none; /* Remove underline */
614    font-size: 20px; /* Increase font size */
615  }
616
617  .link-box a:hover {
618    color: #ff508c; /* Pink color on hover */
619  }
620
621  .link-box a:visited {
622    color: #000; /* Ensure visited links remain black */
623  }
624
625
626
627.product-items .product-item-info .rewards__product-points {
628    display: none;
629}
630
631.swatch-attribute.hair_extensions_length {
632    display: block;
633}
634.swatch-option.text {
635    min-width: 60px !important;
636}
637
638.swatch-attribute.hair_extensions_thickness {
639    display: none;
640}
641
642span.price > span.visually-hidden {
643    display: none;
644}
645
646span.price > span.currency-decimal {
647    display: inline;
648}
649
650
651.price-label {display:none;}
652
653.products-grid .product-item-details .product-item-actions .actions-primary {display:none;}
654
655.products-grid .product-item div[class^="swatch-opt-"] {
656    display: none !important;
657}
658
659.page-header.type1 .logo {
660    margin-top: 8px !important;
661    margin-bottom: 8px !important
662};
663
664
665</style>
666
667<meta name="facebook-domain-verification" content="xor9njy6tn4o8r0tcr8omwe68mo4q8" />
668<meta name="theme-color" content="#FF508C" />
669<meta name="google-site-verification" content="rhkvvQsQi4qmYsMazNuempzlnoO-1mFN-TYkv5TwDFM" />
670<meta name="p:domain_verify" content="hoqAXdlftnUTdpPbbcyNqplHMbiiVl1Q"/>
671
672<!-- FB Share 
673<meta property="og:title" content="Hair Extensions and much more at low prices ?" />
674<meta property="og:description" content="Discover a 100% Canadian company specialized in quality Hair Extensions, Wigs, Hair Care, and Hair Tools!" />
675<meta property="og:image" content="https://canadahair.b-cdn.net/media/wysiwyg/misc/facebook-thumb-ch.png" />
676 /FB Share -->
677<meta name="msvalidate.01" content="EBFDA1CCF8B16F6A865C8430968D3E97" />
678<meta name="google-site-verification" content="34caZZjg7DD58GUXoHyUBe-JpKBnSIGTGhaIxA9XkqU" />
679<!-- FB Retarget
680<script>
vendor: 403 bytes, lines 680-687
680
681!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
682n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
683n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
684t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
685document,'script','https://connect.facebook.net/en_US/fbevents.js');
686
687fbq('init', '
6871550021851951512
vendor: 30 bytes, lines 687-688
687');
688fbq('track', "PageView");
688</script>
688
689FB Retarget -->
690
691
692
693<!-- temporary css -->
694
695
696
697<link rel="stylesheet" type="text/css" media="all" href="https://mesrallonges.com/blog/wp-content/uploads/2017/temporary_settings_french.css">
698
699
700<style type="text/css">
701
702.nav-sections-items .header.links li.authorization-link {
703    display: block!important;
704}
705
706/*dont show elastics search ad*/
707.copyright{
708display:none!important;
709}
710
711button#product-addtocart-button{
712margin-top: 0px!important;
713}
714
715/*CLS adjustments: do not display the default desktop sticky nav-sections*/
716@media only screen and (min-width: 768px){
717.sticky-logo{
718display:none!important;
719}
720}
721
722/*CLS adjustments: adding city to the promotional banner*/
723@media only screen and (max-width: 767px){
724.paragraphPromo{
725padding:5px!important;
726padding-bottom:27.4px!important;
727}
728.paragraphPromo.city{
729padding:5px!important;
730padding-bottom:5px!important;
731}
732}
733
734/*CLS adjustments: change mobile navigation menu loading*/
735@media only screen and (max-width: 767px){
736.nav-sections {
737left: 0px!important;
738visibility:hidden;
739transition:none!important;
740}
741.nav-open .nav-sections{
742visibility: visible;
743}
744.nav-before-open .page-wrapper {
745visibility: visible;
746}
747.nav-open .page-wrapper {
748left: 0px;
749visibility: hidden;
750top:0px;
751margin-top:64px;
752}
753.nav-open .page-wrapper {
754margin-top:0px;
755}
756.nav-before-open .page-wrapper>.page-header.type1 {
757    position: fixed!important;
758    top: 0px!important;
759}
760.page-wrapper>p:nth-child(2){
761display:none!important;
762}
763#homepage-slider {
764margin-top: 0px!important;
765}
766}
767
768/* Istvan CLS adjustments start here */
769@media only screen and (min-width: 768px){
770div.loading-mask{
771display:none!important;
772}
773}
774
775.homepage-divs{
776max-width:1280px!important;
777margin-left:auto;
778margin-right:auto;
779width:100%;
780}
781.page-wrapper{
782min-width:100%;
783width:100%;
784min-height:100vh;
785}
786.navigation, .page-wrapper > .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main {
787max-width: 1280px!important;
788}
789.page-wrapper > div.breadcrumbs{
790max-width: 100vw!important;
791width:100%;
792}
793@media only screen and (max-width: 767px){
794.columns .column.main {
795    max-width: 100%!important;
796    padding: 15px!important;
797}
798.navigation, .page-wrapper > .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main {
799padding:0px!important;
800}
801.navigation, .page-wrapper > .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container {
802padding-left:15px!important;
803padding-right:15px!important;
804}
805.category-description, .toolbar.toolbar-products{
806padding-left:15px!important;
807padding-right:15px!important;
808}
809.page-wrapper{
810margin-top: 0px;
811}
812#homepage-slider{
813margin-top: 64px;
814}
815.header.content .logo {
816    flex-grow: 0!important;
817order:none!important;
818    position: absolute!important;
819    left: 45px!important;
820}
821.page-header.type1 .minicart-wrapper {
822    position: absolute!important;
823    right: 15px!important;
824}
825.header.content .block.block-search {
826margin-left: 57%;
827}
828.page-wrapper>.page-header{
829    position: fixed!important;
830    width: 100%!important;
831    top: 0!important;
832}
833
834.action.nav-toggle{
835min-width:18px!important;
836}
837}
838/* Istvan CLS adjustments end here */
839
840@media (max-width: 767px) {
841.page-header{
842    position: fixed!important;
843    width: 100%!important;
844    top: 0!important;
845    box-shadow: 3px 0px 5px 0px rgb(0 0 0 / 30%)!important;
846}
847
848.action.nav-toggle{
849min-width:18px!important;
850}
851}
852.navigation, .page-wrapper > .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main {
853max-width: 1280px!important;
854}
855
856.panel {
857background-color: #f0f0ed!important;
858display: block!important;
859}
860
861
862html,body{
863font-family:'Nunito','Open Sans','Helvetica Neue','Helvetica','Arial'!important;
864}
865
866.box-tocart .action.tocart:not(:last-child) {margin-bottom:15px;font-size:18px;}
867.buttons-referral-like {display:none;}
868.product-item-name {display:block;margin: 0 0 3px 0; word-wrap: break-word; font-size:18px; hyphens: none;}
869html {
870    background-color: #f3f3f3;
871}
872.wrapper5 {
873    max-width: 680px;
874    margin: 10px auto;
875    padding: 0 10px;
876}
877
878.youtube {
879    background-color: #9e9e9e;
880    margin-bottom: 30px;
881    position: relative;
882    padding-top: 56.25%;
883    overflow: hidden;
884    cursor: pointer;
885}
886.youtube img {
887    width: 100%;
888    top: -16.82%;
889    left: 0;
890    opacity: 0.7;
891}
892.youtube .play-button {
893    width: 90px;
894    height: 60px;
895    background-color: #333;
896    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
897    z-index: 1;
898    opacity: 0.8;
899    border-radius: 6px;
900}
901.youtube .play-button:before {
902    content: "";
903    border-style: solid;
904    border-width: 15px 0 15px 26.0px;
905    border-color: transparent transparent transparent #fff;
906}
907.youtube img,
908.youtube .play-button {
909    cursor: pointer;
910}
911.youtube img,
912.youtube iframe,
913.youtube .play-button,
914.youtube .play-button:before {
915    position: absolute;
916}
917.youtube .play-button,
918.youtube .play-button:before {
919    top: 50%;
920    left: 50%;
921    transform: translate3d( -50%, -50%, 0 );
922}
923.youtube iframe {
924    height: 100%;
925    width: 100%;
926    top: 0;
927    left: 0;
928}
929#more {display: none;}
930#more1 {display: none;}
931#more2 {display: none;}
932#more44 {display: none;}
933#more54 {display: none;}
934#more64 {display: none;}
935
936.minimal-price-link {display:none;}
937.product-item .product-reviews-summary {display:none;}
938
939
940.yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .headline  {
941  visibility: hidden;
942}
943
944.yotpo-reviews-carousel .yotpo-small-box {display:none;}
945
946
947.fieldset > .field.qty, .nested.options-list > .field.qty {
948    margin-bottom: 20px;
949}
950
951.carousel-reviews-bottom-line  {display:none;}
952
953        .info-table {
954            width: 100%;
955            border-collapse: collapse;
956font-size:16px;
957        }
958        .info-table td {
959            padding: 8px;
960            border: 1px solid #ddd;
961        }
962        .info-table tr:nth-child(odd) {
963            background-color: #f9f9f9;
964        } 
965		
966		
967		.custom-background {
968  background-color: #f0f0f0; /* Replace with your desired color */
969  padding: 20px;
970  /* Other styling as needed */
971}
972
973.page-wrapper > .breadcrumbs {
974    background-color: #6E6E6E;
975    position: relative;
976    
977 margin-top: 2px !important; /* Forces the margin to be applied */
978}
979
980.page-wrapper>.breadcrumbs .items {
981     padding: 2px 2px;
982}
983
984
985@media (min-width: 768px) {
986  .block-search {     
987    width: 800px !important; 
988  } 
989}
990
991
992
993</style>
994<!-- /temporary css --->
995
996
997
998<style>
999        #moremore {display: none;}
1000 #moremore12 {display: none;}
1001 #moremore17 {display: none;}
1002/* Media query for desktop screens (e.g., screens wider than 768px) */
1003@media (min-width: 769px) {
1004  #minheight {
1005    min-height: 450px; /* Minimum height for desktop */
1006    /* Desktop-specific styles */
1007  }
1008}
1009
1010/* Media query for mobile screens (e.g., screens up to 768px wide) */
1011@media (max-width: 768px) {
1012  #minheight {
1013    min-height: 475px; /* Minimum height for mobile */
1014    /* Mobile-specific styles */
1015  }
1016}
1017
1018	
1019	/* Media query for desktop screens (e.g., screens wider than 768px) */
1020@media (min-width: 769px) {
1021  .minheight1 {
1022    min-height: 300px; /* Minimum height for desktop */
1023    /* Desktop-specific styles */
1024  }
1025}
1026
1027/* Media query for mobile screens (e.g., screens up to 768px wide) */
1028@media (max-width: 768px) {
1029  .minheight1 {
1030    min-height: 150px; /* Minimum height for mobile */
1031    /* Mobile-specific styles */
1032  }
1033}
1034	
1035	
1036	.styled-link {
1037    border: 2px solid #ff69b4;  /* Pink border */
1038    padding: 5px;  /* Reduced padding */
1039    display: inline-block;
1040    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
1041    border-radius: 10px;
1042    background-color: #fff0f5;  /* Light pink background */
1043    text-decoration: none;
1044    color: #000000;  /* Black text */
1045    font-weight: bold;
1046    font-size: 12px;  /* Smaller font size */
1047}
1048
1049.styled-link:hover {
1050    color: #ff1493;  /* Darker pink on hover */
1051    text-decoration: underline;
1052}
1053
1054
1055    .length-links {
1056        font-family: Arial, sans-serif;
1057        font-size: 16px; /* Adjusted for better readability */
1058        text-align: center;
1059        padding: 15px; /* Increased padding */
1060font-size: 14px;
1061        border-radius: 5px;
1062    }
1063
1064    .length-links a {
1065        color: #ff69b4; /* Pink color for the text */
1066        text-decoration: none;
1067        padding: 8px 12px; /* Increased padding for better touch target */
1068        margin: 5px; /* Added margin to prevent overlap */
1069        border: 1px solid #ffb6c1; /* Light pink for the border */
1070        border-radius: 3px;
1071        transition: background-color 0.3s, color 0.3s;
1072        display: inline-block; /* Adjust display for spacing */
1073    }
1074
1075    .length-links a:hover {
1076        background-color: #ff69b4; /* Pink background on hover */
1077        color: white;
1078    }
1079	
1080	
1081.length-links5 {
1082    font-family: Arial, sans-serif;
1083    font-size: 16px; /* Adjusted for better readability */
1084    text-align: center;
1085    padding: 15px; /* Increased padding */
1086    font-size: 14px;
1087    border-radius: 5px;
1088    color: #808080; /* Greyish text color */
1089}
1090
1091.length-links5 a {
1092    color: #000000; /* Lighter grey color for the text */
1093    text-decoration: none;
1094    padding: 8px 12px; /* Increased padding for better touch target */
1095    margin: 5px; /* Added margin to prevent overlap */
1096    border: 1px solid #d3d3d3; /* Light grey for the border */
1097    border-radius: 3px;
1098    transition: background-color 0.3s, color 0.3s;
1099    display: inline-block; /* Adjust display for spacing */
1100}
1101
1102.length-links5 a:hover {
1103    background-color: #808080; /* Darker grey background on hover */
1104    color: white;
1105}
1106
1107
1108
1109
1110.length-links10 {
1111    font-family: Arial, sans-serif;
1112    font-size: 16px; /* Adjusted for better readability */
1113    text-align: center;
1114    padding: 15px; /* Increased padding */
1115    font-size: 14px;
1116    border-radius: 5px;
1117    color: #5f9ea0; /* Cadet blue for text */
1118}
1119
1120.length-links10 a {
1121    color: #7ba6b4; /* Light blue for the text */
1122    text-decoration: none;
1123    padding: 8px 12px; /* Increased padding for better touch target */
1124    margin: 5px; /* Added margin to prevent overlap */
1125    border: 1px solid #b0e0e6; /* Powder blue for the border */
1126    border-radius: 3px;
1127    transition: background-color 0.3s, color 0.3s;
1128    display: inline-block; /* Adjust display for spacing */
1129}
1130
1131.length-links10 a:hover {
1132    background-color: #1e90ff; /* Dodger blue background on hover */
1133    color: white;
1134}
1135
1136
1137    </style>
1138
1139
1140<style type="text/css">
1141.uniquestuff {display:none;}
1142.block.upsell { display: none !important; }
1143</style>
1144<script type="text/javascript">require([
1145    'jquery',
1146    'owl.carousel/owl.carousel.min'
1147], function ($) {
1148    $(window).on('load', function () {
1149        $("#brands-slider-demo-8 .owl-carousel").owlCarousel({
1150            autoplay: true,
1151            autoplayTimeout: 5000,  // Set to 5 seconds (adjustable)
1152            autoplayHoverPause: true,
1153            margin: 20,
1154            nav: true,
1155            navText: ["<em class='porto-icon-left-open-big'></em>", "<em class='porto-icon-right-open-big'></em>"],
1156            dots: false,
1157            loop: true,
1158            responsive: {
1159                0: {
1160                    items: 2
1161                },
1162                640: {
1163                    items: 3
1164                },
1165                768: {
1166                    items: 4
1167                },
1168                992: {
1169                    items: 5
1170                },
1171                1200: {
1172                    items: 5
1173                }
1174            }
1175        });
1176    });
1177});
1178
1179</script>
1179
1180
1181
1182
1183<!-- Tendance (Trending) pills inside Mirasvit autocomplete (Mes Rallonges) -->
1184<style>
1185  .ch-trending {
1186    padding: 14px 15px;
1187    border-bottom: 1px solid #eee;
1188  }
1189  .ch-trending-title {
1190    margin: 0 0 10px 0;
1191    font-weight: bold;
1192    font-size: 15px;
1193    font-family: Arial, sans-serif;
1194  }
1195  .ch-tag-list {
1196    display: flex;
1197    flex-wrap: wrap;
1198    gap: 10px;
1199  }
1200  .ch-tag-list a {
1201    background-color: #f2f2f2;
1202    border-radius: 20px;
1203    padding: 8px 14px;
1204    text-decoration: none;
1205    color: #333;
1206    font-size: 14px;
1207    font-family: Arial, sans-serif;
1208    white-space: nowrap;
1209    transition: background 0.2s ease;
1210  }
1211  .ch-tag-list a:hover { background-color: #e0e0e0; }
1212
1213  /* Masquer uniquement la section "Suggestions Populaires" */
1214  .mst-searchautocomplete__index.popular {
1215    display: none !important;
1216  }
1217
1218  @media (max-width: 768px) {
1219    .ch-trending { padding: 12px; }
1220    .ch-tag-list a { font-size: 13px; padding: 6px 12px; }
1221    .ch-trending-title { font-size: 14px; }
1222  }
1223.toplanding {display:none;}
1224.sidebar.sidebar-main {
1225    max-height: none !important; /* Removes the height restriction */
1226    overflow: visible !important; /* Lets content expand naturally */
1227}
1228
1229/* Close only inactive filter panels */
1230.filter-options .filter-options-item:not(.active) .filter-options-content {
1231    display: none;
1232}
1233
1234/* Keep active panel open */
1235.filter-options .filter-options-item.active .filter-options-content {
1236    display: block;
1237}
1238
1239/* Reset arrow rotation */
1240.filter-options .filter-options-item.active > .filter-options-title:after {
1241    transform: rotate(0deg);
1242}
1243
1244</style>
1245
1246<script>
1247(function () {
1248  const INPUT_SELECTOR = '#search';
1249  const AC_SELECTOR = '.mst-searchautocomplete__autocomplete';
1250  const WRAPPER_SELECTOR = '.mst-searchautocomplete__wrapper';
1251
1252   const trendingItems = [
1253    {label: "Clip in", href: "https://canadahair.ca/jet-black-clip-in-hair-extensions-remy-indian-hair-canada-hair.html?ci=21&qi=hh&li=14inches&ti=standard&hi=white&wi=no"},
1254    {label: "Toppers", href: "https://canadahair.ca/thinning-hair-part-hair-topper-remy-hair.html?ci=21&qi=part&li=10inches&bi="},
1255    {label: "Invisible Tape ins", href: "https://canadahair.ca/tape-in-hair-extensions-canada-hair-jet-black-canada-hair.html?ci=21&qi=euro&li=14inches&ti=thick&hi=white&wi=no"},
1256    {label: "Colour Swatches", href: "https://canadahair.ca/2-color-swatches-free"},
1257    {label: "Human Hair Wigs", href: "https://canadahair.ca/canada-wigs.html"},
1258    {label: "Nano Rings", href: "https://canadahair.ca/jet-black-1-nano-rings-hair-extensions-100-real-hair-human-hair-qty-20-strands.html?ci=21&qi=hh&li=14inches&ti=thick&hi=white&wi=no"},
1259    {label: "European Hair", href: "https://canadahair.ca/european-hair.html"},
1260    {label: "Wavy Hair Extensions", href: "https://canadahair.ca/jet-black-clip-in-hair-extensions-remy-indian-hair-canada-hair.html?ci=21&qi=hh&li=14inches&ti=standard&hi=white&wi=yes"},
1261    {label: "Blonde Hair Extensions", href: "https://canadahair.ca/hair-extensions/blonde.html"}
1262  ];
1263
1264  function makeTrendingEl() {
1265    const el = document.createElement('div');
1266    el.className = 'ch-trending';
1267    el.setAttribute('role', 'region');
1268    el.setAttribute('aria-label', 'Trending on Canada Hair');
1269    el.innerHTML = `
1270      <div class="ch-trending-title">Trending on Canada Hair™ ↗</div>
1271      <div class="ch-tag-list">
1272        ${trendingItems.map(item => `<a href="${item.href}">${item.label}</a>`).join('')}
1273      </div>
1274    `;
1275    return el;
1276  }
1277
1278
1279  function mountTrending() {
1280    const input = document.querySelector(INPUT_SELECTOR);
1281    const ac = document.querySelector(AC_SELECTOR);
1282    const wrapper = ac && ac.querySelector(WRAPPER_SELECTOR);
1283    if (!input || !ac || !wrapper) return false;
1284
1285    if (wrapper.querySelector('.ch-trending')) return true;
1286
1287    const trendingEl = makeTrendingEl();
1288    wrapper.prepend(trendingEl);
1289
1290    const sync = () => {
1291      const show = (input.value || '').trim().length === 0;
1292      trendingEl.style.display = show ? 'block' : 'none';
1293    };
1294    input.addEventListener('input', sync);
1295    input.addEventListener('focus', sync);
1296    sync();
1297
1298    const closeBtn = ac.querySelector('.mst-searchautocomplete__close');
1299    if (closeBtn) {
1300      closeBtn.addEventListener('click', () => {
1301        trendingEl.style.display = 'none';
1302      });
1303    }
1304    return true;
1305  }
1306
1307  if (!mountTrending()) {
1308    const obs = new MutationObserver(() => {
1309      if (mountTrending()) obs.disconnect();
1310    });
1311    obs.observe(document.documentElement, { childList: true, subtree: true });
1312  }
1313})();
1314</script>
1314
1315
1316<script>
1317(function(){
1318  const TITLE_SEL = '.ch-trending-title';
1319
1320  function applyCity(city){
1321    const el = document.querySelector(TITLE_SEL);
1322    if (!el || !city || el.dataset.cityApplied === '1') return false;
1323    el.textContent = el.textContent + ' in ' + city;
1324    el.dataset.cityApplied = '1';
1325    return true;
1326  }
1327
1328
1329  function fetchCity(){
1330    fetch('https://ipapi.co/json/')
1331      .then(r => r.json())
1332      .then(d => applyCity(d && d.city))
1333      .catch(() => {});
1334  }
1335
1336  if (document.querySelector(TITLE_SEL)) {
1337    fetchCity();
1338  } else {
1339    const obs = new MutationObserver(() => {
1340      if (document.querySelector(TITLE_SEL)) {
1341        fetchCity();
1342        obs.disconnect();
1343      }
1344    });
1345    obs.observe(document.documentElement, { childList: true, subtree: true });
1346  }
1347})();
1348</script>
1348
1349
1350<script>
1351require(['jquery', 'domReady!'], function ($) {
1352
1353    function collapseAllFilters() {
1354        var $items = $('.filter-options .filter-options-item');
1355
1356        // Remove active & allow classes (most themes use 'active')
1357        $items.removeClass('active allow expanded'); // ← add 'expanded' if your theme uses it
1358
1359        // Update ARIA only — do NOT touch display with .hide() / .show()
1360        $items.each(function () {
1361            var $item = $(this);
1362            var $title  = $item.children('[data-role="title"]');
1363            var $content = $item.children('[data-role="content"]');
1364
1365            $title.attr({
1366                'aria-expanded': 'false',
1367                'aria-selected': 'false'
1368            });
1369
1370            $content.attr('aria-hidden', 'true');
1371            // Do NOT do $content.hide() here
1372        });
1373    }
1374
1375    // Run once on page load
1376    collapseAllFilters();
1377
1378    // Re-apply after Mirasvit / Magento AJAX updates
1379    $(document).on('ajaxComplete mstNavAjaxSuccess mstLayeredNavAjaxSuccess', function () {
1380        collapseAllFilters();
1381    });
1382
1383});
1384</script>
1384
1385
1386 
1387 
1388<script type="text/javascript" xml="space">// <![CDATA[
1389function myFunction502() {
1390  var dots = document.getElementById("dots502");
1391  var moreText = document.getElementById("more502");
1392  var btnText = document.getElementById("myBtn502");
1393
1394  if (dots.style.display === "none") {
1395    dots.style.display = "inline";
1396    btnText.innerHTML = "[+] Product Details"; 
1397    moreText.style.display = "none";
1398  } else {
1399    dots.style.display = "none";
1400    btnText.innerHTML = "[-] Product Details"; 
1401    moreText.style.display = "inline";
1402  }
1403}
1404// ]]></script>
1404
1405
1406<script type="text/javascript" xml="space">// <![CDATA[
1407function myFunction500() {
1408  var dots = document.getElementById("dots500");
1409  var moreText = document.getElementById("more500");
1410  var btnText = document.getElementById("myBtn500");
1411
1412  if (dots.style.display === "none") {
1413    dots.style.display = "inline";
1414    btnText.innerHTML = "[+] Dos & Don'ts"; 
1415    moreText.style.display = "none";
1416  } else {
1417    dots.style.display = "none";
1418    btnText.innerHTML = "[-] Dos & Don'ts"; 
1419    moreText.style.display = "inline";
1420  }
1421}
1422// ]]></script>
vendor: 2 bytes, line 1422
1422
1423<script type="text/javascript" xml="space">// <![CDATA[
1424function myFunction504() {
1425  var dots = document.getElementById("dots504");
1426  var moreText = document.getElementById("more504");
1427  var btnText = document.getElementById("myBtn504");
1428
1429  if (dots.style.display === "none") {
1430    dots.style.display = "inline";
1431    btnText.innerHTML = "[+] 5 reasons why they are the best!"; 
1432    moreText.style.display = "none";
1433  } else {
1434    dots.style.display = "none";
1435    btnText.innerHTML = "[-] 5 reasons why they are the best!"; 
1436    moreText.style.display = "inline";
1437  }
1438}
1439// ]]></script>
1439
1440
1441<script type="text/javascript" xml="space">// <![CDATA[
1442function myFunction505() {
1443  var dots = document.getElementById("dots505");
1444  var moreText = document.getElementById("more505");
1445  var btnText = document.getElementById("myBtn505");
1446
1447  if (dots.style.display === "none") {
1448    dots.style.display = "inline";
1449    btnText.innerHTML = "[+] How to wash & maintain?"; 
1450    moreText.style.display = "none";
1451  } else {
1452    dots.style.display = "none";
1453    btnText.innerHTML = "[-] How to wash & maintain?"; 
1454    moreText.style.display = "inline";
1455  }
1456}
1457// ]]></script>
1457
1458
1459<!-- the end --> 
1460
1461        <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans%3A300%2C300italic%2C400%2C400italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic&amp;v1&amp;subset=latin%2Clatin-ext" type="text/css" media="screen"/>
1462<link href="https://fonts.googleapis.com/css?family=Oswald:300,400,700" rel="stylesheet">
1463<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
1464    <link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/media/porto/web/bootstrap/css/bootstrap.optimized.min.css">
1465    <link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/media/porto/web/css/animate.optimized.css">
1466<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/media/porto/web/css/header/type1.css">
1467<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/media/porto/web/css/custom.css">
1468<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/media/porto/configed_css/design_english.css">
1469<link rel="stylesheet" type="text/css" media="all" href="https://cdn.canadahair.ca/media/porto/configed_css/settings_english.css">
1470<script type="text/javascript">
1471require([
1472    'jquery'
1473], function ($) {
1474    $(document).ready(function(){
1475        $("body").addClass("layout-1140");
1476        $("body").addClass("wide");
1477            $("body").addClass("mobile-sticky");
1478                $(".drop-menu > a").off("click").on("click", function(){
1479            if($(this).parent().children(".nav-sections").hasClass("visible"))
1480                $(this).parent().children(".nav-sections").removeClass("visible");
1481            else
1482                $(this).parent().children(".nav-sections").addClass("visible")
1483        });
1484    });
1485    var scrolled = false;
1486    $(window).scroll(function(){
1487        if(!$('.page-header').hasClass('type10') && !$('.page-header').hasClass('type22')) {
1488            if($(window).width()>=768){
1489                if(140<$(window).scrollTop() && !scrolled){
1490                    $('.page-header').addClass("sticky-header");
1491                    scrolled = true;
1492                    if(!$(".page-header").hasClass("type12")) {
1493                        $('.page-header .minicart-wrapper').after('<div class="minicart-place hide"></div>');
1494                        var minicart = $('.page-header .minicart-wrapper').detach();
1495                        if($(".page-header").hasClass("type8") || $(".page-header").hasClass("type25"))
1496                            $('.page-header .menu-wrapper').append(minicart);
1497                        else
1498                            $('.page-header .navigation').append(minicart);
1499                                                var logo_image = $('<div>').append($('.page-header .header > .logo').clone()).html();
1500                        if($(".page-header").hasClass("type8") || $(".page-header").hasClass("type25"))
1501                            $('.page-header .menu-wrapper').prepend('<div class="sticky-logo">'+logo_image+'</div>');
1502                        else
1503                            $('.page-header .navigation').prepend('<div class="sticky-logo">'+logo_image+'</div>');
1504                                            } else {
1505                                                $('.page-header.type12 .logo').append('<span class="sticky-logo"><img src=""/></span>');
1506                        $('.page-header .logo > img').addClass("hide");
1507                                            }
1508                                                            $(".sticky-logo img").attr("src","https://cdn.canadahair.ca/media/porto/sticky_logo/websites/4/logomrch.png");
1509                                                        }
1510                if(140>=$(window).scrollTop() && scrolled){
1511                    $('.page-header').removeClass("sticky-header");
1512                    scrolled = false;
1513                    if(!$(".page-header").hasClass("type12")) {
1514                        var minicart;
1515                        if($(".page-header").hasClass("type8") ||  $(".page-header").hasClass("type25"))
1516                            minicart = $('.page-header .menu-wrapper .minicart-wrapper').detach();
1517                        else
1518                            minicart = $('.page-header .navigation .minicart-wrapper').detach();
1519                        $('.minicart-place').after(minicart);
1520                        $('.minicart-place').remove();
1521                        $('.page-header .minicart-wrapper-moved').addClass("minicart-wrapper").removeClass("minicart-wrapper-moved").removeClass("hide");
1522                    }
1523                                        if($(".page-header").hasClass("type8") || $(".page-header").hasClass("type25"))
1524                        $('.page-header .menu-wrapper > .sticky-logo').remove();
1525                    else if($(".page-header").hasClass("type12")) {
1526                        $('.page-header .sticky-logo').remove();
1527                        $('.page-header .logo > img').removeClass("hide");;
1528                    } else
1529                        $('.page-header .navigation > .sticky-logo').remove();
1530                                    }
1531            }
1532        }
1533    });
1534});
1535</script>
1535
1536
1537<!-- Google Tag Manager by MagePal -->
1538<script>window.dataLayer = window.dataLayer || [];</script>
1538
1539
1540
1541<script type="text/x-magento-init">
1542    {
1543        "*": {
1544            "magepalGtmDatalayer": {
1545                "isCookieRestrictionModeEnabled": 0,
1546                "currentWebsite": 4,
1547                "cookieName": "user_allowed_save_cookie",
1548                "dataLayer": "dataLayer",
1549                "accountId": "GTM",
1550                "data": [{"ecommerce":{"currencyCode":"CAD"},"pageType":"cms_page_view","list":"other"}],
1551                "isGdprEnabled": 0,
1552                "gdprOption": 0,
1553                "addJsInHeader": 0,
1554                "containerCode": ""
1555            }
1556        }
1557    }
1558</script>
1558
1559<!-- End Google Tag Manager by MagePal -->
1560    
1560<script type="text/x-magento-init">
1561        {
1562            "*": {
1563                "Magento_PageCache/js/form-key-provider": {
1564                    "isPaginationCacheEnabled":
1565                        0                }
1566            }
1567        }
1568    </script>
1568
1569    
1569<script hash="sha256-fQDY1VJmJDOJByE8ZaEPaf2bMpz48L+hmhkGBEjAefg=">
1570        window.dataLayer = window.dataLayer || [];
1571    </script>
1571
1572    
1572<script type="text/x-magento-init">
1573        {
1574            "*": {
1575                "Stape_Gtm/js/datalayer": {
1576                    "isUserDataEnabled": true,
1577                    "data": {},
1578                    "suffix": "_stape",
1579                    "pageType": "",
1580                    "extraData": {},
1581                    "productItemSelector": "",
1582                    "useDisplayCurrency": false                }
1583            }
1584        }
1585    </script>
1585
1586    <!-- GTM Container Loader By GTM Server Side plugin -->
1587<script>!function(){"use strict";function l(e){for(var t=e,r=0,n=document.cookie.split(";");r<n.length;r++){var o=n[r].split("=");if(o[0].trim()===t)return o[1]}}function s(e){return localStorage.getItem(e)}function u(e){return window[e]}function A(e,t){e=document.querySelector(e);return t?null==e?void 0:e.getAttribute(t):null==e?void 0:e.textContent}var e=window,t=document,r="script",n="dataLayer",o="https://qqq.canadahair.ca",a="",i="MWWvaeemzgfc",c="SaZfgY=aWQ9R1RNLVc1OFhQVko%3D&sort=asc",g="cookie",v="_sbp",E="",d=!1;try{var d=!!g&&(m=navigator.userAgent,!!(m=new RegExp("Version/([0-9._]+)(.*Mobile)?.*Safari.*").exec(m)))&&16.4<=parseFloat(m[1]),f="stapeUserId"===g,I=d&&!f?function(e,t,r){void 0===t&&(t="");var n={cookie:l,localStorage:s,jsVariable:u,cssSelector:A},t=Array.isArray(t)?t:[t];if(e&&n[e])for(var o=n[e],a=0,i=t;a<i.length;a++){var c=i[a],c=r?o(c,r):o(c);if(c)return c}else console.warn("invalid uid source",e)}(g,v,E):void 0;d=d&&(!!I||f)}catch(e){console.error(e)}var m=e,g=(m[n]=m[n]||[],m[n].push({"gtm.start":(new Date).getTime(),event:"gtm.js"}),t.getElementsByTagName(r)[0]),v=I?"&bi="+encodeURIComponent(I):"",E=t.createElement(r),f=(d&&(i=8<i.length?i.replace(/([a-z]{8}$)/,"kp$1"):"kp"+i),!d&&a?a:o);E.async=!0,E.src=f+"/"+i+".js?"+c+v,null!=(e=g.parentNode)&&e.insertBefore(E,g)}();</script>
1587<!-- END of GTM Container Loader By GTM Server Side plugin -->
1588    </head>
1589    <body data-container="body"
1590          data-mage-init='{"loaderAjax": {}, "loader": { "icon": "https://cdn.canadahair.ca/static/version1788948291/frontend/Polisys/theme-frontend-canadahair/en_US/images/loader-2.gif"}}'
1591        id="html-body" class="cms-deals layout-1140 wide mobile-sticky mst-nav__theme-magento-blank mst-nav__theme-smartwave-porto mst-nav__theme-polisys-theme-frontend-canadahair cms-page-view page-layout-1column">
1592        
1593<!-- Google Tag Manager by MagePal -->
1594<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM"
1595height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1596<!-- End Google Tag Manager by MagePal -->
1597
1598<script type="text/x-magento-init">
1599    {
1600        "*": {
1601            "Magento_PageBuilder/js/widget-initializer": {
1602                "config": {"[data-content-type=\"slider\"][data-appearance=\"default\"]":{"Magento_PageBuilder\/js\/content-type\/slider\/appearance\/default\/widget":false},"[data-content-type=\"map\"]":{"Magento_PageBuilder\/js\/content-type\/map\/appearance\/default\/widget":false},"[data-content-type=\"row\"]":{"Magento_PageBuilder\/js\/content-type\/row\/appearance\/default\/widget":false},"[data-content-type=\"tabs\"]":{"Magento_PageBuilder\/js\/content-type\/tabs\/appearance\/default\/widget":false},"[data-content-type=\"slide\"]":{"Magento_PageBuilder\/js\/content-type\/slide\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-slide-button","showOverlay":"hover","dataRole":"slide"}},"[data-content-type=\"banner\"]":{"Magento_PageBuilder\/js\/content-type\/banner\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-banner-button","showOverlay":"hover","dataRole":"banner"}},"[data-content-type=\"buttons\"]":{"Magento_PageBuilder\/js\/content-type\/buttons\/appearance\/inline\/widget":false},"[data-content-type=\"products\"][data-appearance=\"carousel\"]":{"Magento_PageBuilder\/js\/content-type\/products\/appearance\/carousel\/widget":false},"[data-content-type=\"filterproducts\"][data-appearance=\"owlcarousel\"]":{"Smartwave_Filterproducts\/js\/content-type\/filterproducts\/appearance\/carousel\/widget":false}},
1603                "breakpoints": {"desktop":{"label":"Desktop","stage":true,"default":true,"class":"desktop-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-desktop.svg","conditions":{"min-width":"1024px"},"options":{"products":{"default":{"slidesToShow":"5"}}}},"tablet":{"conditions":{"max-width":"1024px","min-width":"768px"},"options":{"products":{"default":{"slidesToShow":"4"},"continuous":{"slidesToShow":"3"}}}},"mobile":{"label":"Mobile","stage":true,"class":"mobile-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-mobile.svg","media":"only screen and (max-width: 768px)","conditions":{"max-width":"768px","min-width":"640px"},"options":{"products":{"default":{"slidesToShow":"3"}}}},"mobile-small":{"conditions":{"max-width":"640px"},"options":{"products":{"default":{"slidesToShow":"2"},"continuous":{"slidesToShow":"1"}}}}}            }
1604        }
1605    }
1606</script>
1606
1607
1608<script type="text/x-magento-init">
1609    {
1610        "*": {
1611            "mage/cookies": {
1612                "expires": null,
1613                "path": "\u002F",
1614                "domain": ".canadahair.ca",
1615                "secure": false,
1616                "lifetime": "86400"
1617            }
1618        }
1619    }
1620</script>
1620
1621    <noscript>
1622        <div class="message global noscript">
1623            <div class="content">
1624                <p>
1625                    <strong>JavaScript seems to be disabled in your browser.</strong>
1626                    <span>
1627                        For the best experience on our site, be sure to turn on Javascript in your browser.                    </span>
1628                </p>
1629            </div>
1630        </div>
1631    </noscript>
1632
1633<script>
1634    window.cookiesConfig = window.cookiesConfig || {};
1635    window.cookiesConfig.secure = false;
1636</script>
1636        
1636<script>
1637        window.onerror = function(msg, url, line) {
1638            var key = "collected_errors";
1639            var errors = {};
1640            if (sessionStorage.getItem(key)) {
1641                errors = JSON.parse(sessionStorage.getItem(key));
1642            }
1643            if (!(window.location.href in errors)) {
1644                errors[window.location.href] = [];
1645            }
1646            errors[window.location.href].push("error: \'" + msg + "\' " + "file: " + url + " " + "line: " + line);
1647            sessionStorage.setItem(key, JSON.stringify(errors));
1648        };</script>
1648<script>    require.config({
1649        map: {
1650            '*': {
1651                wysiwygAdapter: 'mage/adminhtml/wysiwyg/tiny_mce/tinymceAdapter'
1652            }
1653        }
1654    });</script>
1654<script>    require.config({
1655        paths: {
1656            googleMaps: 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3.53\u0026key\u003D'
1657        },
1658        config: {
1659            'Magento_PageBuilder/js/utils/map': {
1660                style: '',
1661            },
1662            'Magento_PageBuilder/js/content-type/map/preview': {
1663                apiKey: '',
1664                apiKeyErrorMessage: 'You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fcanadahair.ca\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.'
1665            },
1666            'Magento_PageBuilder/js/form/element/map': {
1667                apiKey: '',
1668                apiKeyErrorMessage: 'You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fcanadahair.ca\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.'
1669            },
1670        }
1671    });</script>
1671<script>
1672    require.config({
1673        shim: {
1674            'Magento_PageBuilder/js/utils/map': {
1675                deps: ['googleMaps']
1676            }
1677        }
1678    });</script>
1678    
1678<script nonce="MjBjcWE4ZmI1bnZ0Nm51ZW9sYjd6emR5anJxcDJwbGY=">
1679        require([
1680                'jquery',
1681                'Mirasvit_SearchAutocomplete/js/autocomplete',
1682                'Mirasvit_SearchAutocomplete/js/typeahead'
1683            ], function ($, autocomplete, typeahead) {
1684                const selector = 'input#search, input#mobile_search, .minisearch input[type="text"]';
1685
1686                $(document).ready(function () {
1687                    $('#search_mini_form').prop("minSearchLength", 10000);
1688
1689                    const $input = $(selector);
1690
1691                    $input.each(function (index, searchInput) {
1692                                                new typeahead($(searchInput)).init({"query":"","priceFormat":{"pattern":"$%s","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"minSearchLength":3,"url":"https:\/\/canadahair.ca\/searchautocomplete\/ajax\/suggest\/","storeId":"5","delay":300,"isAjaxCartButton":false,"isShowCartButton":false,"isShowImage":true,"isShowPrice":true,"isShowSku":false,"isShowRating":true,"isShowDescription":false,"isShowStockStatus":false,"isShowAdditionalAttributes":false,"isKeepLastSearchRequest":false,"layout":"1column","popularTitle":"Popular Suggestions","popularSearches":["Clip-ins","Toppers","Invisible tape-ins","Colour swatches","Human hair wigs","Nano rings","European hair","Wavy hair","Blonde hair"],"isTypeaheadEnabled":true,"typeaheadUrl":"https:\/\/canadahair.ca\/searchautocomplete\/ajax\/typeahead\/","logUrl":"https:\/\/canadahair.ca\/searchautocomplete\/ajax\/log\/","minSuggestLength":2,"currency":"CAD","limit":null,"customerGroupId":0,"filterPosition":"filters_top","filterLimit":5,"availableOrders":{"_score":"Relevance","name.sort_name":"Product Name","sku.sort_sku":"SKU","price_0_4":"Price","hair_extensions_style_value.sort_hair_extensions_style":"Style","hair_extensions_quality_value.sort_hair_extensions_quality":"Hair Quality","attachment_style_value.sort_attachment_style":"Attachment style","new_extensions_length_value.sort_new_extensions_length":"Length","new_extensions_color_value.sort_new_extensions_color":"Colour","product_availability_value.sort_product_availability":"Product availability"},"defaultOrder":"_score","localStorageFields":{"prevRequestField":"mstLatestRequest","isRestorePrevRequestFlag":"mstIsRestorePrevRequest","isRefererAutocompleteFlag":"mstIsRefererAutocomplete"},"isHighlightingEnabled":true});
1693                                                new autocomplete($(searchInput)).init({"query":"","priceFormat":{"pattern":"$%s","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},"minSearchLength":3,"url":"https:\/\/canadahair.ca\/searchautocomplete\/ajax\/suggest\/","storeId":"5","delay":300,"isAjaxCartButton":false,"isShowCartButton":false,"isShowImage":true,"isShowPrice":true,"isShowSku":false,"isShowRating":true,"isShowDescription":false,"isShowStockStatus":false,"isShowAdditionalAttributes":false,"isKeepLastSearchRequest":false,"layout":"1column","popularTitle":"Popular Suggestions","popularSearches":["Clip-ins","Toppers","Invisible tape-ins","Colour swatches","Human hair wigs","Nano rings","European hair","Wavy hair","Blonde hair"],"isTypeaheadEnabled":true,"typeaheadUrl":"https:\/\/canadahair.ca\/searchautocomplete\/ajax\/typeahead\/","logUrl":"https:\/\/canadahair.ca\/searchautocomplete\/ajax\/log\/","minSuggestLength":2,"currency":"CAD","limit":null,"customerGroupId":0,"filterPosition":"filters_top","filterLimit":5,"availableOrders":{"_score":"Relevance","name.sort_name":"Product Name","sku.sort_sku":"SKU","price_0_4":"Price","hair_extensions_style_value.sort_hair_extensions_style":"Style","hair_extensions_quality_value.sort_hair_extensions_quality":"Hair Quality","attachment_style_value.sort_attachment_style":"Attachment style","new_extensions_length_value.sort_new_extensions_length":"Length","new_extensions_color_value.sort_new_extensions_color":"Colour","product_availability_value.sort_product_availability":"Product availability"},"defaultOrder":"_score","localStorageFields":{"prevRequestField":"mstLatestRequest","isRestorePrevRequestFlag":"mstIsRestorePrevRequest","isRefererAutocompleteFlag":"mstIsRefererAutocomplete"},"isHighlightingEnabled":true});
1694                    });
1695                });
1696            }
1697        );
1698    </script>
1698
1699
1700    
1700<script id="searchAutocompletePlaceholder" type="text/x-custom-template">
1701    <div class="mst-searchautocomplete__autocomplete"></div>
1702    <div class="mst-searchautocomplete__backdrop"></div>
1703</script>
1703
1704
1705<script id="searchAutocompleteWrapper" type="text/x-custom-template">
1706    <div class="mst-searchautocomplete__wrapper">
1707        <!-- ko if: loading() -->
1708        <div class="mst-searchautocomplete__results">
1709            <!-- ko template: { name: 'mst_dd_skeleton' } --><!-- /ko -->
1710        </div>
1711        <!-- /ko -->
1712
1713        <!-- ko if: !loading() && isEmptyQuery() -->
1714        <div class="mst-searchautocomplete__results mst-dd-prompt">
1715            <!-- ko if: popularSearches.length -->
1716            <p class="mst-dd-eyebrow" data-bind="text: config.popularTitle"></p>
1717            <div class="mst-dd-chips" data-bind="foreach: { data: popularSearches, as: 'query' }">
1718                <a href="#" class="mst-dd-chip" data-bind="text: query, click: $root.selectQuery"></a>
1719            </div>
1720            <!-- /ko -->
1721
1722            <!-- ko if: recentSearches().length -->
1723            <div class="mst-dd-prompt__head">
1724                <p class="mst-dd-eyebrow">Recent</p>
1725                <a href="#" class="mst-dd-prompt__clear" data-bind="click: clearRecentSearches">Clear</a>
1726            </div>
1727            <div class="mst-dd-recent" data-bind="foreach: { data: recentSearches, as: 'query' }">
1728                <button type="button" class="mst-dd-recent-btn" data-bind="click: $root.selectQuery">
1729                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg>
1730                    <span data-bind="text: query"></span>
1731                </button>
1732            </div>
1733            <!-- /ko -->
1734        </div>
1735        <!-- /ko -->
1736
1737        <!-- ko if: !loading() && !isEmptyQuery() && result().noResults -->
1738        <div class="mst-searchautocomplete__results mst-dd-noresults">
1739            <div class="mst-dd-noresults__icon">
1740                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg>
1741            </div>
1742            <p class="mst-dd-noresults__title" data-bind="text: result().textEmpty"></p>
1743            <p class="mst-dd-noresults__hint">Check the spelling or try a shorter, more general term.</p>
1744
1745            <!-- ko if: popularSearches.length -->
1746            <p class="mst-dd-eyebrow" data-bind="text: config.popularTitle"></p>
1747            <div class="mst-dd-chips mst-dd-chips--center" data-bind="foreach: { data: popularSearches, as: 'query' }">
1748                <a href="#" class="mst-dd-chip" data-bind="text: query, click: $root.selectQuery"></a>
1749            </div>
1750            <!-- /ko -->
1751        </div>
1752        <!-- /ko -->
1753
1754        <!-- ko if: !loading() && !isEmptyQuery() && !result().noResults -->
1755        <div class="mst-searchautocomplete__results">
1756            <!-- ko if: isTwoColumns() -->
1757            <div class="mst-dd-2col">
1758                <div class="mst-dd-main" data-bind="foreach: { data: productIndexes, as: 'index' }">
1759                    <!-- ko template: { name: 'mst_dd_index', data: index } --><!-- /ko -->
1760                </div>
1761                <div class="mst-dd-side" data-bind="foreach: { data: otherIndexes, as: 'index' }">
1762                    <!-- ko template: { name: 'mst_dd_index', data: index } --><!-- /ko -->
1763                </div>
1764            </div>
1765            <!-- /ko -->
1766
1767            <!-- ko ifnot: isTwoColumns() -->
1768            <div class="mst-dd-1col" data-bind="foreach: { data: visibleIndexes, as: 'index' }">
1769                <!-- ko template: { name: 'mst_dd_index', data: index } --><!-- /ko -->
1770            </div>
1771            <!-- /ko -->
1772        </div>
1773
1774        <a class="mst-dd-viewall" data-bind="
1775            visible: result().urlAll && result().totalItems > 0,
1776            attr: { href: result().urlAll },
1777            text: result().textAll"></a>
1778        <!-- /ko -->
1779    </div>
1780</script>
1780
1781
1782<script id="mst_dd_index" type="text/x-custom-template">
1783    <div data-bind="attr: { class: 'mst-searchautocomplete__index mst-dd-section ' + identifier }">
1784        <p class="mst-dd-sectitle">
1785            <span class="mst-dd-sectitle__name" data-bind="text: title"></span>
1786            <span class="mst-dd-sectitle__count" data-bind="visible: isShowTotals, text: '(' + totalItems + ')'"></span>
1787        </p>
1788
1789        <div class="mst-dd-notice" data-bind="visible: isMisspell == true">
1790            <span data-bind="html: textMisspell"></span>
1791            <span data-bind="html: textCorrected"></span>
1792        </div>
1793
1794        <ul data-bind="
1795            attr: { class: $root.listCssClass($data) },
1796            foreach: { data: items, as: 'item' }"
1797            aria-label="Search&#x20;Autocomplete&#x20;Result">
1798            <li data-bind="
1799                template: { name: $parent.identifier, data: item },
1800                attr: { class: $root.itemCssClass($parent) },
1801                event: { mouseover: $root.onMouseOver, mouseout: $root.onMouseOut, mousedown: $root.onClick },
1802                css: { _active: item.isActive }">
1803            </li>
1804        </ul>
1805    </div>
1806</script>
1806
1807
1808<script id="mst_dd_skeleton" type="text/x-custom-template">
1809    <div class="mst-dd-1col">
1810        <div class="mst-dd-section">
1811            <p class="mst-dd-sectitle"><span class="mst-dd-sk__line mst-dd-sk__line--title mst-skeleton"></span></p>
1812            <ul class="mst-dd-list">
1813                <li class="mst-dd-card mst-dd-card--skeleton">
1814                    <span class="mst-dd-card__thumb mst-skeleton"></span>
1815                    <div class="mst-dd-card__meta">
1816                        <span class="mst-dd-sk__line mst-dd-sk__line--name mst-skeleton"></span>
1817                        <span class="mst-dd-sk__line mst-dd-sk__line--desc mst-skeleton"></span>
1818                        <span class="mst-dd-sk__line mst-dd-sk__line--meta mst-skeleton"></span>
1819                    </div>
1820                </li>
1821                <li class="mst-dd-card mst-dd-card--skeleton">
1822                    <span class="mst-dd-card__thumb mst-skeleton"></span>
1823                    <div class="mst-dd-card__meta">
1824                        <span class="mst-dd-sk__line mst-dd-sk__line--name mst-skeleton"></span>
1825                        <span class="mst-dd-sk__line mst-dd-sk__line--desc mst-skeleton"></span>
1826                        <span class="mst-dd-sk__line mst-dd-sk__line--meta mst-skeleton"></span>
1827                    </div>
1828                </li>
1829                <li class="mst-dd-card mst-dd-card--skeleton">
1830                    <span class="mst-dd-card__thumb mst-skeleton"></span>
1831                    <div class="mst-dd-card__meta">
1832                        <span class="mst-dd-sk__line mst-dd-sk__line--name mst-skeleton"></span>
1833                        <span class="mst-dd-sk__line mst-dd-sk__line--desc mst-skeleton"></span>
1834                        <span class="mst-dd-sk__line mst-dd-sk__line--meta mst-skeleton"></span>
1835                    </div>
1836                </li>
1837            </ul>
1838        </div>
1839    </div>
1840</script>
1840
1841
1842<script id="mst_dd_generic_item" type="text/x-custom-template">
1843    <!-- ko if: ($data.imageUrl) -->
1844    <span class="mst-dd-card__thumb">
1845        <img rel="noreferrer" data-bind="attr: { src: imageUrl, alt: name }"/>
1846    </span>
1847    <!-- /ko -->
1848
1849    <div class="mst-dd-card__meta">
1850        <a class="mst-dd-card__title title" rel="noreferrer" data-bind="html: name, attr: { href: url }, highlight"></a>
1851
1852        <!-- ko if: ($data.description) -->
1853        <p class="mst-dd-card__desc" data-bind="html: description, highlight"></p>
1854        <!-- /ko -->
1855    </div>
1856</script>
1856
1857
1858<script id="mirasvit_gry_registry" type="text/x-custom-template">
1859    <div class="mst-dd-card__meta">
1860        <a class="mst-dd-card__title title" data-bind="text: title, attr: { href: url }, highlight"></a>
1861        <p class="mst-dd-card__desc" data-bind="text: name, highlight"></p>
1862    </div>
1863</script>
1863
1864
1865<script id="magento_search_query" type="text/x-custom-template">
1866    <div class="mst-dd-card__meta">
1867        <a class="mst-dd-card__title title" data-bind="text: query_text, attr: { href: url }, highlight"></a>
1868    </div>
1869    <span class="mst-dd-card__num-results" data-bind="text: num_results"></span>
1870</script>
1870
1871
1872<script id="magento_catalog_product" type="text/x-custom-template">
1873    <!-- ko if: (imageUrl && $root.config.isShowImage) -->
1874    <a class="mst-dd-card__thumb" rel="noreferrer" data-bind="attr: { href: url }">
1875        <img data-bind="attr: { src: imageUrl, alt: name }"/>
1876    </a>
1877    <!-- /ko -->
1878
1879    <div class="mst-dd-card__meta">
1880        <a class="mst-dd-card__title title" rel="noreferrer" data-bind="html: name, attr: { href: url }, highlight"></a>
1881
1882        <!-- ko if: (sku && $root.config.isShowSku) -->
1883        <p class="mst-dd-card__sku" data-bind="text: sku, highlight"></p>
1884        <!-- /ko -->
1885
1886        <!-- ko if: (additionalAttributes && $root.config.isShowAdditionalAttributes) -->
1887        <div data-bind="foreach: { data: additionalAttributes, as: 'attribute' }">
1888            <!-- ko if: (attribute) -->
1889            <p class="mst-dd-card__attr">
1890                <span class="attr-label" data-bind="text: attribute.label"></span>
1891                <b class="attr-value" data-bind="text: attribute.value"></b>
1892            </p>
1893            <!-- /ko -->
1894        </div>
1895        <!-- /ko -->
1896
1897        <!-- ko if: (description && $root.config.isShowDescription) -->
1898        <p class="mst-dd-card__desc" data-bind="text: description, highlight"></p>
1899        <!-- /ko -->
1900
1901        <div class="mst-dd-card__metarow">
1902            <!-- ko if: (rating && $root.config.isShowRating) -->
1903            <span class="rating-summary">
1904                <span class="rating-result">
1905                    <span data-bind="style: { width: rating + '%' }"></span>
1906                </span>
1907            </span>
1908            <!-- ko if: (reviews) -->
1909            <span class="mst-dd-reviews">(<span data-bind="text: reviews"></span>)</span>
1910            <!-- /ko -->
1911            <!-- /ko -->
1912
1913            <!-- ko if: (stockStatus && $root.config.isShowStockStatus) -->
1914            <span class="mst-dd-stock stock_status" data-bind="text: stockStatus, processStockStatus"></span>
1915            <!-- /ko -->
1916        </div>
1917    </div>
1918
1919    <div class="mst-dd-pricecol">
1920        <!-- ko if: (price && $root.config.isShowPrice) -->
1921        <span class="price" data-bind="html: price"></span>
1922        <!-- /ko -->
1923
1924        <!-- ko if: (addToCartUrl && $root.config.isShowCartButton) -->
1925        <span class="to-cart">
1926            <a class="action primary small mst__add_to_cart" data-bind="attr: { _href: addToCartUrl }">
1927                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true" focusable="false"><circle cx="9" cy="20" r="1.4"/><circle cx="18" cy="20" r="1.4"/><path d="M3 4h2l2.5 11h10l2-7H6"/></svg>
1928                <span>Add To Cart</span>
1929            </a>
1930        </span>
1931        <!-- /ko -->
1932    </div>
1933</script>
1933
1934
1935<script id="magento_catalog_categoryproduct" type="text/x-custom-template">
1936    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1937</script>
vendor: 1 bytes, line 1937
1937
1938<script id="magento_catalog_category" type="text/x-custom-template">
1939    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1940</script>
vendor: 1 bytes, line 1940
1940
1941<script id="magento_cms_page" type="text/x-custom-template">
1942    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1943</script>
vendor: 1 bytes, line 1943
1943
1944<script id="magento_catalog_attribute" type="text/x-custom-template">
1945    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1946</script>
vendor: 1 bytes, line 1946
1946
1947<script id="magento_catalog_attribute_2" type="text/x-custom-template">
1948    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1949</script>
vendor: 1 bytes, line 1949
1949
1950<script id="magento_catalog_attribute_3" type="text/x-custom-template">
1951    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1952</script>
vendor: 1 bytes, line 1952
1952
1953<script id="magento_catalog_attribute_4" type="text/x-custom-template">
1954    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1955</script>
vendor: 1 bytes, line 1955
1955
1956<script id="magento_catalog_attribute_5" type="text/x-custom-template">
1957    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1958</script>
vendor: 1 bytes, line 1958
1958
1959<script id="mirasvit_kb_article" type="text/x-custom-template">
1960    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1961</script>
vendor: 1 bytes, line 1961
1961
1962<script id="mirasvit_blog_post" type="text/x-custom-template">
1963    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1964</script>
vendor: 1 bytes, line 1964
1964
1965<script id="mirasvit_brand_page" type="text/x-custom-template">
1966    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1967</script>
vendor: 1 bytes, line 1967
1967
1968<script id="external_wordpress_post" type="text/x-custom-template">
1969    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1970</script>
vendor: 1 bytes, line 1970
1970
1971<script id="external_wordpress_page" type="text/x-custom-template">
1972    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1973</script>
vendor: 1 bytes, line 1973
1973
1974<script id="amasty_blog_post" type="text/x-custom-template">
1975    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1976</script>
vendor: 1 bytes, line 1976
1976
1977<script id="amasty_faq_question" type="text/x-custom-template">
1978    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1979</script>
vendor: 1 bytes, line 1979
1979
1980<script id="magefan_blog_post" type="text/x-custom-template">
1981    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1982</script>
vendor: 1 bytes, line 1982
1982
1983<script id="magefan_secondblog_post" type="text/x-custom-template">
1984    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1985</script>
vendor: 1 bytes, line 1985
1985
1986<script id="mageplaza_blog_post" type="text/x-custom-template">
1987    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1988</script>
vendor: 1 bytes, line 1988
1988
1989<script id="aheadworks_blog_post" type="text/x-custom-template">
1990    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1991</script>
vendor: 1 bytes, line 1991
1991
1992<script id="ves_blog_post" type="text/x-custom-template">
1993    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1994</script>
vendor: 1 bytes, line 1994
1994
1995<script id="fishpig_glossary_word" type="text/x-custom-template">
1996    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
1997</script>
vendor: 1 bytes, line 1997
1997
1998<script id="blackbird_contentmanager_content" type="text/x-custom-template">
1999    <!-- ko template: { name: 'mst_dd_generic_item' } --><!-- /ko -->
2000</script>
2000
2001
2002
2003    <style nonce="MjBjcWE4ZmI1bnZ0Nm51ZW9sYjd6emR5anJxcDJwbGY=">
2004        .mst-search__highlight,
2005        .mst-searchautocomplete__highlight,
2006        .mstInPage__highlight { background-color: #e0f2fe; color: #333333; font-weight: 700 }
2007    </style>
2008<div class="widget block block-static-block">
2009    </div>
2010<div class="widget block block-static-block">
2011    <p><style>
2012.splash::before {
2013    content: "LOADING";
2014    position: absolute;
2015    z-index: 1000000;
2016    color: black!important;
2017    height: 100vh;
2018    width: 100vw;
2019    min-height: 100vh;
2020    top: 43vh;
2021}
2022.widget.block.block-static-block > p {
2023  margin: 0;
2024}
2025
2026.splash {
2027  position: bsolute;
2028  inset: 0;
2029  width: 100vw;
2030  height: 100vh;
2031  margin: 0;
2032  padding: 0;
2033  display: none;
2034  align-items: center;
2035  justify-content: center;
2036  text-align: center;
2037  line-height: 1.7;
2038  font-size: 2.5rem;
2039  font-weight: 600;
2040  text-transform: uppercase;
2041  letter-spacing: 0.05em;
2042  z-index: 999999;
2043  background-color: white;
2044  min-width: 100vw;
2045  min-height: 100vh;
2046color: white;
2047}
2048#mobile-splash{
2049color: white;
2050}
2051
2052.unique-promo-bar-xx39w,
2053.page-wrapper {
2054display:none;
2055}
2056#mobile-splash,#desktop-splash{
2057    display: none;
2058}
2059/* ---------- MOBILE ---------- */
2060@media (max-width: 767px) {
2061  #mobile-splash {
2062    display: flex;
2063  }
2064}
2065
2066/* ---------- DESKTOP ---------- */
2067@media (min-width: 768px) {
2068  #desktop-splash {
2069    display: flex;
2070  }
2071}
2072#mobile-splash.off,#desktop-splash.off{
2073    display: none;
2074}
2075.unique-promo-bar-xx39w.on,
2076.page-wrapper.on {
2077display:block;
2078}
2079</style>
2080
2081<p id="mobile-splash" class="splash">
2082· · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
2083<br><br><br><br>·<br><br><br><br>
2084Loading
2085<br><br><br><br>·<br><br><br><br>
2086· · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
2087</p>
2088
2089<p id="desktop-splash" class="splash">
2090· · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
2091<br><br><br><br>·<br><br><br><br>
2092Loading
2093<br><br><br><br>·<br><br><br><br>
2094· · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
2095</p>
2096
2097<script>
2098  setTimeout(function () {
2099    var el4 = document.querySelector('.unique-promo-bar-xx39w');
2100    if (el4) {
2101      el4.classList.add('on');
2102    }
2103    var el3 = document.querySelector('.page-wrapper');
2104    if (el3) {
2105      el3.classList.add('on');
2106    }
2107    var el1 = document.querySelector('#mobile-splash');
2108    if (el1) {
2109      el1.classList.add('off');
2110    }
2111    var el2 = document.querySelector('#desktop-splash');
2112    if (el2) {
2113      el2.classList.add('off');
2114    }
2115  }, 250);
2116</script>
2116
2117</p></div>
2118<div class="widget block block-static-block">
2119    <p><style>
2120:root{
2121  --unique-header-h-xx39w: 0px;
2122}
2123@media (max-width: 768px){
2124  .sep{ display:none; }
2125}
2126
2127/* ===== PROMO BAR ===== */
2128.unique-promo-bar-xx39w{
2129  background:linear-gradient(to bottom, #f4f4f4 0%, #e8e8e8 100%);
2130  color:#000;
2131  font-family:Arial, sans-serif;
2132  font-size:13px;
2133  padding:10px 18px;
2134  line-height:1.25;
2135  letter-spacing:0;
2136  position:sticky;
2137  top:var(--unique-header-h-xx39w);
2138  z-index:1;
2139  box-sizing:border-box;
2140  width:100%;
2141  border-bottom:1px solid rgba(0,0,0,.12);
2142}
2143.unique-promo-row-xx39w{
2144  max-width:760px;
2145  margin:0 auto;
2146  display:grid;
2147  grid-template-columns:auto auto;
2148  align-items:center;
2149  justify-content:center;
2150  column-gap:14px;
2151}
2152.unique-promo-left-xx39w{
2153  display:flex;
2154  flex-direction:column;
2155  align-items:flex-start;
2156  justify-content:center;
2157  min-width:0;
2158}
2159.unique-promo-main-xx39w{
2160  font-size:17px;
2161  font-weight:700;
2162  color:#111;
2163  line-height:1.05;
2164  white-space:nowrap;
2165}
2166.unique-promo-main-xx39w .highlight{
2167  color:#ff4f8b;
2168  font-weight:800;
2169}
2170.unique-promo-sub-xx39w{
2171  margin-top:2px;
2172  font-size:12px;
2173  color:#222;
2174  font-weight:600;
2175  white-space:nowrap;
2176}
2177.unique-promo-sub-xx39w a{
2178  color:#000;
2179  text-decoration:underline;
2180  font-weight:700;
2181}
2182.unique-mobile-extra-xx39w{
2183  display:none;
2184}
2185.unique-coupon-wrap-xx39w{
2186  display:inline-flex;
2187  align-items:center;
2188  gap:0;
2189  background:#f6f6f6;
2190  border:1px solid rgba(0,0,0,.18);
2191  border-radius:999px;
2192  padding:3px;
2193  flex-shrink:0;
2194  box-shadow:0 1px 3px rgba(0,0,0,.08);
2195}
2196.unique-code-pill-xx39w{
2197  display:inline-flex;
2198  align-items:center;
2199  justify-content:center;
2200  min-width:102px;
2201  height:31px;
2202  padding:0 14px;
2203  border-radius:999px;
2204  background:#0b0b0d;
2205  color:#ff4f8b;
2206  font-weight:800;
2207  font-size:15px;
2208  letter-spacing:.6px;
2209  cursor:pointer;
2210  user-select:none;
2211  white-space:nowrap;
2212  box-sizing:border-box;
2213}
2214.unique-copy-btn-xx39w{
2215  display:inline-flex;
2216  align-items:center;
2217  justify-content:center;
2218  min-width:48px;
2219  height:31px;
2220  padding:0 12px;
2221  border:none;
2222  background:transparent;
2223  color:#6f6f6f;
2224  font-size:12px;
2225  font-weight:700;
2226  border-radius:999px;
2227  cursor:pointer;
2228}
2229.unique-copy-btn-xx39w:focus,
2230.unique-code-pill-xx39w:focus{
2231  outline:2px solid rgba(0,0,0,.18);
2232  outline-offset:2px;
2233}
2234.unique-copy-btn-xx39w.unique-copied-xx39w{
2235  color:#ff4f8b;
2236}
2237
2238body.menu-open .unique-promo-bar-xx39w,
2239body.nav-open .unique-promo-bar-xx39w,
2240body.drawer-open .unique-promo-bar-xx39w,
2241body.mm-wrapper_opened .unique-promo-bar-xx39w{
2242  display:none !important;
2243}
2244
2245@media (max-width:767px){
2246  .unique-promo-bar-xx39w{
2247    margin-top:70px;
2248    padding:10px 12px;
2249  }
2250  .unique-promo-row-xx39w{
2251    max-width:100%;
2252    grid-template-columns:1fr auto;
2253    column-gap:8px;
2254    align-items:flex-start;
2255  }
2256  .unique-promo-left-xx39w{
2257    flex:1 1 auto;
2258  }
2259  .unique-promo-main-xx39w{
2260    font-size:16px;
2261    white-space:normal;
2262  }
2263  .unique-promo-sub-xx39w{
2264    display:none;
2265  }
2266  .unique-mobile-extra-xx39w{
2267    display:block;
2268    margin-top:2px;
2269    font-size:11px;
2270    line-height:1.25;
2271    color:#222;
2272    font-weight:600;
2273  }
2274  .unique-mobile-extra-xx39w a{
2275    color:#000;
2276    text-decoration:underline;
2277    font-weight:700;
2278  }
2279  .unique-mobile-extra-xx39w span{
2280    display:block;
2281  }
2282  .unique-coupon-wrap-xx39w{
2283    transform:scale(.92);
2284    transform-origin:right top;
2285  }
2286}
2287</style>
2288
2289<div id="uniquePromoMount-xx39w" class="unique-promo-bar-xx39w" role="region" aria-label="Spring sale promo">
2290  <div class="unique-promo-row-xx39w" aria-live="polite">
2291    <div class="unique-promo-left-xx39w">
2292      <div class="unique-promo-main-xx39w"><span class="highlight">20% OFF</span> your entire order.</div>
2293
2294      <div class="unique-promo-sub-xx39w">
2295        Stylists +15% extra • Loyal Members +5% extra <a href="/deals">(Learn more →)</a> Offer may end without notice.
2296
2297
2298      </div>
2299
2300      <div class="unique-mobile-extra-xx39w">
2301        <span>Stylists +15% extra</span>
2302        <span>Loyal Members +5% extra</span>
2303        <span><a href="/deals">(Learn more →)</a></span>
2304<span> Offer may end without notice. </span>
2305      </div>
2306    </div>
2307
2308    <div class="unique-coupon-wrap-xx39w">
2309      <span class="unique-code-pill-xx39w" role="button" tabindex="0" data-code="SAVE20">SAVE20</span>
2310      <button class="unique-copy-btn-xx39w" type="button" data-code="SAVE20">Copy</button>
2311    </div>
2312  </div>
2313</div>
2314
2315<style>
2316/* ===== BACKGROUND ===== */
2317body{
2318  margin:0;
2319  min-height:100vh;
2320  overflow-x:hidden;
2321  background-color:#ffffff;
2322  position:relative;
2323  z-index:1;
2324}
2325body::before{
2326  content:"";
2327  position:fixed;
2328  inset:0;
2329  pointer-events:none;
2330  z-index:-1;
2331  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23f4f8fb' d='M0 400 L200 300 L350 380 L550 250 L750 390 L950 280 L1150 360 L1440 240 L1440 600 L0 600 Z'/%3E%3Cpath fill='%23edf3f8' d='M0 450 L250 340 L500 420 L700 310 L900 440 L1150 330 L1440 380 L1440 600 L0 600 Z'/%3E%3C/svg%3E");
2332  background-repeat:no-repeat;
2333  background-position:bottom center;
2334  background-size:cover;
2335  opacity:0.5;
2336}
2337/* Snow */
2338.snow{
2339  position:fixed;
2340  top:0;
2341  left:0;
2342  width:100%;
2343  height:100%;
2344  pointer-events:none;
2345  z-index:1;
2346  overflow:hidden;
2347}
2348.snowflake{
2349  position:absolute;
2350  top:-10px;
2351  color:#ffffff;
2352  font-size:14px;
2353  animation:fall linear infinite;
2354  opacity:0.9;
2355}
2356@keyframes fall{
2357  0%{transform:translateY(0);}
2358  100%{transform:translateY(110vh);}
2359}
2360</style>
2361<!-- 
2362<div class="snow">
2363  <div class="snowflake" style="left:5%;animation-duration:8s;">❄</div>
2364  <div class="snowflake" style="left:15%;animation-duration:10s;">❄</div>
2365  <div class="snowflake" style="left:25%;animation-duration:7s;">❄</div>
2366  <div class="snowflake" style="left:35%;animation-duration:12s;">❄</div>
2367  <div class="snowflake" style="left:45%;animation-duration:9s;">❄</div>
2368  <div class="snowflake" style="left:55%;animation-duration:11s;">❄</div>
2369  <div class="snowflake" style="left:65%;animation-duration:8s;">❄</div>
2370  <div class="snowflake" style="left:75%;animation-duration:13s;">❄</div>
2371  <div class="snowflake" style="left:85%;animation-duration:9s;">❄</div>
2372  <div class="snowflake" style="left:95%;animation-duration:10s;">❄</div>
2373</div> --> 
2374
2375<script>
2376// Mount under header
2377(function(){
2378  const header = document.querySelector('.page-header.type1') || document.querySelector('header');
2379  const banner = document.getElementById('uniquePromoMount-xx39w');
2380  if(header && banner && header.nextSibling !== banner){
2381    header.parentNode.insertBefore(banner, header.nextSibling);
2382  }
2383})();
2384
2385// Track header height so promo stays below header
2386(function(){
2387  const header = document.querySelector('.page-header.type1') || document.querySelector('header');
2388  let raf = null;
2389  const setH = () => {
2390    raf = null;
2391    const px = header ? Math.ceil(header.getBoundingClientRect().height) : 0;
2392    document.documentElement.style.setProperty('--unique-header-h-xx39w', px + 'px');
2393  };
2394  const requestSet = () => {
2395    if(raf) return;
2396    raf = requestAnimationFrame(setH);
2397  };
2398  requestSet();
2399  window.addEventListener('resize', requestSet, {passive:true});
2400  window.addEventListener('orientationchange', requestSet, {passive:true});
2401  window.addEventListener('scroll', requestSet, {passive:true});
2402  if(window.ResizeObserver && header){
2403    new ResizeObserver(requestSet).observe(header);
2404  }
2405})();
2406
2407// Copy coupon
2408(function(){
2409  const copyCode = (code, button) => {
2410    if(navigator.clipboard && navigator.clipboard.writeText){
2411      navigator.clipboard.writeText(code).then(()=>{
2412        const original = button.textContent;
2413        button.textContent = 'Copied';
2414        button.classList.add('unique-copied-xx39w');
2415        setTimeout(()=>{
2416          button.textContent = original;
2417          button.classList.remove('unique-copied-xx39w');
2418        }, 1200);
2419      });
2420    }
2421  };
2422
2423  const codePill = document.querySelector('.unique-code-pill-xx39w');
2424  const copyBtn = document.querySelector('.unique-copy-btn-xx39w');
2425
2426  if(codePill){
2427    codePill.addEventListener('click', function(){
2428      copyCode(this.dataset.code, copyBtn);
2429    });
2430    codePill.addEventListener('keydown', function(e){
2431      if(e.key === 'Enter' || e.key === ' '){
2432        e.preventDefault();
2433        copyCode(this.dataset.code, copyBtn);
2434      }
2435    });
2436  }
2437
2438  if(copyBtn){
2439    copyBtn.addEventListener('click', function(){
2440      copyCode(this.dataset.code, this);
2441    });
2442  }
2443})();
2444
2445// Check if SAVE20 is already applied
2446(async function () {
2447    const btn = document.querySelector('.unique-copy-btn-xx39w');
2448
2449    if (!btn) return;
2450
2451    try {
2452        const response = await fetch('/checkout/cart/', {
2453            credentials: 'same-origin',
2454            cache: 'no-store'
2455        });
2456
2457        const html = await response.text();
2458        const doc = new DOMParser().parseFromString(html, 'text/html');
2459
2460        const couponInput =
2461            doc.querySelector('input[name="coupon_code"]') ||
2462            doc.querySelector('#coupon_code');
2463
2464        const appliedCoupon = couponInput?.value?.trim()?.toUpperCase();
2465
2466        if (appliedCoupon === 'SAVE20') {
2467            btn.textContent = 'Already Applied';
2468            btn.classList.add('unique-copied-xx39w');
2469
2470            // Optional: also update the code pill
2471            const codePill = document.querySelector('.unique-code-pill-xx39w');
2472            if (codePill) {
2473                codePill.setAttribute('aria-label', 'Already Applied');
2474            }
2475        }
2476    } catch (err) {
2477        console.log('Could not check coupon status', err);
2478    }
2479})();
2480</script>
2480<!-- CanadaHair.ca | behind-promo-banner-3 | Step 3
2481     Replace the previous notice with this entire snippet.
2482     Statuses are set manually; this snippet does not monitor services. -->
2483<style>
2484/* ===== BANNER ===== */
2485.ch-notice-bp1{
2486  position:relative; z-index:2; width:100%; box-sizing:border-box;
2487  padding:10px 16px; background:#fff0f5; color:#262626;
2488  border-top:1px solid rgba(255,80,140,.18);
2489  border-bottom:1px solid rgba(255,80,140,.35);
2490  font-family:Arial,sans-serif; font-size:13px; line-height:1.4;
2491  text-align:center;
2492}
2493.ch-notice-bp1 strong{color:#d92f6c; font-weight:800;}
2494
2495/* Magento button overrides */
2496button.ch-more-bp1,
2497button.ch-more-bp1:hover,
2498button.ch-more-bp1:active,
2499button.ch-more-bp1:focus{
2500  display:inline !important; min-width:0 !important;
2501  min-height:0 !important; width:auto !important; height:auto !important;
2502  margin:0 0 0 4px !important; padding:0 !important;
2503  border:0 !important; border-radius:0 !important;
2504  background:transparent !important; background-image:none !important;
2505  box-shadow:none !important; color:#d92f6c !important;
2506  font-family:Arial,sans-serif !important; font-size:13px !important;
2507  font-weight:800 !important; line-height:inherit !important;
2508  text-decoration:underline !important; text-underline-offset:2px;
2509  text-transform:none !important; letter-spacing:0 !important;
2510  cursor:pointer; appearance:none; -webkit-appearance:none;
2511}
2512button.ch-more-bp1:hover{color:#b51e54 !important;}
2513button.ch-more-bp1:focus-visible{
2514  outline:2px solid rgba(255,80,140,.55) !important;
2515  outline-offset:3px !important;
2516}
2517
2518/* ===== POPUP ===== */
2519.ch-modal-bp1{
2520  display:none; position:fixed; inset:0; z-index:999999;
2521  align-items:center; justify-content:center; box-sizing:border-box;
2522  padding:20px; background:rgba(15,15,15,.62);
2523  font-family:Arial,sans-serif;
2524}
2525.ch-modal-bp1.ch-open-bp1{display:flex;}
2526.ch-dialog-bp1{
2527  position:relative; width:100%; max-width:570px;
2528  max-height:calc(100vh - 40px); max-height:calc(100dvh - 40px);
2529  overflow:auto; overscroll-behavior:contain; box-sizing:border-box;
2530  padding:34px; background:#fff; color:#272727;
2531  border:1px solid rgba(255,80,140,.25);
2532  border-top:6px solid #ff508c; border-radius:10px;
2533  box-shadow:0 20px 65px rgba(0,0,0,.32); text-align:left;
2534}
2535button.ch-close-bp1,
2536button.ch-close-bp1:hover,
2537button.ch-close-bp1:active,
2538button.ch-close-bp1:focus{
2539  position:absolute !important; top:13px !important; right:14px !important;
2540  display:flex !important; align-items:center !important;
2541  justify-content:center !important; width:36px !important;
2542  min-width:36px !important; height:36px !important; min-height:0 !important;
2543  margin:0 !important; padding:0 !important;
2544  border:1px solid #ddd !important; border-radius:50% !important;
2545  background:#fff !important; background-image:none !important;
2546  box-shadow:none !important; color:#777 !important;
2547  font-family:Arial,sans-serif !important; font-size:25px !important;
2548  font-weight:400 !important; line-height:1 !important;
2549  text-transform:none !important; cursor:pointer;
2550  appearance:none; -webkit-appearance:none;
2551}
2552button.ch-close-bp1:hover{
2553  border-color:#ff508c !important; color:#ff508c !important;
2554  background:#fff5f8 !important;
2555}
2556.ch-date-bp1{
2557  margin:0 48px 7px 0; color:#d92f6c; font-size:12px;
2558  font-weight:800; line-height:1.3; letter-spacing:.45px;
2559  text-transform:uppercase;
2560}
2561.ch-title-bp1{
2562  margin:0 40px 19px 0; color:#171717;
2563  font-size:23px; line-height:1.2; font-weight:800;
2564}
2565.ch-dialog-bp1 p{
2566  margin:0 0 15px; color:#333; font-size:15px; line-height:1.6;
2567}
2568.ch-dialog-bp1 p.ch-inventory-highlight-bp1{
2569  margin:21px 0 !important; padding:15px 17px;
2570  background:#fff0f5; border-left:4px solid #ff508c;
2571  color:#272727 !important; font-weight:700;
2572}
2573.ch-dialog-bp1 p.ch-help-bp1{margin:18px 0 0; font-size:13px;}
2574
2575/* ===== STATUS LIGHTS ===== */
2576.ch-dot-bp1{
2577  display:inline-block; width:10px; height:10px; flex:0 0 10px;
2578  border-radius:50%; vertical-align:middle;
2579}
2580.ch-dot-bp1.ch-green-bp1{background:#168544;}
2581.ch-dot-bp1.ch-yellow-bp1{background:#f4c430; border:1px solid #ad8000; box-sizing:border-box;}
2582.ch-dot-bp1.ch-red-bp1{background:#c93636;}
2583.ch-notice-bp1 > .ch-dot-bp1{margin-right:5px;}
2584.ch-legend-bp1{
2585  display:flex; flex-wrap:wrap; gap:8px 16px;
2586  margin:0 0 14px; color:#555; font-size:12px; line-height:1.4;
2587}
2588.ch-legend-bp1 >
2588 span{display:inline-flex; align-items:center; gap:6px;}
2589.ch-status-list-bp1{
2590  display:block; list-style:none !important; margin:0 !important;
2591  padding:0 !important; border:1px solid #e8e8e8;
2592  border-radius:8px; overflow:hidden;
2593}
2594.ch-status-list-bp1 > .ch-status-item-bp1{
2595  display:block; list-style:none !important; margin:0 !important;
2596  padding:13px 15px !important; border:0;
2597  border-bottom:1px solid #e8e8e8; background:#fff;
2598}
2599.ch-status-list-bp1 > .ch-status-item-bp1::before{display:none !important;}
2600.ch-status-list-bp1 > .ch-status-item-bp1:last-child{border-bottom:0;}
2601.ch-status-list-bp1 > .ch-status-item-bp1.ch-warning-bp1{background:#fffcf1;}
2602.ch-status-list-bp1 > .ch-status-item-bp1.ch-critical-bp1{background:#fff7f7;}
2603.ch-status-heading-bp1{
2604  display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px;
2605  margin:0; line-height:1.4;
2606}
2607.ch-status-name-bp1{
2608  display:inline-flex; align-items:center; gap:8px;
2609  color:#242424; font-size:14px; font-weight:700;
2610}
2611.ch-status-pill-bp1{
2612  display:inline-block; padding:3px 8px; border-radius:999px;
2613  font-size:11px; font-weight:700; line-height:1.4;
2614}
2615.ch-status-pill-bp1.ch-green-bp1{background:#eaf7ee; color:#176b37;}
2616.ch-status-pill-bp1.ch-yellow-bp1{background:#fff0bd; color:#705100;}
2617.ch-status-pill-bp1.ch-red-bp1{background:#fdeaea; color:#a52323;}
2618.ch-dialog-bp1 .ch-status-description-bp1{
2619  margin:5px 0 0 18px; font-size:13px; line-height:1.5; color:#555;
2620}
2621
2622/* ===== CONTINUE BUTTON ===== */
2623button.ch-continue-bp1,
2624button.ch-continue-bp1:hover,
2625button.ch-continue-bp1:active,
2626button.ch-continue-bp1:focus{
2627  display:block !important; width:100% !important; height:auto !important;
2628  min-height:44px !important; box-sizing:border-box !important;
2629  margin:25px 0 0 !important; padding:12px 18px !important;
2630  border:1px solid #ff508c !important; border-radius:999px !important;
2631  background:#ff508c !important; background-image:none !important;
2632  box-shadow:none !important; color:#fff !important;
2633  font-family:Arial,sans-serif !important; font-size:14px !important;
2634  font-weight:800 !important; line-height:1.3 !important;
2635  text-align:center !important; text-transform:none !important;
2636  letter-spacing:0 !important; cursor:pointer;
2637  appearance:none; -webkit-appearance:none;
2638}
2639button.ch-continue-bp1:hover{
2640  border-color:#e63e78 !important; background:#e63e78 !important;
2641}
2642button.ch-continue-bp1:focus-visible,
2643button.ch-close-bp1:focus-visible{
2644  outline:3px solid rgba(255,80,140,.3) !important;
2645  outline-offset:3px !important;
2646}
2647body.ch-modal-active-bp1{overflow:hidden;}
2648
2649/* Hide only the banner when mobile navigation is open */
2650body.menu-open .ch-notice-bp1,
2651body.nav-open .ch-notice-bp1,
2652html.nav-open .ch-notice-bp1,
2653body.drawer-open .ch-notice-bp1,
2654body.mm-wrapper_opened .ch-notice-bp1{display:none !important;}
2655
2656@media (max-width:767px){
2657  .ch-notice-bp1{padding:9px 12px; font-size:12px; line-height:1.45;}
2658  button.ch-more-bp1,
2659  button.ch-more-bp1:hover,
2660  button.ch-more-bp1:active,
2661  button.ch-more-bp1:focus{font-size:12px !important;}
2662  .ch-modal-bp1{padding:14px;}
2663  .ch-dialog-bp1{
2664    max-height:calc(100vh - 28px); max-height:calc(100dvh - 28px);
2665    padding:29px 22px 23px; border-radius:9px;
2666  }
2667  .ch-date-bp1{padding-right:28px; font-size:11px;}
2668  .ch-title-bp1{margin-top:8px; font-size:20px;}
2669  .ch-dialog-bp1 p{font-size:14px; line-height:1.55;}
2670  .ch-dialog-bp1 p.ch-inventory-highlight-bp1{padding:14px;}
2671  .ch-status-list-bp1 > .ch-status-item-bp1{padding:12px !important;}
2672  .ch-status-name-bp1{font-size:13px;}
2673}
2674</style>
2675
2676<div id="behind-promo-banner-3" class="ch-notice-bp1" role="status">
2677  <strong>Attention:</strong>
2678  Orders placed from September 23 to October 10 will ship October 11.
2679  <button class="ch-more-bp1" type="button" aria-haspopup="dialog"
2680    aria-controls="ch-modal-bp1" aria-expanded="false">Read more</button>
2681</div>
2682
2683<div id="ch-modal-bp1" class="ch-modal-bp1" aria-hidden="true">
2684  <div class="ch-dialog-bp1" role="dialog" aria-modal="true"
2685    aria-labelledby="ch-title-bp1" tabindex="-1">
2686    <button class="ch-close-bp1" type="button"
2687      aria-label="Close service update">×</button>
2688
2689    <div class="ch-date-bp1">Official Service Update — September 18, 2026</div>
2690    <h2 id="ch-title-bp1" class="ch-title-bp1">Order Processing Severely Disrupted</h2>
2691    <p>
2692      Due to an <strong>unprecedented volume of orders</strong>, order processing is
2693      severely disrupted and our inventory is running low.
2694    </p>
2695    <p>
2696Ongoing international trade uncertainty and other global supply-chain pressures may also affect upcoming shipments and restocking timelines.
2697    </p>
2698    <p class="ch-inventory-highlight-bp1">
2699      Orders placed from <strong>September 23 through October 10</strong> will ship on
2700      <strong>October 11</strong>. Inventory availability cannot be guaranteed.
2701    </p>
2702
2703    <div class="ch-legend-bp1" aria-label="Status colour guide">
2704      <span><span class="ch-dot-bp1 ch-green-bp1" aria-hidden="true"></span>Operating normally</span>
2705      <span><span class="ch-dot-bp1 ch-yellow-bp1" aria-hidden="true"></span>Early disruptions</span>
2706      <span><span class="ch-dot-bp1 ch-red-bp1" aria-hidden="true"></span>Service disrupted</span>
2707    </div>
2708
2709    <ul class="ch-status-list-bp1" aria-label="Current service statuses">
2710   <li class="ch-status-item-bp1">
2711        <div class="ch-status-heading-bp1">
2712          <span class="ch-status-name-bp1"><span class="ch-dot-bp1 ch-green-bp1" aria-hidden="true"></span>Online ordering</span>
2713          <span class="ch-status-pill-bp1 ch-green-bp1">Available 24/7</span>
2714        </div>
2715        <p class="ch-status-description-bp1">Our website is accepting orders 24/7.</p>
2716      </li>
2717
2718      <li class="ch-status-item-bp1">
2719        <div class="ch-status-heading-bp1">
2720          <span class="ch-status-name-bp1"><span class="ch-dot-bp1 ch-green-bp1" aria-hidden="true"></span>Customer support</span>
2721          <span class="ch-status-pill-bp1 ch-green-bp1">Available 24/7</span>
2722        </div>
2723        <p class="ch-status-description-bp1">Our customer support is available 24/7.</p>
2724      </li>
2725      <li class="ch-status-item-bp1 ch-critical-bp1">
2726        <div class="ch-status-heading-bp1">
2727          <span class="ch-status-name-bp1"><span class="ch-dot-bp1 ch-red-bp1" aria-hidden="true"></span>Order processing</span>
2728          <span class="ch-status-pill-bp1 ch-red-bp1">Severely disrupted</span>
2729        </div>
2730        <p class="ch-status-description-bp1">Orders placed from September 23 through October 10 will ship on October 11.</p>
2731      </li>
2732
2733      <li class="ch-status-item-bp1 ch-critical-bp1">
2734        <div class="ch-status-heading-bp1">
2735          <span class="ch-status-name-bp1"><span class="ch-dot-bp1 ch-red-bp1" aria-hidden="true"></span>Express shipping</span>
2736          <span class="ch-status-pill-bp1 ch-red-bp1">Suspended</span>
2737        </div>
2738        <p class="ch-status-description-bp1">Express shipping remains suspended.</p>
2739      </li>
2740
2741      <li class="ch-status-item-bp1 ch-warning-bp1">
2742        <div class="ch-status-heading-bp1">
2743          <span class="ch-status-name-bp1"><span class="ch-dot-bp1 ch-yellow-bp1" aria-hidden="true"></span>Returns processing</span>
2744          <span class="ch-status-pill-bp1 ch-yellow-bp1">Delays beginning</span>
2745        </div>
2746        <p class="ch-status-description-bp1">Refunds may take up to 2 weeks after we receive your return.</p>
2747      </li>
2748
2749      <li class="ch-status-item-bp1 ch-warning-bp1">
2750        <div class="ch-status-heading-bp1">
2751          <span class="ch-status-name-bp1"><span class="ch-dot-bp1 ch-yellow-bp1" aria-hidden="true"></span>Inventory availability</span>
2752          <span class="ch-status-pill-bp1 ch-yellow-bp1">Limited</span>
2753        </div>
2754        <p class="ch-status-description-bp1">Some products, colours and lengths are running low. In-stock availability is not guaranteed.</p>
2755      </li>
2756
2757
2758    </ul>
2759
2760    <p class="ch-help-bp1">
2761      Need your order for a specific date? Please contact us before ordering
2762      so we can verify availability and confirm the applicable shipping timeframe.
2763    </p>
2764    <button class="ch-continue-bp1" type="button">Continue Shopping</button>
2765  </div>
2766</div>
2767
2768<script>
2769(function(){
2770  function init(){
2771    const notice = document.getElementById('behind-promo-banner-3');
2772    const modal = document.getElementById('ch-modal-bp1');
2773    if(!notice || !modal || notice.dataset.initialized === 'true') return;
2774
2775    const openButton = notice.querySelector('.ch-more-bp1');
2776    const closeButton = modal.querySelector('.ch-close-bp1');
2777    const continueButton = modal.querySelector('.ch-continue-bp1');
2778    const dialog = modal.querySelector('.ch-dialog-bp1');
2779    if(!openButton || !closeButton || !continueButton || !dialog) return;
2780    notice.dataset.initialized = 'true';
2781
2782    /* Keep the notice immediately below the existing promo banner. */
2783    function placeNotice(){
2784      const promo = document.getElementById('uniquePromoMount-xx39w');
2785      if(!promo) return false;
2786      if(promo.nextElementSibling !== notice){
2787        promo.insertAdjacentElement('afterend', notice);
2788      }
2789      return true;
2790    }
2791    if(!placeNotice()){
2792      const observer = new MutationObserver(function(){
2793        if(placeNotice()) observer.disconnect();
2794      });
2795      observer.observe(document.body, {childList:true, subtree:true});
2796      window.setTimeout(function(){observer.disconnect();}, 10000);
2797    }
2798
2799    /* Prevent theme containers from clipping the popup. */
2800    if(modal.parentNode !== document.body) document.body.appendChild(modal);
2801    let previouslyFocused = null;
2802
2803    function openModal(){
2804      previouslyFocused = document.activeElement;
2805      modal.classList.add('ch-open-bp1');
2806      modal.setAttribute('aria-hidden', 'false');
2807      openButton.setAttribute('aria-expanded', 'true');
2808      document.body.classList.add('ch-modal-active-bp1');
2809      dialog.scrollTop = 0;
2810      closeButton.focus({preventScroll:true});
2811    }
2812    function closeModal(){
2813      if(!modal.classList.contains('ch-open-bp1')) return;
2814      modal.classList.remove('ch-open-bp1');
2815      modal.setAttribute('aria-hidden', 'true');
2816      openButton.setAttribute('aria-expanded', 'false');
2817      document.body.classList.remove('ch-modal-active-bp1');
2818      if(previouslyFocused && previouslyFocused.isConnected){
2819        previouslyFocused.focus({preventScroll:true});
2820      }
2821    }
2822
2823    openButton.addEventListener('click', openModal);
2824    closeButton.addEventListener('click', closeModal);
2825    continueButton.addEventListener('click', closeModal);
2826    modal.addEventListener('click', function(event){
2827      if(event.target === modal) closeModal();
2828    });
2829
2830    document.addEventListener('keydown', function(event){
2831      if(!modal.classList.contains('ch-open-bp1')) return;
2832      if(event.key === 'Escape'){
2833        event.preventDefault();
2834        closeModal();
2835        return;
2836      }
2837      if(event.key !== 'Tab') return;
2838      const focusable = Array.from(dialog.querySelectorAll(
2839        'button:not([disabled]), a[href], input:not([disabled]), ' +
2840        'select:not([disabled]), textarea:not([disabled]), ' +
2841        '[tabindex]:not([tabindex="-1"])'
2842      )).filter(function(element){return element.getClientRects().length > 0;});
2843      const first = focusable[0];
2844      const last = focusable[focusable.length - 1];
2845      if(!first){event.preventDefault(); dialog.focus(); return;}
2846      if(!dialog.contains(document.activeElement)){
2847        event.preventDefault();
2848        (event.shiftKey ? last : first).focus();
2849      }else if(event.shiftKey && (document.activeElement === first || document.activeElement === dialog)){
2850        event.preventDefault(); last.focus();
2851      }else if(!event.shiftKey && document.activeElement === last){
2852        event.preventDefault(); first.focus();
2853      }
2854    });
2855  }
2856
2857  if(document.readyState === 'loading'){
2858    document.addEventListener('DOMContentLoaded', init, {once:true});
2859  }else{
2860    init();
2861  }
2862})();
2863</script>
2863</p></div>
2864
2865    
2865<script type="text&#x2F;javascript">window.digitalData = ({"page":{"pageInfo":{"pageName":"Save Big on Hair Extensions, Wigs, and Toppers with Canada Hair\u2122","destinationURL":"https:\/\/canadahair.ca\/deals","language":"en_US"},"category":{"pageType":"cms_page_view"}},"pluginversion":"1.5.0","version":"2.4.7-p10","generatedDate":1790697276000});</script>
2865<!-- You have successfully installed the Fresh Relevance Extension.
2866You haven't enabled our script. With a Fresh Relevance account, you can create effortless personalization,
2867live email content and cart and browse abandonment emails.
2868If you want to know more about us, then check us out at https://www.freshrelevance.com
2869If you need help with the extension, go to https://www.freshrelevance.com/contact -->
2870<div class="page-wrapper"><header class="page-header type1 " >
2871    <div class="panel wrapper">
2872        <div class="panel header">
2873            <a class="action skip contentarea"
2874   href="#contentarea">
2875    <span>
2876        Skip to Content    </span>
2877</a>
2878                                    <ul class="header links">    <li class="greet welcome" data-bind="scope: 'customer'">
2879        <!-- ko if: customer().fullname  -->
2880        <span class="logged-in"
2881              data-bind="text: new String('Welcome, %1!').
2882              replace('%1', customer().fullname)">
2883        </span>
2884        <!-- /ko -->
2885        <!-- ko ifnot: customer().fullname  -->
2886        <span class="not-logged-in"
2887              data-bind="text: 'Welcome :)'"></span>
2888                <!-- /ko -->
2889    </li>
2890        
2890<script type="text/x-magento-init">
2891        {
2892            "*": {
2893                "Magento_Ui/js/core/app": {
2894                    "components": {
2895                        "customer": {
2896                            "component": "Magento_Customer/js/view/customer"
2897                        }
2898                    }
2899                }
2900            }
2901        }
2902    </script>
2902
2903<li class="item link compare hide" data-bind="scope: 'compareProducts'" data-role="compare-products-link">
2904    <a class="action compare" title="Compare Products"
2905       data-bind="attr: {'href': compareProducts().listUrl}, css: {'': !compareProducts().count}"
2906    >
2907    	<em class="porto-icon-chart hidden-xs"></em>
2908        Compare        (<span class="counter qty" data-bind="text: compareProducts().countCaption"></span>)
2909    </a>
2910</li>
2911<script type="text/x-magento-init">
2912{"[data-role=compare-products-link]": {"Magento_Ui/js/core/app": {"components":{"compareProducts":{"component":"Magento_Catalog\/js\/view\/compare-products"}}}}}
2913</script>
2913
2914<li class="link authorization-link" data-label="or">
2915    <a href="https://canadahair.ca/customer/account/login/"        >Sign In</a>
2916</li>
2917<li><a href="https://canadahair.ca/customer/account/create/" id="idKOYdK3Hg" >Create an Account</a></li></ul>        </div>
2918    </div>
2919    <div class="header content">
2920    
2921    <a class="logo" href="https://canadahair.ca/" title="Canada Hair">
2922    <img src="https://cdn.canadahair.ca/media/logo/stores/5/logo-gif-ch_3_.gif"
2923         alt="Canada Hair"
2924        width="180"        height="40"    />
2925    </a>
2926    
2927<div data-block="minicart" class="minicart-wrapper">
2928    <a class="action showcart" href="https://canadahair.ca/checkout/cart/"
2929       data-bind="scope: 'minicart_content'">
2930        <span class="text">My Cart</span>
2931        <span class="counter qty empty"
2932              data-bind="css: { empty: !!getCartParam('summary_count') == false && !isLoading() },
2933               blockLoader: isLoading">
2934            <span class="counter-number">
2935                <!-- ko if: getCartParam('summary_count') -->
2936                <!-- ko text: getCartParam('summary_count').toLocaleString(window.LOCALE) --><!-- /ko -->
2937                <!-- /ko -->
2938            </span>
2939            <span class="counter-label">
2940            <!-- ko if: getCartParam('summary_count') -->
2941                <!-- ko text: getCartParam('summary_count').toLocaleString(window.LOCALE) --><!-- /ko -->
2942                <!-- ko i18n: 'items' --><!-- /ko -->
2943            <!-- /ko -->
2944            </span>
2945        </span>
2946    </a>
2947            <div class="block block-minicart"
2948             data-role="dropdownDialog"
2949             data-mage-init='{"dropdownDialog":{
2950                "appendTo":"[data-block=minicart]",
2951                "triggerTarget":".showcart",
2952                "timeout": "2000",
2953                "closeOnMouseLeave": false,
2954                "closeOnEscape": true,
2955                "triggerClass":"active",
2956                "parentClass":"active",
2957                "buttons":[]}}'>
2958            <div id="minicart-content-wrapper" data-bind="scope: 'minicart_content'">
2959                <!-- ko template: getTemplate() --><!-- /ko -->
2960            </div>
2961                    </div>
2962        
2962<script>window.checkout = {"shoppingCartUrl":"https:\/\/canadahair.ca\/checkout\/cart\/","checkoutUrl":"https:\/\/canadahair.ca\/checkout\/","updateItemQtyUrl":"https:\/\/canadahair.ca\/checkout\/sidebar\/updateItemQty\/","removeItemUrl":"https:\/\/canadahair.ca\/checkout\/sidebar\/removeItem\/","imageTemplate":"Magento_Catalog\/product\/image_with_borders","baseUrl":"https:\/\/canadahair.ca\/","minicartMaxItemsVisible":1,"websiteId":"4","maxItemsToDisplay":10,"storeId":"5","storeGroupId":"4","customerLoginUrl":"https:\/\/canadahair.ca\/customer\/account\/login\/","isRedirectRequired":false,"autocomplete":"off","asLowAsActiveMiniCart":false,"apr":"0.10","months":"12","logo":null,"script":"https:\/\/cdn1.affirm.com\/js\/v2\/affirm.js","public_api_key":"SMR2UU1LMJE8HXWL","min_order_total":"0.01","max_order_total":"50000","currency_rate":"1.000000000000","display_cart_subtotal_incl_tax":0,"display_cart_subtotal_excl_tax":1,"edu":false,"defaultEduDesc":"You will be redirected to Affirm to securely complete your purchase. Just fill out a few pieces of basic information and get a real-time decision. Checking your eligibility won't affect your credit score.","affirmTitle":"Continue with Affirm","locale":"en_CA","country_code":"CAN","currency":"CAD","element_id":"als_mcc","promo_id":"","color_id":"","captcha":{"user_login":{"isCaseSensitive":false,"imageHeight":50,"imageSrc":"","refreshUrl":"https:\/\/canadahair.ca\/captcha\/refresh\/","isRequired":false,"timestamp":1790697276}}}</script>
2962    
2962<script type="text/x-magento-init">
2963    {
2964        "[data-block='minicart']": {
2965            "Magento_Ui/js/core/app": {"components":{"minicart_content":{"children":{"subtotal.container":{"children":{"subtotal":{"children":{"subtotal.totals":{"config":{"display_cart_subtotal_incl_tax":0,"display_cart_subtotal_excl_tax":1,"template":"Magento_Tax\/checkout\/minicart\/subtotal\/totals"},"children":{"subtotal.totals.msrp":{"component":"Magento_Msrp\/js\/view\/checkout\/minicart\/subtotal\/totals","config":{"displayArea":"minicart-subtotal-hidden","template":"Magento_Msrp\/checkout\/minicart\/subtotal\/totals"}}},"component":"Magento_Tax\/js\/view\/checkout\/minicart\/subtotal\/totals"}},"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/subtotal"}}},"component":"uiComponent","config":{"displayArea":"subtotalContainer"}},"item.renderer":{"component":"Magento_Checkout\/js\/view\/cart-item-renderer","config":{"displayArea":"defaultRenderer","template":"Magento_Checkout\/minicart\/item\/default"},"children":{"item.image":{"component":"Magento_Catalog\/js\/view\/image","config":{"template":"Magento_Catalog\/product\/image","displayArea":"itemImage"}},"checkout.cart.item.price.sidebar":{"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/item\/price","displayArea":"priceSidebar"}}}},"extra_info":{"component":"uiComponent","config":{"displayArea":"extraInfo"},"children":{"affirm_minicard":{"component":"Astound_Affirm\/js\/view\/minicart","config":{"template":"Astound_Affirm\/minicart\/info"}}}},"promotion":{"component":"uiComponent","config":{"displayArea":"promotion"}}},"config":{"itemRenderer":{"default":"defaultRenderer","simple":"defaultRenderer","virtual":"defaultRenderer"},"template":"Magento_Checkout\/minicart\/content"},"component":"Magento_Checkout\/js\/view\/minicart"}},"types":[]}        },
2966        "*": {
2967            "Magento_Ui/js/block-loader": "https\u003A\u002F\u002Fcdn.canadahair.ca\u002Fstatic\u002Fversion1788948291\u002Ffrontend\u002FPolisys\u002Ftheme\u002Dfrontend\u002Dcanadahair\u002Fen_US\u002Fimages\u002Floader\u002D1.gif"
2968        }
2969    }
2970    </script>
2970
2971</div>
2972    <span data-action="toggle-nav" class="action nav-toggle"><span>Toggle Nav</span></span>
2973    <div class="block block-search">
2974    <div class="block block-title"><strong>Search</strong></div>
2975    <div class="block block-content">
2976        <form class="form minisearch" id="search_mini_form" action="https://canadahair.ca/catalogsearch/result/" method="get">
2977            <div class="field search">
2978                <label class="label" for="search" data-role="minisearch-label">
2979                    <span>Search</span>
2980                </label>
2981                <div class="control">
2982                    <input id="search"
2983                           data-mage-init='{"quickSearch":{
2984                                "formSelector":"#search_mini_form",
2985                                "url":"https://canadahair.ca/search/ajax/suggest/",
2986                                "destinationSelector":"#search_autocomplete"}
2987                           }'
2988                           type="text"
2989                           name="q"
2990                           value=""
2991                           placeholder="Search..."
2992                           class="input-text"
2993                           maxlength="128"
2994                           role="combobox"
2995                           aria-haspopup="false"
2996                           aria-autocomplete="both"
2997                           autocomplete="off"/>
2998                    <div id="search_autocomplete" class="search-autocomplete"></div>
2999                    <div class="nested">
3000    <a class="action advanced" href="https://canadahair.ca/catalogsearch/advanced/" data-action="advanced-search">
3001        Advanced Search    </a>
3002</div>
3003                </div>
3004            </div>
3005            <div class="actions">
3006                <button type="submit"
3007                        title="Search"
3008                        class="action search">
3009                    <span>Search</span>
3010                </button>
3011            </div>
3012        </form>
3013    </div>
3014</div>
3015    <div class="custom-block"><p><select onchange="window.location.href=this.value" style="font-size: 12px;
3016                 cursor: pointer;
3017                 outline: none;
3018                 appearance: none;
3019                 -webkit-appearance: none;
3020                 -moz-appearance: none;
3021                 padding: 0 15px 0 5px;
3022                 line-height: 1.6;
3023                 vertical-align: middle;
3024                 color: #000;
3025                 font-family: inherit;">
3026
3027  <option value="" selected disabled>USEFUL INFO</option>
3028
3029  <!-- Account -->
3030  <option value="https://canadahair.ca/rewards/account/">My Store Credits $</option>
3031  <option value="https://canadahair.ca/sales/order/history/">My Orders ↺</option>
3032
3033  <option value="" disabled>──────────</option>
3034  <option value="" disabled>DISCOUNTS</option>
3035
3036  <!-- Benefits -->
3037  <option value="https://canadahair.typeform.com/to/Rl5A85iT?typeform-source=canadahair.ca">5% Loyalty Discount ★</option>
3038  <option value="https://canadahair.typeform.com/to/IypFXQ?typeform-source=canadahair.ca">15% Hairstylist Discount ✂</option>
3039
3040  <option value="" disabled>──────────</option>
3041  <option value="" disabled>DISCOVER</option>
3042
3043  <option value="https://canadahair.typeform.com/to/aKjQx0Hz?typeform-source=canadahair.ca">3 Swatches – $5 ✦</option>
3044  <option value="https://canadahair.ca/brands.html">Our Brands ★</option>
3045  <option value="https://canadahair.ca/videos">Our Videos ▶</option>
3046
3047  <option value="" disabled>──────────</option>
3048  <option value="" disabled>HELP</option>
3049
3050  <option value="https://canadahair.ca/upload-selfie-recommendation">Hair Recommendation ☺</option>
3051  <option value="https://canadahair.reamaze.com/kb/shipping/when-will-i-receive-my-order">Shipping ⏱︎</option>
3052  <option value="https://canadahair.reamaze.com/kb/shipping/can-i-return-or-exchange-an-item">Returns ⇄</option>
3053  <option value="https://canadahair.reamaze.com/">Help Center</option>
3054  <option value="https://canadahair.reamaze.com/conversations/new">Contact Us ♥</option>
3055
3056</select>
3057</p></div>    </div>
3058        <div class="sections nav-sections">
3059                <div class="section-items nav-sections-items" data-mage-init='{"tabs":{"openedState":"active"}}
3059'>
3060
3061            <div class="section-item-close">
3062                <p class="label">Close</p>
3063                <p class="x-sign">X</p>
3064            </div>
3065
3066                                            <div class="section-item-title nav-sections-item-title"
3067                     data-role="collapsible">
3068                    <a class="nav-sections-item-switch"
3069                       data-toggle="switch" href="#store.menu">
3070                        Menu                    </a>
3071                </div>
3072                <div class="section-item-content nav-sections-item-content"
3073                     id="store.menu"
3074                     data-role="content">
3075                    
3076<nav class="navigation sw-megamenu " role="navigation">
3077    <ul>
3078        <style>
3079/* Modern Top Navigation */
3080
3081.navigation .level-top,
3082.navigation a {
3083    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
3084    font-weight: 600;
3085    font-size: 15px;
3086    letter-spacing: 0.5px;
3087    text-transform: uppercase;
3088    transition: all 0.3s ease;
3089}
3090
3091/* Softer hover effect */
3092.navigation .level-top:hover,
3093.navigation a:hover {
3094    color: #ff69b4 !important;
3095} 
3096
3097/* Add spacing between items */
3098.navigation li {
3099    margin: 0 12px;
3100}
3101
3102/* Remove heavy look */
3103.navigation {
3104    -webkit-font-smoothing: antialiased;
3105    -moz-osx-font-smoothing: grayscale;
3106}
3107</style>
3108<p><style>
3109
3110ul.desktop-only-menu {
3111   width: 100vw !important;
3112   margin-left: calc(-50vw + 50%);
3113   box-sizing: border-box;
3114}
3115
3116/* Prevent “re-open when moving back quickly” */
3117.desktop-only-menu .level0.submenu,
3118.desktop-only-menu .submenu {
3119  opacity: 0;
3120  visibility: hidden;
3121  pointer-events: none;              /* key: can't be hovered while closing */
3122  transition: opacity 0.18s ease, visibility 0s linear 0.18s;
3123}
3124
3125/* Show only when hovering the top-level LI (or the submenu itself while open) */
3126.desktop-only-menu li.level0.parent:hover > .submenu,
3127.desktop-only-menu li.level0.parent:focus-within > .submenu {
3128  opacity: 1;
3129  visibility: visible;
3130  pointer-events: auto;
3131  transition: opacity 0.18s ease, visibility 0s;
3132}
3133
3134/* Menu-only image pop */
3135.desktop-only-menu a img{
3136  transition: transform 0.18s ease, box-shadow 0.18s ease;
3137  transform: translateZ(0);
3138}
3139
3140.desktop-only-menu a:hover img{
3141  transform: scale(1.03);
3142  box-shadow: 0 8px 16px rgba(0,0,0,0.2);
3143}
3144</style>
3145</p>
3146<ul class="mobile-only-menu"><!-- COLOR MATCH -->
3147<li class="ui-menu-item level0 classic parent ">
3148<div class="open-children-toggle">&nbsp;</div>
3149<a class="level-top" title="Color Match - Find Your Perfect Hair Color" href="https://canadahair.ca/samples-swatches-color-rings">COLOUR MATCH</a>
3150<div class="level0 submenu" style="left: 0px; right: auto; border-radius: 0px 6px 6px;">
3151<div class="row">
3152<ul class="subchildmenu ">
3153<li class="ui-menu-item level1"><a style="font-weight: 400 !important;" title="Get 3 Swatches for $5" href="https://canadahair.typeform.com/to/aKjQx0Hz?typeform-source=canadahair.ca"> Get 3 Swatches for $5 <span style="background-color: #ff4c4c; color: white; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 5px; font-size: 9px;">POPULAR</span> </a></li>
3154<li class="ui-menu-item level1"><a style="font-weight: 400 !important;" title="Send a Selfie for Color Recommendation" href="https://canadahair.ca/upload-selfie-recommendation"> Send a Selfie </a></li>
3155<li class="ui-menu-item level1"><a style="font-weight: 400 !important;" title="Order Our Color Ring" href="https://canadahair.ca/color-ring-choose-a-color-canada-hair.html"> Order Our Colour Ring </a></li>
3156<li class="ui-menu-item level1"><a style="font-weight: 400 !important;" title="Order Hair Samples" href="https://canadahair.ca/permanent-human-hair-extensions-sample-kit.html"> Order $1 Samples </a></li>
3157</ul>
3158</div>
3159</div>
3160</li>
3161<!-- ALL OUR COLORS-->
3162<li class="ui-menu-item level0 classic parent">
3163<div class="open-children-toggle">&nbsp;</div>
3164<a class="level-top" href="https://canadahair.ca/canada-hair-campaign">OUR COLOURS</a>
3165<div class="level0 submenu" style="left: 0px; right: auto; border-radius: 0px 6px 6px;">
3166<div class="row">
3167<ul class="subchildmenu col-md-12 mega-columns columns4">
3168<li class="ui-menu-item level1 parent">
3169<div class="open-children-toggle">&nbsp;</div>
3170<ul class="subchildmenu">
3171<li class="ui-menu-item level2"><a style="font-weight: 400 !important;
3171" title="Black shades" href="https://canadahair.ca/hair-extensions/black.html">Black shades</a></li>
3172<li class="ui-menu-item level2"><a style="font-weight: 400 !important;" title="Blonde shades" href="https://canadahair.ca/hair-extensions/blonde.html">Blonde shades</a></li>
3173<li class="ui-menu-item level2"><a style="font-weight: 400 !important;" title="Gray shades" href="https://canadahair.ca/hair-extensions/gray.html">Grey shades</a></li>
3174<li class="ui-menu-item level2"><a style="font-weight: 400 !important;" title="Brown shades" href="https://canadahair.ca/hair-extensions/brown.html">Brown shades</a></li>
3175<li class="ui-menu-item level2"><a style="font-weight: 400 !important;" title="Fantasy shades" href="https://canadahair.ca/hair-extensions/fantasy.html">Fantasy shades</a></li>
3176<li class="ui-menu-item level2"><a style="font-weight: 400 !important;" title="Balayage &amp; Ombre" href="https://canadahair.ca/hair-extensions/balayage-ombre.html">Balayage &amp; Ombre</a></li>
3177</ul>
3178</li>
3179</ul>
3180</div>
3181</div>
3182</li>
3183<li class="ui-menu-item level0 staticwidth parent ">
3184<div class="open-children-toggle">&nbsp;</div>
3185<a class="level-top" title="HAIR EXTENSIONS" href="https://canadahair.ca/hair-extensions.html">HAIR EXTENSIONS</a>
3186<div class="level0 submenu" style="width: 1000px; left: -9999px; right: auto; border-radius: 6px 0px 6px 6px;">
3187<div class="container2">
3188<div class="row">
3189<ul class="subchildmenu col-md-12 mega-columns columns4">
3190<li class="ui-menu-item level1 parent ">
3191<div class="open-children-toggle">&nbsp;</div>
3192<strong>READY-TO-WEAR AT HOME</strong>
3193<ul class="subchildmenu ">
3194<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="CLIP IN" href="https://canadahair.ca/jet-black-clip-in-hair-extensions-remy-indian-hair-canada-hair.html?ci=21&amp;qi=hh&amp;li=14inches&amp;ti=standard&amp;hi=white&amp;wi=no">CLIP IN <span style="background-color: #ff5050; color: white; padding: 1px 4px; border-radius: 5px; font-weight: bold; margin-left: 4px; font-size: 9px; vertical-align: super; position: relative; top: -2px;">POPULAR</span></a></li>
3195<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="TOPPERS" href="https://canadahair.ca/thinning-hair-part-hair-topper-remy-hair.html?ci=21&amp;qi=part&amp;li=10inches&amp;bi=">TOPPERS</a></li>
3196<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="INVISIBLE WIRE" href="https://canadahair.ca/jet-black-invisible-wire-hair-extensions-human-hair.html?ci=21&amp;qi=hh&amp;li=14inches&amp;ti=standard&amp;hi=white&amp;wi=no">INVISIBLE WIRE</a></li>
3197<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="PONYTAILS" href="https://canadahair.ca/jet-black-1-ponytail-hair-extensions-100-real-hair-18-inches-1.html?ci=21&amp;qi=hh&amp;li=14inches&amp;ti=thick&amp;hi=white&amp;wi=no">PONYTAILS</a></li>
3198<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="VOLUMIZING CLIP-INS" href="https://canadahair.ca/volumizer-hh-1.html">VOLUMIZING CLIP-INS</a></li>
3199<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="HAIR WIGS" href="https://canadahair.ca/wigs.html">HAIR WIGS</a></li>
3200</ul>
3201</li>
3202<li class="ui-menu-item level1 parent ">
3203<div class="open-children-toggle">&nbsp;</div>
3204<strong>PROFESSIONAL SALON EXTENSIONS</strong>
3205<ul class="subchildmenu ">
3206<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="TAPE INS" href="https://canadahair.ca/tape-in-hair-extensions-canada-hair-jet-black-canada-hair.html?ci=21&amp;qi=hh&amp;li=14inches&amp;ti=thick&amp;hi=white&amp;wi=no">TAPE INS</a></li>
3207<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="INVISIBLE TAPE INS" href="https://canadahair.ca/tape-in-hair-extensions-canada-hair-jet-black-canada-hair.html?ci=21&amp;qi=euro&amp;li=14inches&amp;ti=thick&amp;hi=white&amp;wi=no">INVISIBLE TAPE INS </a></li>
3208<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="SEW INS" href="https://canadahair.ca/jet-black-1-silky-straight-100-remy-human-hair-canada-hair.html?ci=21&amp;qi=hh&amp;li=14inches&amp;ti=thick&amp;hi=white&amp;wi=no">SEW INS</a></li>
3209<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;
3209" title="INVISIBLE SEW INS" href="https://canadahair.ca/jet-black-1-silky-straight-100-remy-human-hair-canada-hair.html?ci=21&amp;qi=euro&amp;li=14inches&amp;ti=thick&amp;hi=white&amp;wi=no">INVISIBLE SEW INS</a></li>
3210<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="V LIGHT" href="https://canadahair.ca/vlight-premium-remy-14inch-4.html">V LIGHT</a></li>
3211<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="NANO RINGS" href="https://canadahair.ca/jet-black-1-nano-rings-hair-extensions-100-real-hair-human-hair-qty-20-strands.html?ci=21&amp;qi=hh&amp;li=14inches&amp;ti=thick&amp;hi=white&amp;wi=no">NANO RINGS</a></li>
3212<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="FUSION" href="https://canadahair.ca/jet-black-1-fusion-hair-extensions-real-remy-hair-20-strands-1g-strand-final-sale-canada-hair.html?ci=21&amp;qi=hh&amp;li=14inches&amp;ti=thick&amp;hi=white&amp;wi=no">FUSION</a></li>
3213<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="MICROLOOP" href="https://canadahair.ca/jet-black-1-micro-loop-hair-extensions-real-remy-hair-20-strands-1g-strand-canada-hair.html?ci=21&amp;qi=hh&amp;li=14inches&amp;ti=thick&amp;hi=white&amp;wi=no">MICROLOOP</a></li>
3214<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="BUTTERFLY EXTENSIONS" href="https://canadahair.ca/butterfly-remy-14inch-1.html">BUTTERFLY EXTENSIONS</a></li>
3215<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="TOOLS, SAMPLES &amp; COLOR RING" href="https://canadahair.ca/tools.html">TOOLS, SAMPLES &amp; COLOUR RING</a></li>
3216<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="EUROPEAN HAIR" href="https://canadahair.ca/hair-extensions/european-hair.html">EUROPEAN HAIR <span style="background-color: #00cc99; color: white; padding: 1px 4px; border-radius: 5px; font-weight: bold; margin-left: 4px; font-size: 9px; vertical-align: super; position: relative; top: -2px;">NEW ELITE QUALITY</span></a></li>
3217</ul>
3218</li>
3219</ul>
3220</div>
3221</div>
3222</div>
3223</li>
3224<!-- toppers -->
3225<li class="ui-menu-item level0 classic parent ">
3226<div class="open-children-toggle">&nbsp;</div>
3227<a class="level-top" title="Hair Toppers for Thinning Hair – Full, Partial &amp; Large Coverage" href="https://canadahair.ca/thinning-hair-part-hair-topper-remy-hair.html?ci=21&amp;qi=part&amp;li=10inches&amp;bi=">TOPPERS</a>
3228<div class="level0 submenu" style="left: 0px; right: auto; border-radius: 0px 6px 6px;">
3229<div class="row">
3230<ul class="subchildmenu ">
3231<li class="ui-menu-item level1"><a style="font-weight: 400 !important;" title="Small Hair Topper for Thinning Hair" href="https://canadahair.ca/thinning-hair-part-hair-topper-remy-hair.html?ci=21&amp;qi=part&amp;li=10inches&amp;bi="> Small </a></li>
3232<li class="ui-menu-item level1"><a style="font-weight: 400 !important;" title="Large Hair Topper for Thinning Hair" href="https://canadahair.ca/hair-topper-for-thinning-hair-remy-hair.html"> Large </a></li>
3233<li class="ui-menu-item level1"><a style="font-weight: 400 !important;" title="Full Coverage Hair Topper" href="https://canadahair.ca/full-coverage-hair-topper-remy-hair.html"> Full Coverage </a></li>
3234</ul>
3235</div>
3236</div>
3237</li>
3238<!-- WIGS -->
3239<li class="ui-menu-item level0 staticwidth parent ">
3240<div class="open-children-toggle">&nbsp;</div>
3241<a class="level-top" title="WIGS" href="https://canadahair.ca/wigs.html">HAIR WIGS</a>
3242<div class="level0 submenu" style="width: 1000px; left: -9999px; right: auto; border-radius: 6px 0px 6px 6px;">
3243<div class="container2">
3244<div class="row">
3245<ul class="subchildmenu col-md-12 mega-columns columns4">
3246<li class="ui-menu-item level1 parent ">
3247<div class="open-children-toggle">&nbsp;</div>
3248<strong>SHOP BY HAIR QUALITY</strong>
3249<ul class="subchildmenu ">
3250<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="SYNTHETIC HAIR WIGS" href="https://canadahair.ca/wigs/synthetic.html">SYNTHETIC HAIR WIGS</a></li>
3251<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;
3251" title="REMY HUMAN HAIR WIGS" href="https://canadahair.ca/wigs/remy-hair.html">REMY HUMAN HAIR WIGS</a></li>
3252<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="EUROPEAN HAIR WIGS" href="https://canadahair.ca/wigs/european-hair.html">EUROPEAN HAIR WIGS <span style="background-color: #00cc99; color: white; padding: 1px 4px; border-radius: 5px; font-weight: bold; margin-left: 4px; font-size: 9px; vertical-align: super; position: relative; top: -2px;">NEW ELITE QUALITY</span></a></li>
3253</ul>
3254</li>
3255<li class="ui-menu-item level1 parent ">
3256<div class="open-children-toggle">&nbsp;</div>
3257<strong>SHOP BY COLOUR CATEGORY</strong>
3258<ul class="subchildmenu ">
3259<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="BLACK WIGS" href="https://canadahair.ca/wigs/black.html">BLACK WIGS</a></li>
3260<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="BROWN WIGS" href="https://canadahair.ca/wigs/brown.html">BROWN WIGS</a></li>
3261<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="BLONDE WIGS" href="https://canadahair.ca/wigs/blonde.html">BLONDE WIGS</a></li>
3262<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="HIGHLIGHTED / OMBRE WIGS" href="https://canadahair.ca/wigs/balayage.html">BALAYAGE WIGS</a></li>
3263<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="GREY WIGS" href="https://canadahair.ca/wigs/grey.html">GREY WIGS</a></li>
3264<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="RED WIGS" href="https://canadahair.ca/wigs/red.html">RED WIGS</a></li>
3265<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="PURPLE WIGS" href="https://canadahair.ca/wigs/purple.html">PURPLE WIGS</a></li>
3266<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="BURGUNDY WIGS" href="https://canadahair.ca/wigs/burgundy.html">BURGUNDY WIGS</a></li>
3267<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="PINK WIGS" href="https://canadahair.ca/wigs/pink.html">PINK WIGS</a></li>
3268<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="BLUE WIGS" href="https://canadahair.ca/wigs/blue.html">BLUE WIGS</a></li>
3269<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="WHITE WIGS" href="https://canadahair.ca/wigs/white.html">WHITE WIGS</a></li>
3270</ul>
3271</li>
3272<li class="ui-menu-item level1 parent ">
3273<div class="open-children-toggle">&nbsp;</div>
3274<strong>SHOP BY STYLES</strong>
3275<ul class="subchildmenu ">
3276<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="SHORT WIGS" href="https://canadahair.ca/wigs/short.html">SHORT WIGS</a></li>
3277<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="LONG WIGS" href="https://canadahair.ca/wigs/long.html">LONG WIGS</a></li>
3278<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="WIGS WITH BANGS" href="https://canadahair.ca/wigs/bangs.html">WIGS WITH BANGS</a></li>
3279<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="CURLY WIGS" href="https://canadahair.ca/wigs/curly-wigs.html?by_style=5893">CURLY WIGS</a></li>
3280<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="WIG HAT" href="https://canadahair.ca/wigs/wig-hat.html">WIG HAT</a></li>
3281</ul>
3282</li>
3283</ul>
3284</div>
3285</div>
3286</div>
3287</li>
3288<!-- MEN -->
3289<li class="ui-menu-item level0 staticwidth "><a class="level-top" title="Men toupees Canada Hair" href="https://canadahair.ca/jet-black-hair-toupee-men-hair-replacement-system-pu-topper-0406.html">MEN TOUPEES</a></li>
3290<!-- DEALS -->
3291<li class="ui-menu-item level0 staticwidth parent ">
3292<div class="open-children-toggle">&nbsp;</div>
3293<a class="level-top" title="DEALS" href="https://canadahair.ca/deals">DEALS</a>
3294<div class="level0 submenu" style="width: 1000px; left: -9999px; right: auto; border-radius: 6px 0px 6px 6px;">
3295<div class="container2">
3296<div class="row">
3297<ul class="subchildmenu col-md-12 mega-columns columns4">
3298<li class="ui-menu-item level1 parent ">
3299<div class="open-children-toggle">&nbsp;</div>
3300<strong>DISCOUNTS</strong>
3301<ul class="subchildmenu ">
3302<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;
3302" title="5% CASHBACK PROGRAM" href="https://canadahair.ca/rewards-program">5% CASHBACK PROGRAM</a></li>
3303<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="15% STYLIST DISCOUNT" href="https://canadahair.typeform.com/to/IypFXQ">15% STYLIST DISCOUNT</a></li>
3304<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="5% OATH OF LOYALTY DISCOUNT" href="https://canadahair.typeform.com/to/Rl5A85iT?typeform-source=canadahair.ca">5% OATH OF LOYALTY DISCOUNT</a></li>
3305<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="WHOLESALE DISCOUNT" href="https://canadahair.ca/wholesale">WHOLESALE DISCOUNT</a></li>
3306<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="LIFETIME DISCOUNT" href="https://canadahair.ca/lifetime-discount.html">LIFETIME DISCOUNT</a></li>
3307<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="LOW BUDGET CLIP INS" href="https://canadahair.ca/low-budget.html">LOW BUDGET CLIP INS</a></li>
3308<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="WIN YOUR PURCHASE" href="https://canadahair.ca/win-your-purchase">WIN YOUR PURCHASE</a></li>
3309</ul>
3310</li>
3311<li class="ui-menu-item level1 parent ">
3312<div class="open-children-toggle">&nbsp;</div>
3313<strong>OUR OTHER WEBSITES</strong>
3314<ul class="subchildmenu ">
3315<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="NOBRANDHAIR.COM" href="https://nobrandhair.com" target="_blank" rel="nofollow noopener noreferrer">NoBrandHair.com</a></li>
3316</ul>
3317</li>
3318</ul>
3319</div>
3320</div>
3321</div>
3322</li>
3323<!-- HELP -->
3324<li class="ui-menu-item level0 staticwidth parent ">
3325<div class="open-children-toggle">&nbsp;</div>
3326<a class="level-top" title="HELP" href="https://canadahair.ca/help">HELP</a>
3327<div class="level0 submenu" style="width: 1000px; left: -9999px; right: auto; border-radius: 6px 0px 6px 6px;">
3328<div class="container2">
3329<div class="row">
3330<ul class="subchildmenu col-md-12 mega-columns columns4">
3331<li class="ui-menu-item level1 parent ">
3332<div class="open-children-toggle">&nbsp;</div>
3333<strong>HELP</strong>
3334<ul class="subchildmenu ">
3335<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="HELP CENTER" href="https://canadahair.ca/help">HELP CENTER</a></li>
3336<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="EMAIL US" href="https://canadahair.reamaze.com/conversations/new">EMAIL US</a></li>
3337<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="CALL TOLL-FREE 24/7 1-888-657-8876" href="tel:+18886578876">CALL TOLL-FREE 24/7 1-888-657-8876</a></li>
3338<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="SMS SUPPORT 236-979-6541" href="sms:+12369796541">SMS SUPPORT 236-979-6541</a></li>
3339<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="3 STEPS HAIR QUIZ" href="https://form.typeform.com/to/PS15PMn9">3 STEPS HAIR QUIZ</a></li>
3340<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="3 SWATCHES FOR $5" href="https://canadahair.typeform.com/to/aKjQx0Hz?typeform-source=canadahair.ca">3 SWATCHES FOR $5</a></li>
3341<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="GET A RECOMMENDATION" href="https://canadahair.ca/upload-selfie-recommendation">GET A RECOMMENDATION</a></li>
3342<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="PAYMENT PLANS" href="https://canadahair.ca/payment-plans">PAYMENT PLANS</a></li>
3343<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="GIFT CARDS" href="https://canadahair.ca/gift-card-canada-hair.html">GIFT CARDS</a></li>
3344<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="VIDEOS" href="https://canadahair.ca/videos">VIDEOS</a></li>
3345<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="OUR BRANDS" href="https://canadahair.ca/brands.html">OUR BRANDS</a></li>
3346<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;
3346" title="POST A REVIEW" href="https://canadahair.ca/reviews">POST A REVIEW</a></li>
3347<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="BEFORE &amp; AFTER" href="https://canadahair.ca/reviews/before-after-hair-extensions">BEFORE &amp; AFTER</a></li>
3348<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="OUR BLOG" href="https://canadahair.ca/blog.html">OUR BLOG</a></li>
3349<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="RETURN POLICY" href="https://canadahair.reamaze.com/kb/shipping/can-i-return-or-exchange-an-item">RETURN POLICY</a></li>
3350<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="SHIPPING INFORMATION" href="https://canadahair.reamaze.com/kb/shipping/when-will-i-receive-my-order">SHIPPING INFORMATION</a></li>
3351<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="OUR TEAM" href="https://canadahair.ca/team">OUR TEAM</a></li>
3352<li class="ui-menu-item level2 "><a style="font-weight: 400 !important;" title="ABOUT US" href="https://canadahair.ca/canada-hair-company">ABOUT US</a></li>
3353</ul>
3354</li>
3355</ul>
3356</div>
3357</div>
3358</div>
3359</li>
3360</ul>
3361<!-- DESKTOP ONLY -->
3362<ul class="desktop-only-menu" style="text-align: center; background: #000000;">
3363<li class="ui-menu-item level0 staticwidth parent " style="text-align: left;">
3364<div class="open-children-toggle">&nbsp;</div>
3365<a class="level-top" style="color: #ffffff; padding: 0 10px !important; line-height: 35px; font-size: 18px;" title="SWATCHES" href="https://canadahair.typeform.com/to/aKjQx0Hz?typeform-source=canadahair.ca">SWATCHES</a></li>
3366<li class="ui-menu-item level0 staticwidth parent " style="text-align: left;">
3367<div class="open-children-toggle">&nbsp;</div>
3368<a class="level-top" style="color: #ffffff; padding: 0 10px !important; line-height: 35px; font-size: 18px;" title="COLORS" href="https://canadahair.ca/canada-hair-campaign">COLOURS</a>
3369<div class="level0 submenu" style="position: absolute; top: 100%; left: 50vw; transform: translateX(-33%); width: 80vw; min-height: 650px; padding: 30px 60px; border-radius: 0; z-index: 9999;">
3370<div class="container2">
3371<div class="row">
3372<ul class="subchildmenu col-md-12 mega-columns columns5"><!-- Column 1 -->
3373<li class="ui-menu-item level1 parent ">
3374<div class="open-children-toggle">&nbsp;</div>
3375<strong style="font-size: 18px;">COLOUR MATCH</strong>
3376<ul class="subchildmenu ">
3377<li class="ui-menu-item level2" style="margin-top: 10px;"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.typeform.com/to/aKjQx0Hz?typeform-source=canadahair.ca">Get 3 swatches for $5</a></li>
3378<li class="ui-menu-item level2"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/upload-selfie-recommendation">Send a selfie, get a recommendation</a></li>
3379<li class="ui-menu-item level2"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/color-ring-choose-a-color-canada-hair.html">Order our colour ring</a></li>
3380<li class="ui-menu-item level2"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/permanent-human-hair-extensions-sample-kit.html">Order $1 samples </a></li>
3381</ul>
3382</li>
3383<!-- Column 2 -->
3384<li class="ui-menu-item level1 parent ">
3385<div class="open-children-toggle">&nbsp;</div>
3386<strong style="font-size: 18px;">SHOP BY COLOUR CATEGORY</strong>
3387<ul class="subchildmenu ">
3388<li class="ui-menu-item level2"><a style="text-decoration: none; display: block;" href="https://canadahair.ca/hair-extensions/black.html"> <img style="width: 100%; max-width: 360px; height: auto; border-radius: 10px; margin-bottom: 8px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/black.png"> <span style="font-size: 16px;">Black Shades</span> </a></li>
3389<li class="ui-menu-item level2"><a style="text-decoration: none; display: block;
3389" href="https://canadahair.ca/hair-extensions/brown.html"> <img style="width: 100%; max-width: 360px; height: auto; border-radius: 10px; margin-bottom: 8px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/brown.png"> <span style="font-size: 16px;">Brown Shades</span> </a></li>
3390</ul>
3391</li>
3392<!-- Column 3 -->
3393<li class="ui-menu-item level1 parent ">
3394<div class="open-children-toggle">&nbsp;</div>
3395<strong style="font-size: 18px;">&nbsp;</strong>
3396<ul class="subchildmenu ">
3397<li class="ui-menu-item level2"><a style="text-decoration: none; display: block;" href="https://canadahair.ca/hair-extensions/blonde.html"> <img style="width: 100%; max-width: 360px; height: auto; border-radius: 10px; margin-bottom: 8px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/blonde.png"> <span style="font-size: 16px;">Blonde Shades</span> </a></li>
3398<li class="ui-menu-item level2"><a style="text-decoration: none; display: block;" href="https://canadahair.ca/hair-extensions/balayage-ombre.html"> <img style="width: 100%; max-width: 360px; height: auto; border-radius: 10px; margin-bottom: 8px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/balayage.png"> <span style="font-size: 16px;">Balayage Shades</span> </a></li>
3399</ul>
3400</li>
3401<!-- Column 4 -->
3402<li class="ui-menu-item level1 parent ">
3403<div class="open-children-toggle">&nbsp;</div>
3404<strong style="font-size: 18px;">&nbsp;</strong>
3405<ul class="subchildmenu ">
3406<li class="ui-menu-item level2"><a style="text-decoration: none; display: block;" href="https://canadahair.ca/hair-extensions/gray.html"> <img style="width: 100%; max-width: 360px; height: auto; border-radius: 10px; margin-bottom: 8px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/gray.png"> <span style="font-size: 16px;">Gray/Silver Shades</span> </a></li>
3407<li class="ui-menu-item level2"><a style="text-decoration: none; display: block;" href="https://canadahair.ca/catalogsearch/result/?q=AUBURN+HAIR+EXTENSIONS"> <img style="width: 100%; max-width: 360px; height: auto; border-radius: 10px; margin-bottom: 8px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/ginger.png"> <span style="font-size: 16px;">Red/Auburn Shades</span> </a></li>
3408</ul>
3409</li>
3410<!-- Column 5 -->
3411<li class="ui-menu-item level1 parent ">
3412<div class="open-children-toggle">&nbsp;</div>
3413<strong style="font-size: 18px;">&nbsp;</strong>
3414<ul class="subchildmenu ">
3415<li class="ui-menu-item level2"><a style="text-decoration: none; display: block;" href="https://canadahair.ca/hair-extensions/fantasy.html"> <img style="width: 100%; max-width: 360px; height: auto; border-radius: 10px; margin-bottom: 8px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/colored.png"> <span style="font-size: 16px;">Fantasy Shades</span> </a></li>
3416<li class="ui-menu-item level2"><a style="text-decoration: none; display: block;" href="https://canadahair.ca/canada-hair-campaign"> <img style="width: 100%; max-width: 360px; height: auto; border-radius: 10px; margin-bottom: 8px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/all.png"> <span style="font-size: 16px;">See all colours</span> </a></li>
3417</ul>
3418</li>
3419</ul>
3420</div>
3421</div>
3422</div>
3423</li>
3424<!-- hair extensions-->
3425<li class="ui-menu-item level0 staticwidth parent" style="text-align: left;">
3426<div class="open-children-toggle">&nbsp;</div>
3427<a class="level-top" style="color: #ffffff; padding: 0 10px !important; line-height: 35px; font-size: 18px;" title="HAIR EXTENSIONS" href="https://canadahair.ca/hair-extensions.html"> HAIR EXTENSIONS </a>
3428<div class="level0 submenu" style="position: absolute; top: 100%; left: auto; transform: translateX(-39%); width: 80vw; min-height: 650px; padding: 30px 60px; border-radius: 0; z-index: 9999; right: 0;">
3429<div class="container2">
3430<div class="row">
3431<ul class="subchildmenu col-md-12 mega-columns columns5"><!-- ================= COLUMN 1 (UNCHANGED) ================= -->
3432<li class="ui-menu-item level1 parent">
3433<div class="open-children-toggle">&nbsp;</div>
3434<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;">SHOP BY TYPE</strong>
3435<ul class="subchildmenu" style="margin-top: 0;">
3436<li class="ui-menu-item level2" style="margin-top: 0;"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;
3436" href="https://canadahair.ca/jet-black-clip-in-hair-extensions-remy-indian-hair-canada-hair.html?ci=21&amp;qi=hh&amp;li=14inches&amp;ti=standard&amp;hi=white&amp;wi=no">Clip-ins <span style="background-color: #ff5050; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">POPULAR</span></a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/thinning-hair-part-hair-topper-remy-hair.html?ci=21&amp;qi=part&amp;li=10inches&amp;bi=">Hair toppers <span style="background-color: #ff5050; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">POPULAR</span></a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/jet-black-invisible-wire-hair-extensions-human-hair.html?ci=21&amp;qi=hh&amp;li=14inches&amp;ti=standard&amp;hi=white&amp;wi=no">Invisible wire</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/jet-black-1-ponytail-hair-extensions-100-real-hair-18-inches-1.html?ci=21&amp;qi=hh&amp;li=14inches&amp;ti=thick&amp;hi=white&amp;wi=no">Ponytails</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/volumizer-hh-1.html">Volumizing clip-ins</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs.html">Hair wigs</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/tape-in-hair-extensions-canada-hair-jet-black-canada-hair.html?ci=21&amp;qi=hh&amp;li=14inches&amp;ti=thick&amp;hi=white&amp;wi=no">Tape-ins</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/tape-in-hair-extensions-canada-hair-jet-black-canada-hair.html?ci=21&amp;qi=euro&amp;li=14inches&amp;ti=thick&amp;hi=white&amp;wi=no">Invisible tape-ins </a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/jet-black-1-silky-straight-100-remy-human-hair-canada-hair.html?ci=21&amp;qi=hh&amp;li=14inches&amp;ti=thick&amp;hi=white&amp;wi=no">Sew-ins</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/jet-black-1-silky-straight-100-remy-human-hair-canada-hair.html?ci=21&amp;qi=euro&amp;li=14inches&amp;ti=thick&amp;hi=white&amp;wi=no">Invisible sew-ins </a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/vlight-premium-remy-14inch-1.html">V-light</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/jet-black-1-nano-rings-hair-extensions-100-real-hair-human-hair-qty-20-strands.html?ci=21&amp;qi=hh&amp;li=14inches&amp;ti=thick&amp;hi=white&amp;wi=no">Nano-rings</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/jet-black-1-fusion-hair-extensions-real-remy-hair-20-strands-1g-strand-final-sale-canada-hair.html?ci=21&amp;qi=hh&amp;li=14inches&amp;ti=thick&amp;hi=white&amp;wi=no">Fusion</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/jet-black-1-micro-loop-hair-extensions-real-remy-hair-20-strands-1g-strand-canada-hair.html?ci=21&amp;qi=hh&amp;li=14inches&amp;ti=thick&amp;hi=white&amp;wi=no">Micro-loop</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;
3436" href="https://canadahair.ca/butterfly-remy-14inch-1.html">Butterfly</a></li>
3437</ul>
3438</li>
3439<!-- ================= COLUMN 2 (READY-TO-WEAR) ================= -->
3440<li class="ui-menu-item level1 parent">
3441<div class="open-children-toggle">&nbsp;</div>
3442<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;">READY‑TO‑WEAR AT HOME</strong>
3443<ul class="subchildmenu">
3444<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/jet-black-clip-in-hair-extensions-remy-indian-hair-canada-hair.html?ci=21&amp;qi=hh&amp;li=14inches&amp;ti=standard&amp;hi=white&amp;wi=no"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/clipin.png"> </a></li>
3445</ul>
3446</li>
3447<!-- ================= COLUMN 3 (READY-TO-WEAR) ================= -->
3448<li class="ui-menu-item level1 parent"><strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;">&nbsp;</strong>
3449<ul class="subchildmenu">
3450<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/thinning-hair-part-hair-topper-remy-hair.html?ci=21&amp;qi=part&amp;li=10inches&amp;bi="> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/toppers-5.png"> </a></li>
3451</ul>
3452</li>
3453<!-- ================= COLUMN 4 (SALON EXTENSIONS) ================= -->
3454<li class="ui-menu-item level1 parent">
3455<div class="open-children-toggle">&nbsp;</div>
3456<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;">SALON EXTENSIONS</strong>
3457<ul class="subchildmenu">
3458<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/tape-in-hair-extensions-canada-hair-jet-black-canada-hair.html?ci=21&amp;qi=hh&amp;li=14inches&amp;ti=thick&amp;hi=white&amp;wi=no"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/tapein.png"> </a></li>
3459</ul>
3460</li>
3461<!-- ================= COLUMN 5 (SALON EXTENSIONS) ================= -->
3462<li class="ui-menu-item level1 parent"><strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;">&nbsp;</strong>
3463<ul class="subchildmenu">
3464<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/jet-black-1-nano-rings-hair-extensions-100-real-hair-human-hair-qty-20-strands.html?ci=21&amp;qi=hh&amp;li=14inches&amp;ti=thick&amp;hi=white&amp;wi=no"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/nano.png"> </a></li>
3465</ul>
3466</li>
3467</ul>
3468</div>
3469<!--- 2nd row -->
3470<div class="row">
3471<ul class="subchildmenu col-md-12 mega-columns columns5"><!-- COLUMN 1 -->
3472<li class="ui-menu-item level1 parent">
3473<div class="open-children-toggle">&nbsp;</div>
3474<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;">SHOP BY COLOR</strong>
3475<ul class="subchildmenu" style="margin-top: 0;">
3476<li class="ui-menu-item level2"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/black.html">Black</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/brown.html">Brown</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/blonde.html">Blonde</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;
3476" href="https://canadahair.ca/hair-extensions/balayage-ombre.html">Balayage &amp; ombre</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/gray.html">Gray</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/fantasy.html">Fantasy</a></li>
3477</ul>
3478</li>
3479<!-- COLUMN 2 -->
3480<li class="ui-menu-item level1 parent">
3481<div class="open-children-toggle">&nbsp;</div>
3482<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;">SHOP BY LENGTH</strong>
3483<ul class="subchildmenu" style="margin-top: 0;">
3484<li class="ui-menu-item level2"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/10-12-14-inch.html">10, 12, &amp; 14 inch</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/16-18-20-inch.html">16, 18, 20 inch</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/22-24-26-28-inch.html">22 inch &amp; more</a></li>
3485</ul>
3486</li>
3487<!-- COLUMN 3 -->
3488<li class="ui-menu-item level1 parent">
3489<div class="open-children-toggle">&nbsp;</div>
3490<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;">SHOP BY QUALITY</strong>
3491<ul class="subchildmenu" style="margin-top: 0;">
3492<li class="ui-menu-item level2"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/human-hair.html">Remy human hair</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/european-hair.html">European hair <span style="background-color: #00cc99; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">ELITE QUALITY</span></a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/synthetic.html">Synthetic hair</a></li>
3493</ul>
3494</li>
3495<!-- COLUMN 4 -->
3496<li class="ui-menu-item level1 parent">
3497<div class="open-children-toggle">&nbsp;</div>
3498<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;">SHOP BY STYLE</strong>
3499<ul class="subchildmenu" style="margin-top: 0;">
3500<li class="ui-menu-item level2"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/hair-extensions/wavy.html">Wavy <span style="background-color: #ff5050; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">POPULAR</span></a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/jet-black-hair-toupee-men-hair-replacement-system-pu-topper-0406.html">For men <span style="background-color: #0066ff; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">FOR MEN</span></a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/tools.html">Tools &amp; Samples</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/low-budget.html">Low-budget clip-ins</a></li>
3501</ul>
3502</li>
3503<!-- COLUMN 5 -->
3504<li class="ui-menu-item level1 parent">
3505<div class="open-children-toggle">&nbsp;</div>
3506<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;">SHOP BY BRAND</strong>
3507<ul class="subchildmenu" style="margin-top: 0;">
3508<li class="ui-menu-item level2"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;
3508" href="https://canadahair.ca/brands/tara-hair.html">XO Tara Hair ™</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/brands/quality-hair.html">XO Quality Hair ™</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/brands/sam-conan.html">Sam Conan ™ </a></li>
3509</ul>
3510</li>
3511</ul>
3512</div>
3513</div>
3514</div>
3515</li>
3516<!-- TOPPERS -->
3517<li class="ui-menu-item level0 staticwidth parent" style="text-align: left;">
3518<div class="open-children-toggle">&nbsp;</div>
3519<a class="level-top" style="color: #ffffff; padding: 0 10px !important; line-height: 35px; font-size: 18px;" title="TOPPERS" href="https://canadahair.ca/thinning-hair-part-hair-topper-remy-hair.html?ci=21&amp;qi=part&amp;li=10inches&amp;bi="> TOPPERS </a>
3520<div class="level0 submenu" style="position: absolute; top: 100%; left: auto; transform: translateX(-54%); width: 80vw; min-height: 650px; padding: 30px 60px; border-radius: 0; z-index: 9999; right: 0;">
3521<div class="container2">
3522<div class="row">
3523<ul class="subchildmenu col-md-12 mega-columns columns5"><!-- ================= COLUMN 1 ================= -->
3524<li class="ui-menu-item level1 parent">
3525<div class="open-children-toggle">&nbsp;</div>
3526<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;"> SHOP BY </strong>
3527<ul class="subchildmenu" style="margin-top: 0;">
3528<li class="ui-menu-item level2" style="margin-top: 0;"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-part-10inch-1.html">Black</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-part-10inch-2.html">Brown</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-part-10inch-60.html">Blonde</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-part-10inch-omb-balayage.html">Balayage &amp; ombre</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-part-10inch-sterling-silver.html">Gray</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-part-10inch-1b.html">10 inch</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-part-14inch-1b.html">14 inch</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-part-18inch-1b.html">18 inch</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/bang-topper-remy-part-10inch-1b.html">With bangs <span style="background-color: #ff5050; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">POPULAR</span></a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-part-10inch-1b.html">Part area</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-crown-10inch-2.html">Crown area</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/topper-remy-full-10inch-2.html">Full coverage</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;
3528" href="https://canadahair.ca/jet-black-hair-toupee-men-hair-replacement-system-pu-topper-0406.html">Men toupees <span style="background-color: #0066ff; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">FOR MEN</span></a></li>
3529</ul>
3530</li>
3531<!-- ================= COLUMN 2 ================= -->
3532<li class="ui-menu-item level1 parent">
3533<div class="open-children-toggle">&nbsp;</div>
3534<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;">&nbsp;</strong>
3535<ul class="subchildmenu">
3536<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/bang-topper-remy-part-10inch-1.html"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/1-topper.png" alt="Black hair toppers"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; white-space: nowrap; hyphens: none; word-break: keep-all; text-transform: none;"> Black hair toppers </span> </a></li>
3537</ul>
3538</li>
3539<!-- ================= COLUMN 3 ================= -->
3540<li class="ui-menu-item level1 parent"><strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;">&nbsp;</strong>
3541<ul class="subchildmenu">
3542<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/bang-topper-remy-part-10inch-4.html"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/2-topper.png" alt="Brown hair toppers"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; white-space: nowrap; hyphens: none; word-break: keep-all; text-transform: none;"> Brown hair toppers </span> </a></li>
3543</ul>
3544</li>
3545<!-- ================= COLUMN 4 ================= -->
3546<li class="ui-menu-item level1 parent">
3547<div class="open-children-toggle">&nbsp;</div>
3548<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;">&nbsp;</strong>
3549<ul class="subchildmenu">
3550<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/bang-topper-remy-part-10inch-60.html"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/3-topper.png" alt="Blonde &amp; balayage hair toppers"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; white-space: nowrap; hyphens: none; word-break: keep-all; text-transform: none;"> Blonde &amp; balayage hair toppers </span> </a></li>
3551</ul>
3552</li>
3553<!-- ================= COLUMN 5 ================= -->
3554<li class="ui-menu-item level1 parent"><strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;">&nbsp;</strong>
3555<ul class="subchildmenu">
3556<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/bang-topper-remy-part-10inch-1b80.html"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/4-topper.png" alt="Gray hair toppers"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; white-space: nowrap; hyphens: none; word-break: keep-all; text-transform: none;"> Grey hair toppers </span> </a></li>
3557</ul>
3558</li>
3559</ul>
3560</div>
3561</div>
3562</div>
3563</li>
3564<!-- WIGS -->
3565<li class="ui-menu-item level0 staticwidth parent" style="text-align: left;">
3566<div class="open-children-toggle">&nbsp;</div>
3567<a class="level-top" style="color: #ffffff; padding: 0 10px !important; line-height: 35px; font-size: 18px;
3567" title="WIGS" href="https://canadahair.ca/wigs.html"> WIGS </a>
3568<div class="level0 submenu" style="position: absolute; top: 100%; left: auto; transform: translateX(-47%); width: 80vw; min-height: 650px; padding: 30px 60px; border-radius: 0; z-index: 9999; right: 0;">
3569<div class="container2">
3570<div class="row">
3571<ul class="subchildmenu col-md-12 mega-columns columns5"><!-- ================= COLUMN 1 ================= -->
3572<li class="ui-menu-item level1 parent">
3573<div class="open-children-toggle">&nbsp;</div>
3574<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;"> SHOP BY </strong>
3575<ul class="subchildmenu" style="margin-top: 0;">
3576<li class="ui-menu-item level2" style="margin-top: 0;"><!-- Colors --> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/synthetic.html">Synthetic hair</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/remy-hair.html">Remy human hair <span style="background-color: #ff5050; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">POPULAR</span> </a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/european-hair.html">European hair <span style="background-color: #00cc99; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">ELITE QUALITY</span></a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/black.html">Black</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/brown.html">Brown</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/blonde.html">Blonde</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/balayage-ombre.html">Balayage &amp; ombre</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/grey.html">Gray</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/red.html">Red</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/purple.html">Purple</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/pink.html">Pink</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/white.html">White</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/blue.html">Blue</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/burgundy.html">Burgundy</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/short.html">Short</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/long.html">Long</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/wig-hat.html">Wig hat <span style="background-color: #ff5050; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">POPULAR</span></a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;
3576" href="https://canadahair.ca/wigs/bangs.html">Wig with bangs</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wigs/curly.html?by_style=5893">Curly wigs</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/jet-black-hair-toupee-men-hair-replacement-system-pu-topper-0406.html">Men toupees <span style="background-color: #0066ff; color: #ffffff; padding: 3px 6px; border-radius: 5px; font-weight: bold; margin-left: 10px; font-size: 10px;">FOR MEN</span></a></li>
3577</ul>
3578</li>
3579<!-- ================= COLUMN 2 (Synthetic wigs) ================= -->
3580<li class="ui-menu-item level1 parent">
3581<div class="open-children-toggle">&nbsp;</div>
3582<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;">&nbsp;</strong>
3583<ul class="subchildmenu">
3584<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/wigs/synthetic.html"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/s-wigs.png" alt="Synthetic wigs"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; white-space: nowrap; hyphens: none; word-break: keep-all; text-transform: none;"> Synthetic wigs </span> </a></li>
3585</ul>
3586</li>
3587<!-- ================= COLUMN 3 (Remy hair wigs) ================= -->
3588<li class="ui-menu-item level1 parent"><strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;">&nbsp;</strong>
3589<ul class="subchildmenu">
3590<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/wigs/remy-hair.html"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/r-wigs.png" alt="Remy Human Hair Wigs"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; white-space: nowrap; hyphens: none; word-break: keep-all; text-transform: none;">Remy Human Hair Wigs</span> </a></li>
3591</ul>
3592</li>
3593<!-- ================= COLUMN 4 (European hair wigs) ================= -->
3594<li class="ui-menu-item level1 parent">
3595<div class="open-children-toggle">&nbsp;</div>
3596<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;">&nbsp;</strong>
3597<ul class="subchildmenu">
3598<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/wigs/european-hair.html"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/e-wigs.png" alt="European hair wigs"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; white-space: nowrap; hyphens: none; word-break: keep-all; text-transform: none;"> European hair wigs </span> </a></li>
3599</ul>
3600</li>
3601<!-- ================= COLUMN 5 (Wig hats) ================= -->
3602<li class="ui-menu-item level1 parent"><strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 8px;">&nbsp;</strong>
3603<ul class="subchildmenu">
3604<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/wigs/wig-hat.html"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/wigs-h.png" alt="Wig hats"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; white-space: nowrap; hyphens: none; word-break: keep-all; text-transform: none;"> Wig hats </span> </a></li>
3605</ul>
3606</li>
3607</ul>
3608</div>
3609</div>
3610</div>
3611</li>
3612<!-- deals -->
3613<li class="ui-menu-item level0 staticwidth parent" style="text-align: left;">
3614<div class="open-children-toggle">&nbsp;</div>
3615<a class="level-top" style="color: #ffffff; padding: 0 10px !important; line-height: 35px; font-size: 18px;
3615" title="DEALS" href="https://canadahair.ca/deals"> DEALS </a>
3616<div class="level0 submenu" style="position: absolute; top: 100%; left: auto; transform: translateX(-65%); width: 80vw; min-height: 650px; padding: 30px 60px; border-radius: 0; z-index: 9999; right: 0;">
3617<div class="container2">
3618<div class="row">
3619<ul class="subchildmenu col-md-12 mega-columns columns5"><!-- ================= COLUMN 1 ================= -->
3620<li class="ui-menu-item level1 parent">
3621<div class="open-children-toggle">&nbsp;</div>
3622<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;"> DISCOUNTS </strong>
3623<ul class="subchildmenu" style="margin-top: 0;">
3624<li class="ui-menu-item level2" style="margin-top: 0;"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/rewards-program"> 5% Cashback Program </a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.typeform.com/to/IypFXQ"> 15% Stylist Discount </a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.typeform.com/to/Rl5A85iT?typeform-source=canadahair.ca"> 5% Oath of Loyalty Discount </a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/wholesale"> Wholesale Discounts </a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/lifetime-discount.html"> Lifetime discount </a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/low-budget.html"> Low Budget Clip-ins </a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/win-your-purchase"> Win your purchase </a> <strong style="font-size: 16px; font-weight: 600; display: block; margin-top: 14px; margin-bottom: 6px;"> OUR OTHER WEBSITES </strong>
3625<ul class="subchildmenu" style="margin-top: 0;">
3626<li class="ui-menu-item level2" style="margin-top: 0;"><!-- External domains (NO SEO juice) --> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://NoBrandHair.com" target="_blank" rel="nofollow noopener noreferrer"> NoBrandHair.com </a></li>
3627</ul>
3628</li>
3629</ul>
3630</li>
3631<!-- ================= COLUMN 2 ================= -->
3632<li class="ui-menu-item level1 parent">
3633<ul class="subchildmenu">
3634<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/rewards-program"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/cashback.png" alt="5% Cashback Program"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;"> 5% Cashback Program </span> </a></li>
3635</ul>
3636</li>
3637<!-- ================= COLUMN 3 ================= -->
3638<li class="ui-menu-item level1 parent">
3639<ul class="subchildmenu">
3640<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.typeform.com/to/IypFXQ"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/stylist2.png" alt="15% Stylist Discount"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;"> 15% Stylist Discount </span> </a></li>
3641</ul>
3642</li>
3643<!-- ================= COLUMN 4 ================= -->
3644<li class="ui-menu-item level1 parent">
3645<ul class="subchildmenu">
3646<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;
3646" href="https://canadahair.typeform.com/to/Rl5A85iT?typeform-source=canadahair.ca"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/loyalty.png" alt="5% Oath of Loyalty Discount"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;"> 5% Oath of Loyalty Discount </span> </a></li>
3647</ul>
3648</li>
3649<!-- ================= COLUMN 5 ================= -->
3650<li class="ui-menu-item level1 parent">
3651<ul class="subchildmenu">
3652<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/wholesale"> <img style="width: 100%; max-width: 370px; height: 370px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/wholesale.png" alt="Wholesale Discounts"> <span style="font-size: 15px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;"> Wholesale Discounts </span> </a></li>
3653</ul>
3654</li>
3655</ul>
3656</div>
3657</div>
3658</div>
3659</li>
3660<!-- HELP -->
3661<li class="ui-menu-item level0 staticwidth parent" style="text-align: left;">
3662<div class="open-children-toggle">&nbsp;</div>
3663<a class="level-top" style="color: #ffffff; padding: 0 10px !important; line-height: 35px; font-size: 18px;" title="HELP" href="https://canadahair.ca/help"> HELP </a>
3664<div class="level0 submenu" style="position: absolute; top: 100%; left: auto; transform: translateX(-72%); width: 80vw; min-height: 650px; padding: 30px 60px; border-radius: 0; z-index: 9999; right: 0;">
3665<div class="container2">
3666<div class="row">
3667<ul class="subchildmenu col-md-12 mega-columns columns5"><!-- ================= COLUMN 1 ================= -->
3668<li class="ui-menu-item level1 parent">
3669<div class="open-children-toggle">&nbsp;</div>
3670<strong style="font-size: 16px; font-weight: 600; display: block; margin-bottom: 6px;"> HELP &amp; SUPPORT </strong>
3671<ul class="subchildmenu" style="margin-top: 0;">
3672<li class="ui-menu-item level2" style="margin-top: 0;"><a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/help">Help Center</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.reamaze.com/conversations/new">Email us</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="#"> Call us toll-free 24/7 </a><a style="font-weight: 400 !important;" href="tel:+18886578876">1-888-657-8876</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="#"> SMS support </a><a style="font-weight: 400 !important;" href="tel:+12369796541">236-979-6541</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://form.typeform.com/to/PS15PMn9">3 Steps Hair Quiz</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.typeform.com/to/aKjQx0Hz?typeform-source=canadahair.ca">3 Swatches for $5</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/upload-selfie-recommendation">Get a recommendation</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/payment-plans">Payment plans</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/gift-card-canada-hair.html">Gift cards</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/videos">Videos</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;
3672" href="https://canadahair.ca/brands.html">Our brands</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/reviews">Post a review</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/reviews/before-after-hair-extensions">Before &amp; after</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/blog.html">Our blog</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.reamaze.com/kb/shipping/when-will-i-receive-my-order">Shipping information</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.reamaze.com/kb/shipping/can-i-return-or-exchange-an-item">Return policy</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/team">Our team</a> <a style="font-size: 14px; font-weight: 400 !important; display: block; padding: 6px 2px 0; text-transform: none;" href="https://canadahair.ca/canada-hair-company">About us</a></li>
3673</ul>
3674</li>
3675<!-- ================= COLUMN 2 ================= -->
3676<li class="ui-menu-item level1 parent">
3677<ul class="subchildmenu"><!-- Row 1: 3 swatches for $5 -->
3678<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.typeform.com/to/aKjQx0Hz?typeform-source=canadahair.ca"> <img style="width: 100%; max-width: 370px; height: 220px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/swatch2.png" alt="Get 3 swatches for $5"> </a></li>
3679<!-- Row 2: Get a recommendation -->
3680<li class="ui-menu-item level2" style="margin-top: 14px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/upload-selfie-recommendation"> <img style="width: 100%; max-width: 370px; height: 220px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/selfie2.png" alt="Get a recommendation"> </a></li>
3681</ul>
3682</li>
3683<!-- ================= COLUMN 3 ================= -->
3684<li class="ui-menu-item level1 parent">
3685<ul class="subchildmenu"><!-- Row 1: Help Center -->
3686<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/help"> <img style="width: 100%; max-width: 370px; height: 220px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/help2.png" alt="Help Center"> </a></li>
3687<!-- Row 2: Return policy -->
3688<li class="ui-menu-item level2" style="margin-top: 14px;"><a style="display: block; text-decoration: none;" href="https://canadahair.reamaze.com/kb/shipping/can-i-return-or-exchange-an-item"> <img style="width: 100%; max-width: 370px; height: 220px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/returns2.png" alt="Return policy"> </a></li>
3689</ul>
3690</li>
3691<!-- ================= COLUMN 4 ================= -->
3692<li class="ui-menu-item level1 parent">
3693<ul class="subchildmenu"><!-- Row 1: Our blog -->
3694<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/blog.html"> <img style="width: 100%; max-width: 370px; height: 220px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/blog2.png" alt="Our blog"> </a></li>
3695<!-- Row 2: Videos -->
3696<li class="ui-menu-item level2" style="margin-top: 14px;"><a style="display: block; text-decoration: none;" href="https://canadahair.ca/videos"> <img style="width: 100%; max-width: 370px; height: 220px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/videos2.png" alt="Videos"> </a></li>
3697</ul>
3698</li>
3699<!-- ================= COLUMN 5 ================= -->
3700<li class="ui-menu-item level1 parent">
3701<ul class="subchildmenu"><!-- Row 1: Email us -->
3702<li class="ui-menu-item level2" style="margin-top: 8px;"><a style="display: block; text-decoration: none;
3702" href="https://canadahair.reamaze.com/conversations/new"> <img style="width: 100%; max-width: 370px; height: 220px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/email2.png" alt="Email us"> </a></li>
3703<!-- Row 2: Call us toll-free 24/7 (number stays same line) -->
3704<li class="ui-menu-item level2" style="margin-top: 14px;"><a style="display: block; text-decoration: none;" href="tel:+18886578876"> <img style="width: 100%; max-width: 370px; height: 220px; object-fit: cover; border-radius: 10px; margin-bottom: 10px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/banner/call2.png" alt="Call us toll-free 24/7"> </a></li>
3705</ul>
3706</li>
3707</ul>
3708</div>
3709</div>
3710</div>
3711</li>
3712    </ul>
3713</nav>
3714
3715<script type="text/javascript">
3716    require([
3717        'jquery',
3718        'Smartwave_Megamenu/js/sw_megamenu'
3719    ], function ($) {
3720        $(".sw-megamenu").swMegamenu();
3721    });
3722</script>
3722
3723                </div>
3724                                            <div class="section-item-title nav-sections-item-title"
3725                     data-role="collapsible">
3726                    <a class="nav-sections-item-switch"
3727                       data-toggle="switch" href="#store.links">
3728                        Account                    </a>
3729                </div>
3730                <div class="section-item-content nav-sections-item-content"
3731                     id="store.links"
3732                     data-role="content">
3733                    <!-- Account links -->                </div>
3734                                    </div>
3735    </div>
3736
3737    
3737<script>
3738        require(['jquery', 'domReady!'], function ($) {
3739            $(function () {
3740                $('.section-item-close').click(function () {
3741                    $('.nav-toggle').trigger('click');
3742                });
3743            });
3744        });
3745    </script>
3745
3746
3747</header>
3748<div class="breadcrumbs">
3749    <ul class="items">
3750                    <li class="item home">
3751                            <a href="https://canadahair.ca/"
3752                   title="Go to Home Page">
3753                    Home                </a>
3754                        </li>
3755                    <li class="item cms_page">
3756                            <strong>Deals</strong>
3757                        </li>
3758            </ul>
3759</div>
3760<div class="widget block block-static-block">
3761    <p>
3761<script>
3762document.querySelectorAll('link[rel="stylesheet"][href="https://cdn.canadahair.ca/media/porto/configed_css/design_english.css"]').forEach(function(link){
3763  link.parentNode.removeChild(link);
3764});
3765</script>
3765
3766
3767<style>
3768/*WARNING: Do not change this file. Your changes will be lost. 2017-04-05 08:38:57 */
3769
3770.theme-color{color:#333333 !important;}
3771.theme-hover-color:hover{color:#333333 !important;}
3772.theme-bg-color{background-color:#333333 !important;}
3773.theme-border-color{border-color:#333333 !important;}
3774.theme-hover-bg-color:hover{background-color:#333333 !important;}
3775a,a:hover, .page-header a, .page-header a:hover, .page-header .panel.header .header.links > li > a, .minicart-wrapper .action.showcart:before, .minicart-wrapper .action.showcart.active:before, .owl-theme .owl-controls .owl-nav [class*=owl-], .recent-posts .post-date .day, .minicart-wrapper .action.showcart:hover:before, .minicart-wrapper .action.showcart:active:before, .minicart-wrapper .action.showcart.active:before, .minicart-wrapper .action.showcart.active:hover:before, .sorter-action:before, .pages a.page, .pages a.page, .sorter-action:hover:before, .product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price, .product-info-main .product-info-price .price-wrapper .price, .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover, .minicart-items .action.edit:before, .minicart-items .action.delete:before, .page-main > .page-title-wrapper .page-title, .cart.table-wrapper .product-item-name > a, .cart.table-wrapper .product-item-name > a:hover, .cart.table-wrapper .col.subtotal .price, .cart.table-wrapper .actions-toolbar > .action-edit:hover:before, .cart.table-wrapper .actions-toolbar > .action-delete:hover:before, .cart.table-wrapper .actions-toolbar > .action-edit:before, .cart.table-wrapper .actions-toolbar > .action-delete:before, .paypal-review-discount .block > .title strong, .cart-discount .block > .title strong, .minicart-items .action.edit:hover:before, .minicart-items .action.delete:hover:before, .authentication-wrapper button.action-auth-toggle, .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before, .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .popup .actions-toolbar .action.cancel:hover, .paypal-button-widget .paypal-button:hover, .bundle-options-container .action.back:hover, .block.related .action.select:hover, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .action.help.map:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .payment-method-billing-address .action-cancel:hover, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:hover, .checkout-agreements-block .action-show:hover, .gift-options .actions-toolbar .action-cancel:hover, .gift-summary .action-edit:hover, .gift-summary .action-delete:hover, .gift-wrapping-title .action-remove:hover, .wishlist.split.button > .action:hover, .abs-add-fields .action.remove:hover, .paypal-review-discount .action.check:hover, .cart-discount .action.check:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover, .opc-progress-bar-item._complete > span, .checkout-payment-method .payment-option-title .action-toggle, .checkout-payment-method .payment-option-title .action-toggle:after, .opc-block-shipping-information .shipping-information-title .action-edit:before, .opc-block-shipping-information .shipping-information-title .action-edit:hover:before, .block-collapsible-nav .item.current a, .block-collapsible-nav .item.current strong, .block-collapsible-nav .item a:hover, .block-collapsible-nav .item a:active, .block-collapsible-nav .item a:focus, .magento-rma-returns-returns .page-main .page-title-wrapper .page-title, .magento-rma-returns-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title, .account .page-main .page-title-wrapper .page-title, [class^="sales-guest-"] .page-main .page-title-wrapper .page-title, .sales-guest-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title, .fieldset > .legend, p .alternative-font, .entry-content h3, .history h4, .nav-toggle:before, .block-search .label:before, .nav-toggle:hover:before, .block-search .label:hover:before, .fotorama .fotorama-sprite, .fotorama__fullscreen .fotorama .fotorama__zoom-out, .fotorama__fullscreen .fotorama .fotorama__zoom-in, .fotorama .fotorama__arr .fotorama__arr__arr, .fotorama .fotorama__fullscreen-icon, .fotorama .fotorama__thumb__arr, .page-header.type5 .search-area > a, .page-header.type5 .search-area > a:hover, .page-header.type5 .minicart-wrapper .action.showcart:before, .page-header.type5 .minicart-wrapper .action.showcart.active:before, .page-header.type5 .minicart-wrapper .action.showcart .counter.qty, .page-header.type5 .block-search .action.search:before, .block-search .action.search:before, .filterproducts-tab .data.items > .item.title[aria-expanded=true] a.switch, .page-header.type7 .minicart-wrapper .action.showcart .counter.qty, .qty.field .qty-changer > a:hover, .post-holder .post-date .day, .widget.block-recent-posts ul li a, .post-list .post-content .post-read-more, .post-header .post-title a, a:visited, .alink:visited, a:active, .alink:active, .block-category-event > div.event-desc, .block-category-event .event-ticker .dates > div > span.desc, #ln_price_slider .ui-slider-handle, .table.grouped .price-box .price, .abs-action-remove, .abs-discount-block .action.check, .popup .actions-toolbar .action.cancel, .paypal-button-widget .paypal-button, .bundle-options-container .action.back, .block.related .action.select, .cart.table-wrapper .actions-toolbar > .action-delete, .cart.table-wrapper .action.help.map, .checkout-index-index .modal-popup .modal-footer .action-hide-popup, .opc-wrapper .edit-ad
3775dress-link, .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle, .checkout-payment-method .payment-method-billing-address .action-cancel, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address, .checkout-agreements-block .action-show, .gift-options .actions-toolbar .action-cancel, .gift-summary .action-edit, .gift-summary .action-delete, .gift-wrapping-title .action-remove, .wishlist.split.button > .action, .abs-add-fields .action.remove, .paypal-review-discount .action.check, .cart-discount .action.check, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove, .minicart-items .product-item-name a
3776    {color:#333333;}
3777.action.primary, .action.primary:hover, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .recent-posts .post-date .month, .footer-ribbon, .filter-options-title:hover:after, .modes-mode.active, .modes-mode:hover, .pages strong.page, .pages .action:hover, .pages a.page:hover, button:hover, .action.primary:focus, .action.primary:active, .btn-primary, .contact-index-index .page-main .contact-info [class^="porto-icon-"], .contact-index-index .page-main .contact-info [class*=" porto-icon-"], .btn-default, .cms-index-index blockquote.testimonial, .btn-default:hover, .products-grid .product-item-info:hover .product-item-details .product-item-actions .tocart, .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart, .post-holder .post-date .month, .page-header.type8 .header.content, .page-header.type11 .navigation li.level0.active, .iwd-summary-cart, #ln_price_slider .ui-slider-handle, .filter-toggle.active,.products-grid .product-item .product-item-info:hover .weltpixel-quickview.weltpixel_quickview_button_v2
3778    {background-color:#333333;}
3779.action.primary, .action.primary:hover, .modes-mode.active, .modes-mode:hover, .pages strong.page, .pages .action:hover, .pages a.page:hover, .fotorama__nav .fotorama__thumb-border, button:hover, .action.primary:focus, .action.primary:active, .products-grid .product-item-info:hover .product-item-details .product-item-actions .tocart, .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart, .filter-toggle.active,i.ajax-loader, .swatch-option.selected, .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover, .swatch-option:not(.disabled):hover
3780    {border-color:#333333;}
3781.page-header, .minicart-wrapper .block-minicart, .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover, .authentication-dropdown, .login-container, .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage, .featured-box .box-content, .history .featured-box .box-content, .form.search.advanced, .homepage-grid-banner .ribbon:before, .cms-index-index .testimonial-arrow-down, #newsletter_popup, .iwd-one-page-checkout-sidebar .iwd-opc-block-summary, .block-header-customer-login
3782    {border-top-color:#333333;}
3783.minicart-wrapper .block-minicart:before, .prev-next-products .product-nav .product-pop:before, .iwd-one-page-checkout-sidebar .iwd-opc-block-summary:before, .block-header-customer-login:before
3784    {border-bottom-color:#333333;}
3785@media (max-width: 767px) {
3786    .navigation a {
3787        color: #777 !important;
3788    }
3789    .navigation a:hover, .nav-sections .header.links a:hover {
3790        color: #333333 !important;
3791    }
3792    header.page-header .nav-sections-item-title.active > a, header.page-header .nav-sections-item-title.active > a:hover, header.page-header .nav-sections-item-title.active > a:focus {
3793        color: #333333;
3794    }
3795    header.page-header .nav-sections-item-title, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:focus {
3796        background-color: #333333;
3797    }
3798    .page-header.type5 .minicart-wrapper .action.showcart .counter.qty {
3799        color: #fff;
3800    }
3801}
3802@media (min-width: 768px) {
3803    .page-header.type1 .navigation li.level0, .page-header.type1 .panel.header .header.links > li > a, .page-header.type1 .panel.header .header.links > li > a:hover,.page-header.type3 .header.panel .top-panel>.links > li > a, .page-header.type3 .header.panel .top-panel>.links > li > a:hover, .page-header.type4 .header.panel .links > li > a, .page-header.type4 .header.panel .links > li > a:hover, .page-header.type3 .header.panel .block-search .action.search:before, .page-header.type6 .navigation .level0 > .level-top, .page-header.type6 .minicart-wrapper .action.showcart:before, .page-header.type6 .minicart-wrapper .action.showcart.active:before, .page-header.type6 .search-area > a, .page-header.type6 .search-area > a:hover, .page-header.type6 .block-search .action.search:before, .page-header.type11 .panel.header .header.links > li > a, .page-header.type4 .header.panel .block-search .action.search:before, .page-header.type9 .header.panel .block-search .action.search:before, .page-header.type11 .panel.header .header.links > li > a:hover, .page-header.type11 .navigation li.level0:hover {
3804        color: #333333;
3805    }
3806    .page-header.type1 .navigation li.level0.active, .page-header.type1 .navigation li.level0:hover, .page-header.type3 .navigation .level0:hover > .level-top, .page-header.type4 .navigation .level0:hover > .level-top, .page-header.type3 .navigation .level0.active > .level-top, .page-header.type3 .navigation .level0.has-active > .level-top, .page-header.type4 .navigation .level0.active > .level-top, .page-header.type4 .navigation .level0.has-active > .level-top, .page-header.type6 .panel.wrapper, .page-header.type6 .navigation .level0:hover > .level-top, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default, .sw-megamenu.navigation.side-megamenu li.level0:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:hover {
3807        background-color: #333333;
3808    }
3809    .navigation .level0 .submenu {
3810        border-color:#333333;
3811    }
3812    .product.info.detailed.vertical .product.data.items > .item.title.active > .switch, .product.info.detailed.vertical .product.data.items > .item.title.active > .switch:focus, .product.info.detailed.vertical .product.data.items > .item.title.active > .switch:hover {
3813        border-left-color: #333333;
3814    }
3815    .sw-megamenu.navigation.side-megamenu li.level0:hover > a {
3816        border-top-color:#333333;
3817    }
3818}
3819a:hover{color:#FF508C}
3820button.action.primary{
3821}
3822button.action.primary:hover{
3823    background-color:#FF508C;
3824    border-color:#FF508C;
3825}
3826@media (min-width: 768px){
3827    .page-header.type1 .navigation > ul, .page-header.type2 .nav-sections, .page-header.type8 .menu-wrapper, .page-header .drop-menu .nav-sections, .page-header.type11 .nav-sections, .page-header.type16 .nav-sections, .page-header.type17 .nav-sections {
3828        background-color: #FFFFFF;
3829    }
3830}
3831@media (min-width: 768px){
3832    .sw-megamenu.navigation span.cat-label.cat-label-label3 {
3833        background-color: #FF5A33;
3834    }
3835    .sw-megamenu.navigation li.level0 > a > span.cat-label.cat-label-label3:before {
3836        border-top-color: #FF5A33;
3837    }
3838    .sw-megamenu.navigation li .subchildmenu li > a > span > span.cat-label.cat-label-label3:before, .sw-megamenu.navigation.side-megamenu li.level0 > a > span.cat-label.cat-label-label3:before {
3839        border-right-color: #FF5A33;
3840    }
3841}
3842@media (max-width: 768px){
3843    .sw-megamenu.navigation span.cat-label.cat-label-label3 {
3844        background-color: #FF5A33;
3845    }
3846    .sw-megamenu.navigation span.cat-label.cat-label-label3:before {
3847        border-right-color: #FF5A33;
3848    }
3849}
3850.footer-ribbon:before{
3851    border-right-color:#FF508C;
3852}
3853</style>
3854
3855</p></div>
3856<div class="widget block block-static-block">
3857    
3857<script>
3858(function(){if(!window.chatbase||window.chatbase("getState")!=="initialized"){window.chatbase=(...arguments)=>{if(!window.chatbase.q){window.chatbase.q=[]}window.chatbase.q.push(arguments)};window.chatbase=new Proxy(window.chatbase,{get(target,prop){if(prop==="q"){return target.q}return(...args)=>target(prop,...args)}})}const onLoad=function(){const script=document.createElement("script");script.src="https://www.chatbase.co/embed.min.js";script.id="G4k7DYLVNakAkUBfSt3yD";script.domain="www.chatbase.co";document.body.appendChild(script)};if(document.readyState==="complete"){onLoad()}else{window.addEventListener("load",onLoad)}})();
3859</script>
3859
3860</div>
3861<main id="maincontent" class="page-main"><a id="contentarea" tabindex="-1"></a>
3862<div class="page messages"><div data-placeholder="messages"></div>
3863<div data-bind="scope: 'messages'">
3864    <!-- ko if: cookieMessages && cookieMessages.length > 0 -->
3865    <div role="alert" data-bind="foreach: { data: cookieMessages, as: 'message' }" class="messages">
3866        <div data-bind="attr: {
3867            class: 'message-' + message.type + ' ' + message.type + ' message',
3868            'data-ui-id': 'message-' + message.type
3869        }">
3870            <div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div>
3871        </div>
3872    </div>
3873    <!-- /ko -->
3874
3875    <!-- ko if: messages().messages && messages().messages.length > 0 -->
3876    <div role="alert" data-bind="foreach: { data: messages().messages, as: 'message' }" class="messages">
3877        <div data-bind="attr: {
3878            class: 'message-' + message.type + ' ' + message.type + ' message',
3879            'data-ui-id': 'message-' + message.type
3880        }">
3881            <div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div>
3882            <!-- ko if: $parent.isSuccessMessage(message) --><!-- /ko -->
3883        </div>
3884    </div>
3885    <!-- /ko -->
3886</div>
3887<script type="text/x-magento-init">
3888    {
3889        "*": {
3890            "Magento_Ui/js/core/app": {
3891                "components": {
3892                        "messages": {
3893                            "component": "Magento_Theme/js/view/messages"
3894                        }
3895                    }
3896                }
3897            }
3898    }
3899</script>
3899
3900</div><div class="widget block block-static-block">
3901    </div>
3902<div class="widget block block-static-block">
3903    <p>
3903<script>
3904    // variable : review-text-allpages
3905    document.addEventListener('DOMContentLoaded', function() {
3906        setTimeout(function(){
3907            if(document.querySelectorAll('.yotpo-reviews-tab-layout > .yotpo-base-layout')[0]){
3908            console.log("1");
3909                const targetNode1 = document.querySelectorAll('.yotpo-reviews-tab-layout > .yotpo-base-layout')[0];
3910                
3911                // Options for the observer (which mutations to observe)
3912                const observerConfig = {childList: true};
3913    
3914                // Callback function to execute when mutations are observed
3915                const callback = function(mutationsList, observer) {
3916                    // Use traditional 'for loops' for IE 11
3917                    for(const mutation of mutationsList) {
3918                        if (mutation.type === 'childList') {
3919                            console.log("2");
3920                                setTimeout(function(){
3921                                    if(document.querySelectorAll('.yotpo-reviews-tab-list')[0]){
3922                                    console.log("4");
3923                                        const targetNode2 = document.querySelectorAll('.yotpo-reviews-tab-list')[0];
3924                                        
3925                                        // Options for the observer (which mutations to observe)
3926                                        const observerConfig = {childList: true};
3927    
3928                                        // Callback function to execute when mutations are observed
3929                                        const callback = function(mutationsList, observer) {
3930                                            // Use traditional 'for loops' for IE 11
3931                                            for(const mutation of mutationsList) {
3932                                                if (mutation.type === 'childList') {
3933                                                    console.log("5");
3934                                                    adjustD();
3935                                                    adjustTabReviews();
3936                                                    console.log("6");
3937                                                }
3938                                            }
3939                                        };
3940                                        
3941                                        // Create an observer instance linked to the callback function
3942                                        const observer = new MutationObserver(callback);
3943    
3944                                        // Start observing the target node for configured mutations
3945                                        observer.observe(targetNode2, observerConfig);	
3946                                    console.log("5");
3947                                    adjustD();
3948                                    adjustTabReviews();
3949                                    }
3950                                }, 500);
3951                            console.log("3");
3952                        }
3953                    }
3954                };
3955                
3956                // Create an observer instance linked to the callback function
3957                const observer = new MutationObserver(callback);
3958    
3959                // Start observing the target node for configured mutations
3960                observer.observe(targetNode1, observerConfig);	
3961            }
3962    
3963    
3964    
3965    
3966            function adjustTabReviews(){
3967                var time = 0;
3968                for(var i = 0; i < document.querySelectorAll(".yotpo-reviews-tab-review-rating-title").length; i++){
3969                    if(document.querySelectorAll(".yotpo-reviews-tab-review-rating-title")[i]){
3970                        if(document.querySelectorAll(".yotpo-reviews-tab-review-content")[i].children.length==3 && document.querySelectorAll(".yotpo-reviews-tab-review-content")[i].children[1].innerText == "Read more"){
3971                            document.querySelectorAll(".yotpo-reviews-tab-review-content")[i].children[1].click();
3972                            var time = 500;
3973                        }
3974                    }
3975                }
3976                            
3977                setTimeout(function(){
3978                    for(var i = 0; i < document.querySelectorAll(".yotpo-reviews-tab-review-rating-title").length; i++){
3979                        if(document.querySelectorAll(".yotpo-reviews-tab-review-rating-title")[i]){
3980                            var rTitle = document.querySelectorAll(".yotpo-reviews-tab-review-rating-title")[i].innerHTML;
3981                            var nText = document.querySelectorAll(".yotpo-reviews-tab-review-content")[i].innerHTML;
3982                            
3983                            // halo to wire
3984                            rTitle= rTitle.replaceAll("halo extension", "invisible wire extension");
3985                            nText = nText.replaceAll("halo extension", "invisible wire extension");
3986                            rTitle= rTitle.replaceAll("halo", "invisible wire extensions");
3987                            nText = nText.replaceAll("halo", "invisible wire extensions");
3988    
3989                            // country specific
3990                            var canada = ["canada hair","canadahair","canadahair.ca","Canada"];
3991                            var usa = ["usa hair","usahair","usahair.com","USA"];
3992                                if(window.location.hostname == "usahair.com"){
3993                                    for(var t = 0; t<4; t++){
3994                                        rTitle= rTitle.replaceAll(canad
3994a[t],usa[t]);
3995                                        nText = nText.replaceAll(canada[t],usa[t]);
3996                                    }
3997                                }else if(window.location.hostname == "canadahair.ca"){
3998                                    for(var t = 0; t<4; t++){
3999                                        rTitle= rTitle.replaceAll(usa[t],canada[t]);
4000                                        nText = nText.replaceAll(usa[t],canada[t]);
4001                                    }
4002                                }
4003                            document.querySelectorAll(".yotpo-reviews-tab-review-rating-title")[i].innerHTML = rTitle;
4004                            document.querySelectorAll(".yotpo-reviews-tab-review-content")[i].innerHTML = nText;
4005                        }
4006                    }
4007                }, time);
4008            }
4009
4010            function adjustD(){
4011                for(i=0;i<document.querySelectorAll(".yotpo-review-date").length;i++){
4012                    var rChange = document.querySelectorAll(".yotpo-review-date")[i];
4013                    if(rChange.innerText.length>10){
4014                        rChange = rChange.children[1];
4015                    }
4016                    console.log(i + " "+rChange.innerText.length);
4017                    if(rChange.classList.contains("done-list")){}else{
4018                        if(rChange.innerText.length == 10){
4019                            if((Number(rChange.innerText.substring(7, 9))<23 && Number(rChange.innerText.substring(4, 6))<32 && Number(rChange.innerText.substring(1, 3))<13) || (Number(rChange.innerText.substring(7, 9))<23 && Number(rChange.innerText.substring(1, 3))<13)){
4020                                console.log("REVIEW " + rChange.innerText + " becomes 23");
4021                                rChange.innerText = rChange.innerText.substring(0, 7) + "23 ";
4022                            }else if((Number(rChange.innerText.substring(7, 9))<24 && Number(rChange.innerText.substring(4, 6))<32 && Number(rChange.innerText.substring(1, 3))<12) || (Number(rChange.innerText.substring(7, 9))<24 && Number(rChange.innerText.substring(1, 3))<9)){
4023                                console.log("REVIEW " + rChange.innerText + " becomes 24");
4024                                rChange.innerText = rChange.innerText.substring(0, 7) + "24 ";
4025                            }
4026                        }else if(rChange.innerText.length == 8){
4027                            if((Number(rChange.innerText.substring(6, 8))<23 && Number(rChange.innerText.substring(3, 5))<32 && Number(rChange.innerText.substring(0, 2))<13) || (Number(rChange.innerText.substring(6, 8))<23 && Number(rChange.innerText.substring(0, 2))<13)){
4028                                console.log("REVIEW " + rChange.innerText + " becomes 23");
4029                                rChange.innerText = rChange.innerText.substring(0, 6) + "23";
4030                            }else if((Number(rChange.innerText.substring(6, 8))<24 && Number(rChange.innerText.substring(3, 5))<32 && Number(rChange.innerText.substring(0, 2))<12) || (Number(rChange.innerText.substring(6, 8))<24 && Number(rChange.innerText.substring(0, 2))<9)){
4031                                console.log("REVIEW " + rChange.innerText + " becomes 24");
4032                                rChange.innerText = rChange.innerText.substring(0, 6) + "24";
4033                            }
4034                        }
4035                        document.querySelectorAll(".yotpo-review-date")[i].classList.add("done-list");
4036                    }
4037                }
4038            }
4039
4040        }, 1000);
4041    }, false);
4042</script>
4042</p></div>
4043<div class="widget block block-static-block">
4044    </div>
4045<div class="widget block block-static-block">
4046    <style type="text/css">.products-grid .product-item-details .product-item-actions {display:none;}
4047
4048
4049.products-grid .product-item div[class^="swatch-opt-"] {display:none;}</style></div>
4050<div class="widget block block-static-block">
4051    <p><div id="product-configuration-chat" class="product-configuration product-configuration-on">
4052    <div>
4053        <div id="configuration-chat-outerdiv" class="configuration-outerdiv">
4054            <div id="transparent-chat" onclick="popupToggleChat('chat')" class="transparent"></div>
4055            <p id="close-popup-x-chat" onclick="popupToggleChat('chat')" class="close-popup-x-inactive">X</p>
4056            <div id="configuration-chat-innerdiv" class="configuration-innerdiv">
4057                <p onclick="popupToggleChat('chat')"><span id="myBtn-chat-CH" class="myBtn">HELP</span> <span id="dots-chat-CH" style="display: inline;"></span></p>
4058                <p class="hiddenLength" id="chat-welcome">How Can We Help You Today?</p>
4059                <div class="hiddenLength">
4060                    <div onclick="popupToggleChat('chat','chatbase')">
4061                        <p>&#129302; Bilbo, Your AI Assistance</p>
4062                        <p>&#9989; Best for Product Recommendations</p>
4063                        <p>&#9989; Fast & Available 24/7</p>
4064                        <p>&#9989; Instant Answers, No Waiting</p>
4065                        <p>Ideal if you're in a hurry or want the most efficient help.</p>
4066                        <div>Talk to Bilbo (AI)</div>
4067                    </div>
4068                    <div onclick="popupToggleChat('chat','reamaze')">
4069                        <p>&#128105;&#8205;&#128188; Personal Help</p>
4070                        <p>&#9989; Great for Order Support</p>
4071                        <p>&#9989; Human Touch & Guidance</p>
4072                        <p>&#9989; May Have a Short Wait</p>
4073                        <p>Best if you have a complex issue or need detailed assistance.</p>
4074                        <div>Talk to a Real Person</div>
4075                    </div>
4076                </div>
4077            </div>
4078        </div>
4079    </div>
4080</div>
4081
4082<script type="text/javascript" xml="space">// <![CDATA[
4083    function popupToggleChat(type,chat) {
4084        if(document.getElementById("myBtn-"+type+"-CH").innerHTML=="X"){
4085            document.getElementById("myBtn-"+type+"-CH").innerHTML= "HELP";
4086            if(document.getElementById("chatbase-bubble-window").style.display != "none"){
4087                document.getElementById("chatbase-bubble-button").click();
4088            }
4089            if(document.getElementById("reamaze-popup").getAttribute("aria-hidden")==null){
4090                document.getElementById("reamaze-widget").click();
4091            }
4092        }else{
4093            //Set width
4094            var w = document.documentElement.clientWidth || document.body.clientWidth || window.innerWidth;
4095            var targetWidth = 768;
4096            if ( w > targetWidth) {    
4097                document.getElementById("close-popup-x-"+type).style.right = ((w - 600)/2.2) + "px";
4098            }
4099
4100            var dots = document.getElementById("dots-"+type+"-CH");
4101            if(document.getElementById("more-"+type+"-CH")){
4102                var moreText = document.getElementById("more-"+type+"-CH");
4103            }
4104            var btnText = document.getElementById("myBtn-"+type+"-CH");
4105            var c = document.getElementById("configuration-"+type+"-innerdiv").children;
4106
4107            var textType = new Map([["chat", ["HELP","CLOSE"]]]);
4108
4109            if (dots.style.display === "none") {
4110                dots.style.display = "inline";
4111                btnText.innerHTML = textType.get(type)[0];
4112                if(moreText){
4113                    moreText.style.display = "none";
4114                }
4115
4116                var i;
4117                for (i = 1; i < c.length; i++) {
4118                c[i].classList.add("hiddenLength");
4119                }
4120                
4121                document.getElementById("configuration-"+type+"-outerdiv").classList.remove("mobile-configuration-OUTERdiv");
4122                document.getElementById("configuration-"+type+"-innerdiv").classList.remove("mobile-configuration-INNERdiv-600");
4123                document.getElementById("close-popup-x-"+type).classList.remove("close-popup-x");  
4124            } else {
4125                dots.style.display = "none";
4126                btnText.innerHTML = btnText.innerHTML = textType.get(type)[1]; 
4127                if(moreText){
4128                    moreText.style.display = "inline";
4129                }
4130
4131                var i;
4132                for (i = 1; i < c.length; i++) {
4133                c[i].classList.remove("hiddenLength");
4134                }
4135                
4136                document.getElementById("configuration-"+type+"-outerdiv").classList.add("mobile-configuration-OUTERdiv");
4137                document.getElementById("configuration-"+type+"-innerdiv").classList.add("mobile-configuration-INNERdiv-600");
4138                document.getElementById("close-popup-x-"+type).classList.add("close-popup-x");
4139            }
4140
4141            if(chat){
4142                if(chat=="reamaze"){
4143                         document.getElementById("reamaze-widget").click();
4144                }else{
4145                    if(document.getElementById("chatbase-bubble-window").style.display == "none"){
4146                        document.getElementById("chatbase-bubble-button").click();
4147                    }
4148                }
4149                 if ( w > targetWidth) { 
4150                    btnText.innerHTML = "X";
4151                 }
4152            }
4153        }
4154    }
4155
4156</script>
4156
4157
4158<style>
4159#reamaze-container > button{
4160    display:none!important;
4161}
4162#chatbase-bubble-button,#reamaze-widget{
4163    visibility: hidden;
4164}
4165
4166#myBtn-chat-CH{
4167letter-spacing: 2px;
4168}
4169#chat-welcome{
4170    font-size:18px;
4171    margin-top:80px;
4172    margin-bottom:20px;
4173}
4174#configuration-chat-innerdiv > div{
4175    display: flex;
4176    color: black;
4177    text-align: left;
4178    font-size: 14px;
4179    padding:0px 0px 0px 40px;
4180}
4181#configuration-chat-innerdiv > div > div{
4182width:50%;
4183padding: 15px;
4184font-weight: 300;
4185cursor:pointer;
4186}
4187#configuration-chat-innerdiv > div > div > div{
4188background-color:black;
4189color:white;
4190border-radius:5px;
4191padding: 10px 15px;
4192width: max-content;
4193}
4194#configuration-chat-innerdiv > div > div p:first-of-type {
4195  font-weight: bold;
4196  font-size:16px;
4197}
4198#configuration-chat-innerdiv > div > div p:last-of-type {
4199  font-style: italic;
4200  color: gray;
4201}
4202
4203.product-configuration > div{
4204    display:block!important;
4205    flex: none!important;
4206    justify-content: center;
4207    padding: none!important;
4208    height: auto!important;
4209    background: none!important;
4210    border: none!important;
4211    box-shadow: none!important;
4212    border-radius: none!important;
4213    margin-bottom: 0px;
4214    height: auto!important;
4215    max-width: 100%!important;
4216    min-width: 100%!important;
4217    width: 100%!important;
4218}
4219
4220#product-configuration{
4221text-align:center;
4222}
4223
4224#product-configuration-disclaimer-sentence{
4225font-size:15px;
4226color: rgb(80,80,80,1);
4227font-weight: 400!important;
4228}
4229
4230.myBtn{
4231font-size: 14px;
4232margin:0px;
4233}
4234
4235.configuration-innerdiv> p:nth-child(1){
4236cursor: pointer;
4237text-align: center;
4238}
4239
4240.product-configuration > div > div> div > .configuration-innerdiv > p:nth-child(1){
4241margin-block-start: 0em!important;
4242margin-block-end: 0.35em!important;
4243}
4244
4245.hiddenLength{
4246display:none!important;
4247}
4248
4249.mobile-configuration-OUTERdiv{
4250background-color:rgba(230,230,230,0.95);
4251height:100vh!important;
4252width:100vw!important;
4253position:fixed;
4254top:0px;
4255left:0px;
4256z-index:1000001;
4257}
4258
4259.transparent{
4260display:none;
4261position:fixed;
4262width:100%;
4263height:100%;
4264opacity:0.1;
4265top:0;
4266left:0;
4267z-index:1000002;
4268}
4269
4270.mobile-configuration-INNERdiv-600{
4271background-color:rgba(240,240,240);
4272max-height:80vh;
4273width:90vw;
4274max-width:600px;
4275text-align: center;
4276margin-left:auto;
4277margin-right:auto;
4278margin-top:8vh;
4279overflow: auto;
4280box-shadow: 0px 0px 15px 3px rgba(0,0,0,.3)!important;
4281padding:0 0 25px 0;
4282position: relative;
4283z-index:1000004;
4284padding-bottom: 70px;
4285}
4286
4287.mobile-configuration-INNERdiv-600 > p{
4288font-size:16px;
4289color:black;
4290padding:0px 10px;
4291margin-top:15px;
4292margin-bottom:10px;
4293margin-left:auto!important;
4294margin-right:auto!important;
4295max-width:400px;
4296width:95%
4297}
4298.mobile-configuration-INNERdiv-600 > p:nth-child(1){
4299background-color: #ff508c;
4300color:white!important;
4301padding:14px 0px 12px 0px;
4302margin:0px;
4303width:90vw;
4304max-width:600px;
4305position:fixed;
4306border:none;
4307}
4308
4309.mobile-configuration-OUTERdiv > .transparent{
4310display: inline-block!important;
4311}
4312
4313.close-popup-x-inactive{
4314display:none;
4315}
4316.close-popup-x{
4317display: inline-block!important;
4318text-align: center;
4319vertical-align: bottom;
4320position: fixed;
4321width: auto!important;
4322height: auto!important;
4323border: 4px solid #ff508c;
4324background-color: white;
4325color: #ff508c!important;
4326border-radius: 100%;
4327z-index: 1000006;
4328cursor: pointer;
4329}
4330
4331#product-configuration-chat{
4332    position:fixed;
4333    width: 80px;
4334    height: 70px;
4335    color: white;
4336    background-color: black;
4337    border-radius: 100%;
4338    right: 1rem;
4339    bottom: 5rem;
4340    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3) !important;
4341    font-weight:700;
4342    z-index: 473644;
4343    font-size:25px;
4344    align-content: center;
4345}
4346@media(max-width: 767px) {
4347    .close-popup-x {
4348        top: 6vh!important;
4349        right: 0vw!important;
4350        padding: 3vw 6vw!important;
4351    }
4352    #product-configuration-chat{
4353        left: 50%;
4354        top: 0px;
4355        height: 65px !important;
4356        width: 58px!important;
4357        border-radius: 0px !important;
4358    }
4359    #chat-welcome{
4360        font-size:18px;
4361        margin-top:80px;
4362        margin-bottom:0px;
4363    }
4364    #configuration-chat-innerdiv > div > div{
4365        padding:20px 30px;
4366    }
4367    #configuration-chat-innerdiv > div{
4368        display: flex;
4369        color: black;
4370        text-align: left;
4371        font-size: 14px;
4372        padding: 5px;
4373        flex-wrap:wrap;
4374    }
4375    #configuration-chat-innerdiv > div > div{
4376        width:100%;
4377    }
4378    #reamaze-container > button{
4379        display:block!important;
4380    }
4381}
4382@media(min-width: 768px) {
4383    .close-popup-x {
4384    font-size: 30px!important;
4385    padding: 15px 30px!important;
4386    top:6vh;
4387    }
4388    #chatbase-bubble-window{
4389        bottom:12rem!important;
4390    }
4391}
4392
4393button.items-center.justify-center.gap-2.whitespace-nowrap.rounded-md.text-sm.font-medium.transition-all.duration-200.disabled\:pointer-events-none.disabled\:opacity-50.\[\&_svg\]\:pointer-events-none.\[\&_svg\]\:shrink-0.outline-hidden.focus-visible\:border-ring.focus-visible\:ring-ring\/50.focus-visible\:ring-\[3px\].aria-invalid\:ring-destructive\/20.dark\:aria-invalid\:ring-destructive\/40.aria-invalid\:border-destructive.hidden.h-7.w-7.p-0.text-inherit.opacity-70.group-data-\[mobile\=true\]\:block.hover\:opacity-85 {
4394    display: block!important;
4395}
4396#configuration-chat-innerdiv > p > span#myBtn-chat-CH {
4397    color: white;
4398}
4399</style></p></div>
4400<div class="columns"><div class="column main">
4400<script type="text/x-magento-init">
4401 {
4402   "#product-addtocart-button": {
4403       "custom-sticky": {
4404            "selector": "#product-addtocart-button",
4405            "mediaBreakpointMax": 768,
4406            "marginTop": 63
4407       }
4408   },
4409   ".action.primary.checkout": {
4410       "custom-sticky": {
4411            "selector": ".action.primary.checkout",
4412            "mediaBreakpointMax": 768,
4413            "marginTop": 63
4414       }
4415   }
4416 }
4417</script>
4417
4418<input name="form_key" type="hidden" value="l4aBesQDVvjRzzg9" /><div id="authenticationPopup" data-bind="scope:'authenticationPopup', style: {display: 'none'}">
4419        
4419<script>window.authenticationPopup = {"autocomplete":"off","customerRegisterUrl":"https:\/\/canadahair.ca\/customer\/account\/create\/","customerForgotPasswordUrl":"https:\/\/canadahair.ca\/customer\/account\/forgotpassword\/","baseUrl":"https:\/\/canadahair.ca\/","customerLoginUrl":"https:\/\/canadahair.ca\/customer\/ajax\/login\/"}</script>
4419    <!-- ko template: getTemplate() --><!-- /ko -->
4420        
4420<script type="text/x-magento-init">
4421        {
4422            "#authenticationPopup": {
4423                "Magento_Ui/js/core/app": {"components":{"authenticationPopup":{"component":"Magento_Customer\/js\/view\/authentication-popup","children":{"messages":{"component":"Magento_Ui\/js\/view\/messages","displayArea":"messages"},"captcha":{"component":"Magento_Captcha\/js\/view\/checkout\/loginCaptcha","displayArea":"additional-login-form-fields","formId":"user_login","configSource":"checkout"}}}}}            },
4424            "*": {
4425                "Magento_Ui/js/block-loader": "https\u003A\u002F\u002Fcdn.canadahair.ca\u002Fstatic\u002Fversion1788948291\u002Ffrontend\u002FPolisys\u002Ftheme\u002Dfrontend\u002Dcanadahair\u002Fen_US\u002Fimages\u002Floader\u002D1.gif"
4426                            }
4427        }
4428    </script>
4428
4429</div>
4430<script type="text/x-magento-init">
4431    {
4432        "*": {
4433            "Magento_Customer/js/section-config": {
4434                "sections": {"stores\/store\/switch":["*"],"stores\/store\/switchrequest":["*"],"directory\/currency\/switch":["*"],"*":["messages"],"customer\/account\/logout":["*","recently_viewed_product","recently_compared_product","persistent"],"customer\/account\/loginpost":["*"],"customer\/account\/createpost":["*"],"customer\/account\/editpost":["*"],"customer\/ajax\/login":["checkout-data","cart","captcha"],"catalog\/product_compare\/add":["compare-products"],"catalog\/product_compare\/remove":["compare-products"],"catalog\/product_compare\/clear":["compare-products"],"sales\/guest\/reorder":["cart","ammessages"],"sales\/order\/reorder":["cart","ammessages"],"checkout\/cart\/add":["cart","directory-data","ammessages","magepal-gtm-jsdatalayer"],"checkout\/cart\/delete":["cart","ammessages","magepal-gtm-jsdatalayer"],"checkout\/cart\/updatepost":["cart","ammessages","magepal-gtm-jsdatalayer"],"checkout\/cart\/updateitemoptions":["cart","ammessages","magepal-gtm-jsdatalayer"],"checkout\/cart\/couponpost":["cart","ammessages","magepal-gtm-jsdatalayer"],"checkout\/cart\/estimatepost":["cart","ammessages","magepal-gtm-jsdatalayer"],"checkout\/cart\/estimateupdatepost":["cart","ammessages","magepal-gtm-jsdatalayer"],"checkout\/onepage\/saveorder":["cart","checkout-data","last-ordered-items","ammessages","magepal-gtm-jsdatalayer"],"checkout\/sidebar\/removeitem":["cart","ammessages","magepal-gtm-jsdatalayer"],"checkout\/sidebar\/updateitemqty":["cart","ammessages","magepal-gtm-jsdatalayer"],"rest\/*\/v1\/carts\/*\/payment-information":["cart","last-ordered-items","captcha","ammessages","magepal-gtm-jsdatalayer"],"rest\/*\/v1\/guest-carts\/*\/payment-information":["cart","captcha","ammessages","magepal-gtm-jsdatalayer"],"rest\/*\/v1\/guest-carts\/*\/selected-payment-method":["cart","checkout-data","ammessages","magepal-gtm-jsdatalayer","moneris-checkout"],"rest\/*\/v1\/carts\/*\/selected-payment-method":["cart","checkout-data","ammessages","magepal-gtm-jsdatalayer","moneris-checkout"],"paypal\/express\/placeorder":["cart","checkout-data","ammessages"],"paypal\/payflowexpress\/placeorder":["cart","checkout-data","ammessages"],"paypal\/express\/onauthorization":["cart","checkout-data","ammessages"],"persistent\/index\/unsetcookie":["persistent"],"review\/product\/post":["review"],"wishlist\/index\/add":["wishlist"],"wishlist\/index\/remove":["wishlist"],"wishlist\/index\/updateitemoptions":["wishlist"],"wishlist\/index\/update":["wishlist"],"wishlist\/index\/cart":["wishlist","cart"],"wishlist\/index\/fromcart":["wishlist","cart"],"wishlist\/index\/allcart":["wishlist","cart"],"wishlist\/shared\/allcart":["wishlist","cart"],"wishlist\/shared\/cart":["cart"],"amasty_promo\/cart\/add":["cart","ammessages"],"braintree\/paypal\/placeorder":["ammessages"],"authorizenet\/directpost_payment\/place":["ammessages"],"multishipping\/checkout\/overviewpost":["ammessages"],"test":["cart"],"reclaim\/checkout\/reload":["cart"],"smsprofile\/account\/loginpost":["*"],"monerischeckout\/captcha\/index":["moneris-checkout"],"monerischeckout\/captcha\/post":["moneris-checkout"],"monerischeckout\/recaptcha\/index":["moneris-checkout"],"monerischeckout\/recaptcha\/post":["moneris-checkout"],"rest\/*\/v1\/guest-carts\/*\/set-payment-information":["moneris-checkout"],"rest\/*\/v1\/carts\/*\/set-payment-information":["moneris-checkout"],"sezzle\/payment\/complete":["cart","checkout-data","last-ordered-items"],"rest\/*\/v1\/sezzle\/carts\/*\/checkout":["cart","checkout-data","last-ordered-items"],"rest\/*\/v1\/sezzle\/guest-carts\/*\/checkout":["cart","checkout-data","last-ordered-items"],"rest\/*\/v1\/carts\/*\/order":["cart","checkout-data","last-ordered-items"],"rest\/*\/v1\/guest-carts\/*\/order":["cart","checkout-data","last-ordered-items"]},
4435                "clientSideSections": ["checkout-data","cart-data"],
4436                "baseUrls": ["https:\/\/canadahair.ca\/","http:\/\/canadahair.ca\/"],
4437                "sectionNames": ["messages","customer","compare-products","last-ordered-items","cart","directory-data","captcha","loggedAsCustomer","persistent","review","wishlist","ammessages","rewards","moneris-checkout","recently_viewed_product","recently_compared_product","product_data_storage","paypal-billing-agreement","magepal-gtm-jsdatalayer"]            }
4438        }
4439    }
4440</script>
vendor: 1 bytes, line 4440
4440
4441<script type="text/x-magento-init">
4442    {
4443        "*": {
4444            "Magento_Customer/js/customer-data": {
4445                "sectionLoadUrl": "https\u003A\u002F\u002Fcanadahair.ca\u002Fcustomer\u002Fsection\u002Fload\u002F",
4446                "expirableSectionLifetime": 60,
4447                "expirableSectionNames": ["cart","persistent"],
4448                "cookieLifeTime": "86400",
4449                "cookieDomain": "",
4450                "updateSessionUrl": "https\u003A\u002F\u002Fcanadahair.ca\u002Fcustomer\u002Faccount\u002FupdateSession\u002F",
4451                "isLoggedIn": ""
4452            }
4453        }
4454    }
4455</script>
vendor: 1 bytes, line 4455
4455
4456<script type="text/x-magento-init">
4457    {
4458        "*": {
4459            "Magento_Customer/js/invalidation-processor": {
4460                "invalidationRules": {
4461                    "website-rule": {
4462                        "Magento_Customer/js/invalidation-rules/website-rule": {
4463                            "scopeConfig": {
4464                                "websiteId": "4"
4465                            }
4466                        }
4467                    }
4468                }
4469            }
4470        }
4471    }
4472</script>
vendor: 1 bytes, line 4472
4472
4473<script type="text/x-magento-init">
4474    {
4475        "body": {
4476            "pageCache": {"url":"https:\/\/canadahair.ca\/page_cache\/block\/render\/page_id\/1844\/","handles":["default","cms_page_view","cms_page_view_id_deals"],"originalRequest":{"route":"cms","controller":"page","action":"view","uri":"\/deals"},"versionCookieName":"private_content_version"}        }
4477    }
4478</script>
vendor: 1 bytes, line 4478
4478
4479<script>    window.MonerisCheckoutConfig = {
4480    "enable": true,
4481    "mode": "live",
4482    "captcha_enabled": true
4483};</script>
4483<div class="widget block block-static-block">
4484    <p>
4484<script src="https://accounts.google.com/gsi/client" async defer></script>
4484
4485
4486<script>
4487function getCookie(name) {
4488  const match = document.cookie.match(
4489    new RegExp('(^|; )' + name.replace(/[.*+?^${}()|[\]\\]/g, '\\$&') + '=([^;]*)')
4490  );
4491  return match ? decodeURIComponent(match[2]) : "";
4492}
4493
4494function setCookie(name, value, hours) {
4495  const maxAge = hours * 60 * 60;
4496  document.cookie = `${name}=${encodeURIComponent(value)}; path=/; max-age=${maxAge}; SameSite=Lax`;
4497  console.log("[Google Prompt] Cookie set:", name, "=", value, "for", hours, "hours");
4498  console.log("[Google Prompt] document.cookie now:", document.cookie);
4499}
4500
4501function hasRecentGooglePrompt() {
4502  const exists = getCookie("isgoogleprompt") === "1";
4503  console.log("[Google Prompt] isgoogleprompt cookie exists:", exists);
4504  return exists;
4505}
4506
4507function isUserLoggedIn() {
4508  if (Array.isArray(window.dataLayer)) {
4509    for (const event of window.dataLayer) {
4510      if (event?.customer?.isLoggedIn === true) {
4511        console.log("[Google Prompt] Logged in via dataLayer");
4512        return true;
4513      }
4514    }
4515    console.log("[Google Prompt] No logged-in user found in dataLayer");
4516  } else {
4517    console.log("[Google Prompt] window.dataLayer is missing or not an array");
4518  }
4519
4520  const groupId = getCookie("client_customer_groupID");
4521  if (groupId && groupId !== "0") {
4522    console.log("[Google Prompt] Logged in via client_customer_groupID cookie:", groupId);
4523    return true;
4524  } else {
4525    console.log("[Google Prompt] Not logged in via client_customer_groupID cookie");
4526  }
4527
4528  const logoutLink =
4529    document.querySelector('a[href="https://canadahair.ca/customer/account/logout/"]') ||
4530    document.querySelector('a[href*="/customer/account/logout/"]');
4531
4532  if (logoutLink) {
4533    console.log("[Google Prompt] Logged in via logout link element");
4534    return true;
4535  } else {
4536    console.log("[Google Prompt] Logout link element not found");
4537  }
4538
4539  console.log("[Google Prompt] Final result: user is NOT logged in");
4540  return false;
4541}
4542
4543function decodeJwtResponse(token) {
4544  var base64Url = token.split('.')[1];
4545  var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
4546  var jsonPayload = decodeURIComponent(
4547    window.atob(base64).split('').map(function(c) {
4548      return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
4549    }).join('')
4550  );
4551  return JSON.parse(jsonPayload);
4552}
4553
4554window.onGoogleLibraryLoad = () => {
4555  console.log("[Google Prompt] Google library loaded");
4556
4557  const loggedIn = isUserLoggedIn();
4558  const recentPrompt = hasRecentGooglePrompt();
4559
4560  if (loggedIn) {
4561    console.log("[Google Prompt] Prompt not triggered because user IS logged in");
4562    return;
4563  }
4564
4565  if (recentPrompt) {
4566    console.log("[Google Prompt] Prompt not triggered because isgoogleprompt cookie already exists");
4567    return;
4568  }
4569
4570  console.log("[Google Prompt] Initializing Google prompt");
4571
4572  google.accounts.id.initialize({
4573    client_id: '618658658133-dc7gp2kf9e9n2d7t3dhtc9a46i8gh0bu.apps.googleusercontent.com',
4574    cancel_on_tap_outside: false,
4575    callback: handleCredentialResponse,
4576    prompt_parent_id: "root"
4577  });
4578
4579  function handleCredentialResponse(response) {
4580    const responsePayload = decodeJwtResponse(response.credential);
4581
4582    console.log("[Google Prompt] Credential response received");
4583    console.log("ID:", responsePayload.sub);
4584    console.log("Full Name:", responsePayload.name);
4585    console.log("Given Name:", responsePayload.given_name);
4586    console.log("Family Name:", responsePayload.family_name);
4587    console.log("Image URL:", responsePayload.picture);
4588    console.log("Email:", responsePayload.email);
4589
4590    document.getElementById("clickgoogle")?.click();
4591  }
4592
4593  setCookie("isgoogleprompt", "1", 24);
4594
4595  google.accounts.id.prompt((notification) => {
4596    console.log("[Google Prompt] Prompt callback fired");
4597
4598    if (notification.isNotDisplayed()) {
4599      console.log("[Google Prompt] Not displayed:", notification.getNotDisplayedReason());
4600    } else if (notification.isSkippedMoment()) {
4601      console.log("[Google Prompt] Skipped:", notification.getSkippedReason());
4602    } else if (notification.isDismissedMoment()) {
4603      console.log("[Google Prompt] Dismissed:", notification.getDismissedReason());
4604    } else {
4605      console.log("[Google Prompt] Prompt displayed or completed without a negative state");
4606    }
4607  });
4608};
4609</script>
4609
4610
4611<a id="clickgoogle" href="https://canadahair.ca/amsociallogin/social/login/?type=google"></a>
4612
4613<style>
4614div#credential_picker_container.istvanLogin {
4615  display: block;
4616}
4617iframe#credential_picker_iframe.istvanLogin {
4618  left: 0px !important;
4619}
4620div#credential_picker_container {
4621  display: none;
4622}
4623iframe#credential_picker_iframe {
4624  left: -100vw !important;
4625}
4626</style></p></div>
4627<style>
4628  :root{
4629    --pink:#ff508c;
4630    --black:#111;
4631    --muted:#666;
4632    --border:#eaeaea;
4633  }
4634  .deals-wrap{
4635    font-family: Nunito, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
4636    color: var(--black);
4637    background:#fff;
4638    max-width: 900px;
4639    margin: 0 auto;
4640    padding: 20px;
4641    line-height: 1.5;
4642  }
4643  .deals-card{
4644    border:1px solid var(--border);
4645    border-radius:16px;
4646    padding:20px;
4647  }
4648  .deals-title{
4649    font-size:24px;
4650    font-weight:800;
4651    margin:0 0 8px 0;
4652  }
4653  .deals-sub{
4654    font-size:14px;
4655    color:var(--muted);
4656    margin:0 0 18px 0;
4657  }
4658  .deals-grid{
4659    display:grid;
4660    gap:14px;
4661  }
4662  @media (min-width:700px){
4663    .deals-grid{ grid-template-columns:1fr 1fr; }
4664  }
4665  .deal-box{
4666    border:1px solid var(--border);
4667    border-radius:12px;
4668    padding:16px;
4669    transition:.2s ease;
4670  }
4671  .deal-box:hover{ border-color:var(--pink); }
4672  .deal-box h3{
4673    margin:0 0 6px 0;
4674    font-size:16px;
4675    font-weight:800;
4676  }
4677  .deal-box p{
4678    margin:0 0 10px 0;
4679    font-size:14px;
4680    color:var(--muted);
4681  }
4682  .deal-box a{
4683    font-size:13px;
4684    font-weight:800;
4685    text-decoration:none;
4686    color:var(--pink);
4687  }
4688  .highlight{
4689    font-weight:800;
4690    color:var(--black);
4691  }
4692</style>
4693<div class="deals-wrap">
4694<div class="deals-card">
4695<h2 class="deals-title">Deals &amp; Discounts</h2>
4696<p class="deals-sub">Here are all the ways to save (and even earn) with Canada Hair™. Click any offer to read more.</p>
4697<div class="deals-grid"><!--
4698<div class="deal-box">
4699<h3>Coupons &amp; Discount Codes</h3>
4700<p>Access our current coupons and discount offers.</p>
4701<a href="https://canadahair.ca/coupon-deal-1">View coupons →</a></div> -->
4702<div class="deal-box">
4703<h3>Rewards Program – 5% Return</h3>
4704<p>Create a free account and get <span class="highlight">5% back as store credits</span> on your purchases. Credits never expire.</p>
4705<a href="https://canadahair.ca/rewards-program">Learn more →</a></div>
4706<div class="deal-box">
4707<h3>Stylist Discount – 15%</h3>
4708<p>Approved stylists get 15% off their orders.</p>
4709<a href="https://canadahair.typeform.com/to/IypFXQ?typeform-source=canadahair.ca">Apply now →</a></div>
4710<div class="deal-box">
4711<h3>Loyalty Discount – 5%</h3>
4712<p>Unlock an extra 5% discount by joining our loyalty program.</p>
4713<a href="https://canadahair.typeform.com/to/Rl5A85iT?typeform-source=canadahair.ca">Learn more →</a></div>
4714<div class="deal-box">
4715<h3>Wholesale Discounts</h3>
4716<p>Buy in quantity and save more. Discounts apply automatically in your cart.</p>
4717<a href="https://canadahair.ca/wholesale">View wholesale pricing →</a></div>
4718<div class="deal-box">
4719<h3>Free Shipping</h3>
4720<p>All orders ship <span class="highlight">free, all year long</span>.</p>
4721</div>
4722<div class="deal-box">
4723<h3>Payment Plans</h3>
4724<p>Split your order into 4 easy payments.</p>
4725<a href="https://canadahair.ca/payment-plans">View payment plans →</a></div>
4726<div class="deal-box">
4727<h3>Low Budget Clip-Ins</h3>
4728<p>Shop our low budget clip-ins section.</p>
4729<a href="https://canadahair.ca/low-budget.html">Shop low budget →</a></div>
4730<div class="deal-box">
4731<h3>Lifetime 5% discount</h3>
4732<p>For only a small price, you will get a lifetime discount of 5% on literally everything.</p>
4733<a href="https://canadahair.ca/lifetime-discount.html">Get a 5% lifetime discount →</a></div>
4734<div class="deal-box">
4735<h3>Win Your Purchase</h3>
4736<p>Leave a review on your Canada Hair order for a chance to win a full refund.</p>
4737<a href="https://canadahair.ca/win-your-purchase">Enter Now →</a></div>
4738<div class="deal-box">
4739<h3>Other Websites</h3>
4740<p>Check out our other projects:</p>
4741<a href="https://nobrandhair.com" target="_blank" rel="noopener">nobrandhair.com →</a></div>
4742</div>
4743</div>
4744</div></div></div></main><div class="page-bottom"><div class="content"><div class="widget block block-static-block">
4745    <p>
4745<script>
4746
4747let openedMenu = 0;
4748
4749let navToggleClass = document.querySelectorAll('.nav-toggle');
4750
4751if (navToggleClass.length > 0) {
4752    navToggleClass[0].addEventListener('click', function () {
4753        console.log("OPENED MENU");
4754        openedMenu = openedMenu + 1;
4755
4756        if (openedMenu === 1) {
4757            document.getElementById("reamaze-widget").style.visibility = "hidden";
4758        }
4759
4760        if (Math.abs(openedMenu % 2) === 1) {
4761            document.getElementById("reamaze-widget").style.visibility = "hidden";
4762        } else {
4763            document.getElementById("reamaze-widget").style.visibility = "visible";
4764        }
4765        const submenus = document.querySelectorAll(".submenu.opened");
4766        // for (submenu of submenus) {
4767        //     submenu.classList.remove("opened");
4768        // }
4769    }, false);
4770
4771}
4772</script>
4772</p></div>
4773</div></div><footer class="page-footer"><div class="footer">
4774    <div class="footer-middle">
4775        <div class="container">
4776                    <div class="row">
4777            <div class="col-lg-3"><div class="block">
4778<div class="block-content">
4779<ul class="links">
4780<li><span style="font-size: 16px;"><a style="color: #ffffff;" href="https://canadahair.ca/canada-hair-company">About us</a></span></li>
4781<li><span style="font-size: 16px;"><a style="color: #ffffff;" href="https://canadahair.ca/team">Our team</a></span></li>
4782<li><span style="font-size: 16px;"><a style="color: #ffffff;" href="https://canadahair.reamaze.com/kb/shipping/can-i-return-or-exchange-an-item">Returns &amp; exchanges</a></span></li>
4783<li><span style="font-size: 16px;"><a style="color: #ffffff;" href="https://canadahair.reamaze.com/kb/shipping/when-will-i-receive-my-order">Shipping information</a></span></li>
4784<li><span style="font-size: 16px;"><a style="color: #ffffff;" href="https://canadahair.ca/payment-plans">Payment plans</a></span></li>
4785<li><span style="font-size: 16px;"><a style="color: #ffffff;" href="https://canadahair.ca/browse-all-categories">Browse all categories</a></span></li>
4786</ul>
4787</div>
4788</div></div><div class="col-lg-3"><div class="block">
4789<div class="block-content">
4790<ul class="links">
4791<li><span style="font-size: 16px;"><a style="color: #ffffff;" href="https://canadahair.ca/help">Help Center</a></span></li>
4792<li><span style="color: #ffffff; font-size: 16px;">Call Toll-Free 24/7: <a href="tel:+18886578876">1-888-657-8876</a></span></li>
4793<li><span style="color: #ffffff; font-size: 16px;">SMS support: <a href="tel:+12369796541">236-979-6541</a></span></li>
4794<li><span style="color: #ffffff; font-size: 16px;">Email Support: <a href="mailto:[email protected]">[email protected]</a></span></li>
4795<li><span style="color: #ffffff; font-size: 16px;">Online Live Chat Support: Monday to Sunday — 6:00am to 9:00pm EST</span></li>
4796</ul>
4797</div>
4798</div></div><div class="col-lg-3">
4799<div class="block">
4800<div class="block-content">
4801<ul class="links">
4802<li><span style="color: #ffffff; font-size: 16px;">Order ship from Monday to Friday, 7:00am to 5:00pm EST. Orders ship from Canada and are delivered in 1 to 5 business days. Please allow 1-2 business days for processing time.</span></li>
4803
4804<li><span style="color: #ffffff; font-size: 16px;">Mailing address (not a store): <br>CANADA HAIR <br>400-6500 RTE TRANSCANADIENNE<br>Pointe Claire, QC H9R 0A5</span></li>
4805
4806
4807
4808
4809
4810</ul>
4811</div>
4812</div></div><div class="col-lg-3"><div class="block">
4813<div class="block-content">
4814<ul class="links">
4815<li><span style="font-size: 16px; color: #ffffff;"><img style="width: 24px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/flag-canada.jpg"> Canada - English ✓</span></li>
4816<li><span style="font-size: 16px;"><a style="color: #ffffff;" href="https://canadahair.ca/usa-hair"><img style="width: 24px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/flag-usa.jpg"> United States - English</a></span></li>
4817<li><span style="font-size: 16px;"><a style="color: #ffffff;" href="https://canadahair.ca/francais"><img style="width: 24px;" src="https://xaq6katun5.cloudimg.io/__images__/cms/flag-quebec.jpg"> Canada - French</a></span></li>
4818</ul>
4819<p>&nbsp;</p>
4820<p><span style="color: #ffffff;">All prices are displayed in CAD.</span><br><img src="https://imgur.com/nH9OSmy.png" alt="Payment methods" width="380px"></p>
4821</div>
4822</div>
4823<style>
4824  .social-icons a img{width:15px;margin:5px;vertical-align:middle}
4825  .social-icons a img{filter: drop-shadow(0 0 1px #000)}
4826
4827</style> 
4828<div class="block">
4829<div class="block-content">
4830<div class="social-icons" style="text-align: center;"><a href="https://www.facebook.com/CanadaHair/" target="_blank" rel="noopener"><img src="https://cdn.simpleicons.org/facebook/1877F2" alt="Facebook"></a> <a href="https://www.instagram.com/canadahair" target="_blank" rel="noopener"><img src="https://cdn.simpleicons.org/instagram/E4405F" alt="Instagram"></a> <a href="https://www.youtube.com/channel/UC7pX5BEhXuRJBrwR82lPHcA/feed" target="_blank" rel="noopener"><img src="https://cdn.simpleicons.org/youtube/FF0000" alt="YouTube"></a> <a href="https://www.pinterest.ca/canadahair/" target="_blank" rel="noopener"><img src="https://cdn.simpleicons.org/pinterest/BD081C" alt="Pinterest"></a> <a href="https://twitter.com/canadahair" target="_blank" rel="noopener"><img src="https://cdn.simpleicons.org/x/FFFFFF" alt="X"></a> <a href="https://www.tiktok.com/@canadahair" target="_blank" rel="noopener"><img src="https://cdn.simpleicons.org/tiktok/FFFFFF" alt="TikTok"></a> <a href="https://maps.app.goo.gl/V9LwFifyrSWjxShE9" target="_blank" rel="noopener"> <img style="margin: 5px;" src="https://cdn-icons-png.flaticon.com/512/684/684908.png" alt="Google Maps"></a> <a href="https://www.linkedin.com/company/canadahair/?originalSubdomain=ca" target="_blank" rel="noopener"> <img style="margin: 5px;" src="https://cdn-icons-png.flaticon.com/512/174/174857.png" alt="LinkedIn"></a></div>
4831</div>
4832</div></div>            </div>
4833        </div>
4834    </div>
4835    <div class="footer-bottom">
4836        <div class="container">
4837                                        <a class="logo" href="https://canad
4837ahair.ca/" title="">
4838                            <img src="https://cdn.canadahair.ca/media/porto/footer_logo/default/mesrallonges.png" alt=""/>
4839                            </a>
4840                        <div class="custom-block"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p><a style="font-size: 11px; text-decoration: none; color: #ffffff;" title="Privacy Policy" href="https://canadahair.ca/privacy-policy">Privacy Policy</a> | <a style="font-size: 11px; text-decoration: none; color: #ffffff;" href="https://canadahair.ca/terms-conditions">Terms & Conditions</a> | <a style="font-size: 11px; text-decoration: none; color: #ffffff;" href="https://canadahair.ca/sitemap2">Sitemap</a> | <a style="font-size: 11px; text-decoration: none; color: #ffffff;" href="https://canadahair.ca/fight-scams">Fight Scams</a> | <a style="font-size: 11px; text-decoration: none; color: #ffffff;" href="https://canadahair.ca/submit-a-fake">Submit a Fake</a> | <a style="font-size: 11px; text-decoration: none; color: #ffffff;" href="https://canadahair.ca/counterfeit">Counterfeit</a> | <a style="font-size: 11px; text-decoration: none; color: #ffffff;" href="https://canadahair.ca/social-responsibility">Social Responsibility</a> | <a style="font-size: 11px; text-decoration: none; color: #ffffff;" href="https://canadahair.ca/sales-pitch">Throw your sales pitch</a> | <a style="font-size: 11px; text-decoration: none; color: #ffffff;" href="https://canadahair.ca/corporate-login">Corporate Login</a> | <a style="font-size: 11px; text-decoration: none; color: #ffffff;" href="/dmca">DMCA Notice</a></p></div></div>                        <address>© CanadaHair.ca all rights reserved.</address>
4841                    </div>
4842    </div>
4843</div>
4844<a href="javascript:void(0)" id="totop"><em class="porto-icon-up-open"></em></a></footer>
4844<script type="text/x-magento-init">
4845        {
4846            "*": {
4847                "Magento_Ui/js/core/app": {
4848                    "components": {
4849                        "storage-manager": {
4850                            "component": "Magento_Catalog/js/storage-manager",
4851                            "appendTo": "",
4852                            "storagesConfiguration" : {"recently_viewed_product":{"requestConfig":{"syncUrl":"https:\/\/canadahair.ca\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":null},"recently_compared_product":{"requestConfig":{"syncUrl":"https:\/\/canadahair.ca\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":null},"product_data_storage":{"updateRequestConfig":{"url":"https:\/\/canadahair.ca\/rest\/english\/V1\/products-render-info"},"requestConfig":{"syncUrl":"https:\/\/canadahair.ca\/catalog\/product\/frontend_action_synchronize\/"},"allowToSendRequest":null}}                        }
4853                    }
4854                }
4855            }
4856        }
4857</script>
4857
4858<attribute name="itemtype" value="" />
4859<attribute name="itemscope" value="" />
4860<script nonce="aW04ZHE4c3ZzeGV0Z3o0aXg2Njk4Zml6ZHp3ODdsMWY&#x3D;">
4861(function () {
4862    'use strict';
4863
4864    var url = 'https://canadahair.ca/email/action/capture/';
4865    var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
4866
4867    function sendCapture(type, value) {
4868        fetch(url, {
4869            method: 'POST',
4870            headers: {'Content-Type': 'application/x-www-form-urlencoded'},
4871            body: 'type=' + encodeURIComponent(type) + '&value=' + encodeURIComponent(value)
4872        });
4873    }
4874
4875    function onInputChange(e) {
4876        var input = e.target;
4877        var name  = input.name;
4878        var value = input.value;
4879
4880        if ((name === 'email' || name === 'username') && emailRegex.test(value)) {
4881            sendCapture('email', value);
4882        } else if (name === 'firstname' && value.length) {
4883            sendCapture('firstname', value);
4884        } else if (name === 'lastname' && value.length) {
4885            sendCapture('lastname', value);
4886        }
4887    }
4888
4889    setInterval(function () {
4890        var inputs = document.querySelectorAll('input[type="text"], input[type="email"]');
4891
4892        inputs.forEach(function (input) {
4893            if (input.hasAttribute('data-mst-capture-bound')) {
4894                return;
4895            }
4896
4897            input.setAttribute('data-mst-capture-bound', '1');
4898            input.addEventListener('change', onInputChange);
4899        });
4900    }, 1000);
4901})();
4902</script>
vendor: 1 bytes, line 4902
4902
4903<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/canadahair.ca\/","name":"Home"}}]}</script>
4903<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebSite","url":"https:\/\/canadahair.ca\/","name":"Canada Hair \u2122","potentialAction":{"@type":"SearchAction","target":"https:\/\/canadahair.ca\/catalogsearch\/result\/?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
4903<script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Organization","url":"https:\/\/canadahair.ca\/","name":"Canada Hair \u2122","logo":"https:\/\/canadahair.ca\/pub\/media\/wysiwyg\/misc\/email-logo\/logo-ch.png","contactPoint":[{"@type":"ContactPoint","telephone":"1-888-657-8876","contactType":"sales"},{"@type":"ContactPoint","telephone":"1-888-657-8876","contactType":"technical support"},{"@type":"ContactPoint","telephone":"1-888-657-8876","contactType":"customer service"}],"address":{"addressCountry":"CA","postalCode":"H9R 0A5","addressRegion":"QUEBEC","addressLocality":"POINTE-CLAIRE","streetAddress":"400-6500 RTE TRANSCANADIENNE","@type":"PostalAddress"},"sameAs":["https:\/\/www.facebook.com\/CanadaHair\/","https:\/\/twitter.com\/canadahair","https:\/\/www.instagram.com\/canadahair","https:\/\/www.youtube.com\/@officialcanadahair\/featured","https:\/\/www.linkedin.com\/company\/canadahair\/","https:\/\/www.pinterest.ca\/canadahair\/","https:\/\/www.tumblr.com\/canadahair"]}</script>
4903
4904</div>
4905        
4905<script>window.smsotp = {"enableModule":true,"enablePopup":"0","utilsScript":"https:\/\/cdn.canadahair.ca\/static\/version1788948291\/frontend\/Polisys\/theme-frontend-canadahair\/en_US\/Magedelight_SMSProfile\/js\/utils.js","initialCountry":null,"preferredCountries":[null],"onlyCountries":null}</script>
4905    </body>
4906</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.