/* بانر تحميل تطبيق جبهالك في الصفحة الرئيسية */
.app-banner{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 32px;border-radius:20px;color:#fff;
  background:var(--navy,#123B5E);box-shadow:0 4px 14px rgba(0,0,0,.12);}
.app-banner::before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;left:-90px;top:-130px;background:rgba(255,255,255,.05);pointer-events:none;}
.app-banner::after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;left:60px;bottom:-120px;background:rgba(255,255,255,.06);pointer-events:none;}
.ab-main{position:relative;z-index:1;display:flex;align-items:center;gap:20px;min-width:0;}
.ab-icon{flex:0 0 auto;width:76px;height:76px;border-radius:20px;box-shadow:0 8px 20px rgba(0,0,0,.3),0 0 0 3px rgba(255,255,255,.14);}
.ab-text{min-width:0;}
.ab-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#ffd7b0;background:rgba(245,130,31,.2);border-radius:99px;padding:4px 11px;margin-bottom:8px;}
.ab-tag i{width:6px;height:6px;border-radius:50%;background:var(--orange,#F5821F);}
.ab-text h3{font-size:24px;font-weight:800;line-height:1.3;margin:0 0 6px;color:#fff;}
.ab-text p{font-size:14px;color:rgba(255,255,255,.82);margin:0 0 12px;}
.ab-feats{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;margin:0;padding:0;font-size:13px;font-weight:600;color:rgba(255,255,255,.92);}
.ab-feats li{display:flex;align-items:center;gap:7px;}
.ab-feats svg{width:16px;height:16px;flex:0 0 auto;color:var(--orange,#F5821F);}
.ab-cta{position:relative;z-index:1;flex:0 0 auto;display:inline-flex;align-items:center;gap:12px;background:#fff;color:var(--navy,#123B5E);border-radius:14px;padding:10px 20px 10px 16px;box-shadow:0 8px 22px rgba(0,0,0,.25);transition:transform .15s ease,box-shadow .15s ease;}
.ab-cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.3);}
.ab-cta:active{transform:translateY(0);}
.ab-cta svg{width:28px;height:28px;flex:0 0 auto;}
.ab-cta small{display:block;font-size:11px;font-weight:600;color:var(--text-muted,#667);line-height:1.2;}
.ab-cta b{display:block;font-size:17px;font-weight:800;line-height:1.25;}
@media (max-width:768px){
  .app-banner{flex-direction:column;align-items:stretch;text-align:center;gap:20px;padding:24px 18px;border-radius:18px;}
  .ab-main{flex-direction:column;gap:14px;}
  .ab-icon{width:68px;height:68px;border-radius:18px;}
  .ab-text h3{font-size:21px;}
  .ab-feats{justify-content:center;gap:8px 14px;font-size:12.5px;}
  .ab-cta{justify-content:center;width:100%;padding:13px 18px;}
}
@media (prefers-reduced-motion:reduce){.ab-cta{transition:none;}.ab-cta:hover{transform:none;}}