/* Temporary striped stand-ins for photography. Replace each one with a real
   <img> (product / lifestyle shot) as soon as the client supplies photos.
   Corner radius is deliberately NOT set here — each consumer (.hero-media,
   .rental-image) owns its own, so this file stays order-independent. */
.image-placeholder {
  display: grid;
  place-items: center;
  overflow: hidden;
  color: rgba(92, 57, 68, 0.52);
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-size: 1.12rem;
  font-weight: 800;
  text-align: center;
}

.image-placeholder-pink {
  background: repeating-linear-gradient(
    45deg,
    #ffe6ef 0 22px,
    var(--pink-soft) 22px 44px
  );
}

.image-placeholder-yellow {
  background: repeating-linear-gradient(
    45deg,
    #fff8dc 0 22px,
    #ffe7a8 22px 44px
  );
  color: rgba(154, 115, 35, 0.66);
}

.image-placeholder-mint {
  background: repeating-linear-gradient(
    45deg,
    #eafff4 0 22px,
    #cdf7dd 22px 44px
  );
  color: rgba(38, 133, 92, 0.66);
}