/* The Valentine creator is a separate four-step product. */
body[data-product="valentine"] .valentine-formats { gap: 10px; }
body[data-product="valentine"] .valentine-formats .format {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  min-height: 155px;
  padding: 17px 9px 13px;
  color: var(--wow-ink, #4d3445);
}
body[data-product="valentine"] .valentine-formats .format-art {
  width: 70px;
  height: 64px;
  flex: none;
  margin: 0;
  color: var(--wow-accent, #ad4d79);
  transform: rotate(-5deg);
  filter: drop-shadow(0 6px 5px color-mix(in srgb, var(--wow-accent, #ad4d79) 18%, transparent));
}
body[data-product="valentine"] .valentine-formats .format-art svg { display: block; width: 100%; height: 100%; fill: currentColor; }
body[data-product="valentine"] .valentine-formats .format-art > span { position: absolute; inset: 16px 0 0; display: grid; place-items: start center; color: #fff9f1; font: normal 27px/1.2 Georgia, serif; }
body[data-product="valentine"] .valentine-formats .heart-scratch svg { fill: var(--wow-soft, #edb0c8); }
body[data-product="valentine"] .valentine-formats .heart-scratch > span { color: var(--wow-accent-dark, #89315b); }
body[data-product="valentine"] .valentine-formats .format strong { font-size: 12px; line-height: 1.3; margin-top: 12px; color: var(--wow-ink, #4d3445); }
body[data-product="valentine"] .valentine-formats .format small { display: block; margin-top: 7px; font-size: 10px; line-height: 1.4; color: var(--wow-muted, #8b7480); }
body[data-product="valentine"] .secret-editor { margin-top: 18px; padding: 18px; border: 1px solid var(--wow-line, #e5c6d7); border-radius: 20px; background: var(--wow-paper, #fffdf9); }
body[data-product="valentine"] .secret-editor .form-note { margin: -2px 0 15px; }
body[data-product="valentine"] .secret-editor .form-note:last-child { margin-bottom: 0; }
body[data-product="valentine"] .compliment-ideas { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 17px; }
body[data-product="valentine"] .compliment-ideas > span { flex-basis: 100%; font-size: 12px; font-weight: 600; color: var(--wow-muted, #8b7480); margin-bottom: 3px; }
body[data-product="valentine"] .compliment-ideas button { min-height: 44px; text-align: start; padding: 9px 13px; border: 1px solid var(--wow-line, #e5c6d7); border-radius: 13px; background: var(--wow-surface, #fff5f9); color: var(--wow-accent-dark, #89315b); font-size: 12px; line-height: 1.45; }
body[data-product="valentine"] .compliment-ideas button:hover { border-color: var(--wow-accent, #ad4d79); }
body[data-product="valentine"] .compliment-ideas button:focus-visible { outline: 3px solid var(--wow-soft, #edb0c8); outline-offset: 3px; }
@media(max-width:360px) {
  body[data-product="valentine"] .valentine-formats { gap: 6px; }
  body[data-product="valentine"] .valentine-formats .format { padding-inline: 5px; }
  body[data-product="valentine"] .valentine-formats .format-art { width: 61px; height: 57px; }
  body[data-product="valentine"] .valentine-formats .format strong { font-size: 11px; }
  body[data-product="valentine"] .secret-editor { padding: 15px; }
}