/* Final supplied artwork: CD-only, with the original printed pixels intact. */
#products .cd-mockup.cd-final-preview {
  width: calc(100% - 24px);
  max-width: 800px;
}

#products .cd-final-preview .cd-preview-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(8px, 1vw, 18px);
}

#products .cd-final-preview .cd-preview-item {
  min-width: 0;
  text-align: center;
}

#products .cd-final-preview img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  -webkit-mask-image: none;
  mask-image: none;
}

/* Trace only the physical case perimeter, retaining its white paper spine.
   Clipping makes the external studio backdrop transparent without redrawing
   any of the user's near-final artwork or Japanese text. */
#products .cd-final-preview .cd-preview-package img {
  clip-path: polygon(
    10.3% 10.95%, 10.65% 10.2%, 11.6% 9.9%, 13.95% 9.73%,
    90.2% 12.35%, 90.99% 12.72%, 91.15% 13.65%,
    90.78% 82.8%, 90.5% 83.49%, 14.83% 90.08%,
    12.45% 89.97%, 10.21% 89%, 10.12% 87.65%, 10.25% 12.2%
  );
}

#products .cd-final-preview .cd-preview-label {
  display: block;
  margin-top: 8px;
  color: var(--cyan);
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: .08em;
}

#products .cd-final-preview figcaption {
  position: static;
  margin: 24px auto 0;
  max-width: 36em;
  padding: 0 12px;
  color: #cfc1e3;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: .02em;
}

@media (max-width: 600px) {
  #products .cd-mockup.cd-final-preview { width: 100%; }
  #products .cd-final-preview .cd-preview-label {
    font-size: 12px;
    letter-spacing: .02em;
  }
  #products .cd-final-preview figcaption { margin-top: 20px; }
}