.mjp-products {
  margin: 2em 0;
  padding: 15px;
  border: 1px solid #e9e4da;
  border-radius: 10px;
  background: #fbf9f5;
}
.mjp-title {
  margin-bottom: 12px;
  color: #785923;
  font: 700 13px/1.35 Arial,sans-serif;
}
.mjp-products ul {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mjp-products li { margin: 0; padding: 0; min-width: 0; }
.mjp-products li a {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 8px;
  border: 1px solid #e9e4da;
  border-radius: 7px;
  background: #fff;
  color: #28231d;
  text-decoration: none;
  box-sizing: border-box;
}
.mjp-products li a:hover { border-color: #a47c3b; }
.mjp-products img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.mjp-name { margin-top: 6px; overflow-wrap: anywhere; font: 400 13px/1.35 Arial,sans-serif; }
.mjp-price { padding-top: 5px; margin-top: auto; color: #785923; font: 700 13px/1.25 Arial,sans-serif; }
@media (max-width: 540px) {
  .mjp-products { padding: 8px; }
  .mjp-products ul { gap: 5px; }
  .mjp-products li a { padding: 5px; }
  .mjp-name, .mjp-price { font-size: 12px; }
}