/* Cabinet médical: mint and deep teal, calm reading type, information first. */
:root{
  --bg:#F6FAF9; --surface:#FFFFFF; --surface-2:#E4F1EE; --ink:#0E2A2E; --muted:#4F6669; --line:#D8E7E4;
  --accent:#0F766E; --on-accent:#fff; --accent-2:#B45309; --ok:#128C5E;
  --display:"Newsreader",Georgia,serif; --body:"Figtree",system-ui,sans-serif;
  --radius:16px; --radius-lg:24px; --shadow:0 26px 54px -32px rgba(14,42,46,.55);
}
[dir=rtl]{--display:"Noto Naskh Arabic",Tahoma,serif;--body:"IBM Plex Sans Arabic",Tahoma,sans-serif}
.logo-name{font-size:23px;font-weight:600}
.notice{background:#FDF3E7;color:#7A3D06;border-bottom:1px solid #F1DFC7}
.notice .ic{color:var(--accent-2)}

/* hero */
.hero{background:radial-gradient(60% 80% at 90% 0,#D5EEE8 0,transparent 70%),linear-gradient(180deg,var(--surface-2) 0,var(--bg) 70%)}
.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.hero h1{font-size:clamp(42px,5.6vw,76px);font-weight:500}
.hero h1 em{color:var(--accent)}
.live{display:flex;width:fit-content;align-items:center;gap:10px;background:var(--surface);border-radius:999px;padding:8px 14px 8px 12px;font-size:13px;font-weight:700;box-shadow:inset 0 0 0 1px var(--line);margin-bottom:22px}
.live i{width:9px;height:9px;border-radius:50%;background:#16A34A;box-shadow:0 0 0 0 rgba(22,163,74,.5);animation:live 2s infinite}
@keyframes live{70%{box-shadow:0 0 0 8px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.mini-stats{display:flex;flex-wrap:wrap;gap:12px 36px;margin-top:40px;padding-top:26px;border-top:1px solid var(--line)}
.mini-stats div{display:grid}
.mini-stats b{font-family:var(--display);font-size:30px;font-weight:500;color:var(--accent);line-height:1.1}
.mini-stats span{font-size:13px;color:var(--muted)}
.hero-media{position:relative;padding-bottom:70px}
.doc-photo{border-radius:200px 200px var(--radius-lg) var(--radius-lg);overflow:hidden;aspect-ratio:4/4.6;box-shadow:var(--shadow);background:var(--surface-2)}
.infocard{position:absolute;bottom:0;inset-inline-start:-48px;width:min(330px,88%);background:var(--surface);border-radius:var(--radius-lg);padding:22px 24px;box-shadow:var(--shadow);display:grid;gap:12px}
.infocard h2{display:flex;align-items:center;gap:8px;font-family:var(--body);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.infocard h2 .ic{width:18px;height:18px}
[dir=rtl] .infocard h2{letter-spacing:0;font-size:15px}
.infocard .hours{font-size:14px;gap:7px}
.infocard .hours div{border-bottom:1px dashed var(--line);padding-bottom:7px}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--accent);text-decoration:none}
.link-arrow .ic{width:17px;height:17px}
.doc-visual{aspect-ratio:4/5;border-radius:inherit;background:radial-gradient(circle at 50% 42%,var(--surface) 0 38%,var(--surface-2) 38.5%);display:grid;place-items:center;color:var(--accent);height:100%}
.doc-visual .big{width:38%;height:auto;stroke-width:1.2}

.badges{background:var(--accent)}
.badges .mq-row .ic{color:#A7F3D0}
.svc{box-shadow:inset 0 0 0 1px var(--line)}
.svc-pic{aspect-ratio:16/9}
.svc-ic{border-radius:50%}
.svc h3{font-family:var(--body);font-weight:700;font-size:20px}
.svc .svc-price{font-variant-numeric:tabular-nums;color:var(--accent)}
.about{background:var(--surface)}
.about-photo{border-radius:var(--radius-lg)}
.float-stat b{color:var(--accent)}
.quote blockquote{font-size:17px}
.book{background:var(--surface-2)}
.faq summary{font-family:var(--body)}
.cta-in{background:linear-gradient(120deg,#0E2A2E,#0F5A54)}

@media (max-width:860px){
  .hero-in{grid-template-columns:1fr;gap:40px}
  .hero-media{max-width:520px;width:100%;margin-inline:auto}
  .infocard{inset-inline-start:12px}
}