/* ===== عيادة الدكتور - تصميم متجاوب لكل الشاشات ===== */
*{box-sizing:border-box;margin:0;padding:0}
:root{--p:#0ea5a4;--pd:#0b7c7b;--bg:#f6fbfa;--card:#fff;--txt:#123;--mut:#5b7288;--r:14px}
html{scroll-behavior:smooth}
body{font-family:'Segoe UI',Tahoma,Arial,sans-serif;background:var(--bg);color:var(--txt);line-height:1.8;overflow-x:hidden}
img,video{max-width:100%;display:block;border-radius:10px}
.container{width:min(1180px,94%);margin:0 auto}
a{color:var(--p);text-decoration:none}
/* الشريط المتحرك */
.ticker{background:#0b3b3a;color:#fff;overflow:hidden;white-space:nowrap;padding:8px 0;font-size:15px}
.ticker-track{display:inline-block;animation:tick 28s linear infinite}
.ticker-track span{margin:0 26px}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(50%)}}
/* الهيدر */
.header{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 14px #0001}
.header-in{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:10px}
.brand .logo{height:52px}
.logo-txt{font-weight:800;font-size:20px;color:var(--pd)}
.nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.nav a{color:var(--txt);font-weight:600;padding:8px 10px;border-radius:8px}
.nav a.on,.nav a:hover{background:#e6fffe;color:var(--pd)}
.btn-book,.btn{background:var(--p);color:#fff!important;padding:10px 22px;border-radius:10px;font-weight:700;border:0;cursor:pointer;display:inline-block;text-align:center}
.btn:hover{background:var(--pd)}
.btn.ghost{background:#fff;color:var(--pd)!important;border:2px solid #fff}
.btn.ghost-d{background:#fff;color:var(--pd)!important;border:2px solid var(--p)}
.btn.sm{padding:6px 14px;font-size:14px}
.btn.big{font-size:18px;padding:14px 34px}
.burger{display:none;background:var(--p);color:#fff;border:0;font-size:22px;border-radius:8px;padding:6px 12px;cursor:pointer}
/* السلايدر */
.hero{position:relative;height:min(78vh,620px);min-height:380px;overflow:hidden;background:#063}
.slides,.slide{height:100%}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;pointer-events:none}
.slide.active{opacity:1;pointer-events:auto}
.slide img,.slide video,.slide-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide-fallback{background:linear-gradient(135deg,#0ea5a4,#065f5e 60%,#033)}
.overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,.15))}
.slide-txt{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:20px;gap:12px}
.slide-txt h1{font-size:clamp(26px,5vw,52px);text-shadow:0 3px 12px #0008;animation:up .7s ease}
.slide-txt p{font-size:clamp(15px,2.4vw,21px);max-width:700px}
.slide-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
@keyframes up{from{transform:translateY(26px);opacity:0}to{transform:none;opacity:1}}
.arr{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffcc;border:0;width:46px;height:46px;border-radius:50%;font-size:26px;cursor:pointer;color:#065f5e}
.arr.prev{right:12px}.arr.next{left:12px}
.dots{position:absolute;bottom:14px;width:100%;display:flex;gap:8px;justify-content:center}
.dots button{width:12px;height:12px;border-radius:50%;border:0;background:#ffffff88;cursor:pointer}
.dots button.on{background:#fff;width:30px;border-radius:8px}
/* بطاقات */
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px auto}
.qcard{background:var(--card);border-radius:var(--r);padding:14px;box-shadow:0 4px 16px #0001;text-align:center;font-size:15px}
.qcard b{display:block}
.qcard.cta{background:var(--p);color:#fff;font-weight:800}
.sec-title{text-align:center;margin:34px 0 18px;color:#065f5e;font-size:clamp(22px,3.5vw,30px)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.card{background:var(--card);border-radius:var(--r);padding:16px;box-shadow:0 4px 16px #0001}
.card h3{color:#065f5e;margin:8px 0}
.card .price{color:var(--p);font-weight:800}
.row{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.more{font-weight:700}
.center{text-align:center;margin:18px 0}
.about{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center;margin:30px auto;background:var(--card);padding:22px;border-radius:18px;box-shadow:0 4px 16px #0001}
.img-ph{background:linear-gradient(135deg,#ccfbf1,#99f6e4);border-radius:12px;min-height:220px;display:flex;align-items:center;justify-content:center;font-size:70px}
.doc{text-align:center}.spec{color:var(--mut)}
.testi .stars{color:#f59e0b;font-size:20px}
.cta-band{background:linear-gradient(135deg,#0ea5a4,#065f5e);color:#fff;text-align:center;padding:38px 0;margin:34px 0 0}
.cta-band h2{margin-bottom:14px;font-size:clamp(19px,3vw,27px)}
.page{padding:24px 0}.page h1{color:#065f5e;margin-bottom:14px}
.full-img{width:100%;max-height:420px;object-fit:cover;margin:12px 0}
.content{background:#fff;padding:18px;border-radius:12px;box-shadow:0 4px 16px #0001}
.muted{color:var(--mut)}
.form{background:#fff;padding:20px;border-radius:14px;box-shadow:0 4px 16px #0001;display:grid;gap:12px;max-width:680px}
.form label{display:grid;gap:6px;font-weight:600}
.form input,.form select,.form textarea{padding:11px;border:1.5px solid #cde8e7;border-radius:9px;font-size:16px;font-family:inherit}
.form input:focus,.form select,.form textarea:focus{outline:2px solid var(--p)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.alert{padding:12px;border-radius:10px;font-weight:700}
.alert.ok{background:#d1fae5;color:#065f46}.alert.err{background:#fee2e2;color:#991b1b}
/* الفوتر */
.footer{background:#07332f;color:#d7efee;margin-top:30px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;padding:26px 0}
.foot-grid a{display:block;color:#d7efee}
.copy{text-align:center;border-top:1px solid #ffffff22;padding:12px;font-size:14px}
.wa-float{position:fixed;bottom:18px;left:18px;background:#25d366;font-size:30px;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #0005;z-index:60}
/* ===== تجاوب كامل ===== */
@media(max-width:900px){
  .quick{grid-template-columns:repeat(2,1fr)}
  .grid3{grid-template-columns:repeat(2,1fr)}
  .about{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .burger{display:block}
  .nav{display:none;position:absolute;top:100%;right:0;left:0;background:#fff;flex-direction:column;padding:12px;box-shadow:0 10px 20px #0002}
  .nav.open{display:flex}
  .grid3,.grid2,.row2{grid-template-columns:1fr}
  .quick{grid-template-columns:1fr 1fr;font-size:13px}
  .hero{min-height:440px}
  .foot-grid{grid-template-columns:1fr;text-align:center}
}