:root{
  --bg:#050b16;--panel:#0b172b;--text:#f4f7ff;--muted:#9fb0ca;
  --border:rgba(255,255,255,.08);--shadow:0 14px 38px rgba(0,0,0,.28)
}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{
  margin:0;font-family:Tahoma,Arial,sans-serif;color:var(--text);line-height:1.75;
  background:radial-gradient(circle at 80% 12%,rgba(33,199,255,.09),transparent 28%),
  radial-gradient(circle at 12% 34%,rgba(122,87,255,.07),transparent 28%),var(--bg)
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.topbar{
  position:sticky;top:0;z-index:5;text-align:center;
  padding:max(12px,env(safe-area-inset-top)) 14px 12px;
  background:rgba(5,11,22,.95);backdrop-filter:blur(15px);border-bottom:1px solid var(--border)
}
.topbar strong{font-size:clamp(1.3rem,5vw,1.75rem)}
.profile{width:min(860px,calc(100% - 20px));margin:0 auto;padding:22px 0 18px;display:flex;justify-content:center}
.profile-ring{
  width:min(62vw,250px);aspect-ratio:1;border-radius:50%;padding:7px;overflow:hidden;
  background:linear-gradient(145deg,#176f9b,#1b244a);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow)
}
.profile-ring img{
  width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;
  border:4px solid rgba(255,255,255,.92)
}
.cards{
  width:min(860px,calc(100% - 20px));margin:0 auto;
  display:grid;gap:12px;padding:6px 0 54px
}
.card{
  overflow:hidden;border-radius:23px;border:1px solid var(--border);
  background:linear-gradient(180deg,rgba(13,27,50,.98),rgba(8,18,37,.98));box-shadow:var(--shadow)
}
.card-toggle,.card-static-title{
  width:100%;min-height:68px;padding:17px 20px;color:#fff;
  font:inherit;font-size:clamp(1.08rem,4.3vw,1.35rem);font-weight:800;text-align:right
}
.card-toggle{border:0;background:transparent;cursor:pointer}
.card-static-title{display:flex;align-items:center}
.card-content{padding:12px;border-top:1px solid var(--border)}
.card-content-box{background:#fff;color:#111;border-radius:26px;padding:18px;border:1px solid rgba(0,0,0,.08)}
.card-content-box p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
footer{
  width:min(860px,calc(100% - 20px));margin:0 auto;
  padding:30px 0 max(42px,env(safe-area-inset-bottom));border-top:1px solid var(--border);
  display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;color:var(--muted)
}
.footer-name{color:#fff;font-family:"Times New Roman",Georgia,serif;font-size:clamp(1.45rem,6vw,2rem);font-style:italic}
.contact-grid{width:min(680px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.contact-link{
  min-height:104px;border-radius:23px;border:1px solid var(--border);background:var(--panel);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff
}
.app-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center}
.app-icon svg{width:31px;height:31px;fill:#fff}
.whatsapp{background:#25D366}.phone{background:#1f8cff}.facebook{background:#1877F2}.email{background:#26374d}
.maintenance{min-height:70vh;display:grid;place-items:center;padding:24px}
.maintenance-box{width:min(520px,100%);padding:28px;border-radius:26px;background:var(--panel);border:1px solid var(--border);text-align:center}
@media(max-width:420px){
  .profile,.cards,footer{width:calc(100% - 16px)}
  .profile-ring{width:min(58vw,220px)}
  .contact-link{min-height:96px}
}

.contact-grid{position:relative;z-index:3}
.contact-link{
  position:relative;
  z-index:4;
  pointer-events:auto !important;
  touch-action:manipulation;
  cursor:pointer;
}
.contact-link *{pointer-events:none}

.contact-link{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}

/* v7: لا يوجد اسم فوق أيقونات التواصل */
.contact-grid{margin-top:4px}

/* v8 native contact links */
.contact-link{pointer-events:auto!important;touch-action:manipulation;cursor:pointer}
.contact-link *{pointer-events:none}

[hidden]{display:none!important}

/* v9 contact links: only visible after D1 provides a real href */
.contact-link[href]{
  pointer-events:auto !important;
  cursor:pointer;
  touch-action:manipulation;
}