/* ====== الألوان العامة ====== */
:root {
  --primary-color: #4A8FBF;   /* أزرق */
  --secondary-color: #4CAF7A; /* أخضر */
  --dark-color: #2F6F8F;
  --bg-color: #F5F9F8;
  --text-color: #2E3A3F;
  --white: #FFFFFF;
}

/* ====== الخط والخلفية ====== */
body {
  font-family: 'Cairo', sans-serif;
  background-color: var(--bg-color);
  color: var(--text-color);
}

/* ====== الهيدر ====== */
.store-header {
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
  color: var(--white);
}

/* ====== الأزرار ====== */
button,
.btn,
.add-to-cart {
  background-color: var(--secondary-color);
  color: var(--white);
  border-radius: 8px;
  border: none;
  padding: 10px 18px;
  transition: all 0.3s ease;
}

button:hover,
.btn:hover,
.add-to-cart:hover {
  background-color: var(--primary-color);
  transform: translateY(-2px);
}

/* ====== الكروت / المنتجات ====== */
.product-card {
  background-color: var(--white);
  border-radius: 14px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  transition: 0.3s ease;
}

.product-card:hover {
  transform: translateY(-5px);
}

/* ====== عناوين الأقسام ====== */
.section-title {
  color: var(--dark-color);
  border-right: 4px solid var(--secondary-color);
  padding-right: 10px;
  margin-bottom: 20px;
}

/* ====== السعر ====== */
.price {
  color: var(--secondary-color);
  font-weight: bold;
  font-size: 18px;
}

/* ====== الفوتر ====== */
footer {
  background-color: var(--dark-color);
  color: var(--white);
  padding: 30px 0;
}

/* ====== الروابط ====== */
a {
  color: var(--primary-color);
  text-decoration: none;
}

a:hover {
  color: var(--secondary-color);
.top-bar,
.announcement-bar,
.salla-top-bar {
    display: none !important;
}