/* Nova Vend Image Placeholder CSS — shown when actual images aren't available */
/* These are used as CSS backgrounds until real product photos are uploaded */

.img-placeholder {
  background: var(--grad-hero);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  color: var(--accent);
  font-family: var(--font-heading);
}

/* Individual section image styles when src fails to load */
img[src="images/hero.jpg"],
img[src="images/office.jpg"],
img[src="images/hospital.jpg"],
img[src="images/team.jpg"] {
  object-fit: cover;
  background: linear-gradient(135deg, #111A45, #0A0F2C);
}