/* =========================================================
   Electro Bom - Custom CSS
   تحسين الخط، RTL، تحسين عرض المنتجات
   ========================================================= */

/* تفعيل RTL افتراضي */
html, body {
  direction: rtl;
  text-align: right;
  font-family: "Cairo", "Tahoma", "Arial", sans-serif;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
}

/* العناوين */
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  line-height: 1.4;
  margin: 0.5em 0;
  color: #222;
}

/* وصف المنتج */
.product-description {
  font-size: 15px;
  line-height: 1.8;
  color: #333;
  margin-top: 10px;
}

/* السعر */
.product-price {
  font-size: 18px;
  font-weight: 700;
  color: #e65100;
  margin: 10px 0;
}

/* زر الشراء */
button, .btn {
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 18px;
}

/* صور المنتجات */
.product-gallery img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: auto;
}

/* shimmer placeholder للصور */
.lazy-shimmer {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease infinite;
}
@keyframes shimmer {
  0% { background-position: -400px 0; }
  100% { background-position: 400px 0; }
}

/* بانر علوي */
.top-banner {
  background-color: #fff3e0;
  color: #e65100;
  text-align: center;
  padding: 8px 20px;
  font-weight: 500;
  font-size: 14px;
}

/* فوتر */
.footer-note {
  background-color: #eee;
  padding: 15px;
  text-align: center;
  font-size: 13px;
  color: #444;
}