*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Tajawal',sans-serif;direction:rtl;text-align:right;color:#1a1a2e;background:#fff;overflow-x:hidden}

/* ── Top Bar ── */
.topbar{background:#111827;color:#c9a84c;padding:9px 60px;font-size:13px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}
.topbar a{color:#c9a84c;text-decoration:none;transition:opacity .2s}
.topbar a:hover{opacity:.75}
.topbar-group{display:flex;gap:24px;align-items:center}
.topbar-item{display:flex;align-items:center;gap:6px}

/* ── Nav ── */
.nav{background:#fff;border-bottom:1px solid #eae7e0;padding:0 60px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 1px 20px rgba(0,0,0,0.07)}
.logo-wrap{padding:12px 0;display:flex;align-items:center;gap:14px}
.logo-wrap img{height:56px;width:auto}
.logo-text .name{font-size:16px;font-weight:800;color:#111827;letter-spacing:-.3px}
.logo-text .sub{font-size:11px;color:#9ca3af;font-weight:400;margin-top:2px}
.nav-links{display:flex;gap:0;list-style:none}
.nav-links a{display:block;padding:24px 18px;font-size:13.5px;font-weight:500;color:#374151;text-decoration:none;position:relative;transition:color .2s}
.nav-links a::after{content:'';position:absolute;bottom:0;right:18px;left:18px;height:2px;background:#c9a84c;transform:scaleX(0);transition:transform .2s}
.nav-links a:hover{color:#c9a84c}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-cta{background:#c9a84c;color:#111827!important;padding:10px 22px!important;border-radius:8px;font-weight:700!important;font-size:13px!important;transition:background .2s!important}
.nav-cta:hover{background:#b8943d!important;color:#111827!important}
.nav-cta::after{display:none!important}

/* ── Hero ── */
.hero{position:relative;min-height:620px;display:flex;align-items:center;background:#111827;overflow:hidden}
.hero-bg{position:absolute;inset:0;background-image:url('assets/facelift2.jpg');background-size:cover;background-position:center top;opacity:.22}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to left, transparent 35%, #111827 70%)}
.hero-content{position:relative;z-index:2;padding:80px 60px;max-width:680px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(201,168,76,.15);border:1px solid rgba(201,168,76,.35);color:#c9a84c;font-size:12px;font-weight:600;padding:6px 16px;border-radius:30px;margin-bottom:24px;letter-spacing:.5px}
.hero h1{font-size:44px;font-weight:800;color:#fff;line-height:1.25;margin-bottom:18px}
.hero h1 em{color:#c9a84c;font-style:normal}
.hero p{font-size:16px;color:rgba(255,255,255,0.65);line-height:1.9;margin-bottom:34px;max-width:500px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap}
.btn-primary{background:#c9a84c;color:#111827;border:none;padding:14px 32px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;font-family:'Tajawal',sans-serif;text-decoration:none;display:inline-block;transition:all .2s;box-shadow:0 4px 16px rgba(201,168,76,.3)}
.btn-primary:hover{background:#b8943d;transform:translateY(-1px);box-shadow:0 6px 20px rgba(201,168,76,.35)}
.btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35);padding:13px 32px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;font-family:'Tajawal',sans-serif;text-decoration:none;display:inline-block;transition:all .2s}
.btn-ghost:hover{border-color:#c9a84c;color:#c9a84c}

/* ── Stats Bar ── */
.stats-bar{background:#c9a84c;display:grid;grid-template-columns:repeat(4,1fr)}
.stat{text-align:center;padding:26px 10px;border-left:1px solid rgba(17,24,39,.12);transition:background .2s}
.stat:last-child{border-left:none}
.stat-num{font-size:32px;font-weight:800;color:#111827}
.stat-lbl{font-size:12.5px;color:#111827;opacity:.65;margin-top:3px;font-weight:500}

/* ── Section commons ── */
.section{padding:80px 60px}
.sec-header{text-align:center;margin-bottom:50px}
.sec-header h2{font-size:32px;font-weight:800;color:#111827;margin-bottom:10px}
.sec-header p{font-size:15.5px;color:#6b7280;max-width:520px;margin:0 auto;line-height:1.75}
.gold-line{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}
.gold-line::before,.gold-line::after{content:'';flex:1;max-width:60px;height:1px;background:#e5e7eb}
.gold-dot{width:8px;height:8px;background:#c9a84c;border-radius:50%}

/* ── Services Grid ── */
.services-section{background:#f9f8f5}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.svc-card{background:#fff;border-radius:16px;padding:34px 24px;transition:all .3s;cursor:default;border:1px solid #f0ece3;position:relative;overflow:hidden}
.svc-card::before{content:'';position:absolute;top:0;right:0;width:4px;height:100%;background:#e5e7eb;transition:background .3s}
.svc-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.08);transform:translateY(-4px)}
.svc-card:hover::before{background:#c9a84c}
.svc-num{font-size:11px;font-weight:700;color:#c9a84c;letter-spacing:1px;margin-bottom:14px;opacity:.7}
.svc-card h3{font-size:16px;font-weight:700;color:#111827;margin-bottom:10px}
.svc-card p{font-size:13.5px;color:#6b7280;line-height:1.75}

/* ── Gallery ── */
.gallery-section{padding:80px 60px}
.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;gap:10px}
.g1{grid-column:span 5;grid-row:span 2}
.g2{grid-column:span 4}
.g3{grid-column:span 3}
.g4{grid-column:span 4}
.g5{grid-column:span 3}
.g6{grid-column:span 4}
.g7{grid-column:span 4}
.g8{grid-column:span 4}
.gallery-img{width:100%;height:220px;object-fit:cover;border-radius:12px;display:block;transition:transform .3s,filter .3s;cursor:zoom-in}
.g1 .gallery-img{height:450px}
.gallery-img:hover{transform:scale(1.02);filter:brightness(1.04)}

/* ── About ── */
.about-section{background:#111827;padding:80px 60px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1100px;margin:0 auto}
.about-img-wrap{position:relative}
.about-img{width:100%;height:420px;object-fit:cover;border-radius:16px}
.about-badge{position:absolute;bottom:-20px;left:-20px;background:#c9a84c;color:#111827;padding:18px 22px;border-radius:14px;text-align:center;box-shadow:0 8px 24px rgba(201,168,76,.35)}
.about-badge .num{font-size:28px;font-weight:800;line-height:1}
.about-badge .txt{font-size:12px;font-weight:600;margin-top:2px}
.about-text h2{font-size:30px;font-weight:800;color:#fff;margin-bottom:18px}
.about-text h2 em{color:#c9a84c;font-style:normal}
.about-text p{font-size:15px;color:rgba(255,255,255,.6);line-height:1.95;margin-bottom:16px}
.about-list{list-style:none;margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:0}
.about-list li{font-size:14px;color:rgba(255,255,255,.8);padding:10px 0;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.07)}
.about-list li::before{content:'';width:6px;height:6px;background:#c9a84c;border-radius:50%;flex-shrink:0}

/* ── Map ── */
.map-section{padding:80px 60px;background:#f9f8f5}
.map-frame{width:100%;height:400px;border-radius:16px;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 4px 24px rgba(0,0,0,.06)}
.map-frame iframe{width:100%;height:100%;border:none}

/* ── Contact ── */
.contact-section{padding:80px 60px;background:#fff}
.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;max-width:1100px;margin:0 auto;align-items:start}
.contact-info h2{font-size:30px;font-weight:800;color:#111827;margin-bottom:10px}
.contact-info h2 em{color:#c9a84c;font-style:normal}
.contact-info .lead{font-size:15px;color:#6b7280;margin-bottom:36px;line-height:1.8}
.contact-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px;padding:18px;background:#f9f8f5;border-radius:12px;border:1px solid #f0ece3}
.contact-icon{width:44px;height:44px;background:#c9a84c;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.contact-item-text .label{font-size:11px;color:#9ca3af;margin-bottom:3px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}
.contact-item-text a,.contact-item-text span{font-size:15px;color:#111827;text-decoration:none;font-weight:600}
.contact-item-text a:hover{color:#c9a84c}
.social-row{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}
.soc-link{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;border:1.5px solid transparent}
.soc-fb{background:#1877f2;color:#fff}
.soc-fb:hover{background:#1565c0}
.soc-yt{background:#ff0000;color:#fff}
.soc-yt:hover{background:#c62828}

/* ── Form ── */
.form-box{background:#f9f8f5;border:1px solid #ede9e0;border-radius:18px;padding:36px}
.form-box h3{font-size:21px;font-weight:800;color:#111827;margin-bottom:6px}
.form-box .form-sub{font-size:13.5px;color:#9ca3af;margin-bottom:26px}
.form-group{margin-bottom:18px}
.form-group label{display:block;font-size:13px;color:#374151;margin-bottom:7px;font-weight:600}
.form-group input,.form-group select,.form-group textarea{width:100%;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;padding:12px 16px;font-size:14.5px;color:#111827;font-family:'Tajawal',sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}
.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#c9a84c;box-shadow:0 0 0 3px rgba(201,168,76,.1)}
.form-group select option{color:#111827;background:#fff}
.form-group textarea{resize:vertical;min-height:120px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-submit{width:100%;background:#c9a84c;color:#111827;border:none;padding:14px;border-radius:10px;font-size:15px;font-weight:800;cursor:pointer;font-family:'Tajawal',sans-serif;margin-top:4px;transition:all .2s;box-shadow:0 4px 14px rgba(201,168,76,.25)}
.form-submit:hover{background:#b8943d;transform:translateY(-1px)}
.form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}
.form-msg{margin-top:14px;padding:12px 16px;border-radius:10px;font-size:14px;display:none;font-weight:500}
.form-msg.success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}
.form-msg.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}

/* ── Footer ── */
footer{background:#111827;color:rgba(255,255,255,.4);text-align:center;padding:24px 60px;font-size:13px}
footer a{color:#c9a84c;text-decoration:none}

/* ── WhatsApp Float ── */
.wa-float{position:fixed;bottom:30px;left:30px;width:58px;height:58px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 20px rgba(37,211,102,.4);z-index:999;transition:transform .2s,box-shadow .2s}
.wa-float:hover{transform:scale(1.1);box-shadow:0 6px 28px rgba(37,211,102,.5)}
.wa-float svg{width:28px;height:28px;fill:#fff}

/* ── Responsive ── */
@media(max-width:900px){
  .topbar,.nav{padding:0 24px}
  .topbar{padding:8px 24px}
  .nav-links{display:none}
  .hero{min-height:480px}
  .hero-content{padding:50px 24px;max-width:100%}
  .hero h1{font-size:30px}
  .section,.gallery-section,.about-section,.map-section,.contact-section{padding:50px 24px}
  .stats-bar{grid-template-columns:repeat(2,1fr)}
  .services-grid{grid-template-columns:1fr 1fr}
  .gallery-grid{grid-template-columns:1fr 1fr;display:grid}
  .g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8{grid-column:span 1;grid-row:span 1}
  .g1 .gallery-img{height:220px}
  .about-grid,.contact-grid{grid-template-columns:1fr}
  .about-badge{bottom:12px;left:12px}
  .form-row{grid-template-columns:1fr}
  .about-list{grid-template-columns:1fr}
}
@media(max-width:560px){
  .services-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr}
  .hero h1{font-size:26px}
  .sec-header h2{font-size:24px}
}

/* ─── HAMBURGER ─── */
.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none}
.nav-toggle span{display:block;width:24px;height:2px;background:#111827;border-radius:2px;transition:all .3s}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:900px){
  .nav-toggle{display:flex}
  .nav-links{display:none;position:fixed;top:81px;left:0;right:0;background:#fff;flex-direction:column;z-index:200;border-bottom:1px solid #eae7e0;box-shadow:0 8px 24px rgba(0,0,0,.1)}
  .nav-links.open{display:flex}
  .nav-links a{padding:14px 24px;border-bottom:1px solid #f3f0ea;font-size:15px}
  .nav-cta{margin:8px 24px;border-radius:8px!important;text-align:center}
  .stats-bar{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(2){border-left:none}
}
@media(max-width:560px){
  .topbar{padding:8px 16px;font-size:12px;flex-direction:column;align-items:flex-start;gap:4px}
  .topbar-group{gap:12px;flex-wrap:wrap}
  .hero h1{font-size:22px}
  .sec-header h2{font-size:22px}
  .services-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr}
  footer{padding:20px 16px}
}
</style>
  <style>.grecaptcha-badge{visibility:hidden!important;}</style>
</head>
<body>

<!-- Top Bar -->
<div class="topbar">
  <div class="topbar-group">
    <span class="topbar-item">📞 <a href="tel:00962799006605">0799006605</a></span>
    <span class="topbar-item">✉️ <a href="mailto:info@dawoodcenter.com">info@dawoodcenter.com</a></span>
  </div>
  <div class="topbar-group">
    <span class="topbar-item">🕐 السبت – الخميس: 9 صباحاً – 6 مساءً</span>
    <span class="topbar-item">📍 عمان، الأردن</span>
  </div>
</div>

<!-- Nav -->
<nav class="nav">
  <div class="logo-wrap">
    <img src="assets/logo.png" alt="مركز الدكتور أحمد داوود">
    <div class="logo-text">
      <div class="name">مركز الدكتور أحمد داوود</div>
      <div class="sub">لجراحة التجميل — عمان، الأردن</div>
    </div>
  </div>
  <ul class="nav-links">
    <li><a href="#services">التخصصات</a></li>
    <li><a href="#gallery">معرض الصور</a></li>
    <li><a href="#about">عن المركز</a></li>
    <li><a href="#contact">اتصل بنا</a></li>
    <li><a href="#contact" class="nav-cta">احجز موعداً</a></li>
  </ul>
</nav>

<!-- Hero -->
<section class="hero">
  <div class="hero-bg"></div>
  <div class="hero-overlay"></div>
  <div class="hero-content">
    <div class="hero-badge">✦ جراحة التجميل المتخصصة — عمان، الأردن</div>
    <h1>مركز الدكتور<br><em>أحمد داوود</em><br>لجراحة التجميل</h1>
    <p>خبرة تمتد لأكثر من عشرين عاماً في إجراء عمليات تجميل الوجه والجسم بأعلى معايير الجودة والسلامة لتحقيق نتائج طبيعية ومضمونة.</p>
    <div class="hero-btns">
      <a href="#contact" class="btn-primary">احجز موعداً</a>
      <a href="#services" class="btn-ghost">تعرف على خدماتنا</a>
    </div>
  </div>
</section>

<!-- Stats Bar -->
<div class="stats-bar">
  <div class="stat"><div class="stat-num">+20</div><div class="stat-lbl">سنة خبرة</div></div>
  <div class="stat"><div class="stat-num">+5000</div><div class="stat-lbl">عملية ناجحة</div></div>
  <div class="stat"><div class="stat-num">+10</div><div class="stat-lbl">تخصصات طبية</div></div>
  <div class="stat"><div class="stat-num">100%</div><div class="stat-lbl">رضا المرضى</div></div>
</div>

<!-- Services -->
<section class="section services-section" id="services">
  <div class="sec-header">
    <h2>تخصصاتنا وخدماتنا</h2>
    <p>مجموعة شاملة من عمليات التجميل بأيدي خبيرة وتقنيات حديثة</p>
    <div class="gold-line"><div class="gold-dot"></div></div>
  </div>
  <div class="services-grid">
    <div class="svc-card">
      <div class="svc-num">01</div>
      <h3>الوجه والرقبة</h3>
      <p>عمليات تجميل الوجه والرقبة بما فيها تجميل الأنف وشد الوجه بتقنيات دقيقة</p>
    </div>
    <div class="svc-card">
      <div class="svc-num">02</div>
      <h3>تجميل الثدي</h3>
      <p>عمليات تكبير وتصغير ورفع الثدي بأحدث التقنيات وأمان تام</p>
    </div>
    <div class="svc-card">
      <div class="svc-num">03</div>
      <h3>شفط الدهون</h3>
      <p>تقنيات متطورة لإزالة الدهون المتراكمة وتجميل القوام بشكل دائم</p>
    </div>
    <div class="svc-card">
      <div class="svc-num">04</div>
      <h3>جراحة السمنة</h3>
      <p>حلول جراحية متكاملة لعلاج السمنة وتحسين نوعية الحياة</p>
    </div>
    <div class="svc-card">
      <div class="svc-num">05</div>
      <h3>زراعة الشعر</h3>
      <p>أحدث تقنيات زراعة الشعر للرجال والنساء بنتائج طبيعية ودائمة</p>
    </div>
    <div class="svc-card">
      <div class="svc-num">06</div>
      <h3>الحروق والحوادث</h3>
      <p>علاج آثار الحروق والحوادث وإعادة التأهيل الجمالي باحترافية عالية</p>
    </div>
    <div class="svc-card">
      <div class="svc-num">07</div>
      <h3>التقشير والصنفرة</h3>
      <p>جلسات تقشير وتجديد الجلد للحصول على بشرة نضرة ومشرقة</p>
    </div>
    <div class="svc-card">
      <div class="svc-num">08</div>
      <h3>التشوهات الخلقية</h3>
      <p>تصحيح التشوهات الخلقية وإعادة تشكيل الملامح بدقة فائقة</p>
    </div>
    <div class="svc-card">
      <div class="svc-num">09</div>
      <h3>شد الوجه</h3>
      <p>تقنيات شد الوجه الجراحية وغير الجراحية لنتائج شابة وطبيعية</p>
    </div>
  </div>
</section>

<!-- Gallery -->
<section class="gallery-section" id="gallery">
  <div class="sec-header">
    <h2>معرض الصور</h2>
    <p>نماذج من أعمالنا وخدماتنا المتميزة</p>
    <div class="gold-line"><div class="gold-dot"></div></div>
  </div>
  <div class="gallery-grid">
    <div class="g1"><img src="assets/rhinoplasty.jpg" alt="جراحة الأنف" class="gallery-img" loading="lazy"></div>
    <div class="g2"><img src="assets/cheek1.jpg" alt="تجميل الخد" class="gallery-img" loading="lazy"></div>
    <div class="g3"><img src="assets/cheek2.jpg" alt="تجميل الوجه" class="gallery-img" loading="lazy"></div>
    <div class="g4"><img src="assets/ear.jpg" alt="تجميل الأذن" class="gallery-img" loading="lazy"></div>
    <div class="g5"><img src="assets/face1.jpg" alt="جراحة الوجه" class="gallery-img" loading="lazy"></div>
    <div class="g6"><img src="assets/lips.jpg" alt="تجميل الشفاه" class="gallery-img" loading="lazy"></div>
    <div class="g7"><img src="assets/neck.jpg" alt="تجميل الرقبة" class="gallery-img" loading="lazy"></div>
    <div class="g8"><img src="assets/facelift.jpg" alt="شد الوجه" class="gallery-img" loading="lazy"></div>
  </div>
</section>

<!-- About -->
<section class="about-section" id="about">
  <div class="about-grid">
    <div class="about-img-wrap">
      <img src="assets/ultherapy.png" alt="المركز" class="about-img">
      <div class="about-badge">
        <div class="num">+20</div>
        <div class="txt">عاماً من الخبرة</div>
      </div>
    </div>
    <div class="about-text">
      <h2>عن <em>المركز</em></h2>
      <p>مركز الدكتور أحمد داوود لجراحة التجميل هو مركز طبي متخصص في عمان، المملكة الأردنية الهاشمية، يقدم طيفاً واسعاً من عمليات تجميل الوجه والجسم.</p>
      <p>يتميز المركز بكوادر طبية مدربة على أعلى المستويات العالمية واستخدام أحدث التقنيات والأجهزة الطبية لضمان أفضل النتائج وأعلى معايير السلامة للمرضى.</p>
      <ul class="about-list">
        <li>فريق طبي متخصص ومتمرس</li>
        <li>تقنيات حديثة ومعدات متطورة</li>
        <li>متابعة ما بعد العملية</li>
        <li>نتائج طبيعية ومضمونة</li>
        <li>سرية تامة ورعاية متكاملة</li>
        <li>بيئة آمنة ومعقمة</li>
      </ul>
    </div>
  </div>
</section>

<!-- Map -->
<section class="map-section" id="map">
  <div class="sec-header">
    <h2>موقعنا</h2>
    <p>عمان، المملكة الأردنية الهاشمية — نسعد بزيارتكم</p>
    <div class="gold-line"><div class="gold-dot"></div></div>
  </div>
  <div class="map-frame">
    <iframe src="https://maps.google.com/maps?q=192+Princess+Basmah+Street,+Amman,+Jordan&output=embed&z=17&iwloc=B" allowfullscreen loading="lazy" title="موقع المركز"></iframe>
  </div>
</section>

<!-- Contact -->
<section class="contact-section" id="contact">
  <div class="contact-grid">
    <div class="contact-info">
      <h2>تواصل <em>معنا</em></h2>
      <p class="lead">نحن هنا للإجابة على استفساراتكم وتحديد موعدكم. تواصلوا معنا عبر أي من القنوات التالية.</p>
      <div class="contact-item">
        <div class="contact-icon">📞</div>
        <div class="contact-item-text">
          <div class="label">الهاتف</div>
          <a href="tel:00962799006605">0799006605</a>
        </div>
      </div>
      <div class="contact-item">
        <div class="contact-icon">✉️</div>
        <div class="contact-item-text">
          <div class="label">البريد الإلكتروني</div>
          <a href="mailto:info@dawoodcenter.com">info@dawoodcenter.com</a>
        </div>
      </div>
      <div class="contact-item">
        <div class="contact-icon">💬</div>
        <div class="contact-item-text">
          <div class="label">واتساب</div>
          <a href="https://wa.me/962799006605" target="_blank" rel="noopener">0799006605</a>
        </div>
      </div>
      <div class="contact-item">
        <div class="contact-icon">📍</div>
        <div class="contact-item-text">
          <div class="label">العنوان</div>
          <span>مكتب 506 - عمارة حسين حمدان 192، شارع الأميرة بسمة، عمان، الأردن</span>
        </div>
      </div>
      <div class="social-row">
        <a href="https://www.facebook.com/dawoodcenter/" class="soc-link soc-fb" target="_blank" rel="noopener">f فيسبوك</a>
      </div>
    </div>
    <div class="form-box">
      <h3>أرسل لنا رسالة</h3>
      <p class="form-sub">سنرد عليكم في أقرب وقت ممكن</p>
      <form id="contactForm">
        <!-- honeypot: hidden from humans, bots fill it -->
        <div style="position:absolute;left:-9999px;top:-9999px;opacity:0;height:0;overflow:hidden" aria-hidden="true">
          <input type="text" name="website" tabindex="-1" autocomplete="off">
        </div>
        <input type="hidden" name="_t" id="_t">
        <input type="hidden" name="_tok" id="_tok">
        <div class="form-row">
          <div class="form-group">
            <label>الاسم الكامل *</label>
            <input type="text" name="name" placeholder="اسمك الكامل" required>
          </div>
          <div class="form-group">
            <label>رقم الهاتف</label>
            <input type="tel" name="phone" placeholder="07xxxxxxxx">
          </div>
        </div>
        <div class="form-group">
          <label>البريد الإلكتروني *</label>
          <input type="email" name="email" placeholder="بريدك الإلكتروني" required>
        </div>
        <div class="form-group">
          <label>نوع العملية / الاستفسار</label>
          <select name="service">
            <option value="">اختر نوع الخدمة</option>
            <option>تجميل الوجه والرقبة</option>
            <option>تجميل الثدي</option>
            <option>شفط الدهون</option>
            <option>جراحة السمنة</option>
            <option>زراعة الشعر</option>
            <option>الحروق والحوادث</option>
            <option>التقشير والصنفرة</option>
            <option>التشوهات الخلقية</option>
            <option>شد الوجه</option>
            <option>استفسار عام</option>
          </select>
        </div>
        <div class="form-group">
          <label>رسالتك *</label>
          <textarea name="message" placeholder="اكتب استفسارك أو طلبك هنا..." required></textarea>
        </div>
        <button type="submit" class="form-submit" id="submitBtn">إرسال الرسالة</button>
        <div class="form-msg" id="formMsg"></div>
        <p style="font-size:11px;line-height:1.6;color:#94a3b8;margin-top:12px;text-align:center">
          هذا الموقع محمي بواسطة reCAPTCHA وتطبَّق عليه
          <a href="https://policies.google.com/privacy" target="_blank" rel="noopener" style="color:inherit;text-decoration:underline">سياسة الخصوصية</a> و
          <a href="https://policies.google.com/terms" target="_blank" rel="noopener" style="color:inherit;text-decoration:underline">شروط الخدمة</a> الخاصة بجوجل.
        </p>
      </form>
    </div>
  </div>
</section>

<!-- Footer -->
<footer>
  <p>جميع الحقوق محفوظة &copy; 2026 <a href="#">مركز د. أحمد داوود للجراحة التجميلية</a> — عمان، الأردن</p>
</footer>

<!-- WhatsApp Float -->
<a href="https://wa.me/962799006605" class="wa-float" target="_blank" rel="noopener" title="تواصل عبر واتساب">
  <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><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>
</a>

<script>
// Set form timestamp + JS token on load
(function(){
  document.getElementById('_t').value = Date.now();
  var tok = btoa(String.fromCharCode.apply(null, [Math.random()*255|0, Date.now()%255, navigator.language.length, screen.width%255]));
  document.getElementById('_tok').value = tok;
  sessionStorage.setItem('_ftok', tok);
})();

document.getElementById('contactForm').addEventListener('submit', async function(e) {
  e.preventDefault();
  var btn = document.getElementById('submitBtn');
  var msg = document.getElementById('formMsg');
  btn.disabled = true;
  btn.textContent = 'جارٍ الإرسال...';
  msg.style.display = 'none';
  var fd = new FormData(this);
  var rcToken = await (typeof grecaptcha !== 'undefined'
    ? new Promise(function(r){ grecaptcha.ready(function(){ grecaptcha.execute('6LcDtzAtAAAAAJ6nfismaUe2_VySNiVnNZb1zY_T', {action:'contact'}).then(r).catch(function(){ r(''); }); }); })
    : Promise.resolve(''));
  fd.set('recaptcha_token', rcToken);
  fetch('contact.php', {method:'POST', body:fd})
    .then(function(r){return r.json();})
    .then(function(data){
      msg.style.display = 'block';
      if(data.success){
        msg.className = 'form-msg success';
        msg.textContent = data.message;
        document.getElementById('contactForm').reset();
      } else {
        msg.className = 'form-msg error';
        msg.textContent = data.message;
      }
      btn.disabled = false;
      btn.textContent = 'إرسال الرسالة';
    })
    .catch(function(){
      msg.style.display = 'block';
      msg.className = 'form-msg error';
      msg.textContent = 'حدث خطأ. يرجى التواصل معنا مباشرة على info@dawoodcenter.com';
      btn.disabled = false;
      btn.textContent = 'إرسال الرسالة';
    });
});
</script>

<script>
(function(){
  var btn = document.createElement('button');
  btn.className = 'nav-toggle';
  btn.setAttribute('aria-label','Menu');
  btn.innerHTML = '<span></span><span></span><span></span>';
  var nav = document.querySelector('.nav');
  var links = document.querySelector('.nav-links');
  if(nav && links){
    nav.appendChild(btn);
    btn.addEventListener('click', function(){
      btn.classList.toggle('open');
      links.classList.toggle('open');
    });
    links.querySelectorAll('a').forEach(function(a){
      a.addEventListener('click', function(){
        btn.classList.remove('open');
        links.classList.remove('open');
      });
    });
  }
})();
</script>
</body>