<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-PN6SZW58');</script>
    <!-- End Google Tag Manager -->
    
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hadiati Store</title>
    
    <!-- Preconnect to Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
    <!-- Favicon -->
    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
    <!-- Prevent FOUC -->
    <style>
        .js-loading body { 
            visibility: hidden; 
            opacity: 0; 
        }
        html.js-loaded body { 
            visibility: visible; 
            opacity: 1;
            transition: opacity 0.1s;
        }
        /* Critical CSS for initial render */
        :root {
            --color-primary: #4F46E5;
            --color-secondary: #6B7280;
            --headline-color: #000000;
            --description-color: #000000;
            --title-font: 'Montserrat', sans-serif;
            --subtitle-font: 'Open Sans', sans-serif;
            --paragraph-font: 'Open Sans', sans-serif;
        }
    </style>
    <script>
        document.documentElement.classList.add('js-loading');
        window.addEventListener('load', function() {
            document.documentElement.classList.remove('js-loading');
            document.documentElement.classList.add('js-loaded');
        });
    </script>
  <script type="module" crossorigin src="./assets/main-G-EZBYVe.js"></script>
  <link rel="stylesheet" crossorigin href="./assets/main-DchyUICw.css">
</head>
<body class="bg-gray-50">
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PN6SZW58"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    
    <div id="app-storefront"></div>
</body>
</html>
