:root{
  --bg:#EFFFFF;                /* خلفية ناعمة أفتح من CleanLife */
  --surface:#FFFFFF;           /* بطاقات بيضاء */
  --text:#004D53;              /* نص داكن مائل للفيروزي */
  --muted:#4F7B80;             /* نص ثانوي */
  --primary:#26C4C4;           /* الفيروزي الأساسي */
  --primary-2:#18A5A5;         /* لون أغمق للهوفر */
  --border:#D6F4F4;            /* حدود ناعمة */
  --radius:18px;
  --shadow:0 10px 30px rgba(38,196,196,0.18); /* ظل بنفس التون */
}
html{direction:rtl}
*{box-sizing:border-box}
body{margin:0;font-family:Tajawal,system-ui,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.9}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(1200px,92%);margin:auto}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border);z-index:50;backdrop-filter:saturate(150%) blur(6px)}
.header{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0;gap:1rem}
.brand{display:flex;align-items:center;gap:.7rem}
.brand img{width:80px;height:80px;border-radius:16px;box-shadow:var(--shadow)}
.brand span{font-weight:800;font-size:1.35rem}
.nav{display:flex;gap:.6rem;align-items:center}
.nav a{padding:.55rem .9rem;border-radius:12px}
.nav a:hover{background:#ECF6FF}
.btn{display:inline-block;border:1px solid var(--border);padding:.8rem 1.15rem;border-radius:14px;background:#fff;box-shadow:var(--shadow)}
.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-2)}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#FBFAF6,#FFFFFF)}
.slide-track{display:flex;animation:slide 24s infinite ease-in-out}
.slide{min-width:100%;height:56vw;max-height:560px}
.slide img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.03)}
@keyframes slide{0%,16%{transform:translateX(0)}33%,49%{transform:translateX(-100%)}66%,82%{transform:translateX(-200%)}100%{transform:translateX(0)}}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,46,77,.55),rgba(4,46,77,.1) 60%);display:flex;align-items:center}
.hero-box{color:#fff;padding:2rem 0}
.hero-box h1{margin:0 0 .5rem;font-size:clamp(28px,4vw,46px)}
.hero-cta{display:flex;gap:.7rem;flex-wrap:wrap}
.section{padding:2.2rem 0}
.grid{display:grid;gap:1rem}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.kpi{padding:1.2rem;border:1px dashed var(--border);border-radius:16px;background:#fff;text-align:center;position:relative;overflow:hidden}
.counter{font-size:clamp(28px,4vw,40px);font-weight:900;color:#0a6db0}
.gallery img{aspect-ratio:4/3;object-fit:cover;border-radius:14px;box-shadow:var(--shadow)}
.blog-card img{aspect-ratio:16/9;object-fit:cover;border-radius:12px}
.post-hero{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;margin:1rem 0;box-shadow:var(--shadow)}
footer{border-top:1px solid var(--border);margin-top:2rem}
.footer-inner{padding:1.2rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.small{color:#5e7b8bb0}
.floating-whatsapp,.floating-call{position:fixed;bottom:22px;width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;z-index:999}
.floating-call{right:22px;background:#128FE6;box-shadow:0 12px 28px rgba(18,143,230,.35)}
.floating-whatsapp{right:110px;background:#1FAF38;box-shadow:0 12px 28px rgba(31,175,56,.35)}
.floating-whatsapp img,.floating-call img{width:34px;height:34px}
@media(max-width:900px){.g3{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.g3{grid-template-columns:1fr}.floating-whatsapp{right:96px}}
.hero{
  background:
    linear-gradient(90deg, rgba(38,196,196,0.15), rgba(255,255,255,0.85)),
    url("../img/DSC04417-1200.webp") right center / cover no-repeat;
}