@media (max-width: 768px) {

  .products-grid {
    grid-template-columns: 1fr;
    gap: 26px;
    background: #233950; /* كحلي فخم */
    padding: 18px;
  }

  .product-card,
  .product-item {
    background: #ffffff;
    border-radius: 18px;
    border: 1px solid rgba(75,145,130,0.35);
    box-shadow: 0 10px 25px rgba(35,57,80,0.18);
  }

  .product-title {
    color: #233950;
  }

  .price {
    color: #4b9182; /* لون السعر */
    font-weight: 700;
  }

  .add-to-cart {
    background: linear-gradient(135deg, #233950, #4b9182);
    color: #fff;
    border-radius: 12px;
  }

  .add-to-cart:hover {
    background: linear-gradient(135deg, #4b9182, #233950);
  }
}


.add-to-cart,
button.add-to-cart {
  width: 100%;
  padding: 14px;
  margin-top: 14px;
  background: linear-gradient(135deg, #233950, #4b9182);
  color: #ffffff;
  border-radius: 12px;
  font-weight: 600;
  transition: all .3s ease;
}

.add-to-cart:hover,
button.add-to-cart:hover {
  background: linear-gradient(135deg, #4b9182, #233950);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(35,57,

.products-grid,
.products,
.product-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 50px !important; /* المسافة الأساسية */
}