.product-preview { position: relative; }
.featured-product { grid-column: span 2; }
.featured-product .product-preview {
  aspect-ratio: 16 / 11;
  background: radial-gradient(circle at 50% 40%, #35274f, #10161e 72%);
}
.featured-product .product-preview canvas {
  max-height: 100%;
  filter: drop-shadow(0 14px 22px #0009);
}
.ready-badge {
  position: absolute;
  left: 1rem;
  top: 1rem;
  background: var(--yellow);
  color: #111;
  padding: .45rem .6rem;
  font: 700 .58rem var(--mono);
  letter-spacing: .08em;
}
.custom-badge {
  position: absolute;
  left: .7rem;
  top: .7rem;
  background: #111924dd;
  border: 1px solid #728093;
  color: #dbe3eb;
  padding: .35rem .5rem;
  font: 700 .5rem var(--mono);
  letter-spacing: .08em;
}
.finished-label {
  display: grid;
  place-items: center;
  border: 1px solid #8995a0;
  color: #dce3ea;
  padding: .75rem;
  text-align: center;
  font-size: .7rem;
  font-weight: 800;
}
.single-action { grid-template-columns: 1.25fr .75fr; }
.custom-only { grid-template-columns: 1fr; }
.mosaic .custom-only a { background: transparent; color: #fff; border-color: #8995a0; }

@media (max-width: 620px) {
  .featured-product { grid-column: auto; }
  .single-action { grid-template-columns: 1fr; }
}