/* شاشة التطبيقات في الصفحة الرئيسية (مرحبًا بك في SMAZOD): تصميم لوحة تطبيقات بكروت.
   آخر ستايل في index.html. للرجوع للشكل القديم: امسح السطر اللي بيحمّل الملف ده. */
html body.hv2 .eg-hero .stage{isolation:isolate;max-width:1120px;margin-top:44px}

/* إطار النافذة */
html body.hv2 .eg-hero .win{position:relative;overflow:hidden;border-radius:26px;background:#f9fafd;
  border:1px solid #eef2fa;box-shadow:0 30px 60px -34px rgba(47,116,220,.35)}
html body.hv2 .eg-hero .win:before{content:"";display:block;height:46px;border-bottom:1px solid #eef2fa;
  background:radial-gradient(circle at 24px 23px,#e1e6ee 0 5px,transparent 5.5px),radial-gradient(circle at 44px 23px,#e1e6ee 0 5px,transparent 5.5px),radial-gradient(circle at 64px 23px,#e1e6ee 0 5px,transparent 5.5px),linear-gradient(180deg,#fafbfd,#fafbfd);direction:ltr}
html body.hv2 .eg-hero .win-c{padding:38px 40px 44px;background:transparent}

/* الترحيب والبحث */
html body.hv2 .eg-hero .hello{margin-bottom:34px}
html body.hv2 .eg-hero .hello b{font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-.2px;color:var(--ink)}
html body.hv2 .eg-hero .hello small{display:block;margin-top:6px;font-size:15px;color:var(--mu)}
html body.hv2 .eg-hero .srch{max-width:560px;height:52px;border-radius:16px;background:#fff;border:1px solid #eef2fa;margin-bottom:32px;padding-inline:18px;font-size:15px;color:#7a88a6;
  box-shadow:0 1px 2px rgba(16,24,40,.05)}
html body.hv2 .eg-hero .srch svg{stroke:#8a94a6;width:19px;height:19px}
html body.hv2 .eg-hero .srch:after{content:"/";margin-inline-start:auto;font:700 12px/22px system-ui,sans-serif;color:#7a88a6;background:#f1f5fd;border:1px solid #dbe5f8;border-bottom-width:2px;border-radius:7px;min-width:24px;text-align:center}

/* شبكة التطبيقات: كل تطبيق كرت */
html body.hv2 .eg-hero .grid{max-width:none;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px}
html body.hv2 .eg-hero .app{position:relative;width:auto;justify-self:stretch;gap:12px;padding:20px 8px 16px;border-radius:20px;background:#fff;border:1px solid #eef2fa;
  box-shadow:0 1px 2px rgba(15,23,42,.04),0 12px 24px -20px rgba(37,99,235,.4);cursor:pointer;
  transition:translate .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s,background .25s}
html body.hv2 .eg-hero .app:hover{translate:0 -5px;border-color:#dbe6fb;box-shadow:0 18px 30px -20px rgba(47,116,220,.45)}
html body.hv2 .eg-hero .tile{width:66px;height:66px;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
html body.hv2 .eg-hero .app:hover .tile{transform:scale(1.1) rotate(-3deg)}
html body.hv2 .eg-hero .app span{font-size:14px;font-weight:700;color:#2a2b2d;line-height:1.35}

@media(max-width:1000px){
  html body.hv2 .eg-hero .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  html body.hv2 .eg-hero .win-c{padding:30px 22px 34px}}
@media(max-width:560px){
  html body.hv2 .eg-hero .stage{margin-top:30px}
  html body.hv2 .eg-hero .win:after{min-width:150px;padding:0 26px 0 12px}
  html body.hv2 .eg-hero .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  html body.hv2 .eg-hero .app{padding:14px 4px 12px;gap:9px;border-radius:16px}
  html body.hv2 .eg-hero .tile{width:54px;height:54px}
  html body.hv2 .eg-hero .app span{font-size:12.5px}
  html body.hv2 .eg-hero .win-c{padding:24px 12px 26px}
  html body.hv2 .eg-hero .srch{height:46px;margin-bottom:22px}}

@media(prefers-reduced-motion:reduce){html body.hv2 .eg-hero .app,html body.hv2 .eg-hero .tile{transition:none}}

/* وصف قصير تحت اسم كل تطبيق */
html body.hv2 .eg-hero .app{gap:6px;padding:22px 10px 18px}
html body.hv2 .eg-hero .app .tile{margin-bottom:8px}
html body.hv2 .eg-hero .app small{display:block;font-size:12px;font-weight:500;line-height:1.4;color:var(--mu);text-align:center}
@media(max-width:560px){html body.hv2 .eg-hero .app small{font-size:11px}}

/* سطر الترحيب: عنوان فرعي + وصف */
html body.hv2 .eg-hero .hello small strong,html body .stage .hello small strong{display:block;font-size:clamp(16px,1.6vw,19px);font-weight:700;color:var(--ink);margin-bottom:3px}
html body .stage .hello small span{display:block;font-size:14.5px;line-height:1.7;color:var(--mu);font-weight:500}