<style>
/* ====== ألوان وخطوط عامة (ثيم داكن احترافي) ====== */
body {
  font-family: 'Cairo', Arial, sans-serif;
  background-color: #121212;
  color: #eaeaea;
  line-height: 1.6;
}

header {
  background-color: #1e1e1e;
  color: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.5);
}
header a {
  color: #ff4d4d;
  text-decoration: none;
  transition: color 0.3s ease;
}
header a:hover {
  color: #fff;
}

.product-card {
  border: 1px solid #2a2a2a;
  border-radius: 12px;
  padding: 15px;
  background-color: #1b1b1b;
  transition: all 0.3s ease-in-out;
}
.product-card:hover {
  transform: translateY(-5px) scale(1.03);
  box-shadow: 0 6px 20px rgba(0,0,0,0.6);
}
.product-card .price {
  color: #ff4d4d;
  font-weight: bold;
  font-size: 1.1rem;
}

button, .btn {
  background-color: #ff4d4d;
  color: #fff;
  border-radius: 8px;
  padding: 10px 15px;
  font-weight: bold;
  transition: all 0.3s ease;
}
button:hover, .btn:hover {
  background-color: #e60000;
  color: #fff;
}

footer {
  background-color: #1e1e1e;
  color: #fff;
  padding: 2rem 0;
}
footer a {
  color: #ff4d4d;
  transition: color 0.3s ease;
}
footer a:hover {
  color: #fff;
}

/* عناصر مميزة مثل المتاجر المدفوعة */
.product-card img {
  border-radius: 8px;
  transition: transform 0.3s ease;
}
.product-card:hover img {
  transform: scale(1.05);
}

.badge-new {
  display: inline-block;
  background: #ff4d4d;
  color: #fff;
  font-size: 0.75rem;
  padding: 3px 8px;
  border-radius: 4px;
}
</style>

<script>
// عداد عملاء وهمي متطور
const clientsBadge = document.querySelector('#clients-count');
if (clientsBadge) {
  let count = 320 + Math.floor(Math.random() * 150);
  function updateCount() {
    if (Math.random() < 0.7) count++;
    clientsBadge.textContent = count.toLocaleString();
    setTimeout(updateCount, 3000 + Math.random() * 2000);
  }
  updateCount();
}

// نصائح متغيرة بستايل خاص
const tips = [
  "🔥 هوية متناسقة تعني ثقة أكبر من أول نظرة.",
  "🎯 الإعلان المستهدف يرفع العائد ويقلل الهدر.",
  "💡 جرب A/B عشان تعرف أي صورة بتشد الجمهور.",
  "📢 الرسالة البصرية المتكررة تخلي العملاء يتذكروا علامتك.",
  "🚀 ابدأ بحملة صغيرة وطور بناءً على البيانات."
];
const tipsEl = document.querySelector('#rotating-tips');
if (tipsEl) {
  let idx = 0;
  setInterval(() => {
    tipsEl.style.opacity = 0;
    setTimeout(() => {
      tipsEl.textContent = tips[idx];
      tipsEl.style.opacity = 1;
      idx = (idx + 1) % tips.length;
    }, 300);
  }, 5000);
}
</script>
