.catogreismenu{
      display:none;
    }
/* الكونتينر الرئيسي */
.product-filter{
  width:100%;
  padding:20px;
  box-sizing:border-box;
  display: flex;
  max-width:1900px;
  width:100%;
  margin:0 auto;
}

/* قسم الفلترة */
.filter{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:25px;
  padding:15px;
  border-radius:12px;
  background:linear-gradient(135deg,#111,#222);
  box-shadow:0 6px 18px rgba(0,0,0,.15);
}

/* أي input أو select أو button داخل الفلتر */
.filter input,
.filter select,
.filter button{
  padding:10px 14px;
  border-radius:8px;
  border:1px solid #ccc;
  outline:none;
  font-size:14px;
  transition:.3s;
}

/* الهوفر والفوكس */
.filter input:focus,
.filter select:focus{
  border-color:#000;
}

/* الأزرار */
.filter button{
  background:#000;
  color:#fff;
  border:none;
  cursor:pointer;
}

.filter button:hover{
  background:#333;
}


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

/* ريسبونسيف للموبايل */
@media (max-width:768px){
  .filter{
    flex-direction:column;
    align-items:stretch;
  }

  .filter input,
  .filter select,
  .filter button{
    width:100%;
  }
}
.products-skeleton {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 15px;
  padding: 20px;
  max-width: 1700px;
  width:100%;
  margin:0 auto;
}

.skeleton-card {
  height: 260px;
  background: #e0e0e0;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

/* shimmer effect */
.skeleton-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,
      transparent,
      rgba(255, 255, 255, 0.6),
      transparent);
  animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
  100% {
    left: 100%;
  }
}
.out-of-stock{
 direction: rtl;
  border-radius: 20px;
  width: 100%;
  background-color: #e67e22 !important;
  text-align: center;
  color: white !important;
  padding: 10px;
}