/* الصفحة الرئيسية — الهوية v2 (يتحمّل بعد الـ style المضمّن) */
body { background: var(--ivory); color: var(--ink); }

/* شريط العروض */
.promo-bar { background: var(--brand-dark); color: var(--ivory); }
.promo-bar strong { color: #fff; }

/* الهيدر */
.header { background: var(--surface); border-bottom: 1px solid var(--line); }
.logo img { height: 46px; }
.nav-link:hover, .nav-link.active { color: var(--brand); }
.search-bar button { background: var(--brand); color: #fff; }

/* الهيرو: فاتح، نص أخضر غامق، شعار كبير */
.hero { background: var(--ivory); padding: 26px 0 30px; border-bottom: 1px solid var(--line); }
.hero::before { opacity: .5; filter: hue-rotate(0deg); }
.hero-content { color: var(--ink); }
.hero-badge { background: var(--brand-tint) !important; color: var(--brand) !important; border: 1px solid #cfe5db; font-weight: 800; }
.hero-title { color: var(--brand); font-size: 34px; }
.hero-title span { color: var(--accent-strong); }
.hero-sub { color: var(--ink-soft); opacity: 1; font-size: 15px; }
.hero-cta { display: inline-flex; align-items: center; gap: 8px; background: var(--accent-strong); color: #fff;
  padding: 12px 30px; border-radius: 50px; font-weight: 800; font-size: 16px; box-shadow: 0 6px 16px rgba(184,84,31,.28); }
.hero-cta:hover { background: var(--accent-dark); }
.hero-stat .sv { color: var(--brand); }
.hero-stat .sl { color: var(--ink-soft); opacity: 1; }
.hero-visual img.hero-logo { width: min(440px, 100%); height: auto; }
.hero-logo-wrap, .hero-logo-bg { display: none; }

/* بطاقات */
.need-card:hover, .need-card.hot { border-color: var(--brand); background: var(--brand-tint); }
.need-card { border: 1px solid var(--line); }
.need-icon { color: var(--accent); }

/* الفوتر */
.footer { background: var(--brand-dark); }

@media (max-width: 768px) {
  .hero { padding: 18px 0 20px; }
  .hero-title { font-size: 26px; }
  .logo img { height: 40px; }
}