/* Widget generator: preview stage + popup mock */
.wg-row4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
@media (max-width: 700px) { .wg-row4 { grid-template-columns: 1fr 1fr; } }

.wg-preview {
  position: relative;
  height: 240px;
  border: 1px solid rgba(16, 185, 129, 0.10);
  border-radius: 16px;
  background:
    linear-gradient(#f7f9f8 1px, transparent 1px) 0 0 / 100% 28px,
    #fdfefd;
  overflow: hidden;
}
.wg-pv-note {
  position: absolute;
  top: 10px;
  left: 12px;
  font-size: 0.75rem;
  color: var(--gray-500, #889992);
}
.wg-pv-pop {
  width: 230px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
  overflow: hidden;
  font-size: 0.82rem;
}
.wg-pv-head {
  color: #fff;
  font-weight: 700;
  padding: 8px 12px;
}
.wg-pv-head span { float: right; opacity: 0.85; }
.wg-pv-body { padding: 10px 12px; color: #333; }
.wg-pv-cta {
  margin: 0 12px 12px;
  padding: 7px 0;
  text-align: center;
  border-radius: 8px;
  color: #fff;
  font-weight: 700;
}