.product-preview-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}

.product-preview-card {
  display: grid;
  grid-template-columns: 1.35fr 0.65fr;
  gap: 28px;
  align-items: center;
  padding: 28px;
  border-radius: 34px;
  background: var(--white);
  border: 1px solid var(--border);
  box-shadow: 0 20px 52px rgba(15, 23, 42, 0.09);
}

.product-preview-image {
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid var(--border);
  background: #0b1220;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.14);
}

.product-preview-image img {
  display: block;
  width: 100%;
  height: auto;
}

.product-preview-content h3 {
  margin: 0 0 12px;
  font-size: clamp(1.8rem, 4vw, 3rem);
  line-height: 1.05;
  letter-spacing: -0.055em;
}

.product-preview-content p {
  color: var(--muted);
  font-size: 1.05rem;
  margin: 0 0 18px;
}

.dark-preview {
  background: #07111f;
}

.light-preview {
  background: #f8fbff;
}

.interactive-note {
  margin-top: 22px;
  padding: 18px;
  border-radius: 20px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  color: var(--muted);
}

.interactive-note strong {
  color: var(--primary);
}

@media (max-width: 980px) {
  .product-preview-card {
    grid-template-columns: 1fr;
  }
}