<!DOCTYPE html>
<html lang="ar" dir="rtl">
  <head>
    <meta charset="utf-8" />
    
    <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
      id="aio-app-manifest"
      rel="manifest"
      href="/generated/active-client/manifest.webmanifest"
      data-storefront-href="/generated/active-client/manifest.webmanifest"
      data-admin-href="/generated/active-client/admin-manifest.webmanifest"
    />
    <script>
      (function selectInitialAppManifest() {
        var manifest = document.getElementById('aio-app-manifest');
        var isAdminPath = /^\/admin(?:\/|$)/.test(window.location.pathname || '/');
        manifest.setAttribute('href', isAdminPath ? manifest.dataset.adminHref : manifest.dataset.storefrontHref);
      })();
    </script>
    <meta name="apple-mobile-web-app-capable" content="yes" />






<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="google-site-verification" content="ejNw2_oiLgN5A2GjhYuwFA_YyDVVEJ3ddOGODy-Vs54" />
    <script type="module" crossorigin src="/assets/index-yI-4C4FQ.js"></script>
      <title>صيدليات آل عمران</title>
    <meta name="description" content="صيدليات آل عمران في السويس: 5 فروع تعمل على مدار 24 ساعة لطلب الأدوية ومنتجات العناية وخدمات الروشتات والتأمين، مع التوصيل داخل السويس. الخط الساخن 01029983320.">
    <meta name="facebook-domain-verification" content="bmrrafiazovis8wc4bysyff6zv4mep">
    <meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1">
    <meta name="apple-mobile-web-app-title" content="صيدليات آل عمران">
    <link rel="canonical" href="https://alomran-ph.com">
    <meta property="og:title" content="صيدليات آل عمران">
    <meta property="og:description" content="صيدليات آل عمران في السويس: 5 فروع تعمل على مدار 24 ساعة لطلب الأدوية ومنتجات العناية وخدمات الروشتات والتأمين، مع التوصيل داخل السويس. الخط الساخن 01029983320.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://alomran-ph.com">
    <meta property="og:site_name" content="صيدليات آل عمران">
    <meta property="og:locale" content="ar_EG">
    <meta property="og:image" content="https://alomran-ph.com/generated/active-client/assets/logo.png">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="صيدليات آل عمران">
    <meta name="twitter:description" content="صيدليات آل عمران في السويس: 5 فروع تعمل على مدار 24 ساعة لطلب الأدوية ومنتجات العناية وخدمات الروشتات والتأمين، مع التوصيل داخل السويس. الخط الساخن 01029983320.">
    <meta name="twitter:image" content="https://alomran-ph.com/generated/active-client/assets/logo.png">
    <script type="application/ld+json" id="aio-initial-jsonld">[{"@context":"https://schema.org","@type":"Pharmacy","name":"صيدليات آل عمران","url":"https://alomran-ph.com","logo":"https://alomran-ph.com/generated/active-client/assets/logo.png","telephone":"01029983320"},{"@context":"https://schema.org","@type":"WebSite","name":"صيدليات آل عمران","url":"https://alomran-ph.com","inLanguage":"ar-EG","potentialAction":{"@type":"SearchAction","target":"https://alomran-ph.com/search?q={search_term_string}","query-input":"required name=search_term_string"}}]</script>
    <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>
  </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 alomran-boot">
  <div class="alomran-boot__logo-stage">
    <img class="alomran-boot__logo alomran-boot__logo--calligraphy" src="/generated/active-client/assets/header-logo-calligraphy-720.webp" alt="صيدليات آل عمران" />
    <img class="alomran-boot__logo alomran-boot__logo--pharmacy" src="/generated/active-client/assets/header-logo-pharmacy-720.webp" alt="" aria-hidden="true" />
    <span class="alomran-boot__orbit alomran-boot__orbit--primary" aria-hidden="true"></span>
    <span class="alomran-boot__orbit alomran-boot__orbit--secondary" aria-hidden="true"></span>
  </div>
  <div class="aio-boot-splash__title">صيدليات آل عمران</div>
  <p class="aio-boot-splash__subtitle">جاري تحميل صيدليات آل عمران...</p>
  <span class="alomran-boot__progress" aria-hidden="true"><i></i></span>
</div>
<style id="alomran-boot-splash-theme">
  .aio-boot-splash {
    --alomran-splash-primary: #55B7EA;
    --alomran-splash-secondary: #FF9800;
    background:
      radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--alomran-splash-primary) 34%, transparent), transparent 34%),
      radial-gradient(circle at 86% 82%, color-mix(in srgb, var(--alomran-splash-secondary) 24%, transparent), transparent 34%),
      linear-gradient(145deg, #F4FBFF 0%, #FFFFFF 48%, #FFF7EC 100%);
  }

  .alomran-boot {
    width: min(88vw, 28rem);
    padding: clamp(1.4rem, 5vw, 2.4rem);
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: 2rem;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 1.5rem 4rem rgba(18, 96, 154, 0.16);
    backdrop-filter: blur(20px) saturate(1.25);
  }

  .alomran-boot__logo-stage {
    position: relative;
    width: min(68vw, 15rem);
    height: min(48vw, 10rem);
    margin: 0 auto 1rem;
    isolation: isolate;
  }

  .alomran-boot__logo {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 0.7rem 1rem rgba(18, 96, 154, 0.18));
    animation: alomran-splash-logo 10s cubic-bezier(0.22, 1, 0.36, 1) infinite;
  }

  .alomran-boot__logo--pharmacy { animation-delay: -5s; }

  .alomran-boot__orbit {
    position: absolute;
    inset: 9%;
    z-index: 1;
    border: 1px solid color-mix(in srgb, var(--alomran-splash-primary) 54%, transparent);
    border-radius: 42% 58% 62% 38% / 48% 40% 60% 52%;
    animation: alomran-splash-orbit 6s linear infinite;
  }

  .alomran-boot__orbit--secondary {
    inset: 16%;
    border-color: color-mix(in srgb, var(--alomran-splash-secondary) 46%, transparent);
    animation-direction: reverse;
    animation-duration: 8s;
  }

  .aio-boot-splash__title {
    color: #07122D;
    font-weight: 800;
  }

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

  .alomran-boot__progress {
    display: block;
    width: min(72%, 13rem);
    height: 0.34rem;
    margin: 1.15rem auto 0;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--alomran-splash-primary) 17%, #FFFFFF);
  }

  .alomran-boot__progress i {
    display: block;
    width: 46%;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--alomran-splash-primary), var(--alomran-splash-secondary));
    animation: alomran-splash-progress 1.5s cubic-bezier(0.65, 0, 0.35, 1) infinite alternate;
  }

  @keyframes alomran-splash-logo {
    0%, 40% { opacity: 1; transform: perspective(700px) rotateY(0) scale(1); clip-path: inset(0 round 0); filter: blur(0) drop-shadow(0 0.7rem 1rem rgba(18, 96, 154, 0.18)); }
    48%, 92% { opacity: 0; transform: perspective(700px) rotateY(68deg) scale(0.72); clip-path: inset(42% 44% round 2rem); filter: blur(10px) saturate(1.4); }
    100% { opacity: 1; transform: perspective(700px) rotateY(0) scale(1); clip-path: inset(0 round 0); filter: blur(0) drop-shadow(0 0.7rem 1rem rgba(18, 96, 154, 0.18)); }
  }

  @keyframes alomran-splash-orbit { to { transform: rotate(1turn); } }
  @keyframes alomran-splash-progress { from { transform: translateX(-110%); } to { transform: translateX(228%); } }

  @media (prefers-reduced-motion: reduce) {
    .alomran-boot__logo--calligraphy { opacity: 1; animation: none; }
    .alomran-boot__logo--pharmacy,
    .alomran-boot__orbit { display: none; }
    .alomran-boot__progress i { animation-duration: 3s; }
  }
</style>
    </div>
  </div>
    <div id="app"></div>
    <script src="/runtime-mode.js"></script>
      <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>
