/* Kartu produk dengan bayangan lembut — Course CSS (Box Shadow) */

.kartu-produk {
  width: 240px;
  padding: 16px;
  border-radius: 12px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(226, 232, 240);
  box-shadow: 0px 4px 12px rgba(15, 23, 42, 0.12);
}

.gambar-produk {
  height: 110px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgb(186, 230, 253), rgb(59, 130, 246));
}

.nama-produk {
  margin: 12px 0 4px;
  font-size: 16px;
  font-weight: 600;
  color: rgb(15, 23, 42);
}

.harga-produk {
  font-size: 14px;
  font-weight: 700;
  color: rgb(2, 132, 199);
}