
.toggle-price-btn,
.whatsapp-share-btn {
  background: #f2f2f2 !important;
  color: #2a2a2a !important;
  padding: 14px 22px !important;
  font-size: 18px !important;
  font-weight: bold !important;
  border: none !important;
  border-radius: 50px !important;
  cursor: pointer !important;
  margin-top: 10px !important;
  display: block !important;
  max-width: 100% !important;
  transition: all 0.3s ease !important;
}

.toggle-price-btn:hover,
.whatsapp-share-btn:hover {
  background: #b80000 !important;
  color: #ffffff !important;
}

    body { font-family: 'Cairo', sans-serif; background: #f9f7f5; margin: 0; padding: 0; color: #2a2a2a; }
    .navbar { position: sticky; top: 0; background: white; padding: 10px; overflow-x: auto; white-space: nowrap; z-index: 1000; border-bottom: 1px solid #ddd; }
    .navbar a { margin: 0 10px; text-decoration: none; font-weight: bold; color: #b80000; }
    .product { padding: 20px; border-bottom: 1px solid #ccc; background-color: #fff9f0; border-radius: 12px; margin-bottom: 30px; }
    .product:nth-child(even) { background-color: #f5f5f5; }
    .product h2 { color: #b80000; }
    .gallery { display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-start; }
    .gallery img { width: 100%; max-width: 250px; height: 200px; object-fit: cover; border-radius: 10px; margin: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.1); cursor: pointer; }
    .pricing-box { background: #fffdf4; padding: 10px; margin-top: 10px; border-radius: 10px; box-shadow: 0 0 8px rgba(0,0,0,0.1); max-height: 1000px; transition: max-height 0.5s ease; }
    .hidden-box { max-height: 0; overflow: hidden; display: none; transition: max-height 0.5s ease; }
    .toggle-price-btn, .whatsapp-share-btn {
      background: #b80000; color: white; padding: 14px 22px; font-size: 18px; font-weight: bold;
      border: none; border-radius: 50px; cursor: pointer; margin-top: 10px; display: block; max-width: 100%;
    }
    .toggle-price-btn:hover, .whatsapp-share-btn:hover { background: #a10000; }
    img[alt="أمان"], img[alt="مايلو"] {
      width: 60px; height: auto; object-fit: contain; vertical-align: middle;
    }
  


.toggle-price-btn,
.whatsapp-share-btn {
  background: #f2f2f2;
  color: #2a2a2a;
  padding: 14px 22px;
  font-size: 18px;
  font-weight: bold;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  margin-top: 10px;
  display: block;
  max-width: 100%;
  transition: all 0.3s ease;
}

.toggle-price-btn:hover,
.whatsapp-share-btn:hover {
  background: #b80000;
  color: #ffffff;
}
