{"id":22,"date":"2026-10-01T15:46:13","date_gmt":"2026-10-01T15:46:13","guid":{"rendered":"https:\/\/xx-signature-14b6eba.ingress-bonde.ewp.live\/?page_id=22"},"modified":"2026-10-01T21:27:42","modified_gmt":"2026-10-01T21:27:42","slug":"elementor-page-22","status":"publish","type":"page","link":"https:\/\/xxcreativehub.com\/","title":{"rendered":"."},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22\" class=\"elementor elementor-22\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ac195f e-flex e-con-boxed e-con e-parent\" data-id=\"5ac195f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2742671 e-flex e-con-boxed e-con e-parent\" data-id=\"2742671\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0669d80 elementor-widget elementor-widget-html\" data-id=\"0669d80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>XX CREATIVE HUB<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Syne:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   XX CREATIVE HUB\r\n   PROFESSIONAL VERSION\r\n   PART 1 \/ 4\r\n========================================================= *\/\r\n\r\n:root{\r\n    --bg-dark:#050507;\r\n    --card-glass:rgba(18,18,24,.75);\r\n    --border-glow:rgba(255,85,0,.25);\r\n\r\n    --neon-orange:#FF5500;\r\n    --neon-orange-bright:#FF7722;\r\n    --neon-glow:rgba(255,85,0,.45);\r\n\r\n    --text-white:#F8F8FA;\r\n    --text-dim:#9090A0;\r\n\r\n    --cyan-accent:#00F0FF;\r\n\r\n    --transition:.35s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n*{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box;\r\n}\r\n\r\nhtml{\r\n    scroll-behavior:smooth;\r\n}\r\n\r\nbody{\r\n    margin:0;\r\n    padding:0;\r\n\r\n    background:var(--bg-dark);\r\n    color:var(--text-white);\r\n\r\n    font-family:\"Plus Jakarta Sans\",sans-serif;\r\n\r\n    overflow-x:hidden;\r\n}\r\n\r\nbody.modal-open{\r\n    overflow:hidden;\r\n}\r\n\r\na{\r\n    text-decoration:none;\r\n    color:inherit;\r\n}\r\n\r\nbutton,\r\nselect{\r\n    font-family:inherit;\r\n}\r\n\r\nimg{\r\n    max-width:100%;\r\n    display:block;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLLBAR\r\n========================================================= *\/\r\n\r\n::-webkit-scrollbar{\r\n    width:7px;\r\n}\r\n\r\n::-webkit-scrollbar-track{\r\n    background:#050507;\r\n}\r\n\r\n::-webkit-scrollbar-thumb{\r\n    background:var(--neon-orange);\r\n    border-radius:20px;\r\n}\r\n\r\n::-webkit-scrollbar-thumb:hover{\r\n    background:var(--neon-orange-bright);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLOBAL BACKGROUND\r\n========================================================= *\/\r\n\r\n.xx-page{\r\n    width:100%;\r\n    min-height:100vh;\r\n\r\n    position:relative;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 85% 10%,\r\n            rgba(255,85,0,.06),\r\n            transparent 25%\r\n        ),\r\n        radial-gradient(\r\n            circle at 10% 70%,\r\n            rgba(0,240,255,.025),\r\n            transparent 25%\r\n        ),\r\n        var(--bg-dark);\r\n}\r\n\r\n.xx-page::before{\r\n    content:\"\";\r\n\r\n    position:fixed;\r\n\r\n    inset:0;\r\n\r\n    pointer-events:none;\r\n\r\n    opacity:.18;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(255,255,255,.018) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.018) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:60px 60px;\r\n\r\n    mask-image:linear-gradient(\r\n        to bottom,\r\n        black,\r\n        transparent 85%\r\n    );\r\n\r\n    z-index:0;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.xx-header{\r\n    position:fixed;\r\n\r\n    top:0;\r\n    left:0;\r\n\r\n    width:100%;\r\n\r\n    z-index:9999;\r\n\r\n    padding:20px 5%;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:space-between;\r\n\r\n    background:rgba(5,5,7,.72);\r\n\r\n    backdrop-filter:blur(18px);\r\n    -webkit-backdrop-filter:blur(18px);\r\n\r\n    border-bottom:1px solid rgba(255,255,255,.045);\r\n\r\n    transition:all .35s ease;\r\n}\r\n\r\n.xx-header.scrolled{\r\n    padding-top:13px;\r\n    padding-bottom:13px;\r\n\r\n    background:rgba(5,5,7,.94);\r\n\r\n    box-shadow:\r\n        0 12px 45px rgba(0,0,0,.35);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n========================================================= *\/\r\n\r\n.xx-logo{\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    font-family:\"Syne\",sans-serif;\r\n\r\n    font-size:21px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:-.5px;\r\n\r\n    white-space:nowrap;\r\n}\r\n\r\n.xx-logo span{\r\n    color:var(--neon-orange);\r\n\r\n    text-shadow:\r\n        0 0 18px rgba(255,85,0,.25);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER RIGHT\r\n========================================================= *\/\r\n\r\n.xx-header-right{\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:28px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NAVIGATION\r\n========================================================= *\/\r\n\r\n.xx-nav{\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:27px;\r\n}\r\n\r\n.xx-nav a{\r\n    position:relative;\r\n\r\n    color:var(--text-dim);\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:.2px;\r\n\r\n    padding:7px 0;\r\n\r\n    transition:color .3s ease;\r\n}\r\n\r\n.xx-nav a::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n    bottom:-2px;\r\n\r\n    width:0;\r\n    height:2px;\r\n\r\n    border-radius:20px;\r\n\r\n    background:var(--neon-orange);\r\n\r\n    box-shadow:\r\n        0 0 10px rgba(255,85,0,.5);\r\n\r\n    transition:width .3s ease;\r\n}\r\n\r\n.xx-nav a:hover,\r\n.xx-nav a.active{\r\n    color:var(--text-white);\r\n}\r\n\r\n.xx-nav a:hover::after,\r\n.xx-nav a.active::after{\r\n    width:100%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LANGUAGE SELECT\r\n========================================================= *\/\r\n\r\n.xx-language{\r\n    position:relative;\r\n}\r\n\r\n.xx-language select{\r\n    appearance:none;\r\n    -webkit-appearance:none;\r\n\r\n    min-width:105px;\r\n\r\n    padding:9px 32px 9px 12px;\r\n\r\n    border-radius:10px;\r\n\r\n    border:1px solid rgba(255,85,0,.25);\r\n\r\n    outline:none;\r\n\r\n    background:\r\n        rgba(255,255,255,.035);\r\n\r\n    color:var(--text-white);\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:700;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:all .3s ease;\r\n}\r\n\r\n.xx-language::after{\r\n    content:\"\u2304\";\r\n\r\n    position:absolute;\r\n\r\n    right:12px;\r\n    top:50%;\r\n\r\n    transform:translateY(-52%);\r\n\r\n    color:var(--neon-orange);\r\n\r\n    pointer-events:none;\r\n\r\n    font-size:14px;\r\n}\r\n\r\n.xx-language select:hover{\r\n    border-color:rgba(255,85,0,.7);\r\n\r\n    box-shadow:\r\n        0 0 20px rgba(255,85,0,.09);\r\n}\r\n\r\n.xx-language select option{\r\n    background:#111116;\r\n    color:#fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE MENU BUTTON\r\n========================================================= *\/\r\n\r\n.xx-menu-btn{\r\n    display:none;\r\n\r\n    width:42px;\r\n    height:42px;\r\n\r\n    border-radius:11px;\r\n\r\n    border:1px solid rgba(255,255,255,.09);\r\n\r\n    background:rgba(255,255,255,.035);\r\n\r\n    color:white;\r\n\r\n    cursor:pointer;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    flex-direction:column;\r\n\r\n    gap:5px;\r\n\r\n    transition:all .3s ease;\r\n}\r\n\r\n.xx-menu-btn span{\r\n    display:block;\r\n\r\n    width:18px;\r\n    height:2px;\r\n\r\n    border-radius:5px;\r\n\r\n    background:white;\r\n\r\n    transition:all .3s ease;\r\n}\r\n\r\n.xx-menu-btn:hover{\r\n    border-color:var(--neon-orange);\r\n}\r\n\r\n.xx-menu-btn.open span:nth-child(1){\r\n    transform:translateY(7px) rotate(45deg);\r\n}\r\n\r\n.xx-menu-btn.open span:nth-child(2){\r\n    opacity:0;\r\n}\r\n\r\n.xx-menu-btn.open span:nth-child(3){\r\n    transform:translateY(-7px) rotate(-45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.xx-hero{\r\n    position:relative;\r\n\r\n    min-height:100vh;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    padding:\r\n        150px 7%\r\n        100px;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n.xx-hero::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:750px;\r\n    height:750px;\r\n\r\n    top:-350px;\r\n    right:-230px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(255,85,0,.16) 0%,\r\n            rgba(255,85,0,.07) 28%,\r\n            transparent 68%\r\n        );\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n.xx-hero::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:550px;\r\n    height:550px;\r\n\r\n    bottom:-330px;\r\n    left:-280px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(0,240,255,.045),\r\n            transparent 68%\r\n        );\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n.xx-hero-grid{\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    pointer-events:none;\r\n\r\n    opacity:.35;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent 49.8%,\r\n            rgba(255,255,255,.025) 50%,\r\n            transparent 50.2%\r\n        );\r\n\r\n    background-size:120px 100%;\r\n}\r\n\r\n.xx-hero-content{\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    max-width:1150px;\r\n}\r\n\r\n.xx-hero-kicker{\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    color:var(--neon-orange);\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:4px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    margin-bottom:25px;\r\n}\r\n\r\n.xx-hero-kicker::before{\r\n    content:\"\";\r\n\r\n    width:30px;\r\n    height:1px;\r\n\r\n    background:var(--neon-orange);\r\n\r\n    box-shadow:\r\n        0 0 10px rgba(255,85,0,.6);\r\n}\r\n\r\n.xx-hero-title{\r\n    margin:0;\r\n\r\n    font-family:\"Syne\",sans-serif;\r\n\r\n    font-size:clamp(\r\n        54px,\r\n        9vw,\r\n        125px\r\n    );\r\n\r\n    font-weight:800;\r\n\r\n    line-height:.88;\r\n\r\n    letter-spacing:-6px;\r\n\r\n    max-width:1100px;\r\n}\r\n\r\n.xx-hero-title span{\r\n    color:var(--neon-orange);\r\n\r\n    text-shadow:\r\n        0 0 45px rgba(255,85,0,.12);\r\n}\r\n\r\n.xx-hero-description{\r\n    max-width:720px;\r\n\r\n    margin-top:36px;\r\n\r\n    color:var(--text-dim);\r\n\r\n    font-size:15px;\r\n\r\n    line-height:1.9;\r\n}\r\n\r\n.xx-hero-description strong{\r\n    color:#dcdce3;\r\n\r\n    font-weight:700;\r\n}\r\n\r\n.xx-hero-location{\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:9px;\r\n\r\n    margin-top:25px;\r\n\r\n    color:#c4c4cd;\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:600;\r\n}\r\n\r\n.xx-location-icon{\r\n    width:25px;\r\n    height:25px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    color:var(--neon-orange);\r\n\r\n    border:1px solid rgba(255,85,0,.25);\r\n\r\n    background:rgba(255,85,0,.06);\r\n\r\n    font-size:12px;\r\n}\r\n\r\n.xx-hero-scroll{\r\n    position:absolute;\r\n\r\n    bottom:35px;\r\n    left:7%;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:12px;\r\n\r\n    color:#686875;\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:3px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.xx-scroll-line{\r\n    width:45px;\r\n    height:1px;\r\n\r\n    background:linear-gradient(\r\n        90deg,\r\n        var(--neon-orange),\r\n        transparent\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MARQUEE\r\n========================================================= *\/\r\n\r\n.xx-marquee{\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    width:100%;\r\n\r\n    overflow:hidden;\r\n\r\n    padding:17px 0;\r\n\r\n    border-top:1px solid rgba(255,255,255,.045);\r\n\r\n    border-bottom:1px solid rgba(255,255,255,.045);\r\n\r\n    background:rgba(255,255,255,.012);\r\n}\r\n\r\n.xx-marquee-track{\r\n    display:flex;\r\n\r\n    width:max-content;\r\n\r\n    animation:\r\n        xxMarquee 28s linear infinite;\r\n}\r\n\r\n.xx-marquee-item{\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:18px;\r\n\r\n    padding:0 27px;\r\n\r\n    color:#7e7e89;\r\n\r\n    font-family:\"Syne\",sans-serif;\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:2px;\r\n\r\n    white-space:nowrap;\r\n}\r\n\r\n.xx-marquee-item b{\r\n    color:var(--neon-orange);\r\n\r\n    font-size:13px;\r\n}\r\n\r\n@keyframes xxMarquee{\r\n    from{\r\n        transform:translateX(0);\r\n    }\r\n\r\n    to{\r\n        transform:translateX(-50%);\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION GLOBAL\r\n========================================================= *\/\r\n\r\n.xx-section{\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    padding:\r\n        115px 7%;\r\n}\r\n\r\n.xx-section-header{\r\n    margin-bottom:55px;\r\n}\r\n\r\n.xx-section-kicker{\r\n    margin-bottom:14px;\r\n\r\n    color:var(--neon-orange);\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:4px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.xx-section-title{\r\n    margin:0;\r\n\r\n    font-family:\"Syne\",sans-serif;\r\n\r\n    font-size:clamp(\r\n        36px,\r\n        5vw,\r\n        70px\r\n    );\r\n\r\n    font-weight:800;\r\n\r\n    line-height:1;\r\n\r\n    letter-spacing:-3px;\r\n}\r\n\r\n.xx-section-subtitle{\r\n    max-width:680px;\r\n\r\n    margin-top:20px;\r\n\r\n    color:var(--text-dim);\r\n\r\n    font-size:14px;\r\n\r\n    line-height:1.9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ABOUT\r\n========================================================= *\/\r\n\r\n.xx-about-box{\r\n    position:relative;\r\n\r\n    padding:45px;\r\n\r\n    border-radius:25px;\r\n\r\n    border:1px solid var(--border-glow);\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(255,85,0,.055),\r\n            rgba(255,255,255,.012)\r\n        );\r\n\r\n    box-shadow:\r\n        inset 0 1px rgba(255,255,255,.04),\r\n        0 25px 80px rgba(0,0,0,.23);\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n.xx-about-box::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:180px;\r\n    height:180px;\r\n\r\n    top:-100px;\r\n    right:-70px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(255,85,0,.12),\r\n            transparent 70%\r\n        );\r\n}\r\n\r\n.xx-about-box p{\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    margin:0;\r\n\r\n    color:#d8d8df;\r\n\r\n    font-size:16px;\r\n\r\n    line-height:2;\r\n\r\n    max-width:1000px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PORTFOLIO\r\n========================================================= *\/\r\n\r\n.xx-portfolio-grid{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(5,minmax(0,1fr));\r\n\r\n    gap:15px;\r\n}\r\n\r\n.xx-portfolio-item{\r\n    position:relative;\r\n\r\n    aspect-ratio:1\/1;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:18px;\r\n\r\n    border:1px solid rgba(255,255,255,.07);\r\n\r\n    background:#0d0d11;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        transform .4s ease,\r\n        border-color .4s ease,\r\n        box-shadow .4s ease;\r\n}\r\n\r\n.xx-portfolio-item img{\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    transition:\r\n        transform .65s cubic-bezier(.2,.8,.2,1),\r\n        filter .5s ease;\r\n}\r\n\r\n.xx-portfolio-overlay{\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    display:flex;\r\n\r\n    align-items:flex-end;\r\n\r\n    padding:20px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to top,\r\n            rgba(0,0,0,.72),\r\n            rgba(0,0,0,.05) 65%,\r\n            transparent\r\n        );\r\n\r\n    opacity:0;\r\n\r\n    transition:opacity .35s ease;\r\n}\r\n\r\n.xx-portfolio-overlay span{\r\n    color:#fff;\r\n\r\n    font-family:\"Syne\",sans-serif;\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:700;\r\n}\r\n\r\n.xx-portfolio-item:hover{\r\n    transform:translateY(-7px);\r\n\r\n    border-color:rgba(255,85,0,.45);\r\n\r\n    box-shadow:\r\n        0 20px 55px rgba(0,0,0,.45),\r\n        0 0 35px rgba(255,85,0,.08);\r\n}\r\n\r\n.xx-portfolio-item:hover img{\r\n    transform:scale(1.08);\r\n}\r\n\r\n.xx-portfolio-item:hover .xx-portfolio-overlay{\r\n    opacity:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SERVICES\r\n========================================================= *\/\r\n\r\n.xx-services-grid{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,minmax(0,1fr));\r\n\r\n    gap:20px;\r\n}\r\n\r\n.xx-service-card{\r\n    position:relative;\r\n\r\n    min-height:280px;\r\n\r\n    padding:35px;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:22px;\r\n\r\n    border:1px solid rgba(255,255,255,.07);\r\n\r\n    background:var(--card-glass);\r\n\r\n    transition:\r\n        transform .4s ease,\r\n        border-color .4s ease,\r\n        box-shadow .4s ease;\r\n}\r\n\r\n.xx-service-card::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    top:0;\r\n    left:-100%;\r\n\r\n    width:100%;\r\n    height:2px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            var(--neon-orange),\r\n            transparent\r\n        );\r\n\r\n    transition:left .65s ease;\r\n}\r\n\r\n.xx-service-card:hover::before{\r\n    left:100%;\r\n}\r\n\r\n.xx-service-card:hover{\r\n    transform:translateY(-8px);\r\n\r\n    border-color:rgba(255,85,0,.3);\r\n\r\n    box-shadow:\r\n        0 25px 70px rgba(0,0,0,.3);\r\n}\r\n\r\n.xx-service-number{\r\n    color:var(--neon-orange);\r\n\r\n    font-family:\"Syne\",sans-serif;\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:2px;\r\n\r\n    margin-bottom:42px;\r\n}\r\n\r\n.xx-service-icon{\r\n    position:absolute;\r\n\r\n    top:30px;\r\n    right:30px;\r\n\r\n    width:48px;\r\n    height:48px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:14px;\r\n\r\n    border:1px solid rgba(255,85,0,.18);\r\n\r\n    background:rgba(255,85,0,.055);\r\n\r\n    color:var(--neon-orange);\r\n\r\n    font-size:20px;\r\n\r\n    transition:all .35s ease;\r\n}\r\n\r\n.xx-service-card:hover .xx-service-icon{\r\n    transform:rotate(-6deg) scale(1.08);\r\n\r\n    background:rgba(255,85,0,.1);\r\n\r\n    border-color:rgba(255,85,0,.4);\r\n}\r\n\r\n.xx-service-card h3{\r\n    margin:0 0 14px;\r\n\r\n    font-family:\"Syne\",sans-serif;\r\n\r\n    font-size:24px;\r\n\r\n    font-weight:700;\r\n}\r\n\r\n.xx-service-card p{\r\n    margin:0;\r\n\r\n    color:var(--text-dim);\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCTS HEADER\r\n========================================================= *\/\r\n\r\n.xx-products-top{\r\n    display:flex;\r\n\r\n    align-items:flex-end;\r\n\r\n    justify-content:space-between;\r\n\r\n    gap:30px;\r\n\r\n    margin-bottom:50px;\r\n}\r\n\r\n.xx-products-count{\r\n    flex-shrink:0;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    padding:10px 14px;\r\n\r\n    border-radius:30px;\r\n\r\n    border:1px solid rgba(255,85,0,.2);\r\n\r\n    background:rgba(255,85,0,.035);\r\n\r\n    color:#bdbdc7;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:700;\r\n\r\n    letter-spacing:1px;\r\n}\r\n\r\n.xx-products-count strong{\r\n    color:var(--neon-orange);\r\n\r\n    font-size:14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT GRID\r\n========================================================= *\/\r\n\r\n.xx-products-grid{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4,minmax(0,1fr));\r\n\r\n    gap:20px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT CARD\r\n========================================================= *\/\r\n\r\n.xx-product-card{\r\n    position:relative;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:20px;\r\n\r\n    border:1px solid rgba(255,255,255,.07);\r\n\r\n    background:var(--card-glass);\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        transform .4s cubic-bezier(.2,.8,.2,1),\r\n        border-color .4s ease,\r\n        box-shadow .4s ease;\r\n}\r\n\r\n.xx-product-card::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    z-index:3;\r\n\r\n    top:0;\r\n    left:0;\r\n\r\n    width:100%;\r\n    height:1px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(255,85,0,.7),\r\n            transparent\r\n        );\r\n\r\n    opacity:0;\r\n\r\n    transition:opacity .35s ease;\r\n}\r\n\r\n.xx-product-card:hover{\r\n    transform:translateY(-9px);\r\n\r\n    border-color:rgba(255,85,0,.38);\r\n\r\n    box-shadow:\r\n        0 25px 70px rgba(0,0,0,.42),\r\n        0 0 35px rgba(255,85,0,.07);\r\n}\r\n\r\n.xx-product-card:hover::before{\r\n    opacity:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT IMAGE\r\n========================================================= *\/\r\n\r\n.xx-product-image{\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    aspect-ratio:1\/1;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#0c0c10;\r\n}\r\n\r\n.xx-product-image::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(255,255,255,.035),\r\n            transparent 45%\r\n        );\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n.xx-product-image img{\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    transition:\r\n        transform .65s cubic-bezier(.2,.8,.2,1),\r\n        filter .5s ease;\r\n}\r\n\r\n.xx-product-card:hover\r\n.xx-product-image img{\r\n    transform:scale(1.075);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT QUICK VIEW\r\n========================================================= *\/\r\n\r\n.xx-quick-view{\r\n    position:absolute;\r\n\r\n    left:15px;\r\n    right:15px;\r\n\r\n    bottom:15px;\r\n\r\n    z-index:5;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:8px;\r\n\r\n    padding:11px 15px;\r\n\r\n    border-radius:10px;\r\n\r\n    background:rgba(5,5,7,.86);\r\n\r\n    border:1px solid rgba(255,85,0,.25);\r\n\r\n    color:#fff;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:1px;\r\n\r\n    opacity:0;\r\n\r\n    transform:translateY(10px);\r\n\r\n    transition:\r\n        opacity .35s ease,\r\n        transform .35s ease,\r\n        background .3s ease;\r\n}\r\n\r\n.xx-product-card:hover .xx-quick-view{\r\n    opacity:1;\r\n\r\n    transform:translateY(0);\r\n}\r\n\r\n.xx-quick-view:hover{\r\n    background:var(--neon-orange);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT INFO\r\n========================================================= *\/\r\n\r\n.xx-product-info{\r\n    padding:21px;\r\n}\r\n\r\n.xx-product-brand{\r\n    margin-bottom:7px;\r\n\r\n    color:var(--neon-orange);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:2.5px;\r\n}\r\n\r\n.xx-product-info h3{\r\n    margin:0 0 8px;\r\n\r\n    font-family:\"Syne\",sans-serif;\r\n\r\n    font-size:20px;\r\n\r\n    font-weight:700;\r\n\r\n    line-height:1.1;\r\n}\r\n\r\n.xx-product-info p{\r\n    margin:0;\r\n\r\n    color:var(--text-dim);\r\n\r\n    font-size:11px;\r\n\r\n    line-height:1.65;\r\n\r\n    min-height:36px;\r\n}\r\n\r\n.xx-product-arrow{\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:7px;\r\n\r\n    margin-top:17px;\r\n\r\n    color:var(--neon-orange);\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:1.3px;\r\n\r\n    text-transform:uppercase;\r\n}\r\n\r\n.xx-product-arrow span{\r\n    transition:transform .3s ease;\r\n}\r\n\r\n.xx-product-card:hover\r\n.xx-product-arrow span{\r\n    transform:translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE - TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n    .xx-products-grid{\r\n        grid-template-columns:\r\n            repeat(3,minmax(0,1fr));\r\n    }\r\n\r\n    .xx-portfolio-grid{\r\n        grid-template-columns:\r\n            repeat(3,minmax(0,1fr));\r\n    }\r\n\r\n    .xx-header-right{\r\n        gap:18px;\r\n    }\r\n\r\n    .xx-nav{\r\n        gap:18px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE - MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:800px){\r\n\r\n    .xx-header{\r\n        padding:16px 5%;\r\n    }\r\n\r\n    .xx-header-right{\r\n        gap:10px;\r\n    }\r\n\r\n    .xx-menu-btn{\r\n        display:flex;\r\n    }\r\n\r\n    .xx-nav-wrapper{\r\n        position:absolute;\r\n\r\n        top:calc(100% + 10px);\r\n\r\n        left:5%;\r\n        right:5%;\r\n\r\n        display:none;\r\n\r\n        padding:23px;\r\n\r\n        border-radius:18px;\r\n\r\n        border:1px solid rgba(255,255,255,.08);\r\n\r\n        background:rgba(10,10,14,.97);\r\n\r\n        backdrop-filter:blur(20px);\r\n\r\n        box-shadow:\r\n            0 25px 70px rgba(0,0,0,.55);\r\n    }\r\n\r\n    .xx-nav-wrapper.open{\r\n        display:block;\r\n    }\r\n\r\n    .xx-nav{\r\n        flex-direction:column;\r\n\r\n        align-items:stretch;\r\n\r\n        gap:8px;\r\n    }\r\n\r\n    .xx-nav a{\r\n        display:block;\r\n\r\n        width:100%;\r\n\r\n        padding:12px 4px;\r\n    }\r\n\r\n    .xx-language{\r\n        margin-top:16px;\r\n    }\r\n\r\n    .xx-language select{\r\n        width:100%;\r\n    }\r\n\r\n    .xx-hero{\r\n        padding:\r\n            140px 6%\r\n            90px;\r\n    }\r\n\r\n    .xx-hero-title{\r\n        letter-spacing:-3px;\r\n    }\r\n\r\n    .xx-section{\r\n        padding:\r\n            90px 6%;\r\n    }\r\n\r\n    .xx-products-grid{\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n    }\r\n\r\n    .xx-services-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .xx-products-top{\r\n        align-items:flex-start;\r\n\r\n        flex-direction:column;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE - SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:520px){\r\n\r\n    .xx-logo{\r\n        font-size:17px;\r\n    }\r\n\r\n    .xx-hero-title{\r\n        font-size:\r\n            clamp(48px,15vw,70px);\r\n\r\n        letter-spacing:-3px;\r\n    }\r\n\r\n    .xx-hero-description{\r\n        font-size:13px;\r\n    }\r\n\r\n    .xx-hero-scroll{\r\n        display:none;\r\n    }\r\n\r\n    .xx-section-title{\r\n        letter-spacing:-2px;\r\n    }\r\n\r\n    .xx-about-box{\r\n        padding:27px;\r\n    }\r\n\r\n    .xx-about-box p{\r\n        font-size:13px;\r\n    }\r\n\r\n    .xx-portfolio-grid{\r\n        grid-template-columns:\r\n            repeat(2,minmax(0,1fr));\r\n    }\r\n\r\n    .xx-products-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .xx-product-info h3{\r\n        font-size:21px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL ANIMATION\r\n========================================================= *\/\r\n\r\n.xx-reveal{\r\n    opacity:0;\r\n\r\n    transform:translateY(35px);\r\n\r\n    transition:\r\n        opacity .8s ease,\r\n        transform .8s cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n.xx-reveal.visible{\r\n    opacity:1;\r\n\r\n    transform:translateY(0);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STAGGER\r\n========================================================= *\/\r\n\r\n.xx-delay-1{\r\n    transition-delay:.08s;\r\n}\r\n\r\n.xx-delay-2{\r\n    transition-delay:.16s;\r\n}\r\n\r\n.xx-delay-3{\r\n    transition-delay:.24s;\r\n}\r\n\r\n.xx-delay-4{\r\n    transition-delay:.32s;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HIDE ELEMENT\r\n========================================================= *\/\r\n\r\n.xx-hidden{\r\n    display:none!important;\r\n}\r\n\r\n<\/style>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"xx-page\">\r\n\r\n\r\n<!-- =======================================================\r\n     HEADER\r\n======================================================= -->\r\n\r\n<header class=\"xx-header\" id=\"xxHeader\">\r\n\r\n    <a href=\"#home\" class=\"xx-logo\">\r\n        XX <span>CREATIVE HUB<\/span>\r\n    <\/a>\r\n\r\n\r\n    <div class=\"xx-header-right\">\r\n\r\n        <div class=\"xx-nav-wrapper\" id=\"xxNavWrapper\">\r\n\r\n            <nav class=\"xx-nav\" id=\"xxNav\">\r\n\r\n                <a href=\"#about\"\r\n                   data-section=\"about\"\r\n                   data-i18n=\"nav_about\">\r\n                    About Us\r\n                <\/a>\r\n\r\n                <a href=\"#works\"\r\n                   data-section=\"works\"\r\n                   data-i18n=\"nav_works\">\r\n                    Our Works\r\n                <\/a>\r\n\r\n                <a href=\"#services\"\r\n                   data-section=\"services\"\r\n                   data-i18n=\"nav_services\">\r\n                    XX Home\r\n                <\/a>\r\n\r\n                <a href=\"#signature\"\r\n                   data-section=\"signature\"\r\n                   data-i18n=\"nav_signature\">\r\n                    XX SIGNATURE\r\n                <\/a>\r\n\r\n            <\/nav>\r\n\r\n\r\n            <div class=\"xx-language\">\r\n\r\n                <select id=\"languageSelect\"\r\n                        aria-label=\"Language\">\r\n\r\n                    <option value=\"en\">\r\n                        English\r\n                    <\/option>\r\n\r\n                    <option value=\"ar\">\r\n                        \u0627\u0644\u0639\u0631\u0628\u064a\u0629\r\n                    <\/option>\r\n\r\n                    <option value=\"fr\">\r\n                        Fran\u00e7ais\r\n                    <\/option>\r\n\r\n                    <option value=\"es\">\r\n                        Espa\u00f1ol\r\n                    <\/option>\r\n\r\n                    <option value=\"de\">\r\n                        Deutsch\r\n                    <\/option>\r\n\r\n                    <option value=\"tr\">\r\n                        T\u00fcrk\u00e7e\r\n                    <\/option>\r\n\r\n                    <option value=\"zh\">\r\n                        \u4e2d\u6587\r\n                    <\/option>\r\n\r\n                    <option value=\"ru\">\r\n                        \u0420\u0443\u0441\u0441\u043a\u0438\u0439\r\n                    <\/option>\r\n\r\n                <\/select>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <button\r\n            class=\"xx-menu-btn\"\r\n            id=\"xxMenuBtn\"\r\n            type=\"button\"\r\n            aria-label=\"Open menu\"\r\n            aria-expanded=\"false\">\r\n\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<!-- =======================================================\r\n     HERO\r\n======================================================= -->\r\n\r\n<section class=\"xx-hero\"\r\n         id=\"home\">\r\n\r\n    <div class=\"xx-hero-grid\"><\/div>\r\n\r\n\r\n    <div class=\"xx-hero-content xx-reveal\">\r\n\r\n        <div class=\"xx-hero-kicker\"\r\n             data-i18n=\"hero_kicker\">\r\n\r\n            CREATIVE DIGITAL STUDIO\r\n\r\n        <\/div>\r\n\r\n\r\n        <h1 class=\"xx-hero-title\">\r\n\r\n            <span>WE<\/span><br>\r\n            DESIGN<br>\r\n            THE <span>FUTURE.<\/span>\r\n\r\n        <\/h1>\r\n\r\n\r\n        <p class=\"xx-hero-description\"\r\n           data-i18n=\"hero_description\">\r\n\r\n            We build bold digital experiences,\r\n            creative identities and modern visual\r\n            systems designed to make brands stand out.\r\n\r\n        <\/p>\r\n\r\n\r\n        <div class=\"xx-hero-location\">\r\n\r\n            <div class=\"xx-location-icon\">\r\n                \u2316\r\n            <\/div>\r\n\r\n            <span data-i18n=\"hero_location\">\r\n                Jordan \u00b7 KSA \u00b7 UAE\r\n            <\/span>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"xx-hero-scroll\">\r\n\r\n        <span class=\"xx-scroll-line\"><\/span>\r\n\r\n        <span data-i18n=\"scroll_text\">\r\n            SCROLL TO EXPLORE\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =======================================================\r\n     MARQUEE\r\n======================================================= -->\r\n\r\n<div class=\"xx-marquee\">\r\n\r\n    <div class=\"xx-marquee-track\">\r\n\r\n        <div class=\"xx-marquee-item\">\r\n            <b>\u2726<\/b>\r\n            BRANDING\r\n        <\/div>\r\n\r\n        <div class=\"xx-marquee-item\">\r\n            <b>\u2726<\/b>\r\n            CREATIVE DESIGN\r\n        <\/div>\r\n\r\n        <div class=\"xx-marquee-item\">\r\n            <b>\u2726<\/b>\r\n            DIGITAL EXPERIENCES\r\n        <\/div>\r\n\r\n        <div class=\"xx-marquee-item\">\r\n            <b>\u2726<\/b>\r\n            SOCIAL MEDIA\r\n        <\/div>\r\n\r\n        <div class=\"xx-marquee-item\">\r\n            <b>\u2726<\/b>\r\n            VISUAL IDENTITY\r\n        <\/div>\r\n\r\n        <div class=\"xx-marquee-item\">\r\n            <b>\u2726<\/b>\r\n            CREATIVE STRATEGY\r\n        <\/div>\r\n\r\n\r\n        <!-- DUPLICATE FOR INFINITE LOOP -->\r\n\r\n        <div class=\"xx-marquee-item\">\r\n            <b>\u2726<\/b>\r\n            BRANDING\r\n        <\/div>\r\n\r\n        <div class=\"xx-marquee-item\">\r\n            <b>\u2726<\/b>\r\n            CREATIVE DESIGN\r\n        <\/div>\r\n\r\n        <div class=\"xx-marquee-item\">\r\n            <b>\u2726<\/b>\r\n            DIGITAL EXPERIENCES\r\n        <\/div>\r\n\r\n        <div class=\"xx-marquee-item\">\r\n            <b>\u2726<\/b>\r\n            SOCIAL MEDIA\r\n        <\/div>\r\n\r\n        <div class=\"xx-marquee-item\">\r\n            <b>\u2726<\/b>\r\n            VISUAL IDENTITY\r\n        <\/div>\r\n\r\n        <div class=\"xx-marquee-item\">\r\n            <b>\u2726<\/b>\r\n            CREATIVE STRATEGY\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =======================================================\r\n     ABOUT\r\n======================================================= -->\r\n\r\n<section class=\"xx-section\"\r\n         id=\"about\">\r\n\r\n    <div class=\"xx-section-header xx-reveal\">\r\n\r\n        <div class=\"xx-section-kicker\"\r\n             data-i18n=\"about_kicker\">\r\n            WHO WE ARE\r\n        <\/div>\r\n\r\n        <h2 class=\"xx-section-title\"\r\n            data-i18n=\"about_title\">\r\n            WE CREATE<br>\r\n            WHAT PEOPLE REMEMBER.\r\n        <\/h2>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"xx-about-box xx-reveal\">\r\n\r\n        <p data-i18n=\"about_text\">\r\n\r\n            \u0641\u064a XX Creative Hub \u0646\u0624\u0645\u0646 \u0623\u0646 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0644\u064a\u0633 \u0645\u062c\u0631\u062f\r\n            \u0634\u0643\u0644 \u062c\u0645\u064a\u0644\u060c \u0628\u0644 \u062a\u062c\u0631\u0628\u0629 \u0648\u0647\u0648\u064a\u0629 \u0648\u0642\u0635\u0629 \u062a\u0628\u0642\u0649 \u0641\u064a \u0630\u0647\u0646\r\n            \u0627\u0644\u062c\u0645\u0647\u0648\u0631. \u0646\u0639\u0645\u0644 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u062a\u062c\u0627\u0631\u0628 \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0648\u0647\u0648\u064a\u0629\r\n            \u0628\u0635\u0631\u064a\u0629 \u062d\u062f\u064a\u062b\u0629 \u062a\u0633\u0627\u0639\u062f \u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0639\u0644\u0649\r\n            \u0627\u0644\u0638\u0647\u0648\u0631 \u0628\u0634\u0643\u0644 \u0645\u062e\u062a\u0644\u0641 \u0648\u0642\u0648\u064a.\r\n\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =======================================================\r\n     WORKS \/ PORTFOLIO\r\n======================================================= -->\r\n\r\n<section class=\"xx-section\"\r\n         id=\"works\">\r\n\r\n    <div class=\"xx-section-header xx-reveal\">\r\n\r\n        <div class=\"xx-section-kicker\"\r\n             data-i18n=\"works_kicker\">\r\n            SELECTED WORK\r\n        <\/div>\r\n\r\n        <h2 class=\"xx-section-title\"\r\n            data-i18n=\"works_title\">\r\n            OUR WORKS.\r\n        <\/h2>\r\n\r\n        <p class=\"xx-section-subtitle\"\r\n           data-i18n=\"works_subtitle\">\r\n\r\n            A selection of creative work,\r\n            visual systems and digital experiences\r\n            created for modern brands.\r\n\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"xx-portfolio-grid\">\r\n\r\n\r\n        <!-- WORK 01 -->\r\n\r\n        <div class=\"xx-portfolio-item xx-reveal xx-delay-1\">\r\n\r\n            <img decoding=\"async\"\r\n    src=\"https:\/\/scontent.famm6-1.fna.fbcdn.net\/v\/t39.30808-6\/721403193_1020287947193008_9027906745317377787_n.jpg?stp=c224.0.985.985a_dst-jpg_tt6&amp;cstp=mx985x985&amp;ctp=s206x206&amp;_nc_cat=105&amp;_nc_map=urlgen_bucketless&amp;ccb=1-7&amp;_nc_sid=50ad20&amp;_nc_ohc=S9nRXF-sOVkQ7kNvwF9J6h2&amp;_nc_oc=Adqs4uwZG3Jqf__5Hy0_iO6dm-u_VworJHhwaNhFW0mYfmSG-EgdcJw2oZ6EoboFHly8j2A2grIvnXjTCI4YRhLj&amp;_nc_zt=23&amp;_nc_ht=scontent.famm6-1.fna&amp;_nc_gid=bRRKvccjXzgBciyTY_K6OA&amp;_nc_ss=7b289&amp;oh=00_AQO1mZBnImj9HChjXNjcykVQ-gU5QDdOYWiOm38ASqT_0Q&amp;oe=6AC47E50\"\r\n    alt=\"XX Creative Hub Work 1\"\r\n    loading=\"lazy\"\r\n    onerror=\"this.style.display='none';\"\r\n>\r\n\r\n            <div class=\"xx-portfolio-overlay\">\r\n                <span>\r\n                    XX CREATIVE HUB\r\n                <\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- WORK 02 -->\r\n\r\n        <div class=\"xx-portfolio-item xx-reveal xx-delay-2\">\r\n\r\n            <img decoding=\"async\"\r\n    src=\"https:\/\/scontent.famm7-1.fna.fbcdn.net\/v\/t39.30808-6\/468335750_18028513031438694_6464894719447186861_n.jpg?stp=dst-jpg_tt6&amp;cstp=mx1440x1440&amp;ctp=s206x206&amp;_nc_cat=102&amp;_nc_map=urlgen_bucketless&amp;ccb=1-7&amp;_nc_sid=714c7a&amp;_nc_ohc=-u_kESDOntEQ7kNvwFzkzTy&amp;_nc_oc=AdpNsauRDydQdUiXwXhqWPueJBglFSV-PYGkgBIYr34s3P5CVCiHgRIMxNJirV7-dZY801-gE-9RH_UJa9fxkdPw&amp;_nc_zt=23&amp;_nc_ht=scontent.famm7-1.fna&amp;_nc_gid=VLPTroBsGoE6AOsiTDId6g&amp;_nc_ss=7b289&amp;oh=00_AQPrzlxMbz5cgFLs2Wc6cFI0aIUhHFWukgmjUqGxzBKtRw&amp;oe=6AC47E3C\"\r\n    alt=\"XX Creative Hub Work 2\"\r\n    loading=\"lazy\"\r\n    onerror=\"this.style.display='none';\"\r\n>\r\n\r\n            <div class=\"xx-portfolio-overlay\">\r\n                <span>\r\n                    CREATIVE DIRECTION\r\n                <\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- WORK 03 -->\r\n\r\n        <div class=\"xx-portfolio-item xx-reveal xx-delay-3\">\r\n\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/scontent.famm13-1.fna.fbcdn.net\/v\/t39.30808-6\/646162155_937416338813503_1372483003945849533_n.jpg?stp=c256.0.1024.1024a_dst-jpg_tt6&cstp=mx1024x1024&ctp=s206x206&_nc_cat=110&_nc_map=urlgen_bucketless&ccb=1-7&_nc_sid=50ad20&_nc_ohc=xsORpUMFaocQ7kNvwGuRujL&_nc_oc=Adr0s0GKdM7yO6gNxaN8yw8dEobPBsx3Odj9iEZm6X4Ezn28suFTvZl-cwlP2YxJG94yEwjzgAIxftxNGEy0airj&_nc_zt=23&_nc_ht=scontent.famm13-1.fna&_nc_gid=DXz4pYVpbJL-qha284MxoQ&_nc_ss=7b289&oh=00_AQOcbIVrMrz35uz9oKr4sHcAmv22JyDdbtotsVDNyuwVCA&oe=6AC46184\"\r\n                alt=\"XX Creative Hub Work 3\"\r\n                loading=\"lazy\"\r\n                onerror=\"this.style.display='none';\"\r\n            >\r\n\r\n            <div class=\"xx-portfolio-overlay\">\r\n                <span>\r\n                    BRAND IDENTITY\r\n                <\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- WORK 04 -->\r\n\r\n        <div class=\"xx-portfolio-item xx-reveal xx-delay-4\">\r\n\r\n            <img decoding=\"async\"\r\n    src=\"https:\/\/scontent.famm10-2.fna.fbcdn.net\/v\/t39.30808-6\/688979563_989359130285890_1457618755510339906_n.jpg?stp=dst-jpg_tt6&amp;cstp=mx1672x940&amp;ctp=s1672x940&amp;_nc_cat=106&amp;_nc_map=urlgen_bucketless&amp;ccb=1-7&amp;_nc_sid=833d8c&amp;_nc_ohc=vjSWa0D2yS4Q7kNvwFeZjwa&amp;_nc_oc=AdoxOwcium6HQ3_ZYgc3EXiLCAmj8GKBqV9L3Hf9a0bULc3ydJnpdhhXnXhZKWvV0zIUk6nJk7PIRQbbYmKLVwIi&amp;_nc_zt=23&amp;_nc_ht=scontent.famm10-2.fna&amp;_nc_gid=3yNODnZiR_HYPkhHuGVSVg&amp;_nc_ss=7b289&amp;oh=00_AQNS3gYcRl8L6GXNeoRVpHG5nGrXByYnf19RAQA0uBa2wg&amp;oe=6AC46AF8\"\r\n    alt=\"XX Creative Hub Work 4\"\r\n    loading=\"lazy\"\r\n    onerror=\"this.style.display='none';\"\r\n>\r\n\r\n            <div class=\"xx-portfolio-overlay\">\r\n                <span>\r\n                    DIGITAL DESIGN\r\n                <\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- WORK 05 -->\r\n\r\n        <div class=\"xx-portfolio-item xx-reveal\">\r\n\r\n            <img decoding=\"async\"\r\n    src=\"https:\/\/scontent.famm11-1.fna.fbcdn.net\/v\/t39.30808-6\/693597959_988994580322345_8893423942464767455_n.jpg?stp=c369.0.939.939a_dst-jpg_tt6&amp;cstp=mx939x939&amp;ctp=s206x206&amp;_nc_cat=110&amp;_nc_map=urlgen_bucketless&amp;ccb=1-7&amp;_nc_sid=50ad20&amp;_nc_ohc=dSgLpezMVBAQ7kNvwH-IydM&amp;_nc_oc=AdqdIpwDSBIY9Gkt-Ib6AxRl9s5VF-DsP7x-ciZ-V_Vwq3Zwp1KAlju-qkKmyFMNUDEzu3I8oc8sUIwz6SvFV2uG&amp;_nc_zt=23&amp;_nc_ht=scontent.famm11-1.fna&amp;_nc_gid=bRRKvccjXzgBciyTY_K6OA&amp;_nc_ss=7b289&amp;oh=00_AQNVz-Ld6t6AtWHxOptWHOJPt06Mtv98PrGFxzwue7f10g&amp;oe=6AC4839D\"\r\n    alt=\"XX Creative Hub Work 5\"\r\n    loading=\"lazy\"\r\n    onerror=\"this.style.display='none';\"\r\n>\r\n\r\n            <div class=\"xx-portfolio-overlay\">\r\n                <span>\r\n                    VISUAL EXPERIENCE\r\n                <\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =======================================================\r\n     SERVICES\r\n======================================================= -->\r\n\r\n<section class=\"xx-section\"\r\n         id=\"services\">\r\n\r\n    <div class=\"xx-section-header xx-reveal\">\r\n\r\n        <div class=\"xx-section-kicker\"\r\n             data-i18n=\"services_kicker\">\r\n            WHAT WE DO\r\n        <\/div>\r\n\r\n        <h2 class=\"xx-section-title\"\r\n            data-i18n=\"services_title\">\r\n            BUILT TO<br>\r\n            STAND OUT.\r\n        <\/h2>\r\n\r\n        <p class=\"xx-section-subtitle\"\r\n           data-i18n=\"services_subtitle\">\r\n\r\n            From strategy to execution,\r\n            we create visual and digital experiences\r\n            that give brands a distinct presence.\r\n\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"xx-services-grid\">\r\n\r\n\r\n        <!-- SERVICE 01 -->\r\n\r\n        <article class=\"xx-service-card xx-reveal xx-delay-1\">\r\n\r\n            <div class=\"xx-service-number\">\r\n                01\r\n            <\/div>\r\n\r\n            <div class=\"xx-service-icon\">\r\n                \u2726\r\n            <\/div>\r\n\r\n            <h3 data-i18n=\"service_1_title\">\r\n                Branding\r\n            <\/h3>\r\n\r\n            <p data-i18n=\"service_1_text\">\r\n                Building distinctive identities,\r\n                visual systems and brand experiences\r\n                that people remember.\r\n            <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- SERVICE 02 -->\r\n\r\n        <article class=\"xx-service-card xx-reveal xx-delay-2\">\r\n\r\n            <div class=\"xx-service-number\">\r\n                02\r\n            <\/div>\r\n\r\n            <div class=\"xx-service-icon\">\r\n                \u25c8\r\n            <\/div>\r\n\r\n            <h3 data-i18n=\"service_2_title\">\r\n                Digital Design\r\n            <\/h3>\r\n\r\n            <p data-i18n=\"service_2_text\">\r\n                Designing modern websites and digital\r\n                experiences focused on clarity,\r\n                interaction and conversion.\r\n            <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- SERVICE 03 -->\r\n\r\n        <article class=\"xx-service-card xx-reveal xx-delay-3\">\r\n\r\n            <div class=\"xx-service-number\">\r\n                03\r\n            <\/div>\r\n\r\n            <div class=\"xx-service-icon\">\r\n                \u25ce\r\n            <\/div>\r\n\r\n            <h3 data-i18n=\"service_3_title\">\r\n                Creative Strategy\r\n            <\/h3>\r\n\r\n            <p data-i18n=\"service_3_text\">\r\n                Turning ideas into creative systems\r\n                and communication strategies that\r\n                connect brands with their audience.\r\n            <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =======================================================\r\n     END PART 1\r\n======================================================= -->\r\n\r\n<!--\r\n    PART 2 WILL CONTINUE HERE\r\n    WITH ALL 12 XX SIGNATURE PRODUCTS.\r\n-->\r\n<!-- =======================================================\r\n     XX SIGNATURE \u2014 PRODUCTS\r\n     PART 2 \/ 4\r\n======================================================= -->\r\n\r\n<section class=\"xx-section\" id=\"signature\">\r\n\r\n    <div class=\"xx-products-top xx-reveal\">\r\n\r\n        <div class=\"xx-section-header\" style=\"margin-bottom:0;\">\r\n\r\n            <div class=\"xx-section-kicker\">\r\n                XX SIGNATURE\r\n            <\/div>\r\n\r\n            <h2 class=\"xx-section-title\"\r\n                data-i18n=\"signature_title\">\r\n                DESIGNED FOR<br>\r\n                EVERYDAY LIFE.\r\n            <\/h2>\r\n\r\n            <p class=\"xx-section-subtitle\"\r\n               data-i18n=\"signature_subtitle\">\r\n\r\n                A curated collection of smart,\r\n                practical and beautifully designed\r\n                products.\r\n\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"xx-products-count\">\r\n            <strong>12<\/strong>\r\n            <span data-i18n=\"products_available\">\r\n                PRODUCTS\r\n            <\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"xx-products-grid\">\r\n\r\n\r\n        <!-- =================================================\r\n             PRODUCT 01 \u2014 STYLR\r\n        ================================================== -->\r\n\r\n        <article\r\n            class=\"xx-product-card xx-reveal xx-delay-1\"\r\n            data-product=\"STYLR\">\r\n\r\n            <div class=\"xx-product-image\">\r\n\r\n                <img decoding=\"async\"\r\n    src=\"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/10\/stylerr-240x300.webp\"\r\n    alt=\"STYLR\"\r\n    loading=\"lazy\" style=\"display: block; width: 100%; height: auto; pointer-events: none;\" onerror=\"this.style.display='none';\">\r\n\r\n                <button\r\n                    class=\"xx-quick-view\"\r\n                    type=\"button\"\r\n                    onclick=\"openProduct('STYLR')\">\r\n\r\n                    <span>\u25c9<\/span>\r\n\r\n                    <span data-i18n=\"quick_view\">\r\n                        QUICK VIEW\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"xx-product-info\">\r\n\r\n                <div class=\"xx-product-brand\">\r\n                    XX SIGNATURE\r\n                <\/div>\r\n\r\n                <h3>STYLR\u2122<\/h3>\r\n\r\n                <p data-product-i18n=\"STYLR\"\r\n                   data-field=\"subtitle\">\r\n\r\n                    \u062c\u0647\u0627\u0632 \u062a\u0635\u0641\u064a\u0641 \u0627\u0644\u0634\u0639\u0631 \u0648\u0627\u0644\u0644\u062d\u064a\u0629 \u0627\u0644\u0644\u0627\u0633\u0644\u0643\u064a\r\n\r\n                <\/p>\r\n\r\n                <div\r\n                    class=\"xx-product-arrow\"\r\n                    onclick=\"openProduct('STYLR')\">\r\n\r\n                    <span data-i18n=\"discover_product\">\r\n                        DISCOVER PRODUCT\r\n                    <\/span>\r\n\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- =================================================\r\n             PRODUCT 02 \u2014 AURA\r\n        ================================================== -->\r\n\r\n        <article\r\n            class=\"xx-product-card xx-reveal xx-delay-2\"\r\n            data-product=\"AURA\">\r\n\r\n            <div class=\"xx-product-image\">\r\n\r\n                <img decoding=\"async\" src=\"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/10\/auraa-300x225.webp\" alt=\"AURA\"\r\n                    loading=\"lazy\" style=\"display: block; width: 100%; height: auto; pointer-events: none;\" onerror=\"this.style.display='none';\"\r\n                >\r\n\r\n                <button\r\n                    class=\"xx-quick-view\"\r\n                    type=\"button\"\r\n                    onclick=\"openProduct('AURA')\">\r\n\r\n                    <span>\u25c9<\/span>\r\n\r\n                    <span data-i18n=\"quick_view\">\r\n                        QUICK VIEW\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"xx-product-info\">\r\n\r\n                <div class=\"xx-product-brand\">\r\n                    XX SIGNATURE\r\n                <\/div>\r\n\r\n                <h3>AURA\u2122<\/h3>\r\n\r\n                <p data-product-i18n=\"AURA\"\r\n                   data-field=\"subtitle\">\r\n\r\n                    \u0646\u0638\u0627\u0645 \u062a\u0635\u0641\u064a\u0641 \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644 5 \u0641\u064a 1\r\n\r\n                <\/p>\r\n\r\n                <div\r\n                    class=\"xx-product-arrow\"\r\n                    onclick=\"openProduct('AURA')\">\r\n\r\n                    <span data-i18n=\"discover_product\">\r\n                        DISCOVER PRODUCT\r\n                    <\/span>\r\n\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- =================================================\r\n             PRODUCT 03 \u2014 LAURA\r\n        ================================================== -->\r\n\r\n        <article\r\n            class=\"xx-product-card xx-reveal xx-delay-3\"\r\n            data-product=\"LAURA\">\r\n\r\n            <div class=\"xx-product-image\">\r\n\r\n                <img decoding=\"async\" src=\"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/10\/luraa-300x274.webp\" alt=\"Asset\" loading=\"lazy\" style=\"display: block; width: 100%; height: auto; pointer-events: none;\" onerror=\"this.style.display='none';\">\r\n\r\n                <button\r\n                    class=\"xx-quick-view\"\r\n                    type=\"button\"\r\n                    onclick=\"openProduct('LAURA')\">\r\n\r\n                    <span>\u25c9<\/span>\r\n\r\n                    <span data-i18n=\"quick_view\">\r\n                        QUICK VIEW\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"xx-product-info\">\r\n\r\n                <div class=\"xx-product-brand\">\r\n                    XX SIGNATURE\r\n                <\/div>\r\n\r\n                <h3>LAURA\u2122<\/h3>\r\n\r\n                <p data-product-i18n=\"LAURA\"\r\n                   data-field=\"subtitle\">\r\n\r\n                    \u062c\u0647\u0627\u0632 \u062a\u062c\u0639\u064a\u062f \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u0623\u0648\u062a\u0648\u0645\u0627\u062a\u064a\u0643\u064a \u0627\u0644\u0644\u0627\u0633\u0644\u0643\u064a\r\n\r\n                <\/p>\r\n\r\n                <div\r\n                    class=\"xx-product-arrow\"\r\n                    onclick=\"openProduct('LAURA')\">\r\n\r\n                    <span data-i18n=\"discover_product\">\r\n                        DISCOVER PRODUCT\r\n                    <\/span>\r\n\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- =================================================\r\n             PRODUCT 04 \u2014 SWEEP\r\n        ================================================== -->\r\n\r\n        <article\r\n            class=\"xx-product-card xx-reveal xx-delay-4\"\r\n            data-product=\"SWEEP\">\r\n\r\n            <div class=\"xx-product-image\">\r\n\r\n                <img decoding=\"async\"\r\n    src=\"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/10\/sweep-240x300.webp\"\r\n    alt=\"SWEEP\"\r\n    loading=\"lazy\" style=\"display: block; width: 100%; height: auto; pointer-events: none;\" onerror=\"this.style.display='none';\"\r\n>\r\n\r\n                <button\r\n                    class=\"xx-quick-view\"\r\n                    type=\"button\"\r\n                    onclick=\"openProduct('SWEEP')\">\r\n\r\n                    <span>\u25c9<\/span>\r\n\r\n                    <span data-i18n=\"quick_view\">\r\n                        QUICK VIEW\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"xx-product-info\">\r\n\r\n                <div class=\"xx-product-brand\">\r\n                    XX SIGNATURE\r\n                <\/div>\r\n\r\n                <h3>SWEEP\u2122<\/h3>\r\n\r\n                <p data-product-i18n=\"SWEEP\"\r\n                   data-field=\"subtitle\">\r\n\r\n                    \u0631\u0648\u0628\u0648\u062a \u0630\u0643\u064a \u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0646\u0648\u0627\u0641\u0630 \u0648\u0627\u0644\u0632\u062c\u0627\u062c\r\n\r\n                <\/p>\r\n\r\n                <div\r\n                    class=\"xx-product-arrow\"\r\n                    onclick=\"openProduct('SWEEP')\">\r\n\r\n                    <span data-i18n=\"discover_product\">\r\n                        DISCOVER PRODUCT\r\n                    <\/span>\r\n\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- =================================================\r\n             PRODUCT 05 \u2014 ZESTA\r\n        ================================================== -->\r\n\r\n        <article\r\n            class=\"xx-product-card xx-reveal xx-delay-1\"\r\n            data-product=\"ZESTA\">\r\n\r\n            <div class=\"xx-product-image\">\r\n\r\n                <img decoding=\"async\"\r\n    src=\"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/10\/zesta-240x300.webp\"\r\n    alt=\"ZESTA\"\r\n    loading=\"lazy\" style=\"display: block; width: 100%; height: auto; pointer-events: none;\" onerror=\"this.style.display='none';\"\r\n>\r\n\r\n                <button\r\n                    class=\"xx-quick-view\"\r\n                    type=\"button\"\r\n                    onclick=\"openProduct('ZESTA')\">\r\n\r\n                    <span>\u25c9<\/span>\r\n\r\n                    <span data-i18n=\"quick_view\">\r\n                        QUICK VIEW\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"xx-product-info\">\r\n\r\n                <div class=\"xx-product-brand\">\r\n                    XX SIGNATURE\r\n                <\/div>\r\n\r\n                <h3>ZESTA\u2122<\/h3>\r\n\r\n                <p data-product-i18n=\"ZESTA\"\r\n                   data-field=\"subtitle\">\r\n\r\n                    \u0642\u0637\u0627\u0639\u0629 \u062e\u0636\u0627\u0631 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a \u0644\u0627\u0633\u0644\u0643\u064a\u0629\r\n\r\n                <\/p>\r\n\r\n                <div\r\n                    class=\"xx-product-arrow\"\r\n                    onclick=\"openProduct('ZESTA')\">\r\n\r\n                    <span data-i18n=\"discover_product\">\r\n                        DISCOVER PRODUCT\r\n                    <\/span>\r\n\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- =================================================\r\n             PRODUCT 06 \u2014 PRESSO\r\n        ================================================== -->\r\n\r\n        <article\r\n            class=\"xx-product-card xx-reveal xx-delay-2\"\r\n            data-product=\"PRESSO\">\r\n\r\n            <div class=\"xx-product-image\">\r\n\r\n               <img decoding=\"async\"\r\n    src=\"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/10\/presso-300x300.webp\"\r\n    alt=\"PRESSO\"\r\n    loading=\"lazy\" style=\"display: block; width: 100%; height: auto; pointer-events: none;\" onerror=\"this.style.display='none';\"\r\n>\r\n\r\n                <button\r\n                    class=\"xx-quick-view\"\r\n                    type=\"button\"\r\n                    onclick=\"openProduct('PRESSO')\">\r\n\r\n                    <span>\u25c9<\/span>\r\n\r\n                    <span data-i18n=\"quick_view\">\r\n                        QUICK VIEW\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"xx-product-info\">\r\n\r\n                <div class=\"xx-product-brand\">\r\n                    XX SIGNATURE\r\n                <\/div>\r\n\r\n                <h3>PRESSO\u2122<\/h3>\r\n\r\n                <p data-product-i18n=\"PRESSO\"\r\n                   data-field=\"subtitle\">\r\n\r\n                    \u0645\u0627\u0643\u064a\u0646\u0629 \u0625\u0633\u0628\u0631\u0633\u0648 \u0645\u062d\u0645\u0648\u0644\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0634\u062d\u0646\r\n\r\n                <\/p>\r\n\r\n                <div\r\n                    class=\"xx-product-arrow\"\r\n                    onclick=\"openProduct('PRESSO')\">\r\n\r\n                    <span data-i18n=\"discover_product\">\r\n                        DISCOVER PRODUCT\r\n                    <\/span>\r\n\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- =================================================\r\n             PRODUCT 07 \u2014 L\u00c9A\r\n        ================================================== -->\r\n\r\n        <article\r\n            class=\"xx-product-card xx-reveal xx-delay-3\"\r\n            data-product=\"LEA\">\r\n\r\n            <div class=\"xx-product-image\">\r\n\r\n                <img decoding=\"async\"\r\n    src=\"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/10\/lea-240x300.webp\"\r\n    alt=\"L\u00c9A\"\r\n    loading=\"lazy\" style=\"display: block; width: 100%; height: auto; pointer-events: none;\" onerror=\"this.style.display='none';\"\r\n>\r\n\r\n                <button\r\n                    class=\"xx-quick-view\"\r\n                    type=\"button\"\r\n                    onclick=\"openProduct('LEA')\">\r\n\r\n                    <span>\u25c9<\/span>\r\n\r\n                    <span data-i18n=\"quick_view\">\r\n                        QUICK VIEW\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"xx-product-info\">\r\n\r\n                <div class=\"xx-product-brand\">\r\n                    XX SIGNATURE\r\n                <\/div>\r\n\r\n                <h3>L\u00c9A\u2122<\/h3>\r\n\r\n                <p data-product-i18n=\"LEA\"\r\n                   data-field=\"subtitle\">\r\n\r\n                    \u062c\u0647\u0627\u0632 \u0641\u0631\u062f \u0648\u062a\u0645\u0648\u064a\u062c \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u0644\u0627\u0633\u0644\u0643\u064a 2 \u0641\u064a 1\r\n\r\n                <\/p>\r\n\r\n                <div\r\n                    class=\"xx-product-arrow\"\r\n                    onclick=\"openProduct('LEA')\">\r\n\r\n                    <span data-i18n=\"discover_product\">\r\n                        DISCOVER PRODUCT\r\n                    <\/span>\r\n\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- =================================================\r\n             PRODUCT 08 \u2014 MIST\u00c9\r\n        ================================================== -->\r\n\r\n        <article\r\n            class=\"xx-product-card xx-reveal xx-delay-4\"\r\n            data-product=\"MISTE\">\r\n\r\n            <div class=\"xx-product-image\">\r\n\r\n                <img decoding=\"async\"\r\n    src=\"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/10\/mista-240x300.webp\"\r\n    alt=\"MIST\u00c9\"\r\n    loading=\"lazy\" style=\"display: block; width: 100%; height: auto; pointer-events: none;\" onerror=\"this.style.display='none';\"\r\n>\r\n\r\n                <button\r\n                    class=\"xx-quick-view\"\r\n                    type=\"button\"\r\n                    onclick=\"openProduct('MISTE')\">\r\n\r\n                    <span>\u25c9<\/span>\r\n\r\n                    <span data-i18n=\"quick_view\">\r\n                        QUICK VIEW\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"xx-product-info\">\r\n\r\n                <div class=\"xx-product-brand\">\r\n                    XX SIGNATURE\r\n                <\/div>\r\n\r\n                <h3>MIST\u00c9\u2122<\/h3>\r\n\r\n                <p data-product-i18n=\"MISTE\"\r\n                   data-field=\"subtitle\">\r\n\r\n                    \u0641\u0631\u0634\u0627\u0629 \u0634\u0639\u0631 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0645\u0632\u0648\u062f\u0629 \u0628\u062e\u0627\u0635\u064a\u0629 \u0627\u0644\u0628\u062e\u0627\u0631\r\n\r\n                <\/p>\r\n\r\n                <div\r\n                    class=\"xx-product-arrow\"\r\n                    onclick=\"openProduct('MISTE')\">\r\n\r\n                    <span data-i18n=\"discover_product\">\r\n                        DISCOVER PRODUCT\r\n                    <\/span>\r\n\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- =================================================\r\n             PRODUCT 09 \u2014 LUNA\r\n        ================================================== -->\r\n\r\n        <article\r\n            class=\"xx-product-card xx-reveal xx-delay-1\"\r\n            data-product=\"LUNA\">\r\n\r\n            <div class=\"xx-product-image\">\r\n\r\n                <img decoding=\"async\"\r\n    src=\"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/10\/luna-300x300.webp\"\r\n    alt=\"LUNA\"\r\n    loading=\"lazy\" style=\"display: block; width: 100%; height: auto; pointer-events: none;\" onerror=\"this.style.display='none';\"\r\n>\r\n\r\n                <button\r\n                    class=\"xx-quick-view\"\r\n                    type=\"button\"\r\n                    onclick=\"openProduct('LUNA')\">\r\n\r\n                    <span>\u25c9<\/span>\r\n\r\n                    <span data-i18n=\"quick_view\">\r\n                        QUICK VIEW\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"xx-product-info\">\r\n\r\n                <div class=\"xx-product-brand\">\r\n                    XX SIGNATURE\r\n                <\/div>\r\n\r\n                <h3>LUNA\u2122<\/h3>\r\n\r\n                <p data-product-i18n=\"LUNA\"\r\n                   data-field=\"subtitle\">\r\n\r\n                    \u0645\u0634\u0637 \u0641\u0631\u062f \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u0644\u0627\u0633\u0644\u0643\u064a \u0627\u0644\u0630\u0643\u064a\r\n\r\n                <\/p>\r\n\r\n                <div\r\n                    class=\"xx-product-arrow\"\r\n                    onclick=\"openProduct('LUNA')\">\r\n\r\n                    <span data-i18n=\"discover_product\">\r\n                        DISCOVER PRODUCT\r\n                    <\/span>\r\n\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- =================================================\r\n             PRODUCT 10 \u2014 MIRA\r\n        ================================================== -->\r\n\r\n        <article\r\n            class=\"xx-product-card xx-reveal xx-delay-2\"\r\n            data-product=\"MIRA\">\r\n\r\n            <div class=\"xx-product-image\">\r\n\r\n                <img decoding=\"async\"\r\n    src=\"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/10\/mira-240x300.webp\"\r\n    alt=\"MIRA\"\r\n    loading=\"lazy\" style=\"display: block; width: 100%; height: auto; pointer-events: none;\" onerror=\"this.style.display='none';\"\r\n>\r\n\r\n                <button\r\n                    class=\"xx-quick-view\"\r\n                    type=\"button\"\r\n                    onclick=\"openProduct('MIRA')\">\r\n\r\n                    <span>\u25c9<\/span>\r\n\r\n                    <span data-i18n=\"quick_view\">\r\n                        QUICK VIEW\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"xx-product-info\">\r\n\r\n                <div class=\"xx-product-brand\">\r\n                    XX SIGNATURE\r\n                <\/div>\r\n\r\n                <h3>MIRA\u2122<\/h3>\r\n\r\n                <p data-product-i18n=\"MIRA\"\r\n                   data-field=\"subtitle\">\r\n\r\n                    \u0645\u0634\u0637 \u0641\u0631\u062f \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u0644\u0627\u0633\u0644\u0643\u064a \u0627\u0644\u062d\u0631\u0627\u0631\u064a\r\n\r\n                <\/p>\r\n\r\n                <div\r\n                    class=\"xx-product-arrow\"\r\n                    onclick=\"openProduct('MIRA')\">\r\n\r\n                    <span data-i18n=\"discover_product\">\r\n                        DISCOVER PRODUCT\r\n                    <\/span>\r\n\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- =================================================\r\n             PRODUCT 11 \u2014 SORA\r\n        ================================================== -->\r\n\r\n        <article\r\n            class=\"xx-product-card xx-reveal xx-delay-3\"\r\n            data-product=\"SORA\">\r\n\r\n            <div class=\"xx-product-image\">\r\n\r\n                <img decoding=\"async\"\r\n    src=\"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/10\/sora-300x300.webp\"\r\n    alt=\"SORA\"\r\n    loading=\"lazy\" style=\"display: block; width: 100%; height: auto; pointer-events: none;\" onerror=\"this.style.display='none';\"\r\n>\r\n\r\n                <button\r\n                    class=\"xx-quick-view\"\r\n                    type=\"button\"\r\n                    onclick=\"openProduct('SORA')\">\r\n\r\n                    <span>\u25c9<\/span>\r\n\r\n                    <span data-i18n=\"quick_view\">\r\n                        QUICK VIEW\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"xx-product-info\">\r\n\r\n                <div class=\"xx-product-brand\">\r\n                    XX SIGNATURE\r\n                <\/div>\r\n\r\n                <h3>SORA\u2122<\/h3>\r\n\r\n                <p data-product-i18n=\"SORA\"\r\n                   data-field=\"subtitle\">\r\n\r\n                    \u062c\u0647\u0627\u0632 \u062a\u0645\u0644\u064a\u0633 \u0648\u062a\u062c\u0639\u064a\u062f \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u0644\u0627\u0633\u0644\u0643\u064a 2 \u0641\u064a 1\r\n\r\n                <\/p>\r\n\r\n                <div\r\n                    class=\"xx-product-arrow\"\r\n                    onclick=\"openProduct('SORA')\">\r\n\r\n                    <span data-i18n=\"discover_product\">\r\n                        DISCOVER PRODUCT\r\n                    <\/span>\r\n\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- =================================================\r\n             PRODUCT 12 \u2014 ZENA\r\n        ================================================== -->\r\n\r\n        <article\r\n            class=\"xx-product-card xx-reveal xx-delay-4\"\r\n            data-product=\"ZENA\">\r\n\r\n            <div class=\"xx-product-image\">\r\n\r\n                <img decoding=\"async\"\r\n    src=\"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/10\/zena-240x300.webp\"\r\n    alt=\"ZENA\"\r\n    loading=\"lazy\" style=\"display: block; width: 100%; height: auto; pointer-events: none;\" onerror=\"this.style.display='none';\"\r\n>\r\n\r\n                <button\r\n                    class=\"xx-quick-view\"\r\n                    type=\"button\"\r\n                    onclick=\"openProduct('ZENA')\">\r\n\r\n                    <span>\u25c9<\/span>\r\n\r\n                    <span data-i18n=\"quick_view\">\r\n                        QUICK VIEW\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"xx-product-info\">\r\n\r\n                <div class=\"xx-product-brand\">\r\n                    XX SIGNATURE\r\n                <\/div>\r\n\r\n                <h3>ZENA\u2122<\/h3>\r\n\r\n                <p data-product-i18n=\"ZENA\"\r\n                   data-field=\"subtitle\">\r\n\r\n                    \u062c\u0647\u0627\u0632 \u0641\u0631\u062f \u0648\u062a\u062c\u0641\u064a\u0641 \u0627\u0644\u0634\u0639\u0631 \u0628\u0627\u0644\u0647\u0648\u0627\u0621\r\n\r\n                <\/p>\r\n\r\n                <div\r\n                    class=\"xx-product-arrow\"\r\n                    onclick=\"openProduct('ZENA')\">\r\n\r\n                    <span data-i18n=\"discover_product\">\r\n                        DISCOVER PRODUCT\r\n                    <\/span>\r\n\r\n                    <span>\u2192<\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =======================================================\r\n     WHATSAPP CTA SECTION\r\n======================================================= -->\r\n\r\n<section class=\"xx-section xx-reveal\"\r\n         id=\"contact\">\r\n\r\n    <div class=\"xx-about-box\"\r\n         style=\"text-align:center;\">\r\n\r\n        <div class=\"xx-section-kicker\">\r\n            XX CREATIVE HUB\r\n        <\/div>\r\n\r\n        <h2 class=\"xx-section-title\"\r\n            style=\"font-size:clamp(35px,5vw,65px);\"\r\n            data-i18n=\"contact_title\">\r\n\r\n            LET'S CREATE<br>\r\n            SOMETHING BOLD.\r\n\r\n        <\/h2>\r\n\r\n        <p\r\n            style=\"\r\n                max-width:650px;\r\n                margin:22px auto 30px;\r\n                color:var(--text-dim);\r\n                line-height:1.9;\r\n                font-size:14px;\r\n            \"\r\n            data-i18n=\"contact_text\">\r\n\r\n            Have an idea, project or brand that needs\r\n            a fresh creative direction?\r\n            Let's talk.\r\n\r\n        <\/p>\r\n\r\n\r\n        <a\r\n            href=\"https:\/\/wa.me\/962799079974\"\r\n            target=\"_blank\"\r\n            rel=\"noopener noreferrer\"\r\n            class=\"whatsapp-btn\"\r\n            style=\"\r\n                display:inline-flex;\r\n                width:auto;\r\n                min-width:210px;\r\n            \">\r\n\r\n            <span style=\"font-size:18px;\">\r\n                \u25c9\r\n            <\/span>\r\n\r\n            <span data-i18n=\"contact_button\">\r\n                TALK TO US ON WHATSAPP\r\n            <\/span>\r\n\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =======================================================\r\n     PART 2 END\r\n======================================================= -->\r\n\r\n<!--\r\n    PART 3 WILL CONTINUE HERE\r\n    WITH:\r\n    - PRODUCT MODAL\r\n    - ALL PRODUCT DATA\r\n    - TRANSLATIONS\r\n-->\r\n<!-- =======================================================\r\n     XX SIGNATURE PRODUCT MODAL\r\n     PART 3 \/ 4\r\n======================================================= -->\r\n\r\n\r\n<!-- =======================================================\r\n     PRODUCT MODAL\r\n======================================================= -->\r\n\r\n<div\r\n    class=\"xx-modal\"\r\n    id=\"xxProductModal\"\r\n    aria-hidden=\"true\">\r\n\r\n    <div\r\n        class=\"xx-modal-backdrop\"\r\n        onclick=\"closeProduct()\">\r\n    <\/div>\r\n\r\n\r\n    <div\r\n        class=\"xx-modal-content\"\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n        aria-labelledby=\"xxModalTitle\">\r\n\r\n\r\n        <!-- CLOSE BUTTON -->\r\n\r\n        <button\r\n            class=\"xx-modal-close\"\r\n            type=\"button\"\r\n            onclick=\"closeProduct()\"\r\n            aria-label=\"Close\">\r\n\r\n            \u00d7\r\n\r\n        <\/button>\r\n\r\n\r\n        <!-- PRODUCT IMAGE -->\r\n\r\n        <div class=\"xx-modal-image\">\r\n\r\n            <img decoding=\"async\"\r\n                id=\"xxModalImage\"\r\n                src=\"\"\r\n                alt=\"Product\"\r\n            >\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- PRODUCT DETAILS -->\r\n\r\n        <div class=\"xx-modal-info\">\r\n\r\n\r\n            <div\r\n                class=\"xx-modal-brand\"\r\n                id=\"xxModalBrand\">\r\n\r\n                XX SIGNATURE\r\n\r\n            <\/div>\r\n\r\n\r\n            <h2\r\n                class=\"xx-modal-title\"\r\n                id=\"xxModalTitle\">\r\n\r\n                Product\r\n\r\n            <\/h2>\r\n\r\n\r\n            <div\r\n                class=\"xx-modal-subtitle\"\r\n                id=\"xxModalSubtitle\">\r\n\r\n                Product subtitle\r\n\r\n            <\/div>\r\n\r\n\r\n            <p\r\n                class=\"xx-modal-description\"\r\n                id=\"xxModalDescription\">\r\n\r\n                Product description\r\n\r\n            <\/p>\r\n\r\n\r\n            <div\r\n                class=\"xx-modal-features-title\"\r\n                data-i18n=\"features_title\">\r\n\r\n                FEATURES\r\n\r\n            <\/div>\r\n\r\n\r\n            <ul\r\n                class=\"xx-modal-features\"\r\n                id=\"xxModalFeatures\">\r\n            <\/ul>\r\n\r\n\r\n            <a\r\n                href=\"#\"\r\n                id=\"xxModalWhatsapp\"\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                class=\"xx-whatsapp-button\">\r\n\r\n                <span class=\"xx-whatsapp-icon\">\r\n                    \u25c9\r\n                <\/span>\r\n\r\n                <span data-i18n=\"ask_whatsapp\">\r\n                    ASK ABOUT THIS PRODUCT\r\n                <\/span>\r\n\r\n            <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     MODAL CSS\r\n======================================================= -->\r\n\r\n<style>\r\n\r\n.xx-modal{\r\n    position:fixed;\r\n\r\n    inset:0;\r\n\r\n    z-index:99999;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:20px;\r\n\r\n    opacity:0;\r\n\r\n    visibility:hidden;\r\n\r\n    pointer-events:none;\r\n\r\n    transition:\r\n        opacity .35s ease,\r\n        visibility .35s ease;\r\n}\r\n\r\n.xx-modal.active{\r\n    opacity:1;\r\n\r\n    visibility:visible;\r\n\r\n    pointer-events:auto;\r\n}\r\n\r\n\r\n.xx-modal-backdrop{\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n        rgba(0,0,0,.84);\r\n\r\n    backdrop-filter:blur(14px);\r\n\r\n    -webkit-backdrop-filter:blur(14px);\r\n}\r\n\r\n\r\n.xx-modal-content{\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    width:min(1000px,100%);\r\n\r\n    max-height:90vh;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0,1fr)\r\n        minmax(0,1fr);\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:25px;\r\n\r\n    border:1px solid rgba(255,85,0,.27);\r\n\r\n    background:#101015;\r\n\r\n    box-shadow:\r\n        0 40px 110px rgba(0,0,0,.7),\r\n        0 0 60px rgba(255,85,0,.07);\r\n\r\n    transform:\r\n        translateY(30px)\r\n        scale(.97);\r\n\r\n    transition:\r\n        transform .45s\r\n        cubic-bezier(.2,.8,.2,1);\r\n}\r\n\r\n\r\n.xx-modal.active .xx-modal-content{\r\n    transform:\r\n        translateY(0)\r\n        scale(1);\r\n}\r\n\r\n\r\n\/* =======================================================\r\n   MODAL CLOSE\r\n======================================================= *\/\r\n\r\n.xx-modal-close{\r\n    position:absolute;\r\n\r\n    z-index:10;\r\n\r\n    top:17px;\r\n    right:17px;\r\n\r\n    width:42px;\r\n    height:42px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    border:1px solid rgba(255,255,255,.13);\r\n\r\n    background:\r\n        rgba(0,0,0,.55);\r\n\r\n    color:white;\r\n\r\n    font-size:25px;\r\n\r\n    line-height:1;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        background .3s ease,\r\n        border-color .3s ease,\r\n        transform .3s ease;\r\n}\r\n\r\n.xx-modal-close:hover{\r\n    background:var(--neon-orange);\r\n\r\n    border-color:var(--neon-orange);\r\n\r\n    transform:rotate(90deg);\r\n}\r\n\r\n\r\n\/* =======================================================\r\n   MODAL IMAGE\r\n======================================================= *\/\r\n\r\n.xx-modal-image{\r\n    min-height:570px;\r\n\r\n    background:#08080b;\r\n\r\n    overflow:hidden;\r\n}\r\n\r\n.xx-modal-image img{\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    transition:transform .7s ease;\r\n}\r\n\r\n.xx-modal.active\r\n.xx-modal-image img{\r\n    transform:scale(1.015);\r\n}\r\n\r\n\r\n\/* =======================================================\r\n   MODAL INFO\r\n======================================================= *\/\r\n\r\n.xx-modal-info{\r\n    padding:50px 45px;\r\n\r\n    overflow-y:auto;\r\n}\r\n\r\n.xx-modal-brand{\r\n    margin-bottom:12px;\r\n\r\n    color:var(--neon-orange);\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:3px;\r\n}\r\n\r\n.xx-modal-title{\r\n    margin:0 0 10px;\r\n\r\n    font-family:\"Syne\",sans-serif;\r\n\r\n    color:var(--text-white);\r\n\r\n    font-size:\r\n        clamp(34px,4vw,55px);\r\n\r\n    font-weight:800;\r\n\r\n    line-height:.95;\r\n\r\n    letter-spacing:-2px;\r\n}\r\n\r\n.xx-modal-subtitle{\r\n    margin-bottom:25px;\r\n\r\n    color:#c7c7d0;\r\n\r\n    font-size:14px;\r\n\r\n    line-height:1.7;\r\n}\r\n\r\n.xx-modal-description{\r\n    margin:0 0 27px;\r\n\r\n    color:var(--text-dim);\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.95;\r\n}\r\n\r\n\r\n\/* =======================================================\r\n   FEATURES\r\n======================================================= *\/\r\n\r\n.xx-modal-features-title{\r\n    margin-bottom:13px;\r\n\r\n    color:#858591;\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:2.5px;\r\n}\r\n\r\n.xx-modal-features{\r\n    list-style:none;\r\n\r\n    margin:0 0 30px;\r\n\r\n    padding:0;\r\n\r\n    display:grid;\r\n\r\n    gap:11px;\r\n}\r\n\r\n.xx-modal-features li{\r\n    position:relative;\r\n\r\n    padding-left:23px;\r\n\r\n    color:#dedee5;\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.65;\r\n}\r\n\r\n.xx-modal-features li::before{\r\n    content:\"\u2726\";\r\n\r\n    position:absolute;\r\n\r\n    left:0;\r\n    top:0;\r\n\r\n    color:var(--neon-orange);\r\n\r\n    font-size:12px;\r\n}\r\n\r\n\r\n\/* =======================================================\r\n   WHATSAPP BUTTON\r\n======================================================= *\/\r\n\r\n.xx-whatsapp-button{\r\n    width:100%;\r\n\r\n    min-height:52px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:10px;\r\n\r\n    padding:14px 20px;\r\n\r\n    border-radius:12px;\r\n\r\n    background:var(--neon-orange);\r\n\r\n    color:#fff;\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:.7px;\r\n\r\n    text-align:center;\r\n\r\n    box-shadow:\r\n        0 12px 35px rgba(255,85,0,.2);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        background .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n.xx-whatsapp-button:hover{\r\n    background:var(--neon-orange-bright);\r\n\r\n    transform:translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 18px 45px rgba(255,85,0,.3);\r\n}\r\n\r\n.xx-whatsapp-icon{\r\n    font-size:17px;\r\n}\r\n\r\n\r\n\/* =======================================================\r\n   MODAL MOBILE\r\n======================================================= *\/\r\n\r\n@media(max-width:800px){\r\n\r\n    .xx-modal{\r\n        padding:10px;\r\n    }\r\n\r\n    .xx-modal-content{\r\n        grid-template-columns:1fr;\r\n\r\n        max-height:94vh;\r\n\r\n        overflow-y:auto;\r\n    }\r\n\r\n    .xx-modal-image{\r\n        min-height:330px;\r\n\r\n        max-height:43vh;\r\n    }\r\n\r\n    .xx-modal-info{\r\n        padding:30px 25px 28px;\r\n    }\r\n\r\n    .xx-modal-title{\r\n        font-size:38px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:500px){\r\n\r\n    .xx-modal-image{\r\n        min-height:270px;\r\n\r\n        max-height:38vh;\r\n    }\r\n\r\n    .xx-modal-info{\r\n        padding:25px 20px;\r\n    }\r\n\r\n    .xx-modal-title{\r\n        font-size:34px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =======================================================\r\n   BACK TO TOP\r\n======================================================= *\/\r\n\r\n.xx-back-top{\r\n    position:fixed;\r\n\r\n    right:22px;\r\n    bottom:95px;\r\n\r\n    z-index:9000;\r\n\r\n    width:45px;\r\n    height:45px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    border:1px solid rgba(255,85,0,.3);\r\n\r\n    background:\r\n        rgba(12,12,16,.92);\r\n\r\n    color:var(--neon-orange);\r\n\r\n    font-size:18px;\r\n\r\n    cursor:pointer;\r\n\r\n    opacity:0;\r\n\r\n    visibility:hidden;\r\n\r\n    transform:translateY(15px);\r\n\r\n    transition:all .35s ease;\r\n}\r\n\r\n.xx-back-top.show{\r\n    opacity:1;\r\n\r\n    visibility:visible;\r\n\r\n    transform:translateY(0);\r\n}\r\n\r\n.xx-back-top:hover{\r\n    color:#fff;\r\n\r\n    background:var(--neon-orange);\r\n\r\n    border-color:var(--neon-orange);\r\n\r\n    transform:\r\n        translateY(-3px);\r\n}\r\n\r\n\r\n\/* =======================================================\r\n   FLOATING WHATSAPP\r\n======================================================= *\/\r\n\r\n.xx-floating-whatsapp{\r\n    position:fixed;\r\n\r\n    right:22px;\r\n    bottom:22px;\r\n\r\n    z-index:9000;\r\n\r\n    width:58px;\r\n    height:58px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#25D366;\r\n\r\n    color:white;\r\n\r\n    font-size:25px;\r\n\r\n    box-shadow:\r\n        0 10px 35px rgba(37,211,102,.22);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n.xx-floating-whatsapp:hover{\r\n    transform:\r\n        translateY(-5px)\r\n        scale(1.06);\r\n\r\n    box-shadow:\r\n        0 17px 45px rgba(37,211,102,.3);\r\n}\r\n\r\n@media(max-width:500px){\r\n\r\n    .xx-floating-whatsapp{\r\n        right:15px;\r\n        bottom:15px;\r\n\r\n        width:53px;\r\n        height:53px;\r\n    }\r\n\r\n    .xx-back-top{\r\n        right:15px;\r\n        bottom:80px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     BACK TO TOP BUTTON\r\n======================================================= -->\r\n\r\n<button\r\n    class=\"xx-back-top\"\r\n    id=\"xxBackTop\"\r\n    type=\"button\"\r\n    aria-label=\"Back to top\"\r\n    onclick=\"window.scrollTo({top:0,behavior:'smooth'})\">\r\n\r\n    \u2191\r\n\r\n<\/button>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     FLOATING WHATSAPP\r\n======================================================= -->\r\n\r\n<a\r\n    class=\"xx-floating-whatsapp\"\r\n    href=\"https:\/\/wa.me\/962799079974\"\r\n    target=\"_blank\"\r\n    rel=\"noopener noreferrer\"\r\n    aria-label=\"WhatsApp\">\r\n\r\n    \u25c9\r\n\r\n<\/a>\r\n\r\n\r\n\r\n<!-- =======================================================\r\n     PRODUCT DATA\r\n======================================================= -->\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n   XX SIGNATURE PRODUCTS\r\n========================================================= *\/\r\n\r\nconst XX_PRODUCTS = {\r\n\r\n    STYLR: {\r\n\r\n        name: \"STYLR\u2122\",\r\n\r\n        image:\r\n        \"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/09\/Image-12.jpg\",\r\n\r\n        translations: {\r\n\r\n            en: {\r\n                subtitle:\r\n                    \"Wireless hair & beard styling device\",\r\n\r\n                description:\r\n                    \"A compact wireless styling device designed for convenient everyday grooming and quick hair and beard styling.\",\r\n\r\n                features: [\r\n                    \"Wireless and rechargeable design\",\r\n                    \"Suitable for hair and beard styling\",\r\n                    \"Compact and easy to carry\",\r\n                    \"Designed for everyday use\"\r\n                ]\r\n            },\r\n\r\n            ar: {\r\n                subtitle:\r\n                    \"\u062c\u0647\u0627\u0632 \u062a\u0635\u0641\u064a\u0641 \u0627\u0644\u0634\u0639\u0631 \u0648\u0627\u0644\u0644\u062d\u064a\u0629 \u0627\u0644\u0644\u0627\u0633\u0644\u0643\u064a\",\r\n\r\n                description:\r\n                    \"\u062c\u0647\u0627\u0632 \u0639\u0645\u0644\u064a \u0648\u0644\u0627\u0633\u0644\u0643\u064a \u0645\u0635\u0645\u0645 \u0644\u062a\u0635\u0641\u064a\u0641 \u0627\u0644\u0634\u0639\u0631 \u0648\u0627\u0644\u0644\u062d\u064a\u0629 \u0628\u0633\u0647\u0648\u0644\u0629 \u0648\u0633\u0631\u0639\u0629\u060c \u0645\u0639 \u062a\u0635\u0645\u064a\u0645 \u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u064a\u0648\u0645\u064a.\",\r\n\r\n                features: [\r\n                    \"\u062a\u0635\u0645\u064a\u0645 \u0644\u0627\u0633\u0644\u0643\u064a \u0648\u0642\u0627\u0628\u0644 \u0644\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0634\u062d\u0646\",\r\n                    \"\u0645\u0646\u0627\u0633\u0628 \u0644\u062a\u0635\u0641\u064a\u0641 \u0627\u0644\u0634\u0639\u0631 \u0648\u0627\u0644\u0644\u062d\u064a\u0629\",\r\n                    \"\u062d\u062c\u0645 \u0639\u0645\u0644\u064a \u0648\u0633\u0647\u0644 \u0627\u0644\u062d\u0645\u0644\",\r\n                    \"\u0645\u0635\u0645\u0645 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u064a\u0648\u0645\u064a\"\r\n                ]\r\n            },\r\n\r\n            fr: {\r\n                subtitle:\r\n                    \"Appareil sans fil pour coiffer les cheveux et la barbe\",\r\n\r\n                description:\r\n                    \"Un appareil de coiffage sans fil compact con\u00e7u pour faciliter le soin quotidien des cheveux et de la barbe.\",\r\n\r\n                features: [\r\n                    \"Design sans fil et rechargeable\",\r\n                    \"Pour les cheveux et la barbe\",\r\n                    \"Compact et facile \u00e0 transporter\",\r\n                    \"Con\u00e7u pour un usage quotidien\"\r\n                ]\r\n            },\r\n\r\n            es: {\r\n                subtitle:\r\n                    \"Dispositivo inal\u00e1mbrico para peinar cabello y barba\",\r\n\r\n                description:\r\n                    \"Un dispositivo compacto e inal\u00e1mbrico dise\u00f1ado para facilitar el cuidado y peinado diario del cabello y la barba.\",\r\n\r\n                features: [\r\n                    \"Dise\u00f1o inal\u00e1mbrico y recargable\",\r\n                    \"Para cabello y barba\",\r\n                    \"Compacto y f\u00e1cil de transportar\",\r\n                    \"Dise\u00f1ado para uso diario\"\r\n                ]\r\n            },\r\n\r\n            de: {\r\n                subtitle:\r\n                    \"Kabelloses Stylingger\u00e4t f\u00fcr Haare und Bart\",\r\n\r\n                description:\r\n                    \"Ein kompaktes kabelloses Stylingger\u00e4t f\u00fcr eine einfache t\u00e4gliche Pflege und das Stylen von Haaren und Bart.\",\r\n\r\n                features: [\r\n                    \"Kabellos und wiederaufladbar\",\r\n                    \"F\u00fcr Haare und Bart geeignet\",\r\n                    \"Kompakt und leicht zu transportieren\",\r\n                    \"F\u00fcr den t\u00e4glichen Gebrauch entwickelt\"\r\n                ]\r\n            },\r\n\r\n            tr: {\r\n                subtitle:\r\n                    \"Kablosuz sa\u00e7 ve sakal \u015fekillendirme cihaz\u0131\",\r\n\r\n                description:\r\n                    \"Sa\u00e7 ve sakal\u0131n g\u00fcnl\u00fck bak\u0131m\u0131n\u0131 ve \u015fekillendirilmesini kolayla\u015ft\u0131rmak i\u00e7in tasarlanm\u0131\u015f kompakt kablosuz cihaz.\",\r\n\r\n                features: [\r\n                    \"Kablosuz ve \u015farj edilebilir tasar\u0131m\",\r\n                    \"Sa\u00e7 ve sakal \u015fekillendirme i\u00e7in uygun\",\r\n                    \"Kompakt ve kolay ta\u015f\u0131nabilir\",\r\n                    \"G\u00fcnl\u00fck kullan\u0131m i\u00e7in tasarland\u0131\"\r\n                ]\r\n            },\r\n\r\n            zh: {\r\n                subtitle:\r\n                    \"\u65e0\u7ebf\u5934\u53d1\u4e0e\u80e1\u987b\u9020\u578b\u8bbe\u5907\",\r\n\r\n                description:\r\n                    \"\u4e00\u6b3e\u7d27\u51d1\u578b\u65e0\u7ebf\u9020\u578b\u8bbe\u5907\uff0c\u8ba9\u65e5\u5e38\u5934\u53d1\u548c\u80e1\u987b\u62a4\u7406\u66f4\u52a0\u65b9\u4fbf\u5feb\u6377\u3002\",\r\n\r\n                features: [\r\n                    \"\u65e0\u7ebf\u5145\u7535\u8bbe\u8ba1\",\r\n                    \"\u9002\u7528\u4e8e\u5934\u53d1\u548c\u80e1\u987b\u9020\u578b\",\r\n                    \"\u5c0f\u5de7\u4fbf\u643a\",\r\n                    \"\u9002\u5408\u65e5\u5e38\u4f7f\u7528\"\r\n                ]\r\n            },\r\n\r\n            ru: {\r\n                subtitle:\r\n                    \"\u0411\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u043e\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u043e \u0434\u043b\u044f \u0443\u043a\u043b\u0430\u0434\u043a\u0438 \u0432\u043e\u043b\u043e\u0441 \u0438 \u0431\u043e\u0440\u043e\u0434\u044b\",\r\n\r\n                description:\r\n                    \"\u041a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0435 \u0431\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u043e\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u043e \u0434\u043b\u044f \u0443\u0434\u043e\u0431\u043d\u043e\u0433\u043e \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0433\u043e \u0443\u0445\u043e\u0434\u0430 \u0438 \u0443\u043a\u043b\u0430\u0434\u043a\u0438 \u0432\u043e\u043b\u043e\u0441 \u0438 \u0431\u043e\u0440\u043e\u0434\u044b.\",\r\n\r\n                features: [\r\n                    \"\u0411\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u0430\u044f \u043f\u0435\u0440\u0435\u0437\u0430\u0440\u044f\u0436\u0430\u0435\u043c\u0430\u044f \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f\",\r\n                    \"\u041f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u0432\u043e\u043b\u043e\u0441 \u0438 \u0431\u043e\u0440\u043e\u0434\u044b\",\r\n                    \"\u041a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u044b\u0439 \u0438 \u0443\u0434\u043e\u0431\u043d\u044b\u0439 \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u043d\u043e\u0441\u043a\u0438\",\r\n                    \"\u041f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043e \u0434\u043b\u044f \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f\"\r\n                ]\r\n            }\r\n\r\n        }\r\n\r\n    },\r\n\r\n\r\n    AURA: {\r\n\r\n        name: \"AURA\u2122\",\r\n\r\n        image:\r\n        \"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/09\/Image-18.jpg\",\r\n\r\n        translations: {\r\n\r\n            en: {\r\n                subtitle:\r\n                    \"Complete 5-in-1 hair styling system\",\r\n\r\n                description:\r\n                    \"A versatile 5-in-1 styling system created to make different everyday hair styling routines easier.\",\r\n\r\n                features: [\r\n                    \"5-in-1 styling concept\",\r\n                    \"Multiple styling possibilities\",\r\n                    \"Designed for everyday routines\",\r\n                    \"Practical all-in-one solution\"\r\n                ]\r\n            },\r\n\r\n            ar: {\r\n                subtitle:\r\n                    \"\u0646\u0638\u0627\u0645 \u062a\u0635\u0641\u064a\u0641 \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644 5 \u0641\u064a 1\",\r\n\r\n                description:\r\n                    \"\u0646\u0638\u0627\u0645 \u0645\u062a\u0643\u0627\u0645\u0644 \u0648\u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a \u0645\u0635\u0645\u0645 \u0644\u062a\u0633\u0647\u064a\u0644 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0631\u0648\u062a\u064a\u0646\u0627\u062a \u062a\u0635\u0641\u064a\u0641 \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u064a\u0648\u0645\u064a\u0629.\",\r\n\r\n                features: [\r\n                    \"\u062a\u0635\u0645\u064a\u0645 \u0645\u062a\u0643\u0627\u0645\u0644 5 \u0641\u064a 1\",\r\n                    \"\u062e\u064a\u0627\u0631\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629 \u0644\u062a\u0635\u0641\u064a\u0641 \u0627\u0644\u0634\u0639\u0631\",\r\n                    \"\u0645\u0646\u0627\u0633\u0628 \u0644\u0631\u0648\u062a\u064a\u0646 \u0627\u0644\u062a\u0635\u0641\u064a\u0641 \u0627\u0644\u064a\u0648\u0645\u064a\",\r\n                    \"\u062d\u0644 \u0639\u0645\u0644\u064a \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a\"\r\n                ]\r\n            },\r\n\r\n            fr: {\r\n                subtitle:\r\n                    \"Syst\u00e8me de coiffage complet 5-en-1\",\r\n\r\n                description:\r\n                    \"Un syst\u00e8me polyvalent 5-en-1 con\u00e7u pour faciliter diff\u00e9rentes routines de coiffage au quotidien.\",\r\n\r\n                features: [\r\n                    \"Concept de coiffage 5-en-1\",\r\n                    \"Plusieurs possibilit\u00e9s de coiffage\",\r\n                    \"Adapt\u00e9 aux routines quotidiennes\",\r\n                    \"Solution pratique tout-en-un\"\r\n                ]\r\n            },\r\n\r\n            es: {\r\n                subtitle:\r\n                    \"Sistema completo de peinado 5 en 1\",\r\n\r\n                description:\r\n                    \"Un sistema vers\u00e1til 5 en 1 dise\u00f1ado para facilitar diferentes rutinas de peinado diarias.\",\r\n\r\n                features: [\r\n                    \"Concepto de peinado 5 en 1\",\r\n                    \"M\u00faltiples opciones de peinado\",\r\n                    \"Ideal para rutinas diarias\",\r\n                    \"Soluci\u00f3n pr\u00e1ctica todo en uno\"\r\n                ]\r\n            },\r\n\r\n            de: {\r\n                subtitle:\r\n                    \"Komplettes 5-in-1-Haarstyling-System\",\r\n\r\n                description:\r\n                    \"Ein vielseitiges 5-in-1-System, das verschiedene t\u00e4gliche Haarstyling-Routinen einfacher macht.\",\r\n\r\n                features: [\r\n                    \"5-in-1-Styling-Konzept\",\r\n                    \"Mehrere Styling-M\u00f6glichkeiten\",\r\n                    \"F\u00fcr t\u00e4gliche Routinen geeignet\",\r\n                    \"Praktische All-in-One-L\u00f6sung\"\r\n                ]\r\n            },\r\n\r\n            tr: {\r\n                subtitle:\r\n                    \"Eksiksiz 5'i 1 arada sa\u00e7 \u015fekillendirme sistemi\",\r\n\r\n                description:\r\n                    \"G\u00fcnl\u00fck farkl\u0131 sa\u00e7 \u015fekillendirme rutinlerini kolayla\u015ft\u0131rmak i\u00e7in tasarlanm\u0131\u015f \u00e7ok y\u00f6nl\u00fc 5'i 1 arada sistem.\",\r\n\r\n                features: [\r\n                    \"5'i 1 arada tasar\u0131m\",\r\n                    \"Birden fazla \u015fekillendirme se\u00e7ene\u011fi\",\r\n                    \"G\u00fcnl\u00fck kullan\u0131m i\u00e7in uygun\",\r\n                    \"Pratik hepsi bir arada \u00e7\u00f6z\u00fcm\"\r\n                ]\r\n            },\r\n\r\n            zh: {\r\n                subtitle:\r\n                    \"\u4e94\u5408\u4e00\u7efc\u5408\u7f8e\u53d1\u9020\u578b\u7cfb\u7edf\",\r\n\r\n                description:\r\n                    \"\u4e00\u6b3e\u591a\u529f\u80fd\u4e94\u5408\u4e00\u9020\u578b\u7cfb\u7edf\uff0c\u8ba9\u65e5\u5e38\u4e0d\u540c\u7684\u5934\u53d1\u9020\u578b\u66f4\u52a0\u65b9\u4fbf\u3002\",\r\n\r\n                features: [\r\n                    \"\u4e94\u5408\u4e00\u9020\u578b\u8bbe\u8ba1\",\r\n                    \"\u591a\u79cd\u9020\u578b\u65b9\u5f0f\",\r\n                    \"\u9002\u5408\u65e5\u5e38\u4f7f\u7528\",\r\n                    \"\u4e00\u4f53\u5316\u5b9e\u7528\u89e3\u51b3\u65b9\u6848\"\r\n                ]\r\n            },\r\n\r\n            ru: {\r\n                subtitle:\r\n                    \"\u0423\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0443\u043a\u043b\u0430\u0434\u043a\u0438 \u0432\u043e\u043b\u043e\u0441 5-\u0432-1\",\r\n\r\n                description:\r\n                    \"\u041c\u043d\u043e\u0433\u043e\u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 5-\u0432-1, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u0430\u044f \u0434\u043b\u044f \u0443\u0434\u043e\u0431\u043d\u043e\u0439 \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0439 \u0443\u043a\u043b\u0430\u0434\u043a\u0438 \u0432\u043e\u043b\u043e\u0441.\",\r\n\r\n                features: [\r\n                    \"\u041a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f 5-\u0432-1\",\r\n                    \"\u041d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432 \u0443\u043a\u043b\u0430\u0434\u043a\u0438\",\r\n                    \"\u041f\u043e\u0434\u0445\u043e\u0434\u0438\u0442 \u0434\u043b\u044f \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f\",\r\n                    \"\u041f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u043e\u0435 \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435\"\r\n                ]\r\n            }\r\n\r\n        }\r\n\r\n    },\r\n\r\n\r\n    LAURA: {\r\n\r\n        name: \"LAURA\u2122\",\r\n\r\n        image:\r\n        \"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/09\/Image-22.jpg\",\r\n\r\n        translations: {\r\n\r\n            en: {\r\n                subtitle:\r\n                    \"Wireless automatic hair curler\",\r\n\r\n                description:\r\n                    \"A convenient wireless automatic curling device designed to simplify the process of creating styled curls.\",\r\n\r\n                features: [\r\n                    \"Wireless operation\",\r\n                    \"Automatic curling concept\",\r\n                    \"Portable styling solution\",\r\n                    \"Designed for convenient use\"\r\n                ]\r\n            },\r\n\r\n            ar: {\r\n                subtitle:\r\n                    \"\u062c\u0647\u0627\u0632 \u062a\u062c\u0639\u064a\u062f \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u0623\u0648\u062a\u0648\u0645\u0627\u062a\u064a\u0643\u064a \u0627\u0644\u0644\u0627\u0633\u0644\u0643\u064a\",\r\n\r\n                description:\r\n                    \"\u062c\u0647\u0627\u0632 \u0639\u0645\u0644\u064a \u0648\u0644\u0627\u0633\u0644\u0643\u064a \u0645\u0635\u0645\u0645 \u0644\u062a\u0633\u0647\u064a\u0644 \u0639\u0645\u0644\u064a\u0629 \u062a\u062c\u0639\u064a\u062f \u0627\u0644\u0634\u0639\u0631 \u0648\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u0633\u0631\u064a\u062d\u0629 \u0645\u0631\u062a\u0628\u0629 \u0628\u0637\u0631\u064a\u0642\u0629 \u0623\u0643\u062b\u0631 \u0633\u0647\u0648\u0644\u0629.\",\r\n\r\n                features: [\r\n                    \"\u062a\u0634\u063a\u064a\u0644 \u0644\u0627\u0633\u0644\u0643\u064a\",\r\n                    \"\u0646\u0638\u0627\u0645 \u062a\u062c\u0639\u064a\u062f \u0623\u0648\u062a\u0648\u0645\u0627\u062a\u064a\u0643\u064a\",\r\n                    \"\u062d\u0644 \u0639\u0645\u0644\u064a \u0648\u0633\u0647\u0644 \u0627\u0644\u062d\u0645\u0644\",\r\n                    \"\u0645\u0635\u0645\u0645 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0631\u064a\u062d\"\r\n                ]\r\n            },\r\n\r\n            fr: {\r\n                subtitle:\r\n                    \"Boucleur automatique sans fil\",\r\n\r\n                description:\r\n                    \"Un appareil sans fil pratique con\u00e7u pour simplifier la cr\u00e9ation de boucles et de coiffures.\",\r\n\r\n                features: [\r\n                    \"Fonctionnement sans fil\",\r\n                    \"Syst\u00e8me de bouclage automatique\",\r\n                    \"Solution de coiffage portable\",\r\n                    \"Con\u00e7u pour une utilisation pratique\"\r\n                ]\r\n            },\r\n\r\n            es: {\r\n                subtitle:\r\n                    \"Rizador autom\u00e1tico inal\u00e1mbrico\",\r\n\r\n                description:\r\n                    \"Un dispositivo inal\u00e1mbrico dise\u00f1ado para facilitar la creaci\u00f3n de rizos y diferentes peinados.\",\r\n\r\n                features: [\r\n                    \"Funcionamiento inal\u00e1mbrico\",\r\n                    \"Sistema de rizado autom\u00e1tico\",\r\n                    \"Soluci\u00f3n port\u00e1til\",\r\n                    \"Dise\u00f1ado para un uso c\u00f3modo\"\r\n                ]\r\n            },\r\n\r\n            de: {\r\n                subtitle:\r\n                    \"Kabelloser automatischer Lockenstab\",\r\n\r\n                description:\r\n                    \"Ein praktisches kabelloses Ger\u00e4t, das das Erstellen von Locken und Frisuren erleichtert.\",\r\n\r\n                features: [\r\n                    \"Kabelloser Betrieb\",\r\n                    \"Automatisches Lockensystem\",\r\n                    \"Tragbare Styling-L\u00f6sung\",\r\n                    \"F\u00fcr eine einfache Anwendung entwickelt\"\r\n                ]\r\n            },\r\n\r\n            tr: {\r\n                subtitle:\r\n                    \"Kablosuz otomatik sa\u00e7 ma\u015fas\u0131\",\r\n\r\n                description:\r\n                    \"Bukle ve farkl\u0131 sa\u00e7 stilleri olu\u015fturmay\u0131 kolayla\u015ft\u0131rmak i\u00e7in tasarlanm\u0131\u015f pratik kablosuz cihaz.\",\r\n\r\n                features: [\r\n                    \"Kablosuz kullan\u0131m\",\r\n                    \"Otomatik bukle sistemi\",\r\n                    \"Ta\u015f\u0131nabilir \u015fekillendirme \u00e7\u00f6z\u00fcm\u00fc\",\r\n                    \"Kolay kullan\u0131m i\u00e7in tasarland\u0131\"\r\n                ]\r\n            },\r\n\r\n            zh: {\r\n                subtitle:\r\n                    \"\u65e0\u7ebf\u81ea\u52a8\u5377\u53d1\u5668\",\r\n\r\n                description:\r\n                    \"\u4e00\u6b3e\u65b9\u4fbf\u7684\u65e0\u7ebf\u81ea\u52a8\u5377\u53d1\u8bbe\u5907\uff0c\u8ba9\u6253\u9020\u5377\u53d1\u9020\u578b\u66f4\u52a0\u8f7b\u677e\u3002\",\r\n\r\n                features: [\r\n                    \"\u65e0\u7ebf\u4f7f\u7528\",\r\n                    \"\u81ea\u52a8\u5377\u53d1\u8bbe\u8ba1\",\r\n                    \"\u4fbf\u643a\u5f0f\u9020\u578b\u65b9\u6848\",\r\n                    \"\u65b9\u4fbf\u65e5\u5e38\u4f7f\u7528\"\r\n                ]\r\n            },\r\n\r\n            ru: {\r\n                subtitle:\r\n                    \"\u0411\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u043e\u0439 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0441\u0442\u0430\u0439\u043b\u0435\u0440 \u0434\u043b\u044f \u0437\u0430\u0432\u0438\u0432\u043a\u0438 \u0432\u043e\u043b\u043e\u0441\",\r\n\r\n                description:\r\n                    \"\u0423\u0434\u043e\u0431\u043d\u043e\u0435 \u0431\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u043e\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u043e, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u043e\u0435 \u0434\u043b\u044f \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u0438\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u043b\u043e\u043a\u043e\u043d\u043e\u0432 \u0438 \u0440\u0430\u0437\u043b\u0438\u0447\u043d\u044b\u0445 \u043f\u0440\u0438\u0447\u0435\u0441\u043e\u043a.\",\r\n\r\n                features: [\r\n                    \"\u0411\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430\",\r\n                    \"\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0437\u0430\u0432\u0438\u0432\u043a\u0430\",\r\n                    \"\u041f\u043e\u0440\u0442\u0430\u0442\u0438\u0432\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0443\u043a\u043b\u0430\u0434\u043a\u0438\",\r\n                    \"\u0423\u0434\u043e\u0431\u043d\u043e \u0434\u043b\u044f \u043f\u043e\u0432\u0441\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f\"\r\n                ]\r\n            }\r\n\r\n        }\r\n\r\n    },\r\n\r\n\r\n    SWEEP: {\r\n\r\n        name: \"SWEEP\u2122\",\r\n\r\n        image:\r\n        \"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/09\/Image-27.jpg\",\r\n\r\n        translations: {\r\n\r\n            en: {\r\n                subtitle:\r\n                    \"Smart robot for cleaning windows and glass\",\r\n\r\n                description:\r\n                    \"A smart cleaning solution designed to assist with cleaning windows and smooth glass surfaces.\",\r\n\r\n                features: [\r\n                    \"Smart cleaning concept\",\r\n                    \"Designed for windows and glass\",\r\n                    \"Helps simplify cleaning routines\",\r\n                    \"Modern automated solution\"\r\n                ]\r\n            },\r\n\r\n            ar: {\r\n                subtitle:\r\n                    \"\u0631\u0648\u0628\u0648\u062a \u0630\u0643\u064a \u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0646\u0648\u0627\u0641\u0630 \u0648\u0627\u0644\u0632\u062c\u0627\u062c\",\r\n\r\n                description:\r\n                    \"\u062d\u0644 \u0630\u0643\u064a \u0644\u0644\u062a\u0646\u0638\u064a\u0641 \u0645\u0635\u0645\u0645 \u0644\u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0641\u064a \u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0646\u0648\u0627\u0641\u0630 \u0648\u0627\u0644\u0623\u0633\u0637\u062d \u0627\u0644\u0632\u062c\u0627\u062c\u064a\u0629 \u0627\u0644\u0645\u0644\u0633\u0627\u0621 \u0648\u062a\u0633\u0647\u064a\u0644 \u0631\u0648\u062a\u064a\u0646 \u0627\u0644\u062a\u0646\u0638\u064a\u0641.\",\r\n\r\n                features: [\r\n                    \"\u0646\u0638\u0627\u0645 \u062a\u0646\u0638\u064a\u0641 \u0630\u0643\u064a\",\r\n                    \"\u0645\u062e\u0635\u0635 \u0644\u0644\u0646\u0648\u0627\u0641\u0630 \u0648\u0627\u0644\u0632\u062c\u0627\u062c\",\r\n                    \"\u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0633\u0647\u064a\u0644 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0646\u0638\u064a\u0641\",\r\n                    \"\u062d\u0644 \u062d\u062f\u064a\u062b \u0648\u0622\u0644\u064a\"\r\n                ]\r\n            },\r\n\r\n            fr: {\r\n                subtitle:\r\n                    \"Robot intelligent pour nettoyer les fen\u00eatres et le verre\",\r\n\r\n                description:\r\n                    \"Une solution intelligente con\u00e7ue pour aider au nettoyage des fen\u00eatres et des surfaces vitr\u00e9es.\",\r\n\r\n                features: [\r\n                    \"Concept de nettoyage intelligent\",\r\n                    \"Con\u00e7u pour les fen\u00eatres et le verre\",\r\n                    \"Simplifie les routines de nettoyage\",\r\n                    \"Solution moderne et automatis\u00e9e\"\r\n                ]\r\n            },\r\n\r\n            es: {\r\n                subtitle:\r\n                    \"Robot inteligente para limpiar ventanas y cristales\",\r\n\r\n                description:\r\n                    \"Una soluci\u00f3n inteligente dise\u00f1ada para ayudar a limpiar ventanas y superficies de vidrio.\",\r\n\r\n                features: [\r\n                    \"Concepto de limpieza inteligente\",\r\n                    \"Dise\u00f1ado para ventanas y cristales\",\r\n                    \"Facilita las tareas de limpieza\",\r\n                    \"Soluci\u00f3n moderna automatizada\"\r\n                ]\r\n            },\r\n\r\n            de: {\r\n                subtitle:\r\n                    \"Intelligenter Roboter zur Fenster- und Glasreinigung\",\r\n\r\n                description:\r\n                    \"Eine intelligente Reinigungsl\u00f6sung zur Unterst\u00fctzung bei der Reinigung von Fenstern und glatten Glasfl\u00e4chen.\",\r\n\r\n                features: [\r\n                    \"Intelligentes Reinigungskonzept\",\r\n                    \"F\u00fcr Fenster und Glas\",\r\n                    \"Vereinfacht die Reinigungsroutine\",\r\n                    \"Moderne automatisierte L\u00f6sung\"\r\n                ]\r\n            },\r\n\r\n            tr: {\r\n                subtitle:\r\n                    \"Cam ve pencere temizli\u011fi i\u00e7in ak\u0131ll\u0131 robot\",\r\n\r\n                description:\r\n                    \"Pencere ve d\u00fcz cam y\u00fczeylerin temizli\u011fine yard\u0131mc\u0131 olmak i\u00e7in tasarlanm\u0131\u015f ak\u0131ll\u0131 temizlik \u00e7\u00f6z\u00fcm\u00fc.\",\r\n\r\n                features: [\r\n                    \"Ak\u0131ll\u0131 temizlik sistemi\",\r\n                    \"Pencere ve cam y\u00fczeyler i\u00e7in\",\r\n                    \"Temizlik rutinini kolayla\u015ft\u0131r\u0131r\",\r\n                    \"Modern otomatik \u00e7\u00f6z\u00fcm\"\r\n                ]\r\n            },\r\n\r\n            zh: {\r\n                subtitle:\r\n                    \"\u667a\u80fd\u7a97\u6237\u4e0e\u73bb\u7483\u6e05\u6d01\u673a\u5668\u4eba\",\r\n\r\n                description:\r\n                    \"\u4e00\u6b3e\u667a\u80fd\u6e05\u6d01\u89e3\u51b3\u65b9\u6848\uff0c\u65e8\u5728\u5e2e\u52a9\u6e05\u6d01\u7a97\u6237\u548c\u5e73\u6ed1\u73bb\u7483\u8868\u9762\u3002\",\r\n\r\n                features: [\r\n                    \"\u667a\u80fd\u6e05\u6d01\u8bbe\u8ba1\",\r\n                    \"\u9002\u7528\u4e8e\u7a97\u6237\u548c\u73bb\u7483\",\r\n                    \"\u5e2e\u52a9\u7b80\u5316\u6e05\u6d01\u6d41\u7a0b\",\r\n                    \"\u73b0\u4ee3\u81ea\u52a8\u5316\u89e3\u51b3\u65b9\u6848\"\r\n                ]\r\n            },\r\n\r\n            ru: {\r\n                subtitle:\r\n                    \"\u0423\u043c\u043d\u044b\u0439 \u0440\u043e\u0431\u043e\u0442 \u0434\u043b\u044f \u043e\u0447\u0438\u0441\u0442\u043a\u0438 \u043e\u043a\u043e\u043d \u0438 \u0441\u0442\u0435\u043a\u043b\u0430\",\r\n\r\n                description:\r\n                    \"\u0418\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u043f\u043e\u043c\u043e\u0449\u0438 \u0432 \u043e\u0447\u0438\u0441\u0442\u043a\u0435 \u043e\u043a\u043e\u043d \u0438 \u0433\u043b\u0430\u0434\u043a\u0438\u0445 \u0441\u0442\u0435\u043a\u043b\u044f\u043d\u043d\u044b\u0445 \u043f\u043e\u0432\u0435\u0440\u0445\u043d\u043e\u0441\u0442\u0435\u0439.\",\r\n\r\n                features: [\r\n                    \"\u0418\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043e\u0447\u0438\u0441\u0442\u043a\u0438\",\r\n                    \"\u041f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d \u0434\u043b\u044f \u043e\u043a\u043e\u043d \u0438 \u0441\u0442\u0435\u043a\u043b\u0430\",\r\n                    \"\u0423\u043f\u0440\u043e\u0449\u0430\u0435\u0442 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u0443\u0431\u043e\u0440\u043a\u0438\",\r\n                    \"\u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0435 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435\"\r\n                ]\r\n            }\r\n\r\n        }\r\n\r\n    },\r\n\r\n\r\n    ZESTA: {\r\n\r\n        name: \"ZESTA\u2122\",\r\n\r\n        image:\r\n        \"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/09\/Image-30.jpg\",\r\n\r\n        translations: {\r\n\r\n            en: {\r\n                subtitle:\r\n                    \"Wireless multifunction vegetable chopper\",\r\n\r\n                description:\r\n                    \"A practical wireless kitchen tool designed to make everyday chopping and food preparation easier.\",\r\n\r\n                features: [\r\n                    \"Wireless rechargeable design\",\r\n                    \"Multifunction chopping concept\",\r\n                    \"Convenient for everyday preparation\",\r\n                    \"Compact kitchen solution\"\r\n                ]\r\n            },\r\n\r\n            ar: {\r\n                subtitle:\r\n                    \"\u0642\u0637\u0627\u0639\u0629 \u062e\u0636\u0627\u0631 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a \u0644\u0627\u0633\u0644\u0643\u064a\u0629\",\r\n\r\n                description:\r\n                    \"\u0623\u062f\u0627\u0629 \u0645\u0637\u0628\u062e \u0639\u0645\u0644\u064a\u0629 \u0648\u0644\u0627\u0633\u0644\u0643\u064a\u0629 \u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u0633\u0647\u064a\u0644 \u062a\u0642\u0637\u064a\u0639 \u0627\u0644\u062e\u0636\u0627\u0631 \u0648\u062a\u062d\u0636\u064a\u0631 \u0627\u0644\u0637\u0639\u0627\u0645 \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u064a\u0648\u0645\u064a.\",\r\n\r\n                features: [\r\n                    \"\u062a\u0635\u0645\u064a\u0645 \u0644\u0627\u0633\u0644\u0643\u064a \u0642\u0627\u0628\u0644 \u0644\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0634\u062d\u0646\",\r\n                    \"\u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a\",\r\n                    \"\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u062a\u062d\u0636\u064a\u0631 \u0627\u0644\u0637\u0639\u0627\u0645 \u0627\u0644\u064a\u0648\u0645\u064a\",\r\n                    \"\u062d\u0644 \u0639\u0645\u0644\u064a \u0644\u0644\u0645\u0637\u0628\u062e\"\r\n                ]\r\n            },\r\n\r\n            fr: {\r\n                subtitle:\r\n                    \"Hachoir \u00e0 l\u00e9gumes multifonction sans fil\",\r\n\r\n                description:\r\n                    \"Un outil de cuisine pratique et sans fil con\u00e7u pour faciliter la pr\u00e9paration quotidienne des aliments.\",\r\n\r\n                features: [\r\n                    \"Design sans fil rechargeable\",\r\n                    \"Fonction multifonction\",\r\n                    \"Pratique pour la pr\u00e9paration quotidienne\",\r\n                    \"Solution compacte pour la cuisine\"\r\n                ]\r\n            },\r\n\r\n            es: {\r\n                subtitle:\r\n                    \"Picadora de verduras multifunci\u00f3n inal\u00e1mbrica\",\r\n\r\n                description:\r\n                    \"Una pr\u00e1ctica herramienta de cocina inal\u00e1mbrica dise\u00f1ada para facilitar la preparaci\u00f3n diaria de alimentos.\",\r\n\r\n                features: [\r\n                    \"Dise\u00f1o inal\u00e1mbrico recargable\",\r\n                    \"Funci\u00f3n multifunci\u00f3n\",\r\n                    \"Pr\u00e1ctica para la preparaci\u00f3n diaria\",\r\n                    \"Soluci\u00f3n compacta para la cocina\"\r\n                ]\r\n            },\r\n\r\n            de: {\r\n                subtitle:\r\n                    \"Kabelloser Multifunktions-Gem\u00fcseschneider\",\r\n\r\n                description:\r\n                    \"Ein praktisches kabelloses K\u00fcchenger\u00e4t, das die t\u00e4gliche Zubereitung von Lebensmitteln erleichtert.\",\r\n\r\n                features: [\r\n                    \"Kabellos und wiederaufladbar\",\r\n                    \"Multifunktionales Schneidesystem\",\r\n                    \"Praktisch f\u00fcr die t\u00e4gliche Zubereitung\",\r\n                    \"Kompakte K\u00fcchenl\u00f6sung\"\r\n                ]\r\n            },\r\n\r\n            tr: {\r\n                subtitle:\r\n                    \"Kablosuz \u00e7ok ama\u00e7l\u0131 sebze do\u011fray\u0131c\u0131\",\r\n\r\n                description:\r\n                    \"G\u00fcnl\u00fck yemek haz\u0131rl\u0131\u011f\u0131n\u0131 kolayla\u015ft\u0131rmak i\u00e7in tasarlanm\u0131\u015f pratik kablosuz mutfak cihaz\u0131.\",\r\n\r\n                features: [\r\n                    \"Kablosuz ve \u015farj edilebilir tasar\u0131m\",\r\n                    \"\u00c7ok ama\u00e7l\u0131 do\u011frama sistemi\",\r\n                    \"G\u00fcnl\u00fck haz\u0131rl\u0131k i\u00e7in kullan\u0131\u015fl\u0131\",\r\n                    \"Kompakt mutfak \u00e7\u00f6z\u00fcm\u00fc\"\r\n                ]\r\n            },\r\n\r\n            zh: {\r\n                subtitle:\r\n                    \"\u65e0\u7ebf\u591a\u529f\u80fd\u852c\u83dc\u5207\u788e\u673a\",\r\n\r\n                description:\r\n                    \"\u4e00\u6b3e\u5b9e\u7528\u7684\u65e0\u7ebf\u53a8\u623f\u5de5\u5177\uff0c\u8ba9\u65e5\u5e38\u852c\u83dc\u5207\u788e\u548c\u98df\u7269\u51c6\u5907\u66f4\u52a0\u65b9\u4fbf\u3002\",\r\n\r\n                features: [\r\n                    \"\u65e0\u7ebf\u5145\u7535\u8bbe\u8ba1\",\r\n                    \"\u591a\u529f\u80fd\u5207\u788e\u7cfb\u7edf\",\r\n                    \"\u65b9\u4fbf\u65e5\u5e38\u98df\u7269\u51c6\u5907\",\r\n                    \"\u5c0f\u5de7\u5b9e\u7528\u7684\u53a8\u623f\u5de5\u5177\"\r\n                ]\r\n            },\r\n\r\n            ru: {\r\n                subtitle:\r\n                    \"\u0411\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u043e\u0439 \u043c\u043d\u043e\u0433\u043e\u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0438\u0437\u043c\u0435\u043b\u044c\u0447\u0438\u0442\u0435\u043b\u044c \u043e\u0432\u043e\u0449\u0435\u0439\",\r\n\r\n                description:\r\n                    \"\u041f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u043e\u0435 \u0431\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u043e\u0435 \u043a\u0443\u0445\u043e\u043d\u043d\u043e\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u043e, \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u043d\u043e\u0435 \u0434\u043b\u044f \u0443\u0434\u043e\u0431\u043d\u043e\u0433\u043e \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u043f\u0438\u0449\u0438.\",\r\n\r\n                features: [\r\n                    \"\u0411\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u0430\u044f \u043f\u0435\u0440\u0435\u0437\u0430\u0440\u044f\u0436\u0430\u0435\u043c\u0430\u044f \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f\",\r\n                    \"\u041c\u043d\u043e\u0433\u043e\u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0438\u0437\u043c\u0435\u043b\u044c\u0447\u0435\u043d\u0438\u044f\",\r\n                    \"\u0423\u0434\u043e\u0431\u0435\u043d \u0434\u043b\u044f \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0433\u043e \u043f\u0440\u0438\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u044f\",\r\n                    \"\u041a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0435 \u043a\u0443\u0445\u043e\u043d\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435\"\r\n                ]\r\n            }\r\n\r\n        }\r\n\r\n    },\r\n\r\n\r\n    PRESSO: {\r\n\r\n        name: \"PRESSO\u2122\",\r\n\r\n        image:\r\n        \"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/09\/Image-33.jpg\",\r\n\r\n        translations: {\r\n\r\n            en: {\r\n                subtitle:\r\n                    \"Portable rechargeable espresso machine\",\r\n\r\n                description:\r\n                    \"A compact portable espresso solution designed for enjoying coffee wherever your day takes you.\",\r\n\r\n                features: [\r\n                    \"Portable design\",\r\n                    \"Rechargeable operation\",\r\n                    \"Made for espresso preparation\",\r\n                    \"Convenient for coffee on the go\"\r\n                ]\r\n            },\r\n\r\n            ar: {\r\n                subtitle:\r\n                    \"\u0645\u0627\u0643\u064a\u0646\u0629 \u0625\u0633\u0628\u0631\u0633\u0648 \u0645\u062d\u0645\u0648\u0644\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0634\u062d\u0646\",\r\n\r\n                description:\r\n                    \"\u062d\u0644 \u0645\u062f\u0645\u062c \u0648\u0645\u062d\u0645\u0648\u0644 \u0644\u062a\u062d\u0636\u064a\u0631 \u0627\u0644\u0625\u0633\u0628\u0631\u0633\u0648\u060c \u0645\u0635\u0645\u0645 \u0644\u0644\u0627\u0633\u062a\u0645\u062a\u0627\u0639 \u0628\u0627\u0644\u0642\u0647\u0648\u0629 \u0628\u0633\u0647\u0648\u0644\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0646\u0642\u0644.\",\r\n\r\n                features: [\r\n                    \"\u062a\u0635\u0645\u064a\u0645 \u0645\u062d\u0645\u0648\u0644\",\r\n                    \"\u0642\u0627\u0628\u0644\u0629 \u0644\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0634\u062d\u0646\",\r\n                    \"\u0645\u062e\u0635\u0635\u0629 \u0644\u062a\u062d\u0636\u064a\u0631 \u0627\u0644\u0625\u0633\u0628\u0631\u0633\u0648\",\r\n                    \"\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0642\u0647\u0648\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0646\u0642\u0644\"\r\n                ]\r\n            },\r\n\r\n            fr: {\r\n                subtitle:\r\n                    \"Machine \u00e0 espresso portable et rechargeable\",\r\n\r\n                description:\r\n                    \"Une solution espresso compacte et portable con\u00e7ue pour profiter du caf\u00e9 o\u00f9 que vous soyez.\",\r\n\r\n                features: [\r\n                    \"Design portable\",\r\n                    \"Fonctionnement rechargeable\",\r\n                    \"Con\u00e7ue pour pr\u00e9parer l'espresso\",\r\n                    \"Pratique pour le caf\u00e9 en d\u00e9placement\"\r\n                ]\r\n            },\r\n\r\n            es: {\r\n                subtitle:\r\n                    \"M\u00e1quina de espresso port\u00e1til y recargable\",\r\n\r\n                description:\r\n                    \"Una soluci\u00f3n compacta y port\u00e1til para preparar espresso y disfrutar del caf\u00e9 est\u00e9s donde est\u00e9s.\",\r\n\r\n                features: [\r\n                    \"Dise\u00f1o port\u00e1til\",\r\n                    \"Funcionamiento recargable\",\r\n                    \"Dise\u00f1ada para preparar espresso\",\r\n                    \"Pr\u00e1ctica para llevar\"\r\n                ]\r\n            },\r\n\r\n            de: {\r\n                subtitle:\r\n                    \"Tragbare und wiederaufladbare Espressomaschine\",\r\n\r\n                description:\r\n                    \"Eine kompakte tragbare Espressol\u00f6sung f\u00fcr Kaffee, egal wo Sie unterwegs sind.\",\r\n\r\n                features: [\r\n                    \"Tragbares Design\",\r\n                    \"Wiederaufladbarer Betrieb\",\r\n                    \"F\u00fcr die Espressozubereitung\",\r\n                    \"Praktisch unterwegs\"\r\n                ]\r\n            },\r\n\r\n            tr: {\r\n                subtitle:\r\n                    \"Ta\u015f\u0131nabilir ve \u015farj edilebilir espresso makinesi\",\r\n\r\n                description:\r\n                    \"Kahvenizi g\u00fcn\u00fcn her yerinde haz\u0131rlaman\u0131z\u0131 sa\u011flayan kompakt ve ta\u015f\u0131nabilir espresso \u00e7\u00f6z\u00fcm\u00fc.\",\r\n\r\n                features: [\r\n                    \"Ta\u015f\u0131nabilir tasar\u0131m\",\r\n                    \"\u015earj edilebilir kullan\u0131m\",\r\n                    \"Espresso haz\u0131rlamak i\u00e7in tasarland\u0131\",\r\n                    \"Seyahat ve hareket halinde kullan\u0131m i\u00e7in uygun\"\r\n                ]\r\n            },\r\n\r\n            zh: {\r\n                subtitle:\r\n                    \"\u4fbf\u643a\u5f0f\u53ef\u5145\u7535\u6d53\u7f29\u5496\u5561\u673a\",\r\n\r\n                description:\r\n                    \"\u4e00\u6b3e\u5c0f\u5de7\u4fbf\u643a\u7684\u6d53\u7f29\u5496\u5561\u89e3\u51b3\u65b9\u6848\uff0c\u8ba9\u60a8\u968f\u65f6\u968f\u5730\u4eab\u53d7\u5496\u5561\u3002\",\r\n\r\n                features: [\r\n                    \"\u4fbf\u643a\u5f0f\u8bbe\u8ba1\",\r\n                    \"\u53ef\u5145\u7535\u4f7f\u7528\",\r\n                    \"\u9002\u7528\u4e8e\u6d53\u7f29\u5496\u5561\u5236\u4f5c\",\r\n                    \"\u65b9\u4fbf\u5916\u51fa\u643a\u5e26\"\r\n                ]\r\n            },\r\n\r\n            ru: {\r\n                subtitle:\r\n                    \"\u041f\u043e\u0440\u0442\u0430\u0442\u0438\u0432\u043d\u0430\u044f \u043f\u0435\u0440\u0435\u0437\u0430\u0440\u044f\u0436\u0430\u0435\u043c\u0430\u044f \u043a\u043e\u0444\u0435\u043c\u0430\u0448\u0438\u043d\u0430 \u044d\u0441\u043f\u0440\u0435\u0441\u0441\u043e\",\r\n\r\n                description:\r\n                    \"\u041a\u043e\u043c\u043f\u0430\u043a\u0442\u043d\u043e\u0435 \u043f\u043e\u0440\u0442\u0430\u0442\u0438\u0432\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u043f\u0440\u0438\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u044d\u0441\u043f\u0440\u0435\u0441\u0441\u043e, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0435\u0435 \u043d\u0430\u0441\u043b\u0430\u0436\u0434\u0430\u0442\u044c\u0441\u044f \u043a\u043e\u0444\u0435 \u0432 \u0434\u043e\u0440\u043e\u0433\u0435.\",\r\n\r\n                features: [\r\n                    \"\u041f\u043e\u0440\u0442\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\",\r\n                    \"\u041f\u0435\u0440\u0435\u0437\u0430\u0440\u044f\u0436\u0430\u0435\u043c\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430\",\r\n                    \"\u0414\u043b\u044f \u043f\u0440\u0438\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u044f \u044d\u0441\u043f\u0440\u0435\u0441\u0441\u043e\",\r\n                    \"\u0423\u0434\u043e\u0431\u043d\u0430 \u0432 \u043f\u043e\u0435\u0437\u0434\u043a\u0430\u0445\"\r\n                ]\r\n            }\r\n\r\n        }\r\n\r\n    },\r\n\r\n\r\n    LEA: {\r\n\r\n        name: \"L\u00c9A\u2122\",\r\n\r\n        image:\r\n        \"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/09\/Image-36.jpg\",\r\n\r\n        translations: {\r\n\r\n            en: {\r\n                subtitle:\r\n                    \"Wireless 2-in-1 hair straightener and curler\",\r\n\r\n                description:\r\n                    \"A versatile wireless styling tool designed for both straightening and creating waves or curls.\",\r\n\r\n                features: [\r\n                    \"2-in-1 styling design\",\r\n                    \"Wireless operation\",\r\n                    \"Straightening and curling\",\r\n                    \"Convenient portable format\"\r\n                ]\r\n            },\r\n\r\n            ar: {\r\n                subtitle:\r\n                    \"\u062c\u0647\u0627\u0632 \u0641\u0631\u062f \u0648\u062a\u0645\u0648\u064a\u062c \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u0644\u0627\u0633\u0644\u0643\u064a 2 \u0641\u064a 1\",\r\n\r\n                description:\r\n                    \"\u062c\u0647\u0627\u0632 \u062a\u0635\u0641\u064a\u0641 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a \u064a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0641\u0631\u062f \u0627\u0644\u0634\u0639\u0631 \u0648\u062a\u0645\u0648\u064a\u062c\u0647 \u0623\u0648 \u062a\u062c\u0639\u064a\u062f\u0647 \u0628\u062a\u0635\u0645\u064a\u0645 \u0644\u0627\u0633\u0644\u0643\u064a \u0639\u0645\u0644\u064a.\",\r\n\r\n                features: [\r\n                    \"\u062a\u0635\u0645\u064a\u0645 2 \u0641\u064a 1\",\r\n                    \"\u062a\u0634\u063a\u064a\u0644 \u0644\u0627\u0633\u0644\u0643\u064a\",\r\n                    \"\u0644\u0641\u0631\u062f \u0648\u062a\u0645\u0648\u064a\u062c \u0627\u0644\u0634\u0639\u0631\",\r\n                    \"\u062d\u062c\u0645 \u0639\u0645\u0644\u064a \u0648\u0645\u062d\u0645\u0648\u0644\"\r\n                ]\r\n            },\r\n\r\n            fr: {\r\n                subtitle:\r\n                    \"Lisseur et boucleur sans fil 2-en-1\",\r\n\r\n                description:\r\n                    \"Un outil de coiffage polyvalent sans fil permettant de lisser et de cr\u00e9er des ondulations ou des boucles.\",\r\n\r\n                features: [\r\n                    \"Design 2-en-1\",\r\n                    \"Fonctionnement sans fil\",\r\n                    \"Lissage et bouclage\",\r\n                    \"Format portable pratique\"\r\n                ]\r\n            },\r\n\r\n            es: {\r\n                subtitle:\r\n                    \"Alisador y rizador inal\u00e1mbrico 2 en 1\",\r\n\r\n                description:\r\n                    \"Una herramienta vers\u00e1til e inal\u00e1mbrica para alisar el cabello y crear ondas o rizos.\",\r\n\r\n                features: [\r\n                    \"Dise\u00f1o 2 en 1\",\r\n                    \"Funcionamiento inal\u00e1mbrico\",\r\n                    \"Alisado y rizado\",\r\n                    \"Formato port\u00e1til\"\r\n                ]\r\n            },\r\n\r\n            de: {\r\n                subtitle:\r\n                    \"Kabelloses 2-in-1-Haargl\u00e4tteisen und Lockenstab\",\r\n\r\n                description:\r\n                    \"Ein vielseitiges kabelloses Stylingger\u00e4t zum Gl\u00e4tten sowie f\u00fcr Wellen und Locken.\",\r\n\r\n                features: [\r\n                    \"2-in-1-Styling\",\r\n                    \"Kabelloser Betrieb\",\r\n                    \"Gl\u00e4tten und Locken\",\r\n                    \"Praktisches tragbares Format\"\r\n                ]\r\n            },\r\n\r\n            tr: {\r\n                subtitle:\r\n                    \"Kablosuz 2'si 1 arada sa\u00e7 d\u00fczle\u015ftirici ve ma\u015fa\",\r\n\r\n                description:\r\n                    \"Sa\u00e7\u0131 d\u00fczle\u015ftirmek, dalga ve bukle olu\u015fturmak i\u00e7in tasarlanm\u0131\u015f \u00e7ok y\u00f6nl\u00fc kablosuz \u015fekillendirici.\",\r\n\r\n                features: [\r\n                    \"2'si 1 arada tasar\u0131m\",\r\n                    \"Kablosuz kullan\u0131m\",\r\n                    \"D\u00fczle\u015ftirme ve bukle\",\r\n                    \"Pratik ta\u015f\u0131nabilir tasar\u0131m\"\r\n                ]\r\n            },\r\n\r\n            zh: {\r\n                subtitle:\r\n                    \"\u65e0\u7ebf\u4e8c\u5408\u4e00\u5377\u53d1\u76f4\u53d1\u5668\",\r\n\r\n                description:\r\n                    \"\u4e00\u6b3e\u591a\u529f\u80fd\u65e0\u7ebf\u9020\u578b\u5de5\u5177\uff0c\u53ef\u7528\u4e8e\u62c9\u76f4\u5934\u53d1\u4ee5\u53ca\u6253\u9020\u6ce2\u6d6a\u6216\u5377\u53d1\u3002\",\r\n\r\n                features: [\r\n                    \"\u4e8c\u5408\u4e00\u9020\u578b\u8bbe\u8ba1\",\r\n                    \"\u65e0\u7ebf\u4f7f\u7528\",\r\n                    \"\u76f4\u53d1\u4e0e\u5377\u53d1\u529f\u80fd\",\r\n                    \"\u4fbf\u643a\u5b9e\u7528\"\r\n                ]\r\n            },\r\n\r\n            ru: {\r\n                subtitle:\r\n                    \"\u0411\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0430\u0439\u043b\u0435\u0440 2-\u0432-1 \u0434\u043b\u044f \u0432\u044b\u043f\u0440\u044f\u043c\u043b\u0435\u043d\u0438\u044f \u0438 \u0437\u0430\u0432\u0438\u0432\u043a\u0438 \u0432\u043e\u043b\u043e\u0441\",\r\n\r\n                description:\r\n                    \"\u0423\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0439 \u0431\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0430\u0439\u043b\u0435\u0440 \u0434\u043b\u044f \u0432\u044b\u043f\u0440\u044f\u043c\u043b\u0435\u043d\u0438\u044f \u0432\u043e\u043b\u043e\u0441 \u0438 \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0432\u043e\u043b\u043d \u0438\u043b\u0438 \u043b\u043e\u043a\u043e\u043d\u043e\u0432.\",\r\n\r\n                features: [\r\n                    \"\u041a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f 2-\u0432-1\",\r\n                    \"\u0411\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430\",\r\n                    \"\u0412\u044b\u043f\u0440\u044f\u043c\u043b\u0435\u043d\u0438\u0435 \u0438 \u0437\u0430\u0432\u0438\u0432\u043a\u0430\",\r\n                    \"\u0423\u0434\u043e\u0431\u043d\u044b\u0439 \u043f\u043e\u0440\u0442\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0444\u043e\u0440\u043c\u0430\u0442\"\r\n                ]\r\n            }\r\n\r\n        }\r\n\r\n    },\r\n\r\n\r\n    MISTE: {\r\n\r\n        name: \"MIST\u00c9\u2122\",\r\n\r\n        image:\r\n        \"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/09\/Image-39.jpg\",\r\n\r\n        translations: {\r\n\r\n            en: {\r\n                subtitle:\r\n                    \"Electric hair brush with steam function\",\r\n\r\n                description:\r\n                    \"An electric styling brush designed with a steam feature to support convenient everyday hair styling.\",\r\n\r\n                features: [\r\n                    \"Electric styling brush\",\r\n                    \"Steam function\",\r\n                    \"Designed for everyday styling\",\r\n                    \"Practical hair-care solution\"\r\n                ]\r\n            },\r\n\r\n            ar: {\r\n                subtitle:\r\n                    \"\u0641\u0631\u0634\u0627\u0629 \u0634\u0639\u0631 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0645\u0632\u0648\u062f\u0629 \u0628\u062e\u0627\u0635\u064a\u0629 \u0627\u0644\u0628\u062e\u0627\u0631\",\r\n\r\n                description:\r\n                    \"\u0641\u0631\u0634\u0627\u0629 \u062a\u0635\u0641\u064a\u0641 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0645\u0632\u0648\u062f\u0629 \u0628\u062e\u0627\u0635\u064a\u0629 \u0627\u0644\u0628\u062e\u0627\u0631 \u0644\u062a\u0648\u0641\u064a\u0631 \u062a\u062c\u0631\u0628\u0629 \u062a\u0635\u0641\u064a\u0641 \u0639\u0645\u0644\u064a\u0629 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u064a\u0648\u0645\u064a.\",\r\n\r\n                features: [\r\n                    \"\u0641\u0631\u0634\u0627\u0629 \u062a\u0635\u0641\u064a\u0641 \u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629\",\r\n                    \"\u062e\u0627\u0635\u064a\u0629 \u0627\u0644\u0628\u062e\u0627\u0631\",\r\n                    \"\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u062a\u0635\u0641\u064a\u0641 \u0627\u0644\u064a\u0648\u0645\u064a\",\r\n                    \"\u062d\u0644 \u0639\u0645\u0644\u064a \u0644\u0644\u0639\u0646\u0627\u064a\u0629 \u0628\u0627\u0644\u0634\u0639\u0631\"\r\n                ]\r\n            },\r\n\r\n            fr: {\r\n                subtitle:\r\n                    \"Brosse \u00e0 cheveux \u00e9lectrique avec fonction vapeur\",\r\n\r\n                description:\r\n                    \"Une brosse \u00e9lectrique avec fonction vapeur con\u00e7ue pour faciliter le coiffage quotidien.\",\r\n\r\n                features: [\r\n                    \"Brosse de coiffage \u00e9lectrique\",\r\n                    \"Fonction vapeur\",\r\n                    \"Adapt\u00e9e au coiffage quotidien\",\r\n                    \"Solution pratique pour les cheveux\"\r\n                ]\r\n            },\r\n\r\n            es: {\r\n                subtitle:\r\n                    \"Cepillo el\u00e9ctrico para cabello con funci\u00f3n de vapor\",\r\n\r\n                description:\r\n                    \"Un cepillo el\u00e9ctrico con funci\u00f3n de vapor dise\u00f1ado para facilitar el peinado diario.\",\r\n\r\n                features: [\r\n                    \"Cepillo el\u00e9ctrico\",\r\n                    \"Funci\u00f3n de vapor\",\r\n                    \"Para el peinado diario\",\r\n                    \"Soluci\u00f3n pr\u00e1ctica para el cabello\"\r\n                ]\r\n            },\r\n\r\n            de: {\r\n                subtitle:\r\n                    \"Elektrische Haarb\u00fcrste mit Dampffunktion\",\r\n\r\n                description:\r\n                    \"Eine elektrische Stylingb\u00fcrste mit Dampffunktion f\u00fcr ein komfortables t\u00e4gliches Haarstyling.\",\r\n\r\n                features: [\r\n                    \"Elektrische Stylingb\u00fcrste\",\r\n                    \"Dampffunktion\",\r\n                    \"F\u00fcr t\u00e4gliches Styling\",\r\n                    \"Praktische Haarpflege-L\u00f6sung\"\r\n                ]\r\n            },\r\n\r\n            tr: {\r\n                subtitle:\r\n                    \"Buhar \u00f6zellikli elektrikli sa\u00e7 f\u0131r\u00e7as\u0131\",\r\n\r\n                description:\r\n                    \"G\u00fcnl\u00fck sa\u00e7 \u015fekillendirmeyi kolayla\u015ft\u0131rmak i\u00e7in buhar \u00f6zelli\u011fine sahip elektrikli sa\u00e7 f\u0131r\u00e7as\u0131.\",\r\n\r\n                features: [\r\n                    \"Elektrikli \u015fekillendirme f\u0131r\u00e7as\u0131\",\r\n                    \"Buhar \u00f6zelli\u011fi\",\r\n                    \"G\u00fcnl\u00fck \u015fekillendirme i\u00e7in\",\r\n                    \"Pratik sa\u00e7 bak\u0131m \u00e7\u00f6z\u00fcm\u00fc\"\r\n                ]\r\n            },\r\n\r\n            zh: {\r\n                subtitle:\r\n                    \"\u5e26\u84b8\u6c7d\u529f\u80fd\u7684\u7535\u52a8\u7f8e\u53d1\u68b3\",\r\n\r\n                description:\r\n                    \"\u4e00\u6b3e\u5e26\u84b8\u6c7d\u529f\u80fd\u7684\u7535\u52a8\u9020\u578b\u68b3\uff0c\u8ba9\u65e5\u5e38\u5934\u53d1\u9020\u578b\u66f4\u52a0\u65b9\u4fbf\u3002\",\r\n\r\n                features: [\r\n                    \"\u7535\u52a8\u9020\u578b\u68b3\",\r\n                    \"\u84b8\u6c7d\u529f\u80fd\",\r\n                    \"\u9002\u5408\u65e5\u5e38\u9020\u578b\",\r\n                    \"\u5b9e\u7528\u7684\u62a4\u53d1\u65b9\u6848\"\r\n                ]\r\n            },\r\n\r\n            ru: {\r\n                subtitle:\r\n                    \"\u042d\u043b\u0435\u043a\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0449\u0451\u0442\u043a\u0430 \u0434\u043b\u044f \u0432\u043e\u043b\u043e\u0441 \u0441 \u0444\u0443\u043d\u043a\u0446\u0438\u0435\u0439 \u043f\u0430\u0440\u0430\",\r\n\r\n                description:\r\n                    \"\u042d\u043b\u0435\u043a\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0449\u0451\u0442\u043a\u0430 \u0441 \u0444\u0443\u043d\u043a\u0446\u0438\u0435\u0439 \u043f\u0430\u0440\u0430, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u0430\u044f \u0434\u043b\u044f \u0443\u0434\u043e\u0431\u043d\u043e\u0439 \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0439 \u0443\u043a\u043b\u0430\u0434\u043a\u0438 \u0432\u043e\u043b\u043e\u0441.\",\r\n\r\n                features: [\r\n                    \"\u042d\u043b\u0435\u043a\u0442\u0440\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0449\u0451\u0442\u043a\u0430 \u0434\u043b\u044f \u0443\u043a\u043b\u0430\u0434\u043a\u0438\",\r\n                    \"\u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u0430\u0440\u0430\",\r\n                    \"\u0414\u043b\u044f \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0439 \u0443\u043a\u043b\u0430\u0434\u043a\u0438\",\r\n                    \"\u041f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u0443\u0445\u043e\u0434\u0430 \u0437\u0430 \u0432\u043e\u043b\u043e\u0441\u0430\u043c\u0438\"\r\n                ]\r\n            }\r\n\r\n        }\r\n\r\n    },\r\n\r\n\r\n    LUNA: {\r\n\r\n        name: \"LUNA\u2122\",\r\n\r\n        image:\r\n        \"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/09\/Image-42.jpg\",\r\n\r\n        translations: {\r\n\r\n            en: {\r\n                subtitle:\r\n                    \"Smart wireless hair straightening comb\",\r\n\r\n                description:\r\n                    \"A smart wireless styling comb designed to make everyday hair straightening more convenient.\",\r\n\r\n                features: [\r\n                    \"Wireless design\",\r\n                    \"Smart styling concept\",\r\n                    \"Hair straightening function\",\r\n                    \"Portable and convenient\"\r\n                ]\r\n            },\r\n\r\n            ar: {\r\n                subtitle:\r\n                    \"\u0645\u0634\u0637 \u0641\u0631\u062f \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u0644\u0627\u0633\u0644\u0643\u064a \u0627\u0644\u0630\u0643\u064a\",\r\n\r\n                description:\r\n                    \"\u0645\u0634\u0637 \u062a\u0635\u0641\u064a\u0641 \u0630\u0643\u064a \u0648\u0644\u0627\u0633\u0644\u0643\u064a \u0645\u0635\u0645\u0645 \u0644\u062c\u0639\u0644 \u0639\u0645\u0644\u064a\u0629 \u0641\u0631\u062f \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0623\u0643\u062b\u0631 \u0633\u0647\u0648\u0644\u0629 \u0648\u0631\u0627\u062d\u0629.\",\r\n\r\n                features: [\r\n                    \"\u062a\u0635\u0645\u064a\u0645 \u0644\u0627\u0633\u0644\u0643\u064a\",\r\n                    \"\u0646\u0638\u0627\u0645 \u062a\u0635\u0641\u064a\u0641 \u0630\u0643\u064a\",\r\n                    \"\u0648\u0638\u064a\u0641\u0629 \u0641\u0631\u062f \u0627\u0644\u0634\u0639\u0631\",\r\n                    \"\u0639\u0645\u0644\u064a \u0648\u0633\u0647\u0644 \u0627\u0644\u062d\u0645\u0644\"\r\n                ]\r\n            },\r\n\r\n            fr: {\r\n                subtitle:\r\n                    \"Peigne lissant sans fil intelligent\",\r\n\r\n                description:\r\n                    \"Un peigne de coiffage intelligent et sans fil con\u00e7u pour faciliter le lissage quotidien des cheveux.\",\r\n\r\n                features: [\r\n                    \"Design sans fil\",\r\n                    \"Concept de coiffage intelligent\",\r\n                    \"Fonction de lissage\",\r\n                    \"Portable et pratique\"\r\n                ]\r\n            },\r\n\r\n            es: {\r\n                subtitle:\r\n                    \"Peine alisador inal\u00e1mbrico inteligente\",\r\n\r\n                description:\r\n                    \"Un peine inteligente e inal\u00e1mbrico dise\u00f1ado para facilitar el alisado diario del cabello.\",\r\n\r\n                features: [\r\n                    \"Dise\u00f1o inal\u00e1mbrico\",\r\n                    \"Concepto de peinado inteligente\",\r\n                    \"Funci\u00f3n de alisado\",\r\n                    \"Port\u00e1til y pr\u00e1ctico\"\r\n                ]\r\n            },\r\n\r\n            de: {\r\n                subtitle:\r\n                    \"Intelligenter kabelloser Haargl\u00e4ttungskamm\",\r\n\r\n                description:\r\n                    \"Ein intelligenter kabelloser Stylingkamm, der das t\u00e4gliche Gl\u00e4tten der Haare erleichtert.\",\r\n\r\n                features: [\r\n                    \"Kabelloses Design\",\r\n                    \"Intelligentes Styling-Konzept\",\r\n                    \"Haargl\u00e4ttungsfunktion\",\r\n                    \"Tragbar und praktisch\"\r\n                ]\r\n            },\r\n\r\n            tr: {\r\n                subtitle:\r\n                    \"Ak\u0131ll\u0131 kablosuz sa\u00e7 d\u00fczle\u015ftirme tara\u011f\u0131\",\r\n\r\n                description:\r\n                    \"G\u00fcnl\u00fck sa\u00e7 d\u00fczle\u015ftirmeyi kolayla\u015ft\u0131rmak i\u00e7in tasarlanm\u0131\u015f ak\u0131ll\u0131 ve kablosuz \u015fekillendirme tara\u011f\u0131.\",\r\n\r\n                features: [\r\n                    \"Kablosuz tasar\u0131m\",\r\n                    \"Ak\u0131ll\u0131 \u015fekillendirme sistemi\",\r\n                    \"Sa\u00e7 d\u00fczle\u015ftirme \u00f6zelli\u011fi\",\r\n                    \"Ta\u015f\u0131nabilir ve pratik\"\r\n                ]\r\n            },\r\n\r\n            zh: {\r\n                subtitle:\r\n                    \"\u667a\u80fd\u65e0\u7ebf\u76f4\u53d1\u68b3\",\r\n\r\n                description:\r\n                    \"\u4e00\u6b3e\u667a\u80fd\u65e0\u7ebf\u9020\u578b\u68b3\uff0c\u8ba9\u65e5\u5e38\u5934\u53d1\u62c9\u76f4\u66f4\u52a0\u65b9\u4fbf\u3002\",\r\n\r\n                features: [\r\n                    \"\u65e0\u7ebf\u8bbe\u8ba1\",\r\n                    \"\u667a\u80fd\u9020\u578b\u7406\u5ff5\",\r\n                    \"\u76f4\u53d1\u529f\u80fd\",\r\n                    \"\u4fbf\u643a\u65b9\u4fbf\"\r\n                ]\r\n            },\r\n\r\n            ru: {\r\n                subtitle:\r\n                    \"\u0423\u043c\u043d\u044b\u0439 \u0431\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u043e\u0439 \u0440\u0430\u0441\u0447\u0451\u0441\u043a\u0430-\u0432\u044b\u043f\u0440\u044f\u043c\u0438\u0442\u0435\u043b\u044c \u0434\u043b\u044f \u0432\u043e\u043b\u043e\u0441\",\r\n\r\n                description:\r\n                    \"\u0423\u043c\u043d\u0430\u044f \u0431\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u0430\u044f \u0440\u0430\u0441\u0447\u0451\u0441\u043a\u0430 \u0434\u043b\u044f \u0443\u043a\u043b\u0430\u0434\u043a\u0438, \u0441\u043e\u0437\u0434\u0430\u043d\u043d\u0430\u044f \u0434\u043b\u044f \u0443\u0434\u043e\u0431\u043d\u043e\u0433\u043e \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0433\u043e \u0432\u044b\u043f\u0440\u044f\u043c\u043b\u0435\u043d\u0438\u044f \u0432\u043e\u043b\u043e\u0441.\",\r\n\r\n                features: [\r\n                    \"\u0411\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u0430\u044f \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f\",\r\n                    \"\u0418\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0443\u043a\u043b\u0430\u0434\u043a\u0438\",\r\n                    \"\u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0432\u044b\u043f\u0440\u044f\u043c\u043b\u0435\u043d\u0438\u044f\",\r\n                    \"\u041f\u043e\u0440\u0442\u0430\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c \u0438 \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u043e\"\r\n                ]\r\n            }\r\n\r\n        }\r\n\r\n    },\r\n\r\n\r\n    MIRA: {\r\n\r\n        name: \"MIRA\u2122\",\r\n\r\n        image:\r\n        \"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/09\/Image-45.jpg\",\r\n\r\n        translations: {\r\n\r\n            en: {\r\n                subtitle:\r\n                    \"Wireless thermal hair straightening comb\",\r\n\r\n                description:\r\n                    \"A wireless heated styling comb designed for convenient everyday hair straightening.\",\r\n\r\n                features: [\r\n                    \"Wireless design\",\r\n                    \"Thermal styling\",\r\n                    \"Hair straightening function\",\r\n                    \"Convenient everyday format\"\r\n                ]\r\n            },\r\n\r\n            ar: {\r\n                subtitle:\r\n                    \"\u0645\u0634\u0637 \u0641\u0631\u062f \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u0644\u0627\u0633\u0644\u0643\u064a \u0627\u0644\u062d\u0631\u0627\u0631\u064a\",\r\n\r\n                description:\r\n                    \"\u0645\u0634\u0637 \u062a\u0635\u0641\u064a\u0641 \u062d\u0631\u0627\u0631\u064a \u0648\u0644\u0627\u0633\u0644\u0643\u064a \u0645\u0635\u0645\u0645 \u0644\u0641\u0631\u062f \u0627\u0644\u0634\u0639\u0631 \u0628\u0637\u0631\u064a\u0642\u0629 \u0639\u0645\u0644\u064a\u0629 \u0648\u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u064a\u0648\u0645\u064a.\",\r\n\r\n                features: [\r\n                    \"\u062a\u0635\u0645\u064a\u0645 \u0644\u0627\u0633\u0644\u0643\u064a\",\r\n                    \"\u062a\u0635\u0641\u064a\u0641 \u062d\u0631\u0627\u0631\u064a\",\r\n                    \"\u0648\u0638\u064a\u0641\u0629 \u0641\u0631\u062f \u0627\u0644\u0634\u0639\u0631\",\r\n                    \"\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u064a\u0648\u0645\u064a\"\r\n                ]\r\n            },\r\n\r\n            fr: {\r\n                subtitle:\r\n                    \"Peigne lissant thermique sans fil\",\r\n\r\n                description:\r\n                    \"Un peigne chauffant sans fil con\u00e7u pour faciliter le lissage quotidien des cheveux.\",\r\n\r\n                features: [\r\n                    \"Design sans fil\",\r\n                    \"Coiffage thermique\",\r\n                    \"Fonction de lissage\",\r\n                    \"Format pratique au quotidien\"\r\n                ]\r\n            },\r\n\r\n            es: {\r\n                subtitle:\r\n                    \"Peine alisador t\u00e9rmico inal\u00e1mbrico\",\r\n\r\n                description:\r\n                    \"Un peine de peinado t\u00e9rmico inal\u00e1mbrico dise\u00f1ado para facilitar el alisado diario.\",\r\n\r\n                features: [\r\n                    \"Dise\u00f1o inal\u00e1mbrico\",\r\n                    \"Peinado t\u00e9rmico\",\r\n                    \"Funci\u00f3n de alisado\",\r\n                    \"Formato pr\u00e1ctico para el d\u00eda a d\u00eda\"\r\n                ]\r\n            },\r\n\r\n            de: {\r\n                subtitle:\r\n                    \"Kabelloser thermischer Haargl\u00e4ttungskamm\",\r\n\r\n                description:\r\n                    \"Ein kabelloser beheizter Stylingkamm f\u00fcr ein komfortables t\u00e4gliches Gl\u00e4tten der Haare.\",\r\n\r\n                features: [\r\n                    \"Kabelloses Design\",\r\n                    \"Thermisches Styling\",\r\n                    \"Haargl\u00e4ttungsfunktion\",\r\n                    \"Praktisch f\u00fcr den Alltag\"\r\n                ]\r\n            },\r\n\r\n            tr: {\r\n                subtitle:\r\n                    \"Kablosuz termal sa\u00e7 d\u00fczle\u015ftirme tara\u011f\u0131\",\r\n\r\n                description:\r\n                    \"G\u00fcnl\u00fck sa\u00e7 d\u00fczle\u015ftirmeyi kolayla\u015ft\u0131rmak i\u00e7in tasarlanm\u0131\u015f kablosuz \u0131s\u0131tmal\u0131 \u015fekillendirme tara\u011f\u0131.\",\r\n\r\n                features: [\r\n                    \"Kablosuz tasar\u0131m\",\r\n                    \"Termal \u015fekillendirme\",\r\n                    \"Sa\u00e7 d\u00fczle\u015ftirme \u00f6zelli\u011fi\",\r\n                    \"G\u00fcnl\u00fck kullan\u0131m i\u00e7in pratik\"\r\n                ]\r\n            },\r\n\r\n            zh: {\r\n                subtitle:\r\n                    \"\u65e0\u7ebf\u70ed\u529b\u76f4\u53d1\u68b3\",\r\n\r\n                description:\r\n                    \"\u4e00\u6b3e\u65e0\u7ebf\u52a0\u70ed\u9020\u578b\u68b3\uff0c\u8ba9\u65e5\u5e38\u5934\u53d1\u62c9\u76f4\u66f4\u52a0\u65b9\u4fbf\u3002\",\r\n\r\n                features: [\r\n                    \"\u65e0\u7ebf\u8bbe\u8ba1\",\r\n                    \"\u70ed\u529b\u9020\u578b\",\r\n                    \"\u76f4\u53d1\u529f\u80fd\",\r\n                    \"\u9002\u5408\u65e5\u5e38\u4f7f\u7528\"\r\n                ]\r\n            },\r\n\r\n            ru: {\r\n                subtitle:\r\n                    \"\u0411\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u0430\u044f \u0442\u0435\u0440\u043c\u043e\u0440\u0430\u0441\u0447\u0451\u0441\u043a\u0430 \u0434\u043b\u044f \u0432\u044b\u043f\u0440\u044f\u043c\u043b\u0435\u043d\u0438\u044f \u0432\u043e\u043b\u043e\u0441\",\r\n\r\n                description:\r\n                    \"\u0411\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u0430\u044f \u043d\u0430\u0433\u0440\u0435\u0432\u0430\u044e\u0449\u0430\u044f\u0441\u044f \u0440\u0430\u0441\u0447\u0451\u0441\u043a\u0430 \u0434\u043b\u044f \u0443\u0434\u043e\u0431\u043d\u043e\u0433\u043e \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0433\u043e \u0432\u044b\u043f\u0440\u044f\u043c\u043b\u0435\u043d\u0438\u044f \u0432\u043e\u043b\u043e\u0441.\",\r\n\r\n                features: [\r\n                    \"\u0411\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u0430\u044f \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f\",\r\n                    \"\u0422\u0435\u0440\u043c\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0443\u043a\u043b\u0430\u0434\u043a\u0430\",\r\n                    \"\u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0432\u044b\u043f\u0440\u044f\u043c\u043b\u0435\u043d\u0438\u044f\",\r\n                    \"\u041f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u0430 \u0434\u043b\u044f \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0433\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f\"\r\n                ]\r\n            }\r\n\r\n        }\r\n\r\n    },\r\n\r\n\r\n    SORA: {\r\n\r\n        name: \"SORA\u2122\",\r\n\r\n        image:\r\n        \"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/09\/Image-47.jpg\",\r\n\r\n        translations: {\r\n\r\n            en: {\r\n                subtitle:\r\n                    \"Wireless 2-in-1 hair straightener and curler\",\r\n\r\n                description:\r\n                    \"A versatile wireless styling device designed to combine straightening and curling in one practical tool.\",\r\n\r\n                features: [\r\n                    \"2-in-1 styling\",\r\n                    \"Wireless operation\",\r\n                    \"Straightening and curling\",\r\n                    \"Portable styling solution\"\r\n                ]\r\n            },\r\n\r\n            ar: {\r\n                subtitle:\r\n                    \"\u062c\u0647\u0627\u0632 \u062a\u0645\u0644\u064a\u0633 \u0648\u062a\u062c\u0639\u064a\u062f \u0627\u0644\u0634\u0639\u0631 \u0627\u0644\u0644\u0627\u0633\u0644\u0643\u064a 2 \u0641\u064a 1\",\r\n\r\n                description:\r\n                    \"\u062c\u0647\u0627\u0632 \u062a\u0635\u0641\u064a\u0641 \u0644\u0627\u0633\u0644\u0643\u064a \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a \u064a\u062c\u0645\u0639 \u0628\u064a\u0646 \u062a\u0645\u0644\u064a\u0633 \u0627\u0644\u0634\u0639\u0631 \u0648\u062a\u062c\u0639\u064a\u062f\u0647 \u0641\u064a \u0623\u062f\u0627\u0629 \u0648\u0627\u062d\u062f\u0629 \u0639\u0645\u0644\u064a\u0629.\",\r\n\r\n                features: [\r\n                    \"\u062a\u0635\u0641\u064a\u0641 2 \u0641\u064a 1\",\r\n                    \"\u062a\u0634\u063a\u064a\u0644 \u0644\u0627\u0633\u0644\u0643\u064a\",\r\n                    \"\u062a\u0645\u0644\u064a\u0633 \u0648\u062a\u062c\u0639\u064a\u062f \u0627\u0644\u0634\u0639\u0631\",\r\n                    \"\u062d\u0644 \u062a\u0635\u0641\u064a\u0641 \u0645\u062d\u0645\u0648\u0644\"\r\n                ]\r\n            },\r\n\r\n            fr: {\r\n                subtitle:\r\n                    \"Lisseur et boucleur sans fil 2-en-1\",\r\n\r\n                description:\r\n                    \"Un appareil de coiffage sans fil polyvalent combinant lissage et bouclage dans un seul outil.\",\r\n\r\n                features: [\r\n                    \"Coiffage 2-en-1\",\r\n                    \"Fonctionnement sans fil\",\r\n                    \"Lissage et bouclage\",\r\n                    \"Solution de coiffage portable\"\r\n                ]\r\n            },\r\n\r\n            es: {\r\n                subtitle:\r\n                    \"Alisador y rizador inal\u00e1mbrico 2 en 1\",\r\n\r\n                description:\r\n                    \"Un dispositivo inal\u00e1mbrico vers\u00e1til que combina alisado y rizado en una sola herramienta.\",\r\n\r\n                features: [\r\n                    \"Peinado 2 en 1\",\r\n                    \"Funcionamiento inal\u00e1mbrico\",\r\n                    \"Alisado y rizado\",\r\n                    \"Soluci\u00f3n port\u00e1til\"\r\n                ]\r\n            },\r\n\r\n            de: {\r\n                subtitle:\r\n                    \"Kabelloses 2-in-1-Haargl\u00e4tteisen und Lockenstab\",\r\n\r\n                description:\r\n                    \"Ein vielseitiges kabelloses Stylingger\u00e4t, das Gl\u00e4tten und Locken in einem Ger\u00e4t kombiniert.\",\r\n\r\n                features: [\r\n                    \"2-in-1-Styling\",\r\n                    \"Kabelloser Betrieb\",\r\n                    \"Gl\u00e4tten und Locken\",\r\n                    \"Tragbare Styling-L\u00f6sung\"\r\n                ]\r\n            },\r\n\r\n            tr: {\r\n                subtitle:\r\n                    \"Kablosuz 2'si 1 arada sa\u00e7 d\u00fczle\u015ftirici ve ma\u015fa\",\r\n\r\n                description:\r\n                    \"D\u00fczle\u015ftirme ve bukle i\u015flemlerini tek pratik cihazda birle\u015ftiren \u00e7ok y\u00f6nl\u00fc kablosuz \u015fekillendirici.\",\r\n\r\n                features: [\r\n                    \"2'si 1 arada \u015fekillendirme\",\r\n                    \"Kablosuz kullan\u0131m\",\r\n                    \"D\u00fczle\u015ftirme ve bukle\",\r\n                    \"Ta\u015f\u0131nabilir \u00e7\u00f6z\u00fcm\"\r\n                ]\r\n            },\r\n\r\n            zh: {\r\n                subtitle:\r\n                    \"\u65e0\u7ebf\u4e8c\u5408\u4e00\u5377\u53d1\u76f4\u53d1\u5668\",\r\n\r\n                description:\r\n                    \"\u4e00\u6b3e\u591a\u529f\u80fd\u65e0\u7ebf\u9020\u578b\u8bbe\u5907\uff0c\u5c06\u76f4\u53d1\u548c\u5377\u53d1\u529f\u80fd\u7ed3\u5408\u5728\u4e00\u4e2a\u5b9e\u7528\u5de5\u5177\u4e2d\u3002\",\r\n\r\n                features: [\r\n                    \"\u4e8c\u5408\u4e00\u9020\u578b\",\r\n                    \"\u65e0\u7ebf\u4f7f\u7528\",\r\n                    \"\u76f4\u53d1\u4e0e\u5377\u53d1\",\r\n                    \"\u4fbf\u643a\u5f0f\u9020\u578b\u65b9\u6848\"\r\n                ]\r\n            },\r\n\r\n            ru: {\r\n                subtitle:\r\n                    \"\u0411\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0430\u0439\u043b\u0435\u0440 2-\u0432-1 \u0434\u043b\u044f \u0432\u044b\u043f\u0440\u044f\u043c\u043b\u0435\u043d\u0438\u044f \u0438 \u0437\u0430\u0432\u0438\u0432\u043a\u0438\",\r\n\r\n                description:\r\n                    \"\u0423\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u044b\u0439 \u0431\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u043e\u0439 \u0441\u0442\u0430\u0439\u043b\u0435\u0440, \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u044e\u0449\u0438\u0439 \u0432\u044b\u043f\u0440\u044f\u043c\u043b\u0435\u043d\u0438\u0435 \u0438 \u0437\u0430\u0432\u0438\u0432\u043a\u0443 \u0432 \u043e\u0434\u043d\u043e\u043c \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u0435.\",\r\n\r\n                features: [\r\n                    \"\u0423\u043a\u043b\u0430\u0434\u043a\u0430 2-\u0432-1\",\r\n                    \"\u0411\u0435\u0441\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430\",\r\n                    \"\u0412\u044b\u043f\u0440\u044f\u043c\u043b\u0435\u043d\u0438\u0435 \u0438 \u0437\u0430\u0432\u0438\u0432\u043a\u0430\",\r\n                    \"\u041f\u043e\u0440\u0442\u0430\u0442\u0438\u0432\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435\"\r\n                ]\r\n            }\r\n\r\n        }\r\n\r\n    },\r\n\r\n\r\n    ZENA: {\r\n\r\n        name: \"ZENA\u2122\",\r\n\r\n        image:\r\n        \"https:\/\/xxcreativehub.com\/wp-content\/uploads\/2026\/09\/Image-49.jpg\",\r\n\r\n        translations: {\r\n\r\n            en: {\r\n                subtitle:\r\n                    \"Air hair straightening and drying device\",\r\n\r\n                description:\r\n                    \"A modern hair styling device designed to combine air drying and straightening in one practical solution.\",\r\n\r\n                features: [\r\n                    \"Air-based styling concept\",\r\n                    \"Straightening and drying\",\r\n                    \"Designed for everyday styling\",\r\n                    \"Practical all-in-one solution\"\r\n                ]\r\n            },\r\n\r\n            ar: {\r\n                subtitle:\r\n                    \"\u062c\u0647\u0627\u0632 \u0641\u0631\u062f \u0648\u062a\u062c\u0641\u064a\u0641 \u0627\u0644\u0634\u0639\u0631 \u0628\u0627\u0644\u0647\u0648\u0627\u0621\",\r\n\r\n                description:\r\n                    \"\u062c\u0647\u0627\u0632 \u062a\u0635\u0641\u064a\u0641 \u062d\u062f\u064a\u062b \u064a\u062c\u0645\u0639 \u0628\u064a\u0646 \u062a\u062c\u0641\u064a\u0641 \u0627\u0644\u0634\u0639\u0631 \u0628\u0627\u0644\u0647\u0648\u0627\u0621 \u0648\u0641\u0631\u062f\u0647 \u0641\u064a \u062d\u0644 \u0639\u0645\u0644\u064a \u0648\u0627\u062d\u062f.\",\r\n\r\n                features: [\r\n                    \"\u062a\u0635\u0641\u064a\u0641 \u0628\u0627\u0644\u0647\u0648\u0627\u0621\",\r\n                    \"\u0641\u0631\u062f \u0648\u062a\u062c\u0641\u064a\u0641 \u0627\u0644\u0634\u0639\u0631\",\r\n                    \"\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u062a\u0635\u0641\u064a\u0641 \u0627\u0644\u064a\u0648\u0645\u064a\",\r\n                    \"\u062d\u0644 \u0639\u0645\u0644\u064a \u0645\u062a\u0643\u0627\u0645\u0644\"\r\n                ]\r\n            },\r\n\r\n            fr: {\r\n                subtitle:\r\n                    \"Appareil de lissage et s\u00e9chage des cheveux \u00e0 l'air\",\r\n\r\n                description:\r\n                    \"Un appareil moderne combinant le s\u00e9chage \u00e0 l'air et le lissage dans une solution pratique.\",\r\n\r\n                features: [\r\n                    \"Coiffage \u00e0 l'air\",\r\n                    \"Lissage et s\u00e9chage\",\r\n                    \"Adapt\u00e9 au coiffage quotidien\",\r\n                    \"Solution pratique tout-en-un\"\r\n                ]\r\n            },\r\n\r\n            es: {\r\n                subtitle:\r\n                    \"Dispositivo para alisar y secar el cabello con aire\",\r\n\r\n                description:\r\n                    \"Un dispositivo moderno que combina el secado con aire y el alisado en una soluci\u00f3n pr\u00e1ctica.\",\r\n\r\n                features: [\r\n                    \"Peinado con aire\",\r\n                    \"Alisado y secado\",\r\n                    \"Ideal para el peinado diario\",\r\n                    \"Soluci\u00f3n pr\u00e1ctica todo en uno\"\r\n                ]\r\n            },\r\n\r\n            de: {\r\n                subtitle:\r\n                    \"Luft-Haargl\u00e4ttungs- und Trockenger\u00e4t\",\r\n\r\n                description:\r\n                    \"Ein modernes Stylingger\u00e4t, das Lufttrocknung und Gl\u00e4tten in einer praktischen L\u00f6sung kombiniert.\",\r\n\r\n                features: [\r\n                    \"Luftbasiertes Styling\",\r\n                    \"Gl\u00e4tten und Trocknen\",\r\n                    \"F\u00fcr t\u00e4gliches Styling\",\r\n                    \"Praktische All-in-One-L\u00f6sung\"\r\n                ]\r\n            },\r\n\r\n            tr: {\r\n                subtitle:\r\n                    \"Hava ile sa\u00e7 d\u00fczle\u015ftirme ve kurutma cihaz\u0131\",\r\n\r\n                description:\r\n                    \"Hava ile kurutma ve sa\u00e7 d\u00fczle\u015ftirmeyi tek pratik \u00e7\u00f6z\u00fcmde birle\u015ftiren modern \u015fekillendirme cihaz\u0131.\",\r\n\r\n                features: [\r\n                    \"Hava ile \u015fekillendirme\",\r\n                    \"D\u00fczle\u015ftirme ve kurutma\",\r\n                    \"G\u00fcnl\u00fck \u015fekillendirme i\u00e7in\",\r\n                    \"Pratik hepsi bir arada \u00e7\u00f6z\u00fcm\"\r\n                ]\r\n            },\r\n\r\n            zh: {\r\n                subtitle:\r\n                    \"\u7a7a\u6c14\u76f4\u53d1\u4e0e\u5e72\u53d1\u8bbe\u5907\",\r\n\r\n                description:\r\n                    \"\u4e00\u6b3e\u73b0\u4ee3\u7f8e\u53d1\u9020\u578b\u8bbe\u5907\uff0c\u5c06\u7a7a\u6c14\u5e72\u53d1\u548c\u76f4\u53d1\u529f\u80fd\u7ed3\u5408\u5728\u4e00\u4e2a\u5b9e\u7528\u65b9\u6848\u4e2d\u3002\",\r\n\r\n                features: [\r\n                    \"\u7a7a\u6c14\u9020\u578b\u7406\u5ff5\",\r\n                    \"\u76f4\u53d1\u4e0e\u5e72\u53d1\",\r\n                    \"\u9002\u5408\u65e5\u5e38\u9020\u578b\",\r\n                    \"\u5b9e\u7528\u4e00\u4f53\u5316\u65b9\u6848\"\r\n                ]\r\n            },\r\n\r\n            ru: {\r\n                subtitle:\r\n                    \"\u0423\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u043e \u0434\u043b\u044f \u0432\u044b\u043f\u0440\u044f\u043c\u043b\u0435\u043d\u0438\u044f \u0438 \u0441\u0443\u0448\u043a\u0438 \u0432\u043e\u043b\u043e\u0441 \u0432\u043e\u0437\u0434\u0443\u0445\u043e\u043c\",\r\n\r\n                description:\r\n                    \"\u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0435 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432\u043e \u0434\u043b\u044f \u0443\u043a\u043b\u0430\u0434\u043a\u0438, \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u044f\u044e\u0449\u0435\u0435 \u0441\u0443\u0448\u043a\u0443 \u0432\u043e\u0437\u0434\u0443\u0445\u043e\u043c \u0438 \u0432\u044b\u043f\u0440\u044f\u043c\u043b\u0435\u043d\u0438\u0435 \u0432\u043e\u043b\u043e\u0441.\",\r\n\r\n                features: [\r\n                    \"\u0423\u043a\u043b\u0430\u0434\u043a\u0430 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e \u0432\u043e\u0437\u0434\u0443\u0445\u0430\",\r\n                    \"\u0412\u044b\u043f\u0440\u044f\u043c\u043b\u0435\u043d\u0438\u0435 \u0438 \u0441\u0443\u0448\u043a\u0430\",\r\n                    \"\u0414\u043b\u044f \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e\u0439 \u0443\u043a\u043b\u0430\u0434\u043a\u0438\",\r\n                    \"\u041f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u043e\u0435 \u0443\u043d\u0438\u0432\u0435\u0440\u0441\u0430\u043b\u044c\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435\"\r\n                ]\r\n            }\r\n\r\n        }\r\n\r\n    }\r\n\r\n};\r\n\r\n<\/script>\r\n\r\n\r\n<!-- =======================================================\r\n     PART 3 END\r\n======================================================= -->\r\n\r\n<!--\r\n    PART 4 WILL CONTINUE HERE\r\n    WITH:\r\n    - UI TRANSLATIONS\r\n    - MODAL FUNCTIONS\r\n    - LANGUAGE SWITCHING\r\n    - MOBILE MENU\r\n    - SCROLL ANIMATIONS\r\n    - ACTIVE NAV\r\n    - BACK TO TOP\r\n    - IMAGE FALLBACK\r\n    - FINAL HTML CLOSING\r\n-->\r\n<!-- =======================================================\r\n     XX CREATIVE HUB\r\n     PART 4 \/ 4 \u2014 FINAL JAVASCRIPT\r\n======================================================= -->\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n   GLOBAL SETTINGS\r\n========================================================= *\/\r\n\r\nlet currentLanguage = localStorage.getItem(\"xxLanguage\") || \"en\";\r\n\r\nconst XX_WHATSAPP_NUMBER = \"962799079974\";\r\n\r\n\r\n\/* =========================================================\r\n   UI TRANSLATIONS\r\n========================================================= *\/\r\n\r\nconst XX_UI = {\r\n\r\n    en: {\r\n\r\n        about: \"About Us\",\r\n\r\n        works: \"Our Works\",\r\n\r\n        home: \"XX Home\",\r\n\r\n        signature: \"XX SIGNATURE\",\r\n\r\n        features_title: \"FEATURES\",\r\n\r\n        ask_whatsapp: \"ASK ABOUT THIS PRODUCT\",\r\n\r\n        close: \"Close\",\r\n\r\n        menu: \"Menu\",\r\n\r\n        whatsapp_message:\r\n            \"Hello XX Creative Hub, I would like to ask about \"\r\n\r\n    },\r\n\r\n    ar: {\r\n\r\n        about: \"\u0645\u0646 \u0646\u062d\u0646\",\r\n\r\n        works: \"\u0623\u0639\u0645\u0627\u0644\u0646\u0627\",\r\n\r\n        home: \"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\r\n\r\n        signature: \"XX SIGNATURE\",\r\n\r\n        features_title: \"\u0627\u0644\u0645\u0645\u064a\u0632\u0627\u062a\",\r\n\r\n        ask_whatsapp: \"\u0627\u0633\u0623\u0644 \u0639\u0646 \u0647\u0630\u0627 \u0627\u0644\u0645\u0646\u062a\u062c\",\r\n\r\n        close: \"\u0625\u063a\u0644\u0627\u0642\",\r\n\r\n        menu: \"\u0627\u0644\u0642\u0627\u0626\u0645\u0629\",\r\n\r\n        whatsapp_message:\r\n            \"\u0645\u0631\u062d\u0628\u0627\u064b XX Creative Hub\u060c \u0623\u0648\u062f \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646 \"\r\n\r\n    },\r\n\r\n    fr: {\r\n\r\n        about: \"\u00c0 propos\",\r\n\r\n        works: \"Nos r\u00e9alisations\",\r\n\r\n        home: \"Accueil\",\r\n\r\n        signature: \"XX SIGNATURE\",\r\n\r\n        features_title: \"CARACT\u00c9RISTIQUES\",\r\n\r\n        ask_whatsapp: \"DEMANDER \u00c0 PROPOS DU PRODUIT\",\r\n\r\n        close: \"Fermer\",\r\n\r\n        menu: \"Menu\",\r\n\r\n        whatsapp_message:\r\n            \"Bonjour XX Creative Hub, je souhaite avoir des informations sur \"\r\n\r\n    },\r\n\r\n    es: {\r\n\r\n        about: \"Sobre nosotros\",\r\n\r\n        works: \"Nuestros trabajos\",\r\n\r\n        home: \"Inicio\",\r\n\r\n        signature: \"XX SIGNATURE\",\r\n\r\n        features_title: \"CARACTER\u00cdSTICAS\",\r\n\r\n        ask_whatsapp: \"PREGUNTAR SOBRE ESTE PRODUCTO\",\r\n\r\n        close: \"Cerrar\",\r\n\r\n        menu: \"Men\u00fa\",\r\n\r\n        whatsapp_message:\r\n            \"Hola XX Creative Hub, me gustar\u00eda preguntar sobre \"\r\n\r\n    },\r\n\r\n    de: {\r\n\r\n        about: \"\u00dcber uns\",\r\n\r\n        works: \"Unsere Arbeiten\",\r\n\r\n        home: \"Startseite\",\r\n\r\n        signature: \"XX SIGNATURE\",\r\n\r\n        features_title: \"FUNKTIONEN\",\r\n\r\n        ask_whatsapp: \"\u00dcBER DIESES PRODUKT FRAGEN\",\r\n\r\n        close: \"Schlie\u00dfen\",\r\n\r\n        menu: \"Men\u00fc\",\r\n\r\n        whatsapp_message:\r\n            \"Hallo XX Creative Hub, ich m\u00f6chte mich \u00fcber \"\r\n\r\n    },\r\n\r\n    tr: {\r\n\r\n        about: \"Hakk\u0131m\u0131zda\",\r\n\r\n        works: \"\u00c7al\u0131\u015fmalar\u0131m\u0131z\",\r\n\r\n        home: \"Ana Sayfa\",\r\n\r\n        signature: \"XX SIGNATURE\",\r\n\r\n        features_title: \"\u00d6ZELL\u0130KLER\",\r\n\r\n        ask_whatsapp: \"\u00dcR\u00dcN HAKKINDA SOR\",\r\n\r\n        close: \"Kapat\",\r\n\r\n        menu: \"Men\u00fc\",\r\n\r\n        whatsapp_message:\r\n            \"Merhaba XX Creative Hub, \u015fu \u00fcr\u00fcn hakk\u0131nda bilgi almak istiyorum: \"\r\n\r\n    },\r\n\r\n    zh: {\r\n\r\n        about: \"\u5173\u4e8e\u6211\u4eec\",\r\n\r\n        works: \"\u6211\u4eec\u7684\u4f5c\u54c1\",\r\n\r\n        home: \"\u9996\u9875\",\r\n\r\n        signature: \"XX SIGNATURE\",\r\n\r\n        features_title: \"\u4ea7\u54c1\u7279\u70b9\",\r\n\r\n        ask_whatsapp: \"\u54a8\u8be2\u6b64\u4ea7\u54c1\",\r\n\r\n        close: \"\u5173\u95ed\",\r\n\r\n        menu: \"\u83dc\u5355\",\r\n\r\n        whatsapp_message:\r\n            \"\u60a8\u597d XX Creative Hub\uff0c\u6211\u60f3\u54a8\u8be2\u8fd9\u6b3e\u4ea7\u54c1\uff1a\"\r\n\r\n    },\r\n\r\n    ru: {\r\n\r\n        about: \"\u041e \u043d\u0430\u0441\",\r\n\r\n        works: \"\u041d\u0430\u0448\u0438 \u0440\u0430\u0431\u043e\u0442\u044b\",\r\n\r\n        home: \"\u0413\u043b\u0430\u0432\u043d\u0430\u044f\",\r\n\r\n        signature: \"XX SIGNATURE\",\r\n\r\n        features_title: \"\u0425\u0410\u0420\u0410\u041a\u0422\u0415\u0420\u0418\u0421\u0422\u0418\u041a\u0418\",\r\n\r\n        ask_whatsapp: \"\u0423\u0417\u041d\u0410\u0422\u042c \u041e \u0422\u041e\u0412\u0410\u0420\u0415\",\r\n\r\n        close: \"\u0417\u0430\u043a\u0440\u044b\u0442\u044c\",\r\n\r\n        menu: \"\u041c\u0435\u043d\u044e\",\r\n\r\n        whatsapp_message:\r\n            \"\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435, XX Creative Hub. \u042f \u0445\u043e\u0442\u0435\u043b(\u0430) \u0431\u044b \u0443\u0437\u043d\u0430\u0442\u044c \u043e \u0442\u043e\u0432\u0430\u0440\u0435 \"\r\n\r\n    }\r\n\r\n};\r\n\r\n\r\n\/* =========================================================\r\n   LANGUAGE DIRECTION\r\n========================================================= *\/\r\n\r\nfunction updateDirection(lang){\r\n\r\n    const rtlLanguages = [\"ar\"];\r\n\r\n    if(\r\n        document.documentElement\r\n    ){\r\n\r\n        document.documentElement.lang = lang;\r\n\r\n        document.documentElement.dir =\r\n            rtlLanguages.includes(lang)\r\n                ? \"rtl\"\r\n                : \"ltr\";\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LANGUAGE SWITCHER\r\n========================================================= *\/\r\n\r\nfunction setLanguage(lang){\r\n\r\n    if(!XX_UI[lang]){\r\n\r\n        lang = \"en\";\r\n\r\n    }\r\n\r\n    currentLanguage = lang;\r\n\r\n    localStorage.setItem(\r\n        \"xxLanguage\",\r\n        lang\r\n    );\r\n\r\n    updateDirection(lang);\r\n\r\n    updateUITranslations();\r\n\r\n    updateProductCards();\r\n\r\n    \/*\r\n       \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u0645\u0648\u062f\u0627\u0644 \u0645\u0641\u062a\u0648\u062d\u0627\u064b\u060c\r\n       \u0646\u0639\u064a\u062f \u062a\u062d\u062f\u064a\u062b \u0645\u062d\u062a\u0648\u0627\u0647 \u0645\u0628\u0627\u0634\u0631\u0629.\r\n    *\/\r\n\r\n    const modal =\r\n        document.getElementById(\r\n            \"xxProductModal\"\r\n        );\r\n\r\n    if(\r\n        modal &&\r\n        modal.classList.contains(\"active\") &&\r\n        window.currentProductKey\r\n    ){\r\n\r\n        renderProduct(\r\n            window.currentProductKey\r\n        );\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UPDATE NORMAL UI TEXT\r\n========================================================= *\/\r\n\r\nfunction updateUITranslations(){\r\n\r\n    const language =\r\n        XX_UI[currentLanguage] ||\r\n        XX_UI.en;\r\n\r\n\r\n    document\r\n        .querySelectorAll(\"[data-i18n]\")\r\n        .forEach(element => {\r\n\r\n            const key =\r\n                element.getAttribute(\r\n                    \"data-i18n\"\r\n                );\r\n\r\n            if(\r\n                language[key] !== undefined\r\n            ){\r\n\r\n                element.textContent =\r\n                    language[key];\r\n\r\n            }\r\n\r\n        });\r\n\r\n\r\n    \/*\r\n       Update navigation labels\r\n       if the corresponding IDs\/classes exist.\r\n    *\/\r\n\r\n    const navAbout =\r\n        document.querySelector(\r\n            '[href=\"#about\"]'\r\n        );\r\n\r\n    if(navAbout){\r\n\r\n        navAbout.textContent =\r\n            language.about;\r\n\r\n    }\r\n\r\n\r\n    const navWorks =\r\n        document.querySelector(\r\n            '[href=\"#portfolio\"]'\r\n        );\r\n\r\n    if(navWorks){\r\n\r\n        navWorks.textContent =\r\n            language.works;\r\n\r\n    }\r\n\r\n\r\n    const navHome =\r\n        document.querySelector(\r\n            '[href=\"#home\"]'\r\n        );\r\n\r\n    if(navHome){\r\n\r\n        navHome.textContent =\r\n            language.home;\r\n\r\n    }\r\n\r\n\r\n    const navSignature =\r\n        document.querySelector(\r\n            '[href=\"#signature\"]'\r\n        );\r\n\r\n    if(navSignature){\r\n\r\n        navSignature.textContent =\r\n            language.signature;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UPDATE PRODUCT CARD SUBTITLES\r\n========================================================= *\/\r\n\r\nfunction updateProductCards(){\r\n\r\n    Object.keys(XX_PRODUCTS)\r\n        .forEach(key => {\r\n\r\n            const product =\r\n                XX_PRODUCTS[key];\r\n\r\n            const translation =\r\n                product.translations[\r\n                    currentLanguage\r\n                ] ||\r\n                product.translations.en;\r\n\r\n\r\n            \/*\r\n               Card can identify itself using:\r\n               data-product=\"STYLR\"\r\n            *\/\r\n\r\n            const card =\r\n                document.querySelector(\r\n                    `[data-product=\"${key}\"]`\r\n                );\r\n\r\n            if(card){\r\n\r\n                const subtitle =\r\n                    card.querySelector(\r\n                        \".xx-product-subtitle\"\r\n                    );\r\n\r\n                if(subtitle){\r\n\r\n                    subtitle.textContent =\r\n                        translation.subtitle;\r\n\r\n                }\r\n\r\n            }\r\n\r\n        });\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OPEN PRODUCT\r\n========================================================= *\/\r\n\r\nfunction openProduct(key){\r\n\r\n    const product =\r\n        XX_PRODUCTS[key];\r\n\r\n    if(!product){\r\n\r\n        console.warn(\r\n            \"Product not found:\",\r\n            key\r\n        );\r\n\r\n        return;\r\n\r\n    }\r\n\r\n    window.currentProductKey = key;\r\n\r\n    renderProduct(key);\r\n\r\n    const modal =\r\n        document.getElementById(\r\n            \"xxProductModal\"\r\n        );\r\n\r\n    if(!modal){\r\n\r\n        return;\r\n\r\n    }\r\n\r\n    modal.classList.add(\"active\");\r\n\r\n    modal.setAttribute(\r\n        \"aria-hidden\",\r\n        \"false\"\r\n    );\r\n\r\n\r\n    \/*\r\n       Prevent background page scrolling.\r\n    *\/\r\n\r\n    document.body.classList.add(\r\n        \"xx-modal-open\"\r\n    );\r\n\r\n    document.body.style.overflow =\r\n        \"hidden\";\r\n\r\n\r\n    \/*\r\n       Focus close button for accessibility.\r\n    *\/\r\n\r\n    const closeButton =\r\n        modal.querySelector(\r\n            \".xx-modal-close\"\r\n        );\r\n\r\n    if(closeButton){\r\n\r\n        setTimeout(() => {\r\n\r\n            closeButton.focus();\r\n\r\n        }, 250);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RENDER PRODUCT\r\n========================================================= *\/\r\n\r\nfunction renderProduct(key){\r\n\r\n    const product =\r\n        XX_PRODUCTS[key];\r\n\r\n    if(!product){\r\n\r\n        return;\r\n\r\n    }\r\n\r\n\r\n    const translation =\r\n        product.translations[\r\n            currentLanguage\r\n        ] ||\r\n        product.translations.en;\r\n\r\n\r\n    const image =\r\n        document.getElementById(\r\n            \"xxModalImage\"\r\n        );\r\n\r\n    const brand =\r\n        document.getElementById(\r\n            \"xxModalBrand\"\r\n        );\r\n\r\n    const title =\r\n        document.getElementById(\r\n            \"xxModalTitle\"\r\n        );\r\n\r\n    const subtitle =\r\n        document.getElementById(\r\n            \"xxModalSubtitle\"\r\n        );\r\n\r\n    const description =\r\n        document.getElementById(\r\n            \"xxModalDescription\"\r\n        );\r\n\r\n    const features =\r\n        document.getElementById(\r\n            \"xxModalFeatures\"\r\n        );\r\n\r\n    const whatsapp =\r\n        document.getElementById(\r\n            \"xxModalWhatsapp\"\r\n        );\r\n\r\n\r\n    if(image){\r\n\r\n        image.src =\r\n            product.image;\r\n\r\n        image.alt =\r\n            product.name;\r\n\r\n    }\r\n\r\n\r\n    if(brand){\r\n\r\n        brand.textContent =\r\n            \"XX SIGNATURE\";\r\n\r\n    }\r\n\r\n\r\n    if(title){\r\n\r\n        title.textContent =\r\n            product.name;\r\n\r\n    }\r\n\r\n\r\n    if(subtitle){\r\n\r\n        subtitle.textContent =\r\n            translation.subtitle;\r\n\r\n    }\r\n\r\n\r\n    if(description){\r\n\r\n        description.textContent =\r\n            translation.description;\r\n\r\n    }\r\n\r\n\r\n    if(features){\r\n\r\n        features.innerHTML = \"\";\r\n\r\n        translation.features\r\n            .forEach(feature => {\r\n\r\n                const li =\r\n                    document.createElement(\r\n                        \"li\"\r\n                    );\r\n\r\n                li.textContent =\r\n                    feature;\r\n\r\n                features.appendChild(\r\n                    li\r\n                );\r\n\r\n            });\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n       WhatsApp message\r\n    *\/\r\n\r\n    if(whatsapp){\r\n\r\n        const baseMessage =\r\n            (\r\n                XX_UI[currentLanguage] ||\r\n                XX_UI.en\r\n            ).whatsapp_message;\r\n\r\n        const message =\r\n            baseMessage +\r\n            product.name +\r\n            \" \u2014 \" +\r\n            translation.subtitle;\r\n\r\n        whatsapp.href =\r\n            \"https:\/\/wa.me\/\" +\r\n            XX_WHATSAPP_NUMBER +\r\n            \"?text=\" +\r\n            encodeURIComponent(\r\n                message\r\n            );\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLOSE PRODUCT\r\n========================================================= *\/\r\n\r\nfunction closeProduct(){\r\n\r\n    const modal =\r\n        document.getElementById(\r\n            \"xxProductModal\"\r\n        );\r\n\r\n    if(!modal){\r\n\r\n        return;\r\n\r\n    }\r\n\r\n    modal.classList.remove(\r\n        \"active\"\r\n    );\r\n\r\n    modal.setAttribute(\r\n        \"aria-hidden\",\r\n        \"true\"\r\n    );\r\n\r\n\r\n    document.body.classList.remove(\r\n        \"xx-modal-open\"\r\n    );\r\n\r\n    document.body.style.overflow =\r\n        \"\";\r\n\r\n\r\n    window.currentProductKey =\r\n        null;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ESC KEY\r\n========================================================= *\/\r\n\r\ndocument.addEventListener(\r\n    \"keydown\",\r\n    function(event){\r\n\r\n        if(\r\n            event.key === \"Escape\"\r\n        ){\r\n\r\n            const modal =\r\n                document.getElementById(\r\n                    \"xxProductModal\"\r\n                );\r\n\r\n            if(\r\n                modal &&\r\n                modal.classList.contains(\r\n                    \"active\"\r\n                )\r\n            ){\r\n\r\n                closeProduct();\r\n\r\n            }\r\n\r\n        }\r\n\r\n    }\r\n);\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE MENU\r\n========================================================= *\/\r\n\r\nfunction initMobileMenu(){\r\n\r\n    const menuButton =\r\n        document.querySelector(\r\n            \".xx-menu-toggle\"\r\n        );\r\n\r\n    const navigation =\r\n        document.querySelector(\r\n            \".xx-nav\"\r\n        );\r\n\r\n    if(\r\n        !menuButton ||\r\n        !navigation\r\n    ){\r\n\r\n        return;\r\n\r\n    }\r\n\r\n\r\n    menuButton.addEventListener(\r\n        \"click\",\r\n        function(){\r\n\r\n            const isOpen =\r\n                navigation.classList.toggle(\r\n                    \"mobile-open\"\r\n                );\r\n\r\n            menuButton.classList.toggle(\r\n                \"active\",\r\n                isOpen\r\n            );\r\n\r\n            menuButton.setAttribute(\r\n                \"aria-expanded\",\r\n                String(isOpen)\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/*\r\n       Close mobile menu after clicking\r\n       a navigation link.\r\n    *\/\r\n\r\n    navigation\r\n        .querySelectorAll(\"a\")\r\n        .forEach(link => {\r\n\r\n            link.addEventListener(\r\n                \"click\",\r\n                function(){\r\n\r\n                    navigation.classList.remove(\r\n                        \"mobile-open\"\r\n                    );\r\n\r\n                    menuButton.classList.remove(\r\n                        \"active\"\r\n                    );\r\n\r\n                    menuButton.setAttribute(\r\n                        \"aria-expanded\",\r\n                        \"false\"\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        });\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER SCROLL EFFECT\r\n========================================================= *\/\r\n\r\nfunction initHeaderScroll(){\r\n\r\n    const header =\r\n        document.querySelector(\r\n            \".xx-header\"\r\n        );\r\n\r\n    if(!header){\r\n\r\n        return;\r\n\r\n    }\r\n\r\n\r\n    function checkHeader(){\r\n\r\n        if(\r\n            window.scrollY > 30\r\n        ){\r\n\r\n            header.classList.add(\r\n                \"scrolled\"\r\n            );\r\n\r\n        }else{\r\n\r\n            header.classList.remove(\r\n                \"scrolled\"\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    checkHeader();\r\n\r\n\r\n    window.addEventListener(\r\n        \"scroll\",\r\n        checkHeader,\r\n        {passive:true}\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER SCROLL CSS\r\n========================================================= *\/\r\n\r\nconst headerStyle =\r\ndocument.createElement(\"style\");\r\n\r\nheaderStyle.textContent = `\r\n\r\n.xx-header.scrolled{\r\n\r\n    background:\r\n        rgba(5,5,7,.92) !important;\r\n\r\n    backdrop-filter:\r\n        blur(18px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(18px);\r\n\r\n    border-bottom-color:\r\n        rgba(255,85,0,.15) !important;\r\n\r\n    box-shadow:\r\n        0 10px 40px\r\n        rgba(0,0,0,.25);\r\n\r\n}\r\n\r\n`;\r\n\r\ndocument.head.appendChild(\r\n    headerStyle\r\n);\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL ANIMATIONS\r\n========================================================= *\/\r\n\r\nfunction initRevealAnimations(){\r\n\r\n    const elements =\r\n        document.querySelectorAll(\r\n            \".xx-reveal, .xx-section, .xx-service-card, .xx-product-card, .xx-work-card\"\r\n        );\r\n\r\n\r\n    if(!elements.length){\r\n\r\n        return;\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n       Add initial class only if\r\n       animation isn't already visible.\r\n    *\/\r\n\r\n    elements.forEach(\r\n        element => {\r\n\r\n            element.classList.add(\r\n                \"xx-reveal-ready\"\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    const observer =\r\n        new IntersectionObserver(\r\n            entries => {\r\n\r\n                entries.forEach(\r\n                    entry => {\r\n\r\n                        if(\r\n                            entry.isIntersecting\r\n                        ){\r\n\r\n                            entry.target.classList.add(\r\n                                \"xx-revealed\"\r\n                            );\r\n\r\n                            observer.unobserve(\r\n                                entry.target\r\n                            );\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n            },\r\n            {\r\n                threshold:.08,\r\n\r\n                rootMargin:\r\n                    \"0px 0px -50px 0px\"\r\n            }\r\n        );\r\n\r\n\r\n    elements.forEach(\r\n        element => {\r\n\r\n            observer.observe(\r\n                element\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REVEAL CSS\r\n========================================================= *\/\r\n\r\nconst revealStyle =\r\ndocument.createElement(\"style\");\r\n\r\nrevealStyle.textContent = `\r\n\r\n.xx-reveal-ready{\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n        translateY(28px);\r\n\r\n    transition:\r\n        opacity .75s ease,\r\n        transform .75s\r\n        cubic-bezier(.2,.8,.2,1);\r\n\r\n}\r\n\r\n.xx-reveal-ready.xx-revealed{\r\n\r\n    opacity:1;\r\n\r\n    transform:\r\n        translateY(0);\r\n\r\n}\r\n\r\n.xx-service-card:nth-child(2),\r\n.xx-product-card:nth-child(2){\r\n\r\n    transition-delay:.06s;\r\n\r\n}\r\n\r\n.xx-service-card:nth-child(3),\r\n.xx-product-card:nth-child(3){\r\n\r\n    transition-delay:.12s;\r\n\r\n}\r\n\r\n.xx-product-card:nth-child(4){\r\n\r\n    transition-delay:.18s;\r\n\r\n}\r\n\r\n`;\r\n\r\ndocument.head.appendChild(\r\n    revealStyle\r\n);\r\n\r\n\r\n\/* =========================================================\r\n   ACTIVE NAVIGATION\r\n========================================================= *\/\r\n\r\nfunction initActiveNavigation(){\r\n\r\n    const links =\r\n        document.querySelectorAll(\r\n            \".xx-nav a\"\r\n        );\r\n\r\n\r\n    if(!links.length){\r\n\r\n        return;\r\n\r\n    }\r\n\r\n\r\n    const sections = [];\r\n\r\n\r\n    links.forEach(\r\n        link => {\r\n\r\n            const href =\r\n                link.getAttribute(\r\n                    \"href\"\r\n                );\r\n\r\n\r\n            if(\r\n                href &&\r\n                href.startsWith(\"#\")\r\n            ){\r\n\r\n                const section =\r\n                    document.querySelector(\r\n                        href\r\n                    );\r\n\r\n                if(section){\r\n\r\n                    sections.push({\r\n                        section:section,\r\n                        link:link\r\n                    });\r\n\r\n                }\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    if(!sections.length){\r\n\r\n        return;\r\n\r\n    }\r\n\r\n\r\n    const observer =\r\n        new IntersectionObserver(\r\n            entries => {\r\n\r\n                entries.forEach(\r\n                    entry => {\r\n\r\n                        if(\r\n                            entry.isIntersecting\r\n                        ){\r\n\r\n                            sections.forEach(\r\n                                item => {\r\n\r\n                                    item.link.classList.remove(\r\n                                        \"active\"\r\n                                    );\r\n\r\n                                }\r\n                            );\r\n\r\n\r\n                            const current =\r\n                                sections.find(\r\n                                    item =>\r\n                                        item.section ===\r\n                                        entry.target\r\n                                );\r\n\r\n\r\n                            if(current){\r\n\r\n                                current.link.classList.add(\r\n                                    \"active\"\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n            },\r\n            {\r\n                threshold:0,\r\n\r\n                rootMargin:\r\n                    \"-30% 0px -60% 0px\"\r\n            }\r\n        );\r\n\r\n\r\n    sections.forEach(\r\n        item => {\r\n\r\n            observer.observe(\r\n                item.section\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ACTIVE NAV CSS\r\n========================================================= *\/\r\n\r\nconst navStyle =\r\ndocument.createElement(\"style\");\r\n\r\nnavStyle.textContent = `\r\n\r\n.xx-nav a.active{\r\n\r\n    color:\r\n        var(--neon-orange) !important;\r\n\r\n}\r\n\r\n.xx-nav a{\r\n\r\n    transition:\r\n        color .25s ease,\r\n        opacity .25s ease;\r\n\r\n}\r\n\r\n`;\r\n\r\ndocument.head.appendChild(\r\n    navStyle\r\n);\r\n\r\n\r\n\/* =========================================================\r\n   BACK TO TOP\r\n========================================================= *\/\r\n\r\nfunction initBackToTop(){\r\n\r\n    const button =\r\n        document.getElementById(\r\n            \"xxBackTop\"\r\n        );\r\n\r\n    if(!button){\r\n\r\n        return;\r\n\r\n    }\r\n\r\n\r\n    function check(){\r\n\r\n        if(\r\n            window.scrollY > 500\r\n        ){\r\n\r\n            button.classList.add(\r\n                \"show\"\r\n            );\r\n\r\n        }else{\r\n\r\n            button.classList.remove(\r\n                \"show\"\r\n            );\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    check();\r\n\r\n\r\n    window.addEventListener(\r\n        \"scroll\",\r\n        check,\r\n        {passive:true}\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE FALLBACK\r\n========================================================= *\/\r\n\r\nfunction initImageFallback(){\r\n\r\n    document\r\n        .querySelectorAll(\r\n            \"img\"\r\n        )\r\n        .forEach(\r\n            image => {\r\n\r\n                image.addEventListener(\r\n                    \"error\",\r\n                    function(){\r\n\r\n                        \/*\r\n                           Don't keep triggering\r\n                           the error event.\r\n                        *\/\r\n\r\n                        if(\r\n                            this.dataset.fallbackApplied\r\n                        ){\r\n\r\n                            return;\r\n\r\n                        }\r\n\r\n\r\n                        this.dataset.fallbackApplied =\r\n                            \"true\";\r\n\r\n\r\n                        \/*\r\n                           Keep the layout alive\r\n                           if an external image fails.\r\n                        *\/\r\n\r\n                        this.style.opacity =\r\n                            \"0.35\";\r\n\r\n                        this.style.objectFit =\r\n                            \"contain\";\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMOOTH ANCHOR SCROLL\r\n========================================================= *\/\r\n\r\nfunction initSmoothScroll(){\r\n\r\n    document\r\n        .querySelectorAll(\r\n            'a[href^=\"#\"]'\r\n        )\r\n        .forEach(\r\n            link => {\r\n\r\n                link.addEventListener(\r\n                    \"click\",\r\n                    function(event){\r\n\r\n                        const id =\r\n                            this.getAttribute(\r\n                                \"href\"\r\n                            );\r\n\r\n\r\n                        if(\r\n                            !id ||\r\n                            id === \"#\"\r\n                        ){\r\n\r\n                            return;\r\n\r\n                        }\r\n\r\n\r\n                        const target =\r\n                            document.querySelector(\r\n                                id\r\n                            );\r\n\r\n\r\n                        if(!target){\r\n\r\n                            return;\r\n\r\n                        }\r\n\r\n\r\n                        event.preventDefault();\r\n\r\n\r\n                        const header =\r\n                            document.querySelector(\r\n                                \".xx-header\"\r\n                            );\r\n\r\n\r\n                        const offset =\r\n                            header\r\n                                ? header.offsetHeight\r\n                                : 0;\r\n\r\n\r\n                        const position =\r\n                            target.getBoundingClientRect()\r\n                                .top +\r\n                            window.pageYOffset -\r\n                            offset -\r\n                            10;\r\n\r\n\r\n                        window.scrollTo({\r\n\r\n                            top:\r\n                                position,\r\n\r\n                            behavior:\r\n                                \"smooth\"\r\n\r\n                        });\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT CARD AUTO-DETECTION\r\n========================================================= *\/\r\n\r\nfunction initProductCards(){\r\n\r\n    \/*\r\n       The cards from Part 2 use\r\n       onclick=\"openProduct('KEY')\".\r\n\r\n       This function also adds accessibility\r\n       and keyboard support where possible.\r\n    *\/\r\n\r\n    document\r\n        .querySelectorAll(\r\n            \".xx-product-card\"\r\n        )\r\n        .forEach(\r\n            card => {\r\n\r\n                \/*\r\n                   Find the onclick product key.\r\n                *\/\r\n\r\n                const clickCode =\r\n                    card.getAttribute(\r\n                        \"onclick\"\r\n                    );\r\n\r\n\r\n                if(clickCode){\r\n\r\n                    const match =\r\n                        clickCode.match(\r\n                            \/openProduct\\(['\"]([^'\"]+)['\"]\\)\/\r\n                        );\r\n\r\n\r\n                    if(match){\r\n\r\n                        const key =\r\n                            match[1];\r\n\r\n                        card.setAttribute(\r\n                            \"data-product\",\r\n                            key\r\n                        );\r\n\r\n\r\n                        \/*\r\n                           Add product subtitle\r\n                           class if the card contains\r\n                           a subtitle element.\r\n                        *\/\r\n\r\n                        const possibleSubtitle =\r\n                            card.querySelector(\r\n                                \".xx-product-subtitle\"\r\n                            );\r\n\r\n\r\n                        if(\r\n                            possibleSubtitle\r\n                        ){\r\n\r\n                            possibleSubtitle.classList.add(\r\n                                \"xx-product-subtitle\"\r\n                            );\r\n\r\n                        }\r\n\r\n\r\n                        \/*\r\n                           Keyboard accessibility.\r\n                        *\/\r\n\r\n                        card.setAttribute(\r\n                            \"tabindex\",\r\n                            \"0\"\r\n                        );\r\n\r\n\r\n                        card.setAttribute(\r\n                            \"role\",\r\n                            \"button\"\r\n                        );\r\n\r\n\r\n                        card.addEventListener(\r\n                            \"keydown\",\r\n                            function(event){\r\n\r\n                                if(\r\n                                    event.key ===\r\n                                    \"Enter\" ||\r\n                                    event.key ===\r\n                                    \" \"\r\n                                ){\r\n\r\n                                    event.preventDefault();\r\n\r\n                                    openProduct(\r\n                                        key\r\n                                    );\r\n\r\n                                }\r\n\r\n                            }\r\n                        );\r\n\r\n                    }\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LANGUAGE SELECTOR\r\n========================================================= *\/\r\n\r\nfunction initLanguageSelector(){\r\n\r\n    const selector =\r\n        document.querySelector(\r\n            \"#xxLanguage\"\r\n        );\r\n\r\n\r\n    if(!selector){\r\n\r\n        \/*\r\n           Try common alternative names.\r\n        *\/\r\n\r\n        const alternatives =\r\n            document.querySelectorAll(\r\n                \".xx-language-select select\"\r\n            );\r\n\r\n        if(\r\n            alternatives.length\r\n        ){\r\n\r\n            alternatives[0].value =\r\n                currentLanguage;\r\n\r\n            alternatives[0]\r\n                .addEventListener(\r\n                    \"change\",\r\n                    function(){\r\n\r\n                        setLanguage(\r\n                            this.value\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n        }\r\n\r\n        return;\r\n\r\n    }\r\n\r\n\r\n    selector.value =\r\n        currentLanguage;\r\n\r\n\r\n    selector.addEventListener(\r\n        \"change\",\r\n        function(){\r\n\r\n            setLanguage(\r\n                this.value\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IF LANGUAGE SELECTOR IS A CUSTOM BUTTON\r\n========================================================= *\/\r\n\r\nfunction initLanguageButtons(){\r\n\r\n    document\r\n        .querySelectorAll(\r\n            \"[data-language]\"\r\n        )\r\n        .forEach(\r\n            button => {\r\n\r\n                button.addEventListener(\r\n                    \"click\",\r\n                    function(){\r\n\r\n                        const lang =\r\n                            this.getAttribute(\r\n                                \"data-language\"\r\n                            );\r\n\r\n                        if(lang){\r\n\r\n                            setLanguage(\r\n                                lang\r\n                            );\r\n\r\n                        }\r\n\r\n                    }\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MODAL IMAGE LOAD\r\n========================================================= *\/\r\n\r\nfunction initModalImage(){\r\n\r\n    const image =\r\n        document.getElementById(\r\n            \"xxModalImage\"\r\n        );\r\n\r\n    if(!image){\r\n\r\n        return;\r\n\r\n    }\r\n\r\n\r\n    image.addEventListener(\r\n        \"error\",\r\n        function(){\r\n\r\n            this.style.opacity =\r\n                \".3\";\r\n\r\n        }\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CLICK OUTSIDE MODAL\r\n========================================================= *\/\r\n\r\nfunction initModal(){\r\n\r\n    const modal =\r\n        document.getElementById(\r\n            \"xxProductModal\"\r\n        );\r\n\r\n\r\n    if(!modal){\r\n\r\n        return;\r\n\r\n    }\r\n\r\n\r\n    modal.addEventListener(\r\n        \"click\",\r\n        function(event){\r\n\r\n            if(\r\n                event.target === modal\r\n            ){\r\n\r\n                closeProduct();\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PREVENT MODAL SCROLL FROM LEAKING\r\n========================================================= *\/\r\n\r\nfunction initModalWheel(){\r\n\r\n    const modal =\r\n        document.getElementById(\r\n            \"xxProductModal\"\r\n        );\r\n\r\n\r\n    if(!modal){\r\n\r\n        return;\r\n\r\n    }\r\n\r\n\r\n    modal.addEventListener(\r\n        \"wheel\",\r\n        function(event){\r\n\r\n            \/*\r\n               Allow scrolling inside the\r\n               modal content.\r\n            *\/\r\n\r\n            const content =\r\n                event.target.closest(\r\n                    \".xx-modal-info\"\r\n                );\r\n\r\n\r\n            if(content){\r\n\r\n                return;\r\n\r\n            }\r\n\r\n        },\r\n        {passive:true}\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INITIALIZE EVERYTHING\r\n========================================================= *\/\r\n\r\nfunction initXXCreativeHub(){\r\n\r\n    updateDirection(\r\n        currentLanguage\r\n    );\r\n\r\n    initLanguageSelector();\r\n\r\n    initLanguageButtons();\r\n\r\n    initMobileMenu();\r\n\r\n    initHeaderScroll();\r\n\r\n    initRevealAnimations();\r\n\r\n    initActiveNavigation();\r\n\r\n    initBackToTop();\r\n\r\n    initImageFallback();\r\n\r\n    initSmoothScroll();\r\n\r\n    initProductCards();\r\n\r\n    initModalImage();\r\n\r\n    initModal();\r\n\r\n    initModalWheel();\r\n\r\n    updateUITranslations();\r\n\r\n    updateProductCards();\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DOM READY\r\n========================================================= *\/\r\n\r\nif(\r\n    document.readyState ===\r\n    \"loading\"\r\n){\r\n\r\n    document.addEventListener(\r\n        \"DOMContentLoaded\",\r\n        initXXCreativeHub\r\n    );\r\n\r\n}else{\r\n\r\n    initXXCreativeHub();\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RE-INITIALIZE AFTER ELEMENTOR\r\n========================================================= *\/\r\n\r\nwindow.addEventListener(\r\n    \"load\",\r\n    function(){\r\n\r\n        \/*\r\n           Elementor sometimes renders\r\n           parts of the page after DOM ready.\r\n        *\/\r\n\r\n        setTimeout(\r\n            function(){\r\n\r\n                initLanguageSelector();\r\n\r\n                initLanguageButtons();\r\n\r\n                initProductCards();\r\n\r\n                initImageFallback();\r\n\r\n                updateProductCards();\r\n\r\n            },\r\n            400\r\n        );\r\n\r\n    }\r\n);\r\n\r\n\r\n\/* =========================================================\r\n   GLOBAL FUNCTIONS\r\n========================================================= *\/\r\n\r\nwindow.openProduct =\r\n    openProduct;\r\n\r\nwindow.closeProduct =\r\n    closeProduct;\r\n\r\nwindow.setLanguage =\r\n    setLanguage;\r\n\r\n\r\n\/* =========================================================\r\n   FINAL SAFETY\r\n========================================================= *\/\r\n\r\nwindow.addEventListener(\r\n    \"error\",\r\n    function(event){\r\n\r\n        \/*\r\n           Prevent one broken external resource\r\n           from stopping the rest of the website.\r\n        *\/\r\n\r\n        if(\r\n            event &&\r\n            event.target &&\r\n            event.target.tagName ===\r\n            \"IMG\"\r\n        ){\r\n\r\n            event.target.style.opacity =\r\n                \".35\";\r\n\r\n        }\r\n\r\n    },\r\n    true\r\n);\r\n\r\n<\/script>\r\n\r\n\r\n<!-- =======================================================\r\n     FINAL BODY \/ HTML\r\n======================================================= -->\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>XX CREATIVE HUB XX CREATIVE HUB About Us Our Works XX Home XX SIGNATURE English \u0627\u0644\u0639\u0631\u0628\u064a\u0629 Fran\u00e7ais Espa\u00f1ol Deutsch T\u00fcrk\u00e7e [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-22","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/xxcreativehub.com\/index.php?rest_route=\/wp\/v2\/pages\/22","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xxcreativehub.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xxcreativehub.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xxcreativehub.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xxcreativehub.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=22"}],"version-history":[{"count":5,"href":"https:\/\/xxcreativehub.com\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions"}],"predecessor-version":[{"id":67,"href":"https:\/\/xxcreativehub.com\/index.php?rest_route=\/wp\/v2\/pages\/22\/revisions\/67"}],"wp:attachment":[{"href":"https:\/\/xxcreativehub.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=22"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}