/* Artwork from Figma «графика_апдейт», 16 October 2026.
   Keep headings in HTML and illustrations in their original colors. */
body.ui-study :is(#product, #repeat-orders) .starter-card-copy {
  min-height: 164px;
}
body.ui-study :is(#product, #repeat-orders) .figma-updated-card-art {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  aspect-ratio: 400 / 368;
  flex: none;
  background: #fff;
}
body.ui-study :is(#product, #repeat-orders) .figma-updated-card-art > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: normal;
  /* Restore the soft transition beneath the editable card heading. */
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 12%);
  mask-image: linear-gradient(to bottom, transparent, #000 12%);
}
body.ui-study #growth-tools .figma-updated-growth-art {
  aspect-ratio: 560 / 540;
  padding: 0;
  background: #fff;
  box-shadow: none;
}
body.ui-study #growth-tools.is-enhanced .figma-updated-growth-art {
  width: min(100%, 560px, calc(var(--growth-stage-height, 584px) * 560 / 540));
}
body.ui-study #growth-tools .figma-updated-growth-art > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: normal;
  mask-image: none;
  -webkit-mask-image: none;
}