<!DOCTYPE html>
<html lang="en" translate="no">
  <head>
    <meta charset="utf-8" />
    <title>AIO Storefront</title>
    <base href="/" />
    <meta name="color-scheme" content="light dark" />
    <meta
      name="viewport"
      content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0, user-scalable=yes"
    />
    <link rel="preconnect" href="https://firebasestorage.googleapis.com" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <link rel="shortcut icon" type="image/png" href="/generated/active-client/icon.png" />
    <link rel="manifest" href="/generated/active-client/manifest.webmanifest" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-title" content="AIO Storefront" />
    <meta property="og:title" content="AIO Storefront" />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="/" />
    <meta property="og:image" content="/generated/active-client/icon.png" />
    <meta property="og:description" content="AIO storefront" />
    <meta property="og:site_name" content="AIO Storefront" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="google" content="notranslate" />
    <meta name="google-site-verification" content="ejNw2_oiLgN5A2GjhYuwFA_YyDVVEJ3ddOGODy-Vs54" />
    <script type="module" crossorigin src="/assets/index-0uiql3qP.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-DHABvyN5.css">
    <style id="aio-boot-splash-style">
  .aio-boot-splash {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: #ffffff;
    color: #111827;
    opacity: 1;
    visibility: visible;
    transition: opacity 240ms ease, visibility 240ms ease;
  }

  .aio-boot-splash[data-state="hidden"] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .aio-boot-splash__surface {
    width: min(100%, 420px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .aio-boot-splash__brand {
    display: grid;
    justify-items: center;
    gap: 12px;
  }

  .aio-boot-splash__logo {
    width: min(104px, 28vw);
    max-height: 104px;
    object-fit: contain;
  }

  .aio-boot-splash__eyebrow,
  .aio-boot-splash__subtitle {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #4b5563;
  }

  .aio-boot-splash__eyebrow {
    font-size: 0.8rem;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #6b7280;
  }

  .aio-boot-splash__title {
    margin: 0;
    font-size: clamp(1.35rem, 2vw, 1.9rem);
    line-height: 1.2;
    color: #111827;
  }

  .aio-boot-splash__spinner {
    width: 28px;
    height: 28px;
    border: 3px solid rgba(17, 24, 39, 0.12);
    border-top-color: #111827;
    border-radius: 999px;
    animation: aio-boot-splash-spin 0.85s linear infinite;
  }

  @keyframes aio-boot-splash-spin {
    to {
      transform: rotate(360deg);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .aio-boot-splash {
      transition: none;
    }

    .aio-boot-splash__spinner {
      animation: none;
    }
  }
</style>
  <script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script></head>
  <body>
    <div id="aio-boot-splash" class="aio-boot-splash" data-state="visible" data-client-key="clientA">
    <div class="aio-boot-splash__surface">
      <div class="aio-boot-splash__brand">
  <img class="aio-boot-splash__logo" src="/generated/active-client/assets/logo.png" alt="Khaled Omran Pharmacy" />
  <div class="aio-boot-splash__title">صيدلية خالد عمران</div>
  <p class="aio-boot-splash__subtitle">نجهز لك الصيدلية الإلكترونية الآن</p>
  <span class="aio-boot-splash__spinner" aria-hidden="true"></span>
</div>
<style>
  .aio-boot-splash {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
  }

  .aio-boot-splash__title {
    color: #0f172a;
  }

  .aio-boot-splash__subtitle {
    color: #475569;
  }

  .aio-boot-splash__spinner {
    border-top-color: #16a34a;
  }
</style>
    </div>
  </div>
    <div id="app"></div>
      <noscript id="aio-boot-splash-noscript"><style>.aio-boot-splash { display: none !important; }</style></noscript>
<script id="aio-boot-splash-runtime">
  (function () {
    const splashId = "aio-boot-splash";
    const hardTimeoutMs = 7000;

    function getSplash() {
      return document.getElementById(splashId);
    }

    function removeSplash(node) {
      if (node && node.parentNode) node.parentNode.removeChild(node);
    }

    function hideBootSplash() {
      const splash = getSplash();
      if (!splash || splash.dataset.state === "hidden") return;
      splash.dataset.state = "hidden";
      window.clearTimeout(splash.__removeTimer);
      splash.__removeTimer = window.setTimeout(function () {
        removeSplash(splash);
      }, 260);
    }

    window.__hideBootSplash__ = hideBootSplash;
    window.setTimeout(hideBootSplash, hardTimeoutMs);
  })();
</script>
  </body>
</html>
