{"id":289,"date":"2026-09-16T02:44:45","date_gmt":"2026-09-16T02:44:45","guid":{"rendered":"https:\/\/hairdey.com\/?page_id=289"},"modified":"2026-10-24T13:15:58","modified_gmt":"2026-10-24T05:15:58","slug":"home-2","status":"publish","type":"page","link":"https:\/\/hairdey.com\/ar\/","title":{"rendered":"Home &#8211; 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"289\" class=\"elementor elementor-289\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82d89eb e-con e-atomic-element e-flexbox-base e-default-div e-82414dc \" data-id=\"82d89eb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"82d89eb\" data-e-type=\"e-flexbox\" data-id=\"82d89eb\">\n    \t\t<div class=\"elementor-element elementor-element-46a1a24 elementor-widget elementor-widget-html\" data-id=\"46a1a24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"preload\" as=\"style\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,600;1,500&family=Poppins:wght@400;500;600;700&display=swap\" onload=\"this.onload=null;this.rel='stylesheet'\">\r\n<noscript><link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,600;1,500&family=Poppins:wght@400;500;600;700&display=swap\"><\/noscript>\r\n\r\n<style>\r\n  :root{\r\n    --bg-dark:#120d0a;\r\n    --bg-dark-2:#1a1310;\r\n    --gold:#dcac70;\r\n    --gold-light:#eac68f;\r\n    --peach:#e8a97c;\r\n    --text-white:#ffffff;\r\n    --font-heading:'Playfair Display', Georgia, 'Times New Roman', serif;\r\n    --font-body:'Poppins', sans-serif;\r\n  }\r\n\r\n  #hdy-page *{ box-sizing:border-box; margin:0; padding:0; }\r\n\r\n  #hdy-page{\r\n    font-family:var(--font-body);\r\n    background:var(--bg-dark);\r\n    color:var(--text-white);\r\n    overflow-x:hidden;\r\n  }\r\n\r\n  #hdy-page img{ max-width:100%; display:block; }\r\n  #hdy-page a{ text-decoration:none; color:inherit; }\r\n  #hdy-page ul{ list-style:none; }\r\n\r\n  #hdy-page .container{\r\n    width:100%;\r\n    max-width:1440px;\r\n    margin:0 auto;\r\n    padding:0 40px;\r\n  }\r\n\r\n  \/* ---------- HEADER ---------- *\/\r\n  #hdy-page header{\r\n    position:absolute;\r\n    top:0;\r\n    left:0;\r\n    width:100%;\r\n    z-index:50;\r\n    padding:22px 0;\r\n  }\r\n\r\n  #hdy-page .header-inner{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:24px;\r\n  }\r\n\r\n  #hdy-page .logo img{\r\n    height:42px;\r\n    width:auto;\r\n  }\r\n\r\n  #hdy-page nav.main-nav{\r\n    display:flex;\r\n  }\r\n\r\n  #hdy-page nav.main-nav ul{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:34px;\r\n  }\r\n\r\n  #hdy-page nav.main-nav a{\r\n    font-size:13px;\r\n    font-weight:500;\r\n    color:var(--text-white);\r\n    letter-spacing:.2px;\r\n    position:relative;\r\n    padding-bottom:6px;\r\n    white-space:nowrap;\r\n    transition:color .2s ease;\r\n  }\r\n\r\n  #hdy-page nav.main-nav a:hover{\r\n    color:var(--gold-light);\r\n  }\r\n\r\n  #hdy-page nav.main-nav li.active a{\r\n    color:var(--gold-light);\r\n  }\r\n\r\n  #hdy-page nav.main-nav li.active a::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    right:0;\r\n    bottom:0;\r\n    height:2px;\r\n    background:var(--gold);\r\n    border-radius:2px;\r\n  }\r\n\r\n  \/* ---------- Services dropdown ---------- *\/\r\n  #hdy-page nav.main-nav li.has-dropdown{\r\n    position:relative;\r\n  }\r\n\r\n  #hdy-page .dropdown-trigger .caret{\r\n    display:inline-block;\r\n    font-size:9px;\r\n    margin-left:4px;\r\n    color:#cdc5ba;\r\n    transition:transform .2s ease, color .2s ease;\r\n  }\r\n\r\n  #hdy-page nav.main-nav li.has-dropdown:hover .dropdown-trigger .caret,\r\n  #hdy-page nav.main-nav li.has-dropdown.mobile-open .dropdown-trigger .caret{\r\n    transform:rotate(180deg);\r\n    color:var(--gold-light);\r\n  }\r\n\r\n  #hdy-page nav.main-nav li.has-dropdown:hover .dropdown-toggle .caret,\r\n  #hdy-page nav.main-nav li.has-dropdown.mobile-open .dropdown-toggle .caret{\r\n    transform:rotate(180deg);\r\n    color:var(--gold-light);\r\n  }\r\n\r\n  \/* The panel's own hit-box starts right at the trigger (top:100%) with no\r\n     gap, so the cursor never leaves a hoverable element while moving from\r\n     the link down into the panel. The visual \"floating\" gap is faked with\r\n     padding-top on this outer box, while the actual visible card is the\r\n     .dropdown-panel-inner beneath it. *\/\r\n  #hdy-page .dropdown-panel{\r\n    position:absolute;\r\n    top:100%;\r\n    left:50%;\r\n    transform:translateX(-50%);\r\n    padding-top:18px;\r\n    min-width:280px;\r\n    opacity:0;\r\n    visibility:hidden;\r\n    pointer-events:none;\r\n    transition:opacity .2s ease, visibility .2s ease;\r\n    z-index:60;\r\n  }\r\n\r\n  #hdy-page nav.main-nav li.has-dropdown:hover .dropdown-panel{\r\n    opacity:1;\r\n    visibility:visible;\r\n    pointer-events:auto;\r\n  }\r\n\r\n  #hdy-page .dropdown-panel-inner{\r\n    background:var(--bg-dark-2);\r\n    border:1px solid rgba(255,255,255,.08);\r\n    border-radius:12px;\r\n    padding:10px;\r\n    box-shadow:0 20px 40px rgba(0,0,0,.5);\r\n  }\r\n\r\n  #hdy-page .dropdown-link{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:3px;\r\n    padding:12px 14px;\r\n    border-radius:8px;\r\n    transition:background .15s ease;\r\n  }\r\n\r\n  #hdy-page .dropdown-link:hover{\r\n    background:rgba(220,172,112,.1);\r\n  }\r\n\r\n  #hdy-page .dropdown-link-title{\r\n    font-size:13.5px;\r\n    font-weight:600;\r\n    color:var(--text-white);\r\n    padding-bottom:0;\r\n  }\r\n\r\n  #hdy-page .dropdown-link-desc{\r\n    font-size:11.5px;\r\n    line-height:1.4;\r\n    color:var(--text-muted);\r\n  }\r\n\r\n  \/* ---------- Nav refinements ---------- *\/\r\n  #hdy-page header::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:40px; right:40px; bottom:0;\r\n    height:1px;\r\n    background:linear-gradient(90deg, transparent, rgba(220,172,112,.22) 20%, rgba(220,172,112,.22) 80%, transparent);\r\n  }\r\n\r\n  #hdy-page nav.main-nav > ul > li > a::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0; right:0; bottom:0;\r\n    height:1px;\r\n    background:var(--gold);\r\n    transform:scaleX(0);\r\n    transform-origin:left;\r\n    transition:transform .25s ease;\r\n  }\r\n  #hdy-page nav.main-nav > ul > li > a:hover::before,\r\n  #hdy-page nav.main-nav > ul > li.has-dropdown:hover > a::before{\r\n    transform:scaleX(1);\r\n  }\r\n  #hdy-page nav.main-nav > ul > li.has-dropdown:hover > a{ color:var(--gold-light); }\r\n\r\n  \/* small pointer notch on dropdown cards *\/\r\n  #hdy-page .dropdown-panel-inner{ position:relative; }\r\n  #hdy-page .dropdown-panel-inner::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:-6px; left:50%;\r\n    width:10px; height:10px;\r\n    background:var(--bg-dark-2);\r\n    border-left:1px solid rgba(255,255,255,.08);\r\n    border-top:1px solid rgba(255,255,255,.08);\r\n    transform:translateX(-50%) rotate(45deg);\r\n  }\r\n  #hdy-page .dropdown-panel{\r\n    transform:translate(-50%, 6px);\r\n    transition:opacity .2s ease, visibility .2s ease, transform .2s ease;\r\n  }\r\n  #hdy-page nav.main-nav li.has-dropdown:hover .dropdown-panel{\r\n    transform:translate(-50%, 0);\r\n  }\r\n\r\n  \/* ---------- Products mega menu ---------- *\/\r\n  #hdy-page .dropdown-panel.mega{ width:620px; min-width:0; }\r\n  #hdy-page .dropdown-panel.mega .dropdown-panel-inner{ padding:0; }\r\n\r\n  #hdy-page .mega-head{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    padding:18px 22px 12px;\r\n  }\r\n  #hdy-page .mega-eyebrow{\r\n    font-size:10.5px;\r\n    font-weight:600;\r\n    letter-spacing:1.8px;\r\n    text-transform:uppercase;\r\n    color:var(--gold);\r\n  }\r\n\r\n  #hdy-page .mega-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:2px 6px;\r\n    padding:0 10px 10px;\r\n  }\r\n  #hdy-page nav.main-nav .mega-link{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    padding:11px 12px;\r\n    border-radius:8px;\r\n    transition:background .15s ease;\r\n    white-space:normal;\r\n  }\r\n  #hdy-page nav.main-nav .mega-link:hover{ background:rgba(220,172,112,.09); }\r\n  #hdy-page .mega-thumb{\r\n    flex:0 0 52px;\r\n    width:52px; height:52px;\r\n    border-radius:8px;\r\n    overflow:hidden;\r\n    background:var(--sw, #241a15);\r\n    border:1px solid rgba(255,255,255,.1);\r\n    display:flex; align-items:center; justify-content:center;\r\n  }\r\n  #hdy-page .mega-thumb img{\r\n    width:100%; height:100%;\r\n    object-fit:cover;\r\n    transition:transform .3s ease;\r\n  }\r\n  #hdy-page .mega-link:hover .mega-thumb{ border-color:rgba(220,172,112,.55); }\r\n  #hdy-page .mega-link:hover .mega-thumb img{ transform:scale(1.06); }\r\n  #hdy-page .mega-icon{ background:rgba(220,172,112,.08); border-color:rgba(220,172,112,.25); }\r\n  #hdy-page .mega-icon svg{\r\n    width:24px; height:24px;\r\n    fill:none; stroke:var(--gold); stroke-width:1.5;\r\n    stroke-linecap:round; stroke-linejoin:round;\r\n  }\r\n  #hdy-page .dropdown-panel.mega-sm{ width:340px; }\r\n  #hdy-page .mega-sm .mega-grid{ grid-template-columns:1fr; }\r\n  #hdy-page .mega-text{ display:flex; flex-direction:column; gap:2px; min-width:0; }\r\n  #hdy-page .mega-title{ font-size:13.5px; font-weight:600; color:var(--text-white); }\r\n  #hdy-page .mega-link:hover .mega-title{ color:var(--gold-light); }\r\n  #hdy-page .mega-desc{ font-size:11.5px; color:var(--text-muted); line-height:1.35; }\r\n\r\n  #hdy-page .mega-foot{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:12px;\r\n    padding:14px 22px;\r\n    border-top:1px solid rgba(255,255,255,.07);\r\n    background:rgba(0,0,0,.18);\r\n    border-radius:0 0 12px 12px;\r\n    font-size:12px;\r\n    color:var(--text-muted);\r\n  }\r\n  #hdy-page nav.main-nav .mega-foot a{ font-size:12px; font-weight:600; color:var(--gold-light); padding:0; }\r\n  #hdy-page nav.main-nav .mega-foot a:hover{ color:#fff; }\r\n\r\n  \/* ---------- Products mega menu: categories + products ---------- *\/\r\n  \/* Wide panel: a small script keeps it inside the screen (--mx) and points the notch at \"Products\" (--nx) *\/\r\n  #hdy-page .dropdown-panel.mega-xl{ width:880px; left:0; transform:translate(var(--mx,-50%), 6px); }\r\n  #hdy-page nav.main-nav li.has-dropdown:hover .dropdown-panel.mega-xl{ transform:translate(var(--mx,-50%), 0); }\r\n  #hdy-page .mega-xl .dropdown-panel-inner::before{ left:var(--nx,50%); }\r\n  #hdy-page .mega-cols{ display:grid; grid-template-columns:minmax(0,1fr) 290px; }\r\n  #hdy-page .mega-col-p{ border-left:1px solid rgba(255,255,255,.07); background:rgba(255,255,255,.02); }\r\n  #hdy-page .mega-head a.mega-all{ font-size:11.5px; font-weight:600; color:var(--text-muted); padding:0; letter-spacing:.2px; }\r\n  #hdy-page nav.main-nav .mega-head a.mega-all::before{ display:none; }\r\n  #hdy-page nav.main-nav .mega-head a.mega-all:hover{ color:var(--gold-light); }\r\n  #hdy-page .mega-prods{ display:grid; gap:2px; padding:0 10px 10px; }\r\n  #hdy-page .mega-thumb.is-prod{ flex-basis:56px; width:56px; height:56px; background:rgba(255,255,255,.06); }\r\n  #hdy-page .mega-thumb.is-prod img{ object-fit:contain; padding:4px; }\r\n  #hdy-page .mega-title.clamp{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.35; }\r\n  \/* loading placeholders, same shape as the real rows so nothing jumps when products arrive *\/\r\n  #hdy-page .mega-skel{ display:flex; align-items:center; gap:14px; padding:11px 12px; }\r\n  #hdy-page .mega-skel i{ display:block; border-radius:6px; background:rgba(255,255,255,.07); animation:hdyPulse 1.4s ease-in-out infinite; }\r\n  #hdy-page .mega-skel i:first-child{ flex:0 0 56px; height:56px; border-radius:8px; }\r\n  #hdy-page .mega-skel span{ flex:1; display:grid; gap:7px; }\r\n  #hdy-page .mega-skel span i:first-child{ flex:none; height:11px; width:85%; }\r\n  #hdy-page .mega-skel span i:last-child{ height:9px; width:50%; }\r\n  @keyframes hdyPulse{ 50%{ opacity:.45; } }\r\n  #hdy-page .mega-foot .foot-btns{ display:flex; gap:8px; flex:none; }\r\n  #hdy-page nav.main-nav .mega-foot a.foot-btn{\r\n    display:inline-flex; align-items:center; gap:7px; height:34px; padding:0 16px; border-radius:30px;\r\n    font-size:12px; font-weight:600; color:#fff; border:1px solid rgba(255,255,255,.16);\r\n    transition:border-color .2s ease, color .2s ease, background-color .2s ease, transform .16s cubic-bezier(.23,1,.32,1);\r\n  }\r\n  #hdy-page nav.main-nav .mega-foot a.foot-btn.is-gold{ background:linear-gradient(180deg, var(--gold-light), var(--gold)); color:#241a10; border-color:transparent; }\r\n  #hdy-page nav.main-nav .mega-foot a.foot-btn:active{ transform:scale(.97); }\r\n  #hdy-page .mega-foot .foot-talk a{ margin-left:4px; }\r\n  @media (hover:hover) and (pointer:fine){\r\n    #hdy-page nav.main-nav .mega-foot a.foot-btn:hover{ border-color:var(--gold); color:var(--gold-light); }\r\n    #hdy-page nav.main-nav .mega-foot a.foot-btn.is-gold:hover{ color:#241a10; filter:brightness(1.06); }\r\n  }\r\n  @media (prefers-reduced-motion:reduce){ #hdy-page .mega-skel i{ animation:none; } }\r\n\r\n  #hdy-page .header-actions{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:22px;\r\n  }\r\n\r\n  #hdy-page .icon-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    width:17px;\r\n    height:17px;\r\n    background:none;\r\n    border:none;\r\n    padding:0;\r\n    cursor:pointer;\r\n  }\r\n\r\n  #hdy-page .icon-btn img{\r\n    width:17px;\r\n    height:17px;\r\n    opacity:.95;\r\n  }\r\n\r\n  #hdy-page .btn-quote{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    background:linear-gradient(180deg, var(--gold-light), var(--gold));\r\n    color:#241a10;\r\n    font-weight:600;\r\n    font-size:12.5px;\r\n    padding:9px 18px;\r\n    border-radius:30px;\r\n    white-space:nowrap;\r\n    box-shadow:0 8px 20px rgba(220,172,112,.25);\r\n    transition:transform .2s ease, box-shadow .2s ease;\r\n  }\r\n\r\n  #hdy-page .btn-quote:hover{\r\n    transform:translateY(-1px);\r\n    box-shadow:0 10px 24px rgba(220,172,112,.35);\r\n  }\r\n\r\n  #hdy-page .lang-select{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:5px;\r\n    font-size:12.5px;\r\n    font-weight:500;\r\n    cursor:pointer;\r\n  }\r\n\r\n  #hdy-page .lang-select::after{\r\n    content:\"\u25be\";\r\n    font-size:11px;\r\n    color:var(--text-muted);\r\n    margin-left:2px;\r\n  }\r\n\r\n  #hdy-page .menu-toggle{\r\n    display:none;\r\n    background:none;\r\n    border:none;\r\n    padding:0;\r\n    cursor:pointer;\r\n    width:26px;\r\n    height:26px;\r\n  }\r\n\r\n  #hdy-page .menu-toggle img{\r\n    width:24px;\r\n    height:24px;\r\n  }\r\n\r\n  \/* ---------- HERO ---------- *\/\r\n  #hdy-page .hero{\r\n    position:relative;\r\n    background:var(--bg-dark);\r\n  }\r\n\r\n  #hdy-page .hero-inner{\r\n    position:relative;\r\n    width:100%;\r\n    max-width:1600px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  #hdy-page .hero-photo{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:0;\r\n    overflow:hidden;\r\n  }\r\n\r\n  #hdy-page .hero-photo img{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    object-position:96% center;\r\n}\r\n\r\n  \/* Guarantees text legibility no matter how wide the screen is or how the\r\n     photo gets cropped \u2014 object-position alone isn't reliable across very\r\n     different aspect ratios (e.g. an ultra-wide monitor), since once the\r\n     box becomes wider than the photo's own aspect ratio, the browser stops\r\n     cropping horizontally at all and the subject can drift into the text\r\n     column. This scrim sits between the photo and the text regardless. *\/\r\n  #hdy-page .hero-scrim{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:1;\r\n    background:linear-gradient(\r\n      to right,\r\n      var(--bg-dark) 0%,\r\n      rgba(18,13,10,.88) 28%,\r\n      rgba(18,13,10,.55) 48%,\r\n      rgba(18,13,10,.15) 68%,\r\n      rgba(18,13,10,0) 85%\r\n    );\r\n  }\r\n\r\n  #hdy-page .hero-overlay{\r\n    position:relative;\r\n    z-index:2;\r\n    padding:clamp(90px, 12vw, 150px) clamp(24px, 6vw, 90px) 60px;\r\n    min-height:clamp(480px, 62vw, 760px);\r\n    display:flex;\r\n    align-items:center;\r\n  }\r\n\r\n  #hdy-page .hero-content{\r\n    margin-left:0;\r\n    width:100%;\r\n    max-width:640px;\r\n    min-width:0;\r\n  }\r\n\r\n  #hdy-page h1.eyebrow{\r\n    color:#cbb884 !important;\r\n    font-size:clamp(11px, 1vw, 14px) !important;\r\n    font-weight:700 !important;\r\n    line-height:1.3 !important;\r\n    letter-spacing:2.2px !important;\r\n    text-transform:uppercase !important;\r\n    margin:0 0 clamp(12px, 1.4vw, 20px) !important;\r\n    text-shadow:0 2px 10px rgba(0,0,0,.55);\r\n  }\r\n\r\n  #hdy-page .hero .hero-title{\r\n    font-family:var(--font-heading);\r\n    font-weight:600;\r\n    font-size:clamp(34px, 5.2vw, 72px);\r\n    line-height:1.08;\r\n    margin-bottom:clamp(14px, 1.8vw, 26px);\r\n    text-shadow:0 3px 16px rgba(0,0,0,.55);\r\n  }\r\n\r\n  #hdy-page .hero .hero-title .accent{\r\n    color:#f0c27f;\r\n    font-style:italic;\r\n  }\r\n\r\n  @supports ((-webkit-background-clip: text) or (background-clip: text)){\r\n    #hdy-page .hero .hero-title .accent{\r\n      background:linear-gradient(90deg, #fbeedb 0%, #f0c27f 48%, #e2946a 100%);\r\n      -webkit-background-clip:text;\r\n      background-clip:text;\r\n      -webkit-text-fill-color:transparent;\r\n      color:transparent;\r\n    }\r\n  }\r\n\r\n  #hdy-page .hero p.lede{\r\n    font-size:clamp(14px, 1.3vw, 18px);\r\n    line-height:1.6;\r\n    color:var(--text-muted);\r\n    margin-bottom:clamp(18px, 2.2vw, 30px);\r\n    text-shadow:0 2px 10px rgba(0,0,0,.55);\r\n    max-width:38ch;\r\n  }\r\n\r\n  #hdy-page .hero-cta{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:clamp(14px, 1.8vw, 26px);\r\n    flex-wrap:wrap;\r\n    margin-bottom:clamp(20px, 3vw, 40px);\r\n  }\r\n\r\n  #hdy-page .btn-primary{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:9px;\r\n    background:linear-gradient(180deg, var(--gold-light), var(--gold));\r\n    color:#241a10;\r\n    font-weight:600;\r\n    font-size:clamp(13px, 1.1vw, 16px);\r\n    padding:clamp(12px,1.4vw,18px) clamp(20px,2.2vw,28px);\r\n    border-radius:32px;\r\n    white-space:nowrap;\r\n    box-shadow:0 12px 28px rgba(220,172,112,.28);\r\n    transition:transform .2s ease, box-shadow .2s ease;\r\n  }\r\n\r\n  #hdy-page .btn-primary:hover{\r\n    transform:translateY(-2px);\r\n    box-shadow:0 14px 32px rgba(220,172,112,.4);\r\n  }\r\n\r\n  #hdy-page .btn-watch{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:9px;\r\n    font-weight:500;\r\n    font-size:clamp(13px, 1.1vw, 16px);\r\n    color:var(--text-white);\r\n    white-space:nowrap;\r\n  }\r\n\r\n  #hdy-page .btn-watch .play-circle{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    width:clamp(28px, 2.6vw, 36px);\r\n    height:clamp(28px, 2.6vw, 36px);\r\n    border-radius:50%;\r\n    background:rgba(15,11,8,.55);\r\n    border:1px solid rgba(255,255,255,.35);\r\n    flex-shrink:0;\r\n  }\r\n\r\n  #hdy-page .btn-watch .play-circle .play-triangle{\r\n    width:0;\r\n    height:0;\r\n    margin-left:2px;\r\n    border-style:solid;\r\n    border-width:5px 0 5px 8px;\r\n    border-color:transparent transparent transparent #ffffff;\r\n  }\r\n\r\n  #hdy-page .features-row{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:clamp(12px, 1.6vw, 28px);\r\n  }\r\n\r\n  #hdy-page .feature-item{\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    gap:clamp(5px, .7vw, 9px);\r\n    text-align:center;\r\n  }\r\n\r\n  #hdy-page .feature-item .icon-wrap{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    width:clamp(22px, 2.5vw, 32px);\r\n    height:clamp(22px, 2.5vw, 32px);\r\n    flex-shrink:0;\r\n  }\r\n\r\n  #hdy-page .feature-item .icon-wrap img{\r\n    width:100%;\r\n    height:100%;\r\n  }\r\n\r\n  #hdy-page .feature-item span{\r\n    font-size:clamp(9.5px, .85vw, 13px);\r\n    font-weight:500;\r\n    line-height:1.25;\r\n    color:var(--text-white);\r\n    max-width:90px;\r\n    text-shadow:0 2px 8px rgba(0,0,0,.55);\r\n  }\r\n\r\n  \/* ---------- RESPONSIVE ---------- *\/\r\n  @media (max-width: 1100px){\r\n    #hdy-page nav.main-nav > ul{ gap:20px; }\r\n    #hdy-page .dropdown-panel.mega{ width:560px; }\r\n    #hdy-page .dropdown-panel.mega-xl{ width:780px; }\r\n    #hdy-page .mega-cols{ grid-template-columns:minmax(0,1fr) 250px; }\r\n    #hdy-page .dropdown-panel.mega-sm{ width:340px; }\r\n    #hdy-page nav.main-nav a{ font-size:12.5px; }\r\n    #hdy-page .container{ padding:0 24px; }\r\n  }\r\n\r\n  \/* drawer parts are mobile-only *\/\r\n  #hdy-page .drawer-head,\r\n  #hdy-page .drawer-foot,\r\n  #hdy-page .nav-backdrop{ display:none; }\r\n\r\n  @media (max-width: 900px){\r\n    #hdy-page .menu-toggle{ display:flex; align-items:center; justify-content:center; }\r\n    #hdy-page .header-actions .lang-select{ display:none; }\r\n    #hdy-page header::after{ left:20px; right:20px; }\r\n\r\n    \/* ---------- Side drawer ---------- *\/\r\n    #hdy-page nav.main-nav{\r\n      display:flex;\r\n      flex-direction:column;\r\n      position:fixed;\r\n      top:0; right:0; bottom:0;\r\n      width:min(86vw, 360px);\r\n      background:var(--bg-dark-2);\r\n      border-left:1px solid rgba(220,172,112,.15);\r\n      box-shadow:-20px 0 50px rgba(0,0,0,.55);\r\n      z-index:1001;\r\n      transform:translateX(100%);\r\n      visibility:hidden;\r\n      transition:transform .32s cubic-bezier(.2,.8,.2,1), visibility .32s;\r\n    }\r\n    #hdy-page header.nav-open nav.main-nav{ transform:translateX(0); visibility:visible; }\r\n\r\n    #hdy-page .nav-backdrop{\r\n      display:block;\r\n      position:fixed; inset:0;\r\n      background:rgba(8,6,5,.6);\r\n      backdrop-filter:blur(2px);\r\n      z-index:1000;\r\n      opacity:0; visibility:hidden;\r\n      transition:opacity .3s ease, visibility .3s;\r\n    }\r\n    #hdy-page header.nav-open .nav-backdrop{ opacity:1; visibility:visible; }\r\n\r\n    #hdy-page .drawer-head{\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:space-between;\r\n      padding:18px 20px;\r\n      border-bottom:1px solid rgba(255,255,255,.07);\r\n      flex-shrink:0;\r\n    }\r\n    #hdy-page nav.main-nav .drawer-head a{ padding:0; }\r\n    #hdy-page nav.main-nav .drawer-head a::before{ display:none; }\r\n    #hdy-page .drawer-head img{ height:30px; width:auto; }\r\n    #hdy-page .drawer-close{\r\n      width:36px; height:36px;\r\n      border-radius:50%;\r\n      border:1px solid rgba(255,255,255,.14);\r\n      background:none;\r\n      color:#fff;\r\n      font-size:20px; line-height:1;\r\n      cursor:pointer;\r\n      display:flex; align-items:center; justify-content:center;\r\n    }\r\n    #hdy-page .drawer-close:hover{ border-color:var(--gold); color:var(--gold-light); }\r\n\r\n    #hdy-page nav.main-nav > ul{\r\n      flex:1;\r\n      overflow-y:auto;\r\n      flex-direction:column;\r\n      align-items:stretch;\r\n      gap:0;\r\n      padding:8px 0;\r\n    }\r\n    #hdy-page nav.main-nav > ul > li{ border-bottom:1px solid rgba(255,255,255,.06); }\r\n    #hdy-page nav.main-nav > ul > li > a{\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:space-between;\r\n      width:100%;\r\n      padding:16px 20px;\r\n      font-size:15px;\r\n    }\r\n    #hdy-page nav.main-nav > ul > li > a::before,\r\n    #hdy-page nav.main-nav li.active a::after{ display:none; }\r\n    #hdy-page nav.main-nav .dropdown-trigger .caret{ font-size:11px; }\r\n\r\n    \/* accordion submenus *\/\r\n    #hdy-page nav.main-nav .dropdown-panel,\r\n    #hdy-page nav.main-nav .dropdown-panel.mega,\r\n    #hdy-page nav.main-nav .dropdown-panel.mega-sm,\r\n    #hdy-page nav.main-nav li.has-dropdown:hover .dropdown-panel{\r\n      position:static;\r\n      width:auto;\r\n      transform:none;\r\n      padding:0;\r\n      opacity:1;\r\n      visibility:visible;\r\n      pointer-events:auto;\r\n      max-height:0;\r\n      overflow:hidden;\r\n      transition:max-height .3s ease;\r\n    }\r\n    #hdy-page nav.main-nav li.has-dropdown.mobile-open .dropdown-panel{ max-height:1000px; }\r\n    #hdy-page nav.main-nav .dropdown-panel-inner{\r\n      background:rgba(0,0,0,.18);\r\n      border:none; border-radius:0;\r\n      box-shadow:none;\r\n      padding:6px 0 10px;\r\n    }\r\n    #hdy-page nav.main-nav .dropdown-panel-inner::before,\r\n    #hdy-page nav.main-nav .mega-head{ display:none; }\r\n    #hdy-page nav.main-nav .mega-grid{ grid-template-columns:1fr; gap:0; padding:0 8px; }\r\n    #hdy-page nav.main-nav .mega-link{ padding:9px 12px; gap:12px; }\r\n    #hdy-page nav.main-nav .mega-thumb{ flex-basis:42px; width:42px; height:42px; }\r\n    #hdy-page nav.main-nav .mega-icon svg{ width:20px; height:20px; }\r\n    #hdy-page nav.main-nav .mega-title{ font-size:14px; }\r\n    #hdy-page nav.main-nav .mega-desc{ font-size:11.5px; }\r\n    #hdy-page nav.main-nav .mega-foot{\r\n      background:none; border-top:0; border-radius:0;\r\n      padding:8px 20px 4px;\r\n      flex-wrap:wrap; justify-content:flex-start; gap:4px 10px;\r\n    }\r\n    #hdy-page nav.main-nav .dropdown-panel.mega-xl,\r\n    #hdy-page nav.main-nav li.has-dropdown:hover .dropdown-panel.mega-xl{ width:auto; transform:none; }\r\n    #hdy-page nav.main-nav li.has-dropdown.mobile-open .dropdown-panel.mega-xl{ max-height:2400px; }\r\n    #hdy-page .mega-cols{ grid-template-columns:1fr; }\r\n    #hdy-page .mega-col-p{ border-left:0; background:none; border-top:1px solid rgba(255,255,255,.06); margin-top:4px; }\r\n    \/* in the drawer, keep a small label above products so the two lists read as separate *\/\r\n    #hdy-page nav.main-nav .mega-col-p .mega-head{ display:flex; padding:14px 20px 6px; }\r\n    #hdy-page nav.main-nav .mega-col-p .mega-head a.mega-all{ display:none; }\r\n    #hdy-page nav.main-nav .mega-prods{ padding:0 8px; }\r\n    #hdy-page nav.main-nav .mega-thumb.is-prod{ flex-basis:46px; width:46px; height:46px; }\r\n    #hdy-page .mega-skel{ padding:9px 12px; }\r\n    #hdy-page .mega-skel i:first-child{ flex-basis:46px; height:46px; }\r\n    #hdy-page .mega-foot .foot-talk{ display:none; }\r\n    #hdy-page .mega-foot .foot-btns{ width:100%; padding:6px 0 10px; }\r\n    #hdy-page nav.main-nav .mega-foot a.foot-btn{ flex:1; justify-content:center; height:40px; padding:0 10px; }\r\n\r\n    #hdy-page .drawer-foot{\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:10px;\r\n      padding:18px 20px 24px;\r\n      border-top:1px solid rgba(255,255,255,.07);\r\n      flex-shrink:0;\r\n    }\r\n    #hdy-page nav.main-nav .drawer-foot a{\r\n      display:flex; align-items:center; justify-content:center; gap:8px;\r\n      width:100%;\r\n      padding:13px 18px;\r\n      border-radius:30px;\r\n      font-size:14px; font-weight:600;\r\n    }\r\n    #hdy-page nav.main-nav .drawer-foot a::before{ display:none; }\r\n    #hdy-page nav.main-nav .drawer-foot .drawer-cta{\r\n      background:linear-gradient(180deg, var(--gold-light), var(--gold));\r\n      color:#241a10;\r\n    }\r\n    #hdy-page nav.main-nav .drawer-foot .drawer-wa{\r\n      border:1px solid rgba(255,255,255,.18);\r\n      color:#fff;\r\n    }\r\n    #hdy-page nav.main-nav .drawer-foot .drawer-wa:hover{ border-color:var(--gold); color:var(--gold-light); }\r\n  }\r\n\r\n  @media (max-width: 1024px){\r\n    #hdy-page .container{ padding:0 20px; }\r\n    #hdy-page .logo img{ height:32px; }\r\n    #hdy-page header{ padding:16px 0; }\r\n\r\n    #hdy-page .hero-photo{\r\n      position:relative;\r\n      inset:auto;\r\n      height:clamp(260px, 34vw, 420px);\r\n      max-width:none;\r\n    }\r\n\r\n    #hdy-page .hero-scrim{\r\n      display:none;\r\n    }\r\n\r\n    #hdy-page .hero-photo img{\r\n      object-position: right;\r\n    }\r\n\r\n    #hdy-page .hero-overlay{\r\n      position:static;\r\n      padding:26px 20px 44px;\r\n      background:var(--bg-dark);\r\n      min-height:0;\r\n      display:block;\r\n    }\r\n\r\n    #hdy-page .hero-content{\r\n      margin-left:0;\r\n      width:100%;\r\n      max-width:none;\r\n      min-width:0;\r\n    }\r\n\r\n    #hdy-page h1.eyebrow{ font-size:11px !important; letter-spacing:2px !important; margin-bottom:14px !important; }\r\n    #hdy-page .hero .hero-title{ font-size:40px; margin-bottom:18px; }\r\n    #hdy-page .hero .hero-title br{ display:none; }\r\n    #hdy-page .hero p.lede{ font-size:16px; margin-bottom:28px; max-width:none; }\r\n    #hdy-page .hero-cta{ gap:18px 26px; margin-bottom:36px; }\r\n    #hdy-page .btn-primary{ font-size:15px; padding:15px 26px; }\r\n    #hdy-page .btn-watch{ font-size:15px; }\r\n    #hdy-page .btn-watch .play-circle{ width:38px; height:38px; }\r\n    #hdy-page .features-row{ gap:18px 26px; }\r\n    #hdy-page .feature-item .icon-wrap{ width:32px; height:32px; }\r\n    #hdy-page .feature-item span{ max-width:100px; font-size:13px; }\r\n  }\r\n\r\n  @media (max-width: 380px){\r\n    #hdy-page .hero-photo{ height:250px; }\r\n    #hdy-page .hero-cta{ flex-direction:column; align-items:flex-start; gap:16px; }\r\n  }\r\n  \/* ---------- Language switcher ---------- *\/\r\n#hdy-page .hdy-lang{ position:relative; }\r\n#hdy-page .hdy-lang-src{ display:none !important; }\r\n#hdy-page .hdy-lang-btn{\r\n  display:inline-flex; align-items:center; gap:6px;\r\n  height:34px; padding:0 12px;\r\n  background:none; border:1px solid rgba(255,255,255,.16); border-radius:30px;\r\n  color:#fff; font-family:var(--font-body); font-size:12.5px; font-weight:500; letter-spacing:.4px;\r\n  cursor:pointer;\r\n  transition:border-color .2s ease, color .2s ease;\r\n}\r\n#hdy-page .hdy-lang-btn svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; }\r\n#hdy-page .hdy-lang-btn .caret{ font-size:9px; color:var(--text-muted); transition:transform .2s ease, color .2s ease; }\r\n#hdy-page .hdy-lang-btn:hover,\r\n#hdy-page .hdy-lang.open .hdy-lang-btn{ border-color:var(--gold); color:var(--gold-light); background:none; }\r\n#hdy-page .hdy-lang.open .hdy-lang-btn .caret{ transform:rotate(180deg); color:var(--gold-light); }\r\n\r\n#hdy-page .hdy-lang-menu{\r\n  position:absolute; top:calc(100% + 12px); right:0;\r\n  min-width:180px; padding:8px;\r\n  background:var(--bg-dark-2);\r\n  border:1px solid rgba(255,255,255,.08); border-radius:12px;\r\n  box-shadow:0 20px 40px rgba(0,0,0,.5);\r\n  opacity:0; visibility:hidden; transform:translateY(6px);\r\n  transition:opacity .2s ease, visibility .2s ease, transform .2s ease;\r\n  z-index:70;\r\n}\r\n#hdy-page .hdy-lang.open .hdy-lang-menu{ opacity:1; visibility:visible; transform:translateY(0); }\r\n#hdy-page .hdy-lang-menu a{\r\n  display:flex; align-items:center; justify-content:space-between; gap:16px;\r\n  padding:10px 12px; border-radius:8px;\r\n  font-size:13px; font-weight:500; color:#fff; white-space:nowrap;\r\n  transition:background .15s ease, color .15s ease;\r\n}\r\n#hdy-page .hdy-lang-menu a:hover{ background:rgba(220,172,112,.1); color:var(--gold-light); }\r\n#hdy-page .hdy-lang-menu a.is-current{ color:var(--gold-light); pointer-events:none; }\r\n#hdy-page .hdy-lang-menu a.is-current::after{ content:\"\\2713\"; font-size:12px; color:var(--gold); }\r\n\r\n@media (max-width: 900px){\r\n  #hdy-page .header-actions .hdy-lang{ display:none; }\r\n  #hdy-page .drawer-langs{ display:flex; flex-wrap:wrap; gap:8px; padding-bottom:6px; }\r\n  #hdy-page .drawer-langs:empty{ display:none; }\r\n  #hdy-page nav.main-nav .drawer-foot .drawer-langs a{\r\n    width:auto; padding:7px 14px;\r\n    font-size:12.5px; font-weight:500; color:#fff;\r\n    border:1px solid rgba(255,255,255,.16); border-radius:30px;\r\n  }\r\n  #hdy-page nav.main-nav .drawer-foot .drawer-langs a.is-current{\r\n    border-color:var(--gold); color:var(--gold-light); pointer-events:none;\r\n  }\r\n}\r\n#hdy-page .hero .hero-title .accent{\r\n  padding-right:.14em;\r\n  margin-right:-.06em;\r\n}\r\n#hdy-page .logo img{ height:52px; }\r\n@media (max-width: 1024px){\r\n  #hdy-page .logo img{ height:40px; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"hdy-page\">\r\n\r\n<header id=\"siteHeader\">\r\n  <div class=\"container header-inner\">\r\n    <a href=\"\/\" class=\"logo\">\r\n      <img decoding=\"async\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT_Image_Sep_15__2026__12_01_58_PM-removebg-preview-1.png\" alt=\"Hairdey \u2014 Hair Color Chart Manufacturer\">\r\n    <\/a>\r\n\r\n    <nav class=\"main-nav\" id=\"mainNav\" aria-label=\"Main menu\">\r\n      <div class=\"drawer-head\">\r\n        <a href=\"\/\" class=\"drawer-logo\">\r\n          <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/ChatGPT_Image_Sep_15__2026__12_01_58_PM-removebg-preview-1-1.png\" alt=\"Hairdey\">\r\n        <\/a>\r\n        <button class=\"drawer-close\" id=\"menuClose\" aria-label=\"Close menu\">&times;<\/button>\r\n      <\/div>\r\n      <ul>\r\n        <li class=\"has-dropdown\">\r\n          <a href=\"\/products\/\" class=\"dropdown-trigger\">\r\n            Products <span class=\"caret\" aria-hidden=\"true\">&#9662;<\/span>\r\n          <\/a>\r\n          <div class=\"dropdown-panel mega mega-xl\" id=\"megaProducts\">\r\n            <div class=\"dropdown-panel-inner\">\r\n             <div class=\"mega-cols\">\r\n              <div class=\"mega-col-c\">\r\n              <div class=\"mega-head\">\r\n                <span class=\"mega-eyebrow\">Product Categories<\/span>\r\n                <a href=\"\/product-categories\/\" class=\"mega-all\">All categories &rarr;<\/a>\r\n              <\/div>\r\n              <div class=\"mega-grid\">\r\n                  <a href=\"\/product-category\/accordion-hair-color-chart\/\" class=\"mega-link\" data-slug=\"accordion-hair-color-chart\" data-alt=\"accordian-catalogue\">\r\n                    <span class=\"mega-thumb\" style=\"--sw:linear-gradient(135deg,#3b2418,#8a4b2a,#d99a5b)\" aria-hidden=\"true\"><\/span>\r\n                    <span class=\"mega-text\">\r\n                      <span class=\"mega-title\">Accordion<\/span>\r\n                      <span class=\"mega-desc\">Creative. Compact. Impactful.<\/span>\r\n                    <\/span>\r\n                  <\/a>\r\n                  <a href=\"\/product-category\/book-style-hair-color-chart\/\" class=\"mega-link\" data-slug=\"book-style-hair-color-chart\" data-alt=\"book-style-catalogue\">\r\n                    <span class=\"mega-thumb\" style=\"--sw:linear-gradient(135deg,#1c1411,#5a3a2a,#b07a4f)\" aria-hidden=\"true\"><\/span>\r\n                    <span class=\"mega-text\">\r\n                      <span class=\"mega-title\">Book Style<\/span>\r\n                      <span class=\"mega-desc\">Elegant. Premium. Impressive.<\/span>\r\n                    <\/span>\r\n                  <\/a>\r\n                  <a href=\"\/product-category\/circular-hair-color-chart\/\" class=\"mega-link\" data-slug=\"circular-hair-color-chart\" data-alt=\"circular-design\">\r\n                    <span class=\"mega-thumb\" style=\"--sw:linear-gradient(135deg,#5e1f2b,#a33b3b,#e08a5b)\" aria-hidden=\"true\"><\/span>\r\n                    <span class=\"mega-text\">\r\n                      <span class=\"mega-title\">Circular<\/span>\r\n                      <span class=\"mega-desc\">Unique. Eye-catching. Modern.<\/span>\r\n                    <\/span>\r\n                  <\/a>\r\n                  <a href=\"\/product-category\/display-box-hair-color-chart\/\" class=\"mega-link\" data-slug=\"display-box-hair-color-chart\" data-alt=\"display-box-set\">\r\n                    <span class=\"mega-thumb\" style=\"--sw:linear-gradient(135deg,#2b1d14,#7a5236,#e4c08c)\" aria-hidden=\"true\"><\/span>\r\n                    <span class=\"mega-text\">\r\n                      <span class=\"mega-title\">Display Box<\/span>\r\n                      <span class=\"mega-desc\">Luxury. Complete. Memorable.<\/span>\r\n                    <\/span>\r\n                  <\/a>\r\n                  <a href=\"\/product-category\/fold-out-hair-color-chart\/\" class=\"mega-link\" data-slug=\"fold-out-hair-color-chart\" data-alt=\"fold-out-catalouge\">\r\n                    <span class=\"mega-thumb\" style=\"--sw:linear-gradient(135deg,#4a3322,#9c6b43,#f0cf9c)\" aria-hidden=\"true\"><\/span>\r\n                    <span class=\"mega-text\">\r\n                      <span class=\"mega-title\">Fold-Out<\/span>\r\n                      <span class=\"mega-desc\">Timeless. Practical. Portable.<\/span>\r\n                    <\/span>\r\n                  <\/a>\r\n                  <a href=\"\/product-category\/ring-fan-hair-color-chart\/\" class=\"mega-link\" data-slug=\"ring-fan-hair-color-chart\">\r\n                    <span class=\"mega-thumb\" style=\"--sw:linear-gradient(135deg,#3d1f3a,#8b3d5e,#d9828a)\" aria-hidden=\"true\"><\/span>\r\n                    <span class=\"mega-text\">\r\n                      <span class=\"mega-title\">Ring &amp; Fan<\/span>\r\n                      <span class=\"mega-desc\">Flip through every shade.<\/span>\r\n                    <\/span>\r\n                  <\/a>\r\n                  <a href=\"\/product-category\/strip-hair-color-chart\/\" class=\"mega-link\" data-slug=\"strip-hair-color-chart\">\r\n                    <span class=\"mega-thumb\" style=\"--sw:linear-gradient(135deg,#23262b,#6b6f76,#c9ccd1)\" aria-hidden=\"true\"><\/span>\r\n                    <span class=\"mega-text\">\r\n                      <span class=\"mega-title\">Strip<\/span>\r\n                      <span class=\"mega-desc\">Slim, light, easy to display.<\/span>\r\n                    <\/span>\r\n                  <\/a>\r\n                  <a href=\"\/product-category\/custom-hair-color-chart\/\" class=\"mega-link\" data-slug=\"custom-hair-color-chart\" data-alt=\"custom-concepts\">\r\n                    <span class=\"mega-thumb\" style=\"--sw:linear-gradient(135deg,#6d4a1f,#dcac70,#f6e3c1)\" aria-hidden=\"true\"><\/span>\r\n                    <span class=\"mega-text\">\r\n                      <span class=\"mega-title\">Custom Concepts<\/span>\r\n                      <span class=\"mega-desc\">Your idea. Our expertise.<\/span>\r\n                    <\/span>\r\n                  <\/a>\r\n              <\/div>\r\n              <\/div>\r\n              <div class=\"mega-col-p\">\r\n                <div class=\"mega-head\">\r\n                  <span class=\"mega-eyebrow\">Popular Products<\/span>\r\n                  <a href=\"\/products\/\" class=\"mega-all\">All products &rarr;<\/a>\r\n                <\/div>\r\n                <div class=\"mega-prods\" id=\"megaProds\" aria-busy=\"true\">\r\n                  <span class=\"mega-skel\" aria-hidden=\"true\"><i><\/i><span><i><\/i><i><\/i><\/span><\/span>\r\n                  <span class=\"mega-skel\" aria-hidden=\"true\"><i><\/i><span><i><\/i><i><\/i><\/span><\/span>\r\n                  <span class=\"mega-skel\" aria-hidden=\"true\"><i><\/i><span><i><\/i><i><\/i><\/span><\/span>\r\n                  <span class=\"mega-skel\" aria-hidden=\"true\"><i><\/i><span><i><\/i><i><\/i><\/span><\/span>\r\n                <\/div>\r\n              <\/div>\r\n             <\/div>\r\n              <div class=\"mega-foot\">\r\n                <span class=\"foot-talk\">Not sure which format fits your range? <a href=\"\/contact-us\">Talk to our team <span>&rarr;<\/span><\/a><\/span>\r\n                <span class=\"foot-btns\">\r\n                  <a href=\"\/product-categories\/\" class=\"foot-btn\">View all categories<\/a>\r\n                  <a href=\"\/products\/\" class=\"foot-btn is-gold\">View all products <span>&rarr;<\/span><\/a>\r\n                <\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/li>\r\n        <li class=\"has-dropdown\">\r\n          <a href=\"\/services\/\" class=\"dropdown-trigger\">\r\n            Services <span class=\"caret\" aria-hidden=\"true\">&#9662;<\/span>\r\n          <\/a>\r\n          <div class=\"dropdown-panel mega mega-sm\">\r\n            <div class=\"dropdown-panel-inner\">\r\n              <div class=\"mega-head\">\r\n                <span class=\"mega-eyebrow\">How We Work With You<\/span>\r\n              <\/div>\r\n              <div class=\"mega-grid\">\r\n                <a href=\"\/services\/\" class=\"mega-link\">\r\n                  <span class=\"mega-thumb mega-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><rect x=\"3.5\" y=\"3.5\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"13.5\" y=\"3.5\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"3.5\" y=\"13.5\" width=\"7\" height=\"7\" rx=\"1.5\"\/><rect x=\"13.5\" y=\"13.5\" width=\"7\" height=\"7\" rx=\"1.5\"\/><\/svg><\/span>\r\n                  <span class=\"mega-text\">\r\n                    <span class=\"mega-title\">All Services<\/span>\r\n                    <span class=\"mega-desc\">See both manufacturing paths.<\/span>\r\n                  <\/span>\r\n                <\/a>\r\n                <a href=\"\/services\/oem-hair-color-chart-manufacturer\/\" class=\"mega-link\">\r\n                  <span class=\"mega-thumb mega-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M3 20.5V10l5 3V10l5 3V10l5 3V4.5h3v16z\"\/><path d=\"M7 17h2M11.5 17h2M16 17h2\"\/><\/svg><\/span>\r\n                  <span class=\"mega-text\">\r\n                    <span class=\"mega-title\">OEM Manufacturing<\/span>\r\n                    <span class=\"mega-desc\">Send your spec, we build it.<\/span>\r\n                  <\/span>\r\n                <\/a>\r\n                <a href=\"\/services\/odm-hair-color-chart-manufacturer\/\" class=\"mega-link\">\r\n                  <span class=\"mega-thumb mega-icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 20l1-4L16 5l3 3L8 19z\"\/><path d=\"M14 7l3 3\"\/><path d=\"M4 20h16\"\/><\/svg><\/span>\r\n                  <span class=\"mega-text\">\r\n                    <span class=\"mega-title\">ODM Design &amp; Manufacturing<\/span>\r\n                    <span class=\"mega-desc\">Bring an idea, we design and build it.<\/span>\r\n                  <\/span>\r\n                <\/a>\r\n              <\/div>\r\n              <div class=\"mega-foot\">\r\n                <span>Have a project in mind?<\/span>\r\n                <a href=\"\/contact-us\">Get a quote <span>&rarr;<\/span><\/a>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/li>\r\n        <li><a href=\"\/about-us\">About Us<\/a><\/li>\r\n        <li><a href=\"\/blogs\">Blogs<\/a><\/li>\r\n        <li><a href=\"\/contact-us\">Contact<\/a><\/li>\r\n      <\/ul>\r\n      <div class=\"drawer-foot\">\r\n          <div class=\"drawer-langs\" id=\"hdyLangDrawer\" data-no-translation><\/div>\r\n        <a href=\"\/contact-us\" class=\"drawer-cta\">Request a Quote <span>&rarr;<\/span><\/a>\r\n        <a href=\"https:\/\/wa.me\/8618458000092\" class=\"drawer-wa\" target=\"_blank\" rel=\"noopener\">Chat on WhatsApp<\/a>\r\n      <\/div>\r\n    <\/nav>\r\n    <div class=\"nav-backdrop\" id=\"navBackdrop\"><\/div>\r\n\r\n    <div class=\"header-actions\">\r\n      <button class=\"icon-btn\" aria-label=\"Search\">\r\n        <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/100\/ffffff\/search--v1.png\" alt=\"Search\">\r\n      <\/button>\r\n      <a href=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hairdey-Product-Catalogue.pdf\" class=\"btn-quote\" id=\"hdyCatalogue\" download data-no-translation-href>Download catalogue<span>&rarr;<\/span><\/a>\r\n      <div class=\"hdy-lang\" id=\"hdyLang\" data-no-translation>\r\n  <button type=\"button\" class=\"hdy-lang-btn\" id=\"hdyLangBtn\" aria-haspopup=\"true\" aria-expanded=\"false\" aria-label=\"Choose language\">\r\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3c2.8 3 2.8 15 0 18M12 3c-2.8 3-2.8 15 0 18\"\/><\/svg>\r\n    <span id=\"hdyLangCode\">EN<\/span>\r\n    <span class=\"caret\" aria-hidden=\"true\">&#9662;<\/span>\r\n  <\/button>\r\n  <div class=\"hdy-lang-menu\" id=\"hdyLangMenu\"><\/div>\r\n  <div class=\"hdy-lang-src\" id=\"hdyLangSrc\"><div class=\"trp-shortcode-switcher__wrapper\"\r\n     style=\"--bg:#ffffff;--bg-hover:#0000000d;--text:#143852;--text-hover:#1d2327;--border:1px solid #1438521a;--border-width:1px;--border-color:#1438521a;--border-radius:5px;--flag-radius:2px;--flag-size:18px;--aspect-ratio:4\/3;--font-size:14px;--transition-duration:0.2s\"\r\n     role=\"group\"\r\n     data-open-mode=\"hover\">\r\n\r\n    \r\n        <!-- ANCHOR (in-flow only; sizing\/borders; inert) -->\r\n        <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-anchor trp-open-on-hover\"\r\n             aria-hidden=\"true\"\r\n             inert\r\n             data-no-translation>\r\n                <div class=\"trp-current-language-item__wrapper\">\r\n        <a class=\"trp-language-item trp-language-item__default trp-language-item__current\" data-no-translation href=\"https:\/\/hairdey.com\/ar\/wp-json\/wp\/v2\/pages\/289#TRPLINKPROCESSED\" title=\"\u0627\u0644\u0639\u0631\u0628\u064a\u0629\"><img decoding=\"async\" src=\"https:\/\/hairdey.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/ar.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/><span class=\"trp-language-item-name\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/span><\/a>                    <svg class=\"trp-shortcode-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 20 21\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M5 8L10 13L15 8\" stroke=\"var(--text)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            <\/div>\r\n            <\/div>\r\n\r\n        <!-- OVERLAY (positioned; interactive surface) -->\r\n        <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-overlay trp-open-on-hover\"\r\n             role=\"navigation\"\r\n             aria-label=\"\u0645\u062d\u062f\u062f \u0644\u063a\u0629 \u0627\u0644\u0645\u0648\u0642\u0639\"\r\n             data-no-translation\r\n        >\r\n                <div class=\"trp-current-language-item__wrapper\">\r\n        <div class=\"trp-language-item trp-language-item__default trp-language-item__current\" data-no-translation role=\"button\" aria-expanded=\"false\" tabindex=\"0\" aria-label=\"\u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0644\u063a\u0629\" aria-controls=\"trp-shortcode-dropdown-6ae674809b706\"><img decoding=\"async\" src=\"https:\/\/hairdey.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/ar.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/><span class=\"trp-language-item-name\">\u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/span><\/div>                    <svg class=\"trp-shortcode-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 20 21\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M5 8L10 13L15 8\" stroke=\"var(--text)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            <\/div>\r\n    \r\n            <div class=\"trp-switcher-dropdown-list\"\r\n                 id=\"trp-shortcode-dropdown-6ae674809b706\"\r\n                 role=\"group\"\r\n                 aria-label=\"\u0627\u0644\u0644\u063a\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629\"\r\n                 hidden\r\n                 inert\r\n            >\r\n                                                            <a class=\"trp-language-item\" href=\"https:\/\/hairdey.com\/ar\/wp-json\/wp\/v2\/pages\/289#TRPLINKPROCESSED\" title=\"English\">\r\n                            <img decoding=\"async\" src=\"https:\/\/hairdey.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/en_US.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/>                                                            <span class=\"trp-language-item-name\" data-no-translation>English<\/span>\r\n                                                                                <\/a>\r\n                                            <a class=\"trp-language-item\" href=\"https:\/\/hairdey.com\/ar\/wp-json\/wp\/v2\/pages\/289#TRPLINKPROCESSED\" title=\"Fran\u00e7ais\">\r\n                            <img decoding=\"async\" src=\"https:\/\/hairdey.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/fr_FR.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/>                                                            <span class=\"trp-language-item-name\" data-no-translation>Fran\u00e7ais<\/span>\r\n                                                                                <\/a>\r\n                                            <a class=\"trp-language-item\" href=\"https:\/\/hairdey.com\/ar\/wp-json\/wp\/v2\/pages\/289#TRPLINKPROCESSED\" title=\"Espa\u00f1ol\">\r\n                            <img decoding=\"async\" src=\"https:\/\/hairdey.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/es_ES.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/>                                                            <span class=\"trp-language-item-name\" data-no-translation>Espa\u00f1ol<\/span>\r\n                                                                                <\/a>\r\n                                            <a class=\"trp-language-item\" href=\"https:\/\/hairdey.com\/ar\/wp-json\/wp\/v2\/pages\/289#TRPLINKPROCESSED\" title=\"\u0420\u0443\u0441\u0441\u043a\u0438\u0439\">\r\n                            <img decoding=\"async\" src=\"https:\/\/hairdey.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/flags\/4x3\/ru_RU.svg\" class=\"trp-flag-image\" alt=\"\" role=\"presentation\" loading=\"lazy\" \/>                                                            <span class=\"trp-language-item-name\" data-no-translation>\u0420\u0443\u0441\u0441\u043a\u0438\u0439<\/span>\r\n                                                                                <\/a>\r\n                                                <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n<\/div>\r\n      <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"Menu\">\r\n        <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/material-outlined\/100\/ffffff\/menu.png\" alt=\"Menu\">\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<section class=\"hero\">\r\n  <div class=\"hero-inner\">\r\n  <div class=\"hero-photo\">\r\n    <img fetchpriority=\"high\"\r\n  src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Sep-17-2026-10_40_16-AM-1.webp\"\r\n  srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Sep-17-2026-10_40_16-AM-1.webp 750w,\r\n          https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/ChatGPT-Image-Sep-17-2026-10_40_16-AM-1.webp 1200w\"\r\n  sizes=\"(max-width: 1024px) 100vw, 1200px\"\r\n  width=\"1200\" height=\"800\"\r\n  fetchpriority=\"high\" loading=\"eager\" decoding=\"async\"\r\n  data-no-lazy=\"1\" class=\"skip-lazy\"\r\n  alt=\"Hair color chart manufacturer \u2014 vibrant shade catalogue\">\r\n    <div class=\"hero-scrim\"><\/div>\r\n  <\/div>\r\n  <div class=\"hero-overlay\">\r\n    <div class=\"hero-content\">\r\n      <h1 class=\"eyebrow\">Hair Color Chart Manufacturer<\/h1>\r\n      <p class=\"hero-title\">Where <span class=\"accent\">Color<\/span> <br>Comes to <span class=\"accent\">Life<\/span><\/p>\r\n      <p class=\"lede\">As a trusted hair color chart manufacturer, we craft premium shade cards, catalogues and swatch books that elevate brands worldwide.<\/p>\r\n\r\n      <div class=\"hero-cta\">\r\n        <a href=\"\/products\/\" class=\"btn-primary\">Explore Our Products <span>&rarr;<\/span><\/a>\r\n       \r\n      <\/div>\r\n\r\n      <div class=\"features-row\">\r\n        <div class=\"feature-item\">\r\n          <span class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/100\/dcac70\/diamond.png\" alt=\"Premium Quality\"><\/span>\r\n          <span>Premium Quality<\/span>\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n          <span class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/100\/dcac70\/paint-palette.png\" alt=\"Fully Customizable\"><\/span>\r\n          <span>Fully Customizable<\/span>\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n          <span class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/100\/dcac70\/globe--v1.png\" alt=\"Worldwide Shipping\"><\/span>\r\n          <span>Worldwide Shipping<\/span>\r\n        <\/div>\r\n        <div class=\"feature-item\">\r\n          <span class=\"icon-wrap\"><img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/100\/dcac70\/customer-support.png\" alt=\"Dedicated Support\"><\/span>\r\n          <span>Dedicated Bilingual Support<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n  (function(){\r\n    const header   = document.getElementById('siteHeader');\r\n    const toggle   = document.getElementById('menuToggle');\r\n    const closeBtn = document.getElementById('menuClose');\r\n    const backdrop = document.getElementById('navBackdrop');\r\n    const isMobile = () => window.matchMedia('(max-width: 900px)').matches;\r\n\r\n    \/\/ ---------- Side drawer ----------\r\n    function openMenu(){\r\n      header.classList.add('nav-open');\r\n      document.documentElement.style.overflow = 'hidden';\r\n    }\r\n    function closeMenu(){\r\n      header.classList.remove('nav-open');\r\n      document.documentElement.style.overflow = '';\r\n    }\r\n    if (header && toggle) toggle.addEventListener('click', openMenu);\r\n    if (closeBtn) closeBtn.addEventListener('click', closeMenu);\r\n    if (backdrop) backdrop.addEventListener('click', closeMenu);\r\n    document.addEventListener('keydown', (e) => { if (e.key === 'Escape') closeMenu(); });\r\n    window.addEventListener('resize', () => { if (!isMobile()) closeMenu(); });\r\n\r\n    \/\/ Submenus: hover on desktop (CSS). In the drawer, tapping Products \/\r\n    \/\/ Services expands it like an accordion (one open at a time).\r\n    document.querySelectorAll('#hdy-page li.has-dropdown > .dropdown-trigger').forEach((link) => {\r\n      link.addEventListener('click', (e) => {\r\n        if (!isMobile()) return;\r\n        e.preventDefault();\r\n        const item = link.parentElement;\r\n        const wasOpen = item.classList.contains('mobile-open');\r\n        document.querySelectorAll('#hdy-page li.has-dropdown.mobile-open').forEach((li) => li.classList.remove('mobile-open'));\r\n        if (!wasOpen) item.classList.add('mobile-open');\r\n      });\r\n    });\r\n\r\n    \/\/ ---------- Products column ----------\r\n    \/\/ Which products to show. Leave ids empty to show products marked \"Featured\"\r\n    \/\/ (the star in Products > All Products); if none are featured, the newest ones.\r\n    \/\/ Or list product IDs to choose them yourself, e.g. ids: [123, 456, 789, 1011]\r\n    const MENU_PRODUCTS = { ids: [], count: 4 };\r\n\r\n    const prodBox = document.getElementById('megaProds');\r\n    const esc = (t) => String(t == null ? '' : t).replace(\/[&<>\"']\/g, (c) => ({'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c]));\r\n    const decode = (t) => { const d = document.createElement('textarea'); d.innerHTML = t || ''; return d.value; };\r\n\r\n    function renderProds(list){\r\n      if (!prodBox) return;\r\n      if (!list.length){ prodBox.closest('.mega-col-p').style.display = 'none'; return; }\r\n      prodBox.innerHTML = list.slice(0, MENU_PRODUCTS.count).map((p) => {\r\n        const img = p.images && p.images[0] ? (p.images[0].thumbnail || p.images[0].src) : '';\r\n        const cat = p.categories && p.categories[0] ? decode(p.categories[0].name).replace(\/\\s*Hair Colou?r Charts?$\/i, '') : '';\r\n        const m = decode(p.name).match(\/(\\d+)\\s*shades?\/i);\r\n        const desc = [m ? m[1] + ' shades' : '', cat].filter(Boolean).join(' \u00b7 ');\r\n        return '<a href=\"' + esc(p.permalink) + '\" class=\"mega-link\">'\r\n          + '<span class=\"mega-thumb is-prod\" aria-hidden=\"true\">' + (img ? '<img decoding=\"async\" src=\"' + esc(img) + '\" alt=\"\" loading=\"lazy\">' : '') + '<\/span>'\r\n          + '<span class=\"mega-text\"><span class=\"mega-title clamp\">' + esc(decode(p.name)) + '<\/span>'\r\n          + (desc ? '<span class=\"mega-desc\">' + esc(desc) + '<\/span>' : '') + '<\/span><\/a>';\r\n      }).join('');\r\n      prodBox.removeAttribute('aria-busy');\r\n    }\r\n\r\n    function loadProds(){ if (!prodBox || !window.fetch) return;\r\n      const bases = ['\/wp-json\/wc\/store\/v1\/products', '\/?rest_route=\/wc\/store\/v1\/products'];\r\n      const q = (extra) => (b) => b + (b.indexOf('?') > -1 ? '&' : '?') + 'per_page=' + MENU_PRODUCTS.count + extra;\r\n      const get = (build, i) => {\r\n        i = i || 0;\r\n        if (i >= bases.length) return Promise.reject();\r\n        return fetch(build(bases[i]), { credentials: 'same-origin' })\r\n          .then((r) => { if (!r.ok) throw 0; return r.json(); })\r\n          .then((d) => { if (!Array.isArray(d)) throw 0; return d; })\r\n          .catch(() => get(build, i + 1));\r\n      };\r\n      const first = MENU_PRODUCTS.ids.length\r\n        ? get(q('&include=' + MENU_PRODUCTS.ids.join(',') + '&orderby=include'))\r\n        : get(q('&featured=true'));\r\n      first\r\n        .then((d) => d.length ? d : get(q('&orderby=date&order=desc')))\r\n        .then(renderProds)\r\n        .catch(() => { console.warn('[Hairdey menu] Could not load products.'); renderProds([]); });\r\n    }\r\n\r\n    \/\/ ---------- Keep the wide Products panel inside the screen ----------\r\n    const mega = document.getElementById('megaProducts');\r\n    function placeMega(){\r\n      if (!mega || isMobile()) return;\r\n      const li = mega.parentElement;\r\n      const r = li.getBoundingClientRect();\r\n      const w = mega.offsetWidth;\r\n      const vw = document.documentElement.clientWidth;\r\n      const center = r.left + r.width \/ 2;\r\n      const left = Math.max(20, Math.min(center - w \/ 2, vw - 20 - w));\r\n      mega.style.setProperty('--mx', (left - r.left) + 'px');\r\n      mega.style.setProperty('--nx', (center - left) + 'px');\r\n    }\r\n    if (mega){\r\n      placeMega();\r\n      mega.parentElement.addEventListener('mouseenter', placeMega);\r\n      window.addEventListener('resize', placeMega);\r\n    }\r\n\r\n    \/\/ ---------- Category images ----------\r\n    \/\/ 1) If a link has data-img=\"https:\/\/...\" that image is used.\r\n    \/\/ 2) Otherwise the category's WooCommerce \"Thumbnail\" is fetched and\r\n    \/\/    matched by slug, link URL or category name.\r\n    const catLinks = Array.from(document.querySelectorAll('#hdy-page .mega-link[data-slug]'));\r\n    const norm = (t) => (t || '').toLowerCase().replace(\/&amp;|&\/g, 'and').replace(\/[^a-z0-9]\/g, '');\r\n\r\n    function setImg(link, src, alt){\r\n      const box = link.querySelector('.mega-thumb');\r\n      if (!box || !src || box.querySelector('img')) return;\r\n      const img = document.createElement('img');\r\n      img.src = src;\r\n      img.alt = alt || '';\r\n      img.loading = 'lazy';\r\n      box.appendChild(img);\r\n    }\r\n\r\n    catLinks.forEach((l) => { if (l.dataset.img) setImg(l, l.dataset.img, l.textContent.trim()); });\r\n\r\n    const needed = catLinks.filter((l) => !l.dataset.img);\r\n      function loadCats(){ if (!needed.length || !window.fetch) return;\r\n      const endpoints = [\r\n        '\/wp-json\/wc\/store\/v1\/products\/categories?per_page=100&hide_empty=false',\r\n        '\/?rest_route=\/wc\/store\/v1\/products\/categories&per_page=100&hide_empty=false',\r\n        '\/wp-json\/wc\/store\/products\/categories?per_page=100&hide_empty=false'\r\n      ];\r\n      const tryFetch = (i) => {\r\n        if (i >= endpoints.length) { console.warn('[Hairdey menu] Could not load WooCommerce categories.'); return; }\r\n        fetch(endpoints[i], { credentials: 'same-origin' })\r\n          .then((r) => { if (!r.ok) throw new Error(r.status); return r.json(); })\r\n          .then((cats) => {\r\n            if (!Array.isArray(cats)) throw new Error('bad response');\r\n            needed.forEach((link) => {\r\n              const title = link.querySelector('.mega-title');\r\n              const slug  = link.dataset.slug;\r\n              const path  = new URL(link.href, location.origin).pathname.replace(\/\\\/+$\/, '');\r\n              const alt   = link.dataset.alt;\r\n              const cat = cats.find((c) => c.slug === slug || (alt && c.slug === alt))\r\n                || cats.find((c) => c.permalink && new URL(c.permalink, location.origin).pathname.replace(\/\\\/+$\/, '') === path)\r\n                || cats.find((c) => title && norm(c.name).indexOf(norm(title.textContent)) === 0)\r\n                || cats.find((c) => title && norm(c.name).slice(0, 6) === norm(title.textContent).slice(0, 6));\r\n              if (!cat) { console.warn('[Hairdey menu] No WooCommerce category matches', slug); return; }\r\n              if (cat.permalink) link.href = cat.permalink;  \/\/ always point at the real category URL\r\n              if (!cat.image) { console.warn('[Hairdey menu] Category has no thumbnail:', cat.name); return; }\r\n              setImg(link, cat.image.thumbnail || cat.image.src, cat.image.alt || cat.name);\r\n            });\r\n          })\r\n          .catch(() => tryFetch(i + 1));\r\n      };\r\n      tryFetch(0);\r\n    }\r\n          let menuLoaded = false;\r\n      function loadMenu(){ if (menuLoaded) return; menuLoaded = true; loadProds(); loadCats(); }\r\n      const prodLi = mega && mega.parentElement;\r\n      if (prodLi){ prodLi.addEventListener('mouseenter', loadMenu); prodLi.addEventListener('focusin', loadMenu); }\r\n      if (toggle) toggle.addEventListener('click', loadMenu);\r\n      window.addEventListener('load', () => setTimeout(loadMenu, 4000));\r\n  })();\r\n    \/\/ ---------- Language switcher ----------\r\n  (function(){\r\n    const wrap = document.getElementById('hdyLang');\r\n    if (!wrap) return;\r\n    const btn    = document.getElementById('hdyLangBtn');\r\n    const menu   = document.getElementById('hdyLangMenu');\r\n    const drawer = document.getElementById('hdyLangDrawer');\r\n\r\n    document.getElementById('hdyLangCode').textContent =\r\n      (document.documentElement.lang || 'en').slice(0, 2).toUpperCase();\r\n\r\n    \/\/ Read the links TranslatePress printed (the shortcode, or its floating switcher as a backup)\r\n    let src = wrap.querySelectorAll('#hdyLangSrc a');\r\n    if (!src.length) src = document.querySelectorAll('[class*=\"trp\"][class*=\"switcher\"] a');\r\n\r\n    const clean = (u) => u.split('#')[0].replace(\/\\\/+$\/, '');\r\n    const here = clean(location.href);\r\n    const seen = {};\r\n    const langs = [];\r\n    src.forEach((a) => {\r\n      const img = a.querySelector('img');\r\n      const name = (a.textContent.trim() || a.title || (img && img.alt) || '').trim();\r\n      if (!name || seen[name]) return;\r\n      seen[name] = 1;\r\n      const raw = a.getAttribute('href') || '#';\r\n      const current = raw.charAt(0) === '#' || clean(a.href) === here;\r\n      langs.push({ name: name, href: current ? '#' : a.href, current: current });\r\n    });\r\n\r\n    if (langs.length < 2){ wrap.style.display = 'none'; return; }\r\n\r\n    [menu, drawer].forEach((box) => {\r\n      if (!box) return;\r\n      langs.forEach((l) => {\r\n        const a = document.createElement('a');\r\n        a.href = l.href;\r\n        a.textContent = l.name;\r\n        if (l.current){ a.className = 'is-current'; a.setAttribute('aria-current', 'true'); }\r\n        box.appendChild(a);\r\n      });\r\n    });\r\n\r\n    const setOpen = (on) => {\r\n      wrap.classList.toggle('open', on);\r\n      btn.setAttribute('aria-expanded', on ? 'true' : 'false');\r\n    };\r\n    btn.addEventListener('click', (e) => { e.stopPropagation(); setOpen(!wrap.classList.contains('open')); });\r\n    document.addEventListener('click', (e) => { if (!wrap.contains(e.target)) setOpen(false); });\r\n    document.addEventListener('keydown', (e) => { if (e.key === 'Escape') setOpen(false); });\r\n  })();\r\n    \/\/ ---------- Catalogue download: pick the PDF by browser language ----------\r\n  (function(){\r\n    const btn = document.getElementById('hdyCatalogue');\r\n    if (!btn) return;\r\n    const base = 'https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/';\r\n    const files = {\r\n      en: 'Hairdey-Product-Catalogue.pdf',\r\n      es: 'Hairdey-Catalogo-Productos-ES.pdf',\r\n      fr: 'Hairdey-Catalogue-Produits-FR.pdf',\r\n      ar: 'Hairdey-Product-Catalogue-Arabic.pdf',\r\n      ru: 'Hairdey-Katalog-Produktsii-RU.pdf'\r\n    };\r\n    const page = (document.documentElement.lang || '').slice(0, 2).toLowerCase();\r\n    const prefs = (navigator.languages && navigator.languages.length ? navigator.languages : [navigator.language || 'en']);\r\n    let pick = 'en';\r\n    if (files[page] && page !== 'en'){\r\n      pick = page;\r\n    } else {\r\n      for (const l of prefs){\r\n        const code = String(l).slice(0, 2).toLowerCase();\r\n        if (files[code]){ pick = code; break; }\r\n      }\r\n    }\r\n    btn.href = base + files[pick];\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ae6c1b8 e-con e-atomic-element e-flexbox-base e-default-div e-27fcf5a \" data-id=\"ae6c1b8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ae6c1b8\" data-e-type=\"e-flexbox\" data-id=\"ae6c1b8\">\n    \t\t<div class=\"elementor-element elementor-element-d820889 elementor-widget elementor-widget-shortcode\" data-id=\"d820889\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t<style>\n\t  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,600;1,500&family=Poppins:wght@400;500;600&display=swap');\n\n\t  #hdy-catalogue{\n\t    --ink:#241a10; --text:#5c5148; --muted:#8a7f74; --line:#e2d9cd; --gold:#b88a4e; --gold-l:#dcac70;\n\t    --tile:#ebe4da; --bg:#f4f1ec;\n\t    --ease-out:cubic-bezier(.23,1,.32,1);\n\t    background:var(--bg); font-family:'Poppins',Arial,sans-serif; color:var(--text);\n\t    padding:clamp(64px,8vw,112px) 0; -webkit-font-smoothing:antialiased;\n\t  }\n\t  #hdy-catalogue *{ box-sizing:border-box; }\n\t  #hdy-catalogue a, #hdy-catalogue button{ -webkit-tap-highlight-color:transparent; touch-action:manipulation; text-decoration:none; }\n\t  #hdy-catalogue :focus-visible{ outline:2px solid var(--gold); outline-offset:3px; border-radius:8px; }\n\t  #hdy-catalogue .hc-wrap{ max-width:1320px; margin:0 auto; padding:0 clamp(20px,3vw,40px); }\n\n\t  \/* ---------- header ---------- *\/\n\t  #hdy-catalogue .hc-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:28px 48px; flex-wrap:wrap; margin-bottom:clamp(36px,4.5vw,60px); }\n\t  #hdy-catalogue .hc-eyebrow{ display:flex; align-items:center; gap:12px; margin:0 0 14px; font-size:12px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--gold); }\n\t  #hdy-catalogue .hc-eyebrow::before{ content:\"\"; width:28px; height:1px; background:var(--gold); }\n\t  #hdy-catalogue h2.hc-title{ font-family:'Playfair Display',Georgia,serif!important; font-weight:600; font-size:clamp(30px,3.6vw,50px); line-height:1.08; letter-spacing:-.01em; color:var(--ink); margin:0 0 12px; text-wrap:balance; }\n\t  #hdy-catalogue h2.hc-title em{ font-style:italic; font-weight:500; color:var(--gold); }\n\t  #hdy-catalogue .hc-sub{ font-size:15px; line-height:1.65; margin:0; max-width:50ch; }\n\t  #hdy-catalogue .hc-btns{ display:flex; gap:10px; flex-wrap:wrap; }\n\t  #hdy-catalogue .hc-btn{\n\t    display:inline-flex; align-items:center; gap:9px; height:48px; padding:0 24px; border-radius:999px; white-space:nowrap;\n\t    font-size:14px; font-weight:600; color:var(--ink); box-shadow:inset 0 0 0 1px #cdbfad;\n\t    transition:transform 160ms var(--ease-out), background-color 200ms ease, color 200ms ease, box-shadow 200ms ease;\n\t  }\n\t  #hdy-catalogue .hc-btn.is-dark{ background:var(--ink); color:#fff; box-shadow:none; }\n\t  #hdy-catalogue .hc-btn i{ font-style:normal; display:inline-block; transition:transform 200ms var(--ease-out); }\n\t  #hdy-catalogue .hc-btn:active{ transform:scale(.97); }\n\n\t  \/* ---------- layout ---------- *\/\n\t  #hdy-catalogue .hc-body{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(32px,5vw,80px); align-items:start; }\n\n\t  \/* ---------- the index list ---------- *\/\n\t  #hdy-catalogue .hc-listwrap{ position:relative; }\n\t  #hdy-catalogue .hc-list{ position:relative; list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }\n\t  #hdy-catalogue .hc-list li{ margin:0; border-bottom:1px solid var(--line); }\n\t  #hdy-catalogue .hc-row{ position:relative; display:flex; align-items:baseline; gap:18px; padding:16px 4px 16px 0; color:var(--muted); }\n\t  #hdy-catalogue .hc-n{ flex:none; width:26px; font-family:'Playfair Display',Georgia,serif; font-style:italic; font-size:14px; color:#b3a797; font-variant-numeric:lining-nums; transition:color 200ms ease; }\n\t  #hdy-catalogue .hc-rn{ flex:1; min-width:0; font-family:'Playfair Display',Georgia,serif; font-weight:600; font-size:clamp(19px,1.7vw,24px); line-height:1.2; color:#9a8e82; transition:color 200ms ease, transform 250ms var(--ease-out); }\n\t  #hdy-catalogue .hc-rc{ flex:none; font-size:12px; color:#a59a8f; font-variant-numeric:tabular-nums; transition:opacity 200ms ease; }\n\t  #hdy-catalogue .hc-ra{ flex:none; align-self:center; width:30px; height:30px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:var(--ink); opacity:0; transform:translateX(-6px); transition:opacity 200ms ease, transform 250ms var(--ease-out), background-color 200ms ease, color 200ms ease; }\n\t  #hdy-catalogue .hc-ra svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }\n\t  #hdy-catalogue .hc-row.is-on .hc-n{ color:var(--gold); }\n\t  #hdy-catalogue .hc-row.is-on .hc-rn{ color:var(--ink); transform:translateX(6px); }\n\t  #hdy-catalogue .hc-row.is-on .hc-ra{ opacity:1; transform:none; background:var(--ink); color:#fff; }\n\t  #hdy-catalogue .hc-row.is-on .hc-rc{ opacity:0; }\n\t  \/* gold marker that glides to the active row *\/\n\t  #hdy-catalogue .hc-mark{ position:absolute; left:-1px; top:0; z-index:1; width:2px; height:var(--mh,56px); background:var(--gold); border-radius:2px; transform:translateY(var(--my,0)); transition:transform 300ms var(--ease-out), height 300ms var(--ease-out); pointer-events:none; }\n\t  #hdy-catalogue .hc-list .hc-row{ padding-left:22px; }\n\n\t  \/* ---------- chips (phones) ---------- *\/\n\t  #hdy-catalogue .hc-chips{ display:none; }\n\n\t  \/* ---------- preview ---------- *\/\n\t  #hdy-catalogue .hc-stage{ position:sticky; top:24px; display:grid; }\n\t  #hdy-catalogue .hc-pane{ grid-area:1\/1; opacity:0; visibility:hidden; transform:translateY(8px); filter:blur(4px);\n\t    transition:opacity 260ms ease, transform 400ms var(--ease-out), filter 260ms ease, visibility 0s linear 260ms; }\n\t  #hdy-catalogue .hc-pane.is-on{ opacity:1; visibility:visible; transform:none; filter:blur(0); transition:opacity 260ms ease 60ms, transform 400ms var(--ease-out) 60ms, filter 260ms ease 60ms, visibility 0s; }\n\t  #hdy-catalogue .hc-media{ position:relative; display:block; aspect-ratio:16\/11; border-radius:22px; overflow:hidden; background:var(--tile); isolation:isolate; }\n\t  #hdy-catalogue .hc-media::before{ content:\"\"; position:absolute; inset:10% 14% 4%; border-radius:50%; background:radial-gradient(closest-side,rgba(255,255,255,.85),rgba(255,255,255,0)); z-index:-1; }\n\t  #hdy-catalogue .hc-media img{ position:absolute; inset:0; width:100%; height:100%; padding:clamp(22px,3vw,44px); object-fit:contain; margin:0; max-width:none; filter:drop-shadow(0 20px 24px rgba(36,26,16,.16)); transition:transform 600ms var(--ease-out); }\n\t  #hdy-catalogue .hc-ph{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-family:'Playfair Display',Georgia,serif; font-style:italic; color:var(--muted); }\n\t  #hdy-catalogue .hc-count{ position:absolute; left:18px; top:18px; height:30px; padding:0 12px; border-radius:999px; background:rgba(255,255,255,.9); color:var(--ink); font-size:12px; font-weight:600; line-height:30px; font-variant-numeric:tabular-nums; }\n\t  #hdy-catalogue .hc-info{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:18px 32px; align-items:end; padding:24px 4px 0; }\n\t  #hdy-catalogue .hc-pn{ font-family:'Playfair Display',Georgia,serif!important; font-weight:600; font-size:clamp(24px,2.2vw,32px); line-height:1.15; color:var(--ink); margin:0 0 8px; }\n\t  #hdy-catalogue .hc-pd{ font-size:14.5px; line-height:1.65; margin:0 0 6px; max-width:52ch; }\n\t  #hdy-catalogue .hc-pm{ font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--gold); margin:0; }\n\t  #hdy-catalogue .hc-side{ display:flex; flex-direction:column; align-items:flex-end; gap:14px; }\n\t  #hdy-catalogue .hc-thumbs{ display:flex; gap:8px; }\n\t  #hdy-catalogue .hc-thumb{ position:relative; display:block; width:58px; height:58px; border-radius:12px; overflow:hidden; background:#fff; box-shadow:0 0 0 1px var(--line); transition:transform 160ms var(--ease-out), box-shadow 200ms ease; }\n\t  #hdy-catalogue .hc-thumb img{ width:100%; height:100%; object-fit:contain; padding:5px; display:block; margin:0; }\n\t  #hdy-catalogue .hc-thumb:active{ transform:scale(.95); }\n\t  #hdy-catalogue .hc-go{ display:inline-flex; align-items:center; gap:9px; height:44px; padding:0 20px; border-radius:999px; background:var(--gold-l); color:var(--ink); font-size:13.5px; font-weight:600; white-space:nowrap; transition:transform 160ms var(--ease-out), background-color 200ms ease; }\n\t  #hdy-catalogue .hc-go i{ font-style:normal; display:inline-block; transition:transform 200ms var(--ease-out); }\n\t  #hdy-catalogue .hc-go:active{ transform:scale(.97); }\n\t  #hdy-catalogue .hc-foot{ display:none; }\n\n\t  \/* ---------- hover: mouse only ---------- *\/\n\t  @media (hover:hover) and (pointer:fine){\n\t    #hdy-catalogue .hc-btn:hover{ box-shadow:inset 0 0 0 1px var(--ink); }\n\t    #hdy-catalogue .hc-btn.is-dark:hover{ background:#3a2c20; }\n\t    #hdy-catalogue .hc-btn:hover i, #hdy-catalogue .hc-go:hover i{ transform:translateX(4px); }\n\t    #hdy-catalogue .hc-go:hover{ background:#e6bb82; }\n\t    #hdy-catalogue .hc-media:hover img{ transform:scale(1.03); }\n\t    #hdy-catalogue .hc-thumb:hover{ transform:translateY(-2px); box-shadow:0 0 0 1px var(--gold), 0 8px 16px -8px rgba(36,26,16,.25); }\n\t  }\n\n\t  \/* ---------- tablet ---------- *\/\n\t  @media (max-width:1024px){\n\t    #hdy-catalogue .hc-body{ grid-template-columns:minmax(0,4fr) minmax(0,6fr); gap:32px; }\n\t    #hdy-catalogue .hc-info{ grid-template-columns:1fr; }\n\t    #hdy-catalogue .hc-side{ align-items:flex-start; flex-direction:row; flex-wrap:wrap; justify-content:space-between; width:100%; }\n\t  }\n\n\t  \/* ---------- phones ---------- *\/\n\t  @media (max-width:760px){\n\t    #hdy-catalogue .hc-head .hc-btns{ display:none; }\n\t    #hdy-catalogue .hc-body{ grid-template-columns:minmax(0,1fr); gap:18px; }\n\t    #hdy-catalogue .hc-list, #hdy-catalogue .hc-mark{ display:none; }\n\t    #hdy-catalogue .hc-chips{ display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; margin:0 calc(-1 * clamp(20px,3vw,40px)); padding:2px clamp(20px,3vw,40px) 4px; scroll-snap-type:x proximity; }\n\t    #hdy-catalogue .hc-chips::-webkit-scrollbar{ display:none; }\n\t    #hdy-catalogue .hc-chip{ flex:none; scroll-snap-align:start; height:40px; padding:0 16px; border:0; border-radius:999px; background:#fff; color:var(--ink); font:500 13.5px\/40px 'Poppins',Arial,sans-serif; box-shadow:inset 0 0 0 1px var(--line); cursor:pointer; transition:background-color 200ms ease, color 200ms ease, transform 160ms var(--ease-out); }\n\t    #hdy-catalogue .hc-chip.is-on{ background:var(--ink); color:#fff; box-shadow:none; }\n\t    #hdy-catalogue .hc-chip:active{ transform:scale(.96); }\n\t    #hdy-catalogue .hc-stage{ position:relative; top:0; }\n\t    #hdy-catalogue .hc-media{ border-radius:18px; aspect-ratio:1\/1; }\n\t    #hdy-catalogue .hc-info{ padding-top:18px; }\n\t    #hdy-catalogue .hc-go{ height:46px; }\n\t    #hdy-catalogue .hc-foot{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:32px; }\n\t    #hdy-catalogue .hc-foot .hc-btn{ justify-content:center; padding:0 12px; font-size:13.5px; }\n\t  }\n\t  @media (prefers-reduced-motion:reduce){\n\t    #hdy-catalogue .hc-pane, #hdy-catalogue .hc-pane.is-on{ transform:none; filter:none; transition:opacity 150ms ease, visibility 0s; }\n\t    #hdy-catalogue .hc-mark, #hdy-catalogue .hc-rn, #hdy-catalogue .hc-ra, #hdy-catalogue .hc-media img{ transition:none; transform:none!important; }\n\t  }\n\t<\/style>\n\n\t<section id=\"hdy-catalogue\" aria-labelledby=\"hc-title\">\n\t  <div class=\"hc-wrap\">\n\t    <div class=\"hc-head\">\n\t      <div>\n\t        <p class=\"hc-eyebrow\">Our Range<\/p>\n\t        <h2 class=\"hc-title\" id=\"hc-title\">Explore our <em>catalogue<\/em> designs<\/h2>\n\t        <p class=\"hc-sub\">Every format we manufacture, made with real dyed hair swatches and fully customized to your brand and shade range.<\/p>\n\t      <\/div>\n\t      <div class=\"hc-btns\">\n\t        <a class=\"hc-btn\" href=\"https:\/\/hairdey.com\/ar\/product-categories\/\">View all categories<\/a>\n\t        <a class=\"hc-btn is-dark\" href=\"https:\/\/hairdey.com\/ar\/products\/\">View all products <i aria-hidden=\"true\">&rarr;<\/i><\/a>\n\t      <\/div>\n\t    <\/div>\n\n\t    <div class=\"hc-body\">\n\t      <div class=\"hc-listwrap\">\n\t        <span class=\"hc-mark\" aria-hidden=\"true\"><\/span>\n\t        <ol class=\"hc-list\" aria-label=\"Chart styles\">\n\t          \t            <li>\n\t              <a class=\"hc-row is-on\" href=\"https:\/\/hairdey.com\/ar\/product-category\/2-fold-hair-color-chart\/\" data-i=\"0\">\n\t                <span class=\"hc-n\">01<\/span>\n\t                <span class=\"hc-rn\">2-Fold<\/span>\n\t                <span class=\"hc-rc\">4<\/span>\t                <span class=\"hc-ra\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t              <\/a>\n\t            <\/li>\n\t          \t            <li>\n\t              <a class=\"hc-row\" href=\"https:\/\/hairdey.com\/ar\/product-category\/3-fold-hair-color-chart\/\" data-i=\"1\">\n\t                <span class=\"hc-n\">02<\/span>\n\t                <span class=\"hc-rn\">3-Fold<\/span>\n\t                <span class=\"hc-rc\">4<\/span>\t                <span class=\"hc-ra\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t              <\/a>\n\t            <\/li>\n\t          \t            <li>\n\t              <a class=\"hc-row\" href=\"https:\/\/hairdey.com\/ar\/product-category\/4-fold-hair-color-chart\/\" data-i=\"2\">\n\t                <span class=\"hc-n\">03<\/span>\n\t                <span class=\"hc-rn\">4-Fold<\/span>\n\t                <span class=\"hc-rc\">2<\/span>\t                <span class=\"hc-ra\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t              <\/a>\n\t            <\/li>\n\t          \t            <li>\n\t              <a class=\"hc-row\" href=\"https:\/\/hairdey.com\/ar\/product-category\/5-fold-hair-color-chart\/\" data-i=\"3\">\n\t                <span class=\"hc-n\">04<\/span>\n\t                <span class=\"hc-rn\">5-Fold<\/span>\n\t                <span class=\"hc-rc\">2<\/span>\t                <span class=\"hc-ra\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t              <\/a>\n\t            <\/li>\n\t          \t            <li>\n\t              <a class=\"hc-row\" href=\"https:\/\/hairdey.com\/ar\/product-category\/accordion-hair-color-chart\/\" data-i=\"4\">\n\t                <span class=\"hc-n\">05<\/span>\n\t                <span class=\"hc-rn\">Accordion<\/span>\n\t                \t                <span class=\"hc-ra\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t              <\/a>\n\t            <\/li>\n\t          \t            <li>\n\t              <a class=\"hc-row\" href=\"https:\/\/hairdey.com\/ar\/product-category\/binder-style-hair-color-chart\/\" data-i=\"5\">\n\t                <span class=\"hc-n\">06<\/span>\n\t                <span class=\"hc-rn\">Binder Style<\/span>\n\t                <span class=\"hc-rc\">6<\/span>\t                <span class=\"hc-ra\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t              <\/a>\n\t            <\/li>\n\t          \t            <li>\n\t              <a class=\"hc-row\" href=\"https:\/\/hairdey.com\/ar\/product-category\/book-style-hair-color-chart\/\" data-i=\"6\">\n\t                <span class=\"hc-n\">07<\/span>\n\t                <span class=\"hc-rn\">Book Style<\/span>\n\t                <span class=\"hc-rc\">7<\/span>\t                <span class=\"hc-ra\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t              <\/a>\n\t            <\/li>\n\t          \t            <li>\n\t              <a class=\"hc-row\" href=\"https:\/\/hairdey.com\/ar\/product-category\/button-style-hair-color-chart\/\" data-i=\"7\">\n\t                <span class=\"hc-n\">08<\/span>\n\t                <span class=\"hc-rn\">Button Style<\/span>\n\t                <span class=\"hc-rc\">4<\/span>\t                <span class=\"hc-ra\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t              <\/a>\n\t            <\/li>\n\t          \t            <li>\n\t              <a class=\"hc-row\" href=\"https:\/\/hairdey.com\/ar\/product-category\/circular-hair-color-chart\/\" data-i=\"8\">\n\t                <span class=\"hc-n\">09<\/span>\n\t                <span class=\"hc-rn\">Circular<\/span>\n\t                <span class=\"hc-rc\">2<\/span>\t                <span class=\"hc-ra\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t              <\/a>\n\t            <\/li>\n\t          \t            <li>\n\t              <a class=\"hc-row\" href=\"https:\/\/hairdey.com\/ar\/product-category\/custom-hair-color-chart\/\" data-i=\"9\">\n\t                <span class=\"hc-n\">10<\/span>\n\t                <span class=\"hc-rn\">Custom<\/span>\n\t                \t                <span class=\"hc-ra\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t              <\/a>\n\t            <\/li>\n\t          \t            <li>\n\t              <a class=\"hc-row\" href=\"https:\/\/hairdey.com\/ar\/product-category\/desk-calendar-hair-color-chart\/\" data-i=\"10\">\n\t                <span class=\"hc-n\">11<\/span>\n\t                <span class=\"hc-rn\">Desk Calendar<\/span>\n\t                <span class=\"hc-rc\">5<\/span>\t                <span class=\"hc-ra\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t              <\/a>\n\t            <\/li>\n\t          \t            <li>\n\t              <a class=\"hc-row\" href=\"https:\/\/hairdey.com\/ar\/product-category\/display-box-hair-color-chart\/\" data-i=\"11\">\n\t                <span class=\"hc-n\">12<\/span>\n\t                <span class=\"hc-rn\">Display Box<\/span>\n\t                <span class=\"hc-rc\">2<\/span>\t                <span class=\"hc-ra\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t              <\/a>\n\t            <\/li>\n\t          \t            <li>\n\t              <a class=\"hc-row\" href=\"https:\/\/hairdey.com\/ar\/product-category\/fold-out-hair-color-chart\/\" data-i=\"12\">\n\t                <span class=\"hc-n\">13<\/span>\n\t                <span class=\"hc-rn\">Fold-Out<\/span>\n\t                \t                <span class=\"hc-ra\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t              <\/a>\n\t            <\/li>\n\t          \t            <li>\n\t              <a class=\"hc-row\" href=\"https:\/\/hairdey.com\/ar\/product-category\/kt-board-hair-color-chart\/\" data-i=\"13\">\n\t                <span class=\"hc-n\">14<\/span>\n\t                <span class=\"hc-rn\">KT Board<\/span>\n\t                <span class=\"hc-rc\">4<\/span>\t                <span class=\"hc-ra\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t              <\/a>\n\t            <\/li>\n\t          \t            <li>\n\t              <a class=\"hc-row\" href=\"https:\/\/hairdey.com\/ar\/product-category\/ring-fan-hair-color-chart\/\" data-i=\"14\">\n\t                <span class=\"hc-n\">15<\/span>\n\t                <span class=\"hc-rn\">Ring &amp; Fan<\/span>\n\t                <span class=\"hc-rc\">3<\/span>\t                <span class=\"hc-ra\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t              <\/a>\n\t            <\/li>\n\t          \t            <li>\n\t              <a class=\"hc-row\" href=\"https:\/\/hairdey.com\/ar\/product-category\/strip-hair-color-chart\/\" data-i=\"15\">\n\t                <span class=\"hc-n\">16<\/span>\n\t                <span class=\"hc-rn\">Strip<\/span>\n\t                \t                <span class=\"hc-ra\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span>\n\t              <\/a>\n\t            <\/li>\n\t          \t        <\/ol>\n\n\t        <div class=\"hc-chips\" role=\"tablist\" aria-label=\"Chart styles\">\n\t          \t            <button type=\"button\" class=\"hc-chip is-on\" role=\"tab\" aria-selected=\"true\" data-i=\"0\">2-Fold<\/button>\n\t          \t            <button type=\"button\" class=\"hc-chip\" role=\"tab\" aria-selected=\"false\" data-i=\"1\">3-Fold<\/button>\n\t          \t            <button type=\"button\" class=\"hc-chip\" role=\"tab\" aria-selected=\"false\" data-i=\"2\">4-Fold<\/button>\n\t          \t            <button type=\"button\" class=\"hc-chip\" role=\"tab\" aria-selected=\"false\" data-i=\"3\">5-Fold<\/button>\n\t          \t            <button type=\"button\" class=\"hc-chip\" role=\"tab\" aria-selected=\"false\" data-i=\"4\">Accordion<\/button>\n\t          \t            <button type=\"button\" class=\"hc-chip\" role=\"tab\" aria-selected=\"false\" data-i=\"5\">Binder Style<\/button>\n\t          \t            <button type=\"button\" class=\"hc-chip\" role=\"tab\" aria-selected=\"false\" data-i=\"6\">Book Style<\/button>\n\t          \t            <button type=\"button\" class=\"hc-chip\" role=\"tab\" aria-selected=\"false\" data-i=\"7\">Button Style<\/button>\n\t          \t            <button type=\"button\" class=\"hc-chip\" role=\"tab\" aria-selected=\"false\" data-i=\"8\">Circular<\/button>\n\t          \t            <button type=\"button\" class=\"hc-chip\" role=\"tab\" aria-selected=\"false\" data-i=\"9\">Custom<\/button>\n\t          \t            <button type=\"button\" class=\"hc-chip\" role=\"tab\" aria-selected=\"false\" data-i=\"10\">Desk Calendar<\/button>\n\t          \t            <button type=\"button\" class=\"hc-chip\" role=\"tab\" aria-selected=\"false\" data-i=\"11\">Display Box<\/button>\n\t          \t            <button type=\"button\" class=\"hc-chip\" role=\"tab\" aria-selected=\"false\" data-i=\"12\">Fold-Out<\/button>\n\t          \t            <button type=\"button\" class=\"hc-chip\" role=\"tab\" aria-selected=\"false\" data-i=\"13\">KT Board<\/button>\n\t          \t            <button type=\"button\" class=\"hc-chip\" role=\"tab\" aria-selected=\"false\" data-i=\"14\">Ring &amp; Fan<\/button>\n\t          \t            <button type=\"button\" class=\"hc-chip\" role=\"tab\" aria-selected=\"false\" data-i=\"15\">Strip<\/button>\n\t          \t        <\/div>\n\t      <\/div>\n\n\t      <div class=\"hc-stage\" aria-live=\"polite\">\n\t        \t          <div class=\"hc-pane is-on\" data-i=\"0\">\n\t            <a class=\"hc-media\" href=\"https:\/\/hairdey.com\/ar\/product-category\/2-fold-hair-color-chart\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t              <img decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_03_01-PM-1024x768.png\" class=\"attachment-large size-large\" alt=\"2-Fold Hair Color Chart\" sizes=\"(max-width:760px) 92vw, 720px\" loading=\"eager\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_03_01-PM-1024x768.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_03_01-PM-300x225.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_03_01-PM-768x576.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_03_01-PM-600x450.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_03_01-PM-1200x900.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_03_01-PM.png 1448w\" \/>\t              <span class=\"hc-count\">4 designs<\/span>\t            <\/a>\n\t            <div class=\"hc-info\">\n\t              <div>\n\t                <h3 class=\"hc-pn\">2-Fold<\/h3>\n\t                <p class=\"hc-pd\">Timeless, practical and easy to carry.<\/p>\n\t                <p class=\"hc-pm\">4 designs<\/p>\n\t              <\/div>\n\t              <div class=\"hc-side\">\n\t                \t                  <div class=\"hc-thumbs\">\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/12-shades-2-fold-hair-color-chart\/\" title=\"12 Shades 2-Fold Style Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Luxury-Hair-Color-Swatch-Booklet-600x600.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"12 Shades 2-Fold Style Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Luxury-Hair-Color-Swatch-Booklet-600x600.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Luxury-Hair-Color-Swatch-Booklet-300x300.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Luxury-Hair-Color-Swatch-Booklet-1024x1024.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Luxury-Hair-Color-Swatch-Booklet-150x150.png 150w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Luxury-Hair-Color-Swatch-Booklet-768x768.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Luxury-Hair-Color-Swatch-Booklet-1200x1200.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Luxury-Hair-Color-Swatch-Booklet-100x100.png 100w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Luxury-Hair-Color-Swatch-Booklet.png 1254w\" \/>\t                      <\/a>\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/114-shades-2-fold-hair-color-chart\/\" title=\"114 Shades 2-Fold Style Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Palette-600x600.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"114 Shades 2-Fold Style Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Palette-600x600.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Palette-300x300.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Palette-1024x1024.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Palette-150x150.png 150w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Palette-768x768.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Palette-1200x1200.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Palette-100x100.png 100w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Palette.png 1254w\" \/>\t                      <\/a>\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/11-shades-2-fold-hair-color-chart\/\" title=\"11 Shades 2-Fold Style Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Booklet-600x600.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"11 Shades 2-Fold Style Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Booklet-600x600.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Booklet-300x300.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Booklet-1024x1024.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Booklet-150x150.png 150w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Booklet-768x768.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Booklet-1200x1200.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Booklet-100x100.png 100w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Booklet.png 1254w\" \/>\t                      <\/a>\n\t                    \t                  <\/div>\n\t                \t                <a class=\"hc-go\" href=\"https:\/\/hairdey.com\/ar\/product-category\/2-fold-hair-color-chart\/\">Explore 2-Fold <i aria-hidden=\"true\">&rarr;<\/i><\/a>\n\t              <\/div>\n\t            <\/div>\n\t          <\/div>\n\t        \t          <div class=\"hc-pane\" data-i=\"1\" aria-hidden=\"true\">\n\t            <a class=\"hc-media\" href=\"https:\/\/hairdey.com\/ar\/product-category\/3-fold-hair-color-chart\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t              <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_08_22-PM-1024x576.png\" class=\"attachment-large size-large\" alt=\"3-Fold Hair Color Chart\" sizes=\"auto, (max-width:760px) 92vw, 720px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_08_22-PM-1024x576.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_08_22-PM-300x169.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_08_22-PM-768x432.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_08_22-PM-1536x864.png 1536w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_08_22-PM-600x338.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_08_22-PM-1200x675.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_08_22-PM.png 1672w\" \/>\t              <span class=\"hc-count\">4 designs<\/span>\t            <\/a>\n\t            <div class=\"hc-info\">\n\t              <div>\n\t                <h3 class=\"hc-pn\">3-Fold<\/h3>\n\t                <p class=\"hc-pd\">Timeless, practical and easy to carry.<\/p>\n\t                <p class=\"hc-pm\">4 designs<\/p>\n\t              <\/div>\n\t              <div class=\"hc-side\">\n\t                \t                  <div class=\"hc-thumbs\">\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/34-shades-3-fold-hair-color-chart\/\" title=\"34 Shades 3-Fold Style Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Tri-Fold-Hair-Color-Chart-600x400.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"34 Shades 3-Fold Style Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Tri-Fold-Hair-Color-Chart-600x400.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Tri-Fold-Hair-Color-Chart-300x200.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Tri-Fold-Hair-Color-Chart-1024x683.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Tri-Fold-Hair-Color-Chart-768x512.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Tri-Fold-Hair-Color-Chart-1200x800.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Tri-Fold-Hair-Color-Chart.png 1536w\" \/>\t                      <\/a>\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/29-shades-3-fold-hair-color-chart\/\" title=\"29 Shades 3-Fold Style Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Luxury-Hair-Color-Swatch-Booklet-1-600x400.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"29 Shades 3-Fold Style Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Luxury-Hair-Color-Swatch-Booklet-1-600x400.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Luxury-Hair-Color-Swatch-Booklet-1-300x200.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Luxury-Hair-Color-Swatch-Booklet-1-1024x683.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Luxury-Hair-Color-Swatch-Booklet-1-768x512.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Luxury-Hair-Color-Swatch-Booklet-1-1200x800.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Luxury-Hair-Color-Swatch-Booklet-1.png 1536w\" \/>\t                      <\/a>\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/153-shades-3-fold-hair-color-chart\/\" title=\"153 Shades 3-Fold Style Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hairdey-Professional-Hair-Color-Chart-600x400.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"153 Shades 3-Fold Style Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hairdey-Professional-Hair-Color-Chart-600x400.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hairdey-Professional-Hair-Color-Chart-300x200.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hairdey-Professional-Hair-Color-Chart-1024x683.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hairdey-Professional-Hair-Color-Chart-768x512.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hairdey-Professional-Hair-Color-Chart-1200x800.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hairdey-Professional-Hair-Color-Chart.png 1536w\" \/>\t                      <\/a>\n\t                    \t                  <\/div>\n\t                \t                <a class=\"hc-go\" href=\"https:\/\/hairdey.com\/ar\/product-category\/3-fold-hair-color-chart\/\">Explore 3-Fold <i aria-hidden=\"true\">&rarr;<\/i><\/a>\n\t              <\/div>\n\t            <\/div>\n\t          <\/div>\n\t        \t          <div class=\"hc-pane\" data-i=\"2\" aria-hidden=\"true\">\n\t            <a class=\"hc-media\" href=\"https:\/\/hairdey.com\/ar\/product-category\/4-fold-hair-color-chart\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t              <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_36_39-PM-1024x683.png\" class=\"attachment-large size-large\" alt=\"4-Fold Hair Color Chart\" sizes=\"auto, (max-width:760px) 92vw, 720px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_36_39-PM-1024x683.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_36_39-PM-300x200.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_36_39-PM-768x512.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_36_39-PM-600x400.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_36_39-PM-1200x800.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_36_39-PM.png 1536w\" \/>\t              <span class=\"hc-count\">2 designs<\/span>\t            <\/a>\n\t            <div class=\"hc-info\">\n\t              <div>\n\t                <h3 class=\"hc-pn\">4-Fold<\/h3>\n\t                <p class=\"hc-pd\">Timeless, practical and easy to carry.<\/p>\n\t                <p class=\"hc-pm\">2 designs<\/p>\n\t              <\/div>\n\t              <div class=\"hc-side\">\n\t                \t                  <div class=\"hc-thumbs\">\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/83-shades-4-fold-hair-color-chart\/\" title=\"83 Shades 4-Fold Style Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Hair-Color-Swatch-Display-600x400.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"83 Shades 4-Fold Style Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Hair-Color-Swatch-Display-600x400.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Hair-Color-Swatch-Display-300x200.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Hair-Color-Swatch-Display-1024x683.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Hair-Color-Swatch-Display-768x512.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Hair-Color-Swatch-Display-1200x800.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Hair-Color-Swatch-Display.png 1536w\" \/>\t                      <\/a>\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/50-shades-4-fold-b-hair-color-chart\/\" title=\"50 Shades 4-Fold B Style Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hair-Color-Swatch-Booklet-Display-600x400.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"50 Shades 4-Fold B Style Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hair-Color-Swatch-Booklet-Display-600x400.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hair-Color-Swatch-Booklet-Display-300x200.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hair-Color-Swatch-Booklet-Display-1024x683.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hair-Color-Swatch-Booklet-Display-768x512.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hair-Color-Swatch-Booklet-Display-1200x800.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hair-Color-Swatch-Booklet-Display.png 1536w\" \/>\t                      <\/a>\n\t                    \t                  <\/div>\n\t                \t                <a class=\"hc-go\" href=\"https:\/\/hairdey.com\/ar\/product-category\/4-fold-hair-color-chart\/\">Explore 4-Fold <i aria-hidden=\"true\">&rarr;<\/i><\/a>\n\t              <\/div>\n\t            <\/div>\n\t          <\/div>\n\t        \t          <div class=\"hc-pane\" data-i=\"3\" aria-hidden=\"true\">\n\t            <a class=\"hc-media\" href=\"https:\/\/hairdey.com\/ar\/product-category\/5-fold-hair-color-chart\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t              <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_39_55-PM-1024x1024.png\" class=\"attachment-large size-large\" alt=\"5-Fold Hair Color Chart\" sizes=\"auto, (max-width:760px) 92vw, 720px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_39_55-PM-1024x1024.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_39_55-PM-300x300.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_39_55-PM-150x150.png 150w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_39_55-PM-768x768.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_39_55-PM-600x600.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_39_55-PM-1200x1200.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_39_55-PM-100x100.png 100w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_39_55-PM.png 1254w\" \/>\t              <span class=\"hc-count\">2 designs<\/span>\t            <\/a>\n\t            <div class=\"hc-info\">\n\t              <div>\n\t                <h3 class=\"hc-pn\">5-Fold<\/h3>\n\t                <p class=\"hc-pd\">Timeless, practical and easy to carry.<\/p>\n\t                <p class=\"hc-pm\">2 designs<\/p>\n\t              <\/div>\n\t              <div class=\"hc-side\">\n\t                \t                  <div class=\"hc-thumbs\">\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/51-shades-5-fold-hair-color-chart\/\" title=\"51 Shades 5-Fold Style Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Salon-Hair-Color-Chart-600x400.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"51 Shades 5-Fold Style Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Salon-Hair-Color-Chart-600x400.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Salon-Hair-Color-Chart-300x200.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Salon-Hair-Color-Chart-1024x683.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Salon-Hair-Color-Chart-768x512.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Salon-Hair-Color-Chart-1200x800.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Salon-Hair-Color-Chart.png 1536w\" \/>\t                      <\/a>\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/136-shades-5-fold-hair-color-chart\/\" title=\"136 Shades 5-Fold Style Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Salon-Color-Chart-Display-600x600.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"136 Shades 5-Fold Style Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Salon-Color-Chart-Display-600x600.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Salon-Color-Chart-Display-300x300.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Salon-Color-Chart-Display-1024x1024.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Salon-Color-Chart-Display-150x150.png 150w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Salon-Color-Chart-Display-768x768.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Salon-Color-Chart-Display-1200x1200.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Salon-Color-Chart-Display-100x100.png 100w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Tri-Fold-Salon-Color-Chart-Display.png 1254w\" \/>\t                      <\/a>\n\t                    \t                  <\/div>\n\t                \t                <a class=\"hc-go\" href=\"https:\/\/hairdey.com\/ar\/product-category\/5-fold-hair-color-chart\/\">Explore 5-Fold <i aria-hidden=\"true\">&rarr;<\/i><\/a>\n\t              <\/div>\n\t            <\/div>\n\t          <\/div>\n\t        \t          <div class=\"hc-pane\" data-i=\"4\" aria-hidden=\"true\">\n\t            <a class=\"hc-media\" href=\"https:\/\/hairdey.com\/ar\/product-category\/accordion-hair-color-chart\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t              <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_52_43-PM-1024x683.png\" class=\"attachment-large size-large\" alt=\"Accordion Hair Color Chart\" sizes=\"auto, (max-width:760px) 92vw, 720px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_52_43-PM-1024x683.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_52_43-PM-600x400.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_52_43-PM-1200x800.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_52_43-PM-300x200.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_52_43-PM-768x512.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_52_43-PM.png 1536w\" \/>\t              \t            <\/a>\n\t            <div class=\"hc-info\">\n\t              <div>\n\t                <h3 class=\"hc-pn\">Accordion<\/h3>\n\t                <p class=\"hc-pd\">Creative. Compact. Impactful.<\/p>\n\t                <p class=\"hc-pm\">Fully customizable<\/p>\n\t              <\/div>\n\t              <div class=\"hc-side\">\n\t                \t                <a class=\"hc-go\" href=\"https:\/\/hairdey.com\/ar\/product-category\/accordion-hair-color-chart\/\">Explore Accordion <i aria-hidden=\"true\">&rarr;<\/i><\/a>\n\t              <\/div>\n\t            <\/div>\n\t          <\/div>\n\t        \t          <div class=\"hc-pane\" data-i=\"5\" aria-hidden=\"true\">\n\t            <a class=\"hc-media\" href=\"https:\/\/hairdey.com\/ar\/product-category\/binder-style-hair-color-chart\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t              <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_04_46-PM-1024x768.png\" class=\"attachment-large size-large\" alt=\"Binder Style Hair Color Chart\" sizes=\"auto, (max-width:760px) 92vw, 720px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_04_46-PM-1024x768.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_04_46-PM-300x225.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_04_46-PM-768x576.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_04_46-PM-600x450.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_04_46-PM-1200x900.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_04_46-PM.png 1448w\" \/>\t              <span class=\"hc-count\">6 designs<\/span>\t            <\/a>\n\t            <div class=\"hc-info\">\n\t              <div>\n\t                <h3 class=\"hc-pn\">Binder Style<\/h3>\n\t                <p class=\"hc-pd\">A refillable binder that grows with your range.<\/p>\n\t                <p class=\"hc-pm\">6 designs<\/p>\n\t              <\/div>\n\t              <div class=\"hc-side\">\n\t                \t                  <div class=\"hc-thumbs\">\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/95-shades-binder-style-hair-color-chart\/\" title=\"95 Shades Binder Style Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_23_58-PM-600x400.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"95 Shades Binder Style Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_23_58-PM-600x400.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_23_58-PM-300x200.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_23_58-PM-1024x683.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_23_58-PM-768x512.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_23_58-PM-1200x800.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_23_58-PM.png 1536w\" \/>\t                      <\/a>\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/54-shades-binder-style-hair-color-chart\/\" title=\"54 Shades Binder Style Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-02_02_09-PM-600x400.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"54 Shades Binder Style Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-02_02_09-PM-600x400.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-02_02_09-PM-300x200.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-02_02_09-PM-1024x683.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-02_02_09-PM-768x512.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-02_02_09-PM-1200x800.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-02_02_09-PM.png 1536w\" \/>\t                      <\/a>\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/50-shades-binder-style-hair-color-chart\/\" title=\"50 Shades Binder Style Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-01_45_09-PM-600x400.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"50 Shades Binder Style Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-01_45_09-PM-600x400.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-01_45_09-PM-300x200.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-01_45_09-PM-1024x683.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-01_45_09-PM-768x512.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-01_45_09-PM-1200x800.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-01_45_09-PM.png 1536w\" \/>\t                      <\/a>\n\t                    \t                  <\/div>\n\t                \t                <a class=\"hc-go\" href=\"https:\/\/hairdey.com\/ar\/product-category\/binder-style-hair-color-chart\/\">Explore Binder Style <i aria-hidden=\"true\">&rarr;<\/i><\/a>\n\t              <\/div>\n\t            <\/div>\n\t          <\/div>\n\t        \t          <div class=\"hc-pane\" data-i=\"6\" aria-hidden=\"true\">\n\t            <a class=\"hc-media\" href=\"https:\/\/hairdey.com\/ar\/product-category\/book-style-hair-color-chart\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t              <img loading=\"lazy\" decoding=\"async\" width=\"659\" height=\"587\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Weixin-Image_20260929150847_83_877.png\" class=\"attachment-large size-large\" alt=\"Book Style Hair Color Chart\" sizes=\"auto, (max-width:760px) 92vw, 720px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Weixin-Image_20260929150847_83_877.png 659w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Weixin-Image_20260929150847_83_877-300x267.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Weixin-Image_20260929150847_83_877-600x534.png 600w\" \/>\t              <span class=\"hc-count\">7 designs<\/span>\t            <\/a>\n\t            <div class=\"hc-info\">\n\t              <div>\n\t                <h3 class=\"hc-pn\">Book Style<\/h3>\n\t                <p class=\"hc-pd\">Elegant. Premium. Impressive<\/p>\n\t                <p class=\"hc-pm\">7 designs<\/p>\n\t              <\/div>\n\t              <div class=\"hc-side\">\n\t                \t                  <div class=\"hc-thumbs\">\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/81-shades-book-style-hair-color-chart\/\" title=\"81 Shades Book Style Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/HAIRDEY-Luxury-Color-Swatch-Book-600x600.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"81 Shades Book Style Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/HAIRDEY-Luxury-Color-Swatch-Book-600x600.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/HAIRDEY-Luxury-Color-Swatch-Book-300x300.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/HAIRDEY-Luxury-Color-Swatch-Book-1024x1024.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/HAIRDEY-Luxury-Color-Swatch-Book-150x150.png 150w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/HAIRDEY-Luxury-Color-Swatch-Book-768x768.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/HAIRDEY-Luxury-Color-Swatch-Book-1200x1200.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/HAIRDEY-Luxury-Color-Swatch-Book-100x100.png 100w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/HAIRDEY-Luxury-Color-Swatch-Book.png 1254w\" \/>\t                      <\/a>\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/57-shades-book-style-hair-color-chart\/\" title=\"57 Shades Book Style Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Chart-Booklet-600x400.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"57 Shades Book Style Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Chart-Booklet-600x400.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Chart-Booklet-300x200.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Chart-Booklet-1024x683.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Chart-Booklet-768x512.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Chart-Booklet-1200x800.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Chart-Booklet.png 1536w\" \/>\t                      <\/a>\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/56-shades-book-style-hair-color-chart\/\" title=\"56 Shades Book Style Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Edgy-Hair-Color-Swatch-Catalog-Fanned-Open-600x400.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"56 Shades Book Style Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Edgy-Hair-Color-Swatch-Catalog-Fanned-Open-600x400.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Edgy-Hair-Color-Swatch-Catalog-Fanned-Open-300x200.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Edgy-Hair-Color-Swatch-Catalog-Fanned-Open-1024x683.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Edgy-Hair-Color-Swatch-Catalog-Fanned-Open-768x512.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Edgy-Hair-Color-Swatch-Catalog-Fanned-Open-1200x800.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Edgy-Hair-Color-Swatch-Catalog-Fanned-Open.png 1536w\" \/>\t                      <\/a>\n\t                    \t                  <\/div>\n\t                \t                <a class=\"hc-go\" href=\"https:\/\/hairdey.com\/ar\/product-category\/book-style-hair-color-chart\/\">Explore Book Style <i aria-hidden=\"true\">&rarr;<\/i><\/a>\n\t              <\/div>\n\t            <\/div>\n\t          <\/div>\n\t        \t          <div class=\"hc-pane\" data-i=\"7\" aria-hidden=\"true\">\n\t            <a class=\"hc-media\" href=\"https:\/\/hairdey.com\/ar\/product-category\/button-style-hair-color-chart\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t              <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_15_07-PM-1024x683.png\" class=\"attachment-large size-large\" alt=\"Button Style Hair Color Chart\" sizes=\"auto, (max-width:760px) 92vw, 720px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_15_07-PM-1024x683.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_15_07-PM-300x200.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_15_07-PM-768x512.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_15_07-PM-600x400.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_15_07-PM-1200x800.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_15_07-PM.png 1536w\" \/>\t              <span class=\"hc-count\">4 designs<\/span>\t            <\/a>\n\t            <div class=\"hc-info\">\n\t              <div>\n\t                <h3 class=\"hc-pn\">Button Style<\/h3>\n\t                <p class=\"hc-pd\">Compact button swatches in a neat format.<\/p>\n\t                <p class=\"hc-pm\">4 designs<\/p>\n\t              <\/div>\n\t              <div class=\"hc-side\">\n\t                \t                  <div class=\"hc-thumbs\">\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/66-shades-button-hair-color-chart\/\" title=\"66 Shades Button Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_42_27-PM-600x400.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"66 Shades Button Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_42_27-PM-600x400.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_42_27-PM-300x200.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_42_27-PM-1024x683.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_42_27-PM-768x512.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_42_27-PM-1200x800.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_42_27-PM.png 1536w\" \/>\t                      <\/a>\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/65-shades-button-hair-color-chart\/\" title=\"65 Shades Button Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_33_03-PM-600x600.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"65 Shades Button Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_33_03-PM-600x600.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_33_03-PM-300x300.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_33_03-PM-1024x1024.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_33_03-PM-150x150.png 150w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_33_03-PM-768x768.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_33_03-PM-1200x1200.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_33_03-PM-100x100.png 100w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_33_03-PM.png 1254w\" \/>\t                      <\/a>\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/63-shades-button-hair-color-chart\/\" title=\"63 Shades Button Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_26_04-PM-600x600.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"63 Shades Button Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_26_04-PM-600x600.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_26_04-PM-300x300.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_26_04-PM-1024x1024.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_26_04-PM-150x150.png 150w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_26_04-PM-768x768.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_26_04-PM-1200x1200.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_26_04-PM-100x100.png 100w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_26_04-PM.png 1254w\" \/>\t                      <\/a>\n\t                    \t                  <\/div>\n\t                \t                <a class=\"hc-go\" href=\"https:\/\/hairdey.com\/ar\/product-category\/button-style-hair-color-chart\/\">Explore Button Style <i aria-hidden=\"true\">&rarr;<\/i><\/a>\n\t              <\/div>\n\t            <\/div>\n\t          <\/div>\n\t        \t          <div class=\"hc-pane\" data-i=\"8\" aria-hidden=\"true\">\n\t            <a class=\"hc-media\" href=\"https:\/\/hairdey.com\/ar\/product-category\/circular-hair-color-chart\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t              <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"713\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_43_53-PM-1024x912.png\" class=\"attachment-large size-large\" alt=\"Circular Hair Color Chart\" sizes=\"auto, (max-width:760px) 92vw, 720px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_43_53-PM-1024x912.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_43_53-PM-600x534.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_43_53-PM-1200x1068.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_43_53-PM-300x267.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_43_53-PM-768x684.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_43_53-PM.png 1329w\" \/>\t              <span class=\"hc-count\">2 designs<\/span>\t            <\/a>\n\t            <div class=\"hc-info\">\n\t              <div>\n\t                <h3 class=\"hc-pn\">Circular<\/h3>\n\t                <p class=\"hc-pd\">Unique. Eye-catching. Modern.<\/p>\n\t                <p class=\"hc-pm\">2 designs<\/p>\n\t              <\/div>\n\t              <div class=\"hc-side\">\n\t                \t                  <div class=\"hc-thumbs\">\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/43-shades-circular-wheel-hair-color-chart\/\" title=\"43 Shades Circular Wheel Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Shade-Wheel-Display-600x600.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"43 Shades Circular Wheel Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Shade-Wheel-Display-600x600.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Shade-Wheel-Display-300x300.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Shade-Wheel-Display-1024x1024.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Shade-Wheel-Display-150x150.png 150w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Shade-Wheel-Display-768x768.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Shade-Wheel-Display-1200x1200.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Shade-Wheel-Display-100x100.png 100w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Shade-Wheel-Display.png 1254w\" \/>\t                      <\/a>\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/113-shades-circular-wheel-hair-color-chart\/\" title=\"113 Shades Circular Wheel Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Shade-Wheel-600x600.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"113 Shades Circular Wheel Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Shade-Wheel-600x600.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Shade-Wheel-300x300.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Shade-Wheel-1024x1024.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Shade-Wheel-150x150.png 150w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Shade-Wheel-768x768.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Shade-Wheel-1200x1200.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Shade-Wheel-100x100.png 100w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Shade-Wheel.png 1254w\" \/>\t                      <\/a>\n\t                    \t                  <\/div>\n\t                \t                <a class=\"hc-go\" href=\"https:\/\/hairdey.com\/ar\/product-category\/circular-hair-color-chart\/\">Explore Circular <i aria-hidden=\"true\">&rarr;<\/i><\/a>\n\t              <\/div>\n\t            <\/div>\n\t          <\/div>\n\t        \t          <div class=\"hc-pane\" data-i=\"9\" aria-hidden=\"true\">\n\t            <a class=\"hc-media\" href=\"https:\/\/hairdey.com\/ar\/product-category\/custom-hair-color-chart\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t              <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"702\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-14-2026-02_39_12-PM-1024x899.png\" class=\"attachment-large size-large\" alt=\"Custom Hair Color Chart\" sizes=\"auto, (max-width:760px) 92vw, 720px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-14-2026-02_39_12-PM-1024x899.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-14-2026-02_39_12-PM-600x527.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-14-2026-02_39_12-PM-1200x1054.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-14-2026-02_39_12-PM-300x263.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-14-2026-02_39_12-PM-768x674.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-14-2026-02_39_12-PM.png 1338w\" \/>\t              \t            <\/a>\n\t            <div class=\"hc-info\">\n\t              <div>\n\t                <h3 class=\"hc-pn\">Custom<\/h3>\n\t                <p class=\"hc-pd\">Your Idea. Our Expertise.<\/p>\n\t                <p class=\"hc-pm\">Fully customizable<\/p>\n\t              <\/div>\n\t              <div class=\"hc-side\">\n\t                \t                <a class=\"hc-go\" href=\"https:\/\/hairdey.com\/ar\/product-category\/custom-hair-color-chart\/\">Explore Custom <i aria-hidden=\"true\">&rarr;<\/i><\/a>\n\t              <\/div>\n\t            <\/div>\n\t          <\/div>\n\t        \t          <div class=\"hc-pane\" data-i=\"10\" aria-hidden=\"true\">\n\t            <a class=\"hc-media\" href=\"https:\/\/hairdey.com\/ar\/product-category\/desk-calendar-hair-color-chart\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t              <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_11_36-PM-1024x683.png\" class=\"attachment-large size-large\" alt=\"Desk Calendar Hair Color Chart\" sizes=\"auto, (max-width:760px) 92vw, 720px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_11_36-PM-1024x683.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_11_36-PM-300x200.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_11_36-PM-768x512.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_11_36-PM-600x400.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_11_36-PM-1200x800.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_11_36-PM.png 1536w\" \/>\t              <span class=\"hc-count\">5 designs<\/span>\t            <\/a>\n\t            <div class=\"hc-info\">\n\t              <div>\n\t                <h3 class=\"hc-pn\">Desk Calendar<\/h3>\n\t                <p class=\"hc-pd\">Stands on the counter, ready for every consultation.<\/p>\n\t                <p class=\"hc-pm\">5 designs<\/p>\n\t              <\/div>\n\t              <div class=\"hc-side\">\n\t                \t                  <div class=\"hc-thumbs\">\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/68-shades-desk-calendar-hair-color-chart\/\" title=\"68 Shades Desk Calendar Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-05_15_04-PM-600x600.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"68 Shades Desk Calendar Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-05_15_04-PM-600x600.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-05_15_04-PM-300x300.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-05_15_04-PM-1024x1024.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-05_15_04-PM-150x150.png 150w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-05_15_04-PM-768x768.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-05_15_04-PM-1200x1200.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-05_15_04-PM-100x100.png 100w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-05_15_04-PM.png 1254w\" \/>\t                      <\/a>\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/61-shades-desk-calendar-hair-color-chart\/\" title=\"61 Shades Desk Calendar Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-04_25_55-PM-600x600.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"61 Shades Desk Calendar Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-04_25_55-PM-600x600.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-04_25_55-PM-300x300.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-04_25_55-PM-1024x1024.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-04_25_55-PM-150x150.png 150w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-04_25_55-PM-768x768.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-04_25_55-PM-1200x1200.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-04_25_55-PM-100x100.png 100w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-04_25_55-PM.png 1254w\" \/>\t                      <\/a>\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/40-shades-desk-calendar-hair-color-chart\/\" title=\"40 Shades Desk Calendar Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_11_36-PM-600x400.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"40 Shades Desk Calendar Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_11_36-PM-600x400.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_11_36-PM-300x200.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_11_36-PM-1024x683.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_11_36-PM-768x512.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_11_36-PM-1200x800.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_11_36-PM.png 1536w\" \/>\t                      <\/a>\n\t                    \t                  <\/div>\n\t                \t                <a class=\"hc-go\" href=\"https:\/\/hairdey.com\/ar\/product-category\/desk-calendar-hair-color-chart\/\">Explore Desk Calendar <i aria-hidden=\"true\">&rarr;<\/i><\/a>\n\t              <\/div>\n\t            <\/div>\n\t          <\/div>\n\t        \t          <div class=\"hc-pane\" data-i=\"11\" aria-hidden=\"true\">\n\t            <a class=\"hc-media\" href=\"https:\/\/hairdey.com\/ar\/product-category\/display-box-hair-color-chart\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t              <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"565\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-06_02_31-PM-1024x723.png\" class=\"attachment-large size-large\" alt=\"Display Box Hair Color Chart\" sizes=\"auto, (max-width:760px) 92vw, 720px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-06_02_31-PM-1024x723.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-06_02_31-PM-600x424.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-06_02_31-PM-1200x848.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-06_02_31-PM-300x212.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-06_02_31-PM-768x543.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-06_02_31-PM.png 1492w\" \/>\t              <span class=\"hc-count\">2 designs<\/span>\t            <\/a>\n\t            <div class=\"hc-info\">\n\t              <div>\n\t                <h3 class=\"hc-pn\">Display Box<\/h3>\n\t                <p class=\"hc-pd\">Luxury. Complete. Memorable.<\/p>\n\t                <p class=\"hc-pm\">2 designs<\/p>\n\t              <\/div>\n\t              <div class=\"hc-side\">\n\t                \t                  <div class=\"hc-thumbs\">\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/60-shades-case-box-hair-color-chart\/\" title=\"60 Shades Case Box Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"424\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-06_02_31-PM-600x424.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"60 Shades Case Box Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-06_02_31-PM-600x424.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-06_02_31-PM-1200x848.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-06_02_31-PM-300x212.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-06_02_31-PM-1024x723.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-06_02_31-PM-768x543.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-06_02_31-PM.png 1492w\" \/>\t                      <\/a>\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/57-168-shades-case-box-hair-color-chart\/\" title=\"57\u2013168 Shades Case Box Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_50_56-PM-600x400.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"57\u2013168 Shades Case Box Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_50_56-PM-600x400.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_50_56-PM-300x200.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_50_56-PM-1024x683.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_50_56-PM-768x512.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_50_56-PM-1200x800.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-30-2026-12_50_56-PM.png 1536w\" \/>\t                      <\/a>\n\t                    \t                  <\/div>\n\t                \t                <a class=\"hc-go\" href=\"https:\/\/hairdey.com\/ar\/product-category\/display-box-hair-color-chart\/\">Explore Display Box <i aria-hidden=\"true\">&rarr;<\/i><\/a>\n\t              <\/div>\n\t            <\/div>\n\t          <\/div>\n\t        \t          <div class=\"hc-pane\" data-i=\"12\" aria-hidden=\"true\">\n\t            <a class=\"hc-media\" href=\"https:\/\/hairdey.com\/ar\/product-category\/fold-out-hair-color-chart\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t              <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"712\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_49_06-PM.png\" class=\"attachment-large size-large\" alt=\"Fold-Out Hair Color Chart\" sizes=\"auto, (max-width:760px) 92vw, 720px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_49_06-PM.png 1329w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_49_06-PM-600x534.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_49_06-PM-1200x1068.png 1200w\" \/>\t              \t            <\/a>\n\t            <div class=\"hc-info\">\n\t              <div>\n\t                <h3 class=\"hc-pn\">Fold-Out<\/h3>\n\t                <p class=\"hc-pd\">Timeless. Practical. Versatile.<\/p>\n\t                <p class=\"hc-pm\">Fully customizable<\/p>\n\t              <\/div>\n\t              <div class=\"hc-side\">\n\t                \t                <a class=\"hc-go\" href=\"https:\/\/hairdey.com\/ar\/product-category\/fold-out-hair-color-chart\/\">Explore Fold-Out <i aria-hidden=\"true\">&rarr;<\/i><\/a>\n\t              <\/div>\n\t            <\/div>\n\t          <\/div>\n\t        \t          <div class=\"hc-pane\" data-i=\"13\" aria-hidden=\"true\">\n\t            <a class=\"hc-media\" href=\"https:\/\/hairdey.com\/ar\/product-category\/kt-board-hair-color-chart\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t              <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"534\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_05_45-PM-1024x683.png\" class=\"attachment-large size-large\" alt=\"KT Board Hair Color Chart\" sizes=\"auto, (max-width:760px) 92vw, 720px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_05_45-PM-1024x683.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_05_45-PM-300x200.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_05_45-PM-768x512.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_05_45-PM-600x400.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_05_45-PM-1200x800.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_05_45-PM.png 1536w\" \/>\t              <span class=\"hc-count\">4 designs<\/span>\t            <\/a>\n\t            <div class=\"hc-info\">\n\t              <div>\n\t                <h3 class=\"hc-pn\">KT Board<\/h3>\n\t                <p class=\"hc-pd\">Large, rigid wall boards for salons and stands.<\/p>\n\t                <p class=\"hc-pm\">4 designs<\/p>\n\t              <\/div>\n\t              <div class=\"hc-side\">\n\t                \t                  <div class=\"hc-thumbs\">\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/91-shades-kt-board-hair-color-chart\/\" title=\"91 Shades KT Board Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"900\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-02_44_27-PM-600x900.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"91 Shades KT Board Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-02_44_27-PM-600x900.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-02_44_27-PM-200x300.png 200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-02_44_27-PM-683x1024.png 683w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-02_44_27-PM-768x1152.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-02_44_27-PM.png 1024w\" \/>\t                      <\/a>\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/63-shades-kt-board-hair-color-chart\/\" title=\"63 Shades KT Board Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"400\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_05_45-PM-600x400.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"63 Shades KT Board Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_05_45-PM-600x400.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_05_45-PM-300x200.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_05_45-PM-1024x683.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_05_45-PM-768x512.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_05_45-PM-1200x800.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_05_45-PM.png 1536w\" \/>\t                      <\/a>\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/16-shades-kt-board-hair-color-chart\/\" title=\"16 Shades KT Board Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-02_10_10-PM-600x600.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"16 Shades KT Board Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-02_10_10-PM-600x600.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-02_10_10-PM-300x300.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-02_10_10-PM-1024x1024.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-02_10_10-PM-150x150.png 150w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-02_10_10-PM-768x768.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-02_10_10-PM-1200x1200.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-02_10_10-PM-100x100.png 100w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-02_10_10-PM.png 1254w\" \/>\t                      <\/a>\n\t                    \t                  <\/div>\n\t                \t                <a class=\"hc-go\" href=\"https:\/\/hairdey.com\/ar\/product-category\/kt-board-hair-color-chart\/\">Explore KT Board <i aria-hidden=\"true\">&rarr;<\/i><\/a>\n\t              <\/div>\n\t            <\/div>\n\t          <\/div>\n\t        \t          <div class=\"hc-pane\" data-i=\"14\" aria-hidden=\"true\">\n\t            <a class=\"hc-media\" href=\"https:\/\/hairdey.com\/ar\/product-category\/ring-fan-hair-color-chart\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t              <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"713\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_32_13-PM-1024x912.png\" class=\"attachment-large size-large\" alt=\"Ring &amp; Fan Hair Color Chart\" sizes=\"auto, (max-width:760px) 92vw, 720px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_32_13-PM-1024x912.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_32_13-PM-600x534.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_32_13-PM-1200x1068.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_32_13-PM-300x267.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_32_13-PM-768x684.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_32_13-PM.png 1329w\" \/>\t              <span class=\"hc-count\">3 designs<\/span>\t            <\/a>\n\t            <div class=\"hc-info\">\n\t              <div>\n\t                <h3 class=\"hc-pn\">Ring &amp; Fan<\/h3>\n\t                <p class=\"hc-pd\">Flexible. Handy. Essential.<\/p>\n\t                <p class=\"hc-pm\">3 designs<\/p>\n\t              <\/div>\n\t              <div class=\"hc-side\">\n\t                \t                  <div class=\"hc-thumbs\">\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/6-shades-fan-shaped-hair-color-chart\/\" title=\"6 Shades Fan-Shaped Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hair-Color-Sample-Fan-Display-600x600.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"6 Shades Fan-Shaped Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hair-Color-Sample-Fan-Display-600x600.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hair-Color-Sample-Fan-Display-300x300.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hair-Color-Sample-Fan-Display-1024x1024.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hair-Color-Sample-Fan-Display-150x150.png 150w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hair-Color-Sample-Fan-Display-768x768.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hair-Color-Sample-Fan-Display-1200x1200.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hair-Color-Sample-Fan-Display-100x100.png 100w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Hair-Color-Sample-Fan-Display.png 1254w\" \/>\t                      <\/a>\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/50-shades-fan-shaped-hair-color-chart\/\" title=\"50 Shades Fan-Shaped Hair Color Chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/HAIRDEY-Violet-Swatch-Collection-600x600.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"50 Shades Fan-Shaped Hair Color Chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/HAIRDEY-Violet-Swatch-Collection-600x600.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/HAIRDEY-Violet-Swatch-Collection-300x300.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/HAIRDEY-Violet-Swatch-Collection-1024x1024.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/HAIRDEY-Violet-Swatch-Collection-150x150.png 150w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/HAIRDEY-Violet-Swatch-Collection-768x768.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/HAIRDEY-Violet-Swatch-Collection-1200x1200.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/HAIRDEY-Violet-Swatch-Collection-100x100.png 100w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/HAIRDEY-Violet-Swatch-Collection.png 1254w\" \/>\t                      <\/a>\n\t                    \t                      <a class=\"hc-thumb\" href=\"https:\/\/hairdey.com\/ar\/product\/31-shades-fan-shaped-hair-color-chart\/\" title=\"31 shades fan-shaped hair color chart\">\n\t                        <img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Fan-600x600.png\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"31 shades fan-shaped hair color chart\" sizes=\"auto, 58px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Fan-600x600.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Fan-300x300.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Fan-1024x1024.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Fan-150x150.png 150w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Fan-768x768.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Fan-1200x1200.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Fan-100x100.png 100w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/Professional-Hair-Color-Swatch-Fan.png 1254w\" \/>\t                      <\/a>\n\t                    \t                  <\/div>\n\t                \t                <a class=\"hc-go\" href=\"https:\/\/hairdey.com\/ar\/product-category\/ring-fan-hair-color-chart\/\">Explore Ring &amp; Fan <i aria-hidden=\"true\">&rarr;<\/i><\/a>\n\t              <\/div>\n\t            <\/div>\n\t          <\/div>\n\t        \t          <div class=\"hc-pane\" data-i=\"15\" aria-hidden=\"true\">\n\t            <a class=\"hc-media\" href=\"https:\/\/hairdey.com\/ar\/product-category\/strip-hair-color-chart\/\" tabindex=\"-1\" aria-hidden=\"true\">\n\t              <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"713\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_39_26-PM-1024x912.png\" class=\"attachment-large size-large\" alt=\"Strip Hair Color Chart\" sizes=\"auto, (max-width:760px) 92vw, 720px\" loading=\"lazy\" srcset=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_39_26-PM-1024x912.png 1024w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_39_26-PM-600x534.png 600w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_39_26-PM-1200x1068.png 1200w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_39_26-PM-300x267.png 300w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_39_26-PM-768x684.png 768w, https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-15-2026-05_39_26-PM.png 1329w\" \/>\t              \t            <\/a>\n\t            <div class=\"hc-info\">\n\t              <div>\n\t                <h3 class=\"hc-pn\">Strip<\/h3>\n\t                <p class=\"hc-pd\">Simple. Focused. Effective.<\/p>\n\t                <p class=\"hc-pm\">Fully customizable<\/p>\n\t              <\/div>\n\t              <div class=\"hc-side\">\n\t                \t                <a class=\"hc-go\" href=\"https:\/\/hairdey.com\/ar\/product-category\/strip-hair-color-chart\/\">Explore Strip <i aria-hidden=\"true\">&rarr;<\/i><\/a>\n\t              <\/div>\n\t            <\/div>\n\t          <\/div>\n\t        \t      <\/div>\n\t    <\/div>\n\n\t    <div class=\"hc-foot\">\n\t      <a class=\"hc-btn\" href=\"https:\/\/hairdey.com\/ar\/product-categories\/\">All categories<\/a>\n\t      <a class=\"hc-btn is-dark\" href=\"https:\/\/hairdey.com\/ar\/products\/\">All products <i aria-hidden=\"true\">&rarr;<\/i><\/a>\n\t    <\/div>\n\t  <\/div>\n\t<\/section>\n\n\t<script>\n    (function () {\n      var root = document.getElementById('hdy-catalogue');\n      if (!root) return;\n      var rows  = root.querySelectorAll('.hc-row');\n      var chips = root.querySelectorAll('.hc-chip');\n      var panes = root.querySelectorAll('.hc-pane');\n      var mark  = root.querySelector('.hc-mark');\n      var list  = root.querySelector('.hc-list');\n      var stage = root.querySelector('.hc-stage');\n      var cur = 0, timer = null;\n\n      \/\/ ---- autoplay settings ----\n      var AUTO_DELAY = 3500;   \/\/ milliseconds each category stays on screen (3500 = 3.5 seconds)\n      var auto = null, overList = false, keyboard = false, inView = true, preloaded = false;\n      var reduceMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n      function moveMark() {\n        var r = rows[cur];\n        if (!mark || !r || !r.offsetParent) return;\n        var li = r.parentElement;\n        mark.style.setProperty('--my', (li.offsetTop) + 'px');\n        mark.style.setProperty('--mh', li.offsetHeight + 'px');\n      }\n      function show(i) {\n        if (i === cur || !panes[i]) return;\n        rows[cur] && rows[cur].classList.remove('is-on');\n        chips[cur] && (chips[cur].classList.remove('is-on'), chips[cur].setAttribute('aria-selected', 'false'));\n        panes[cur].classList.remove('is-on'); panes[cur].setAttribute('aria-hidden', 'true');\n        cur = i;\n        rows[cur] && rows[cur].classList.add('is-on');\n        if (chips[cur]) {\n          chips[cur].classList.add('is-on'); chips[cur].setAttribute('aria-selected', 'true');\n          var c = chips[cur], box = c.parentElement;\n          if (c.offsetLeft < box.scrollLeft || c.offsetLeft + c.offsetWidth > box.scrollLeft + box.clientWidth) {\n            box.scrollTo({ left: c.offsetLeft - 20, behavior: 'smooth' });\n          }\n        }\n        panes[cur].classList.add('is-on'); panes[cur].removeAttribute('aria-hidden');\n        moveMark();\n      }\n\n      \/\/ Load every preview photo up front so no change waits on an image download\n      function preload() {\n        if (preloaded) return;\n        preloaded = true;\n        root.querySelectorAll('.hc-pane img[loading=\"lazy\"]').forEach(function (img) {\n          img.loading = 'eager';\n          if (img.decode) img.decode().catch(function () {});\n        });\n      }\n\n      \/\/ ---- autoplay: next category every AUTO_DELAY, looping back to the first ----\n      function canRun() { return panes.length > 1 && !overList && !keyboard && inView && !document.hidden && !reduceMotion; }\n      function stopAuto() { clearTimeout(auto); auto = null; }\n      function tick() {\n        auto = null;\n        if (!canRun()) return;\n        show((cur + 1) % panes.length);\n        auto = setTimeout(tick, AUTO_DELAY);\n      }\n      \/\/ Starts the countdown only if it is not already running, so scrolling or\n      \/\/ moving the mouse can never push the next change further away.\n      function startAuto() {\n        if (auto || !canRun()) return;\n        auto = setTimeout(tick, AUTO_DELAY);\n      }\n      function restartAuto() { stopAuto(); startAuto(); }\n\n      \/\/ Desktop: pointing at a row previews it (a short pause stops flicker while\n      \/\/ the mouse travels across rows); clicking still opens the category.\n      rows.forEach(function (r) {\n        var i = +r.getAttribute('data-i');\n        r.addEventListener('mouseenter', function () { clearTimeout(timer); timer = setTimeout(function () { show(i); }, 70); });\n        r.addEventListener('focus', function () { show(i); });\n      });\n      \/\/ Autoplay waits only while the mouse is on the list of styles (the visitor\n      \/\/ is choosing). Anywhere else in the section it keeps playing.\n      if (list) {\n        list.addEventListener('mouseenter', function () { overList = true; stopAuto(); });\n        list.addEventListener('mouseleave', function () { clearTimeout(timer); overList = false; startAuto(); });\n      }\n      \/\/ Phones: tap a chip to switch, then autoplay carries on from that chip\n      chips.forEach(function (c) { c.addEventListener('click', function () { show(+c.getAttribute('data-i')); restartAuto(); }); });\n\n      \/\/ Wait while someone is tabbing through the section with the keyboard\n      root.addEventListener('focusin', function (e) {\n        var kb = false;\n        try { kb = e.target.matches(':focus-visible'); } catch (err) {}\n        if (kb) { keyboard = true; stopAuto(); }\n      });\n      root.addEventListener('focusout', function () { if (keyboard) { keyboard = false; startAuto(); } });\n\n      \/\/ Run only while the section is on screen and the browser tab is active\n      if ('IntersectionObserver' in window) {\n        new IntersectionObserver(function (entries) {\n          inView = entries[0].isIntersecting;\n          if (inView) { preload(); startAuto(); } else { stopAuto(); }\n        }, { threshold: 0.1 }).observe(root);\n      } else {\n        preload();\n      }\n      document.addEventListener('visibilitychange', function () { if (document.hidden) { stopAuto(); } else { startAuto(); } });\n      \/\/ Stop screen readers announcing every automatic change\n      if (stage) stage.setAttribute('aria-live', 'off');\n\n      moveMark();\n      window.addEventListener('resize', moveMark);\n      if (document.fonts && document.fonts.ready) document.fonts.ready.then(moveMark);\n      startAuto();\n    })();\n    <\/script>\n\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6e72cab e-con e-atomic-element e-flexbox-base e-default-div e-b270ab9 \" data-id=\"6e72cab\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6e72cab\" data-e-type=\"e-flexbox\" data-id=\"6e72cab\">\n    \t\t<div class=\"elementor-element elementor-element-98ef1cd elementor-widget elementor-widget-html\" data-id=\"98ef1cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  html, body { margin: 0; padding: 0; }\r\n  #hdy-about-banner * { box-sizing: border-box; }\r\n  #hdy-about-banner a { text-decoration: none !important; }\r\n  .full-bleed { width: 100%; }\r\n  #hdy-ab-row { display: flex; align-items: center; justify-content: space-between; gap: clamp(24px, 4vw, 60px); flex-wrap: wrap; width: 100%; }\r\n  #hdy-ab-stats {\r\n    display: flex;\r\n    gap: clamp(16px, 2vw, 32px);\r\n    background: rgba(27,19,15,0.6);\r\n    backdrop-filter: blur(6px);\r\n    -webkit-backdrop-filter: blur(6px);\r\n    border: 1px solid rgba(205,164,95,0.2);\r\n    border-radius: 14px;\r\n    padding: clamp(18px, 2vw, 26px) clamp(20px, 2.4vw, 30px);\r\n  }\r\n  #hdy-ab-stats > div { padding-right: clamp(16px, 2vw, 32px); border-right: 1px solid rgba(205,164,95,0.35); }\r\n  #hdy-ab-stats > div:last-child { border-right: none; padding-right: 0; }\r\n  @media (max-width: 900px) {\r\n    #hdy-ab-row { flex-direction: column; align-items: flex-start; }\r\n    #hdy-ab-stats { flex-wrap: wrap; gap: 20px 0; }\r\n    #hdy-ab-stats > div { width: 50%; padding-right: 0; border-right: none; margin-bottom: 16px; }\r\n  }\r\n  @media (max-width: 500px) {\r\n    #hdy-ab-heading { font-size: 30px !important; }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"hdy-about-banner\" class=\"full-bleed\" style=\"position: relative; background: #1b130f; margin: 0; font-family: 'Lato', sans-serif; overflow: hidden;\">\r\n  <div style=\"position: absolute; inset: 0; background-image: url('\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-16-2026-03_10_51-PM.png'); background-size: cover; background-position: center; background-repeat: no-repeat;\"><\/div>\r\n  <div style=\"position: absolute; inset: 0; background: linear-gradient(100deg, #1b130f 0%, #1b130f 32%, rgba(27,19,15,0.75) 52%, rgba(27,19,15,0.15) 78%);\"><\/div>\r\n\r\n  <div style=\"position: relative; max-width: 1200px; margin: 0 auto; padding: clamp(36px, 4.5vw, 56px) clamp(18px, 3vw, 32px); min-height: clamp(260px, 20vw, 320px); display: flex; align-items: center;\">\r\n\r\n    <div id=\"hdy-ab-row\">\r\n\r\n      <div style=\"max-width: 480px;\">\r\n        <div style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 16px;\">\r\n          <span style=\"width: 28px; height: 1px; background: #cda45f; display: inline-block;\"><\/span>\r\n          <span style=\"font-size: 12px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: #cda45f;\">About Hairdey<\/span>\r\n        <\/div>\r\n        <h2 id=\"hdy-ab-heading\" style=\"font-family: 'Marcellus', serif; font-weight: 400; font-size: clamp(28px, 3vw, 38px); line-height: 1.2; color: #fdfaf7; margin: 0 0 16px;\">Your Trusted Hair Color Chart Manufacturer<\/h2>\r\n        <p style=\"font-size: 15px; line-height: 1.65; color: #cbbfb7; max-width: 46ch; margin: 0 0 24px;\">We work with hair color brands, distributors and salons globally to create customized shade cards and catalogues that reflect your unique identity<\/p>\r\n        <a href=\"\/about-us\" style=\"background: #cda45f; color: #1b130f; font-size: 14px; font-weight: 700; padding: 12px 26px; border-radius: 999px; display: inline-flex; align-items: center; gap: 10px;\">Our Story <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/50\/1b130f\/long-arrow-right.png\" alt=\"\" style=\"width: 15px; height: 15px; display: block; flex: none;\"><\/a>\r\n      <\/div>\r\n\r\n      <div id=\"hdy-ab-stats\">\r\n        <div>\r\n          <div style=\"font-family: 'Marcellus', serif; font-size: clamp(22px, 2.1vw, 28px); color: #cda45f;\">9+<\/div>\r\n          <div style=\"font-size: 12.5px; line-height: 1.4; color: #cbbfb7; margin-top: 6px;\">Years of<br>Experience<\/div>\r\n        <\/div>\r\n        <div>\r\n          <div style=\"font-family: 'Marcellus', serif; font-size: clamp(22px, 2.1vw, 28px); color: #cda45f;\">50+<\/div>\r\n          <div style=\"font-size: 12.5px; line-height: 1.4; color: #cbbfb7; margin-top: 6px;\">Happy Clients<\/div>\r\n        <\/div>\r\n        <div>\r\n          <div style=\"font-family: 'Marcellus', serif; font-size: clamp(22px, 2.1vw, 28px); color: #cda45f;\">15+<\/div>\r\n          <div style=\"font-size: 12.5px; line-height: 1.4; color: #cbbfb7; margin-top: 6px;\">Countries<\/div>\r\n        <\/div>\r\n        <div>\r\n          <div style=\"font-family: 'Marcellus', serif; font-size: clamp(22px, 2.1vw, 28px); color: #cda45f;\">300+<\/div>\r\n          <div style=\"font-size: 12.5px; line-height: 1.4; color: #cbbfb7; margin-top: 6px;\">Custom Designs<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function() {\r\n    function stretchFullBleed() {\r\n      document.querySelectorAll('.full-bleed').forEach(function(el) {\r\n        el.style.marginLeft = '0px';\r\n        el.style.marginRight = '0px';\r\n        el.style.width = '100%';\r\n        var rect = el.getBoundingClientRect();\r\n        el.style.marginLeft = (-rect.left) + 'px';\r\n        el.style.width = window.innerWidth + 'px';\r\n      });\r\n    }\r\n    stretchFullBleed();\r\n    window.addEventListener('resize', stretchFullBleed);\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3aca8c4 e-con e-atomic-element e-flexbox-base e-default-div e-1fab9ba \" data-id=\"3aca8c4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3aca8c4\" data-e-type=\"e-flexbox\" data-id=\"3aca8c4\">\n    \t\t<div class=\"elementor-element elementor-element-7cddb9c elementor-widget elementor-widget-html\" data-id=\"7cddb9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  html, body { margin: 0; padding: 0; }\r\n  #hdy-materials-row * { box-sizing: border-box; }\r\n  .full-bleed { width: 100%; }\r\n  #hdy-mf-outer { display: flex; align-items: stretch; }\r\n  #hdy-mf-left { flex: 0 0 40%; max-width: 40%; }\r\n  #hdy-mf-right { flex: 0 0 60%; max-width: 60%; border-left: 1px solid #ddd3ca; }\r\n\r\n  #hdy-mf-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px clamp(16px, 2vw, 28px); margin-top: 30px; }\r\n  #hdy-mf-grid .hdy-mf-col-name { text-align: center; font-size: 14px; font-weight: 700; color: #2f2724; margin-bottom: 6px; }\r\n  #hdy-mf-grid .hdy-mf-item + .hdy-mf-item { margin-top: 6px; }\r\n  .hdy-mf-item { cursor: pointer; }\r\n  .hdy-mf-item img { transition: transform 0.25s ease; }\r\n  .hdy-mf-item:hover img { transform: scale(1.08) translateY(-4px); }\r\n  .hdy-mf-item .hdy-mf-label { transition: color 0.25s ease; }\r\n  .hdy-mf-item:hover .hdy-mf-label { color: #8a6a5d; }\r\n\r\n  #hdy-mf-shapes-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px clamp(14px, 1.8vw, 24px); margin-top: 30px; }\r\n  #hdy-mf-explore { color: #2f2724 !important; }\r\n  #hdy-mf-explore:hover { color: #8a6a5d !important; }\r\n\r\n  @media (max-width: 900px) {\r\n    #hdy-mf-outer { flex-direction: column; }\r\n    #hdy-mf-left, #hdy-mf-right { flex: 1 1 auto; max-width: 100%; }\r\n    #hdy-mf-right { border-left: none; border-top: 1px solid #ddd3ca; }\r\n  }\r\n  @media (max-width: 500px) {\r\n    #hdy-mf-heading { font-size: 26px !important; }\r\n    #hdy-mf-shapes-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"hdy-materials-row\" class=\"full-bleed\" style=\"background: #f2ece7; margin: 0; font-family: 'Lato', sans-serif;\">\r\n  <div id=\"hdy-mf-outer\">\r\n\r\n    <div id=\"hdy-mf-left\" style=\"padding: clamp(48px, 5.5vw, 68px) clamp(24px, 3.2vw, 48px);\">\r\n      <h2 id=\"hdy-mf-heading\" style=\"font-family: 'Marcellus', serif; font-weight: 400; font-size: clamp(28px, 2.8vw, 34px); line-height: 1.2; color: #2f2724; margin: 0 0 14px;\">Materials &amp; Finishes<\/h2>\r\n      <p style=\"font-size: 15px; line-height: 1.6; color: #4d453f; margin: 0;\">Premium materials. Refined details. A lasting impression.<\/p>\r\n\r\n      <div id=\"hdy-mf-grid\">\r\n\r\n        <div>\r\n          <div class=\"hdy-mf-col-name\">Glossy Silk<\/div>\r\n          <div class=\"hdy-mf-item\">\r\n            <div style=\"aspect-ratio: 1 \/ 1; overflow: visible;\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-16-2026-06_06_12-PM.png\" alt=\"glossy silk image 1\" style=\"width: 100%; height: 100%; object-fit: contain; display: block;\">\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"hdy-mf-item\">\r\n            <div style=\"aspect-ratio: 1 \/ 1; overflow: visible;\">\r\n              <img decoding=\"async\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-16-2026-06_25_48-PM.png\" alt=\"glossy silk image 2\" style=\"width: 100%; height: 100%; object-fit: contain; display: block;\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div>\r\n          <div class=\"hdy-mf-col-name\">Wrinkled Silk<\/div>\r\n          <div class=\"hdy-mf-item\">\r\n            <div style=\"aspect-ratio: 1 \/ 1; overflow: visible;\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-16-2026-06_02_45-PM.png\" alt=\"Wrinkled silk image 1\" style=\"width: 100%; height: 100%; object-fit: contain; display: block;\">\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"hdy-mf-item\">\r\n            <div style=\"aspect-ratio: 1 \/ 1; overflow: visible;\">\r\n              <img decoding=\"async\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-16-2026-06_30_50-PM.png\" alt=\"Wrinkled silk image 2\" style=\"width: 100%; height: 100%; object-fit: contain; display: block;\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div>\r\n          <div class=\"hdy-mf-col-name\">Matte Protein<\/div>\r\n          <div class=\"hdy-mf-item\">\r\n            <div style=\"aspect-ratio: 1 \/ 1; overflow: visible;\">\r\n              <img decoding=\"async\" src=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-16-2026-06_00_04-PM.png\" alt=\"matte protein 1\" style=\"width: 100%; height: 100%; object-fit: contain; display: block;\">\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"hdy-mf-item\">\r\n            <div style=\"aspect-ratio: 1 \/ 1; overflow: visible;\">\r\n              <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-16-2026-06_33_35-PM.png\" alt=\"matte protein 2\" style=\"width: 100%; height: 100%; object-fit: contain; display: block;\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"hdy-mf-right\" style=\"padding: clamp(48px, 5.5vw, 68px) clamp(24px, 3.2vw, 48px);\">\r\n      <div id=\"hdy-mf-shapes-grid\">\r\n        <div class=\"hdy-mf-item\">\r\n          <div style=\"aspect-ratio: 1 \/ 1; overflow: visible;\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/ChatGPT_Image_Sep_16__2026__04_25_35_PM-removebg-preview.png\" alt=\"Curve Left\" style=\"width: 100%; height: 100%; object-fit: contain; display: block;\">\r\n          <\/div>\r\n          <div class=\"hdy-mf-label\" style=\"text-align: center; font-size: 13px; font-weight: 700; color: #3f3832; margin-top: 10px;\">Curve Left<\/div>\r\n        <\/div>\r\n        <div class=\"hdy-mf-item\">\r\n          <div style=\"aspect-ratio: 1 \/ 1; overflow: visible;\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/ChatGPT_Image_Sep_16__2026__05_12_51_PM-removebg-preview.png\" alt=\"Curve Right\" style=\"width: 100%; height: 100%; object-fit: contain; display: block;\">\r\n          <\/div>\r\n          <div class=\"hdy-mf-label\" style=\"text-align: center; font-size: 13px; font-weight: 700; color: #3f3832; margin-top: 10px;\">Curve Right<\/div>\r\n        <\/div>\r\n        <div class=\"hdy-mf-item\">\r\n          <div style=\"aspect-ratio: 1 \/ 1; overflow: visible;\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/ChatGPT_Image_Sep_16__2026__05_20_38_PM-removebg-preview.png\" alt=\"Twist\" style=\"width: 100%; height: 100%; object-fit: contain; display: block;\">\r\n          <\/div>\r\n          <div class=\"hdy-mf-label\" style=\"text-align: center; font-size: 13px; font-weight: 700; color: #3f3832; margin-top: 10px;\">Twist<\/div>\r\n        <\/div>\r\n        <div class=\"hdy-mf-item\">\r\n          <div style=\"aspect-ratio: 1 \/ 1; overflow: visible;\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/ChatGPT_Image_Sep_16__2026__05_30_16_PM-removebg-preview.png\" alt=\"S-Curve\" style=\"width: 100%; height: 100%; object-fit: contain; display: block;\">\r\n          <\/div>\r\n          <div class=\"hdy-mf-label\" style=\"text-align: center; font-size: 13px; font-weight: 700; color: #3f3832; margin-top: 10px;\">S-Curve<\/div>\r\n        <\/div>\r\n        <div class=\"hdy-mf-item\">\r\n          <div style=\"aspect-ratio: 1 \/ 1; overflow: visible;\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-16-2026-07_05_32-PM.png\" alt=\"Loop\" style=\"width: 100%; height: 100%; object-fit: contain; display: block;\">\r\n          <\/div>\r\n          <div class=\"hdy-mf-label\" style=\"text-align: center; font-size: 13px; font-weight: 700; color: #3f3832; margin-top: 10px;\">Loop<\/div>\r\n        <\/div>\r\n        <div class=\"hdy-mf-item\">\r\n          <div style=\"aspect-ratio: 1 \/ 1; overflow: visible;\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-16-2026-07_07_55-PM.png\" alt=\"Straight Lock\" style=\"width: 100%; height: 100%; object-fit: contain; display: block;\">\r\n          <\/div>\r\n          <div class=\"hdy-mf-label\" style=\"text-align: center; font-size: 13px; font-weight: 700; color: #3f3832; margin-top: 10px;\">Straight Lock<\/div>\r\n        <\/div>\r\n        <div class=\"hdy-mf-item\">\r\n          <div style=\"aspect-ratio: 1 \/ 1; overflow: visible;\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-16-2026-07_09_29-PM.png\" alt=\"Two-Tone\" style=\"width: 100%; height: 100%; object-fit: contain; display: block;\">\r\n          <\/div>\r\n          <div class=\"hdy-mf-label\" style=\"text-align: center; font-size: 13px; font-weight: 700; color: #3f3832; margin-top: 10px;\">Two-Tone<\/div>\r\n        <\/div>\r\n        <div class=\"hdy-mf-item\">\r\n          <div style=\"aspect-ratio: 1 \/ 1; overflow: visible;\">\r\n            <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-16-2026-07_20_04-PM.png\" alt=\"Heart Shape\" style=\"width: 100%; height: 100%; object-fit: contain; display: block;\">\r\n          <\/div>\r\n          <div class=\"hdy-mf-label\" style=\"text-align: center; font-size: 13px; font-weight: 700; color: #3f3832; margin-top: 10px;\">Heart Shape<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function() {\r\n    function stretchFullBleed() {\r\n      document.querySelectorAll('.full-bleed').forEach(function(el) {\r\n        el.style.marginLeft = '0px';\r\n        el.style.marginRight = '0px';\r\n        el.style.width = '100%';\r\n        var rect = el.getBoundingClientRect();\r\n        el.style.marginLeft = (-rect.left) + 'px';\r\n        el.style.width = window.innerWidth + 'px';\r\n      });\r\n    }\r\n    stretchFullBleed();\r\n    window.addEventListener('resize', stretchFullBleed);\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0ae951e e-con e-atomic-element e-flexbox-base e-default-div e-50b5341 \" data-id=\"0ae951e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0ae951e\" data-e-type=\"e-flexbox\" data-id=\"0ae951e\">\n    \t\t<div class=\"elementor-element elementor-element-eaf5dc4 elementor-widget elementor-widget-html\" data-id=\"eaf5dc4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .hd-trust * { box-sizing: border-box; }\r\n  .hd-trust {\r\n    background: #1a1310;\r\n    color: #ffffff;\r\n    font-family: 'Poppins', sans-serif;\r\n    padding: 80px 24px;\r\n  }\r\n  .hd-trust .hd-inner {\r\n    max-width: 1160px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n  .hd-trust .hd-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.08em;\r\n    color: #eac68f;\r\n    margin-bottom: 14px;\r\n  }\r\n  .hd-trust .hd-eyebrow::before,\r\n  .hd-trust .hd-eyebrow::after {\r\n    content: \"\";\r\n    width: 28px;\r\n    height: 1px;\r\n    background: #dcac70;\r\n  }\r\n  .hd-trust h2 {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 600;\r\n    font-size: clamp(26px, 3vw, 34px);\r\n    margin: 0 0 12px;\r\n    color: #ffffff;\r\n  }\r\n  .hd-trust p.hd-trust-sub {\r\n    font-size: 14.5px;\r\n    color: #cdc5ba;\r\n    max-width: 52ch;\r\n    margin: 0 auto 48px;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  .hd-trust-grid {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    align-items: stretch;\r\n    gap: 24px;\r\n  }\r\n\r\n  .hd-trust-card {\r\n    width: 200px;\r\n    height: 108px;\r\n    background: #fdfbf8;\r\n    border: 1px solid rgba(255,255,255,0.06);\r\n    border-radius: 10px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 24px;\r\n    box-shadow: 0 10px 26px rgba(0,0,0,0.25);\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n  }\r\n  .hd-trust-card:hover {\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 16px 34px rgba(0,0,0,0.35);\r\n  }\r\n\r\n  .hd-trust-card img {\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    width: auto;\r\n    height: auto;\r\n    object-fit: contain;\r\n    display: block;\r\n  }\r\n\r\n  \/* Inline SVG logos (CHI) *\/\r\n  .hd-trust-card svg {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: block;\r\n  }\r\n\r\n  \/* Wella's logo file is square with a lot of white space around it,\r\n     so it gets less padding to appear the same size as the others. *\/\r\n  .hd-trust-card.hd-trust-tight { padding: 6px; }\r\n\r\n  \/* Dark card for light-coloured logos (Yogi Care is cream). *\/\r\n  .hd-trust-card.hd-trust-dark {\r\n    background: #120d0a;\r\n    border-color: rgba(220,172,112,0.45);\r\n    padding: 14px;\r\n  }\r\n\r\n  \/* SILco Lab's logo is white, so it is inverted to dark on the light card. *\/\r\n  .hd-trust-card .hd-trust-invert {\r\n    filter: invert(1);\r\n  }\r\n\r\n  @media (max-width: 560px) {\r\n    .hd-trust-grid { gap: 16px; }\r\n    .hd-trust-card { width: 150px; height: 84px; padding: 16px; }\r\n    .hd-trust-card.hd-trust-tight { padding: 4px; }\r\n    .hd-trust-card.hd-trust-dark { padding: 10px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"hd-trust\">\r\n  <div class=\"hd-inner\">\r\n    <div class=\"hd-eyebrow\">TRUSTED BY<\/div>\r\n    <h2>Brands We Work With<\/h2>\r\n    <p class=\"hd-trust-sub\">\r\n      A selection of the hair color and beauty brands we manufacture custom charts and swatch books for.\r\n    <\/p>\r\n\r\n    <div class=\"hd-trust-grid\">\r\n        \r\n         <a href=\"https:\/\/eazicolor.com\/\" target=\"_blank\" rel=\"noopener\" class=\"hd-trust-card\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/Eazicolor_logo1.png\" alt=\"Eazicolor\" loading=\"lazy\">\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/hibascollection.com\/\" target=\"_blank\" rel=\"noopener\" class=\"hd-trust-card\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/hibas-collection-logo-transparent-jpeg.avif\" alt=\"Hiba's Collection\" loading=\"lazy\">\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/www.silcolab.com\/\" target=\"_blank\" rel=\"noopener\" class=\"hd-trust-card\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/SILcoLAB.png\" alt=\"SILco Lab\" loading=\"lazy\" class=\"hd-trust-invert\">\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/nmbeautyonlineshop.co.uk\/\" target=\"_blank\" rel=\"noopener\" class=\"hd-trust-card\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/NMBEAUTY-logo.png\" alt=\"NM Beauty\" loading=\"lazy\">\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/www.wella.com\/\" target=\"_blank\" rel=\"noopener\" class=\"hd-trust-card hd-trust-tight\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/358399004_669043225252469_4013502927918380227_n.png\" alt=\"Wella Professionals\" loading=\"lazy\">\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/chi.com\/\" target=\"_blank\" rel=\"noopener\" class=\"hd-trust-card\" aria-label=\"CHI\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 321.27 132.97\" role=\"img\" aria-label=\"CHI\" fill=\"#ee3424\" fill-rule=\"evenodd\">\r\n          <path d=\"M86.9,83.48l25.03,7.96c-3.84,14.08-10.24,24.46-19.2,31.29-8.96,6.83-20.34,10.24-34.13,10.24-17.07,0-31.15-5.83-42.1-17.49C5.4,103.82,0,87.89,0,67.7,0,46.22,5.55,29.58,16.5,17.78,27.59,5.97,42.1,0,60.16,0c15.64,0,28.44,4.69,38.26,13.94,5.97,5.55,10.24,13.37,13.23,23.75l-25.74,6.12c-1.42-6.68-4.69-11.95-9.53-15.79-4.84-3.98-10.67-5.83-17.49-5.83-9.53,0-17.35,3.41-23.32,10.24-5.83,6.83-8.82,17.92-8.82,33.28,0,16.21,2.84,27.88,8.82,34.7,5.83,6.97,13.37,10.38,22.76,10.38,6.97,0,12.8-2.13,17.78-6.54,4.98-4.41,8.53-11.38,10.81-20.76h0Z\"\/>\r\n          <polygon points=\"134.4 130.84 134.4 2.13 160.28 2.13 160.28 52.76 211.19 52.76 211.19 2.13 237.22 2.13 237.22 130.84 211.19 130.84 211.19 74.52 160.28 74.52 160.28 130.84 134.4 130.84 134.4 130.84\"\/>\r\n          <polygon points=\"263.25 130.84 263.25 2.13 289.27 2.13 289.27 130.84 263.25 130.84 263.25 130.84\"\/>\r\n          <path d=\"M309.75,13.37c1,0,1.56-.14,1.99-.43.57-.28.85-1,.85-1.71,0-.85-.28-1.42-.85-1.85-.43-.14-1-.43-1.99-.43v-1.71c1.85,0,3.27.43,3.98,1,1,.57,1.56,1.42,1.56,2.7,0,.85-.28,1.85-.85,2.42-.57.57-1.28,1-2.28,1.14l2.99,6.26h-2.84l-2.56-5.12v-2.28h0ZM309.75,26.31c1.42,0,2.84-.28,3.98-1,1.56-.57,2.84-1.42,3.98-2.56,1.28-1.14,2.13-2.42,2.7-3.84.57-1.42.85-2.99.85-4.69,0-1.56-.28-3.13-.85-4.55-.57-1.42-1.42-2.7-2.56-3.84-1.14-1.14-2.56-1.99-3.98-2.7-1.14-.43-2.56-.71-4.12-.71v1.56c1.42,0,2.56.28,3.56.57,1.28.57,2.42,1.42,3.56,2.42.85,1,1.56,1.99,2.13,3.41.43,1.14.71,2.56.71,3.98s-.28,2.84-.71,3.98c-.57,1.28-1.28,2.28-2.28,3.41-1.14.85-2.13,1.56-3.56,2.28-.85.43-2.13.71-3.41.71v1.56h0ZM309.04,8.82h-2.13v4.55h2.84v2.28l-.28-.57h-2.56v5.69h-2.56V7.11h5.12c.14,0,.28.14.28.14v1.71c-.14,0-.43-.14-.71-.14h0ZM309.75,2.42c-.14,0-.28-.14-.57-.14-1.56,0-3.13.28-4.55.71-1.42.71-2.7,1.56-3.7,2.56-1.28,1.28-2.13,2.7-2.84,4.12-.57,1.42-.85,2.99-.85,4.55s.28,3.13.85,4.55c.71,1.42,1.42,2.84,2.7,3.98,1,1.14,2.42,1.99,3.84,2.56,1.42.71,2.99,1,4.55,1h.57v-1.56h-.57c-1.28,0-2.7-.28-3.84-.71-1.42-.71-2.42-1.42-3.56-2.42-.85-1-1.71-2.13-2.28-3.41-.43-1.14-.71-2.56-.71-3.98,0-1.28.28-2.7.71-3.84.57-1.42,1.42-2.42,2.42-3.56,1-1,1.99-1.71,3.41-2.28,1.14-.43,2.56-.71,3.84-.71.28,0,.43.14.57.14v-1.56h0Z\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/www.yogicosmetics.com\/\" target=\"_blank\" rel=\"noopener\" class=\"hd-trust-card hd-trust-dark\">\r\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/10\/png100-t3-scale100.png\" alt=\"Yogi Care\" loading=\"lazy\">\r\n      <\/a>\r\n\r\n     \r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4314c64 e-con e-atomic-element e-flexbox-base e-default-div e-3f7858a \" data-id=\"4314c64\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4314c64\" data-e-type=\"e-flexbox\" data-id=\"4314c64\">\n    \t\t<div class=\"elementor-element elementor-element-8be0790 elementor-widget elementor-widget-html\" data-id=\"8be0790\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     Hairdey \u2013 Homepage video section (light \/ gold theme)\r\n     Paste into an Elementor \"HTML\" widget, or into your homepage HTML.\r\n     To change videos: edit the 3 <video data-src=\"...\"> links below\r\n     (Media \u2192 click the video \u2192 \"Copy URL to clipboard\").\r\n     To change captions: edit the <figcaption> text and data-cap=\"...\".\r\n     ============================================================ -->\r\n\r\n<style>\r\n.hdh-vid, .hdh-vid *{ box-sizing:border-box; }\r\n.hdh-vid{\r\n  position:relative; overflow:hidden;\r\n  padding:clamp(64px,8vw,112px) 20px;\r\n  background:linear-gradient(180deg, #fbf8f4 0%, #f4eee6 100%);\r\n  color:#5c5148; font-family:'Poppins',Arial,sans-serif;\r\n}\r\n.hdh-vid-wrap{ max-width:1200px; margin:0 auto; }\r\n\r\n\/* heading *\/\r\n.hdh-vid-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin:0 0 clamp(28px,4vw,44px); }\r\n.hdh-vid-kick{ display:flex; align-items:center; gap:12px; margin:0 0 14px; font-size:11.5px; font-weight:600; letter-spacing:.22em; text-transform:uppercase; color:#b88a4e; }\r\n.hdh-vid-kick::before{ content:\"\"; width:28px; height:1px; background:#b88a4e; }\r\n.hdh-vid h2{ font-family:'Playfair Display',Georgia,serif!important; font-weight:600; font-size:clamp(28px,3.4vw,44px); line-height:1.12; letter-spacing:-.01em; color:#241a10; margin:0 0 12px; }\r\n.hdh-vid h2 em{ font-style:italic; font-weight:500; color:#b88a4e; }\r\n.hdh-vid-lead{ margin:0; max-width:52ch; font-size:15px; line-height:1.7; color:#6b5f54; }\r\n.hdh-vid-more{ flex:none; display:inline-flex; align-items:center; gap:10px; padding:13px 24px; border-radius:999px;\r\n  color:#241a10!important; font-size:14px; font-weight:600; text-decoration:none!important;\r\n  box-shadow:inset 0 0 0 1px #241a10; transition:background-color 200ms ease, color 200ms ease, transform 160ms cubic-bezier(.23,1,.32,1); }\r\n.hdh-vid-more span{ display:inline-block; transition:transform 200ms cubic-bezier(.23,1,.32,1); }\r\n.hdh-vid-more:active{ transform:scale(.97); }\r\n\r\n\/* video cards *\/\r\n.hdh-vid-row{ display:grid; grid-template-columns:repeat(3,minmax(0,340px)); justify-content:center; gap:clamp(16px,2.2vw,32px); }\r\n.hdh-vid-card{ position:relative; margin:0; aspect-ratio:9\/16; border-radius:20px; overflow:hidden; background:#0d0907;\r\n  box-shadow:0 0 0 1px rgba(36,26,16,.06), 0 24px 50px -26px rgba(36,26,16,.45); }\r\n.hdh-vid-card video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }\r\n\/* soft veil while paused so the button stands out *\/\r\n.hdh-vid-card::before{ content:\"\"; position:absolute; inset:0; z-index:1; pointer-events:none;\r\n  background:linear-gradient(180deg, rgba(18,13,10,.12), rgba(18,13,10,.35)); transition:opacity 300ms ease; }\r\n.hdh-vid-card.is-playing::before{ opacity:0; }\r\n.hdh-vid-card figcaption{ position:absolute; left:0; right:0; bottom:0; z-index:1; padding:48px 18px 18px; pointer-events:none;\r\n  font-size:14px; font-weight:500; line-height:1.4; color:#fff;\r\n  background:linear-gradient(to top, rgba(18,13,10,.85), rgba(18,13,10,0)); }\r\n.hdh-vid-card figcaption small{ display:block; margin-bottom:4px; font-size:10.5px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:#dcac70; }\r\n\r\n\/* play button: whole card is clickable, the gold circle sits in the exact center *\/\r\n.hdh-vid-card .hdh-vid-play{ position:absolute!important; inset:0!important; z-index:2; width:100%!important; height:100%!important; min-height:0!important;\r\n  margin:0!important; padding:0!important; border:0!important; border-radius:inherit!important;\r\n  display:flex!important; align-items:center!important; justify-content:center!important;\r\n  background:transparent!important; color:inherit!important; font-size:0!important; line-height:0!important;\r\n  cursor:pointer; text-decoration:none!important; -webkit-tap-highlight-color:transparent; }\r\n\/* the theme gives buttons a pink hover\/focus background: switch it off *\/\r\n.hdh-vid-card .hdh-vid-play:hover,\r\n.hdh-vid-card .hdh-vid-play:focus,\r\n.hdh-vid-card .hdh-vid-play:active{ background:transparent!important; background-color:transparent!important; border:0!important; outline:none!important; }\r\n.hdh-vid-card .hdh-vid-play:focus-visible{ box-shadow:inset 0 0 0 3px #dcac70; }\r\n.hdh-vid-btn{ position:relative; flex:none; display:block; width:68px; height:68px; border-radius:50%;\r\n  background:rgba(18,13,10,.5); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);\r\n  box-shadow:inset 0 0 0 1.5px #dcac70, 0 10px 30px -8px rgba(0,0,0,.7); color:#dcac70;\r\n  transition:transform 250ms cubic-bezier(.23,1,.32,1), opacity 250ms ease, background-color 220ms ease, color 220ms ease; }\r\n.hdh-vid-btn svg{ position:absolute!important; inset:0!important; margin:auto!important; width:26px!important; height:26px!important; max-width:none!important; display:block!important;\r\n  fill:currentColor!important; stroke:none!important; transition:opacity 200ms ease, transform 250ms cubic-bezier(.23,1,.32,1); }\r\n.hdh-ic-pause{ opacity:0; transform:scale(.6); }\r\n\/* gentle pulse ring while paused *\/\r\n.hdh-vid-btn::after{ content:\"\"; position:absolute; inset:0; border-radius:50%; pointer-events:none;\r\n  box-shadow:0 0 0 1px rgba(234,198,143,.8); animation:hdh-pulse 2.4s cubic-bezier(.23,1,.32,1) infinite; }\r\n@keyframes hdh-pulse{ 0%{ transform:scale(1); opacity:.9; } 100%{ transform:scale(1.5); opacity:0; } }\r\n\/* playing: button hides, pause icon shows on hover (desktop) *\/\r\n.hdh-vid-card.is-playing .hdh-vid-btn{ opacity:0; transform:scale(.85); }\r\n.hdh-vid-card.is-playing .hdh-vid-btn::after{ animation:none; opacity:0; }\r\n.hdh-vid-card.is-playing .hdh-ic-play{ opacity:0; transform:scale(.6); }\r\n.hdh-vid-card.is-playing .hdh-ic-pause{ opacity:1; transform:none; }\r\n.hdh-vid-card .hdh-vid-play:active .hdh-vid-btn{ transform:scale(.92); }\r\n.hdh-vid-card.is-playing .hdh-vid-play:focus-visible .hdh-vid-btn{ opacity:1; transform:none; }\r\n\r\n\/* entrance: cards rise in once when scrolled into view *\/\r\n.hdh-vid.is-armed .hdh-vid-head, .hdh-vid.is-armed .hdh-vid-card{ opacity:0; transform:translateY(16px); }\r\n.hdh-vid .hdh-vid-head, .hdh-vid .hdh-vid-card{ transition:opacity 600ms cubic-bezier(.23,1,.32,1), transform 700ms cubic-bezier(.23,1,.32,1); }\r\n.hdh-vid.is-in .hdh-vid-head, .hdh-vid.is-in .hdh-vid-card{ opacity:1; transform:none; }\r\n.hdh-vid.is-in .hdh-vid-card:nth-child(2){ transition-delay:90ms; }\r\n.hdh-vid.is-in .hdh-vid-card:nth-child(3){ transition-delay:180ms; }\r\n\r\n@media (hover:hover) and (pointer:fine){\r\n  .hdh-vid-more:hover{ background:#241a10; color:#fff!important; }\r\n  .hdh-vid-more:hover span{ transform:translateX(4px); }\r\n  .hdh-vid-card:not(.is-playing):hover .hdh-vid-btn{ transform:scale(1.06); background:#dcac70; color:#1a1310; }\r\n  .hdh-vid-card.is-playing:hover .hdh-vid-btn{ opacity:1; transform:none; }\r\n}\r\n\r\n\/* tablets \/ phones: heading stacks, videos swipe sideways *\/\r\n@media (max-width:860px){\r\n  .hdh-vid-head{ flex-direction:column; align-items:flex-start; }\r\n}\r\n@media (max-width:768px){\r\n  .hdh-vid{ padding:56px 0; }\r\n  .hdh-vid-head{ padding:0 20px; }\r\n  .hdh-vid-row{ display:flex; justify-content:flex-start; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding:0 20px;\r\n    padding:0 20px 8px; -webkit-overflow-scrolling:touch; scrollbar-width:none; }\r\n  .hdh-vid-row::-webkit-scrollbar{ display:none; }\r\n  .hdh-vid-card{ flex:0 0 70%; scroll-snap-align:start; border-radius:16px; }\r\n  .hdh-vid-btn{ width:60px; height:60px; }\r\n  .hdh-vid-more{ padding:11px 20px; }\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .hdh-vid-btn::after{ animation:none; opacity:0; }\r\n  .hdh-vid .hdh-vid-head, .hdh-vid .hdh-vid-card{ transform:none!important; transition:opacity 200ms ease!important; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"hdh-vid\" aria-labelledby=\"hdh-vid-h\">\r\n  <div class=\"hdh-vid-wrap\">\r\n    <div class=\"hdh-vid-head\">\r\n      <div>\r\n        <p class=\"hdh-vid-kick\">In motion<\/p>\r\n        <h2 id=\"hdh-vid-h\">See our charts <em>in hand<\/em><\/h2>\r\n        <p class=\"hdh-vid-lead\">Real hair swatches, sharp print and a finish your distributors will notice. Here is what we make for hair color brands.<\/p>\r\n      <\/div>\r\n      <a class=\"hdh-vid-more\" href=\"https:\/\/www.instagram.com\/hairdey.official\/\" target=\"_blank\" rel=\"noopener\">More on Instagram <span aria-hidden=\"true\">&rarr;<\/span><\/a>\r\n    <\/div>\r\n\r\n    <div class=\"hdh-vid-row\">\r\n\r\n      <!-- Video 1 -->\r\n      <figure class=\"hdh-vid-card\">\r\n        <video muted loop playsinline preload=\"none\" disablepictureinpicture aria-hidden=\"true\"\r\n          data-src=\"\/wp-content\/uploads\/2026\/10\/3a4a7fd9a14ebd7346db81d860dd19dd.mp4#t=0.1\"><\/video>\r\n        <figcaption><small>4-Fold<\/small>4-fold chart for Eazicolor<\/figcaption>\r\n        <button type=\"button\" class=\"hdh-vid-play\" aria-pressed=\"false\" data-cap=\"4-fold chart for Eazicolor\" aria-label=\"Play video: 4-fold chart for Eazicolor\">\r\n          <span class=\"hdh-vid-btn\" aria-hidden=\"true\">\r\n            <svg class=\"hdh-ic-play\" viewBox=\"0 0 24 24\"><path d=\"M9.2 6.6v10.8c0 .9 1 1.4 1.7.9l8.3-5.4c.7-.4.7-1.4 0-1.8L10.9 5.7c-.7-.5-1.7 0-1.7.9z\"\/><\/svg>\r\n            <svg class=\"hdh-ic-pause\" viewBox=\"0 0 24 24\"><rect x=\"7\" y=\"6\" width=\"3.6\" height=\"12\" rx=\"1.2\"\/><rect x=\"13.4\" y=\"6\" width=\"3.6\" height=\"12\" rx=\"1.2\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n      <\/figure>\r\n\r\n      <!-- Video 2 -->\r\n      <figure class=\"hdh-vid-card\">\r\n        <video muted loop playsinline preload=\"none\" disablepictureinpicture aria-hidden=\"true\"\r\n          data-src=\"\/wp-content\/uploads\/2026\/10\/f20ebf7a30945005c69aea40177775f7.mp4#t=0.1\"><\/video>\r\n        <figcaption><small>Swatches<\/small>Real hair swatches<\/figcaption>\r\n        <button type=\"button\" class=\"hdh-vid-play\" aria-pressed=\"false\" data-cap=\"Real hair swatches\" aria-label=\"Play video: Real hair swatches\">\r\n          <span class=\"hdh-vid-btn\" aria-hidden=\"true\">\r\n            <svg class=\"hdh-ic-play\" viewBox=\"0 0 24 24\"><path d=\"M9.2 6.6v10.8c0 .9 1 1.4 1.7.9l8.3-5.4c.7-.4.7-1.4 0-1.8L10.9 5.7c-.7-.5-1.7 0-1.7.9z\"\/><\/svg>\r\n            <svg class=\"hdh-ic-pause\" viewBox=\"0 0 24 24\"><rect x=\"7\" y=\"6\" width=\"3.6\" height=\"12\" rx=\"1.2\"\/><rect x=\"13.4\" y=\"6\" width=\"3.6\" height=\"12\" rx=\"1.2\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n      <\/figure>\r\n\r\n      <!-- Video 3 -->\r\n      <figure class=\"hdh-vid-card\">\r\n        <video muted loop playsinline preload=\"none\" disablepictureinpicture aria-hidden=\"true\"\r\n          data-src=\"\/wp-content\/uploads\/2026\/10\/c69fc32972e3b15a2498b8ba6818de46.mp4#t=0.1\"><\/video>\r\n        <figcaption><small>Custom<\/small>Your brand, your shades<\/figcaption>\r\n        <button type=\"button\" class=\"hdh-vid-play\" aria-pressed=\"false\" data-cap=\"Your brand, your shades\" aria-label=\"Play video: Your brand, your shades\">\r\n          <span class=\"hdh-vid-btn\" aria-hidden=\"true\">\r\n            <svg class=\"hdh-ic-play\" viewBox=\"0 0 24 24\"><path d=\"M9.2 6.6v10.8c0 .9 1 1.4 1.7.9l8.3-5.4c.7-.4.7-1.4 0-1.8L10.9 5.7c-.7-.5-1.7 0-1.7.9z\"\/><\/svg>\r\n            <svg class=\"hdh-ic-pause\" viewBox=\"0 0 24 24\"><rect x=\"7\" y=\"6\" width=\"3.6\" height=\"12\" rx=\"1.2\"\/><rect x=\"13.4\" y=\"6\" width=\"3.6\" height=\"12\" rx=\"1.2\"\/><\/svg>\r\n          <\/span>\r\n        <\/button>\r\n      <\/figure>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  var root = document.querySelector('.hdh-vid');\r\n  if (!root) return;\r\n  var cards = root.querySelectorAll('.hdh-vid-card');\r\n\r\n  \/\/ load only the first frame when a video comes near the screen, so the page stays fast\r\n  function load(v) {\r\n    if (v.getAttribute('data-src')) {\r\n      v.preload = 'metadata';\r\n      v.src = v.getAttribute('data-src');\r\n      v.removeAttribute('data-src');\r\n    }\r\n  }\r\n  function setState(card, playing) {\r\n    var btn = card.querySelector('.hdh-vid-play');\r\n    var cap = btn.getAttribute('data-cap');\r\n    card.classList.toggle('is-playing', playing);\r\n    btn.setAttribute('aria-pressed', playing ? 'true' : 'false');\r\n    btn.setAttribute('aria-label', (playing ? 'Pause video' : 'Play video') + (cap ? ': ' + cap : ''));\r\n  }\r\n  function pauseAll(except) {\r\n    cards.forEach(function (c) {\r\n      var v = c.querySelector('video');\r\n      if (c !== except && !v.paused) v.pause();\r\n    });\r\n  }\r\n\r\n  cards.forEach(function (card) {\r\n    var v = card.querySelector('video');\r\n    var btn = card.querySelector('.hdh-vid-play');\r\n    v.addEventListener('play', function () { setState(card, true); });\r\n    v.addEventListener('pause', function () { setState(card, false); });\r\n    btn.addEventListener('click', function () {\r\n      load(v);\r\n      if (v.paused) {\r\n        pauseAll(card); \/\/ one video at a time\r\n        var p = v.play();\r\n        if (p && p.catch) p.catch(function () {});\r\n      } else {\r\n        v.pause();\r\n      }\r\n    });\r\n  });\r\n\r\n  if ('IntersectionObserver' in window) {\r\n    var near = new IntersectionObserver(function (en) {\r\n      en.forEach(function (e) { if (e.isIntersecting) { load(e.target); near.unobserve(e.target); } });\r\n    }, { rootMargin: '400px 0px' });\r\n    \/\/ pause a playing video once it is scrolled out of view\r\n    var seen = new IntersectionObserver(function (en) {\r\n      en.forEach(function (e) { if (!e.isIntersecting && !e.target.paused) e.target.pause(); });\r\n    }, { threshold: 0.2 });\r\n    cards.forEach(function (c) { var v = c.querySelector('video'); near.observe(v); seen.observe(v); });\r\n\r\n    \/\/ entrance animation, once\r\n    root.classList.add('is-armed');\r\n    var io = new IntersectionObserver(function (en) {\r\n      if (en[0].isIntersecting) { root.classList.add('is-in'); io.disconnect(); }\r\n    }, { rootMargin: '0px 0px -12% 0px' });\r\n    io.observe(root);\r\n  } else {\r\n    cards.forEach(function (c) { load(c.querySelector('video')); });\r\n  }\r\n  document.addEventListener('visibilitychange', function () { if (document.hidden) pauseAll(null); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-86f8274 e-con e-atomic-element e-flexbox-base e-default-div e-46578b1 \" data-id=\"86f8274\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"86f8274\" data-e-type=\"e-flexbox\" data-id=\"86f8274\">\n    \t\t<div class=\"elementor-element elementor-element-f3a0d3e elementor-widget elementor-widget-html\" data-id=\"f3a0d3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     HAIRDEY \u2014 \"Flexible Solutions for Your Brand\" (OEM\/ODM + Process)\r\n     V2 layout. Paste this whole block into an Elementor Custom HTML widget.\r\n\r\n     Same colors, fonts, images and icons as before \u2014 only the layout changed:\r\n       \u2022 Intro: big heading + copy, with the 4 features in a divided strip\r\n       \u2022 OEM \/ ODM: text sits over the photo on a dark fade, so it is always readable\r\n       \u2022 Process: dark band, horizontal on desktop, vertical timeline on mobile\r\n\r\n     All colors are variables at the top of the CSS if you want to tweak.\r\n     The @import below is a fallback; delete it if fonts are already loaded.\r\n     ============================================================ -->\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,500;0,600;1,500&family=Poppins:wght@400;500;600&display=swap');\r\n\r\n  .hd-solutions,\r\n  .hd-solutions *,\r\n  .hd-solutions *::before,\r\n  .hd-solutions *::after { box-sizing: border-box; }\r\n\r\n  .hd-solutions {\r\n    --hd-cream: #f5f0ea;\r\n    --hd-sand:  #ece3d8;\r\n    --hd-gold:  #b8894f;\r\n    --hd-ink:   #2f2724;\r\n    --hd-body:  #5a5049;\r\n    --hd-line:  #c9b8a5;\r\n\r\n    width: 100%;\r\n    font-family: 'Poppins', sans-serif;\r\n    color: var(--hd-ink);\r\n    line-height: 1.5;\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n  .hd-solutions ul,\r\n  .hd-solutions ol { list-style: none; margin: 0; padding: 0; }\r\n  .hd-solutions li { margin: 0; }\r\n  .hd-solutions img { max-width: none; height: auto; }\r\n\r\n  .hd-solutions .hd-sec {\r\n    padding: clamp(56px, 8vw, 104px) clamp(20px, 4vw, 40px);\r\n  }\r\n  .hd-solutions .hd-sec--light { background: var(--hd-cream); }\r\n  .hd-solutions .hd-sec--dark  { background: var(--hd-ink); color: var(--hd-cream); }\r\n  .hd-solutions .hd-inner { max-width: 1200px; margin: 0 auto; }\r\n\r\n  \/* ---------- Eyebrow ---------- *\/\r\n  .hd-solutions .hd-eyebrow {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin: 0 0 16px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.08em;\r\n    color: var(--hd-gold);\r\n  }\r\n  .hd-solutions .hd-eyebrow::before {\r\n    content: \"\";\r\n    width: 28px;\r\n    height: 1px;\r\n    background: var(--hd-gold);\r\n  }\r\n\r\n  \/* ---------- Links ---------- *\/\r\n  .hd-solutions a.hd-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    align-self: flex-start;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: var(--hd-ink);\r\n    text-decoration: none;\r\n    border-bottom: 1px solid currentColor;\r\n    padding-bottom: 3px;\r\n    transition: border-color .2s ease, color .2s ease;\r\n  }\r\n  .hd-solutions a.hd-link:hover { border-bottom-color: var(--hd-gold); }\r\n  .hd-solutions a.hd-link:focus-visible {\r\n    outline: 2px solid var(--hd-gold);\r\n    outline-offset: 4px;\r\n  }\r\n  .hd-solutions .hd-sec--dark a.hd-link { color: var(--hd-cream); }\r\n  .hd-solutions .hd-sec--dark a.hd-link:hover { color: var(--hd-gold); }\r\n\r\n  \/* ================= INTRO ================= *\/\r\n  .hd-solutions .hd-intro {\r\n    display: grid;\r\n    grid-template-columns: 1.15fr 1fr;\r\n    gap: 24px clamp(32px, 6vw, 88px);\r\n    align-items: end;\r\n    margin-bottom: clamp(36px, 5vw, 56px);\r\n  }\r\n  .hd-solutions .hd-heading {\r\n    margin: 0;\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 600;\r\n    font-size: clamp(34px, 5vw, 56px);\r\n    line-height: 1.1;\r\n    color: var(--hd-ink);\r\n    text-wrap: balance;\r\n  }\r\n  .hd-solutions .hd-heading em {\r\n    font-style: italic;\r\n    font-weight: 500;\r\n    color: var(--hd-gold);\r\n  }\r\n  .hd-solutions .hd-intro-copy {\r\n    margin: 0;\r\n    padding-bottom: 6px;\r\n    max-width: 50ch;\r\n    font-size: 15.5px;\r\n    line-height: 1.75;\r\n    color: var(--hd-body);\r\n  }\r\n\r\n  \/* Features: one divided strip (the 1px gap shows the divider color) *\/\r\n  .hd-solutions .hd-features {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 1px;\r\n    margin: 0 0 clamp(48px, 7vw, 88px);\r\n    border: 1px solid rgba(47, 39, 36, .14);\r\n    border-radius: 4px;\r\n    background: rgba(47, 39, 36, .14);\r\n    overflow: hidden;\r\n  }\r\n  .hd-solutions .hd-feature {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    padding: 22px 26px;\r\n    background: var(--hd-cream);\r\n  }\r\n  .hd-solutions .hd-feature-icon {\r\n    flex: none;\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 50%;\r\n    background: var(--hd-sand);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .hd-solutions .hd-feature-icon img { width: 24px; height: 24px; display: block; }\r\n  .hd-solutions .hd-feature p {\r\n    margin: 0;\r\n    font-size: 14.5px;\r\n    font-weight: 500;\r\n    line-height: 1.35;\r\n    color: var(--hd-ink);\r\n  }\r\n\r\n  \/* ================= OEM \/ ODM \u2014 text over the photo ================= *\/\r\n  .hd-solutions .hd-cards {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 28px;\r\n  }\r\n  .hd-solutions .hd-card {\r\n    position: relative;\r\n    isolation: isolate;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    min-height: 600px;\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n  }\r\n  .hd-solutions .hd-img-oem {\r\n    background-image: url('\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-18-2026-10_53_04-AM.png');\r\n    background-color: #c9b8a5; \/* shows while the photo loads, or if the URL 404s *\/\r\n  }\r\n  .hd-solutions .hd-img-odm {\r\n    background-image: url('\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-18-2026-10_55_27-AM.png');\r\n    background-color: #4a352b;\r\n  }\r\n  \/* dark scrim rising from the bottom: guarantees readable text on ANY photo,\r\n     while the top of the photo stays clear *\/\r\n  .hd-solutions .hd-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    background: linear-gradient(\r\n      to top,\r\n      rgba(47, 39, 36, .97) 0%,\r\n      rgba(47, 39, 36, .94) 40%,\r\n      rgba(47, 39, 36, .62) 64%,\r\n      rgba(47, 39, 36, .10) 100%\r\n    );\r\n  }\r\n  .hd-solutions .hd-card-body {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    padding: clamp(28px, 3.4vw, 44px);\r\n    color: var(--hd-cream);\r\n  }\r\n  .hd-solutions .hd-card-title {\r\n    margin: 0 0 12px;\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 600;\r\n    font-size: clamp(24px, 2.4vw, 30px);\r\n    line-height: 1.25;\r\n    color: var(--hd-cream);\r\n  }\r\n  .hd-solutions .hd-card-copy {\r\n    margin: 0 0 20px;\r\n    max-width: 48ch;\r\n    font-size: 15px;\r\n    line-height: 1.65;\r\n    color: var(--hd-sand);\r\n  }\r\n  .hd-solutions .hd-card-list {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 4px 20px;\r\n    margin: 0 0 26px;\r\n    padding-top: 18px;\r\n    border-top: 1px solid rgba(236, 227, 216, .22);\r\n  }\r\n  .hd-solutions .hd-card-list li {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 6px 0;\r\n    font-size: 14px;\r\n    line-height: 1.35;\r\n    color: var(--hd-cream);\r\n  }\r\n  .hd-solutions .hd-check {\r\n    flex: none;\r\n    width: 18px;\r\n    height: 18px;\r\n    border-radius: 50%;\r\n    background: var(--hd-gold);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .hd-solutions .hd-check img { width: 10px; height: 10px; display: block; }\r\n  .hd-solutions .hd-card a.hd-link { color: var(--hd-cream); }\r\n  .hd-solutions .hd-card a.hd-link:hover { color: var(--hd-gold); }\r\n\r\n  \/* ================= PROCESS ================= *\/\r\n  .hd-solutions .hd-process-head {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n    flex-wrap: wrap;\r\n    gap: 20px 32px;\r\n    margin-bottom: clamp(40px, 6vw, 64px);\r\n  }\r\n  .hd-solutions .hd-process-head h2 {\r\n    margin: 0;\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 600;\r\n    font-size: clamp(28px, 3.6vw, 40px);\r\n    line-height: 1.15;\r\n    color: var(--hd-cream);\r\n  }\r\n\r\n  .hd-solutions .hd-steps {\r\n    counter-reset: hd-step;\r\n    display: grid;\r\n    grid-template-columns: repeat(5, 1fr);\r\n  }\r\n  .hd-solutions .hd-step {\r\n    counter-increment: hd-step;\r\n    position: relative;\r\n    padding: 0 14px;\r\n    text-align: center;\r\n  }\r\n  \/* dashed connector: from this icon's centre to the next icon's centre *\/\r\n  .hd-solutions .hd-step:not(:last-child)::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 38px;\r\n    left: 50%;\r\n    width: 100%;\r\n    border-top: 1px dashed rgba(201, 184, 165, .55);\r\n  }\r\n  .hd-solutions .hd-step-icon {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 76px;\r\n    height: 76px;\r\n    margin: 0 auto 22px;\r\n    border-radius: 50%;\r\n    background: var(--hd-sand);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  .hd-solutions .hd-step-icon img { width: 28px; height: 28px; display: block; }\r\n  \/* step number badge *\/\r\n  .hd-solutions .hd-step-icon::after {\r\n    content: counter(hd-step);\r\n    position: absolute;\r\n    top: -4px;\r\n    right: -4px;\r\n    width: 24px;\r\n    height: 24px;\r\n    border-radius: 50%;\r\n    background: var(--hd-gold);\r\n    color: var(--hd-ink);\r\n    font: 600 12px\/24px 'Poppins', sans-serif;\r\n    text-align: center;\r\n    box-shadow: 0 0 0 3px var(--hd-ink);\r\n  }\r\n  .hd-solutions .hd-step h3 {\r\n    margin: 0 0 8px;\r\n    font-family: 'Poppins', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    line-height: 1.3;\r\n    color: var(--hd-cream);\r\n  }\r\n  .hd-solutions .hd-step p {\r\n    margin: 0 auto;\r\n    max-width: 22ch;\r\n    font-size: 13.5px;\r\n    line-height: 1.6;\r\n    color: var(--hd-line);\r\n  }\r\n\r\n  \/* ================= RESPONSIVE ================= *\/\r\n  @media (max-width: 1100px) {\r\n    .hd-solutions .hd-card-list { grid-template-columns: 1fr; }\r\n    .hd-solutions .hd-card { min-height: 640px; }\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .hd-solutions .hd-intro { grid-template-columns: 1fr; }\r\n    .hd-solutions .hd-intro-copy { padding-bottom: 0; }\r\n    .hd-solutions .hd-features { grid-template-columns: repeat(2, 1fr); }\r\n\r\n    \/* process becomes a vertical timeline *\/\r\n    .hd-solutions .hd-steps {\r\n      grid-template-columns: 1fr;\r\n      max-width: 560px;\r\n    }\r\n    .hd-solutions .hd-step {\r\n      display: grid;\r\n      grid-template-columns: 64px 1fr;\r\n      column-gap: 20px;\r\n      align-content: start;\r\n      padding: 0 0 32px;\r\n      text-align: left;\r\n    }\r\n    .hd-solutions .hd-step:last-child { padding-bottom: 0; }\r\n    .hd-solutions .hd-step:not(:last-child)::after {\r\n      top: 68px;\r\n      bottom: 4px;\r\n      left: 31px;\r\n      width: 0;\r\n      border-top: 0;\r\n      border-left: 1px dashed rgba(201, 184, 165, .55);\r\n    }\r\n    .hd-solutions .hd-step-icon {\r\n      grid-row: 1 \/ span 2;\r\n      width: 64px;\r\n      height: 64px;\r\n      margin: 0;\r\n    }\r\n    .hd-solutions .hd-step h3 { grid-column: 2; margin: 4px 0 4px; }\r\n    .hd-solutions .hd-step p  { grid-column: 2; max-width: none; margin: 0; }\r\n  }\r\n\r\n  @media (max-width: 900px) and (min-width: 641px) {\r\n    \/* one wide card per row: room for a 2-column checklist again *\/\r\n    .hd-solutions .hd-cards { grid-template-columns: 1fr; }\r\n    .hd-solutions .hd-card { min-height: 520px; }\r\n    .hd-solutions .hd-card-list { grid-template-columns: 1fr 1fr; }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .hd-solutions .hd-cards { grid-template-columns: 1fr; gap: 20px; }\r\n    .hd-solutions .hd-card { min-height: 620px; }\r\n    .hd-solutions .hd-card-body { padding: 24px; }\r\n    \/* stronger scrim on phones so the whole text block stays clean *\/\r\n    .hd-solutions .hd-card::before {\r\n      background: linear-gradient(\r\n        to top,\r\n        rgba(47, 39, 36, .97) 0%,\r\n        rgba(47, 39, 36, .95) 55%,\r\n        rgba(47, 39, 36, .70) 75%,\r\n        rgba(47, 39, 36, .15) 100%\r\n      );\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .hd-solutions .hd-heading br { display: none; }\r\n  }\r\n\r\n  @media (max-width: 540px) {\r\n    \/* features: icon above label, 2 x 2 *\/\r\n    .hd-solutions .hd-feature {\r\n      flex-direction: column;\r\n      gap: 12px;\r\n      padding: 22px 12px;\r\n      text-align: center;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"hd-solutions\">\r\n\r\n  <!-- ============ Intro + OEM \/ ODM ============ -->\r\n  <section class=\"hd-sec hd-sec--light\">\r\n    <div class=\"hd-inner\">\r\n\r\n      <div class=\"hd-intro\">\r\n        <div>\r\n          <div class=\"hd-eyebrow\">OEM &amp; ODM<\/div>\r\n          <h2 class=\"hd-heading\">Flexible Solutions for <br>Your <em>Brand<\/em><\/h2>\r\n        <\/div>\r\n        <p class=\"hd-intro-copy\">\r\n          We provide OEM &amp; ODM services for hair color brands, salons and distributors worldwide.\r\n          From concept to finished product, we help you create unique hair color charts and swatch\r\n          solutions tailored to your market.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"hd-features\">\r\n        <div class=\"hd-feature\">\r\n          <div class=\"hd-feature-icon\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/24\/2F2724\/pencil.png\" width=\"24\" height=\"24\" alt=\"Custom Design\" loading=\"lazy\">\r\n          <\/div>\r\n          <p>Custom Design<\/p>\r\n        <\/div>\r\n        <div class=\"hd-feature\">\r\n          <div class=\"hd-feature-icon\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/24\/2F2724\/layers.png\" width=\"24\" height=\"24\" alt=\"Flexible Materials\" loading=\"lazy\">\r\n          <\/div>\r\n          <p>Flexible Materials<\/p>\r\n        <\/div>\r\n        <div class=\"hd-feature\">\r\n          <div class=\"hd-feature-icon\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/24\/2F2724\/color-palette.png\" width=\"24\" height=\"24\" alt=\"Wide Color Options\" loading=\"lazy\">\r\n          <\/div>\r\n          <p>Wide Color Options<\/p>\r\n        <\/div>\r\n        <div class=\"hd-feature\">\r\n          <div class=\"hd-feature-icon\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/24\/2F2724\/globe.png\" width=\"24\" height=\"24\" alt=\"Global Shipping\" loading=\"lazy\">\r\n          <\/div>\r\n          <p>Global Shipping<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- OEM \/ ODM cards: text sits over the photo -->\r\n      <div class=\"hd-cards\">\r\n\r\n        <article class=\"hd-card hd-img-oem\">\r\n          <div class=\"hd-card-body\">\r\n            <div class=\"hd-eyebrow\">OEM<\/div>\r\n            <h3 class=\"hd-card-title\">Original Equipment Manufacturer<\/h3>\r\n            <p class=\"hd-card-copy\">We manufacture hair color charts and swatch books based on your design, branding and specifications.<\/p>\r\n            <ul class=\"hd-card-list\">\r\n              <li><span class=\"hd-check\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/10\/ffffff\/checkmark.png\" width=\"10\" height=\"10\" alt=\"\" loading=\"lazy\"><\/span>Your Logo &amp; Packaging<\/li>\r\n              <li><span class=\"hd-check\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/10\/ffffff\/checkmark.png\" width=\"10\" height=\"10\" alt=\"\" loading=\"lazy\"><\/span>Custom Sizes &amp; Formats<\/li>\r\n              <li><span class=\"hd-check\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/10\/ffffff\/checkmark.png\" width=\"10\" height=\"10\" alt=\"\" loading=\"lazy\"><\/span>Selected Materials &amp; Finishes<\/li>\r\n              <li><span class=\"hd-check\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/10\/ffffff\/checkmark.png\" width=\"10\" height=\"10\" alt=\"\" loading=\"lazy\"><\/span>Consistent Quality<\/li>\r\n            <\/ul>\r\n            <a href=\"\/services\/oem-hair-color-chart-manufacturer\/\" class=\"hd-link\">Learn More \u2192<\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"hd-card hd-img-odm\">\r\n          <div class=\"hd-card-body\">\r\n            <div class=\"hd-eyebrow\">ODM<\/div>\r\n            <h3 class=\"hd-card-title\">Original Design Manufacturer<\/h3>\r\n            <p class=\"hd-card-copy\">We help you develop unique designs tailored to your market, with our expertise in materials, structure and color presentation.<\/p>\r\n            <ul class=\"hd-card-list\">\r\n              <li><span class=\"hd-check\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/10\/ffffff\/checkmark.png\" width=\"10\" height=\"10\" alt=\"\" loading=\"lazy\"><\/span>Concept Development<\/li>\r\n              <li><span class=\"hd-check\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/10\/ffffff\/checkmark.png\" width=\"10\" height=\"10\" alt=\"\" loading=\"lazy\"><\/span>3D Design &amp; Sampling<\/li>\r\n              <li><span class=\"hd-check\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/10\/ffffff\/checkmark.png\" width=\"10\" height=\"10\" alt=\"\" loading=\"lazy\"><\/span>Trend-Based Solutions<\/li>\r\n              <li><span class=\"hd-check\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/10\/ffffff\/checkmark.png\" width=\"10\" height=\"10\" alt=\"\" loading=\"lazy\"><\/span>End-to-End Support<\/li>\r\n            <\/ul>\r\n            <a href=\"\/services\/odm-hair-color-chart-manufacturer\/\" class=\"hd-link\">Learn More \u2192<\/a>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ============ Process ============ -->\r\n  <section class=\"hd-sec hd-sec--dark\">\r\n    <div class=\"hd-inner\">\r\n\r\n      <div class=\"hd-process-head\">\r\n        <div>\r\n          <div class=\"hd-eyebrow\">Our Process<\/div>\r\n          <h2>From Concept to Completion<\/h2>\r\n        <\/div>\r\n        <a href=\"\/services\/\" class=\"hd-link\">View Our Services \u2192<\/a>\r\n      <\/div>\r\n\r\n      <ol class=\"hd-steps\">\r\n        <li class=\"hd-step\">\r\n          <div class=\"hd-step-icon\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/28\/2F2724\/chat.png\" width=\"28\" height=\"28\" alt=\"Consultation\" loading=\"lazy\">\r\n          <\/div>\r\n          <h3>Consultation<\/h3>\r\n          <p>Share your ideas and requirements.<\/p>\r\n        <\/li>\r\n        <li class=\"hd-step\">\r\n          <div class=\"hd-step-icon\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/28\/2F2724\/idea.png\" width=\"28\" height=\"28\" alt=\"Design and Sampling\" loading=\"lazy\">\r\n          <\/div>\r\n          <h3>Design &amp; Sampling<\/h3>\r\n          <p>We create design proposals and samples.<\/p>\r\n        <\/li>\r\n        <li class=\"hd-step\">\r\n          <div class=\"hd-step-icon\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/28\/2F2724\/settings.png\" width=\"28\" height=\"28\" alt=\"Production\" loading=\"lazy\">\r\n          <\/div>\r\n          <h3>Production<\/h3>\r\n          <p>High-quality manufacturing with strict quality control.<\/p>\r\n        <\/li>\r\n        <li class=\"hd-step\">\r\n          <div class=\"hd-step-icon\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/28\/2F2724\/box.png\" width=\"28\" height=\"28\" alt=\"Packaging\" loading=\"lazy\">\r\n          <\/div>\r\n          <h3>Packaging<\/h3>\r\n          <p>Customized packaging for your brand.<\/p>\r\n        <\/li>\r\n        <li class=\"hd-step\">\r\n          <div class=\"hd-step-icon\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/28\/2F2724\/truck.png\" width=\"28\" height=\"28\" alt=\"Global Delivery\" loading=\"lazy\">\r\n          <\/div>\r\n          <h3>Global Delivery<\/h3>\r\n          <p>Reliable shipping to your destination.<\/p>\r\n        <\/li>\r\n      <\/ol>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-744bf2f e-con e-atomic-element e-flexbox-base e-default-div e-3bbdd7e \" data-id=\"744bf2f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"744bf2f\" data-e-type=\"e-flexbox\" data-id=\"744bf2f\">\n    \t\t<div class=\"elementor-element elementor-element-bfba7fe elementor-widget elementor-widget-html\" data-id=\"bfba7fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  HAIRDEY \u2014 FAQ SECTION (accordion, responsive)\r\n  =================================================\r\n  HOW TO INSTALL:\r\n  In Elementor, add an \"HTML\" widget on your homepage (wherever you\r\n  want the FAQ section to sit \u2014 typically after \"Why Hairdey\" and\r\n  before the footer), and paste this ENTIRE block into it.\r\n-->\r\n\r\n<section id=\"hd-faq\">\r\n  <div class=\"hd-faq-inner\">\r\n    <p class=\"hd-faq-eyebrow\">Got Questions?<\/p>\r\n    <h2 class=\"hd-faq-title\">Frequently Asked Questions<\/h2>\r\n    <p class=\"hd-faq-subtitle\">Everything you need to know before placing an order<\/p>\r\n\r\n    <div class=\"hd-faq-list\">\r\n\r\n      <div class=\"hd-faq-item open\">\r\n        <button class=\"hd-faq-question\" onclick=\"hdToggleFaq(this)\">\r\n          <span>What is your minimum order quantity (MOQ)?<\/span>\r\n          <svg class=\"hd-faq-icon\" viewBox=\"0 0 24 24\"><path d=\"M7 10l5 5 5-5z\"\/><\/svg>\r\n        <\/button>\r\n        <div class=\"hd-faq-answer\">\r\n          <p>Our MOQ depends on the product, its category, and the shape and format of the chart you choose, so there is no single number that applies to every order. Tell us which style you are interested in and the quantity you have in mind, and we will confirm the exact MOQ for your project.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hd-faq-item\">\r\n        <button class=\"hd-faq-question\" onclick=\"hdToggleFaq(this)\">\r\n          <span>Can I get a sample before placing a bulk order?<\/span>\r\n          <svg class=\"hd-faq-icon\" viewBox=\"0 0 24 24\"><path d=\"M7 10l5 5 5-5z\"\/><\/svg>\r\n        <\/button>\r\n        <div class=\"hd-faq-answer\">\r\n          <p>Yes. Samples are available so you can check the materials, swatch quality, and finish before committing to a bulk order. Contact us with the style you would like to see and we will arrange it for you.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hd-faq-item\">\r\n        <button class=\"hd-faq-question\" onclick=\"hdToggleFaq(this)\">\r\n          <span>Do you offer custom \/ private-label packaging?<\/span>\r\n          <svg class=\"hd-faq-icon\" viewBox=\"0 0 24 24\"><path d=\"M7 10l5 5 5-5z\"\/><\/svg>\r\n        <\/button>\r\n        <div class=\"hd-faq-answer\">\r\n          <p>Yes. We offer full custom and private-label production, including your logo and branding, your own shade selection and numbering, the chart format and shape, and the packaging design. Send us your artwork or a reference and we will build the chart around your brand.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hd-faq-item\">\r\n        <button class=\"hd-faq-question\" onclick=\"hdToggleFaq(this)\">\r\n          <span>What is your typical production and lead time?<\/span>\r\n          <svg class=\"hd-faq-icon\" viewBox=\"0 0 24 24\"><path d=\"M7 10l5 5 5-5z\"\/><\/svg>\r\n        <\/button>\r\n        <div class=\"hd-faq-answer\">\r\n          <p>We reply to every inquiry with a quotation within 24 hours. Once your design is confirmed, production takes around 20 days. Larger or more complex custom orders may need a little longer, and we will confirm the schedule with you before production starts.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hd-faq-item\">\r\n        <button class=\"hd-faq-question\" onclick=\"hdToggleFaq(this)\">\r\n          <span>What payment terms do you accept?<\/span>\r\n          <svg class=\"hd-faq-icon\" viewBox=\"0 0 24 24\"><path d=\"M7 10l5 5 5-5z\"\/><\/svg>\r\n        <\/button>\r\n        <div class=\"hd-faq-answer\">\r\n          <p>Payment terms are agreed for each order, depending on its size and level of customization. Please contact us with your requirements and we will share the available payment options along with your quotation.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hd-faq-item\">\r\n        <button class=\"hd-faq-question\" onclick=\"hdToggleFaq(this)\">\r\n          <span>Do you ship worldwide, and who handles shipping costs?<\/span>\r\n          <svg class=\"hd-faq-icon\" viewBox=\"0 0 24 24\"><path d=\"M7 10l5 5 5-5z\"\/><\/svg>\r\n        <\/button>\r\n        <div class=\"hd-faq-answer\">\r\n          <p>Yes, we ship worldwide. Shipping is quoted separately based on your destination and order volume, and we will recommend the most suitable method for your order, whether by courier, air, or sea.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  #hd-faq {\r\n    background: #120d0a;\r\n    padding: 80px 20px;\r\n    font-family: 'Poppins', sans-serif;\r\n  }\r\n\r\n  .hd-faq-inner {\r\n    max-width: 760px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  .hd-faq-eyebrow {\r\n    color: #dcac70;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    margin: 0 0 10px;\r\n  }\r\n\r\n  .hd-faq-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-weight: 600;\r\n    color: #fff;\r\n    font-size: 36px;\r\n    margin: 0 0 12px;\r\n  }\r\n\r\n  .hd-faq-subtitle {\r\n    color: #cdc5ba;\r\n    font-size: 15px;\r\n    margin: 0 0 40px;\r\n  }\r\n\r\n  .hd-faq-list {\r\n    text-align: left;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 14px;\r\n  }\r\n\r\n  .hd-faq-item {\r\n    background: #1a1310;\r\n    border: 1px solid rgba(220, 172, 112, 0.25);\r\n    border-radius: 10px;\r\n    overflow: hidden;\r\n    transition: border-color 0.25s ease;\r\n  }\r\n\r\n  .hd-faq-item.open {\r\n    border-color: #dcac70;\r\n  }\r\n\r\n  .hd-faq-question {\r\n    width: 100%;\r\n    background: none !important;\r\n    border: none;\r\n    padding: 20px 22px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n    cursor: pointer;\r\n    text-align: left;\r\n  }\r\n\r\n  .hd-faq-question:hover,\r\n  .hd-faq-question:focus,\r\n  .hd-faq-question:active {\r\n    background: none !important;\r\n    outline: none;\r\n  }\r\n\r\n  .hd-faq-question span {\r\n    color: #fff;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  .hd-faq-icon {\r\n    width: 22px;\r\n    height: 22px;\r\n    fill: #dcac70;\r\n    flex-shrink: 0;\r\n    transition: transform 0.2s ease-out;\r\n  }\r\n\r\n  .hd-faq-item.open .hd-faq-icon {\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  .hd-faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.2s ease-out, padding 0.2s ease-out;\r\n    padding: 0 22px;\r\n  }\r\n\r\n  .hd-faq-item.open .hd-faq-answer {\r\n    max-height: 400px;\r\n    padding: 0 22px 20px;\r\n  }\r\n\r\n  .hd-faq-answer p {\r\n    color: #cdc5ba;\r\n    font-size: 14.5px;\r\n    line-height: 1.65;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* Tablet *\/\r\n  @media (max-width: 768px) {\r\n    #hd-faq { padding: 60px 18px; }\r\n    .hd-faq-title { font-size: 30px; }\r\n  }\r\n\r\n  \/* Mobile *\/\r\n  @media (max-width: 480px) {\r\n    #hd-faq { padding: 48px 14px; }\r\n    .hd-faq-title { font-size: 25px; }\r\n    .hd-faq-subtitle { font-size: 14px; margin-bottom: 30px; }\r\n    .hd-faq-question { padding: 16px 16px; }\r\n    .hd-faq-question span { font-size: 14.5px; }\r\n    .hd-faq-item.open .hd-faq-answer { padding: 0 16px 16px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  function hdToggleFaq(btn) {\r\n    var item = btn.closest('.hd-faq-item');\r\n    var list = item.parentElement;\r\n    var isOpen = item.classList.contains('open');\r\n\r\n    \/\/ close all others (accordion behavior \u2014 only one open at a time)\r\n    list.querySelectorAll('.hd-faq-item.open').forEach(function (el) {\r\n      el.classList.remove('open');\r\n    });\r\n\r\n    \/\/ reopen the clicked one if it wasn't already open\r\n    if (!isOpen) {\r\n      item.classList.add('open');\r\n    }\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-aff5c3f e-con e-atomic-element e-flexbox-base e-default-div e-cd2fbd8 \" data-id=\"aff5c3f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"aff5c3f\" data-e-type=\"e-flexbox\" data-id=\"aff5c3f\">\n    \t\t<div class=\"elementor-element elementor-element-7349007 elementor-widget elementor-widget-html\" data-id=\"7349007\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  #hdy-cta-banner * { box-sizing: border-box; }\r\n  #hdy-cta-banner a { text-decoration: none; }\r\n\r\n  #hdy-cta-top {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: clamp(24px, 4vw, 60px);\r\n    flex-wrap: wrap;\r\n    padding-bottom: clamp(28px, 3.4vw, 44px);\r\n    border-bottom: 1px solid rgba(220,172,112,0.22);\r\n  }\r\n\r\n  #hdy-cta-left { max-width: 560px; }\r\n\r\n  #hdy-cta-heading {\r\n    font-family: 'Playfair Display', Georgia, serif;\r\n    font-weight: 600;\r\n    font-size: clamp(26px, 3vw, 40px);\r\n    line-height: 1.2;\r\n    color: #ffffff;\r\n    margin: 0 0 clamp(10px, 1.2vw, 16px);\r\n  }\r\n\r\n  #hdy-cta-sub {\r\n    font-family: 'Poppins', sans-serif;\r\n    font-size: clamp(13px, 1vw, 15.5px);\r\n    line-height: 1.6;\r\n    color: #cdc5ba;\r\n    margin: 0 0 clamp(20px, 2.4vw, 30px);\r\n    max-width: 42ch;\r\n  }\r\n\r\n  #hdy-cta-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    background: linear-gradient(180deg, #eac68f, #dcac70);\r\n    color: #241a10;\r\n    font-family: 'Poppins', sans-serif;\r\n    font-weight: 600;\r\n    font-size: 14px;\r\n    padding: 13px 24px;\r\n    border-radius: 32px;\r\n    white-space: nowrap;\r\n    box-shadow: 0 10px 24px rgba(220,172,112,.25);\r\n    transition: transform .2s ease, box-shadow .2s ease;\r\n  }\r\n\r\n  #hdy-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(220,172,112,.35); }\r\n\r\n  #hdy-cta-tagline {\r\n    font-family: 'Playfair Display', Georgia, serif;\r\n    font-style: italic;\r\n    font-weight: 500;\r\n    font-size: clamp(16px, 1.6vw, 22px);\r\n    color: #eac68f;\r\n    line-height: 1.35;\r\n    text-align: right;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  #hdy-cta-features {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n    gap: 24px;\r\n    padding-top: clamp(26px, 3vw, 38px);\r\n  }\r\n\r\n  #hdy-cta-features .hdy-feat {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    flex: 1;\r\n    min-width: 180px;\r\n  }\r\n\r\n  #hdy-cta-features .hdy-feat img {\r\n    width: 26px;\r\n    height: 26px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  #hdy-cta-features .hdy-feat span {\r\n    font-family: 'Poppins', sans-serif;\r\n    font-weight: 500;\r\n    font-size: 13.5px;\r\n    color: #ffffff;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    #hdy-cta-top { align-items: flex-start; }\r\n    #hdy-cta-tagline { text-align: left; white-space: normal; }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    #hdy-cta-features { flex-direction: column; gap: 18px; }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"hdy-cta-banner\" style=\"position: relative; background: #120d0a; overflow: hidden;\">\r\n  <div style=\"position: absolute; inset: 0; background-image: url('\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-16-2026-03_10_51-PM.png'); background-size: cover; background-position: center; background-repeat: no-repeat;\"><\/div>\r\n  <div style=\"position: absolute; inset: 0; background: linear-gradient(90deg, #120d0a 0%, rgba(18,13,10,0.88) 40%, rgba(18,13,10,0.55) 70%, rgba(18,13,10,0.25) 100%);\"><\/div>\r\n\r\n  <div style=\"position: relative; max-width: 1360px; margin: 0 auto; padding: clamp(50px, 6vw, 80px) clamp(20px, 4vw, 50px);\">\r\n\r\n    <div id=\"hdy-cta-top\">\r\n      <div id=\"hdy-cta-left\">\r\n        <h2 id=\"hdy-cta-heading\">Let's Create Something Beautiful Together<\/h2>\r\n        <p id=\"hdy-cta-sub\">Professional hair color catalogues, designed around your needs.<\/p>\r\n        <a href=\"\/contact-us\" id=\"hdy-cta-btn\">Contact Us <span>&rarr;<\/span><\/a>\r\n      <\/div>\r\n\r\n      <div id=\"hdy-cta-tagline\">Your Colors.<br>Perfectly Presented.<\/div>\r\n    <\/div>\r\n\r\n    <div id=\"hdy-cta-features\">\r\n      <div class=\"hdy-feat\">\r\n        <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/100\/dcac70\/globe--v1.png\" alt=\"Global Shipping\">\r\n        <span>Global Shipping<\/span>\r\n      <\/div>\r\n      <div class=\"hdy-feat\">\r\n        <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/100\/dcac70\/verified-account.png\" alt=\"Trusted Partner\">\r\n        <span>Trusted Partner<\/span>\r\n      <\/div>\r\n      <div class=\"hdy-feat\">\r\n        <img decoding=\"async\" src=\"https:\/\/img.icons8.com\/ios\/100\/dcac70\/conference-call.png\" alt=\"B2B Focus\">\r\n        <span>B2B Focus<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&times; Products &#9662; Product Categories All categories &rarr; Accordion Creative. Compact. Impactful. Book Style Elegant. Premium. Impressive. Circular Unique. Eye-catching. Modern. Display Box Luxury. Complete. Memorable. Fold-Out Timeless. Practical. Portable. Ring &amp; Fan Flip through every shade. Strip Slim, light, easy to display. Custom Concepts Your idea. Our expertise. Popular Products All products &rarr; Not [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-289","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.4 (Yoast SEO v28.5-RC2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Hair Color Chart Manufacturer | Hairdey<\/title>\n<meta name=\"description\" content=\"Hairdey is a hair color chart manufacturer producing custom shade cards, catalogues and shade rings for salons and brands worldwide. OEM\/ODM, Yiwu, China.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hairdey.com\/ar\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hairdey | Custom Hair Color Charts &amp; Shade Cards\" \/>\n<meta property=\"og:description\" content=\"Shade cards, swatch books and color charts with real hair swatches for hair color brands. Made in Yiwu, China.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hairdey.com\/ar\/\" \/>\n<meta property=\"og:site_name\" content=\"Hair Dey\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-24T05:15:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/hairdey-social-preview.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Hairdey | Custom Hair Color Charts &amp; Shade Cards\" \/>\n<meta name=\"twitter:description\" content=\"Shade cards, swatch books and color charts with real hair swatches for hair color brands. Made in Yiwu, China.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/hairdey-social-preview.png\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"14 \u062f\u0642\u064a\u0642\u0629\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hairdey.com\\\/\",\"url\":\"https:\\\/\\\/hairdey.com\\\/\",\"name\":\"Hair Color Chart Manufacturer | Hairdey\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hairdey.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hairdey.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hairdey.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hairdey.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/ChatGPT_Image_Sep_15__2026__12_01_58_PM-removebg-preview-1.png\",\"datePublished\":\"2026-09-16T02:44:45+00:00\",\"dateModified\":\"2026-10-24T05:15:58+00:00\",\"description\":\"Hairdey is a hair color chart manufacturer producing custom shade cards, catalogues and shade rings for salons and brands worldwide. OEM\\\/ODM, Yiwu, China.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hairdey.com\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hairdey.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\\\/\\\/hairdey.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/hairdey.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/ChatGPT_Image_Sep_15__2026__12_01_58_PM-removebg-preview-1.png\",\"contentUrl\":\"https:\\\/\\\/hairdey.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/ChatGPT_Image_Sep_15__2026__12_01_58_PM-removebg-preview-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hairdey.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/hairdey.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home &#8211; 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hairdey.com\\\/#website\",\"url\":\"https:\\\/\\\/hairdey.com\\\/\",\"name\":\"Hair Dey\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hairdey.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u0645\u0635\u0646\u0639 \u0645\u062e\u0637\u0637 \u0644\u0648\u0646 \u0627\u0644\u0634\u0639\u0631 | \u0647\u064a\u0631\u062f\u064a","description":"\u0634\u0631\u0643\u0629 Hairdey \u0647\u064a \u0634\u0631\u0643\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062a\u0635\u0646\u064a\u0639 \u062c\u062f\u0627\u0648\u0644 \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0634\u0639\u0631\u060c \u0648\u062a\u0646\u062a\u062c \u0628\u0637\u0627\u0642\u0627\u062a \u0623\u0644\u0648\u0627\u0646 \u0648\u0643\u062a\u0627\u0644\u0648\u062c\u0627\u062a \u0648\u062d\u0644\u0642\u0627\u062a \u0623\u0644\u0648\u0627\u0646 \u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u0635\u0627\u0644\u0648\u0646\u0627\u062a \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645. \u062e\u062f\u0645\u0627\u062a \u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0623\u0635\u0644\u064a\u0629\/\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0623\u0635\u0644\u064a\u0629\u060c \u064a\u064a\u0648\u0648\u060c \u0627\u0644\u0635\u064a\u0646.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hairdey.com\/ar\/","og_locale":"ar_AR","og_type":"article","og_title":"Hairdey | Custom Hair Color Charts & Shade Cards","og_description":"Shade cards, swatch books and color charts with real hair swatches for hair color brands. Made in Yiwu, China.","og_url":"https:\/\/hairdey.com\/ar\/","og_site_name":"Hair Dey","article_modified_time":"2026-10-24T05:15:58+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/hairdey-social-preview.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"Hairdey | Custom Hair Color Charts & Shade Cards","twitter_description":"Shade cards, swatch books and color charts with real hair swatches for hair color brands. Made in Yiwu, China.","twitter_image":"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/10\/hairdey-social-preview.png","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"14 \u062f\u0642\u064a\u0642\u0629"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hairdey.com\/","url":"https:\/\/hairdey.com\/","name":"\u0645\u0635\u0646\u0639 \u0645\u062e\u0637\u0637 \u0644\u0648\u0646 \u0627\u0644\u0634\u0639\u0631 | \u0647\u064a\u0631\u062f\u064a","isPartOf":{"@id":"https:\/\/hairdey.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hairdey.com\/#primaryimage"},"image":{"@id":"https:\/\/hairdey.com\/#primaryimage"},"thumbnailUrl":"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT_Image_Sep_15__2026__12_01_58_PM-removebg-preview-1.png","datePublished":"2026-09-16T02:44:45+00:00","dateModified":"2026-10-24T05:15:58+00:00","description":"\u0634\u0631\u0643\u0629 Hairdey \u0647\u064a \u0634\u0631\u0643\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u062a\u0635\u0646\u064a\u0639 \u062c\u062f\u0627\u0648\u0644 \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0634\u0639\u0631\u060c \u0648\u062a\u0646\u062a\u062c \u0628\u0637\u0627\u0642\u0627\u062a \u0623\u0644\u0648\u0627\u0646 \u0648\u0643\u062a\u0627\u0644\u0648\u062c\u0627\u062a \u0648\u062d\u0644\u0642\u0627\u062a \u0623\u0644\u0648\u0627\u0646 \u0645\u062e\u0635\u0635\u0629 \u0644\u0644\u0635\u0627\u0644\u0648\u0646\u0627\u062a \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645. \u062e\u062f\u0645\u0627\u062a \u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0623\u0635\u0644\u064a\u0629\/\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0623\u0635\u0644\u064a\u0629\u060c \u064a\u064a\u0648\u0648\u060c \u0627\u0644\u0635\u064a\u0646.","breadcrumb":{"@id":"https:\/\/hairdey.com\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hairdey.com\/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/hairdey.com\/#primaryimage","url":"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT_Image_Sep_15__2026__12_01_58_PM-removebg-preview-1.png","contentUrl":"https:\/\/hairdey.com\/wp-content\/uploads\/2026\/09\/ChatGPT_Image_Sep_15__2026__12_01_58_PM-removebg-preview-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/hairdey.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hairdey.com\/"},{"@type":"ListItem","position":2,"name":"Home &#8211; 2"}]},{"@type":"WebSite","@id":"https:\/\/hairdey.com\/#website","url":"https:\/\/hairdey.com\/","name":"Hair Dey","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hairdey.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"}]}},"_links":{"self":[{"href":"https:\/\/hairdey.com\/ar\/wp-json\/wp\/v2\/pages\/289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hairdey.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hairdey.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hairdey.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hairdey.com\/ar\/wp-json\/wp\/v2\/comments?post=289"}],"version-history":[{"count":316,"href":"https:\/\/hairdey.com\/ar\/wp-json\/wp\/v2\/pages\/289\/revisions"}],"predecessor-version":[{"id":1195,"href":"https:\/\/hairdey.com\/ar\/wp-json\/wp\/v2\/pages\/289\/revisions\/1195"}],"wp:attachment":[{"href":"https:\/\/hairdey.com\/ar\/wp-json\/wp\/v2\/media?parent=289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}