It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://facelesscreator.store/

  1. <!doctype html>
  2. <html
  3.  class="no-js"
  4.  lang="en"
  5. >
  6.  <head>
  7.    
  8.    
  9.  
  10.    <script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
  11. <script type="text/javascript">
  12.        var sbErrors = [];
  13.  
  14.        window.onerror = function(error, url, line) {
  15.            sbErrors.push({
  16.                errorMessage : error,
  17.                lineNumber : line
  18.            });
  19.        };
  20.    </script>
  21.    <script>
  22. var page_type = "index";
  23.      
  24. if (page_type.indexOf("collection") != -1)
  25.    page_type = "collection";
  26. else if (page_type.indexOf("product") != -1)
  27.    page_type = "product";
  28.  
  29.      if(typeof(sb_index_jslazyload)=="undefined")
  30.        sb_index_jslazyload = [ /cdn\.shopify\.com\/extensions/, /cdn\.shopify\.com\/s\/trekkie\.storefront/, /cdn\.shopify\.com\/shopifycloud\/boomerang/, /cdn\.shopify\.com\/shopifycloud\/consent-tracking-api\/v0\.1\/consent-tracking-api\.js/, /cdn\.shopify\.com\/shopifycloud\/shopify\/assets\/shop_events_listener/, /cdn\.shopify\.com\/shopifycloud\/shopify\/assets\/storefront\/features/, /cdn\.shopify\.com\/shopifycloud\/shopify\/assets\/storefront\/load_feature/, /cdn\.shopify\.com\/shopifycloud\/shopify_chat\/storefront\/shopifyChatV1\.js/, /cdn\.shopify\.com\/shopifycloud\/shopify\/assets\/storefront\/bars/, ]
  31.  
  32.      if(typeof(sb_collection_jslazyload)=="undefined")
  33.        sb_collection_jslazyload = [ /cdn\.shopify\.com\/extensions/, /cdn\.shopify\.com\/s\/trekkie\.storefront/, /cdn\.shopify\.com\/shopifycloud\/boomerang/, /cdn\.shopify\.com\/shopifycloud\/consent-tracking-api\/v0\.1\/consent-tracking-api\.js/, /cdn\.shopify\.com\/shopifycloud\/shopify\/assets\/shop_events_listener/, /cdn\.shopify\.com\/shopifycloud\/shopify\/assets\/storefront\/features/, /cdn\.shopify\.com\/shopifycloud\/shopify\/assets\/storefront\/load_feature/, /cdn\.shopify\.com\/shopifycloud\/shopify_chat\/storefront\/shopifyChatV1\.js/, /cdn\.shopify\.com\/shopifycloud\/shopify\/assets\/storefront\/bars/, ]
  34.  
  35.      if(typeof(sb_product_jslazyload)=="undefined")
  36.        sb_product_jslazyload = [ /cdn\.shopify\.com\/extensions/, /cdn\.shopify\.com\/s\/trekkie\.storefront/, /cdn\.shopify\.com\/shopifycloud\/boomerang/, /cdn\.shopify\.com\/shopifycloud\/consent-tracking-api\/v0\.1\/consent-tracking-api\.js/, /cdn\.shopify\.com\/shopifycloud\/shopify\/assets\/shop_events_listener/, /cdn\.shopify\.com\/shopifycloud\/shopify\/assets\/storefront\/features/, /cdn\.shopify\.com\/shopifycloud\/shopify\/assets\/storefront\/load_feature/, /cdn\.shopify\.com\/shopifycloud\/shopify_chat\/storefront\/shopifyChatV1\.js/, /cdn\.shopify\.com\/shopifycloud\/shopify\/assets\/storefront\/bars/, ]
  37.  
  38. if (page_type == 'index') {
  39.    window.LAZYLOADURL = sb_index_jslazyload;
  40. }
  41.  
  42. if (page_type == "collection") {
  43.    window.LAZYLOADURL = sb_collection_jslazyload;
  44. }
  45.  
  46. if (page_type == "product") {
  47.    window.LAZYLOADURL = sb_product_jslazyload;
  48. }
  49.  
  50. !function(t, e) {
  51.    "object" == typeof exports && "undefined" != typeof module ? e(exports) : "function" == typeof define && define.amd ? define(["exports"], e) : e((t = "undefined" != typeof globalThis ? globalThis : t || self).sbscript = {})
  52. }(this, (function(t) {
  53.    "use strict";
  54.    var e = "javascript/blocked"
  55.      , r = {
  56.        blacklist: window.LAZYLOADURL,
  57.        whitelist: window.LAZYLOADEDURL
  58.    }
  59.      , n = {
  60.        blacklisted: []
  61.    }
  62.      , i = function(t, n) {
  63.        return t && (!n || n !== e) && (!r.blacklist || r.blacklist.some((function(e) {
  64.            return e.test(t)
  65.        }
  66.        ))) && (!r.whitelist || r.whitelist.every((function(e) {
  67.            return !e.test(t)
  68.        }
  69.        )))
  70.    }
  71.      , o = function(t) {
  72.        var e = t.getAttribute("src");
  73.        return r.blacklist && r.blacklist.every((function(t) {
  74.            return !t.test(e)
  75.        }
  76.        )) || r.whitelist && r.whitelist.some((function(t) {
  77.            return t.test(e)
  78.        }
  79.        ))
  80.    }
  81.      , c = []
  82.      , l = []
  83.      , a = []
  84.      , s = new MutationObserver((function(t) {
  85.        for (var r = 0; r < t.length; r++)
  86.            for (var o = t[r].addedNodes, s = function(t) {
  87.                var r = o[t];
  88.                if (1 === r.nodeType && "LINK" === r.tagName && "stylesheet" == r.rel && c.push(r.href.split("?")[0]),
  89.                1 === r.nodeType && "SCRIPT" === r.tagName) {
  90.                    "" !== r.src && null !== r.src && l.push(r.src.split("?")[0]);
  91.                    var s = r.src
  92.                      , u = r.type;
  93.                    if (!1,
  94.                    i(s, u)) {
  95.                        a.push(s),
  96.                        n.blacklisted.push([r, r.type]),
  97.                        r.type = e;
  98.                        r.addEventListener("beforescriptexecute", (function t(n) {
  99.                            r.getAttribute("type") === e && n.preventDefault(),
  100.                            r.removeEventListener("beforescriptexecute", t)
  101.                        }
  102.                        )),
  103.                        r.parentElement && r.parentElement.removeChild(r)
  104.                    }
  105.                }
  106.            }, u = 0; u < o.length; u++) {
  107.                s(u)
  108.            }
  109.    }
  110.    ));
  111.    function u(t, e) {
  112.        var r = Object.keys(t);
  113.        if (Object.getOwnPropertySymbols) {
  114.            var n = Object.getOwnPropertySymbols(t);
  115.            e && (n = n.filter((function(e) {
  116.                return Object.getOwnPropertyDescriptor(t, e).enumerable
  117.            }
  118.            ))),
  119.            r.push.apply(r, n)
  120.        }
  121.        return r
  122.    }
  123.    function p(t) {
  124.        for (var e = 1; e < arguments.length; e++) {
  125.            var r = null != arguments[e] ? arguments[e] : {};
  126.            e % 2 ? u(Object(r), !0).forEach((function(e) {
  127.                f(t, e, r[e])
  128.            }
  129.            )) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : u(Object(r)).forEach((function(e) {
  130.                Object.defineProperty(t, e, Object.getOwnPropertyDescriptor(r, e))
  131.            }
  132.            ))
  133.        }
  134.        return t
  135.    }
  136.    function f(t, e, r) {
  137.        return e in t ? Object.defineProperty(t, e, {
  138.            value: r,
  139.            enumerable: !0,
  140.            configurable: !0,
  141.            writable: !0
  142.        }) : t[e] = r,
  143.        t
  144.    }
  145.    function d(t, e) {
  146.        return function(t) {
  147.            if (Array.isArray(t))
  148.                return t
  149.        }(t) || function(t, e) {
  150.            var r = null == t ? null : "undefined" != typeof Symbol && t[Symbol.iterator] || t["@@iterator"];
  151.            if (null == r)
  152.                return;
  153.            var n, i, o = [], c = !0, l = !1;
  154.            try {
  155.                for (r = r.call(t); !(c = (n = r.next()).done) && (o.push(n.value),
  156.                !e || o.length !== e); c = !0)
  157.                    ;
  158.            } catch (t) {
  159.                l = !0,
  160.                i = t
  161.            } finally {
  162.                try {
  163.                    c || null == r.return || r.return()
  164.                } finally {
  165.                    if (l)
  166.                        throw i
  167.                }
  168.            }
  169.            return o
  170.        }(t, e) || b(t, e) || function() {
  171.            throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")
  172.        }()
  173.    }
  174.    function y(t) {
  175.        return function(t) {
  176.            if (Array.isArray(t))
  177.                return h(t)
  178.        }(t) || function(t) {
  179.            if ("undefined" != typeof Symbol && null != t[Symbol.iterator] || null != t["@@iterator"])
  180.                return Array.from(t)
  181.        }(t) || b(t) || function() {
  182.            throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")
  183.        }()
  184.    }
  185.    function b(t, e) {
  186.        if (t) {
  187.            if ("string" == typeof t)
  188.                return h(t, e);
  189.            var r = Object.prototype.toString.call(t).slice(8, -1);
  190.            return "Object" === r && t.constructor && (r = t.constructor.name),
  191.            "Map" === r || "Set" === r ? Array.from(t) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? h(t, e) : void 0
  192.        }
  193.    }
  194.    function h(t, e) {
  195.        (null == e || e > t.length) && (e = t.length);
  196.        for (var r = 0, n = new Array(e); r < e; r++)
  197.            n[r] = t[r];
  198.        return n
  199.    }
  200.    s.observe(document.documentElement, {
  201.        childList: !0,
  202.        subtree: !0
  203.    });
  204.    var m = document.createElement
  205.      , v = {
  206.        src: Object.getOwnPropertyDescriptor(HTMLScriptElement.prototype, "src"),
  207.        type: Object.getOwnPropertyDescriptor(HTMLScriptElement.prototype, "type")
  208.    };
  209.    document.createElement = function() {
  210.        for (var t = arguments.length, r = new Array(t), n = 0; n < t; n++)
  211.            r[n] = arguments[n];
  212.        if ("script" !== r[0].toLowerCase())
  213.            return m.bind(document).apply(void 0, r);
  214.        var o = m.bind(document).apply(void 0, r);
  215.        try {
  216.            Object.defineProperties(o, {
  217.                src: p(p({}, v.src), {}, {
  218.                    set: function(t) {
  219.                        i(t, o.type) && v.type.set.call(this, e),
  220.                        v.src.set.call(this, t)
  221.                    }
  222.                }),
  223.                type: p(p({}, v.type), {}, {
  224.                    get: function() {
  225.                        var t = v.type.get.call(this);
  226.                        return t === e || i(this.src, t) ? null : t
  227.                    },
  228.                    set: function(t) {
  229.                        var r = i(o.src, o.type) ? e : t;
  230.                        v.type.set.call(this, r)
  231.                    }
  232.                })
  233.            }),
  234.            o.setAttribute = function(t, e) {
  235.                "type" === t || "src" === t ? o[t] = e : HTMLScriptElement.prototype.setAttribute.call(o, t, e)
  236.            }
  237.        } catch (t) {
  238.            console.warn("sbscript: unable to prevent script execution for script src ", o.src, ".\n", 'A likely cause would be because you are using a third-party browser extension that monkey patches the "document.createElement" function.')
  239.        }
  240.        return o
  241.    }
  242.    ;
  243.    var w = new RegExp("[|\\{}()[\\]^$+*?.]","g");
  244.    window.arr_injected_css = [],
  245.    window.arr_injected_script = [],
  246.    window.arr_blocked_script = [];
  247.    t.unblock = function() {
  248.        for (var t = arguments.length, i = new Array(t), u = 0; u < t; u++)
  249.            i[u] = arguments[u];
  250.        i.length < 1 ? (r.blacklist = [],
  251.        r.whitelist = []) : (r.blacklist && (r.blacklist = r.blacklist.filter((function(t) {
  252.            return i.every((function(e) {
  253.                return "string" == typeof e ? !t.test(e) : e instanceof RegExp ? t.toString() !== e.toString() : void 0
  254.            }
  255.            ))
  256.        }
  257.        ))),
  258.        r.whitelist && (r.whitelist = [].concat(y(r.whitelist), y(i.map((function(t) {
  259.            if ("string" == typeof t) {
  260.                var e = ".*" + t.replace(w, "\\$&") + ".*";
  261.                if (r.whitelist.every((function(t) {
  262.                    return t.toString() !== e.toString()
  263.                }
  264.                )))
  265.                    return new RegExp(e)
  266.            } else if (t instanceof RegExp && r.whitelist.every((function(e) {
  267.                return e.toString() !== t.toString()
  268.            }
  269.            )))
  270.                return t;
  271.            return null
  272.        }
  273.        )).filter(Boolean)))));
  274.        for (var p = document.querySelectorAll('script[type="'.concat(e, '"]')), f = 0; f < p.length; f++) {
  275.            var b = p[f];
  276.            o(b) && (n.blacklisted.push([b, "application/javascript"]),
  277.            b.parentElement.removeChild(b))
  278.        }
  279.        var h = 0;
  280.        y(n.blacklisted).forEach((function(t, e) {
  281.            var r = d(t, 2)
  282.              , i = r[0]
  283.              , c = r[1];
  284.            if (o(i)) {
  285.                for (var l = document.createElement("script"), a = 0; a < i.attributes.length; a++) {
  286.                    var s = i.attributes[a];
  287.                    "src" !== s.name && "type" !== s.name && l.setAttribute(s.name, i.attributes[a].value)
  288.                }
  289.                "" != i.src && l.setAttribute("src", i.src),
  290.                l.setAttribute("type", c || "application/javascript"),
  291.                l.appendChild(document.createTextNode(i.text)),
  292.                document.head.appendChild(l),
  293.                n.blacklisted.splice(e - h, 1),
  294.                h++
  295.            }
  296.        }
  297.        )),
  298.        r.blacklist && r.blacklist.length < 1 && s.disconnect(),
  299.        window.arr_injected_css = c,
  300.        window.arr_injected_script = l,
  301.        window.arr_blocked_script = a
  302.    }
  303.    ,
  304.    Object.defineProperty(t, "__esModule", {
  305.        value: !0
  306.    })
  307. }
  308. ));
  309.  
  310. // window.onscroll = function(){
  311. //     window.sbscript.unblock();
  312. // };
  313.  
  314. window.addEventListener('mousemove', function(event) {
  315.   window.sbscript.unblock();
  316. });
  317.  
  318. window.addEventListener('touchstart', function(event) {
  319.   window.sbscript.unblock();
  320. }, false);
  321.  
  322. window.addEventListener('load', function(event) {
  323.    setTimeout(()=>{
  324.     window.sbscript.unblock();
  325.    }
  326.    , 5000);
  327. });
  328.  
  329. </script>
  330.  
  331.  
  332.  
  333.  
  334.    <link href="//facelesscreator.store/cdn/shop/t/6/assets/base.css?v=59760300615723413031747906207" rel="stylesheet" type="text/css" media="all" />
  335. <link
  336.        rel="icon"
  337.        type="image/png"
  338.        href="//facelesscreator.store/cdn/shop/files/Untitled_design_53_-Photoroom.jpg?crop=center&height=32&v=1745445625&width=32"
  339.      ><link
  340.      rel="expect"
  341.      href="#MainContent"
  342.      blocking="render"
  343.      id="view-transition-render-blocker"
  344.    ><meta charset="utf-8">
  345. <meta
  346.  http-equiv="X-UA-Compatible"
  347.  content="IE=edge"
  348. >
  349. <meta
  350.  name="viewport"
  351.  content="width=device-width,initial-scale=1"
  352. >
  353. <meta
  354.  name="view-transition"
  355.  content="same-origin"
  356. >
  357. <meta
  358.  name="theme-color"
  359.  content=""
  360. >
  361.  
  362. <meta
  363.  property="og:site_name"
  364.  content="Faceless Creator"
  365. >
  366. <meta
  367.  property="og:url"
  368.  content="https://facelesscreator.store/"
  369. >
  370. <meta
  371.  property="og:title"
  372.  content="Faceless Creator – Build Anonymous Online Income with AI"
  373. >
  374. <meta
  375.  property="og:type"
  376.  content="website"
  377. >
  378. <meta
  379.  property="og:description"
  380.  content="Discover how to earn £8K/month without ever showing your face. Get proven AI-powered strategies, step-by-step blueprints &amp; instant access today!"
  381. ><meta
  382.    property="og:image"
  383.    content="http://facelesscreator.store/cdn/shop/files/Untitled_design_53_a0935991-cc9d-47be-b0d4-24a29a79dc00.png?v=1744676199"
  384.  >
  385.  <meta
  386.    property="og:image:secure_url"
  387.    content="https://facelesscreator.store/cdn/shop/files/Untitled_design_53_a0935991-cc9d-47be-b0d4-24a29a79dc00.png?v=1744676199"
  388.  >
  389.  <meta
  390.    property="og:image:width"
  391.    content="1472"
  392.  >
  393.  <meta
  394.    property="og:image:height"
  395.    content="832"
  396.  ><meta
  397.  name="twitter:card"
  398.  content="summary_large_image"
  399. >
  400. <meta
  401.  name="twitter:title"
  402.  content="Faceless Creator – Build Anonymous Online Income with AI"
  403. >
  404. <meta
  405.  name="twitter:description"
  406.  content="Discover how to earn £8K/month without ever showing your face. Get proven AI-powered strategies, step-by-step blueprints &amp; instant access today!"
  407. >
  408.  
  409. <title>
  410.  Faceless Creator – Build Anonymous Online Income with AI
  411. </title>
  412.  
  413. <link
  414.  rel="canonical"
  415.  href="https://facelesscreator.store/"
  416. >
  417.  
  418.  
  419.  <meta
  420.    name="description"
  421.    content="Discover how to earn £8K/month without ever showing your face. Get proven AI-powered strategies, step-by-step blueprints &amp; instant access today!"
  422.  >
  423.  
  424. <link
  425.    rel="preconnect"
  426.    href="https://fonts.shopifycdn.com"
  427.    crossorigin
  428.  >
  429. <link
  430.    rel="preload"
  431.    as="font"
  432.    href="//facelesscreator.store/cdn/fonts/inter/inter_n4.481bd4d19704ca98fb1d3abd50c668b6962860a2.woff2?h1=ZHRzdzNjLXNjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZmFjZWxlc3NjcmVhdG9yLnN0b3Jl&h3=YWNjb3VudC5mYWNlbGVzc2NyZWF0b3Iuc3RvcmU&hmac=8b0767456342b26043d21a8be5be0ba421edefa0709ac53a4da0bd00e99567c4"
  433.    type="font/woff2"
  434.    crossorigin
  435.  ><link
  436.    rel="preload"
  437.    as="font"
  438.    href="//facelesscreator.store/cdn/fonts/inter/inter_n5.4e013095af5df852d965c6d0d5c22626d12ca9b1.woff2?h1=ZHRzdzNjLXNjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZmFjZWxlc3NjcmVhdG9yLnN0b3Jl&h3=YWNjb3VudC5mYWNlbGVzc2NyZWF0b3Iuc3RvcmU&hmac=927698a91800507014955e57a1ecfb5c96ca86f94576be4583a31a94ae397ff3"
  439.    type="font/woff2"
  440.    crossorigin
  441.  ><link
  442.    rel="preload"
  443.    as="font"
  444.    href="//facelesscreator.store/cdn/fonts/righteous/righteous_n4.ae12f723ca3ef357f8426575ae5515969ffe8b06.woff2?h1=ZHRzdzNjLXNjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZmFjZWxlc3NjcmVhdG9yLnN0b3Jl&h3=YWNjb3VudC5mYWNlbGVzc2NyZWF0b3Iuc3RvcmU&hmac=a7e7e36b71f06fa46ccec9a48daf009ce1d728b633a63af3d7e6f10a41a18666"
  445.    type="font/woff2"
  446.    crossorigin
  447.  ><link
  448.    rel="preload"
  449.    as="font"
  450.    href="//facelesscreator.store/cdn/fonts/bricolage_grotesque/bricolagegrotesque_n7.b00471c0f299b0a5bcdaa52f962fc5b8cf14468a.woff2?h1=ZHRzdzNjLXNjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZmFjZWxlc3NjcmVhdG9yLnN0b3Jl&h3=YWNjb3VudC5mYWNlbGVzc2NyZWF0b3Iuc3RvcmU&hmac=616f9704ed3f8ce93453946c90d166db278e8f4d3dafb82ae6a2501c9ec3d4c0"
  451.    type="font/woff2"
  452.    crossorigin
  453.  >
  454. <script type="importmap">
  455.  {
  456.    "imports": {
  457.      "@theme/product-title": "//facelesscreator.store/cdn/shop/t/6/assets/product-title-truncation.js?v=81744426891537421781747906206",
  458.      "@theme/component": "//facelesscreator.store/cdn/shop/t/6/assets/component.js?v=80370191270241544621747906207",
  459.      "@theme/dialog": "//facelesscreator.store/cdn/shop/t/6/assets/dialog.js?v=40803435292154375831747906206",
  460.      "@theme/events": "//facelesscreator.store/cdn/shop/t/6/assets/events.js?v=26166644030623418901747906206",
  461.      "@theme/focus": "//facelesscreator.store/cdn/shop/t/6/assets/focus.js?v=60436577539430446401747906207",
  462.      "@theme/morph": "//facelesscreator.store/cdn/shop/t/6/assets/morph.js?v=130689995393408371391747906206",
  463.      "@theme/paginated-list": "//facelesscreator.store/cdn/shop/t/6/assets/paginated-list.js?v=44806173703066979421747906206",
  464.      "@theme/performance": "//facelesscreator.store/cdn/shop/t/6/assets/performance.js?v=25067702614201670671747906207",
  465.      "@theme/product-form": "//facelesscreator.store/cdn/shop/t/6/assets/product-form.js?v=165015123593036318881747906206",
  466.      "@theme/recently-viewed-products": "//facelesscreator.store/cdn/shop/t/6/assets/recently-viewed-products.js?v=94729125001750262651747906206",
  467.      "@theme/scrolling": "//facelesscreator.store/cdn/shop/t/6/assets/scrolling.js?v=10957690925586738441747906207",
  468.      "@theme/section-renderer": "//facelesscreator.store/cdn/shop/t/6/assets/section-renderer.js?v=146046498830626579641747906207",
  469.      "@theme/utilities": "//facelesscreator.store/cdn/shop/t/6/assets/utilities.js?v=80089107884766212331747906207",
  470.      "@theme/variant-picker": "//facelesscreator.store/cdn/shop/t/6/assets/variant-picker.js?v=114744297126452592331747906206",
  471.      "@theme/media-gallery": "//facelesscreator.store/cdn/shop/t/6/assets/media-gallery.js?v=111441960308641931071747906206",
  472.      "@theme/quick-add": "//facelesscreator.store/cdn/shop/t/6/assets/quick-add.js?v=161987591199350162971747906206"
  473.    }
  474.  }
  475. </script>
  476.  
  477.  
  478.  
  479.  <script
  480.    src="//facelesscreator.store/cdn/shop/t/6/assets/view-transitions.js?v=132588197357770770831747906206"
  481.  ></script>
  482.  
  483.  
  484.  
  485. <link
  486.  rel="modulepreload"
  487.  href="//facelesscreator.store/cdn/shop/t/6/assets/utilities.js?v=80089107884766212331747906207"
  488. >
  489. <link
  490.  rel="modulepreload"
  491.  href="//facelesscreator.store/cdn/shop/t/6/assets/component.js?v=80370191270241544621747906207"
  492. >
  493. <link
  494.  rel="modulepreload"
  495.  href="//facelesscreator.store/cdn/shop/t/6/assets/section-renderer.js?v=146046498830626579641747906207"
  496. >
  497. <link
  498.  rel="modulepreload"
  499.  href="//facelesscreator.store/cdn/shop/t/6/assets/morph.js?v=130689995393408371391747906206"
  500. >
  501.  
  502.  
  503.  
  504. <link
  505.  rel="modulepreload"
  506.  href="//facelesscreator.store/cdn/shop/t/6/assets/focus.js?v=60436577539430446401747906207"
  507. >
  508. <link
  509.  rel="modulepreload"
  510.  href="//facelesscreator.store/cdn/shop/t/6/assets/recently-viewed-products.js?v=94729125001750262651747906206"
  511. >
  512. <link
  513.  rel="modulepreload"
  514.  href="//facelesscreator.store/cdn/shop/t/6/assets/scrolling.js?v=10957690925586738441747906207"
  515. >
  516. <link
  517.  rel="modulepreload"
  518.  href="//facelesscreator.store/cdn/shop/t/6/assets/events.js?v=26166644030623418901747906206"
  519. >
  520. <script
  521.  src="//facelesscreator.store/cdn/shop/t/6/assets/quick-add.js?v=161987591199350162971747906206"
  522.  type="module"
  523. ></script>
  524.  
  525.  <script
  526.    src="//facelesscreator.store/cdn/shop/t/6/assets/cart-discount.js?v=172296006932267045581747906207"
  527.    type="module"
  528.  ></script>
  529.  
  530. <script
  531.  src="//facelesscreator.store/cdn/shop/t/6/assets/dialog.js?v=40803435292154375831747906206"
  532.  type="module"
  533. ></script>
  534. <script
  535.  src="//facelesscreator.store/cdn/shop/t/6/assets/variant-picker.js?v=114744297126452592331747906206"
  536.  type="module"
  537. ></script>
  538. <script
  539.  src="//facelesscreator.store/cdn/shop/t/6/assets/product-card.js?v=91028453771422682761747906206"
  540.  type="module"
  541. ></script>
  542. <script
  543.  src="//facelesscreator.store/cdn/shop/t/6/assets/product-form.js?v=165015123593036318881747906206"
  544.  type="module"
  545. ></script>
  546. <script
  547.  src="//facelesscreator.store/cdn/shop/t/6/assets/accordion-custom.js?v=99000499017714805851747906206"
  548.  type="module"
  549. ></script>
  550. <script
  551.  src="//facelesscreator.store/cdn/shop/t/6/assets/media.js?v=37825095869491791421747906206"
  552.  type="module"
  553. ></script>
  554. <script
  555.  src="//facelesscreator.store/cdn/shop/t/6/assets/product-price.js?v=30079423257668675401747906207"
  556.  type="module"
  557. ></script>
  558. <script
  559.  src="//facelesscreator.store/cdn/shop/t/6/assets/product-title-truncation.js?v=81744426891537421781747906206"
  560.  type="module"
  561. ></script>
  562. <script
  563.  src="//facelesscreator.store/cdn/shop/t/6/assets/product-inventory.js?v=16343734458933704981747906207"
  564.  type="module"
  565. ></script>
  566. <script
  567.  src="//facelesscreator.store/cdn/shop/t/6/assets/show-more.js?v=94563802205717136101747906206"
  568.  type="module"
  569. ></script>
  570. <script
  571.  src="//facelesscreator.store/cdn/shop/t/6/assets/slideshow.js?v=109169550438799175091747906207"
  572.  type="module"
  573. ></script>
  574. <script
  575.  src="//facelesscreator.store/cdn/shop/t/6/assets/floating-panel.js?v=128677600744947036551747906206"
  576.  type="module"
  577. ></script>
  578. <script
  579.  src="//facelesscreator.store/cdn/shop/t/6/assets/video-background.js?v=25237992823806706551747906207"
  580.  type="module"
  581. ></script>
  582. <script
  583.  src="//facelesscreator.store/cdn/shop/t/6/assets/component-quantity-selector.js?v=165853331022690512991747906207"
  584.  type="module"
  585. ></script>
  586. <script
  587.  src="//facelesscreator.store/cdn/shop/t/6/assets/media-gallery.js?v=111441960308641931071747906206"
  588.  type="module"
  589. ></script>
  590. <script
  591.  src="//facelesscreator.store/cdn/shop/t/6/assets/rte-formatter.js?v=101420294193111439321747906206"
  592.  type="module"
  593. ></script>
  594.  
  595.  
  596.  
  597.  
  598.  
  599.  
  600.  <script
  601.    src="//facelesscreator.store/cdn/shop/t/6/assets/product-card-link.js?v=98430775478448931631747906207"
  602.    type="module"
  603.  ></script>
  604.  
  605.  
  606. <script
  607.  src="//facelesscreator.store/cdn/shop/t/6/assets/auto-close-details.js?v=58350291535404441581747906206"
  608.  defer="defer"
  609. ></script>
  610.  
  611. <script
  612.  defer
  613.  src="//facelesscreator.store/cdn/shop/t/6/assets/placeholder-image.js?v=172823270129269230331747906206"
  614.  type="module"
  615. ></script>
  616.  
  617. <script>
  618.  const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders';
  619.  const Theme = {
  620.    placeholders: {
  621.      general: [
  622.        `${basePath}/general-1.png`,
  623.        `${basePath}/general-2.png`,
  624.        `${basePath}/general-3.png`,
  625.        `${basePath}/general-4.png`,
  626.        `${basePath}/general-5.png`,
  627.        `${basePath}/general-6.png`,
  628.        `${basePath}/general-7.png`,
  629.      ],
  630.      product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`],
  631.    },
  632.    translations: {
  633.      placeholder_image: `Placeholder image`,
  634.      added: `Added`,
  635.    },
  636.    routes: {
  637.      root: '/',
  638.      cart_add_url: '/cart/add',
  639.      cart_change_url: '/cart/change',
  640.      cart_update_url: '/cart/update',
  641.      cart_url: '/cart',
  642.      predictive_search_url: '/search/suggest',
  643.      search_url: '/search',
  644.    },
  645.    template: {
  646.      name: 'index',
  647.    },
  648.  };
  649. </script>
  650.  
  651.  
  652. <style data-shopify>
  653.  @font-face {
  654.  font-family: Inter;
  655.  font-weight: 400;
  656.  font-style: normal;
  657.  font-display: swap;
  658.  src: url("//facelesscreator.store/cdn/fonts/inter/inter_n4.481bd4d19704ca98fb1d3abd50c668b6962860a2.woff2?h1=ZHRzdzNjLXNjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZmFjZWxlc3NjcmVhdG9yLnN0b3Jl&h3=YWNjb3VudC5mYWNlbGVzc2NyZWF0b3Iuc3RvcmU&hmac=8b0767456342b26043d21a8be5be0ba421edefa0709ac53a4da0bd00e99567c4") format("woff2"),
  659.       url("//facelesscreator.store/cdn/fonts/inter/inter_n4.5a356a4c1877691cd26008ee4a5c7ada675c80ce.woff?h1=ZHRzdzNjLXNjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZmFjZWxlc3NjcmVhdG9yLnN0b3Jl&h3=YWNjb3VudC5mYWNlbGVzc2NyZWF0b3Iuc3RvcmU&hmac=d5bf219d872ad20b27faf551cf7ab10cc2e9332395ac9758b8ae5c727793c7d8") format("woff");
  660. }
  661.  
  662.  @font-face {
  663.  font-family: Inter;
  664.  font-weight: 700;
  665.  font-style: normal;
  666.  font-display: swap;
  667.  src: url("//facelesscreator.store/cdn/fonts/inter/inter_n7.50ef4139896edec0637fde057914fbf7e3a8d56e.woff2?h1=ZHRzdzNjLXNjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZmFjZWxlc3NjcmVhdG9yLnN0b3Jl&h3=YWNjb3VudC5mYWNlbGVzc2NyZWF0b3Iuc3RvcmU&hmac=59293068e7f105cbfb46db4f87df07c7f40d5cfb31e6fff349975925090308cf") format("woff2"),
  668.       url("//facelesscreator.store/cdn/fonts/inter/inter_n7.194c3d3f64efd8e4c82bbbe83dc84f5893fd9087.woff?h1=ZHRzdzNjLXNjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZmFjZWxlc3NjcmVhdG9yLnN0b3Jl&h3=YWNjb3VudC5mYWNlbGVzc2NyZWF0b3Iuc3RvcmU&hmac=e3a3c1e5212fb08d1545172a796eabb49ba33e8bfa58ec1fb542c1a61881a90b") format("woff");
  669. }
  670.  
  671.  
  672.  
  673.  
  674.  @font-face {
  675.  font-family: Inter;
  676.  font-weight: 500;
  677.  font-style: normal;
  678.  font-display: swap;
  679.  src: url("//facelesscreator.store/cdn/fonts/inter/inter_n5.4e013095af5df852d965c6d0d5c22626d12ca9b1.woff2?h1=ZHRzdzNjLXNjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZmFjZWxlc3NjcmVhdG9yLnN0b3Jl&h3=YWNjb3VudC5mYWNlbGVzc2NyZWF0b3Iuc3RvcmU&hmac=927698a91800507014955e57a1ecfb5c96ca86f94576be4583a31a94ae397ff3") format("woff2"),
  680.       url("//facelesscreator.store/cdn/fonts/inter/inter_n5.a68b7118da8e36cefdfa5a16eb3ccd7b79151b88.woff?h1=ZHRzdzNjLXNjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZmFjZWxlc3NjcmVhdG9yLnN0b3Jl&h3=YWNjb3VudC5mYWNlbGVzc2NyZWF0b3Iuc3RvcmU&hmac=3dbf960b03ad5bfd3b7ddf0dc14f9a9545a7c6344e0dcacc265f1712aa4cda14") format("woff");
  681. }
  682.  
  683.  @font-face {
  684.  font-family: Inter;
  685.  font-weight: 700;
  686.  font-style: normal;
  687.  font-display: swap;
  688.  src: url("//facelesscreator.store/cdn/fonts/inter/inter_n7.50ef4139896edec0637fde057914fbf7e3a8d56e.woff2?h1=ZHRzdzNjLXNjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZmFjZWxlc3NjcmVhdG9yLnN0b3Jl&h3=YWNjb3VudC5mYWNlbGVzc2NyZWF0b3Iuc3RvcmU&hmac=59293068e7f105cbfb46db4f87df07c7f40d5cfb31e6fff349975925090308cf") format("woff2"),
  689.       url("//facelesscreator.store/cdn/fonts/inter/inter_n7.194c3d3f64efd8e4c82bbbe83dc84f5893fd9087.woff?h1=ZHRzdzNjLXNjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZmFjZWxlc3NjcmVhdG9yLnN0b3Jl&h3=YWNjb3VudC5mYWNlbGVzc2NyZWF0b3Iuc3RvcmU&hmac=e3a3c1e5212fb08d1545172a796eabb49ba33e8bfa58ec1fb542c1a61881a90b") format("woff");
  690. }
  691.  
  692.  
  693.  
  694.  
  695.  @font-face {
  696.  font-family: Righteous;
  697.  font-weight: 400;
  698.  font-style: normal;
  699.  font-display: swap;
  700.  src: url("//facelesscreator.store/cdn/fonts/righteous/righteous_n4.ae12f723ca3ef357f8426575ae5515969ffe8b06.woff2?h1=ZHRzdzNjLXNjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZmFjZWxlc3NjcmVhdG9yLnN0b3Jl&h3=YWNjb3VudC5mYWNlbGVzc2NyZWF0b3Iuc3RvcmU&hmac=a7e7e36b71f06fa46ccec9a48daf009ce1d728b633a63af3d7e6f10a41a18666") format("woff2"),
  701.       url("//facelesscreator.store/cdn/fonts/righteous/righteous_n4.7aa6adcc7bf30be1c2818f73fafed582b16ac212.woff?h1=ZHRzdzNjLXNjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZmFjZWxlc3NjcmVhdG9yLnN0b3Jl&h3=YWNjb3VudC5mYWNlbGVzc2NyZWF0b3Iuc3RvcmU&hmac=97189e5f2b5fd2e71ef8939fdcac15f470155278535a165bb1f6023e0699b8f5") format("woff");
  702. }
  703.  
  704.  
  705.  
  706.  
  707.  
  708.  @font-face {
  709.  font-family: "Bricolage Grotesque";
  710.  font-weight: 700;
  711.  font-style: normal;
  712.  font-display: swap;
  713.  src: url("//facelesscreator.store/cdn/fonts/bricolage_grotesque/bricolagegrotesque_n7.b00471c0f299b0a5bcdaa52f962fc5b8cf14468a.woff2?h1=ZHRzdzNjLXNjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZmFjZWxlc3NjcmVhdG9yLnN0b3Jl&h3=YWNjb3VudC5mYWNlbGVzc2NyZWF0b3Iuc3RvcmU&hmac=616f9704ed3f8ce93453946c90d166db278e8f4d3dafb82ae6a2501c9ec3d4c0") format("woff2"),
  714.       url("//facelesscreator.store/cdn/fonts/bricolage_grotesque/bricolagegrotesque_n7.0874ba3337f8637cef24055523c43daeca08f0b4.woff?h1=ZHRzdzNjLXNjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZmFjZWxlc3NjcmVhdG9yLnN0b3Jl&h3=YWNjb3VudC5mYWNlbGVzc2NyZWF0b3Iuc3RvcmU&hmac=88cfeae522aa5aa67582ae845fa023af159fc7a6c5ff596a1fa871e121e6c858") format("woff");
  715. }
  716.  
  717.  @font-face {
  718.  font-family: "Bricolage Grotesque";
  719.  font-weight: 700;
  720.  font-style: normal;
  721.  font-display: swap;
  722.  src: url("//facelesscreator.store/cdn/fonts/bricolage_grotesque/bricolagegrotesque_n7.b00471c0f299b0a5bcdaa52f962fc5b8cf14468a.woff2?h1=ZHRzdzNjLXNjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZmFjZWxlc3NjcmVhdG9yLnN0b3Jl&h3=YWNjb3VudC5mYWNlbGVzc2NyZWF0b3Iuc3RvcmU&hmac=616f9704ed3f8ce93453946c90d166db278e8f4d3dafb82ae6a2501c9ec3d4c0") format("woff2"),
  723.       url("//facelesscreator.store/cdn/fonts/bricolage_grotesque/bricolagegrotesque_n7.0874ba3337f8637cef24055523c43daeca08f0b4.woff?h1=ZHRzdzNjLXNjLmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=ZmFjZWxlc3NjcmVhdG9yLnN0b3Jl&h3=YWNjb3VudC5mYWNlbGVzc2NyZWF0b3Iuc3RvcmU&hmac=88cfeae522aa5aa67582ae845fa023af159fc7a6c5ff596a1fa871e121e6c858") format("woff");
  724. }
  725.  
  726.  
  727.  
  728.  
  729.  :root {
  730.    /* Page Layout */
  731.    --sidebar-width: 25rem;
  732.    --narrow-content-width: 36rem;
  733.    --normal-content-width: 42rem;
  734.    --wide-content-width: 46rem;
  735.    --narrow-page-width: 90rem;
  736.    --normal-page-width: 120rem;
  737.    --wide-page-width: 150rem;
  738.  
  739.    /* Section Heights */
  740.    --section-height-small: 15rem;
  741.    --section-height-medium: 25rem;
  742.    --section-height-large: 35rem;
  743.  
  744.    @media screen and (min-width: 40em) {
  745.      --section-height-small: 40svh;
  746.      --section-height-medium: 55svh;
  747.      --section-height-large: 70svh;
  748.    }
  749.  
  750.    @media screen and (min-width: 60em) {
  751.      --section-height-small: 50svh;
  752.      --section-height-medium: 65svh;
  753.      --section-height-large: 80svh;
  754.    }
  755.  
  756.    /* Letter spacing */
  757.    --letter-spacing-sm: 0.06em;
  758.    --letter-spacing-md: 0.13em;/* Font families */
  759.    --font-body--family: Inter, sans-serif;
  760.    --font-body--style: normal;
  761.    --font-body--weight: 400;
  762.    --font-subheading--family: Inter, sans-serif;
  763.    --font-subheading--style: normal;
  764.    --font-subheading--weight: 500;
  765.    --font-heading--family: Righteous, sans-serif;
  766.    --font-heading--style: normal;
  767.    --font-heading--weight: 400;
  768.    --font-accent--family: "Bricolage Grotesque", sans-serif;
  769.    --font-accent--style: normal;
  770.    --font-accent--weight: 700;
  771.  
  772.    /* Margin sizes */
  773.    --font-h1--spacing: 0.25em;
  774.    --font-h2--spacing: 0.25em;
  775.    --font-h3--spacing: 0.25em;
  776.    --font-h4--spacing: 0.25em;
  777.    --font-h5--spacing: 0.25em;
  778.    --font-h6--spacing: 0.25em;
  779.    --font-paragraph--spacing: 0.5em;
  780.  
  781.    /* Heading colors */
  782.    --font-h1--color: var(--color-foreground-heading);
  783.    --font-h2--color: var(--color-foreground-heading);
  784.    --font-h3--color: var(--color-foreground-heading);
  785.    --font-h4--color: var(--color-foreground-heading);
  786.    --font-h5--color: var(--color-foreground-heading);
  787.    --font-h6--color: var(--color-foreground-heading);
  788.  
  789.    /** Z-Index / Layering */
  790.    --layer-section-background: -2;
  791.    --layer-lowest: -1;
  792.    --layer-base: 0;
  793.    --layer-flat: 1;
  794.    --layer-raised: 2;
  795.    --layer-heightened: 4;
  796.    --layer-sticky: 8;
  797.    --layer-window-overlay: 10;
  798.    --layer-header-menu: 12;
  799.    --layer-overlay: 16;
  800.    --layer-menu-drawer: 18;
  801.    --layer-temporary: 20;
  802.  
  803.    /* Max-width / Measure */
  804.    --max-width--body-normal: 50ch;
  805.    --max-width--body-narrow: 35ch;
  806.  
  807.    --max-width--heading-normal: 50ch;
  808.    --max-width--heading-narrow: 30ch;
  809.  
  810.    --max-width--display-normal: 20ch;
  811.    --max-width--display-narrow: 15ch;
  812.    --max-width--display-tight: 5ch;
  813.  
  814.    /* Letter-spacing / Tracking */
  815.    --letter-spacing--display-tight: -0.03em;
  816.    --letter-spacing--display-normal: 0;
  817.    --letter-spacing--display-loose: 0.03em;
  818.  
  819.    --letter-spacing--heading-tight: -0.03em;
  820.    --letter-spacing--heading-normal: 0;
  821.    --letter-spacing--heading-loose: 0.03em;
  822.  
  823.    --letter-spacing--body-tight: -0.03em;
  824.    --letter-spacing--body-normal: 0;
  825.    --letter-spacing--body-loose: 0.03em;
  826.  
  827.    /* Line height / Leading */
  828.    --line-height: 1;
  829.  
  830.    --line-height--display-tight: 1;
  831.    --line-height--display-normal: 1.1;
  832.    --line-height--display-loose: 1.2;
  833.  
  834.    --line-height--heading-tight: 1.15;
  835.    --line-height--heading-normal: 1.25;
  836.    --line-height--heading-loose: 1.35;
  837.  
  838.    --line-height--body-tight: 1.2;
  839.    --line-height--body-normal: 1.4;
  840.    --line-height--body-loose: 1.6;
  841.  
  842.    /* Typography presets */
  843.    --font-size--paragraph: 0.875rem;--font-size--h1: 2.0rem;--font-size--h2: 1.5rem;--font-size--h3: 1.25rem;--font-size--h4: 1.125rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: uppercase;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-loose);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-tight);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
  844. /* Hardcoded font sizes */
  845.    --font-size--2xs: 0.625rem;
  846.    --font-size--xs: 0.8125rem;
  847.    --font-size--sm: 0.875rem;
  848.    --font-size--md: 1rem;
  849.    --font-size--lg: 1.125rem;
  850.    --font-size--xl: 1.25rem;
  851.    --font-size--2xl: 1.5rem;
  852.    --font-size--3xl: 2rem;
  853.    --font-size--4xl: 2.5rem;
  854.    --font-size--5xl: 3rem;
  855.    --font-size--6xl: 3.5rem;
  856.  
  857.    /* Menu font sizes */
  858.    --menu-font-sm--size: 0.875rem;
  859.    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
  860.    --menu-font-md--size: 1rem;
  861.    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
  862.    --menu-font-lg--size: 1.125rem;
  863.    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
  864.    --menu-font-xl--size: 1.25rem;
  865.    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
  866.    --menu-font-2xl--size: 1.75rem;
  867.    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
  868.  
  869.    /* Colors */
  870.    --color-error: #8B0000;
  871.    --color-success: #006400;
  872.    --color-white: #FFFFFF;
  873.    --color-black: #000000;
  874.    --color-instock: #3ED660;
  875.    --color-lowstock: #EE9441;
  876.    --color-outofstock: #C8C8C8;
  877.  
  878.    /* Opacity */
  879.    --opacity-subdued-text: 0.7;
  880.  
  881.    --shadow-button: 0 2px 3px rgba(0 0 0 / 20%);
  882.    --gradient-image-overlay: linear-gradient(to top, rgb(from var(--color-black) r g b / 0.5), transparent);
  883.  
  884.    /* Spacing */
  885.    --margin-3xs: 0.125rem;
  886.    --margin-2xs: 0.3rem;
  887.    --margin-xs: 0.5rem;
  888.    --margin-sm: 0.7rem;
  889.    --margin-md: 0.8rem;
  890.    --margin-lg: 1rem;
  891.    --margin-xl: 1.25rem;
  892.    --margin-2xl: 1.5rem;
  893.    --margin-3xl: 1.75rem;
  894.    --margin-4xl: 2rem;
  895.    --margin-5xl: 3rem;
  896.    --margin-6xl: 5rem;
  897.  
  898.    --scroll-margin: 50px;
  899.  
  900.    --padding-3xs: 0.125rem;
  901.    --padding-2xs: 0.25rem;
  902.    --padding-xs: 0.5rem;
  903.    --padding-sm: 0.7rem;
  904.    --padding-md: 0.8rem;
  905.    --padding-lg: 1rem;
  906.    --padding-xl: 1.25rem;
  907.    --padding-2xl: 1.5rem;
  908.    --padding-3xl: 1.75rem;
  909.    --padding-4xl: 2rem;
  910.    --padding-5xl: 3rem;
  911.    --padding-6xl: 4rem;
  912.  
  913.    --gap-3xs: 0.125rem;
  914.    --gap-2xs: 0.3rem;
  915.    --gap-xs: 0.5rem;
  916.    --gap-sm: 0.7rem;
  917.    --gap-md: 0.9rem;
  918.    --gap-lg: 1rem;
  919.    --gap-xl: 1.25rem;
  920.    --gap-2xl: 2rem;
  921.    --gap-3xl: 3rem;
  922.  
  923.    --spacing-scale-sm: 0.6;
  924.    --spacing-scale-md: 0.7;
  925.    --spacing-scale-default: 1.0;
  926.  
  927.    /* Checkout buttons gap */
  928.    --checkout-button-gap: 8px;
  929.  
  930.    /* Borders */
  931.    --style-border-width: 1px;
  932.    --style-border-radius-xs: 0.2rem;
  933.    --style-border-radius-sm: 0.6rem;
  934.    --style-border-radius-md: 0.8rem;
  935.    --style-border-radius-50: 50%;
  936.    --style-border-radius-lg: 1rem;
  937.    --style-border-radius-pills: 40px;
  938.    --style-border-radius-inputs: 4px;
  939.    --style-border-radius-buttons-primary: 14px;
  940.    --style-border-radius-buttons-secondary: 14px;
  941.    --style-border-width-primary: 0px;
  942.    --style-border-width-secondary: 0px;
  943.    --style-border-width-inputs: 1px;
  944.    --style-border-radius-popover: 14px;
  945.    --style-border-popover: 1px none rgb(from var(--color-border) r g b / 50%);
  946.    --style-border-drawer: 1px none rgb(from var(--color-border) r g b / 50%);
  947.    --style-border-swatch-opacity: 10%;
  948.    --style-border-swatch-width: 1px;
  949.    --style-border-swatch-style: solid;
  950.  
  951.    /* Animation */
  952.    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
  953.    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
  954.    --animation-speed: 0.125s;
  955.    --animation-speed-slow: 0.2s;
  956.    --animation-speed-medium: 0.15s;
  957.    --animation-easing: ease-in-out;
  958.    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
  959.    --drawer-animation-speed: 0.2s;
  960.    --animation-values: var(--animation-speed) var(--animation-easing);
  961.    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
  962.    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  963.    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
  964.    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  965.    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
  966.    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
  967.    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
  968.  
  969.    /* View transitions */
  970.    /* View transition old */
  971.    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
  972.  
  973.    /* View transition new */
  974.    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
  975.  
  976.    /* Focus */
  977.    --focus-outline-width: 0.09375rem;
  978.    --focus-outline-offset: 0.2em;
  979.  
  980.    /* Badges */
  981.    --badge-blob-padding-block: 1px;
  982.    --badge-blob-padding-inline: 12px 8px;
  983.    --badge-rectangle-padding-block: 1px;
  984.    --badge-rectangle-padding-inline: 6px;
  985.    @media screen and (width >= 750px) {
  986.      --badge-blob-padding-block: 4px;
  987.      --badge-blob-padding-inline: 16px 12px;
  988.      --badge-rectangle-padding-block: 4px;
  989.      --badge-rectangle-padding-inline: 10px;
  990.    }
  991.  
  992.    /* Icons */
  993.    --icon-size-2xs: 0.6rem;
  994.    --icon-size-xs: 0.85rem;
  995.    --icon-size-sm: 1.25rem;
  996.    --icon-size-md: 1.375rem;
  997.    --icon-size-lg: 1.5rem;
  998.    --icon-stroke-width: 1.5px;
  999.  
  1000.    /* Input */
  1001.    --input-email-min-width: 200px;
  1002.    --input-search-max-width: 650px;
  1003.    --input-padding-y: 0.8rem;
  1004.    --input-padding-x: 0.8rem;
  1005.    --input-padding: var(--input-padding-y) var(--input-padding-x);
  1006.    --input-box-shadow-width: var(--style-border-width-inputs);
  1007.    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
  1008.    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
  1009.    --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
  1010.    --input-disabled-border-color: rgb(from var(--color-foreground) r g b / 5%);
  1011.    --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
  1012.    --input-textarea-min-height: 55px;
  1013.  
  1014.    /* Button size */
  1015.    --button-size-sm: 30px;
  1016.    --button-size-md: 36px;
  1017.    --button-size: var(--minimum-touch-target);
  1018.    --button-padding-inline: 24px;
  1019.    --button-padding-block: 16px;
  1020.  
  1021.    /* Button font-family */
  1022.    --button-font-family-primary: var(--font-body--family);
  1023.    --button-font-family-secondary: var(--font-body--family);
  1024.  
  1025.    /* Button font-weight */
  1026.    --button-font-weight-primary: default;
  1027.    --button-font-weight-secondary: default;
  1028.  
  1029.    /* Button text case */
  1030.    --button-text-case: ;
  1031.    --button-text-case-primary: default;
  1032.    --button-text-case-secondary: default;
  1033.    /* Borders */
  1034.    --border-color: rgba(from var(--color-border) r g b / 0.55);
  1035.    --border-width-sm: 1px;
  1036.    --border-width-md: 2px;
  1037.    --border-width-lg: 5px;
  1038.  
  1039.    /* Drawers */
  1040.    --drawer-inline-padding: 25px;
  1041.    --drawer-menu-inline-padding: 2.5rem;
  1042.    --drawer-header-block-padding: 20px;
  1043.    --drawer-content-block-padding: 10px;
  1044.    --drawer-header-desktop-top: 0rem;
  1045.    --drawer-padding: calc(var(--padding-sm) + 7px);
  1046.    --drawer-height: 100dvh;
  1047.    --drawer-width: 95vw;
  1048.    --drawer-max-width: 500px;
  1049.  
  1050.    /* Variant Picker Swatches */
  1051.    --variant-picker-swatch-width-unitless: 34;
  1052.    --variant-picker-swatch-height-unitless: 34;
  1053.    --variant-picker-swatch-width: 34px;
  1054.    --variant-picker-swatch-height: 34px;
  1055.    --variant-picker-swatch-radius: 32px;
  1056.    --variant-picker-border-width: 1px;
  1057.    --variant-picker-border-style: solid;
  1058.    --variant-picker-border-opacity: 10%;
  1059.  
  1060.    /* Variant Picker Buttons */
  1061.    --variant-picker-button-radius: 14px;
  1062.    --variant-picker-button-border-width: 1px;
  1063.  
  1064.    /* Slideshow */
  1065.    --slideshow-controls-size: 3.5rem;
  1066.    --slideshow-controls-icon: 2rem;
  1067.    --peek-next-slide-size: 3rem;
  1068.  
  1069.    /* Utilities */
  1070.    --backdrop-opacity: 0.15;
  1071.    --backdrop-color: var(--color-foreground);
  1072.    --minimum-touch-target: 44px;
  1073.    --disabled-opacity: 0.5;
  1074.    --skeleton-opacity: 0.025;
  1075.  
  1076.    /* Shapes */
  1077.    --shape--circle: circle(50% at center);
  1078.    --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
  1079.    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  1080.    --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
  1081.  
  1082.    /* Buy buttons */
  1083.    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
  1084.  
  1085.    /* Card image height variables */
  1086.    --height-small: 10rem;
  1087.    --height-medium: 11.5rem;
  1088.    --height-large: 13rem;
  1089.    --height-full: 100vh;
  1090.  
  1091.    @media screen and (width >= 750px) {
  1092.      --height-small: 17.5rem;
  1093.      --height-medium: 21.25rem;
  1094.      --height-large: 25rem;
  1095.    }
  1096.  
  1097.    /* Modal */
  1098.    --modal-max-height: 65dvh;
  1099.  
  1100.    /* Card styles for search */
  1101.    --card-bg-hover: rgb(from var(--color-foreground) r g b / 0.03);
  1102.    --card-border-hover: rgb(from var(--color-foreground) r g b / 0.3);
  1103.    --card-border-focus: rgb(from var(--color-border) r g b / 0.1);
  1104.  
  1105.    /* Modal */
  1106.    --modal-max-height: 65dvh;
  1107.  }
  1108. </style>
  1109. <style data-shopify>
  1110.  
  1111.    
  1112.      :root,
  1113.    
  1114.    .color-scheme-1 {
  1115.        --color-background: rgba(255 255 255 / 1.0);
  1116.        --color-foreground: rgba(0 0 0 / 0.81);
  1117.        --color-foreground-heading: rgba(0 0 0 / 1.0);
  1118.        --color-primary: rgba(0 0 0 / 0.81);
  1119.        --color-primary-hover: rgba(0 0 0 / 1.0);
  1120.        --color-border: rgba(0 0 0 / 1.0);
  1121.        --color-shadow: rgba(0 0 0 / 1.0);
  1122.        --color-primary-button-text: rgba(255 255 255 / 1.0);
  1123.        --color-primary-button-background: rgba(0 0 0 / 1.0);
  1124.        --color-primary-button-border: rgba(0 0 0 / 1.0);
  1125.        --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
  1126.        --color-primary-button-hover-background: rgba(51 51 51 / 1.0);
  1127.        --color-primary-button-hover-border: rgba(0 0 0 / 1.0);
  1128.        --color-secondary-button-text: rgba(0 0 0 / 1.0);
  1129.        --color-secondary-button-background: rgba(255 255 255 / 1.0);
  1130.        --color-secondary-button-border: rgba(0 0 0 / 0.06);
  1131.        --color-secondary-button-hover-text: rgba(255 255 255 / 1.0);
  1132.        --color-secondary-button-hover-background: rgba(51 51 51 / 1.0);
  1133.        --color-secondary-button-hover-border: rgba(51 51 51 / 1.0);
  1134.        --color-input-background: rgba(0 0 0 / 1.0);
  1135.        --color-input-text: rgba(255 255 255 / 1.0);
  1136.        --color-input-border: rgba(0 0 0 / 0.13);
  1137.        --color-input-hover-background: rgba(0 0 0 / 0.01);
  1138.        --color-variant-background: rgba(0 0 0 / 1.0);
  1139.        --color-variant-border: rgba(0 0 0 / 0.13);
  1140.        --color-variant-text: rgba(0 0 0 / 0.06);
  1141.        --color-variant-hover-background: rgba(245 245 245 / 1.0);
  1142.        --color-variant-hover-text: rgba(255 255 255 / 1.0);
  1143.        --color-variant-hover-border: rgba(0 0 0 / 1.0);
  1144.        --color-selected-variant-background: rgba(0 0 0 / 1.0);
  1145.        --color-selected-variant-border: rgba(0 0 0 / 1.0);
  1146.        --color-selected-variant-text: rgba(255 255 255 / 1.0);
  1147.        --color-selected-variant-hover-background: rgba(26 26 26 / 1.0);
  1148.        --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
  1149.        --color-selected-variant-hover-border: rgba(26 26 26 / 1.0);
  1150.        --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
  1151.        --input-disabled-border-color: rgb(from var(--color-foreground) r g b / 5%);
  1152.        --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
  1153.        --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
  1154.        --font-h1--color: var(--color-foreground-heading);
  1155.        --font-h2--color: var(--color-foreground-heading);
  1156.        --font-h3--color: var(--color-foreground-heading);
  1157.        --font-h4--color: var(--color-foreground-heading);
  1158.        --font-h5--color: var(--color-foreground-heading);
  1159.        --font-h6--color: var(--color-foreground-heading);
  1160.  
  1161.        /* Shadows */
  1162.        
  1163.          --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
  1164.        
  1165.        
  1166.          --shadow-blur: 20px;
  1167.          --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
  1168.        
  1169.      }
  1170.  
  1171.    
  1172.    .color-scheme-2 {
  1173.        --color-background: rgba(245 245 245 / 1.0);
  1174.        --color-foreground: rgba(0 0 0 / 0.81);
  1175.        --color-foreground-heading: rgba(0 0 0 / 1.0);
  1176.        --color-primary: rgba(0 0 0 / 0.81);
  1177.        --color-primary-hover: rgba(255 255 255 / 1.0);
  1178.        --color-border: rgba(0 0 0 / 0.81);
  1179.        --color-shadow: rgba(0 0 0 / 1.0);
  1180.        --color-primary-button-text: rgba(255 255 255 / 1.0);
  1181.        --color-primary-button-background: rgba(0 0 0 / 1.0);
  1182.        --color-primary-button-border: rgba(0 0 0 / 1.0);
  1183.        --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
  1184.        --color-primary-button-hover-background: rgba(51 51 51 / 1.0);
  1185.        --color-primary-button-hover-border: rgba(51 51 51 / 1.0);
  1186.        --color-secondary-button-text: rgba(0 0 0 / 1.0);
  1187.        --color-secondary-button-background: rgba(255 255 255 / 0.69);
  1188.        --color-secondary-button-border: rgba(255 255 255 / 0.69);
  1189.        --color-secondary-button-hover-text: rgba(0 0 0 / 1.0);
  1190.        --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
  1191.        --color-secondary-button-hover-border: rgba(255 255 255 / 1.0);
  1192.        --color-input-background: rgba(0 0 0 / 0.0);
  1193.        --color-input-text: rgba(0 0 0 / 0.53);
  1194.        --color-input-border: rgba(0 0 0 / 0.13);
  1195.        --color-input-hover-background: rgba(255 255 255 / 0.36);
  1196.        --color-variant-background: rgba(255 255 255 / 1.0);
  1197.        --color-variant-border: rgba(230 230 230 / 1.0);
  1198.        --color-variant-text: rgba(0 0 0 / 1.0);
  1199.        --color-variant-hover-background: rgba(245 245 245 / 1.0);
  1200.        --color-variant-hover-text: rgba(0 0 0 / 1.0);
  1201.        --color-variant-hover-border: rgba(230 230 230 / 1.0);
  1202.        --color-selected-variant-background: rgba(0 0 0 / 1.0);
  1203.        --color-selected-variant-border: rgba(0 0 0 / 1.0);
  1204.        --color-selected-variant-text: rgba(255 255 255 / 1.0);
  1205.        --color-selected-variant-hover-background: rgba(26 26 26 / 1.0);
  1206.        --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
  1207.        --color-selected-variant-hover-border: rgba(26 26 26 / 1.0);
  1208.        --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
  1209.        --input-disabled-border-color: rgb(from var(--color-foreground) r g b / 5%);
  1210.        --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
  1211.        --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
  1212.        --font-h1--color: var(--color-foreground-heading);
  1213.        --font-h2--color: var(--color-foreground-heading);
  1214.        --font-h3--color: var(--color-foreground-heading);
  1215.        --font-h4--color: var(--color-foreground-heading);
  1216.        --font-h5--color: var(--color-foreground-heading);
  1217.        --font-h6--color: var(--color-foreground-heading);
  1218.  
  1219.        /* Shadows */
  1220.        
  1221.          --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
  1222.        
  1223.        
  1224.          --shadow-blur: 20px;
  1225.          --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
  1226.        
  1227.      }
  1228.  
  1229.    
  1230.    .color-scheme-3 {
  1231.        --color-background: rgba(238 241 234 / 1.0);
  1232.        --color-foreground: rgba(0 0 0 / 0.81);
  1233.        --color-foreground-heading: rgba(0 0 0 / 1.0);
  1234.        --color-primary: rgba(0 0 0 / 0.81);
  1235.        --color-primary-hover: rgba(0 0 0 / 1.0);
  1236.        --color-border: rgba(0 0 0 / 0.81);
  1237.        --color-shadow: rgba(0 0 0 / 1.0);
  1238.        --color-primary-button-text: rgba(255 255 255 / 1.0);
  1239.        --color-primary-button-background: rgba(0 0 0 / 1.0);
  1240.        --color-primary-button-border: rgba(0 0 0 / 1.0);
  1241.        --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
  1242.        --color-primary-button-hover-background: rgba(51 51 51 / 1.0);
  1243.        --color-primary-button-hover-border: rgba(51 51 51 / 1.0);
  1244.        --color-secondary-button-text: rgba(0 0 0 / 1.0);
  1245.        --color-secondary-button-background: rgba(255 255 255 / 0.69);
  1246.        --color-secondary-button-border: rgba(255 255 255 / 0.69);
  1247.        --color-secondary-button-hover-text: rgba(0 0 0 / 1.0);
  1248.        --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
  1249.        --color-secondary-button-hover-border: rgba(255 255 255 / 1.0);
  1250.        --color-input-background: rgba(0 0 0 / 0.0);
  1251.        --color-input-text: rgba(0 0 0 / 0.81);
  1252.        --color-input-border: rgba(0 0 0 / 0.81);
  1253.        --color-input-hover-background: rgba(255 255 255 / 0.36);
  1254.        --color-variant-background: rgba(255 255 255 / 1.0);
  1255.        --color-variant-border: rgba(230 230 230 / 1.0);
  1256.        --color-variant-text: rgba(0 0 0 / 1.0);
  1257.        --color-variant-hover-background: rgba(245 245 245 / 1.0);
  1258.        --color-variant-hover-text: rgba(0 0 0 / 1.0);
  1259.        --color-variant-hover-border: rgba(230 230 230 / 1.0);
  1260.        --color-selected-variant-background: rgba(0 0 0 / 1.0);
  1261.        --color-selected-variant-border: rgba(0 0 0 / 1.0);
  1262.        --color-selected-variant-text: rgba(255 255 255 / 1.0);
  1263.        --color-selected-variant-hover-background: rgba(26 26 26 / 1.0);
  1264.        --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
  1265.        --color-selected-variant-hover-border: rgba(26 26 26 / 1.0);
  1266.        --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
  1267.        --input-disabled-border-color: rgb(from var(--color-foreground) r g b / 5%);
  1268.        --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
  1269.        --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
  1270.        --font-h1--color: var(--color-foreground-heading);
  1271.        --font-h2--color: var(--color-foreground-heading);
  1272.        --font-h3--color: var(--color-foreground-heading);
  1273.        --font-h4--color: var(--color-foreground-heading);
  1274.        --font-h5--color: var(--color-foreground-heading);
  1275.        --font-h6--color: var(--color-foreground-heading);
  1276.  
  1277.        /* Shadows */
  1278.        
  1279.          --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
  1280.        
  1281.        
  1282.          --shadow-blur: 20px;
  1283.          --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
  1284.        
  1285.      }
  1286.  
  1287.    
  1288.    .color-scheme-4 {
  1289.        --color-background: rgba(225 237 245 / 1.0);
  1290.        --color-foreground: rgba(0 0 0 / 0.81);
  1291.        --color-foreground-heading: rgba(0 0 0 / 1.0);
  1292.        --color-primary: rgba(0 0 0 / 0.81);
  1293.        --color-primary-hover: rgba(0 0 0 / 1.0);
  1294.        --color-border: rgba(29 54 134 / 0.5);
  1295.        --color-shadow: rgba(0 0 0 / 1.0);
  1296.        --color-primary-button-text: rgba(255 255 255 / 1.0);
  1297.        --color-primary-button-background: rgba(0 0 0 / 1.0);
  1298.        --color-primary-button-border: rgba(29 54 134 / 1.0);
  1299.        --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
  1300.        --color-primary-button-hover-background: rgba(51 51 51 / 1.0);
  1301.        --color-primary-button-hover-border: rgba(0 0 0 / 1.0);
  1302.        --color-secondary-button-text: rgba(0 0 0 / 1.0);
  1303.        --color-secondary-button-background: rgba(255 255 255 / 0.69);
  1304.        --color-secondary-button-border: rgba(0 0 0 / 0.81);
  1305.        --color-secondary-button-hover-text: rgba(0 0 0 / 1.0);
  1306.        --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
  1307.        --color-secondary-button-hover-border: rgba(255 255 255 / 1.0);
  1308.        --color-input-background: rgba(0 0 0 / 0.0);
  1309.        --color-input-text: rgba(0 0 0 / 0.81);
  1310.        --color-input-border: rgba(0 0 0 / 0.81);
  1311.        --color-input-hover-background: rgba(255 255 255 / 0.36);
  1312.        --color-variant-background: rgba(255 255 255 / 1.0);
  1313.        --color-variant-border: rgba(230 230 230 / 1.0);
  1314.        --color-variant-text: rgba(0 0 0 / 1.0);
  1315.        --color-variant-hover-background: rgba(245 245 245 / 1.0);
  1316.        --color-variant-hover-text: rgba(0 0 0 / 1.0);
  1317.        --color-variant-hover-border: rgba(230 230 230 / 1.0);
  1318.        --color-selected-variant-background: rgba(0 0 0 / 1.0);
  1319.        --color-selected-variant-border: rgba(0 0 0 / 1.0);
  1320.        --color-selected-variant-text: rgba(255 255 255 / 1.0);
  1321.        --color-selected-variant-hover-background: rgba(26 26 26 / 1.0);
  1322.        --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
  1323.        --color-selected-variant-hover-border: rgba(26 26 26 / 1.0);
  1324.        --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
  1325.        --input-disabled-border-color: rgb(from var(--color-foreground) r g b / 5%);
  1326.        --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
  1327.        --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
  1328.        --font-h1--color: var(--color-foreground-heading);
  1329.        --font-h2--color: var(--color-foreground-heading);
  1330.        --font-h3--color: var(--color-foreground-heading);
  1331.        --font-h4--color: var(--color-foreground-heading);
  1332.        --font-h5--color: var(--color-foreground-heading);
  1333.        --font-h6--color: var(--color-foreground-heading);
  1334.  
  1335.        /* Shadows */
  1336.        
  1337.          --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
  1338.        
  1339.        
  1340.          --shadow-blur: 20px;
  1341.          --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
  1342.        
  1343.      }
  1344.  
  1345.    
  1346.    .color-scheme-5 {
  1347.        --color-background: rgba(51 51 51 / 1.0);
  1348.        --color-foreground: rgba(255 255 255 / 1.0);
  1349.        --color-foreground-heading: rgba(255 255 255 / 1.0);
  1350.        --color-primary: rgba(255 255 255 / 1.0);
  1351.        --color-primary-hover: rgba(255 255 255 / 0.69);
  1352.        --color-border: rgba(255 255 255 / 0.69);
  1353.        --color-shadow: rgba(0 0 0 / 1.0);
  1354.        --color-primary-button-text: rgba(0 0 0 / 1.0);
  1355.        --color-primary-button-background: rgba(255 255 255 / 1.0);
  1356.        --color-primary-button-border: rgba(255 255 255 / 1.0);
  1357.        --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
  1358.        --color-primary-button-hover-background: rgba(0 0 0 / 1.0);
  1359.        --color-primary-button-hover-border: rgba(0 0 0 / 1.0);
  1360.        --color-secondary-button-text: rgba(0 0 0 / 1.0);
  1361.        --color-secondary-button-background: rgba(255 255 255 / 0.69);
  1362.        --color-secondary-button-border: rgba(255 255 255 / 0.69);
  1363.        --color-secondary-button-hover-text: rgba(0 0 0 / 1.0);
  1364.        --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
  1365.        --color-secondary-button-hover-border: rgba(255 255 255 / 1.0);
  1366.        --color-input-background: rgba(51 51 51 / 1.0);
  1367.        --color-input-text: rgba(255 255 255 / 0.93);
  1368.        --color-input-border: rgba(255 255 255 / 0.69);
  1369.        --color-input-hover-background: rgba(255 255 255 / 0.04);
  1370.        --color-variant-background: rgba(255 255 255 / 1.0);
  1371.        --color-variant-border: rgba(230 230 230 / 1.0);
  1372.        --color-variant-text: rgba(0 0 0 / 1.0);
  1373.        --color-variant-hover-background: rgba(245 245 245 / 1.0);
  1374.        --color-variant-hover-text: rgba(0 0 0 / 1.0);
  1375.        --color-variant-hover-border: rgba(230 230 230 / 1.0);
  1376.        --color-selected-variant-background: rgba(0 0 0 / 1.0);
  1377.        --color-selected-variant-border: rgba(0 0 0 / 1.0);
  1378.        --color-selected-variant-text: rgba(255 255 255 / 1.0);
  1379.        --color-selected-variant-hover-background: rgba(26 26 26 / 1.0);
  1380.        --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
  1381.        --color-selected-variant-hover-border: rgba(26 26 26 / 1.0);
  1382.        --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
  1383.        --input-disabled-border-color: rgb(from var(--color-foreground) r g b / 5%);
  1384.        --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
  1385.        --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
  1386.        --font-h1--color: var(--color-foreground-heading);
  1387.        --font-h2--color: var(--color-foreground-heading);
  1388.        --font-h3--color: var(--color-foreground-heading);
  1389.        --font-h4--color: var(--color-foreground-heading);
  1390.        --font-h5--color: var(--color-foreground-heading);
  1391.        --font-h6--color: var(--color-foreground-heading);
  1392.  
  1393.        /* Shadows */
  1394.        
  1395.          --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
  1396.        
  1397.        
  1398.          --shadow-blur: 20px;
  1399.          --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
  1400.        
  1401.      }
  1402.  
  1403.    
  1404.    .color-scheme-6 {
  1405.        --color-background: rgba(0 0 0 / 0.0);
  1406.        --color-foreground: rgba(255 255 255 / 1.0);
  1407.        --color-foreground-heading: rgba(255 255 255 / 1.0);
  1408.        --color-primary: rgba(255 255 255 / 1.0);
  1409.        --color-primary-hover: rgba(255 255 255 / 0.69);
  1410.        --color-border: rgba(230 230 230 / 1.0);
  1411.        --color-shadow: rgba(0 0 0 / 1.0);
  1412.        --color-primary-button-text: rgba(0 0 0 / 1.0);
  1413.        --color-primary-button-background: rgba(255 255 255 / 1.0);
  1414.        --color-primary-button-border: rgba(255 255 255 / 1.0);
  1415.        --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
  1416.        --color-primary-button-hover-background: rgba(0 0 0 / 1.0);
  1417.        --color-primary-button-hover-border: rgba(0 0 0 / 1.0);
  1418.        --color-secondary-button-text: rgba(0 0 0 / 1.0);
  1419.        --color-secondary-button-background: rgba(255 255 255 / 0.69);
  1420.        --color-secondary-button-border: rgba(255 255 255 / 0.69);
  1421.        --color-secondary-button-hover-text: rgba(0 0 0 / 1.0);
  1422.        --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
  1423.        --color-secondary-button-hover-border: rgba(255 255 255 / 1.0);
  1424.        --color-input-background: rgba(255 255 255 / 1.0);
  1425.        --color-input-text: rgba(0 0 0 / 0.53);
  1426.        --color-input-border: rgba(0 0 0 / 0.13);
  1427.        --color-input-hover-background: rgba(250 250 250 / 1.0);
  1428.        --color-variant-background: rgba(255 255 255 / 1.0);
  1429.        --color-variant-border: rgba(230 230 230 / 1.0);
  1430.        --color-variant-text: rgba(0 0 0 / 1.0);
  1431.        --color-variant-hover-background: rgba(245 245 245 / 1.0);
  1432.        --color-variant-hover-text: rgba(0 0 0 / 1.0);
  1433.        --color-variant-hover-border: rgba(230 230 230 / 1.0);
  1434.        --color-selected-variant-background: rgba(0 0 0 / 1.0);
  1435.        --color-selected-variant-border: rgba(0 0 0 / 1.0);
  1436.        --color-selected-variant-text: rgba(255 255 255 / 1.0);
  1437.        --color-selected-variant-hover-background: rgba(26 26 26 / 1.0);
  1438.        --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
  1439.        --color-selected-variant-hover-border: rgba(26 26 26 / 1.0);
  1440.        --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
  1441.        --input-disabled-border-color: rgb(from var(--color-foreground) r g b / 5%);
  1442.        --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
  1443.        --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
  1444.        --font-h1--color: var(--color-foreground-heading);
  1445.        --font-h2--color: var(--color-foreground-heading);
  1446.        --font-h3--color: var(--color-foreground-heading);
  1447.        --font-h4--color: var(--color-foreground-heading);
  1448.        --font-h5--color: var(--color-foreground-heading);
  1449.        --font-h6--color: var(--color-foreground-heading);
  1450.  
  1451.        /* Shadows */
  1452.        
  1453.          --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
  1454.        
  1455.        
  1456.          --shadow-blur: 20px;
  1457.          --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
  1458.        
  1459.      }
  1460.  
  1461.    
  1462.    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
  1463.        --color-background: rgba(0 0 0 / 0.0);
  1464.        --color-foreground: rgba(0 0 0 / 1.0);
  1465.        --color-foreground-heading: rgba(0 0 0 / 1.0);
  1466.        --color-primary: rgba(0 0 0 / 1.0);
  1467.        --color-primary-hover: rgba(0 0 0 / 0.53);
  1468.        --color-border: rgba(230 230 230 / 1.0);
  1469.        --color-shadow: rgba(0 0 0 / 1.0);
  1470.        --color-primary-button-text: rgba(255 255 255 / 1.0);
  1471.        --color-primary-button-background: rgba(0 0 0 / 1.0);
  1472.        --color-primary-button-border: rgba(0 0 0 / 1.0);
  1473.        --color-primary-button-hover-text: rgba(255 255 255 / 1.0);
  1474.        --color-primary-button-hover-background: rgba(51 51 51 / 1.0);
  1475.        --color-primary-button-hover-border: rgba(51 51 51 / 1.0);
  1476.        --color-secondary-button-text: rgba(0 0 0 / 1.0);
  1477.        --color-secondary-button-background: rgba(0 0 0 / 0.06);
  1478.        --color-secondary-button-border: rgba(0 0 0 / 1.0);
  1479.        --color-secondary-button-hover-text: rgba(0 0 0 / 1.0);
  1480.        --color-secondary-button-hover-background: rgba(255 255 255 / 1.0);
  1481.        --color-secondary-button-hover-border: rgba(255 255 255 / 1.0);
  1482.        --color-input-background: rgba(255 255 255 / 1.0);
  1483.        --color-input-text: rgba(0 0 0 / 0.53);
  1484.        --color-input-border: rgba(0 0 0 / 0.13);
  1485.        --color-input-hover-background: rgba(250 250 250 / 1.0);
  1486.        --color-variant-background: rgba(255 255 255 / 1.0);
  1487.        --color-variant-border: rgba(230 230 230 / 1.0);
  1488.        --color-variant-text: rgba(0 0 0 / 1.0);
  1489.        --color-variant-hover-background: rgba(245 245 245 / 1.0);
  1490.        --color-variant-hover-text: rgba(0 0 0 / 1.0);
  1491.        --color-variant-hover-border: rgba(230 230 230 / 1.0);
  1492.        --color-selected-variant-background: rgba(0 0 0 / 1.0);
  1493.        --color-selected-variant-border: rgba(0 0 0 / 1.0);
  1494.        --color-selected-variant-text: rgba(255 255 255 / 1.0);
  1495.        --color-selected-variant-hover-background: rgba(26 26 26 / 1.0);
  1496.        --color-selected-variant-hover-text: rgba(255 255 255 / 1.0);
  1497.        --color-selected-variant-hover-border: rgba(26 26 26 / 1.0);
  1498.        --input-disabled-background-color: rgb(from var(--color-foreground) r g b / 10%);
  1499.        --input-disabled-border-color: rgb(from var(--color-foreground) r g b / 5%);
  1500.        --input-disabled-text-color: rgb(from var(--color-foreground) r g b / 50%);
  1501.        --color-foreground-muted: rgb(from var(--color-foreground) r g b / 60%);
  1502.        --font-h1--color: var(--color-foreground-heading);
  1503.        --font-h2--color: var(--color-foreground-heading);
  1504.        --font-h3--color: var(--color-foreground-heading);
  1505.        --font-h4--color: var(--color-foreground-heading);
  1506.        --font-h5--color: var(--color-foreground-heading);
  1507.        --font-h6--color: var(--color-foreground-heading);
  1508.  
  1509.        /* Shadows */
  1510.        
  1511.          --shadow-drawer: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
  1512.        
  1513.        
  1514.          --shadow-blur: 20px;
  1515.          --shadow-popover: 0px 4px 20px rgb(from var(--color-shadow) r g b / 15%);
  1516.        
  1517.      }
  1518.  
  1519.  
  1520.  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
  1521.    color: var(--color-foreground);
  1522.    background-color: var(--color-background);
  1523.  }
  1524. </style>
  1525.  
  1526.  
  1527.    <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/93887234362/digital_wallets/dialog">
  1528. <meta name="shopify-checkout-api-token" content="84553508cf63cecafcdf4bb6f2e5a6e9">
  1529. <meta id="in-context-paypal-metadata" data-shop-id="93887234362" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
  1530. <script async="async" src="/checkouts/internal/preloads.js?locale=en-IL"></script>
  1531. <script id="shopify-features" type="application/json">{"accessToken":"84553508cf63cecafcdf4bb6f2e5a6e9","betas":["rich-media-storefront-analytics"],"domain":"facelesscreator.store","predictiveSearch":true,"shopId":93887234362,"locale":"en"}</script>
  1532. <script>var Shopify = Shopify || {};
  1533. Shopify.shop = "dtsw3c-sc.myshopify.com";
  1534. Shopify.locale = "en";
  1535. Shopify.currency = {"active":"USD","rate":"1.0"};
  1536. Shopify.country = "IL";
  1537. Shopify.theme = {"name":"Horizon","id":179241517370,"schema_name":"Horizon","schema_version":"1.0.0","theme_store_id":2481,"role":"main"};
  1538. Shopify.theme.handle = "null";
  1539. Shopify.theme.style = {"id":null,"handle":null};
  1540. Shopify.cdnHost = "facelesscreator.store/cdn";
  1541. Shopify.routes = Shopify.routes || {};
  1542. Shopify.routes.root = "/";</script>
  1543. <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
  1544. <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
  1545. <script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
  1546. <script id="__st">var __st={"a":93887234362,"offset":10800,"reqid":"de6bbe3a-dad0-40d2-95f1-f4a76d3b951b-1750207066","pageurl":"facelesscreator.store\/","u":"78d1e308f2bc","p":"home"};</script>
  1547. <script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
  1548. <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
  1549. <script integrity="sha256-w1TMG8bx+vw+BuOfT7Dh2avfdjByyjlNYGyp9vJB5oo=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//facelesscreator.store/cdn/shopifycloud/shopify/assets/storefront/load_feature-c354cc1bc6f1fafc3e06e39f4fb0e1d9abdf763072ca394d606ca9f6f241e68a.js" crossorigin="anonymous"></script>
  1550. <script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://facelesscreator.store/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
  1551. </script>
  1552. <script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  1553.  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
  1554. </script>
  1555. <script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
  1556. </script>
  1557. <script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
  1558. <link rel="stylesheet" media="screen" href="//facelesscreator.store/cdn/shop/t/6/compiled_assets/styles.css?1346">
  1559. <link rel="stylesheet" media="screen" href="https://facelesscreator.store/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
  1560.  
  1561. <style id="shopify-accelerated-checkout-cart">
  1562.        #shopify-buyer-consent {
  1563.  margin-top: 1em;
  1564.  display: inline-block;
  1565.  width: 100%;
  1566. }
  1567.  
  1568. #shopify-buyer-consent.hidden {
  1569.  display: none;
  1570. }
  1571.  
  1572. #shopify-subscription-policy-button {
  1573.  background: none;
  1574.  border: none;
  1575.  padding: 0;
  1576.  text-decoration: underline;
  1577.  font-size: inherit;
  1578.  cursor: pointer;
  1579. }
  1580.  
  1581. #shopify-subscription-policy-button::before {
  1582.  box-shadow: none;
  1583. }
  1584.  
  1585.      </style>
  1586. <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  1587.    
  1588. <script>
  1589. window.addEventListener('load', (e) => {
  1590.  
  1591. let enable = "";
  1592.  
  1593. if( !(document.querySelector('img').classList.contains("lazyload"))){
  1594. var images = document.getElementsByTagName("img");
  1595.  
  1596. // Loop through each image element
  1597. for (var i = 0; i < images.length; i++) {
  1598. // Add the desired class name to the class attribute
  1599. images[i].className += " lazyload";
  1600. }
  1601. //console.log('No Class ')
  1602. /*! lazysizes - v5.2.2 */
  1603.  
  1604. !function(e){var t=function(u,D,f){"use strict";var k,H;if(function(){var e;var t={lazyClass:"lazyload",loadedClass:"lazyloaded",loadingClass:"lazyloading",preloadClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",srcAttr:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:{},init:true,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:true,ricTimeout:0,throttleDelay:125};H=u.lazySizesConfig||u.lazysizesConfig||{};for(e in t){if(!(e in H)){H[e]=t[e]}}}(),!D||!D.getElementsByClassName){return{init:function(){},cfg:H,noSupport:true}}var O=D.documentElement,a=u.HTMLPictureElement,P="addEventListener",$="getAttribute",q=u[P].bind(u),I=u.setTimeout,U=u.requestAnimationFrame||I,l=u.requestIdleCallback,j=/^picture$/i,r=["load","error","lazyincluded","_lazyloaded"],i={},G=Array.prototype.forEach,J=function(e,t){if(!i[t]){i[t]=new RegExp("(\\s|^)"+t+"(\\s|$)")}return i[t].test(e[$]("class")||"")&&i[t]},K=function(e,t){if(!J(e,t)){e.setAttribute("class",(e[$]("class")||"").trim()+" "+t)}},Q=function(e,t){var i;if(i=J(e,t)){e.setAttribute("class",(e[$]("class")||"").replace(i," "))}},V=function(t,i,e){var a=e?P:"removeEventListener";if(e){V(t,i)}r.forEach(function(e){t[a](e,i)})},X=function(e,t,i,a,r){var n=D.createEvent("Event");if(!i){i={}}i.instance=k;n.initEvent(t,!a,!r);n.detail=i;e.dispatchEvent(n);return n},Y=function(e,t){var i;if(!a&&(i=u.picturefill||H.pf)){if(t&&t.src&&!e[$]("srcset")){e.setAttribute("srcset",t.src)}i({reevaluate:true,elements:[e]})}else if(t&&t.src){e.src=t.src}},Z=function(e,t){return(getComputedStyle(e,null)||{})[t]},s=function(e,t,i){i=i||e.offsetWidth;while(i<H.minSize&&t&&!e._lazysizesWidth){i=t.offsetWidth;t=t.parentNode}return i},ee=function(){var i,a;var t=[];var r=[];var n=t;var s=function(){var e=n;n=t.length?r:t;i=true;a=false;while(e.length){e.shift()()}i=false};var e=function(e,t){if(i&&!t){e.apply(this,arguments)}else{n.push(e);if(!a){a=true;(D.hidden?I:U)(s)}}};e._lsFlush=s;return e}(),te=function(i,e){return e?function(){ee(i)}:function(){var e=this;var t=arguments;ee(function(){i.apply(e,t)})}},ie=function(e){var i;var a=0;var r=H.throttleDelay;var n=H.ricTimeout;var t=function(){i=false;a=f.now();e()};var s=l&&n>49?function(){l(t,{timeout:n});if(n!==H.ricTimeout){n=H.ricTimeout}}:te(function(){I(t)},true);return function(e){var t;if(e=e===true){n=33}if(i){return}i=true;t=r-(f.now()-a);if(t<0){t=0}if(e||t<9){s()}else{I(s,t)}}},ae=function(e){var t,i;var a=99;var r=function(){t=null;e()};var n=function(){var e=f.now()-i;if(e<a){I(n,a-e)}else{(l||r)(r)}};return function(){i=f.now();if(!t){t=I(n,a)}}},e=function(){var v,m,c,h,e;var y,z,g,p,C,b,A;var n=/^img$/i;var d=/^iframe$/i;var E="onscroll"in u&&!/(gle|ing)bot/.test(navigator.userAgent);var _=0;var w=0;var N=0;var M=-1;var x=function(e){N--;if(!e||N<0||!e.target){N=0}};var W=function(e){if(A==null){A=Z(D.body,"visibility")=="hidden"}return A||!(Z(e.parentNode,"visibility")=="hidden"&&Z(e,"visibility")=="hidden")};var S=function(e,t){var i;var a=e;var r=W(e);g-=t;b+=t;p-=t;C+=t;while(r&&(a=a.offsetParent)&&a!=D.body&&a!=O){r=(Z(a,"opacity")||1)>0;if(r&&Z(a,"overflow")!="visible"){i=a.getBoundingClientRect();r=C>i.left&&p<i.right&&b>i.top-1&&g<i.bottom+1}}return r};var t=function(){var e,t,i,a,r,n,s,l,o,u,f,c;var d=k.elements;if((h=H.loadMode)&&N<8&&(e=d.length)){t=0;M++;for(;t<e;t++){if(!d[t]||d[t]._lazyRace){continue}if(!E||k.prematureUnveil&&k.prematureUnveil(d[t])){R(d[t]);continue}if(!(l=d[t][$]("data-expand"))||!(n=l*1)){n=w}if(!u){u=!H.expand||H.expand<1?O.clientHeight>500&&O.clientWidth>500?500:370:H.expand;k._defEx=u;f=u*H.expFactor;c=H.hFac;A=null;if(w<f&&N<1&&M>2&&h>2&&!D.hidden){w=f;M=0}else if(h>1&&M>1&&N<6){w=u}else{w=_}}if(o!==n){y=innerWidth+n*c;z=innerHeight+n;s=n*-1;o=n}i=d[t].getBoundingClientRect();if((b=i.bottom)>=s&&(g=i.top)<=z&&(C=i.right)>=s*c&&(p=i.left)<=y&&(b||C||p||g)&&(H.loadHidden||W(d[t]))&&(m&&N<3&&!l&&(h<3||M<4)||S(d[t],n))){R(d[t]);r=true;if(N>9){break}}else if(!r&&m&&!a&&N<4&&M<4&&h>2&&(v[0]||H.preloadAfterLoad)&&(v[0]||!l&&(b||C||p||g||d[t][$](H.sizesAttr)!="auto"))){a=v[0]||d[t]}}if(a&&!r){R(a)}}};var i=ie(t);var B=function(e){var t=e.target;if(t._lazyCache){delete t._lazyCache;return}x(e);K(t,H.loadedClass);Q(t,H.loadingClass);V(t,L);X(t,"lazyloaded")};var a=te(B);var L=function(e){a({target:e.target})};var T=function(t,i){try{t.contentWindow.location.replace(i)}catch(e){t.src=i}};var F=function(e){var t;var i=e[$](H.srcsetAttr);if(t=H.customMedia[e[$]("data-media")||e[$]("media")]){e.setAttribute("media",t)}if(i){e.setAttribute("srcset",i)}};var s=te(function(t,e,i,a,r){var n,s,l,o,u,f;if(!(u=X(t,"lazybeforeunveil",e)).defaultPrevented){if(a){if(i){K(t,H.autosizesClass)}else{t.setAttribute("sizes",a)}}s=t[$](H.srcsetAttr);n=t[$](H.srcAttr);if(r){l=t.parentNode;o=l&&j.test(l.nodeName||"")}f=e.firesLoad||"src"in t&&(s||n||o);u={target:t};K(t,H.loadingClass);if(f){clearTimeout(c);c=I(x,2500);V(t,L,true)}if(o){G.call(l.getElementsByTagName("source"),F)}if(s){t.setAttribute("srcset",s)}else if(n&&!o){if(d.test(t.nodeName)){T(t,n)}else{t.src=n}}if(r&&(s||o)){Y(t,{src:n})}}if(t._lazyRace){delete t._lazyRace}Q(t,H.lazyClass);ee(function(){var e=t.complete&&t.naturalWidth>1;if(!f||e){if(e){K(t,"ls-is-cached")}B(u);t._lazyCache=true;I(function(){if("_lazyCache"in t){delete t._lazyCache}},9)}if(t.loading=="lazy"){N--}},true)});var R=function(e){if(e._lazyRace){return}var t;var i=n.test(e.nodeName);var a=i&&(e[$](H.sizesAttr)||e[$]("sizes"));var r=a=="auto";if((r||!m)&&i&&(e[$]("src")||e.srcset)&&!e.complete&&!J(e,H.errorClass)&&J(e,H.lazyClass)){return}t=X(e,"lazyunveilread").detail;if(r){re.updateElem(e,true,e.offsetWidth)}e._lazyRace=true;N++;s(e,t,r,a,i)};var r=ae(function(){H.loadMode=3;i()});var l=function(){if(H.loadMode==3){H.loadMode=2}r()};var o=function(){if(m){return}if(f.now()-e<999){I(o,999);return}m=true;H.loadMode=3;i();q("scroll",l,true)};return{_:function(){e=f.now();k.elements=D.getElementsByClassName(H.lazyClass);v=D.getElementsByClassName(H.lazyClass+" "+H.preloadClass);q("scroll",i,true);q("resize",i,true);q("pageshow",function(e){if(e.persisted){var t=D.querySelectorAll("."+H.loadingClass);if(t.length&&t.forEach){U(function(){t.forEach(function(e){if(e.complete){R(e)}})})}}});if(u.MutationObserver){new MutationObserver(i).observe(O,{childList:true,subtree:true,attributes:true})}else{O[P]("DOMNodeInserted",i,true);O[P]("DOMAttrModified",i,true);setInterval(i,999)}q("hashchange",i,true);["focus","mouseover","click","load","transitionend","animationend"].forEach(function(e){D[P](e,i,true)});if(/d$|^c/.test(D.readyState)){o()}else{q("load",o);D[P]("DOMContentLoaded",i);I(o,2e4)}if(k.elements.length){t();ee._lsFlush()}else{i()}},checkElems:i,unveil:R,_aLSL:l}}(),re=function(){var i;var n=te(function(e,t,i,a){var r,n,s;e._lazysizesWidth=a;a+="px";e.setAttribute("sizes",a);if(j.test(t.nodeName||"")){r=t.getElementsByTagName("source");for(n=0,s=r.length;n<s;n++){r[n].setAttribute("sizes",a)}}if(!i.detail.dataAttr){Y(e,i.detail)}});var a=function(e,t,i){var a;var r=e.parentNode;if(r){i=s(e,r,i);a=X(e,"lazybeforesizes",{width:i,dataAttr:!!t});if(!a.defaultPrevented){i=a.detail.width;if(i&&i!==e._lazysizesWidth){n(e,r,a,i)}}}};var e=function(){var e;var t=i.length;if(t){e=0;for(;e<t;e++){a(i[e])}}};var t=ae(e);return{_:function(){i=D.getElementsByClassName(H.autosizesClass);q("resize",t)},checkElems:t,updateElem:a}}(),t=function(){if(!t.i&&D.getElementsByClassName){t.i=true;re._();e._()}};return I(function(){H.init&&t()}),k={cfg:H,autoSizer:re,loader:e,init:t,uP:Y,aC:K,rC:Q,hC:J,fire:X,gW:s,rAF:ee}}(e,e.document,Date);e.lazySizes=t,"object"==typeof module&&module.exports&&(module.exports=t)}("undefined"!=typeof window?window:{});
  1605.  
  1606. }
  1607. else{
  1608.    /*console.log('hasClass ');*/
  1609. }      
  1610.  
  1611. });
  1612.  
  1613.  
  1614. </script>
  1615.  
  1616.  
  1617.    
  1618. <style>
  1619.  /* sb cls code */  
  1620.    body {
  1621.        -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
  1622.        -moz-animation: fadein 1s; /* Firefox < 16 */
  1623.            -ms-animation: fadein 1s; /* Internet Explorer */
  1624.            -o-animation: fadein 1s; /* Opera < 12.1 */
  1625.                animation: fadein 1s;
  1626.    }
  1627.  
  1628.    @keyframes fadein {
  1629.        from { opacity: 0; }
  1630.        to   { opacity: 1; }
  1631.    }
  1632.  
  1633.    /* Firefox < 16 */
  1634.    @-moz-keyframes fadein {
  1635.        from { opacity: 0; }
  1636.        to   { opacity: 1; }
  1637.    }
  1638.  
  1639.    /* Safari, Chrome and Opera > 12.1 */
  1640.    @-webkit-keyframes fadein {
  1641.        from { opacity: 0; }
  1642.        to   { opacity: 1; }
  1643.    }
  1644.  
  1645.    /* Internet Explorer */
  1646.    @-ms-keyframes fadein {
  1647.        from { opacity: 0; }
  1648.        to   { opacity: 1; }
  1649.    }
  1650.  
  1651.    /* Opera < 12.1 */
  1652.    @-o-keyframes fadein {
  1653.        from { opacity: 0; }
  1654.        to   { opacity: 1; }
  1655.    }</style>
  1656.  
  1657.  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
  1658. <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 93887234362,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
  1659. <script id="web-pixels-manager-setup">(function e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 93887234362,storefrontBaseUrl: "https://facelesscreator.store",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["ac843a20"],webPixelsConfigList: [{"id":"1319960890","configuration":"{\"pixel_id\":\"1599656390594078\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"b0d5a11b80f868de49df845559dff0d6","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"1298596154","configuration":"{\"pixelCode\":\"D037GNJC77UC1KSFIV80\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0420","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0420","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "store",initData: {"shop":{"name":"Faceless Creator","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"dtsw3c-sc.myshopify.com","countryCode":"IL","storefrontUrl":"https://facelesscreator.store"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://facelesscreator.store/cdn","0a4b528bw2defb8a1pb18962c6m9f7ddb6c",{"modern":"","legacy":""},{"shopId":"93887234362","storefrontBaseUrl":"https://facelesscreator.store","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"ac843a20\"]","isMerchantRequest":"false","hashVersion":"0a4b528bw2defb8a1pb18962c6m9f7ddb6c"});</script><script>
  1660.  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  1661.  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  1662.  window.ShopifyAnalytics.meta.currency = 'USD';
  1663.  var meta = {"page":{"pageType":"home"}};
  1664.  for (var attr in meta) {
  1665.    window.ShopifyAnalytics.meta[attr] = meta[attr];
  1666.  }
  1667. </script>
  1668. <script class="analytics">
  1669.  (function () {
  1670.    var customDocumentWrite = function(content) {
  1671.      var jquery = null;
  1672.  
  1673.      if (window.jQuery) {
  1674.        jquery = window.jQuery;
  1675.      } else if (window.Checkout && window.Checkout.$) {
  1676.        jquery = window.Checkout.$;
  1677.      }
  1678.  
  1679.      if (jquery) {
  1680.        jquery('body').append(content);
  1681.      }
  1682.    };
  1683.  
  1684.    var hasLoggedConversion = function(token) {
  1685.      if (token) {
  1686.        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
  1687.      }
  1688.      return false;
  1689.    }
  1690.  
  1691.    var setCookieIfConversion = function(token) {
  1692.      if (token) {
  1693.        var twoMonthsFromNow = new Date(Date.now());
  1694.        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
  1695.  
  1696.        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
  1697.      }
  1698.    }
  1699.  
  1700.    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
  1701.    if (trekkie.integrations) {
  1702.      return;
  1703.    }
  1704.    trekkie.methods = [
  1705.      'identify',
  1706.      'page',
  1707.      'ready',
  1708.      'track',
  1709.      'trackForm',
  1710.      'trackLink'
  1711.    ];
  1712.    trekkie.factory = function(method) {
  1713.      return function() {
  1714.        var args = Array.prototype.slice.call(arguments);
  1715.        args.unshift(method);
  1716.        trekkie.push(args);
  1717.        return trekkie;
  1718.      };
  1719.    };
  1720.    for (var i = 0; i < trekkie.methods.length; i++) {
  1721.      var key = trekkie.methods[i];
  1722.      trekkie[key] = trekkie.factory(key);
  1723.    }
  1724.    trekkie.load = function(config) {
  1725.      trekkie.config = config || {};
  1726.      trekkie.config.initialDocumentCookie = document.cookie;
  1727.      var first = document.getElementsByTagName('script')[0];
  1728.      var script = document.createElement('script');
  1729.      script.type = 'text/javascript';
  1730.      script.onerror = function(e) {
  1731.        var scriptFallback = document.createElement('script');
  1732.        scriptFallback.type = 'text/javascript';
  1733.        scriptFallback.onerror = function(error) {
  1734.                var Monorail = {
  1735.      produce: function produce(monorailDomain, schemaId, payload) {
  1736.        var currentMs = new Date().getTime();
  1737.        var event = {
  1738.          schema_id: schemaId,
  1739.          payload: payload,
  1740.          metadata: {
  1741.            event_created_at_ms: currentMs,
  1742.            event_sent_at_ms: currentMs
  1743.          }
  1744.        };
  1745.        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
  1746.      },
  1747.      sendRequest: function sendRequest(endpointUrl, payload) {
  1748.        // Try the sendBeacon API
  1749.        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
  1750.          var blobData = new window.Blob([payload], {
  1751.            type: 'text/plain'
  1752.          });
  1753.  
  1754.          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
  1755.            return true;
  1756.          } // sendBeacon was not successful
  1757.  
  1758.        } // XHR beacon
  1759.  
  1760.        var xhr = new XMLHttpRequest();
  1761.  
  1762.        try {
  1763.          xhr.open('POST', endpointUrl);
  1764.          xhr.setRequestHeader('Content-Type', 'text/plain');
  1765.          xhr.send(payload);
  1766.        } catch (e) {
  1767.          console.log(e);
  1768.        }
  1769.  
  1770.        return false;
  1771.      },
  1772.      isIos12: function isIos12() {
  1773.        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
  1774.      }
  1775.    };
  1776.    Monorail.produce('monorail-edge.shopifysvc.com',
  1777.      'trekkie_storefront_load_errors/1.1',
  1778.      {shop_id: 93887234362,
  1779.      theme_id: 179241517370,
  1780.      app_name: "storefront",
  1781.      context_url: window.location.href,
  1782.      source_url: "//facelesscreator.store/cdn/s/trekkie.storefront.f7c11128a6fdec8a8c37ce0d569fe8035af2082d.min.js"});
  1783.  
  1784.        };
  1785.        scriptFallback.async = true;
  1786.        scriptFallback.src = '//facelesscreator.store/cdn/s/trekkie.storefront.f7c11128a6fdec8a8c37ce0d569fe8035af2082d.min.js';
  1787.        first.parentNode.insertBefore(scriptFallback, first);
  1788.      };
  1789.      script.async = true;
  1790.      script.src = '//facelesscreator.store/cdn/s/trekkie.storefront.f7c11128a6fdec8a8c37ce0d569fe8035af2082d.min.js';
  1791.      first.parentNode.insertBefore(script, first);
  1792.    };
  1793.    trekkie.load(
  1794.      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":93887234362,"isMerchantRequest":null,"themeId":179241517370,"themeCityHash":"10405102521596994459","contentLanguage":"en","currency":"USD","eventMetadataId":"89ee67c4-5b86-48b5-852c-ab6913982b5c"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
  1795.    );
  1796.  
  1797.    var loaded = false;
  1798.    trekkie.ready(function() {
  1799.      if (loaded) return;
  1800.      loaded = true;
  1801.  
  1802.      window.ShopifyAnalytics.lib = window.trekkie;
  1803.  
  1804.      var originalDocumentWrite = document.write;
  1805.      document.write = customDocumentWrite;
  1806.      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
  1807.      document.write = originalDocumentWrite;
  1808.  
  1809.      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true});
  1810.  
  1811.      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
  1812.      var token = match? match[1]: undefined;
  1813.      if (!hasLoggedConversion(token)) {
  1814.        setCookieIfConversion(token);
  1815.        
  1816.      }
  1817.    });
  1818.  
  1819.  
  1820.        var eventsListenerScript = document.createElement('script');
  1821.        eventsListenerScript.async = true;
  1822.        eventsListenerScript.src = "//facelesscreator.store/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js";
  1823.        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
  1824.  
  1825. })();</script>
  1826. <script
  1827.  defer
  1828.  src="https://facelesscreator.store/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.6.6.min.js"
  1829.  data-application="storefront-renderer"
  1830.  data-shop-id="93887234362"
  1831.  data-render-region="gcp-us-east1"
  1832.  data-page-type="index"
  1833.  data-theme-instance-id="179241517370"
  1834.  data-theme-name="Horizon"
  1835.  data-theme-version="1.0.0"
  1836.  data-monorail-region="shop_domain"
  1837.  data-resource-timing-sampling-rate="10"
  1838.  data-shs="true"
  1839. ></script>
  1840. </head>
  1841.  
  1842.  <body class="page-width-narrow card-hover-effect-lift">
  1843.    
  1844. <a
  1845.  class="skip-to-content-link button-secondary"
  1846.  href="#MainContent"
  1847. >
  1848.  Skip to content
  1849. </a>
  1850.  
  1851.    <div id="header-group">
  1852.      <!-- BEGIN sections: header-group -->
  1853. <header id="shopify-section-sections--24801234518330__header_section" class="shopify-section shopify-section-group-header-group header-section">
  1854.  
  1855.  
  1856.  
  1857. <script type="application/ld+json">
  1858.  {
  1859.    "@context": "http://schema.org",
  1860.    "@type": "Organization",
  1861.    "name": "Faceless Creator",
  1862.    
  1863.      "logo": "https:\/\/facelesscreator.store\/cdn\/shop\/files\/Faceless_Creator_Kit_100_AI_Toolkit_for_Anonymous_Brand_Building.png?v=1747762325\u0026width=500",
  1864.    
  1865.    "url": "https:\/\/facelesscreator.store"
  1866.  }
  1867. </script>
  1868.  
  1869. <header-component
  1870.  id="header-component"
  1871.  class="header color-scheme-6"
  1872.  
  1873.    transparent="not-sticky"
  1874.  
  1875.  
  1876.    sticky="always"
  1877.  
  1878.  data-skip-node-update
  1879.  data-scroll-direction="none"
  1880. >
  1881.  
  1882.    
  1883.  
  1884.    
  1885.  
  1886.    
  1887.    
  1888.      <div
  1889.        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
  1890.        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
  1891.        <div class="header__columns spacing-style">
  1892.          <div
  1893.      class="header__column header__column--left"
  1894.      data-testid="header-top-left"
  1895.    >
  1896.      
  1897.        
  1898.          
  1899.              
  1900.  
  1901.  
  1902.  
  1903.  
  1904.  
  1905.  
  1906.    <div
  1907.      class="header__drawer desktop:hidden"
  1908.      ref="headerDrawerContainer"
  1909.      style=""
  1910.      
  1911.    >
  1912.      
  1913.  
  1914.  
  1915.  
  1916.  
  1917.  
  1918. <script
  1919.  src="//facelesscreator.store/cdn/shop/t/6/assets/header-drawer.js?v=103813392752992035271747906206"
  1920.  type="module"
  1921. ></script>
  1922.  
  1923. <header-drawer
  1924.  class="header-drawer header__drawer--mobile"
  1925.  style="--menu-image-border-radius: px;"
  1926. >
  1927.  <details
  1928.    id="Details-menu-drawer-container"
  1929.    class="menu-drawer-container"
  1930.    ref="details"
  1931.    scroll-lock
  1932.  >
  1933.    <summary
  1934.      class="header__icon header__icon--menu header__icon--summary"
  1935.      aria-label="Menu"
  1936.      on:click="/toggle"
  1937.    >
  1938.      <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  1939.  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  1940.  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  1941. </svg>
  1942. </span>
  1943.      <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  1944.  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  1945.  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  1946. </svg>
  1947. </span>
  1948.    </summary>
  1949.    <div
  1950.      data-header-drawer
  1951.      class="
  1952.        menu-drawer
  1953.        motion-reduce
  1954.        color-scheme-1
  1955.      "
  1956.    >
  1957.      <button
  1958.        class="button menu-drawer__close-button"
  1959.        type="button"
  1960.        aria-label="Close"
  1961.        on:click="/close"
  1962.      >
  1963.        <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  1964.  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  1965.  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  1966. </svg>
  1967. </span>
  1968.      </button>
  1969.      <nav
  1970.        class="menu-drawer__navigation"
  1971.        style="--menu-top-level-font-family: var(--font-body--family);
  1972. --menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
  1973.  
  1974.  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
  1975.  var(--menu-font-2xl--line-height);
  1976.  
  1977. --menu-top-level-font-color: var(--color-foreground);
  1978.  
  1979. --menu-parent-font-family: var(--font-body--family); --menu-parent-font-style:
  1980. var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:
  1981. none;
  1982.  
  1983.    --menu-parent-font-size: var(--menu-font-md--size); --menu-parent-font-line-height:
  1984.    var(--menu-font-md--line-height); --menu-parent-font-color: var(--color-foreground);
  1985.    --menu-parent-active-font-color: rgba(from var(--color-foreground) r g b / var(--opacity-subdued-text));
  1986.  
  1987. --menu-child-font-family: var(--font-body--family); --menu-child-font-style:
  1988. var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:
  1989. none;
  1990.  
  1991.    --menu-child-font-size: var(--menu-font-sm--size); --menu-child-font-line-height: var(--menu-font-sm--line-height);
  1992.    --menu-child-font-color: rgba(from var(--color-foreground) r g b / var(--opacity-subdued-text));
  1993.    --menu-child-active-font-color: var(--color-foreground);
  1994.  
  1995.  
  1996.        "
  1997.      >
  1998.        <ul
  1999.          class="menu-drawer__menu has-submenu"
  2000.          role="list"
  2001.        >
  2002.            
  2003.            
  2004.  
  2005.              <li
  2006.                style="--menu-drawer-animation-index: 1;"
  2007.                class="menu-drawer__list-item--flat"
  2008.              >
  2009.                
  2010. <a
  2011.                    id="HeaderDrawer-contact"
  2012.                    href="/pages/contact"
  2013.                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
  2014.                    
  2015.                  >
  2016.                    <span class="menu-drawer__menu-item-text">Contact</span>
  2017.                  </a>
  2018.                
  2019.              </li>
  2020.              <li
  2021.                style="--menu-drawer-animation-index: 2;"
  2022.                class="menu-drawer__list-item--flat"
  2023.              >
  2024.                
  2025. <a
  2026.                    id="HeaderDrawer-our-tiktok"
  2027.                    href="https://www.tiktok.com/@faceless.creator09?_t=ZS-8wedjaetcYr&_r=1"
  2028.                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
  2029.                    
  2030.                  >
  2031.                    <span class="menu-drawer__menu-item-text">Our Tiktok</span>
  2032.                  </a>
  2033.                
  2034.              </li>
  2035.              <li
  2036.                style="--menu-drawer-animation-index: 3;"
  2037.                class="menu-drawer__list-item--flat"
  2038.              >
  2039.                
  2040. <a
  2041.                    id="HeaderDrawer-our-instagram"
  2042.                    href="https://www.instagram.com/faceless_creator_book?igsh=b3A1Mzk5MXFxazNz"
  2043.                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
  2044.                    
  2045.                  >
  2046.                    <span class="menu-drawer__menu-item-text">Our Instagram</span>
  2047.                  </a>
  2048.                
  2049.              </li>
  2050.        </ul>
  2051.      </nav>
  2052.      <div
  2053.        class="menu-drawer__utility-links menu-drawer__animated-element"
  2054.        style="--menu-drawer-animation-index: 3;"
  2055.      >
  2056.        
  2057.        </div>
  2058.  
  2059.      
  2060.    </div>
  2061.    <div
  2062.      class="menu-drawer__backdrop"
  2063.      on:click="header-drawer/close"
  2064.    ></div>
  2065.  </details>
  2066. </header-drawer>
  2067.  
  2068.    </div>
  2069.  
  2070.  
  2071.  
  2072.  
  2073.  
  2074.            
  2075.        
  2076.      
  2077.        
  2078.          
  2079.              
  2080.            
  2081.        
  2082.      
  2083.        
  2084.          
  2085.              
  2086.  
  2087.  
  2088.  
  2089.  
  2090.  
  2091.  
  2092.    <header-menu
  2093.      ref="headerMenu"
  2094.      class="header-menu mobile:hidden"
  2095.      data-animation-delay="200"
  2096.      
  2097.      style="--submenu-animation-speed: 200ms;"
  2098.    >
  2099.      <div class="header-menu__inner">
  2100.  
  2101.  
  2102.  
  2103. <nav header-menu>
  2104.  <div
  2105.    class="menu-list"
  2106.    style="--menu-top-level-font-family: var(--font-body--family);
  2107. --menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none;
  2108.  
  2109.  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
  2110.  var(--menu-font-sm--line-height);
  2111.  
  2112. --menu-top-level-font-color: var(--color-foreground);
  2113. "
  2114.  >
  2115.    
  2116.    <overflow-list
  2117.  
  2118.  
  2119.    class="overflow-menu color-scheme-matches-parent"
  2120.  
  2121.  
  2122.    minimum-items="2"
  2123.  
  2124.  
  2125. >
  2126.  <template shadowrootmode="open">
  2127.    <link href="//facelesscreator.store/cdn/shop/t/6/assets/overflow-list.css?v=127981915852173559681747906206" rel="stylesheet" type="text/css" media="all" />
  2128.  
  2129.    <ul part="list">
  2130.      <slot></slot>
  2131.      <slot
  2132.        name="more"
  2133.        part="more"
  2134.        hidden
  2135.        
  2136.      >
  2137.        <li
  2138.          part="more"
  2139.        >
  2140.          <button
  2141.            class="button"
  2142.            type="button"
  2143.            tabindex="0"
  2144.          >
  2145.            More
  2146.          </button>
  2147.        </li>
  2148.      </slot>
  2149.      <li
  2150.        part="placeholder"
  2151.        hidden
  2152.      ></li>
  2153.    </ul>
  2154.  
  2155.    <div part="overflow">
  2156.      <ul part="overflow-list">
  2157.        <slot name="overflow"></slot>
  2158.      </ul>
  2159.    </div>
  2160.  </template>
  2161.  
  2162.  
  2163.  
  2164.    <li
  2165.      role="presentation"
  2166.      class="menu-list__list-item"
  2167.      on:focus="/activate"
  2168.      on:blur="/deactivate"
  2169.      on:pointerenter="/activate"
  2170.      on:pointerleave="/deactivate"
  2171.    >
  2172.      <a
  2173.        role="menuitem"href="/pages/contact"
  2174.        class="menu-list__link"
  2175.      >
  2176.        <span class="menu-list__link-title">Contact</span>
  2177.      </a></li>
  2178.  
  2179.    <li
  2180.      role="presentation"
  2181.      class="menu-list__list-item"
  2182.      on:focus="/activate"
  2183.      on:blur="/deactivate"
  2184.      on:pointerenter="/activate"
  2185.      on:pointerleave="/deactivate"
  2186.    >
  2187.      <a
  2188.        role="menuitem"href="https://www.tiktok.com/@faceless.creator09?_t=ZS-8wedjaetcYr&_r=1"
  2189.        class="menu-list__link"
  2190.      >
  2191.        <span class="menu-list__link-title">Our Tiktok</span>
  2192.      </a></li>
  2193.  
  2194.    <li
  2195.      role="presentation"
  2196.      class="menu-list__list-item"
  2197.      on:focus="/activate"
  2198.      on:blur="/deactivate"
  2199.      on:pointerenter="/activate"
  2200.      on:pointerleave="/deactivate"
  2201.    >
  2202.      <a
  2203.        role="menuitem"href="https://www.instagram.com/faceless_creator_book?igsh=b3A1Mzk5MXFxazNz"
  2204.        class="menu-list__link"
  2205.      >
  2206.        <span class="menu-list__link-title">Our Instagram</span>
  2207.      </a></li>
  2208.  
  2209.  <li
  2210.    class="menu-list__list-item"
  2211.    role="presentation"
  2212.    slot="more"
  2213.    on:focus="/activate"
  2214.    on:blur="/deactivate"
  2215.    on:pointerenter="/activate"
  2216.    on:pointerleave="/deactivate"
  2217.  >
  2218.    <button role="menuitem" class="button menu-list__link button-unstyled">
  2219.      <span class="menu-list__link-title">More</span>
  2220.    </button>
  2221.  </li>
  2222.  
  2223. </overflow-list>
  2224.  
  2225.  </div>
  2226. </nav>
  2227.  
  2228.      </div>
  2229.  
  2230.      <script
  2231.        src="//facelesscreator.store/cdn/shop/t/6/assets/header-menu.js?v=165900563989102730451747906207"
  2232.        type="module"
  2233.      ></script>
  2234.    </header-menu>
  2235.  
  2236.  
  2237.  
  2238.  
  2239.            
  2240.        
  2241.      
  2242.    </div><div
  2243.      class="header__column header__column--center"
  2244.      data-testid="header-top-center"
  2245.    >
  2246.      
  2247.        
  2248.          
  2249.              
  2250.  
  2251.  
  2252.  
  2253.  
  2254. <a
  2255.  
  2256.    data-hidden-on-home-page
  2257.  
  2258.  href="/"
  2259.  class="size-style spacing-style header-logo"
  2260.  style="
  2261.    --size-style-width: ;--size-style-height: ;
  2262.    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  2263.    --font-family: var(--font-body--family);
  2264.    --font-style: var(--font-body--style);
  2265.    --font-weight: 600;
  2266.  "
  2267.  
  2268. >
  2269.  <span
  2270.    class="header-logo__original"
  2271.    data-testid="header-logo"
  2272.  >
  2273.    
  2274.  
  2275.  
  2276.  
  2277.  
  2278.  
  2279.  
  2280.  
  2281.  
  2282.  
  2283.  
  2284.  <img src="//facelesscreator.store/cdn/shop/files/Faceless_Creator_Kit_100_AI_Toolkit_for_Anonymous_Brand_Building.png?height=68&amp;v=1747762325" alt="Faceless Creator Kit: AI Toolkit for Anonymous Brand Building" width="120" height="68" class="header-logo__image" srcset="//facelesscreator.store/cdn/shop/files/Faceless_Creator_Kit_100_AI_Toolkit_for_Anonymous_Brand_Building.png?height=68&amp;v=1747762325 1x, //facelesscreator.store/cdn/shop/files/Faceless_Creator_Kit_100_AI_Toolkit_for_Anonymous_Brand_Building.png?height=136&amp;v=1747762325 2x, //facelesscreator.store/cdn/shop/files/Faceless_Creator_Kit_100_AI_Toolkit_for_Anonymous_Brand_Building.png?height=204&amp;v=1747762325 3x" style="">
  2285.  
  2286.  
  2287.  </span>
  2288.  
  2289.  
  2290.    <span
  2291.      class="header-logo__inverse"
  2292.      data-testid="header-logo-inverse"
  2293.    >
  2294.      
  2295.  
  2296.  
  2297.  
  2298.  
  2299.  
  2300.  
  2301.  
  2302.  
  2303.  
  2304.  
  2305.  <img src="//facelesscreator.store/cdn/shop/files/Faceless_Creator_Kit_100_AI_Toolkit_for_Anonymous_Brand_Building.png?height=68&amp;v=1747762325" alt="Faceless Creator Kit: AI Toolkit for Anonymous Brand Building" width="120" height="68" class="header-logo__image" srcset="//facelesscreator.store/cdn/shop/files/Faceless_Creator_Kit_100_AI_Toolkit_for_Anonymous_Brand_Building.png?height=68&amp;v=1747762325 1x, //facelesscreator.store/cdn/shop/files/Faceless_Creator_Kit_100_AI_Toolkit_for_Anonymous_Brand_Building.png?height=136&amp;v=1747762325 2x, //facelesscreator.store/cdn/shop/files/Faceless_Creator_Kit_100_AI_Toolkit_for_Anonymous_Brand_Building.png?height=204&amp;v=1747762325 3x" style="">
  2306.  
  2307.  
  2308.    </span>
  2309.  
  2310. </a>
  2311.  
  2312. <style>
  2313.  .header-logo__image {
  2314.    --header-logo-image-height: 59px;
  2315.  
  2316.    @media screen and (width >= 750px) {
  2317.      --header-logo-image-height: 68px;
  2318.    }
  2319.  }
  2320. </style>
  2321.  
  2322.  
  2323.  
  2324.  
  2325.  
  2326.            
  2327.        
  2328.      
  2329.    </div><div
  2330.      class="header__column header__column--right"
  2331.      data-testid="header-top-right"
  2332.    >
  2333.      
  2334.        
  2335.          
  2336.              
  2337.            
  2338.        
  2339.      
  2340.        
  2341.          
  2342.              
  2343.  
  2344.  
  2345.  
  2346.  
  2347.  
  2348.            
  2349.        
  2350.      
  2351.        
  2352.          
  2353.              <script
  2354.  type="module"
  2355.  src="//facelesscreator.store/cdn/shop/t/6/assets/cart-icon.js?v=160484641314809564011747906206"
  2356. ></script>
  2357.  
  2358.  
  2359.  
  2360. <header-actions>
  2361.  
  2362.    
  2363.  
  2364.  
  2365.  
  2366. <details
  2367.  class="account-popover mobile:hidden"
  2368.  data-auto-close-details="desktop"
  2369. >
  2370.  <summary class="account-popover__summary">
  2371.    
  2372.  
  2373.  
  2374. <span
  2375.  class="account-button header-actions__action"
  2376.  
  2377. >
  2378.  <span class="visually-hidden">
  2379.    Account
  2380.  </span><span
  2381.      class="account-button__icon"
  2382.      aria-hidden="true"
  2383.    ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
  2384. </span></span>
  2385.  
  2386.  </summary>
  2387.  <floating-panel-component
  2388.    class="account-popover__panel details-content color-scheme-1"
  2389.  >
  2390.    
  2391.  
  2392. <div class="account-actions">
  2393.  <div class="account-actions__main-menu">
  2394.    <header class="account-actions__header">
  2395.      <span class="account-actions__title h5">
  2396.        
  2397.          Account
  2398.        
  2399.      </span>
  2400.      
  2401.    </header>
  2402.  
  2403.    
  2404.      <div class="account-actions__sign-ins">
  2405.        <script
  2406.          src="//facelesscreator.store/cdn/shop/t/6/assets/account-login-actions.js?v=132624473766457443991747906206"
  2407.          type="module"
  2408.        ></script>
  2409.        <account-login-actions class="account-actions__shop-login">
  2410.          
  2411.        </account-login-actions>
  2412.  
  2413.        <a
  2414.          href="/customer_authentication/login?return_to=%2F&locale=en"
  2415.          class="account-actions__link button"
  2416.          
  2417.        >
  2418.          <span class="account-actions__sign-in-text">
  2419.            Other sign in options
  2420.          </span>
  2421.          <span class="account-actions__fallback-text">
  2422.            Sign in
  2423.          </span>
  2424.        </a>
  2425.      </div>
  2426.    
  2427.  
  2428.    <nav class="account-actions__nav">
  2429.      <ul class="account-actions__list">
  2430.        <li class="account-actions__list-item">
  2431.          <a
  2432.            href="/account"
  2433.            class="account-actions__link button-secondary"
  2434.            
  2435.          >
  2436.            <span class="account-actions__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  2437.  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
  2438.  <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
  2439. </svg>
  2440. </span>
  2441.            Orders
  2442.          </a>
  2443.        </li>
  2444.        <li class="account-actions__list-item">
  2445.          <a
  2446.            href="/account/addresses"
  2447.            class="account-actions__link button-secondary"
  2448.          >
  2449.            <span class="account-actions__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
  2450. </span>
  2451.            Profile
  2452.          </a>
  2453.        </li>
  2454.      </ul>
  2455.    </nav>
  2456.  </div>
  2457. </div>
  2458.  
  2459.  </floating-panel-component>
  2460. </details>
  2461.  
  2462.    
  2463.  
  2464.  
  2465.  
  2466. <script
  2467.  src="//facelesscreator.store/cdn/shop/t/6/assets/dialog.js?v=40803435292154375831747906206"
  2468.  type="module"
  2469. ></script>
  2470.  
  2471. <dialog-component
  2472.  class="account-drawer"
  2473.  
  2474. >
  2475.  
  2476.  
  2477.  
  2478. <button
  2479.  class="account-button header-actions__action"
  2480.  on:click="/showDialog"
  2481. >
  2482.  <span class="visually-hidden">
  2483.    Account
  2484.  </span><span
  2485.      class="account-button__icon"
  2486.      aria-hidden="true"
  2487.    ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
  2488. </span></button>
  2489.  
  2490.  <dialog
  2491.    ref="dialog"
  2492.    class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog"
  2493.    scroll-lock
  2494.  >
  2495.    <button
  2496.      ref="closeButton"
  2497.      on:click="/closeDialog"
  2498.      class="button button-unstyled account-drawer__close-button"
  2499.      aria-label="Close dialog"
  2500.    >
  2501.      <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  2502.  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2503.  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2504. </svg>
  2505. </span>
  2506.    </button>
  2507.    
  2508.  
  2509. <div class="account-actions">
  2510.  <div class="account-actions__main-menu">
  2511.    <header class="account-actions__header">
  2512.      <span class="account-actions__title h5">
  2513.        
  2514.          Account
  2515.        
  2516.      </span>
  2517.      
  2518.    </header>
  2519.  
  2520.    
  2521.      <div class="account-actions__sign-ins">
  2522.        <script
  2523.          src="//facelesscreator.store/cdn/shop/t/6/assets/account-login-actions.js?v=132624473766457443991747906206"
  2524.          type="module"
  2525.        ></script>
  2526.        <account-login-actions class="account-actions__shop-login">
  2527.          
  2528.        </account-login-actions>
  2529.  
  2530.        <a
  2531.          href="/customer_authentication/login?return_to=%2F&locale=en"
  2532.          class="account-actions__link button"
  2533.          
  2534.            autofocus
  2535.          
  2536.        >
  2537.          <span class="account-actions__sign-in-text">
  2538.            Other sign in options
  2539.          </span>
  2540.          <span class="account-actions__fallback-text">
  2541.            Sign in
  2542.          </span>
  2543.        </a>
  2544.      </div>
  2545.    
  2546.  
  2547.    <nav class="account-actions__nav">
  2548.      <ul class="account-actions__list">
  2549.        <li class="account-actions__list-item">
  2550.          <a
  2551.            href="/account"
  2552.            class="account-actions__link button-secondary"
  2553.            
  2554.          >
  2555.            <span class="account-actions__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
  2556.  <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
  2557.  <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
  2558. </svg>
  2559. </span>
  2560.            Orders
  2561.          </a>
  2562.        </li>
  2563.        <li class="account-actions__list-item">
  2564.          <a
  2565.            href="/account/addresses"
  2566.            class="account-actions__link button-secondary"
  2567.          >
  2568.            <span class="account-actions__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
  2569. </span>
  2570.            Profile
  2571.          </a>
  2572.        </li>
  2573.      </ul>
  2574.    </nav>
  2575.  </div>
  2576. </div>
  2577.  
  2578.  </dialog>
  2579. </dialog-component>
  2580.  
  2581.  
  2582.  
  2583.  
  2584.    
  2585.  
  2586. <script
  2587.  src="//facelesscreator.store/cdn/shop/t/6/assets/cart-drawer.js?v=92290163633888904321747906207"
  2588.  type="module"
  2589. ></script>
  2590.  
  2591. <style>
  2592.  .cart-items__wrapper,
  2593.  .cart-drawer__summary {
  2594.    --cart-secondary-font-family: var(--font-secondary--family);
  2595.    --cart-secondary-font-style: var(--font-secondary--style);
  2596.    --cart-secondary-font-weight: var(--font-secondary--weight);
  2597.  }
  2598.  
  2599.  .cart-items-component {
  2600.    width: 100%;
  2601.    height: 100%;
  2602.    display: flex;
  2603.    flex-direction: column;
  2604.  }
  2605.  
  2606.  .cart-drawer__heading .cart-bubble {
  2607.    width: fit-content;
  2608.    border-radius: var(--style-border-radius-buttons-primary);
  2609.    aspect-ratio: auto;
  2610.    padding: var(--cart-padding);
  2611.  }
  2612.  
  2613.  .cart-drawer__heading .cart-bubble[data-maintain-ratio] {
  2614.    aspect-ratio: 1;
  2615.    min-width: 26px;
  2616.  }
  2617.  
  2618.  .cart-drawer__header {
  2619.    background-color: var(--color-background);
  2620.    display: flex;
  2621.    align-items: center;
  2622.    justify-content: space-between;
  2623.    width: 100%;
  2624.    padding: var(--cart-drawer-padding);
  2625.    border-bottom: var(--style-border-width) solid none;
  2626.    position: sticky;
  2627.    top: 0;
  2628.    z-index: 1;
  2629.  
  2630.    @media screen and (width >= 750px) {
  2631.      padding: var(--cart-drawer-padding-desktop);
  2632.    }
  2633.  }
  2634.  
  2635.  .cart-drawer__dialog {
  2636.    overflow: hidden;
  2637.  }
  2638.  
  2639.  .cart-drawer__inner {
  2640.    height: 100%;
  2641.    overflow: hidden;
  2642.  }
  2643.  
  2644.  .cart-drawer__content {
  2645.    height: calc(100% - var(--header-height));
  2646.    display: flex;
  2647.    flex-direction: column;
  2648.  }
  2649.  
  2650.  .cart-drawer__summary {
  2651.    background-color: var(--color-background);
  2652.    position: sticky;
  2653.    bottom: 0;
  2654.    z-index: 1;
  2655.  }
  2656. </style>
  2657.  
  2658. <cart-drawer-component
  2659.  class="cart-drawer"
  2660.  
  2661.  
  2662.  
  2663. >
  2664.  <button
  2665.    class="button header-actions__action button-unstyled"
  2666.    on:click="/open"
  2667.    aria-label="Open cart drawer"
  2668.  >
  2669.    <cart-icon
  2670.  class="
  2671.    header-actions__cart-icon
  2672.    
  2673.  "
  2674. >
  2675.  <span class="svg-wrapper">
  2676.    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
  2677.  
  2678.  </span>
  2679.  
  2680.  
  2681.  
  2682. <div
  2683.  ref="cartBubble"
  2684.  class="cart-bubble visually-hidden"
  2685.  
  2686.  
  2687.    data-maintain-ratio
  2688.  
  2689. >
  2690.  <span class="cart-bubble__background"></span>
  2691.  <span
  2692.    ref="cartBubbleText"
  2693.    class="cart-bubble__text"
  2694.    
  2695.      role="status"
  2696.    
  2697.  >
  2698.    <span class="visually-hidden">Total items in cart: 0
  2699.    </span>
  2700.    <span
  2701.      class="cart-bubble__text-count"
  2702.      aria-hidden="true"
  2703.    >
  2704. 0</span>
  2705.  </span>
  2706. </div>
  2707.  
  2708. </cart-icon>
  2709.  
  2710.  
  2711.  
  2712.  </button>
  2713.  
  2714.  <dialog
  2715.    ref="dialog"
  2716.    class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
  2717.    scroll-lock
  2718.  >
  2719.    <div class="cart-drawer__inner">
  2720.      <cart-items-component
  2721.        class="cart-items-component"
  2722.        data-section-id="sections--24801234518330__header_section"
  2723.      ><div class="cart-drawer__header">
  2724.            <button
  2725.              ref="closeButton"
  2726.              on:click="cart-drawer-component/close"
  2727.              class="button cart-drawer__close-button button-unstyled"
  2728.              aria-label="Close dialog"
  2729.            >
  2730.              <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  2731.  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2732.  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  2733. </svg>
  2734. </span>
  2735.            </button>
  2736.          </div>
  2737.  
  2738.          <div
  2739.            class="cart-drawer__content motion-reduce"
  2740.            aria-label="Cart"
  2741.          >
  2742.            <span class="cart-drawer__heading h3 cart-drawer__heading--empty">
  2743.              Your cart is empty
  2744.            </span>
  2745.  
  2746.            <div class="cart-drawer__items">
  2747.              
  2748.  
  2749. <script
  2750.  src="//facelesscreator.store/cdn/shop/t/6/assets/component-cart-items.js?v=15203682530546781461747906207"
  2751.  type="module"
  2752. ></script>
  2753.  
  2754. <div
  2755.  
  2756.  class="cart-items__wrapper"
  2757.  
  2758. >
  2759.  
  2760. <p>
  2761.        Have an account? <a href="https://account.facelesscreator.store?locale=en&region_country=IL">Log in</a> to check out faster.
  2762.      </p><a
  2763.      class="button cart-items__empty-button"
  2764.      href="/collections/all"
  2765.    >
  2766.      Continue shopping
  2767.    </a></div>
  2768.  
  2769.            </div>
  2770.          </div></cart-items-component>
  2771.    </div>
  2772.  </dialog>
  2773. </cart-drawer-component>
  2774.  
  2775.  
  2776. </header-actions>
  2777.  
  2778.          
  2779.        
  2780.      
  2781.    </div>
  2782.        </div>
  2783.      </div>
  2784.    
  2785.  
  2786.    
  2787.  
  2788.    
  2789.  
  2790.    
  2791.    
  2792.  
  2793.  
  2794.  
  2795.    <div class="header__row header__row--mobile desktop:hidden color-scheme-1">
  2796.      
  2797.  
  2798.  
  2799.  
  2800.  
  2801.  
  2802.  
  2803.    
  2804.      <div
  2805.        class="menu-list menu-list--mobile"
  2806.        style="--menu-horizontal-gap: 15px; --mobile-nav-margin: auto;"
  2807.      >
  2808.        <div class="menu-list__scroll-container">
  2809.          <ul
  2810.            class="menu-list__list list-unstyled"
  2811.            role="list"
  2812.          >
  2813.            
  2814.              <li>
  2815.                <a
  2816.                  href="/pages/contact"
  2817.                  id="MenuItem-contact"
  2818.                  class="menu-list__item"
  2819.                  
  2820.                >Contact</a>
  2821.              </li>
  2822.            
  2823.              <li>
  2824.                <a
  2825.                  href="https://www.tiktok.com/@faceless.creator09?_t=ZS-8wedjaetcYr&_r=1"
  2826.                  id="MenuItem-our-tiktok"
  2827.                  class="menu-list__item"
  2828.                  
  2829.                >Our Tiktok</a>
  2830.              </li>
  2831.            
  2832.              <li>
  2833.                <a
  2834.                  href="https://www.instagram.com/faceless_creator_book?igsh=b3A1Mzk5MXFxazNz"
  2835.                  id="MenuItem-our-instagram"
  2836.                  class="menu-list__item"
  2837.                  
  2838.                >Our Instagram</a>
  2839.              </li>
  2840.            
  2841.          </ul>
  2842.        </div>
  2843.      </div>
  2844.    
  2845.  
  2846.  
  2847.  
  2848.  
  2849.    </div>
  2850.  
  2851. </header-component>
  2852.  
  2853. <script
  2854.  src="//facelesscreator.store/cdn/shop/t/6/assets/header.js?v=3724570062016204791747906206"
  2855.  type="module"
  2856. ></script>
  2857.  
  2858.  
  2859.  
  2860.  
  2861. </header>
  2862. <!-- END sections: header-group -->
  2863.    </div>
  2864.  
  2865.    <main
  2866.      id="MainContent"
  2867.      class="content-for-layout"
  2868.      role="main"
  2869.      data-page-transition-enabled="true"
  2870.      data-product-transition="true"
  2871.      data-template="index"
  2872.    >
  2873.      <section id="shopify-section-template--24801234059578__hero_LY88Wg" class="shopify-section hero-wrapper section-wrapper">
  2874.  
  2875.  
  2876.  
  2877.  
  2878.  
  2879.  
  2880.  
  2881.  
  2882.  
  2883. <div
  2884.  id="Hero-template--24801234059578__hero_LY88Wg"
  2885.  class="hero color-scheme-5"
  2886.  style="
  2887.    --hero-border-style: ;
  2888.    --hero-border-width: px;
  2889.    --hero-border-opacity: %;
  2890.    --blur-opacity: 0.75;
  2891.    
  2892.      --hero-min-height: var(--section-height-large);
  2893.    
  2894.  "
  2895.  
  2896.  
  2897. >
  2898.  
  2899.  
  2900.  
  2901.  
  2902.  <div
  2903.    class="hero__container spacing-style section section--full-width"
  2904.    style="      --padding-block-start: max(20px, calc(var(--spacing-scale) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px));"
  2905.  ><div
  2906.      class="hero__media-wrapper"style="--hero-media-aspect-ratio: 1.0; --hero-media-count: 1;">
  2907.      
  2908.  
  2909.  
  2910.  
  2911. <div
  2912.  class="overlay overlay--gradient"
  2913.  style="
  2914.    --overlay-layer: var(--layer-flat);
  2915.    --overlay-color: #00000026;
  2916.    --overlay-color--end: rgba(0, 0, 0, 0);
  2917.    --overlay-direction: to top;"
  2918. ></div>
  2919.  
  2920.      
  2921.  
  2922.    <img src="//facelesscreator.store/cdn/shop/files/digital-products-bold-4-middle.jpg?v=1747907974&amp;width=3840" srcset="//facelesscreator.store/cdn/shop/files/digital-products-bold-4-middle.jpg?v=1747907974&amp;width=300 300w, //facelesscreator.store/cdn/shop/files/digital-products-bold-4-middle.jpg?v=1747907974&amp;width=450 450w, //facelesscreator.store/cdn/shop/files/digital-products-bold-4-middle.jpg?v=1747907974&amp;width=600 600w, //facelesscreator.store/cdn/shop/files/digital-products-bold-4-middle.jpg?v=1747907974&amp;width=750 750w, //facelesscreator.store/cdn/shop/files/digital-products-bold-4-middle.jpg?v=1747907974&amp;width=900 900w, //facelesscreator.store/cdn/shop/files/digital-products-bold-4-middle.jpg?v=1747907974&amp;width=1050 1050w, //facelesscreator.store/cdn/shop/files/digital-products-bold-4-middle.jpg?v=1747907974&amp;width=1200 1200w, //facelesscreator.store/cdn/shop/files/digital-products-bold-4-middle.jpg?v=1747907974&amp;width=1350 1350w, //facelesscreator.store/cdn/shop/files/digital-products-bold-4-middle.jpg?v=1747907974&amp;width=1500 1500w, //facelesscreator.store/cdn/shop/files/digital-products-bold-4-middle.jpg?v=1747907974&amp;width=1650 1650w, //facelesscreator.store/cdn/shop/files/digital-products-bold-4-middle.jpg?v=1747907974&amp;width=1800 1800w, //facelesscreator.store/cdn/shop/files/digital-products-bold-4-middle.jpg?v=1747907974&amp;width=1950 1950w, //facelesscreator.store/cdn/shop/files/digital-products-bold-4-middle.jpg?v=1747907974&amp;width=2000 2000w, //facelesscreator.store/cdn/shop/files/digital-products-bold-4-middle.jpg?v=1747907974&amp;width=2500 2500w, //facelesscreator.store/cdn/shop/files/digital-products-bold-4-middle.jpg?v=1747907974&amp;width=3000 3000w, //facelesscreator.store/cdn/shop/files/digital-products-bold-4-middle.jpg?v=1747907974&amp;width=3500 3500w" width="2048" height="2048" class="hero__image" sizes="(min-width: 750px) 100vw, 100vw" style="object-position:50.0% 50.0%;">
  2923.  
  2924.    </div>
  2925.    <div
  2926.      class="
  2927.        hero__content-wrapper
  2928.        layout-panel-flex
  2929.        layout-panel-flex--column
  2930.        mobile-column
  2931.        section-content-wrapper
  2932.        page-width
  2933.        
  2934.      "
  2935.      style="--flex-direction: column; --flex-wrap: nowrap;
  2936.  
  2937.  
  2938. --gap: 16px;
  2939.  
  2940. --horizontal-alignment: center; --vertical-alignment: center;
  2941. --vertical-alignment-mobile: center;
  2942. "
  2943.    >
  2944.      
  2945.  
  2946.  
  2947.  
  2948.  
  2949.  
  2950.  
  2951.  
  2952.  
  2953.  
  2954.  <div
  2955.  class=" spacing-style text-block text-block--AS0dIMTk4TFRwVXA2R__text_FjJbEr h1
  2956.    
  2957.  "
  2958.  
  2959.  style="
  2960.    --padding-block-start: 0px; --padding-block-end:0px;
  2961. --padding-inline-start:0px; --padding-inline-end:0px;
  2962.  
  2963.    
  2964. --color: var(--color-foreground);
  2965.    --width: fit-content;
  2966.    --max-width: var(--max-width--body-narrow);
  2967.    
  2968.    
  2969.  "
  2970.  
  2971.  
  2972. >
  2973.    <h1><strong>FACELESS CREATOR</strong></h1>
  2974.  </div>
  2975.  
  2976.  
  2977.  
  2978.  
  2979.  
  2980.  
  2981.  
  2982.  
  2983.  
  2984.  
  2985.  
  2986.  
  2987.  
  2988.  
  2989.  <rte-formatter
  2990.  class=" spacing-style text-block text-block--AZUl4U3daeWhIcmIxS__text_ekPgpR rte
  2991.     rte
  2992.  "
  2993.  
  2994.  style="
  2995.    --padding-block-start: 0px; --padding-block-end:32px;
  2996. --padding-inline-start:0px; --padding-inline-end:0px;
  2997.  
  2998.    
  2999.  
  3000.    --width: fit-content;
  3001.    --max-width: var(--max-width--body-narrow);
  3002.    
  3003.    
  3004.  "
  3005.  
  3006.  
  3007. >
  3008.    <h2>Leverage AI Tools & Proven Systems to Earn Passively, 100% Anonymously</h2>
  3009.  </rte-formatter>
  3010.  
  3011.  
  3012.  
  3013.  
  3014.  
  3015.  
  3016.  
  3017.  
  3018.  
  3019.  
  3020.  
  3021. <a
  3022.  
  3023.    href="/products/faceless-creator"
  3024.  
  3025.  class="
  3026.    size-style
  3027.    button
  3028.    button--AekcvNkp0R3UrTVFhN__button_AQ6Fjz
  3029.  "
  3030.  style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
  3031. >
  3032.  Get Instant Access Now!
  3033. </a>
  3034.  
  3035.  
  3036.  
  3037.  
  3038.    </div>
  3039.  </div>
  3040. </div>
  3041.  
  3042.  
  3043. </section><div id="shopify-section-template--24801234059578__custom_liquid_kPKhE3" class="shopify-section">
  3044.  
  3045. <div class="section-background color-scheme-1"></div>
  3046. <div
  3047.  class="section section--page-width spacing-style color-scheme-1"
  3048.  style="--padding-block-start: 0px; --padding-block-end:0px;
  3049. --padding-inline-start:0px; --padding-inline-end:0px;
  3050. "
  3051. >
  3052.  <div style="max-width: 800px; margin: 60px auto; padding: 0 20px;">
  3053.  <h3 style="text-align: center; font-weight: 500; margin-bottom: 20px;">Build Your Anonymous Empire in 3 Steps</h3>
  3054.  
  3055.  <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;">
  3056.    <!-- Step 1 -->
  3057.    <div style="text-align: center;">
  3058.      <div style="background: #111827; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px;">1</div>
  3059.      <h4 style="font-weight: 500; margin-bottom: 8px;">Download</h4>
  3060.      <p style="color: #6B7280; font-size: 14px;">Instant access to all resources</p>
  3061.    </div>
  3062.    
  3063.    <!-- Step 2 -->
  3064.    <div style="text-align: center;">
  3065.      <div style="background: #111827; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px;">2</div>
  3066.      <h4 style="font-weight: 500; margin-bottom: 8px;">Implement</h4>
  3067.      <p style="color: #6B7280; font-size: 14px;">Follow our battle-tested frameworks</p>
  3068.    </div>
  3069.    
  3070.    <!-- Step 3 -->
  3071.    <div style="text-align: center;">
  3072.      <div style="background: #111827; color: white; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px;">3</div>
  3073.      <h4 style="font-weight: 500; margin-bottom: 8px;">Profit</h4>
  3074.      <p style="color: #6B7280; font-size: 14px;">Earn while staying anonymous</p>
  3075.    </div>
  3076.  </div>
  3077. </div>
  3078. </div>
  3079.  
  3080.  
  3081. </div><div id="shopify-section-template--24801234059578__custom_liquid_RCPAHt" class="shopify-section">
  3082.  
  3083. <div class="section-background color-scheme-1"></div>
  3084. <div
  3085.  class="section section--page-width spacing-style color-scheme-1"
  3086.  style="--padding-block-start: 0px; --padding-block-end:0px;
  3087. --padding-inline-start:0px; --padding-inline-end:0px;
  3088. "
  3089. >
  3090.  <div style="background: #111827; padding: 40px; border-radius: 8px; color: white;">
  3091.  <h3 style="font-weight: 500; margin-bottom: 24px; font-size: 20px; letter-spacing: 0.5px;">YOUR ANONYMOUS ADVANTAGE</h3>
  3092.  
  3093.  <div style="display: grid; gap: 20px;">
  3094.    <!-- Benefit 1 -->
  3095.    <div style="display: flex; gap: 12px; align-items: flex-start;">
  3096.      <div style="background: #10B981; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
  3097.        <svg width="12" height="12" viewBox="0 0 24 24" fill="white"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"/></svg>
  3098.      </div>
  3099.      <div>
  3100.        <div style="font-weight: 500; margin-bottom: 4px;">AI-Powered Content Creation</div>
  3101.        <div style="color: #D1D5DB; font-size: 14px;">Generate months of content in hours using our battle-tested templates</div>
  3102.      </div>
  3103.    </div>
  3104.    
  3105.    <!-- Benefit 2 -->
  3106.    <div style="display: flex; gap: 12px; align-items: flex-start;">
  3107.      <div style="background: #3B82F6; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
  3108.        <svg width="12" height="12" viewBox="0 0 24 24" fill="white"><path d="M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91 4.59-1.15 8-5.86 8-10.91V5l-8-3z"/></svg>
  3109.      </div>
  3110.      <div>
  3111.        <div style="font-weight: 500; margin-bottom: 4px;">Ironclad Anonymity</div>
  3112.        <div style="color: #D1D5DB; font-size: 14px;">Proven systems to build trust without revealing your identity</div>
  3113.      </div>
  3114.    </div>
  3115.    
  3116.    <!-- Benefit 3 -->
  3117.    <div style="display: flex; gap: 12px; align-items: flex-start;">
  3118.      <div style="background: #8B5CF6; width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
  3119.        <svg width="12" height="12" viewBox="0 0 24 24" fill="white"><path d="M13 2.05v2.02c3.95.49 7 3.85 7 7.93 0 3.21-1.92 6-4.72 7.28l-1.43-1.43c1.85-1.05 3-3.03 3-5.85 0-3.31-2.69-6-6-6zm-1 2.02v2.06c1.46.18 2.8.76 3.9 1.62l1.42-1.43C14.84 5.08 13.45 4.3 12 4.07zm-5.32.96L6.6 5.5c1.1.86 2.43 1.44 3.9 1.62v-2.06c-1.45-.23-2.83-1.01-3.82-2.03zM11 22v-2c-3.95-.49-7-3.85-7-7.93 0-3.21 1.92-6 4.72-7.28l1.43 1.43c-1.85 1.05-3 3.03-3 5.85 0 3.31 2.69 6 6 6z"/></svg>
  3120.      </div>
  3121.      <div>
  3122.        <div style="font-weight: 500; margin-bottom: 4px;">Automated Income Streams</div>
  3123.        <div style="color: #D1D5DB; font-size: 14px;">Set up hands-free revenue systems that work while you sleep</div>
  3124.      </div>
  3125.    </div>
  3126.  </div>
  3127. </div>
  3128. </div>
  3129.  
  3130.  
  3131. </div><div id="shopify-section-template--24801234059578__custom_liquid_6Pg6rj" class="shopify-section">
  3132.  
  3133. <div class="section-background color-scheme-1"></div>
  3134. <div
  3135.  class="section section--page-width spacing-style color-scheme-1"
  3136.  style="--padding-block-start: 0px; --padding-block-end:0px;
  3137. --padding-inline-start:0px; --padding-inline-end:0px;
  3138. "
  3139. >
  3140.  <div style="background: #fff; padding: 60px 20px; text-align: center;">
  3141.  <h2 style="font-size: 1.8rem; font-weight: 500; margin-bottom: 24px;">Privacy-First Entrepreneurship</h2>
  3142.  <div style="max-width: 600px; margin: 0 auto; font-size: 1.1rem; line-height: 1.6; color: #6B7280;">
  3143.    At Faceless Creator, we prove you don’t need personal fame to build wealth.
  3144.    Our systems leverage AI and anonymity to grow your income—without compromising privacy.
  3145.  </div>
  3146.  
  3147.  <!-- Social Proof -->
  3148.  <div style="display: flex; justify-content: center; gap: 20px; margin-top: 40px;">
  3149.    <div style="text-align: center;">
  3150.      <div style="font-size: 2rem; font-weight: 600;">500+</div>
  3151.      <div style="font-size: 0.9rem;">Satisfied Creators</div>
  3152.    </div>
  3153.    <div style="text-align: center;">
  3154.      <div style="font-size: 2rem; font-weight: 600;">49</div>
  3155.      <div style="font-size: 0.9rem;">Page Guide</div>
  3156.    </div>
  3157.  </div>
  3158. </div>
  3159. </div>
  3160.  
  3161.  
  3162. </div><div id="shopify-section-template--24801234059578__custom_liquid_AXmXir" class="shopify-section">
  3163.  
  3164. <div class="section-background color-scheme-1"></div>
  3165. <div
  3166.  class="section section--page-width spacing-style color-scheme-1"
  3167.  style="--padding-block-start: 0px; --padding-block-end:0px;
  3168. --padding-inline-start:0px; --padding-inline-end:0px;
  3169. "
  3170. >
  3171.  <div style="display: flex; align-items: center; gap: 20px; max-width: 600px; margin: 40px auto; padding: 20px; border: 1px solid #E5E7EB;">
  3172.  <div style="flex-shrink: 0;">
  3173.    <svg width="40" height="40" viewBox="0 0 24 24" fill="#10B981"><path d="M12 2L4 5v6.09c0 5.05 3.41 9.76 8 10.91 4.59-1.15 8-5.86 8-10.91V5l-8-3zm-1.06 13.54L7.4 12l1.41-1.41 2.12 2.12 4.24-4.24 1.41 1.41-5.64 5.66z"/></svg>
  3174.  </div>
  3175.  <div>
  3176.    <h4 style="font-weight: 500; margin-bottom: 8px;">Zero-Risk Guarantee</h4>
  3177.    <p style="color: #6B7280; font-size: 14px;">If you don't see results in 14 days, we'll refund every penny. No questions asked.</p>
  3178.  </div>
  3179. </div>
  3180. </div>
  3181.  
  3182.  
  3183. </div>
  3184.    </main>
  3185.  
  3186.    <!-- BEGIN sections: footer-group -->
  3187. <footer id="shopify-section-sections--24801234714938__footer" class="shopify-section shopify-section-group-footer-group section-wrapper">
  3188.  
  3189. <div class="section-background color-scheme-1"></div>
  3190. <div
  3191.  class="
  3192.    section section--page-width color-scheme-1
  3193.    
  3194.  "
  3195. >
  3196.  
  3197.  
  3198.  
  3199.  <div
  3200.    class="
  3201.      spacing-style
  3202.      layout-panel-flex
  3203.      layout-panel-flex--column
  3204.      section-content-wrapper
  3205.       mobile-column
  3206.    "
  3207.    style="
  3208.      --flex-direction: column; --flex-wrap: nowrap;
  3209.  
  3210.  
  3211. --gap: max(24px, calc(var(--gap-scale, 1.0) * 48px));
  3212.  
  3213. --horizontal-alignment: center; --vertical-alignment: center;
  3214. --vertical-alignment-mobile: center;
  3215.  
  3216.      --padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
  3217.    "
  3218.  >
  3219.    
  3220.  
  3221.  
  3222.  
  3223.  
  3224.  
  3225.  
  3226.  <accordion-custom
  3227.    class="
  3228.      menu
  3229.      
  3230.      
  3231.    "
  3232.    data-disable-on-desktop="true"
  3233.    open-by-default-on-desktop
  3234.    
  3235.      data-disable-on-mobile="true"
  3236.      open-by-default-on-mobile
  3237.    
  3238.  >
  3239.    <details
  3240.      class="
  3241.        menu__details
  3242.        spacing-style
  3243.        
  3244.      "
  3245.      style="
  3246.        --spacing--size: 12px;
  3247.        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  3248.      "
  3249.      
  3250.    >
  3251.      <summary class="menu__heading menu__heading--empty h3">
  3252.        <span class="menu__heading__default"></span>
  3253.        <span class="menu__heading__accordion">
  3254.          Policies
  3255.          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  3256.  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3257. </svg>
  3258. </span>
  3259.          <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  3260.  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  3261.  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
  3262. </svg>
  3263. </span>
  3264.        </span>
  3265.      </summary>
  3266.  
  3267.      <div class="details-content">
  3268.        
  3269.          <ul class="list-unstyled">
  3270.            
  3271.              <li class="menu__item paragraph">
  3272.                <a href="/policies/contact-information">
  3273.                  Contact Information
  3274.                </a>
  3275.              </li>
  3276.            
  3277.              <li class="menu__item paragraph">
  3278.                <a href="/policies/privacy-policy">
  3279.                  Privacy Policy
  3280.                </a>
  3281.              </li>
  3282.            
  3283.              <li class="menu__item paragraph">
  3284.                <a href="/policies/refund-policy">
  3285.                  Refund Policy
  3286.                </a>
  3287.              </li>
  3288.            
  3289.              <li class="menu__item paragraph">
  3290.                <a href="/policies/terms-of-service">
  3291.                  Terms of Service
  3292.                </a>
  3293.              </li>
  3294.            
  3295.          </ul>
  3296.        
  3297.      </div>
  3298.    </details>
  3299.  </accordion-custom>
  3300.  
  3301.  
  3302.  
  3303.  
  3304.  
  3305.  
  3306.  
  3307.  
  3308.  
  3309. <div
  3310.  class="divider divider-AcE9hcUh1QVgxRFdRQ__divider_hFm3am spacing-style"
  3311.  style="
  3312.    --divider-justify-content: center;
  3313.    --padding-block-start: 0px;--padding-block-end: 0px;
  3314.  "
  3315.  
  3316.  
  3317. >
  3318.  <span
  3319.    class="divider__line"
  3320.    style="
  3321.      --divider-border-thickness: 1px;
  3322.      
  3323.        --divider-border-rounded: 0;
  3324.      
  3325.      --divider-flex-basis: 100%;
  3326.    "
  3327.  ></span>
  3328. </div>
  3329.  
  3330.  
  3331.  
  3332.  
  3333.  
  3334.  
  3335.  
  3336.  
  3337.  
  3338.  
  3339. <div
  3340.  class="
  3341.    group-block
  3342.    group-block--height-fit
  3343.    group-block--width-fill
  3344.    border-style
  3345.    spacing-style
  3346.    size-style
  3347.    
  3348.    
  3349.  "
  3350.  style="
  3351.    --border-width: 1px; --border-style: none; --border-color: rgba(from
  3352. var(--color-border) r g b / 1.0); --border-radius:
  3353. 0px;
  3354.  
  3355.    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  3356.    --size-style-width: 100%;--size-style-height: fit;
  3357.  --size-style-width-mobile:100%; --size-style-width-mobile-min:100%;
  3358.    
  3359.  "
  3360.  
  3361.  data-testid="group-block"
  3362. ><div class="group-block__media-wrapper">
  3363.    
  3364.  
  3365.    
  3366.  </div>
  3367.  
  3368.  <div
  3369.    class="
  3370.      group-block-content
  3371.      
  3372.      layout-panel-flex
  3373.      layout-panel-flex--row
  3374.       mobile-column
  3375.    "
  3376.    style="--flex-direction: row; --flex-wrap: nowrap;
  3377.  
  3378.  
  3379. --gap: max(24px, calc(var(--gap-scale, 1.0) * 32px));
  3380.  
  3381. --horizontal-alignment: space-between; --vertical-alignment: flex-end;
  3382. --vertical-alignment-mobile: flex-end;
  3383. "
  3384.  >
  3385.  
  3386.  
  3387.  
  3388.  
  3389.  
  3390.  
  3391.  
  3392. <div
  3393.  class="
  3394.    group-block
  3395.    group-block--height-fit
  3396.    group-block--width-fit-content
  3397.    border-style
  3398.    spacing-style
  3399.    size-style
  3400.    
  3401.    
  3402.  "
  3403.  style="
  3404.    --border-width: 1px; --border-style: none; --border-color: rgba(from
  3405. var(--color-border) r g b / 1.0); --border-radius:
  3406. 0px;
  3407.  
  3408.    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
  3409.    --size-style-width: fit-content;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
  3410.    
  3411.  "
  3412.  
  3413.  data-testid="group-block"
  3414. ><div class="group-block__media-wrapper">
  3415.    
  3416.  
  3417.    
  3418.  </div>
  3419.  
  3420.  <div
  3421.    class="
  3422.      group-block-content
  3423.      
  3424.      layout-panel-flex
  3425.      layout-panel-flex--column
  3426.       mobile-column
  3427.    "
  3428.    style="--flex-direction: column; --flex-wrap: nowrap;
  3429.  
  3430.  
  3431. --gap: 12px;
  3432.  
  3433. --horizontal-alignment: flex-start; --vertical-alignment: center;
  3434. --vertical-alignment-mobile: center;
  3435. "
  3436.  >
  3437.  
  3438.  
  3439.  
  3440.  
  3441.  
  3442.  
  3443.  
  3444.  
  3445.  
  3446.  
  3447.  <div
  3448.  class=" spacing-style text-block text-block--AZUNMUER4RGI0UGNZe__text_3L9Fjq h3
  3449.    
  3450.  "
  3451.  
  3452.  style="
  3453.    --padding-block-start: 0px; --padding-block-end:0px;
  3454. --padding-inline-start:0px; --padding-inline-end:0px;
  3455.  
  3456.    
  3457.  
  3458.    --width: fit-content;
  3459.    --max-width: var(--max-width--body-normal);
  3460.    
  3461.    
  3462.  "
  3463.  
  3464.  
  3465. >
  3466.    <h2>Join the club</h2>
  3467.  </div>
  3468.  
  3469.  
  3470.  
  3471.  
  3472.  
  3473.  
  3474.  
  3475.  
  3476.  
  3477.  
  3478.  
  3479.  
  3480.  
  3481.  
  3482.  <rte-formatter
  3483.  class=" spacing-style text-block text-block--AT3JyWVllQlFERjZLM__text_eC4rXd rte
  3484.     rte
  3485.  "
  3486.  
  3487.  style="
  3488.    --padding-block-start: 0px; --padding-block-end:0px;
  3489. --padding-inline-start:0px; --padding-inline-end:0px;
  3490.  
  3491.    
  3492.  
  3493.    --width: fit-content;
  3494.    --max-width: var(--max-width--body-normal);
  3495.    
  3496.    
  3497.  "
  3498.  
  3499.  
  3500. >
  3501.    <p>Get exclusive deals and early access to new products. </p>
  3502.  </rte-formatter>
  3503.  
  3504.  
  3505.  
  3506.  
  3507.  
  3508. </div>
  3509. </div>
  3510.  
  3511.  
  3512.  
  3513.  
  3514.  
  3515.  
  3516. <div
  3517.  class="email-signup-block size-style spacing-style"
  3518.  style="--size-style-width:50%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
  3519.  
  3520. ><form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
  3521.    <div
  3522.      class="email-signup__input-group "
  3523.      style="--border-width: 1px; --border-radius: 39px;"
  3524.    >
  3525.      <label
  3526.        for="EmailInput-ANExzclM0ellzQzJDa__email_signup_NcLwNb"
  3527.        class="visually-hidden"
  3528.      >
  3529.        Email
  3530.      </label>
  3531.      <input
  3532.        id="EmailInput-ANExzclM0ellzQzJDa__email_signup_NcLwNb"
  3533.        class="email-signup__input email-signup__input--all paragraph "
  3534.        type="email"
  3535.        name="contact[email]"
  3536.        autocorrect="off"
  3537.        autocapitalize="off"
  3538.        autocomplete="email"
  3539.        placeholder="Email address"
  3540.        required
  3541.        
  3542.      >
  3543.      <button
  3544.        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--ANExzclM0ellzQzJDa__email_signup_NcLwNb "
  3545.        
  3546.          aria-label="Sign up"
  3547.        
  3548.      >
  3549.        
  3550.          <svg
  3551.            viewBox="0 0 20 20"
  3552.            xmlns="http://www.w3.org/2000/svg"
  3553.            focusable="false"
  3554.            aria-hidden="true"
  3555.            class="email-signup__button-icon"
  3556.          >
  3557.            
  3558. <path
  3559.      clip-rule="evenodd"
  3560.      d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
  3561.      fill="currentColor"
  3562.      fill-rule="evenodd"
  3563.    />
  3564.          </svg>
  3565.        
  3566.      </button>
  3567.    </div></form>
  3568. </div>
  3569.  
  3570.  
  3571.  
  3572. </div>
  3573. </div>
  3574.  
  3575.  
  3576.  
  3577.  
  3578.  
  3579.  
  3580.  
  3581. <div
  3582.  class="footer-utilities spacing-style"
  3583.  style="--padding-block-start: 12px;--padding-block-end: 0px; --border-width: 0px;"
  3584.  
  3585. >
  3586.  <div class="footer-utilities__group footer-utilities__group--left">
  3587.    
  3588.  
  3589. <div
  3590.  class="
  3591.    footer-utilities__group-copyright
  3592.    custom-typography
  3593.    custom-font-size
  3594.  "
  3595.  style="
  3596. --color: ;--font-size: 0.75rem;      --font-weight: ;--font-family: ;    --text-transform: none;    --text-wrap: ;          --line-height: var(--line-height--body-);        --letter-spacing: var(--letter-spacing--body-);"
  3597.  
  3598. >
  3599.  <span class="footer-utilities__text">
  3600.    &copy; 2025
  3601.    <a href="/" title="">Faceless Creator</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a>
  3602.  </span>
  3603. </div>
  3604.  
  3605.  
  3606.  
  3607.    
  3608.  </div>
  3609.  
  3610.  <div class="footer-utilities__group footer-utilities__group--right">
  3611.    
  3612.  </div>
  3613. </div>
  3614.  
  3615.  
  3616.  
  3617.  </div>
  3618. </div>
  3619.  
  3620.  
  3621. </footer>
  3622. <!-- END sections: footer-group -->
  3623.    <script
  3624.  src="//facelesscreator.store/cdn/shop/t/6/assets/dialog.js?v=40803435292154375831747906206"
  3625.  type="module"
  3626. ></script>
  3627.  
  3628. <dialog-component
  3629.  id="search-modal"
  3630.  class="search-modal"
  3631.  
  3632. >
  3633.  <dialog
  3634.    ref="dialog"
  3635.    on:click="/closeDialogOnClickOutside"
  3636.    on:keydown="/closeDialogOnEscapePress"
  3637.    class="search-modal__content dialog-modal"
  3638.    scroll-lock
  3639.  >
  3640.    
  3641.  
  3642. <script
  3643.  src="//facelesscreator.store/cdn/shop/t/6/assets/predictive-search.js?v=50033164997617620901747906206"
  3644.  type="module"
  3645.  defer
  3646. ></script>
  3647.  
  3648. <predictive-search-component
  3649.  class="predictive-search"
  3650.  style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
  3651.  data-section-id="predictive-search"
  3652.  data-search-position=""
  3653.  data-testid="search-component--modal"
  3654.  data-active-color-scheme="scheme-1"
  3655.  role="search"
  3656.  aria-label="Search"
  3657. >
  3658.  <form
  3659.    action="/search"
  3660.    method="get"
  3661.    role="search"
  3662.    class="predictive-search-form"
  3663.    ref="form"
  3664.    on:keydown="/onSearchKeyDown"
  3665.  >
  3666.    <div
  3667.      class="predictive-search-form__header"
  3668.    >
  3669.      <div class="predictive-search-form__header-inner">
  3670.        <label
  3671.          for="cmdk-input"
  3672.          class="visually-hidden"
  3673.        >Search</label>
  3674.        <input
  3675.          class="search-input"
  3676.          id="cmdk-input"
  3677.          type="search"
  3678.          name="q"
  3679.          role="combobox"
  3680.          aria-expanded="false"
  3681.          aria-owns="predictive-search-results"
  3682.          aria-controls="predictive-search-results"
  3683.          aria-haspopup="listbox"
  3684.          aria-autocomplete="list"
  3685.          autocomplete="off"
  3686.          placeholder="Search"
  3687.          ref="searchInput"
  3688.          on:input="/search"
  3689.          on:keydown="/onSearchKeyDown"
  3690.          on:focus="/expandSearch"
  3691.        >
  3692.        <input
  3693.          name="options[prefix]"
  3694.          type="hidden"
  3695.          value="last"
  3696.        >
  3697.        <span class="svg-wrapper predictive-search__icon">
  3698.          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
  3699.  
  3700.        </span>
  3701.        <button
  3702.          type="button"
  3703.          class="button-unstyled predictive-search__reset-button"
  3704.          aria-label="Reset search"
  3705.          ref="resetButton"
  3706.          hidden
  3707.          on:click="/resetSearch"
  3708.        >
  3709.          <span class="svg-wrapper predictive-search__reset-button-icon">
  3710.            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 7.5-5 5M12.5 12.5l-5-5"/></svg>
  3711.  
  3712.          </span>
  3713.          <span class="predictive-search__reset-button-text">Clear</span>
  3714.        </button>
  3715.      </div>
  3716.      <button
  3717.        type="button"
  3718.        class="button predictive-search__close-modal-button"
  3719.        aria-label="Close dialog"
  3720.        on:click="dialog-component/closeDialog"
  3721.        ref="closeModalButton"
  3722.      >
  3723.        <span class="svg-wrapper">
  3724.          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  3725.  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3726.  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3727. </svg>
  3728.  
  3729.        </span>
  3730.      </button>
  3731.    </div>
  3732.  
  3733.    <div class="predictive-search-form__content-wrapper">
  3734.      <div
  3735.        class="predictive-search-form__content"
  3736.        tabindex="-1"
  3737.        ref="predictiveSearchResults"
  3738.        on:click="/handleModalClick"
  3739.      >
  3740.        
  3741. <div
  3742.  id="predictive-search-results"
  3743.  class="predictive-search-dropdown"
  3744.  role="listbox"
  3745.  aria-expanded="true"
  3746.  style="--color-shadow: rgb(from var(--color-foreground) r g b / );"
  3747. >
  3748.  <div class="predictive-search-results__inner">
  3749.    
  3750.    
  3751.    
  3752. <div
  3753.  id="predictive-search-products"
  3754.  
  3755.    data-testid="products-list-default--modal"
  3756.  
  3757. >
  3758.  
  3759.    <span class="predictive-search-results__title">
  3760.      Products
  3761.    </span>
  3762.    <ul
  3763.      class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
  3764.      role="listbox"
  3765.      aria-label="Products"
  3766.    >
  3767.      
  3768.      
  3769.        
  3770.          <li
  3771.            class="predictive-search-results__card predictive-search-results__card--product"
  3772.            ref="resultsItems[]"
  3773.          >
  3774.            
  3775.  
  3776.  
  3777.  
  3778. <product-card-link
  3779.    data-product-id="9914066272570"
  3780.    data-featured-media-url="//facelesscreator.store/cdn/shop/files/1920_x_900_1920_x_1080_1920_x_950_1920_x_1080_53f52d62-4983-4156-9f19-4ae860029474.png?v=1748026804&width=500"
  3781.    data-product-transition="true"
  3782.  ><a
  3783.  class="resource-card"
  3784.  href="/products/faceless-creator-chapter-1-only"
  3785.  data-resource-type="product"
  3786. >
  3787.  <div
  3788.    class="resource-card__media"
  3789.    style="--resource-card-aspect-ratio: 4 / 5;"
  3790.    
  3791.      data-view-transition-to-main-product
  3792.    
  3793.  >
  3794. <img src="//facelesscreator.store/cdn/shop/files/1920_x_900_1920_x_1080_1920_x_950_1920_x_1080_53f52d62-4983-4156-9f19-4ae860029474.png?v=1748026804&amp;width=500" alt="Faceless Creator - Chapter 1 Only" srcset="//facelesscreator.store/cdn/shop/files/1920_x_900_1920_x_1080_1920_x_950_1920_x_1080_53f52d62-4983-4156-9f19-4ae860029474.png?v=1748026804&amp;width=352 352w, //facelesscreator.store/cdn/shop/files/1920_x_900_1920_x_1080_1920_x_950_1920_x_1080_53f52d62-4983-4156-9f19-4ae860029474.png?v=1748026804&amp;width=500 500w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true">
  3795. </div>
  3796.  
  3797.  <div class="resource-card__content">
  3798.    <h4 class="resource-card__title paragraph">Faceless Creator - Chapter 1 Only</h4>
  3799.  
  3800.    
  3801.      
  3802. <div ref="priceContainer">
  3803.  
  3804.  
  3805.  <span class="price">$0.99</span>
  3806.  
  3807.  
  3808. </div>
  3809.  
  3810.    
  3811.  </div>
  3812. </a></product-card-link>
  3813.          </li>
  3814.        
  3815.          <li
  3816.            class="predictive-search-results__card predictive-search-results__card--product"
  3817.            ref="resultsItems[]"
  3818.          >
  3819.            
  3820.  
  3821.  
  3822.  
  3823. <product-card-link
  3824.    data-product-id="9875184615738"
  3825.    data-featured-media-url="//facelesscreator.store/cdn/shop/files/1920_x_900_1920_x_1080_1920_x_950_1920_x_1080_53f52d62-4983-4156-9f19-4ae860029474.png?v=1748026804&width=500"
  3826.    data-product-transition="true"
  3827.  ><a
  3828.  class="resource-card"
  3829.  href="/products/faceless-creator"
  3830.  data-resource-type="product"
  3831. >
  3832.  <div
  3833.    class="resource-card__media"
  3834.    style="--resource-card-aspect-ratio: 4 / 5;"
  3835.    
  3836.      data-view-transition-to-main-product
  3837.    
  3838.  >
  3839. <img src="//facelesscreator.store/cdn/shop/files/1920_x_900_1920_x_1080_1920_x_950_1920_x_1080_53f52d62-4983-4156-9f19-4ae860029474.png?v=1748026804&amp;width=500" alt="Make passive income. Build Faceless Brand Using AI" srcset="//facelesscreator.store/cdn/shop/files/1920_x_900_1920_x_1080_1920_x_950_1920_x_1080_53f52d62-4983-4156-9f19-4ae860029474.png?v=1748026804&amp;width=352 352w, //facelesscreator.store/cdn/shop/files/1920_x_900_1920_x_1080_1920_x_950_1920_x_1080_53f52d62-4983-4156-9f19-4ae860029474.png?v=1748026804&amp;width=500 500w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" transitionToProduct="true">
  3840. </div>
  3841.  
  3842.  <div class="resource-card__content">
  3843.    <h4 class="resource-card__title paragraph">Make passive income. Build Faceless Brand Using AI</h4>
  3844.  
  3845.    
  3846.      
  3847. <div ref="priceContainer">
  3848.  
  3849.    <s class="compare-at-price">$30.00</s>
  3850.  
  3851.  
  3852.  <span class="price">$14.99</span>
  3853.  
  3854.  
  3855. </div>
  3856.  
  3857.    
  3858.  </div>
  3859. </a></product-card-link>
  3860.          </li>
  3861.        
  3862.      
  3863.    </ul>
  3864.  
  3865. </div>
  3866.  
  3867.  </div>
  3868. </div>
  3869.  
  3870.      </div>
  3871.  
  3872.      <div class="predictive-search-form__footer">
  3873.        <button
  3874.          class="button button-primary predictive-search__search-button"
  3875.          ref="viewAllButton"
  3876.        >
  3877.          View all
  3878.        </button>
  3879.      </div>
  3880.    </div>
  3881.  </form>
  3882. </predictive-search-component>
  3883.  
  3884.  
  3885.  
  3886.  </dialog>
  3887. </dialog-component>
  3888.  
  3889.  
  3890.  
  3891.  
  3892.    
  3893.    <script src="//facelesscreator.store/cdn/shop/t/6/assets/critical.js?v=17899572067156630441747906206"></script>
  3894.    
  3895.  
  3896.    
  3897.      
  3898.  
  3899. <quick-add-dialog id="quick-add-dialog">
  3900.  <dialog
  3901.    class="quick-add-modal dialog-modal color-scheme-1"
  3902.    ref="dialog"
  3903.    scroll-lock
  3904.  >
  3905.    <button
  3906.      ref="closeButton"
  3907.      on:click="/closeDialog"
  3908.      class="button quick-add-modal__close"
  3909.      aria-label="Close dialog"
  3910.    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  3911.  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3912.  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
  3913. </svg>
  3914. </button>
  3915.    <div
  3916.      id="quick-add-modal-content"
  3917.      class="quick-add-modal__content"
  3918.    ></div>
  3919.  </dialog>
  3920. </quick-add-dialog>
  3921.  
  3922.    
  3923.    
  3924.  
  3925.    <script>
  3926.      var sburlToPreload, sbmouseoverTimer, sblastTouchTimestamp;
  3927.    var sbprefetcher = document.createElement("link")
  3928.      , sbisSupported = sbprefetcher.relList && sbprefetcher.relList.supports && sbprefetcher.relList.supports("prefetch")
  3929.      , sbisDataSaverEnabled = navigator.connection && navigator.connection.saveData
  3930.      , sballowQueryString = "instantsballowQueryString"in document.body.dataset
  3931.      , sballowExternalLinks = "instantsballowExternalLinks"in document.body.dataset;
  3932.    if (sbisSupported && !sbisDataSaverEnabled) {
  3933.        //console.log('sbisSupported',sbisSupported,'sbisDataSaverEnabled',sbisDataSaverEnabled);
  3934.        sbprefetcher.rel = "prefetch",
  3935.        document.head.appendChild(sbprefetcher);
  3936.        var e = {
  3937.            capture: !0,
  3938.            passive: !0
  3939.        };
  3940.        document.addEventListener("touchstart", touchstartListener, e),
  3941.        document.addEventListener("mouseover", mouseoverListener, e)
  3942.    }
  3943.    function touchstartListener(e) {
  3944.        //console.log('touchstartListener');
  3945.        sblastTouchTimestamp = performance.now();
  3946.        var t = e.target.closest("a");
  3947.        isPreloadable(t) && (t.addEventListener("touchcancel", touchendAndTouchcancelListener, {
  3948.            passive: !0
  3949.        }),
  3950.        t.addEventListener("touchend", touchendAndTouchcancelListener, {
  3951.            passive: !0
  3952.        }),
  3953.        sburlToPreload = t.href,
  3954.        preload(t.href))
  3955.    }
  3956.    function touchendAndTouchcancelListener() {
  3957.        //console.log('touchendAndTouchcancelListener');
  3958.        sburlToPreload = void 0,
  3959.        stopPreloading()
  3960.    }
  3961.    function mouseoverListener(e) {
  3962.        //console.log('mouseoverListener');
  3963.        if (performance.now() - sblastTouchTimestamp < 1100)
  3964.            return;
  3965.        var t = e.target.closest("a");
  3966.        isPreloadable(t) && (t.addEventListener("mouseout", mouseoutListener, {
  3967.            passive: !0
  3968.        }),
  3969.        sburlToPreload = t.href,
  3970.        sbmouseoverTimer = setTimeout(()=>{
  3971.            preload(t.href),
  3972.            sbmouseoverTimer = void 0
  3973.        }
  3974.        , 65))
  3975.    }
  3976.    function mouseoutListener(e) {
  3977.      //console.log('mouseoutListener');
  3978.      
  3979.        e.relatedTarget && e.target.closest("a") == e.relatedTarget.closest("a") || (sbmouseoverTimer ? (clearTimeout(sbmouseoverTimer),
  3980.        sbmouseoverTimer = void 0) : (sburlToPreload = void 0,
  3981.        stopPreloading()))
  3982.    }
  3983.    function isPreloadable(e) {
  3984.      //console.log('isPreloadable');
  3985.        if (!e || !e.href)
  3986.            return;
  3987.        if (sburlToPreload == e.href)
  3988.            return;
  3989.        var t = new URL(e.href);
  3990.        return !(!(sballowExternalLinks || t.origin == location.origin || "instant"in e.dataset) || !["http:", "https:"].includes(t.protocol) || "http:" == t.protocol && "https:" == location.protocol || !(sballowQueryString || !t.search || "instant"in e.dataset) || t.hash && t.pathname + t.search == location.pathname + location.search || "noInstant"in e.dataset) || void 0
  3991.    }
  3992.    function preload(e) {
  3993.      //console.log('preload');
  3994.        sbprefetcher.href = e
  3995.    }
  3996.    function stopPreloading() {
  3997.      //console.log('stop preloading');
  3998.        sbprefetcher.removeAttribute("href")
  3999.    }
  4000.    </script>
  4001.    
  4002.    
  4003.  
  4004.    <!-- Fixed First Chapter Popup -->
  4005.    <div id="firstChapterPopup" class="first-chapter-popup" style="display:none;">
  4006.      <div class="popup-content">
  4007.        <span class="close-btn">&times;</span>
  4008.        <h2>Try the First Chapter for Just $0.99!</h2>
  4009.        <p>Get immediate access to the first chapter of our book and receive 10% off the full version if you love it.</p>
  4010.        <button id="buyFirstChapter" class="buy-now-btn">Get First Chapter Now</button>
  4011.        <p class="small-text">You'll receive your discount code immediately after purchase.</p>
  4012.      </div>
  4013.    </div>
  4014.  
  4015.    <style>
  4016.      .first-chapter-popup {
  4017.        position: fixed;
  4018.        top: 0;
  4019.        left: 0;
  4020.        width: 100%;
  4021.        height: 100%;
  4022.        background-color: rgba(0,0,0,0.7);
  4023.        z-index: 999999;
  4024.        display: none;
  4025.        justify-content: center;
  4026.        align-items: center;
  4027.        font-family: 'Helvetica Neue', Arial, sans-serif;
  4028.      }
  4029.  
  4030.      .popup-content {
  4031.        background: white;
  4032.        padding: 30px;
  4033.        border-radius: 8px;
  4034.        max-width: 500px;
  4035.        width: 90%;
  4036.        text-align: center;
  4037.        position: relative;
  4038.        box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  4039.        animation: popupFadeIn 0.3s ease-out;
  4040.      }
  4041.  
  4042.      @keyframes popupFadeIn {
  4043.        from { opacity: 0; transform: translateY(20px); }
  4044.        to { opacity: 1; transform: translateY(0); }
  4045.      }
  4046.  
  4047.      .close-btn {
  4048.        position: absolute;
  4049.        top: 15px;
  4050.        right: 20px;
  4051.        font-size: 28px;
  4052.        cursor: pointer;
  4053.        color: #666;
  4054.      }
  4055.  
  4056.      .buy-now-btn {
  4057.        background: #3a7bd5;
  4058.        background: linear-gradient(to right, #00d2ff, #3a7bd5);
  4059.        color: white;
  4060.        border: none;
  4061.        padding: 15px 30px;
  4062.        font-size: 18px;
  4063.        border-radius: 50px;
  4064.        cursor: pointer;
  4065.        margin-top: 20px;
  4066.        transition: all 0.3s;
  4067.        font-weight: 600;
  4068.      }
  4069.  
  4070.      .buy-now-btn:hover {
  4071.        transform: translateY(-2px);
  4072.        box-shadow: 0 5px 15px rgba(0,0,0,0.2);
  4073.      }
  4074.  
  4075.      .small-text {
  4076.        font-size: 13px;
  4077.        color: #666;
  4078.        margin-top: 25px;
  4079.        line-height: 1.5;
  4080.      }
  4081.    </style>
  4082.  
  4083.    <script>
  4084.    document.addEventListener('DOMContentLoaded', function() {
  4085.      // Configuration - MUST UPDATE THESE VALUES
  4086.      const config = {
  4087.        variantId: '36485954240671', // Replace with your actual variant ID
  4088.        discountCode: 'CHAPTER1_10OFF', // Must match your Shopify discount code exactly
  4089.        productHandle: 'first-chapter-sample', // Your product handle
  4090.        localStorageKey: 'firstChapterPopupClosed',
  4091.        testMode: false // Set to true to force show popup for testing
  4092.      };
  4093.  
  4094.      // Elements
  4095.      const popup = document.getElementById('firstChapterPopup');
  4096.      const closeBtn = document.querySelector('.close-btn');
  4097.      const buyBtn = document.getElementById('buyFirstChapter');
  4098.  
  4099.      // Show/hide functions
  4100.      const showPopup = () => {
  4101.        if (config.testMode || !localStorage.getItem(config.localStorageKey)) {
  4102.          popup.style.display = 'flex';
  4103.          document.body.style.overflow = 'hidden';
  4104.        }
  4105.      };
  4106.  
  4107.      const hidePopup = () => {
  4108.        popup.style.display = 'none';
  4109.        document.body.style.overflow = 'auto';
  4110.        if (!config.testMode) {
  4111.          localStorage.setItem(config.localStorageKey, 'true');
  4112.        }
  4113.      };
  4114.  
  4115.      // Event listeners
  4116.      closeBtn.addEventListener('click', hidePopup);
  4117.      
  4118.      buyBtn.addEventListener('click', async (e) => {
  4119.        e.preventDefault();
  4120.        
  4121.        try {
  4122.          // Add to cart using Shopify AJAX API
  4123.          const response = await fetch('/cart/add.js', {
  4124.            method: 'POST',
  4125.            headers: {
  4126.              'Content-Type': 'application/json'
  4127.            },
  4128.            body: JSON.stringify({
  4129.              items: [{
  4130.                quantity: 1,
  4131.                id: config.variantId
  4132.              }]
  4133.            })
  4134.          });
  4135.  
  4136.          if (response.ok) {
  4137.            // Redirect to checkout with discount code
  4138.            window.location.href = `/checkout?discount=${config.PREVIEW10}`;
  4139.          } else {
  4140.            console.error('Failed to add to cart');
  4141.            // Fallback to product page if API fails
  4142.            window.location.href = `/products/${config.https://facelesscreator.store/products/faceless-creator-chapter-1-only?utm_campaign=share_orders&utm_content=android&utm_medium=product-links}?discount=${config.discountCode}`;
  4143.          }
  4144.        } catch (error) {
  4145.          console.error('Error:', error);
  4146.          // Final fallback to product page
  4147.          window.location.href = `/products/${config.https://facelesscreator.store/products/faceless-creator-chapter-1-only?utm_campaign=share_orders&utm_content=android&utm_medium=product-links}`;
  4148.        }
  4149.      });
  4150.  
  4151.      // Trigger popup after 3 seconds
  4152.      setTimeout(showPopup, 3000);
  4153.  
  4154.      // Exit intent detection
  4155.      document.addEventListener('mouseout', (e) => {
  4156.        if (e.clientY < 0) showPopup();
  4157.      });
  4158.  
  4159.      // Optional: Show when scrolling 50% down the page
  4160.      window.addEventListener('scroll', function() {
  4161.        if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight * 0.5) {
  4162.          showPopup();
  4163.        }
  4164.      });
  4165.    });
  4166.    </script>
  4167.  </body>
  4168. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda