:root {
  --brand: #6f42c1; 
  --brand-700: #5a35a0;
  --accent: #0dcaf0; 
  --warning-600: #f59f00;
  --radius: .6rem;
}

html, body {
  font-family: 'Cairo', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, 'Noto Sans Arabic', 'Droid Arabic Kufi', sans-serif;
  background: #f8f9fb;
}

a { text-decoration: none; }

.btn-brand {
  --bs-btn-bg: var(--brand);
  --bs-btn-border-color: var(--brand);
  --bs-btn-hover-bg: var(--brand-700);
  --bs-btn-hover-border-color: var(--brand-700);
  --bs-btn-color: #fff;
}

.badge-sale {
  background: linear-gradient(90deg, var(--brand), var(--accent));
}

.navbar-brand svg { height: 28px; width: auto; }

.card-product {
  border: 1px solid #e9ecef;
  border-radius: var(--radius);
  transition: transform .12s ease, box-shadow .12s ease;
  background: #fff;
}

.card-product:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
}

.card-product .price {
  font-weight: 700;
}

.card-product .old-price {
  color: #6c757d; text-decoration: line-through; margin-inline-start:.5rem;
}

.rating i { color: #f7b500; }

.hero {
  background: radial-gradient(1200px 500px at 80% -200px, #e9e2fb, transparent 60%), radial-gradient(800px 400px at -10% -100px, #e5f8ff, transparent 60%);
  border-radius: var(--radius);
}

.footer {
  background: #fff;
  border-top: 1px solid #e9ecef;
}

.sticky-summary {
  position: sticky; top: 1rem;
}

.form-range::-webkit-slider-thumb {
  background: var(--brand);
}
.form-range::-moz-range-thumb {
  background: var(--brand);
}

.input-group .form-control:focus { box-shadow: none; }
.search-suggest { position: absolute; inset-inline-start:0; inset-inline-end:0; top:100%; z-index: 20; }
.search-suggest .list-group-item { cursor: pointer; }