/* ═══ نافذة "قريباً" لبطاقات الخدمات غير المفعّلة ═══ */
.soon-ov{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;
  background:rgba(10,30,26,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.soon-ov.open{opacity:1;visibility:visible}
.soon-box{position:relative;width:100%;max-width:440px;background:#fff;border-radius:28px;overflow:hidden;text-align:center;
  box-shadow:0 30px 80px rgba(0,60,48,.35);transform:translateY(24px) scale(.94);transition:transform .45s cubic-bezier(.2,.9,.3,1.25)}
.soon-ov.open .soon-box{transform:none}
.soon-top{position:relative;padding:38px 24px 64px;background:linear-gradient(135deg,var(--green-700,#006f57),var(--green-500,#00a98f) 60%,var(--green-400,#2cc8b3));overflow:hidden}
.soon-top::before,.soon-top::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}
.soon-top::before{width:220px;height:220px;top:-90px;right:-70px}
.soon-top::after{width:140px;height:140px;bottom:-60px;left:-40px}
.soon-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:30px;
  background:rgba(255,255,255,.18);color:#fff;font-weight:700;font-size:.85rem;letter-spacing:.3px;border:1px solid rgba(255,255,255,.3)}
.soon-badge i{width:8px;height:8px;border-radius:50%;background:#fff;animation:soonPulse 1.4s infinite}
.soon-ttl{position:relative;z-index:1;color:#fff;font-size:1.9rem;font-weight:900;margin:14px 0 0}
.soon-ic{position:relative;z-index:2;width:96px;height:96px;margin:-48px auto 0;border-radius:26px;background:#fff;display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 30px rgba(0,140,110,.25);animation:soonFloat 3s ease-in-out infinite}
.soon-ic::after{content:"";position:absolute;inset:-6px;border-radius:30px;border:2px dashed var(--green-300,#77dfd0);animation:soonSpin 14s linear infinite}
.soon-ic svg{width:44px;height:44px;stroke:var(--green-600,#008c6e);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.soon-body{padding:20px 30px 30px}
.soon-name{font-size:1.35rem;font-weight:800;color:var(--gray-900,#2e2e2b);margin:6px 0 2px}
.soon-en{font-size:.85rem;color:var(--gray-400,#8c8c88);margin-bottom:14px}
.soon-txt{color:var(--gray-500,#62625f);line-height:1.9;font-size:.95rem;margin:0 0 18px}
.soon-bar{height:8px;border-radius:10px;background:var(--green-100,#ddf7f3);overflow:hidden;margin:0 0 6px}
.soon-bar span{display:block;height:100%;width:72%;border-radius:10px;
  background:linear-gradient(90deg,var(--green-600,#008c6e),var(--green-400,#2cc8b3),var(--green-600,#008c6e));background-size:200% 100%;
  animation:soonShine 2s linear infinite}
.soon-bar-lbl{display:flex;justify-content:space-between;font-size:.78rem;color:var(--gray-400,#8c8c88);margin-bottom:22px}
.soon-acts{display:flex;gap:10px}
.soon-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:14px;font-weight:700;font-size:.95rem;
  text-decoration:none;cursor:pointer;border:0;font-family:inherit;transition:transform .2s,box-shadow .2s}
.soon-btn:hover{transform:translateY(-2px)}
.soon-btn.pri{background:linear-gradient(135deg,var(--green-600,#008c6e),var(--green-400,#2cc8b3));color:#fff;box-shadow:0 8px 22px rgba(0,140,110,.3)}
.soon-btn.sec{background:var(--green-50,#f4fbfa);color:var(--green-700,#006f57);border:1px solid var(--green-200,#b7eee6)}
.soon-btn svg{width:18px;height:18px;fill:currentColor}
.soon-x{position:absolute;top:14px;left:14px;z-index:3;width:36px;height:36px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(255,255,255,.2);color:#fff;font-size:22px;line-height:36px;transition:background .2s}
.soon-x:hover{background:rgba(255,255,255,.35)}
body.soon-lock{overflow:hidden}
@keyframes soonPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
@keyframes soonFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes soonSpin{to{transform:rotate(360deg)}}
@keyframes soonShine{to{background-position:-200% 0}}
@media (max-width:480px){.soon-body{padding:18px 20px 24px}.soon-acts{flex-direction:column}.soon-ttl{font-size:1.6rem}}
@media (prefers-reduced-motion:reduce){.soon-ic,.soon-ic::after,.soon-bar span,.soon-badge i{animation:none}}