/* الأزرار العائمة - نسخة مطابقة 100% للمثال */

/* إلغاء أي أزرار قديمة */
#whatsapp, #phone, .floating-icons, .contact-icon {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* الأزرار الثابتة - بقوة مطلقة في اليسار */
.fixed-buttons{
  position: fixed !important;
  bottom: 20px !important;
  left: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  z-index: 9999 !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.fab-btn{
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:22px;
  text-decoration:none;
  box-shadow:0 6px 12px rgba(0,0,0,.2);
  transition:transform .2s;
}

.fab-btn:hover{ 
  transform: scale(1.1); 
}

.btn-call{ 
  background:#0d6efd; 
}

.btn-whatsapp{ 
  background:#25D366; 
}

/* شارات المحتوى الجديد */
.badge-new {
    display: inline-block;
    background: linear-gradient(45deg, #ff6b6b, #ee5a24);
    color: white;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 12px;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 10;
    box-shadow: 0 2px 6px rgba(255, 107, 107, 0.3);
    /* animation: pulse-new 2s infinite; تم إزالتها لتحسين الأداء */
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.product-card {
    position: relative;
}

.product-card .badge-new {
    top: 12px;
    left: 12px;
    font-size: 10px;
    padding: 4px 10px;
}

/* تم إزالة keyframes pulse-new لتحسين الأداء - box-shadow animations تسبب مشاكل */