:92vh;display:flex;flex-direction:column}
.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}
.blob1{position:absolute;top:-15%;right:-6%;width:55%;padding-bottom:55%;border-radius:50%;background:radial-gradient(circle,rgba(0,122,106,.55) 0%,transparent 65%);animation:bp 9s ease-in-out infinite alternate;pointer-events:none;will-change:transform}
.blob2{position:absolute;bottom:-20%;left:-4%;width:38%;padding-bottom:38%;border-radius:50%;background:radial-gradient(circle,rgba(192,138,26,.22) 0%,transparent 65%);animation:bp 11s ease-in-out infinite alternate-reverse;pointer-events:none;will-change:transform}
.blob3{position:absolute;top:30%;left:40%;width:22%;padding-bottom:22%;border-radius:50%;background:radial-gradient(circle,rgba(0,122,106,.18) 0%,transparent 65%);animation:bp 14s ease-in-out infinite alternate;pointer-events:none}
@keyframes bp{0%{transform:scale(1) translate(0,0)}100%{transform:scale(1.14) translate(3%,4%)}}

/* ── SPOTLIGHT ── */
.spotlight{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 20% 40%,rgba(0,122,106,.12) 0%,transparent 70%);pointer-events:none}

/* ── TICKER ── */
.ticker{background:var(--accent);overflow:hidden;white-space:nowrap;padding:.5rem 0}
.ticker-track{display:inline-flex;animation:tk 30s linear infinite}
.ticker-track:hover{animation-play-state:paused}
.ti{display:inline-flex;align-items:center;gap:.45rem;font-size:.76rem;font-weight:600;letter-spacing:.025em;padding:0 2.25rem;color:#fff}
.ti-dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.45);flex-shrink:0}
@keyframes tk{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── BENTO CARD ── */
.bento-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.04),0 8px 24px rgba(0,122,106,.06);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s;position:relative;overflow:hidden}
.bento-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.bento-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.06),0 20px 50px rgba(0,122,106,.14);border-color:var(--accent-m)}
.bento-card:hover::after{transform:scaleX(1)}

/* ── SHIMMER BTN ── */
.shimmer-btn{position:relative;overflow:hidden;background:var(--accent);color:#fff;font-weight:700;border-radius:10px;padding:.75rem 1.5rem;display:inline-flex;align-items:center;gap:.45rem;font-size:.875rem;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 16px rgba(0,122,106,.32)}
.shimmer-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);transform:translateX(-100%);transition:transform .6s}
.shimmer-btn:hover{background:var(--accent-d);transform:translateY(-2px);box-shadow:0 6px 22px rgba(0,122,106,.42)}
.shimmer-btn:hover::after{transform:translateX(100%)}
.shimmer-btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.85)}
.shimmer-btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.45);box-shadow:none}
.shimmer-btn-light{background:#fff;color:var(--ink)}
.shimmer-btn-light:hover{background:var(--accent-l);color:var(--accent);box-shadow:0 6px 22px rgba(0,0,0,.15)}

/* ── ICON BOX ── */
.ic-box{width:48px;height:48px;border-radius:13px;background:var(--accent-l);display:grid;place-items:center;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s}
.bento-card:hover .ic-box{transform:scale(1.1) rotate(-5deg);background:var(--accent-m)}

/* ── STATS ── */
.stat-band{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.stat-item{text-align:center;padding:1.25rem .75rem;border-radius:14px;background:var(--bg);border:1px solid var(--border);transition:transform .25s,box-shadow .25s}
.stat-item:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,122,106,.12)}
.stat-n{font-family:'Playfair Display',serif;font-size:2rem;font-weight:700;color:var(--accent);line-height:1;letter-spacing:-.02em}

/* ── PROCESS ── */
.proc-line{position:absolute;top:27px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--accent-m),transparent)}
.proc-circle{width:52px;height:52px;border-radius:50%;background:var(--surface);border:2px solid var(--border);display:grid;place-items:center;font-family:'Playfair Display',serif;font-weight:700;font-size:.9rem;margin:0 auto .9rem;color:var(--accent);box-shadow:0 2px 8px rgba(0,122,106,.08);transition:all .3s cubic-bezier(.34,1.56,.64,1)}
.proc-step:hover .proc-circle{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.12);box-shadow:0 4px 16px rgba(0,122,106,.35)}

/* ── FORM ── */
.form-input{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.65rem .85rem;font-size:.875rem;color:var(--ink);font-family:inherit;transition:border-color .15s,box-shadow .15s;width:100%}
.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,122,106,.11)}

/* ── TESTIMONIALS ── */
.test-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.04),0 8px 24px rgba(0,122,106,.06);transition:transform .3s,box-shadow .3s;position:relative}
.test-card::before{content:'\201C';position:absolute;top:.25rem;right:1rem;font-family:'Playfair Display',serif;font-size:4.5rem;color:var(--accent-l);line-height:1;pointer-events:none}
.test-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.06),0 20px 50px rgba(0,122,106,.14)}

/* ── BLOG ── */
.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04),0 8px 24px rgba(0,122,106,.06);transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.06),0 20px 50px rgba(0,122,106,.14)}
.blog-thumb{height:140px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:2.75rem;position:relative;overflow:hidden}
.blog-thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.1));pointer-events:none}

/* ── CTA BAND ── */
.cta-band{background:#0D1F1C;color:#fff;position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(0,122,106,.35) 0%,transparent 55%),radial-gradient(circle at 80% 50%,rgba(0,122,106,.2) 0%,transparent 50%);pointer-events:none}
.cta-band::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}

/* ── FOOTER ── */
footer{background:#060F0D;color:rgba(255,255,255,.5)}
.ft-link{font-size:.81rem;transition:color .15s,padding-left .15s;display:inline-block}
.ft-link:hover{color:#fff;padding-left:.3rem}
.green-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 7px #4ade80;display:inline-block;flex-shrink:0}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}
.pulse-dot{animation:pulse 2s ease-in-out infinite}

/* ── HERO PANEL ── */
.hero-panel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:1.6rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative;overflow:hidden}
.hero-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,122,106,.8),transparent)}
.hps-item{display:flex;align-items:center;gap:.7rem;padding:.7rem .85rem;border-radius:11px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);transition:all .25s;cursor:default}
.hps-item:hover{background:rgba(0,122,106,.18);border-color:rgba(0,122,106,.3)}

/* ── MOBILE NAV ── */
.nav-drawer{display:none;flex-direction:column;background:var(--surface);border-bottom:1px solid var(--border);padding:.75rem 1.25rem 1rem;gap:.1rem}
.nav-drawer.open{display:flex}
.nav-drawer a{font-size:.9rem;font-weight:500;color:var(--ink2);padding:.6rem .75rem;border-radius:9px;transition:color .15s,background .15s,padding-left .15s}
.nav-drawer a:hover{color:var(--accent);background:var(--accent-l);padding-left:1rem}
.nav-drawer a.active{color:var(--accent);background:var(--accent-l);font-weight:600}
/* hamburger button */
.nav-toggle-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--ink);cursor:pointer;transition:background .2s,border-color .2s,transform .2s;flex-shrink:0}
.nav-toggle-btn:hover{background:var(--accent-l);border-color:var(--accent-m);color:var(--accent);transform:scale(1.05)}

/* ── SEC LABEL ── */
.sec-label{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:.45rem;margin-bottom:.5rem}
.sec-label::before{content:'';width:16px;height:2px;background:var(--accent);border-radius:1px}

/* ── BADGE ── */
.badge{display:inline-flex;align-items:center;gap:.35rem;background:var(--accent-l);color:var(--accent);border:1px solid var(--accent-m);border-radius:20px;padding:.25rem .75rem;font-size:.68rem;font-weight:700;letter-spacing:.05em}
.badge-dark{background:rgba(0,122,106,.2);border-color:rgba(0,122,106,.35);color:rgba(255,255,255,.9)}
.badge-gold{background:var(--gold-l);border-color:rgba(192,138,26,.3);color:var(--gold)}

/* ── NAV LINKS ── */
.nav-a{font-size:.84rem;font-weight:500;color:var(--muted);transition:color .15s;position:relative;padding-bottom:3px}
.nav-a::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent);border-radius:2px;transform:scaleX(0);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.nav-a:hover{color:var(--ink)}
.nav-a.active{color:var(--ink);font-weight:600}
.nav-a.active::after,.nav-a:hover::after{transform:scaleX(1)}

/* ── NAV RESPONSIVE ── */
#navLinks{display:flex}
#navToggle{display:none}
#navWa{display:inline-flex}
@media(max-width:768px){
  #navLinks{display:none!important}
  #navToggle{display:flex!important}
  #navWa{display:none!important}
}
/* ── RESPONSIVE ── */
@media(max-width:820px){
  .hero-inner-grid{grid-template-columns:1fr!important}
  .hero-panel{display:none}
}
@media(max-width:760px){
  .grid-3{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  .split-grid{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  .grid-4{grid-template-columns:repeat(2,1fr)!important}
  .grid-proc{grid-template-columns:1fr 1fr!important}
}
</style>
</head>
<body>
<!-- NAV -->
<nav class="nav" id="siteNav">
  <div style="max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1.25rem">
    <!-- LOGO -->
    <a href="index.html" class="flex items-center gap-2.5 flex-shrink-0 group" style="text-decoration:none">
      <div style="width:38px;height:38px;border-radius:11px;background:var(--accent);display:grid;place-items:center;box-shadow:0 2px 10px rgba(0,122,106,.35);transition:transform .25s cubic-bezier(.34,1.56,.64,1);flex-shrink:0" class="group-hover:scale-105 group-hover:-rotate-3">
        <svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.5" stroke-linecap="round"><path d="M9 3H5a2 2 0 00-2 2v4m6-6h10a2 2 0 012 2v4M9 3v18m0 0h10a2 2 0 002-2V9M9 21H5a2 2 0 01-2-2V9m0 0h18"/></svg>
      </div>
      <div>
        <div style="font-weight:700;font-size:.95rem;color:var(--ink);letter-spacing:-.015em;line-height:1.1">Pharma<span style="color:var(--accent)">Care</span> Plus</div>
        <div style="font-size:.59rem;font-weight:500;color:var(--muted);letter-spacing:.04em">Pharmacie agréée · Yaoundé</div>
      </div>
    </a>
    <!-- LINKS desktop -->
    <div style="align-items:center;gap:.35rem" id="navLinks">
      <a href="index.html" class="nav-a active" style="padding:.4rem .75rem;border-radius:8px">Accueil</a>
      <a href="services.html" class="nav-a" style="padding:.4rem .75rem;border-radius:8px">Services</a>
      <a href="produits.html" class="nav-a" style="padding:.4rem .75rem;border-radius:8px">Produits</a>
      <a href="contact.html" class="nav-a" style="padding:.4rem .75rem;border-radius:8px">Contact</a>
    </div>
    <!-- RIGHT ACTIONS -->
    <div style="display:flex;align-items:center;gap:.6rem;flex-shrink:0">
      <a href="https://wa.me/237692390082" target="_blank" class="shimmer-btn" id="navWa" style="padding:.42rem .95rem;font-size:.78rem;gap:.4rem">
        <svg width="13" height="13" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
        WhatsApp
      </a>
      <!-- hamburger — always visible on mobile, hidden on md+ -->
      <button id="navToggle" class="nav-toggle-btn" aria-label="Ouvrir le menu" aria-expanded="false">
        <svg id="menuIcon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
          <line x1="4" y1="7" x2="20" y2="7"/><line x1="4" y1="12" x2="20" y2="12"/><line x1="4" y1="17" x2="20" y2="17"/>
        </svg>
      </button>
    </div>
  </div>
</nav>
<div id="navDrawer" class="nav-drawer">
  <a href="index.html" class="active" style="display:flex;align-items:center;gap:.6rem">
    <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>Accueil
  </a>
  <a href="services.html" style="display:flex;align-items:center;gap:.6rem">
    <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M22 11.08V12a10 10 0 11-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>Services
  </a>
  <a href="produits.html" style="display:flex;align-items:center;gap:.6rem">
    <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z"/></svg>Produits
  </a>
  <a href="contact.html" style="display:flex;align-items:center;gap:.6rem">
    <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg>Contact
  </a>
  <a href="https://wa.me/237692390082" target="_blank" class="shimmer-btn" style="margin-top:.5rem;border-radius:10px;padding:.65rem;justify-content:center;gap:.5rem">
    <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg>
    Contacter sur WhatsApp
  </a>
</div>

<div id="root"></div>

<footer class="px-5 pt-12 pb-6">
  <div class="max-w-[1100px] mx-auto">
    <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8 pb-8 mb-6" style="border-bottom:1px solid rgba(255,255,255,.07)">
      <div>
        <div class="flex items-center gap-2.5 mb-3">
          <div class="w-8 h-8 rounded-[9px] flex items-center justify-center" style="background:var(--accent)">
            <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.5" stroke-linecap="round"><path d="M9 3H5a2 2 0 00-2 2v4m6-6h10a2 2 0 012 2v4M9 3v18m0 0h10a2 2 0 002-2V9M9 21H5a2 2 0 01-2-2V9m0 0h18"/></svg>
          </div>
          <span class="font-bold text-white" style="font-size:.92rem">PharmaCare Plus</span>
        </div>
        <p style="font-size:.79rem;line-height:1.7;max-width:220px;margin-bottom:1rem">Pharmacie agréée à Yaoundé, Cameroun. Médicaments certifiés depuis 2015.</p>
        <span class="badge-dark badge" style="font-size:.67rem">
          <span class="green-dot pulse-dot"></span>Agréée MINSANTÉ N° 2024-CMR-042
        </span>
      </div>
      <div>
        <h4 style="font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.25);margin-bottom:.85rem">Navigation</h4>
        <ul class="flex flex-col gap-2">
          <li><a href="index.html" class="ft-link">Accueil</a></li>
          <li><a href="services.html" class="ft-link">Services</a></li>
          <li><a href="produits.html" class="ft-link">Produits</a></li>
          <li><a href="contact.html" class="ft-link">Contact</a></li>
        </ul>
      </div>
      <div>
        <h4 style="font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.25);margin-bottom:.85rem">Services</h4>
        <ul class="flex flex-col gap-2">
          <li><a href="services.html" class="ft-link">Ordonnances</a></li>
          <li><a href="services.html" class="ft-link">Vaccination</a></li>
          <li><a href="services.html" class="ft-link">Tests rapides</a></li>
          <li><a href="services.html" class="ft-link">Livraison</a></li>
        </ul>
      </div>
      <div>
        <h4 style="font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.25);margin-bottom:.85rem">Contact</h4>
        <ul class="flex flex-col gap-2">
          <li><a href="tel:+237692390082" class="ft-link">+237 692 390 082</a></li>
          <li><a href="https://wa.me/237692390082" target="_blank" class="ft-link">WhatsApp</a></li>
          <li><span class="ft-link" style="cursor:default">Bastos, Yaoundé</span></li>
          <li><span class="ft-link" style="cursor:default">Lun–Ven 7h30–20h</span></li>
        </ul>
      </div>
    </div>
    <div class="flex flex-wrap justify-between items-center gap-2" style="font-size:.71rem">
      <span>© 2024 PharmaCare Plus — Tous droits réservés</span>
      <span class="flex items-center gap-1.5"><span class="green-dot pulse-dot"></span>Service disponible maintenant</span>
    </div>
  </div>
</footer>

<script>
/* ── NAV ── */
(function(){
  var toggle=document.getElementById('navToggle'),drawer=document.getElementById('navDrawer'),nav=document.getElementById('siteNav');
  var icoMenu='<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="7" x2="20" y2="7"/><line x1="4" y1="12" x2="20" y2="12"/><line x1="4" y1="17" x2="20" y2="17"/></svg>';
  var icoClose='<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>';
  if(toggle&&drawer){
    toggle.addEventListener('click',function(e){
      e.stopPropagation();
      var open=drawer.classList.contains('open');
      drawer.classList.toggle('open',!open);
      toggle.innerHTML=open?icoMenu:icoClose;
      toggle.setAttribute('aria-expanded',String(!open));
    });
    document.addEventListener('click',function(e){
      if(!drawer.contains(e.target)&&!toggle.contains(e.target)){
        drawer.classList.remove('open');
        toggle.innerHTML=icoMenu;
        toggle.setAttribute('aria-expanded','false');
      }
    });
  }
  if(nav){window.addEventListener('scroll',function(){nav.classList.toggle('sc',window.scrollY>20);},{passive:true});}
})();

/* ── SCROLL REVEAL ── */
function initReveal(){
  if(window.matchMedia('(prefers-reduced-motion:reduce)').matches)return;
  var els=document.querySelectorAll('.rv,.rv-l,.rv-r,.rv-s');
  var obs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting){e.target.classList.add('on');obs.unobserve(e.target);}});},{threshold:.1,rootMargin:'0px 0px -30px 0px'});
  els.forEach(function(el){obs.observe(el);});
}
initReveal();

/* ── COUNTER ── */
function animateCount(el,target,suffix){
  var start=0,dur=1600,startTime=null;
  function step(ts){if(!startTime)startTime=ts;var p=Math.min((ts-startTime)/dur,1);var ease=1-Math.pow(1-p,4);el.textContent=Math.round(start+(target-start)*ease)+(suffix||'');if(p<1)requestAnimationFrame(step);}
  requestAnimationFrame(step);
}
function initCounters(){
  var els=document.querySelectorAll('[data-count]');
  var obs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting){animateCount(e.target,parseInt(e.target.dataset.count),e.target.dataset.suffix||'');obs.unobserve(e.target);}});},{threshold:.5});
  els.forEach(function(el){obs.observe(el);});
}

/* ── REACT ── */
var _h=React.createElement,_u=React.useState;

var IC={
  pill:_h('svg',{width:20,height:20,viewBox:'0 0 24 24',fill:'none',stroke:'currentColor',strokeWidth:1.8,strokeLinecap:'round'},_h('path',{d:'M10.5 20.5 3.5 13.5a5 5 0 017.07-7.07l7 7a5 5 0 01-7.07 7.07z'}),_h('line',{x1:8.5,y1:8.5,x2:15.5,y2:15.5})),
  truck:_h('svg',{width:20,height:20,viewBox:'0 0 24 24',fill:'none',stroke:'currentColor',strokeWidth:1.8,strokeLinecap:'round'},_h('rect',{x:1,y:3,width:15,height:13}),_h('polygon',{points:'16 8 20 8 23 11 23 16 16 16 16 8'}),_h('circle',{cx:5.5,cy:18.5,r:2.5}),_h('circle',{cx:18.5,cy:18.5,r:2.5})),
  steth:_h('svg',{width:20,height:20,viewBox:'0 0 24 24',fill:'none',stroke:'currentColor',strokeWidth:1.8,strokeLinecap:'round'},_h('path',{d:'M4.8 2.3A.3.3 0 105 2H4a2 2 0 00-2 2v5a6 6 0 006 6 6 6 0 006-6V4a2 2 0 00-2-2h-1a.2.2 0 10.3.3'}),_h('path',{d:'M8 15v1a6 6 0 006 6h0a6 6 0 006-6v-4'}),_h('circle',{cx:20,cy:10,r:2})),
  syringe:_h('svg',{width:20,height:20,viewBox:'0 0 24 24',fill:'none',stroke:'currentColor',strokeWidth:1.8,strokeLinecap:'round'},_h('path',{d:'M18 2l4 4'}),_h('path',{d:'M17 7l-1-1M13.5 3.5l7 7M3 21l9-9'}),_h('path',{d:'M9.5 14.5L7 17'}),_h('path',{d:'M14.5 9.5l-5 5M5 19l-2 2'})),
  leaf:_h('svg',{width:20,height:20,viewBox:'0 0 24 24',fill:'none',stroke:'currentColor',strokeWidth:1.8,strokeLinecap:'round'},_h('path',{d:'M11 20A7 7 0 014.93 7.93A10 10 0 0121.13 8c.38 2.59-.37 5.17-2.06 7.06A9.94 9.94 0 0111 20z'}),_h('path',{d:'M11 20l4.24-4.24'})),
  heart:_h('svg',{width:20,height:20,viewBox:'0 0 24 24',fill:'none',stroke:'currentColor',strokeWidth:1.8,strokeLinecap:'round'},_h('path',{d:'M20.84 4.61a5.5 5.5 0 00-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 00-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 000-7.78z'})),
  clock:_h('svg',{width:16,height:16,viewBox:'0 0 24 24',fill:'none',stroke:'currentColor',strokeWidth:1.8,strokeLinecap:'round'},_h('circle',{cx:12,cy:12,r:10}),_h('polyline',{points:'12 6 12 12 16 14'})),
  shield:_h('svg',{width:16,height:16,viewBox:'0 0 24 24',fill:'none',stroke:'currentColor',strokeWidth:1.8,strokeLinecap:'round'},_h('path',{d:'M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'})),
  msg:_h('svg',{width:16,height:16,viewBox:'0 0 24 24',fill:'none',stroke:'currentColor',strokeWidth:1.8,strokeLinecap:'round'},_h('path',{d:'M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z'})),
  arrow:_h('svg',{width:13,height:13,viewBox:'0 0 24 24',fill:'none',stroke:'currentColor',strokeWidth:2.5,strokeLinecap:'round'},_h('line',{x1:5,y1:12,x2:19,y2:12}),_h('polyline',{points:'12 5 19 12 12 19'}))
};

var WA=function(){return _h('svg',{width:14,height:14,viewBox:'0 0 24 24',fill:'currentColor'},_h('path',{d:'M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z'}));};

var TICKER=['Ouvert 7j/7','Livraison domicile 90 min','Tests rapides sans RDV','Pharmaciens diplômés','Ordonnances acceptées','MTN & Orange Money','Vaccins disponibles','MINSANTÉ certifié'];
var SERVICES=[
  {ic:IC.pill,h:'Délivrance sur ordonnance',p:'Exécution rapide, conseil posologie, substitution générique si disponible.'},
  {ic:IC.truck,h:'Livraison à domicile',p:'Commandez sur WhatsApp. Livraison en 30–90 min dans tout Yaoundé.'},
  {ic:IC.steth,h:'Consultation pharmacien',p:'Gratuite, sans rendez-vous. Nos pharmaciens diplômés vous conseillent.'},
  {ic:IC.syringe,h:'Vaccination & tests rapides',p:'Vaccins saisonniers et tests (paludisme, glycémie, grossesse) en 15 min.'},
  {ic:IC.leaf,h:'Phytothérapie & compléments',p:'Plantes médicinales certifiées et compléments recommandés par nos experts.'},
  {ic:IC.heart,h:'Maladies chroniques',p:'Suivi personnalisé pour diabétiques, hypertendus et cardiaques.'},
];
var STEPS=[
  {n:'01',h:'Contactez-nous',p:'WhatsApp, téléphone ou en pharmacie.'},
  {n:'02',h:'Envoyez l\'ordonnance',p:'Photo WhatsApp, validée en 5 min.'},
  {n:'03',h:'Paiement sécurisé',p:'MTN Money, Orange Money, espèces.'},
  {n:'04',h:'Livré ou prêt',p:'Livraison domicile ou retrait rapide.'},
];
var TESTI=[
  {t:'Service exceptionnel ! J\'envoie mon ordonnance sur WhatsApp et je suis livré en moins d\'une heure. Plus besoin de faire la queue.',n:'Marie Nguono',l:'Bastos, Yaoundé',av:'👩🏾'},
  {t:'Les pharmaciens prennent vraiment le temps d\'expliquer. PharmaCare Plus, c\'est la vraie consultation sans rendez-vous.',n:'Jean-Paul Ateba',l:'Mvog-Mbi',av:'👨🏾'},
  {t:'Vaccin fièvre jaune préparé en 10 minutes, carnet remis. Parfait avant mon voyage en Europe. Je recommande !',n:'Christelle Fouda',l:'Nkolbisson',av:'👩🏽'},
];
var BLOGS=[
  {ic:'🦟',tag:'Santé',h:'Paludisme au Cameroun : symptômes et traitement 2024',d:'15 nov.',read:'4 min',ex:'Reconnaître rapidement les signes du paludisme peut sauver des vies.'},
  {ic:'🍎',tag:'Nutrition',h:'Les 10 aliments qui renforcent votre système immunitaire',d:'08 nov.',read:'3 min',ex:'Une alimentation ciblée peut réduire de 40 % vos risques d\'infection.'},
  {ic:'💉',tag:'Prévention',h:'Calendrier vaccinal 2024 pour adultes au Cameroun',d:'01 nov.',read:'5 min',ex:'Les vaccins recommandés selon votre âge et vos destinations de voyage.'},
];

function ApptForm(){
  var _s=_u({nom:'',tel:'',motif:'',date:''});var f=_s[0];var sf=_s[1];
  var _ok=_u(false);var ok=_ok[0];var setOk=_ok[1];
  function ch(e){var n=e.target.name,v=e.target.value;sf(function(p){var x={};Object.keys(p).forEach(function(k){x[k]=p[k];});x[n]=v;return x;});}
  function sub(e){e.preventDefault();if(!f.nom||!f.tel)return;var msg='Prise de RDV:\nNom: '+f.nom+'\nTél: '+f.tel+'\nMotif: '+f.motif+'\nDate: '+f.date;window.open('https://wa.me/237692390082?text='+encodeURIComponent(msg),'_blank');setOk(true);setTimeout(function(){setOk(false);},4000);}
  if(ok){
    return _h('div',{style:{textAlign:'center',padding:'2.5rem 1.5rem',background:'var(--surface)',border:'1px solid var(--border)',borderRadius:'20px'}},
      _h('div',{style:{width:56,height:56,background:'var(--accent-l)',borderRadius:'50%',display:'flex',alignItems:'center',justifyContent:'center',margin:'0 auto 1rem'}},
        _h('svg',{width:24,height:24,viewBox:'0 0 24 24',fill:'none',stroke:'var(--accent)',strokeWidth:2.5,strokeLinecap:'round'},_h('polyline',{points:'20 6 9 17 4 12'}))
      ),
      _h('h3',{style:{fontFamily:'Playfair Display,serif',fontSize:'1.15rem',marginBottom:'.4rem',color:'var(--ink)'}},'Demande envoyée !'),
      _h('p',{style:{fontSize:'.82rem',color:'var(--muted)'}},'Confirmation sous 15 minutes sur WhatsApp.')
    );
  }
  return _h('form',{onSubmit:sub,style:{background:'var(--surface)',border:'1px solid var(--border)',borderRadius:'20px',padding:'1.75rem',boxShadow:'0 1px 3px rgba(0,0,0,.05),0 4px 20px rgba(0,122,106,.07)'}},
    _h('div',{className:'sec-label',style:{marginBottom:'.4rem'}},'Rendez-vous'),
    _h('h3',{style:{fontFamily:'Playfair Display,serif',fontSize:'1.3rem',letterSpacing:'-.02em',marginBottom:'.35rem',color:'var(--ink)'}},'Prendre rendez-vous'),
    _h('p',{style:{fontSize:'.8rem',color:'var(--muted)',marginBottom:'1.4rem',lineHeight:1.55}},'Formulaire envoyé directement sur WhatsApp. Confirmation sous 15 min.'),
    _h('div',{style:{display:'grid',gridTemplateColumns:'1fr 1fr',gap:'.65rem',marginBottom:'.65rem'}},
      _h('div',null,_h('label',{style:{fontSize:'.72rem',fontWeight:600,color:'var(--ink2)',display:'block',marginBottom:'.3rem'}},'Nom complet *'),_h('input',{className:'form-input',name:'nom',value:f.nom,onChange:ch,placeholder:'Votre nom',required:true})),
      _h('div',null,_h('label',{style:{fontSize:'.72rem',fontWeight:600,color:'var(--ink2)',display:'block',marginBottom:'.3rem'}},'Téléphone *'),_h('input',{className:'form-input',name:'tel',value:f.tel,onChange:ch,placeholder:'+237 6XX XXX XXX',required:true}))
    ),
    _h('div',{style:{marginBottom:'.65rem'}},
      _h('label',{style:{fontSize:'.72rem',fontWeight:600,color:'var(--ink2)',display:'block',marginBottom:'.3rem'}},'Motif de visite'),
      _h('select',{className:'form-input',name:'motif',value:f.motif,onChange:ch},
        _h('option',{value:''},'Choisissez…'),
        _h('option',{value:'Ordonnance'},'Déposer une ordonnance'),
        _h('option',{value:'Conseil'},'Consultation pharmacien'),
        _h('option',{value:'Vaccination'},'Vaccination'),
        _h('option',{value:'Test'},'Test rapide'),
        _h('option',{value:'Autre'},'Autre')
      )
    ),
    _h('div',{style:{marginBottom:'1.1rem'}},
      _h('label',{style:{fontSize:'.72rem',fontWeight:600,color:'var(--ink2)',display:'block',marginBottom:'.3rem'}},'Date souhaitée'),
      _h('input',{type:'date',className:'form-input',name:'date',value:f.date,onChange:ch})
    ),
    _h('button',{type:'submit',className:'shimmer-btn',style:{width:'100%',justifyContent:'center',padding:'.8rem'}},_h(WA),'Confirmer via WhatsApp')
  );
}

function App(){
  var doubled=TICKER.concat(TICKER);
  return _h(React.Fragment,null,

    /* HERO */
    _h('section',{className:'hero'},
      _h('div',{className:'hero-grid-bg'}),
      _h('div',{className:'blob1'}),
      _h('div',{className:'blob2'}),
      _h('div',{className:'blob3'}),
      _h('div',{className:'spotlight'}),
      _h('div',{style:{maxWidth:1100,margin:'0 auto',width:'100%',padding:'5rem 1.25rem 4rem',position:'relative',zIndex:1,display:'grid',gridTemplateColumns:'1fr 1fr',gap:'3rem',alignItems:'center'},className:'hero-inner-grid'},
        /* Left */
        _h('div',null,
          _h('div',{className:'badge badge-dark rv',style:{marginBottom:'1.25rem'}},
            _h('span',{style:{width:7,height:7,borderRadius:'50%',background:'#4ade80',boxShadow:'0 0 7px #4ade80',display:'inline-block',animation:'pulse 2s ease-in-out infinite'}}),
            'Pharmacie agréée MINSANTÉ'
          ),
          _h('h1',{className:'rv d1',style:{fontFamily:'Playfair Display,serif',fontSize:'clamp(2.1rem,4vw,3.2rem)',letterSpacing:'-.025em',lineHeight:1.1,marginBottom:'1rem',fontWeight:700}},
            'Votre santé, ',_h('em',{style:{fontStyle:'italic',color:'rgba(74,222,128,.85)'}},'notre priorité'),' depuis 2015'
          ),
          _h('p',{className:'rv d2',style:{color:'rgba(255,255,255,.6)',fontSize:'.98rem',lineHeight:1.7,marginBottom:'1.75rem',maxWidth:440,fontWeight:300}},
            'Pharmacie agréée à Yaoundé. Médicaments certifiés, conseils professionnels, livraison rapide. Disponibles 7j/7.'
          ),
          _h('div',{className:'rv d3',style:{display:'flex',gap:'.75rem',flexWrap:'wrap',marginBottom:'1.75rem'}},
            _h('a',{href:'https://wa.me/237692390082',target:'_blank',className:'shimmer-btn'},_h(WA),'Commander maintenant'),
            _h('a',{href:'services.html',className:'shimmer-btn shimmer-btn-ghost'},'Voir nos services')
          ),
          _h('div',{className:'rv d4',style:{display:'flex',alignItems:'center',gap:'.9rem',paddingTop:'1.25rem',borderTop:'1px solid rgba(255,255,255,.09)'}},
            _h('div',{style:{display:'flex'}},
              ['👩🏾','👨🏾','👩🏽','👨🏿'].map(function(av,i){
                return _h('span',{key:i,style:{width:30,height:30,borderRadius:'50%',background:'var(--accent)',border:'2px solid rgba(255,255,255,.25)',display:'grid',placeItems:'center',fontSize:'.85rem',marginLeft:i?'-7px':0}},av);
              })
            ),
            _h('div',{style:{fontSize:'.76rem',color:'rgba(255,255,255,.5)',lineHeight:1.35}},
              _h('strong',{style:{color:'rgba(255,255,255,.82)',fontWeight:600,display:'block'}},'4 800+ patients'),
              'nous font confiance chaque année'
            ),
            _h('div',{style:{marginLeft:'auto',display:'flex',gap:'.5rem',flexWrap:'wrap'}},
              _h('span',{className:'badge badge-dark',style:{fontSize:'.63rem'}},'4.9 ★ Note'),
              _h('span',{className:'badge badge-dark',style:{fontSize:'.63rem'}},'<90min livraison')
            )
          )
        ),
        /* Right panel */
        _h('div',{className:'hero-panel rv-r d2'},
          _h('div',{style:{fontSize:'.68rem',fontWeight:600,letterSpacing:'.08em',textTransform:'uppercase',color:'rgba(255,255,255,.38)',marginBottom:'.9rem'}},'Nos services disponibles'),
          _h('div',{style:{display:'flex',flexDirection:'column',gap:'.45rem',marginBottom:'1.25rem'}},
            [
              [IC.pill,'Délivrance sur ordonnance','Exécution rapide'],
              [IC.truck,'Livraison à domicile','30–90 min'],
              [IC.syringe,'Vaccination & tests','Sans RDV'],
              [IC.leaf,'Phytothérapie','Certifiée'],
            ].map(function(s,i){
              return _h('div',{key:i,className:'hps-item'},
                _h('div',{style:{width:34,height:34,borderRadius:9,background:'rgba(255,255,255,.08)',display:'flex',alignItems:'center',justifyContent:'center',flexShrink:0,color:'rgba(255,255,255,.7)'}},s[0]),
                _h('div',{style:{flex:1}},
                  _h('div',{style:{fontSize:'.8rem',fontWeight:500,color:'rgba(255,255,255,.85)',lineHeight:1.2}},s[1]),
                  _h('div',{style:{fontSize:'.68rem',color:'rgba(255,255,255,.38)',marginTop:'.1rem'}},s[2])
                ),
                _h('div',{style:{width:18,height:18,borderRadius:'50%',background:'rgba(74,222,128,.18)',border:'1px solid rgba(74,222,128,.35)',display:'grid',placeItems:'center'}},
                  _h('svg',{width:9,height:9,viewBox:'0 0 24 24',fill:'none',stroke:'#4ade80',strokeWidth:3,strokeLinecap:'round'},_h('polyline',{points:'20 6 9 17 4 12'}))
                )
              );
            })
          ),
          _h('div',{style:{display:'grid',gridTemplateColumns:'repeat(3,1fr)',gap:'.5rem',borderTop:'1px solid rgba(255,255,255,.07)',paddingTop:'1rem'}},
            [['2015','Fondée'],['4.9★','Note moy.'],['<90min','Livraison']].map(function(s,i){
              return _h('div',{key:i,style:{textAlign:'center',background:'rgba(255,255,255,.04)',border:'1px solid rgba(255,255,255,.07)',borderRadius:10,padding:'.65rem .35rem'}},
                _h('div',{style:{fontFamily:'Playfair Display,serif',fontSize:'1rem',fontWeight:700,color:'#fff',lineHeight:1}},s[0]),
                _h('div',{style:{fontSize:'.6rem',color:'rgba(255,255,255,.38)',marginTop:'.2rem'}},s[1])
              );
            })
          )
        )
      ),
      _h('div',{style:{borderTop:'1px solid rgba(255,255,255,.07)',padding:'.9rem 1.25rem',position:'relative',zIndex:1}},
        _h('div',{style:{maxWidth:1100,margin:'0 auto',display:'flex',flexWrap:'wrap',gap:'.65rem',alignItems:'center',justifyContent:'center'}},
          ['💊 2 000+ références','🕐 7j/7 disponible','📍 Bastos Yaoundé','💳 MTN & Orange Money','🏥 Agréée MINSANTÉ'].map(function(item,i){
            return _h('span',{key:i,style:{fontSize:'.72rem',color:'rgba(255,255,255,.5)'}},item);
          })
        )
      )
    ),

    /* TICKER */
    _h('div',{className:'ticker','aria-hidden':'true'},
      _h('div',{className:'ticker-track'},
        doubled.map(function(item,i){return _h('span',{key:i,className:'ti'},_h('span',{className:'ti-dot'}),item);})
      )
    ),

    /* STATS */
    _h('section',{className:'stat-band py-8 px-5'},
      _h('div',{style:{maxWidth:1100,margin:'0 auto'}},
        _h('div',{style:{display:'grid',gridTemplateColumns:'repeat(4,1fr)',gap:'1rem'},className:'grid-4'},
          [
            {n:2015,s:'',l:'En activité depuis',icon:'📅'},
            {n:4800,s:'+',l:'Patients par an',icon:'👥'},
            {n:2000,s:'+',l:'Références en stock',icon:'💊'},
            {n:49,s:'/5',l:'Note moyenne',icon:'⭐'},
          ].map(function(s,i){
            return _h('div',{key:i,className:'stat-item rv',style:{transitionDelay:i*.08+'s'}},
              _h('div',{style:{fontSize:'1.25rem',marginBottom:'.3rem'}},s.icon),
              _h('div',{className:'stat-n'},_h('span',{'data-count':s.n,'data-suffix':s.s},s.n+s.s)),
              _h('div',{style:{fontSize:'.76rem',color:'var(--muted)',marginTop:'.2rem',fontWeight:500}},s.l)
            );
          })
        )
      )
    ),

    /* SERVICES */
    _h('section',{style:{padding:'4rem 1.25rem',background:'var(--bg)'}},
      _h('div',{style:{maxWidth:1100,margin:'0 auto'}},
        _h('div',{style:{marginBottom:'2.25rem'}},
          _h('p',{className:'sec-label rv'},'Services'),
          _h('h2',{className:'rv d1',style:{fontFamily:'Playfair Display,serif',fontSize:'clamp(1.7rem,3vw,2.4rem)',letterSpacing:'-.025em',lineHeight:1.18,marginBottom:'.55rem',fontWeight:700,color:'var(--ink)'}},'Ce que nous faisons pour vous'),
          _h('p',{className:'rv d2',style:{color:'var(--muted)',fontSize:'.92rem',lineHeight:1.7,maxWidth:480}},'Une pharmacie complète pour tous vos besoins de santé, 7 jours sur 7.')
        ),
        _h('div',{style:{display:'grid',gridTemplateColumns:'repeat(3,1fr)',gap:'1rem'},className:'grid-3'},
          SERVICES.map(function(s,i){
            return _h('div',{key:i,className:'bento-card rv',style:{transitionDelay:(i%3)*.09+'s'}},
              _h('div',{className:'ic-box',style:{marginBottom:'.9rem',color:'var(--accent)'}},s.ic),
              _h('h3',{style:{fontSize:'.93rem',fontWeight:700,letterSpacing:'-.01em',marginBottom:'.35rem',color:'var(--ink)'}},s.h),
              _h('p',{style:{fontSize:'.8rem',color:'var(--muted)',lineHeight:1.6}},s.p),
              _h('a',{href:'services.html',style:{display:'inline-flex',alignItems:'center',gap:'.3rem',fontSize:'.76rem',fontWeight:600,color:'var(--accent)',marginTop:'.75rem'}},'En savoir plus',IC.arrow)
            );
          })
        )
      )
    ),

    /* PROCESS */
    _h('section',{style:{padding:'4rem 1.25rem',background:'var(--surface)',borderTop:'1px solid var(--border)',borderBottom:'1px solid var(--border)'}},
      _h('div',{style:{maxWidth:1100,margin:'0 auto'}},
        _h('div',{style:{textAlign:'center',marginBottom:'2.5rem'}},
          _h('p',{className:'sec-label rv',style:{justifyContent:'center'}},'Processus'),
          _h('h2',{className:'rv d1',style:{fontFamily:'Playfair Display,serif',fontSize:'clamp(1.6rem,2.8vw,2.2rem)',letterSpacing:'-.025em',fontWeight:700,color:'var(--ink)'}},'Commander en 4 étapes')
        ),
        _h('div',{style:{display:'grid',gridTemplateColumns:'repeat(4,1fr)',gap:'1.5rem',position:'relative'},className:'grid-proc'},
          _h('div',{className:'proc-line'}),
          STEPS.map(function(s,i){
            return _h('div',{key:i,className:'proc-step rv',style:{textAlign:'center',position:'relative',zIndex:1,transitionDelay:i*.1+'s'}},
              _h('div',{className:'proc-circle'},s.n),
              _h('h3',{style:{fontSize:'.87rem',fontWeight:700,marginBottom:'.3rem',letterSpacing:'-.01em',color:'var(--ink)'}},s.h),
              _h('p',{style:{fontSize:'.77rem',color:'var(--muted)',lineHeight:1.6}},s.p)
            );
          })
        )
      )
    ),

    /* APPOINTMENT */
    _h('section',{style:{padding:'4rem 1.25rem',background:'var(--bg)'}},
      _h('div',{style:{maxWidth:1100,margin:'0 auto',display:'grid',gridTemplateColumns:'1fr 1fr',gap:'3rem',alignItems:'center'},className:'split-grid'},
        _h('div',{className:'rv-l'},
          _h('p',{className:'sec-label',style:{marginBottom:'.45rem'}},'Consultation'),
          _h('h2',{style:{fontFamily:'Playfair Display,serif',fontSize:'clamp(1.6rem,2.8vw,2.2rem)',letterSpacing:'-.025em',fontWeight:700,color:'var(--ink)',marginBottom:'.65rem'}},'Consultez nos pharmaciens'),
          _h('p',{style:{color:'var(--muted)',fontSize:'.9rem',lineHeight:1.7,marginBottom:'2rem'}},'Gratuit, sans attente, disponible tous les jours. Venez ou contactez-nous sur WhatsApp.'),
          _h('div',{style:{display:'flex',flexDirection:'column',gap:'.9rem'}},
            [
              [IC.clock,'Disponible 7j/7','De 7h30 à 20h en semaine, week-end inclus.'],
              [IC.msg,'Réponse sous 15 min','Via WhatsApp, nous répondons très rapidement.'],
              [IC.shield,'Confidentialité garantie','Vos informations médicales restent privées.'],
            ].map(function(b,i){
              return _h('div',{key:i,style:{display:'flex',alignItems:'flex-start',gap:'.9rem'}},
                _h('div',{style:{width:44,height:44,borderRadius:12,background:'var(--accent-l)',display:'grid',placeItems:'center',flexShrink:0,color:'var(--accent)'}},b[0]),
                _h('div',null,_h('h4',{style:{fontSize:'.88rem',fontWeight:700,marginBottom:'.2rem',color:'var(--ink)'}},b[1]),_h('p',{style:{fontSize:'.79rem',color:'var(--muted)',lineHeight:1.5}},b[2]))
              );
            })
          )
        ),
        _h('div',{className:'rv-r d1'},_h(ApptForm))
      )
    ),

    /* TESTIMONIALS */
    _h('section',{style:{padding:'4rem 1.25rem',background:'var(--surface)',borderTop:'1px solid var(--border)'}},
      _h('div',{style:{maxWidth:1100,margin:'0 auto'}},
        _h('div',{style:{textAlign:'center',marginBottom:'2.25rem'}},
          _h('p',{className:'sec-label rv',style:{justifyContent:'center'}},'Avis patients'),
          _h('h2',{className:'rv d1',style:{fontFamily:'Playfair Display,serif',fontSize:'clamp(1.6rem,2.8vw,2.2rem)',letterSpacing:'-.025em',fontWeight:700,color:'var(--ink)'}},'Ils nous font confiance')
        ),
        _h('div',{style:{display:'grid',gridTemplateColumns:'repeat(3,1fr)',gap:'1rem'},className:'grid-3'},
          TESTI.map(function(t,i){
            return _h('div',{key:i,className:'test-card rv',style:{transitionDelay:i*.1+'s'}},
              _h('div',{style:{display:'flex',gap:'.2rem',marginBottom:'.75rem'}},
                [1,2,3,4,5].map(function(j){return _h('span',{key:j,style:{color:'var(--gold)',fontSize:'.82rem'}},'★');})
              ),
              _h('p',{style:{fontSize:'.83rem',lineHeight:1.65,color:'var(--ink2)',marginBottom:'1rem',fontStyle:'italic'}},'« '+t.t+' »'),
              _h('div',{style:{display:'flex',alignItems:'center',gap:'.6rem'}},
                _h('div',{style:{width:36,height:36,borderRadius:'50%',background:'var(--accent-l)',display:'grid',placeItems:'center',fontSize:'.95rem',border:'2px solid var(--border)',flexShrink:0}},t.av),
                _h('div',null,_h('div',{style:{fontSize:'.8rem',fontWeight:700,letterSpacing:'-.01em',color:'var(--ink)'}},t.n),_h('div',{style:{fontSize:'.7rem',color:'var(--muted)'}},t.l))
              )
            );
          })
        )
      )
    ),

    /* BLOG */
    _h('section',{style:{padding:'4rem 1.25rem',background:'var(--bg)'}},
      _h('div',{style:{maxWidth:1100,margin:'0 auto'}},
        _h('div',{style:{marginBottom:'2rem'}},
          _h('p',{className:'sec-label rv'},'Conseils santé'),
          _h('h2',{className:'rv d1',style:{fontFamily:'Playfair Display,serif',fontSize:'clamp(1.6rem,2.8vw,2.2rem)',letterSpacing:'-.025em',fontWeight:700,color:'var(--ink)',marginBottom:'.4rem'}},'Articles récents'),
          _h('p',{className:'rv d2',style:{color:'var(--muted)',fontSize:'.89rem',lineHeight:1.7,maxWidth:460}},'Des conseils santé adaptés au contexte camerounais par nos pharmaciens.')
        ),
        _h('div',{style:{display:'grid',gridTemplateColumns:'repeat(3,1fr)',gap:'1rem'},className:'grid-3'},
          BLOGS.map(function(b,i){
            return _h('div',{key:i,className:'blog-card rv',style:{transitionDelay:i*.09+'s'}},
              _h('div',{className:'blog-thumb'},
                b.ic,
                _h('span',{style:{position:'absolute',top:'.6rem',left:'.6rem',fontSize:'.63rem',fontWeight:700,letterSpacing:'.04em',background:'var(--accent)',color:'#fff',padding:'.2rem .5rem',borderRadius:5,textTransform:'uppercase',zIndex:1}},b.tag)
              ),
              _h('div',{style:{padding:'1.2rem',flex:1,display:'flex',flexDirection:'column'}},
                _h('div',{style:{display:'flex',alignItems:'center',gap:'.4rem',fontSize:'.7rem',color:'var(--muted)',marginBottom:'.45rem'}},
                  b.d,_h('span',{style:{width:3,height:3,borderRadius:'50%',background:'var(--border)',display:'inline-block'}}),b.read
                ),
                _h('h3',{style:{fontSize:'.88rem',fontWeight:700,letterSpacing:'-.01em',marginBottom:'.35rem',lineHeight:1.4,color:'var(--ink)'}},b.h),
                _h('p',{style:{fontSize:'.77rem',color:'var(--muted)',lineHeight:1.6,flex:1}},b.ex),
                _h('a',{href:'#',style:{display:'inline-flex',alignItems:'center',gap:'.3rem',fontSize:'.75rem',fontWeight:600,color:'var(--accent)',marginTop:'.75rem'}},'Lire la suite',IC.arrow)
              )
            );
          })
        )
      )
    ),

    /* CTA */
    _h('div',{className:'cta-band',style:{padding:'5rem 1.25rem',textAlign:'center'}},
      _h('div',{style:{maxWidth:600,margin:'0 auto',position:'relative',zIndex:1}},
        _h('div',{className:'badge badge-dark rv',style:{marginBottom:'1.1rem',justifyContent:'center'}},
          _h('span',{style:{width:7,height:7,borderRadius:'50%',background:'#4ade80',boxShadow:'0 0 6px #4ade80',display:'inline-block',animation:'pulse 2s ease-in-out infinite'}}),'Service disponible maintenant'
        ),
        _h('h2',{className:'rv d1',style:{fontFamily:'Playfair Display,serif',fontSize:'clamp(1.65rem,3.5vw,2.5rem)',letterSpacing:'-.025em',marginBottom:'.75rem',fontWeight:700,color:'#fff'}},'Prêt à commander vos médicaments ?'),
        _h('p',{className:'rv d2',style:{color:'rgba(255,255,255,.52)',fontSize:'.95rem',marginBottom:'2rem',lineHeight:1.7,fontWeight:300}},'Envoyez votre ordonnance en photo sur WhatsApp. Notre équipe prépare votre commande en quelques minutes.'),
        _h('div',{className:'rv d3',style:{display:'flex',gap:'.75rem',justifyContent:'center',flexWrap:'wrap'}},
          _h('a',{href:'https://wa.me/237692390082',target:'_blank',className:'shimmer-btn shimmer-btn-light'},_h(WA),'Commander sur WhatsApp'),
          _h('a',{href:'contact.html',className:'shimmer-btn shimmer-btn-ghost'},'Nous contacter')
        )
      )
    )
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(_h(App));
setTimeout(function(){initReveal();initCounters();},80);
</script>
</body>
</html>