body {
  margin: 0;
  font-family: 'Cairo', sans-serif;
  background: #f4f4f9;
  color: #222;
  direction: rtl;
}
.container { width: 90%; max-width: 1100px; margin: auto; }
.header { display:flex; justify-content:space-between; align-items:center; padding:20px 0; }
.brand { font-weight:800; font-size:24px; text-decoration:none; color:#222; }
.nav a { margin: 0 10px; text-decoration:none; color:#555; font-weight:600; }
.nav a.active, .nav a:hover { color:#000; }
.hero { display:grid; grid-template-columns: 1fr 1fr; align-items:center; padding:40px 0; gap:20px; }
.hero-text h1 { margin:0; font-size:36px; }
.hero-text p { color:#555; }
.cta { margin-top:20px; display:flex; gap:12px; }
.btn { background:#0077cc; color:#fff; padding:10px 18px; border-radius:8px; text-decoration:none; }
.btn-outline { border:2px solid #0077cc; color:#0077cc; padding:10px 18px; border-radius:8px; text-decoration:none; }
.hero-image {
  background: none;    /* ألغي الخلفية الرمادية */
  height: auto;        /* ألغي الارتفاع الإجباري */
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-image {
  background: none !important;
  height: auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.hero-image img {
  width: 200px !important;   /* غيّر الرقم للحجم اللي بدك إياه */
  height: auto !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.2) !important;
}


.features { padding:40px 0; }
.grid-3 { display:grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap:20px; }
.card { background:#fff; border:1px solid #ddd; border-radius:12px; padding:20px; }
.screens { display:grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap:15px; }
.screen { background:#ddd; height:180px; border-radius:12px; display:flex; align-items:center; justify-content:center; }
.download { padding:40px 0; text-align:center; }
.stores { display:flex; justify-content:center; gap:15px; margin:20px 0; }
.store { background:#0077cc; color:#fff; padding:10px 16px; border-radius:8px; text-decoration:none; }
.tiny { font-size:14px; color:#555; }
.footer { text-align:center; padding:20px 0; color:#555; margin-top:40px; }
.policy { padding:40px 0; }