/* صفحات المتاجر القانونية (سياسة الخصوصية · حذف البيانات)
   ورقة أنماط واحدة تُخدَم بلا JavaScript — تقرأها مراجعة Google Play وApp Store
   ومتصفحات المستخدمين مباشرة، وتُلغي تكرار نفس الـ CSS داخل كل صفحة. */
:root { color-scheme: light; }
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: "Cairo", "Segoe UI", Tahoma, sans-serif;
  background: #f4f2ec;
  color: #23263a;
  line-height: 1.9;
  padding: 24px 16px 64px;
}
.page { max-width: 860px; margin: 0 auto; }
header.brand {
  background: linear-gradient(135deg, #121685 0%, #1a2199 60%, #232b8f 100%);
  color: #f5efe0;
  border-radius: 18px;
  padding: 32px 28px;
  margin-bottom: 28px;
  box-shadow: 0 12px 32px rgba(18, 22, 133, 0.25);
}
header.brand h1 { font-size: 1.7rem; color: #ffffff; margin-bottom: 6px; }
header.brand .en { direction: ltr; text-align: left; font-size: 1rem; opacity: .85; font-weight: 600; }
header.brand p { opacity: .9; font-size: .95rem; margin-top: 10px; }
.gold { color: #c9a227; }
section {
  background: #ffffff;
  border: 1px solid #e6e1d3;
  border-radius: 14px;
  padding: 22px 24px;
  margin-bottom: 16px;
  box-shadow: 0 2px 10px rgba(35, 38, 58, 0.05);
}
h2 { font-size: 1.15rem; color: #121685; margin-bottom: 10px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
h3 { font-size: 1rem; color: #23263a; margin: 12px 0 4px; }
ul { padding-inline-start: 22px; }
li { margin-bottom: 4px; }
.en-block { direction: ltr; text-align: left; margin-top: 14px; padding-top: 14px; border-top: 1px dashed #d9d2bf; font-size: .92rem; color: #4a4e69; }
.en-block h3 { color: #121685; }
code {
  background: #eef0ff; color: #121685; border-radius: 6px;
  padding: 2px 8px; font-size: .88rem; direction: ltr; display: inline-block;
}
.contact { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.contact a {
  display: inline-block; padding: 8px 16px; border-radius: 10px;
  background: #121685; color: #fff; text-decoration: none; font-size: .9rem; font-weight: 600;
}
.contact a.gold-btn { background: #c9a227; color: #121685; }
footer { text-align: center; font-size: .85rem; color: #6b6f8a; margin-top: 28px; }
@media (max-width: 520px) { header.brand { padding: 24px 18px; } section { padding: 18px; } }
