const preview = document.querySelector("#product-preview");
const toggleButton = document.querySelector("#fullscreen-toggle");
const status = document.querySelector("#fullscreen-status");

if (!preview || !toggleButton || !status) {
  throw new Error("Fullscreen preview markup is missing.");
}

if (!document.fullscreenEnabled || !preview.requestFullscreen) {
  toggleButton.disabled = true;
  status.textContent = "Fullscreen is not available in this browser.";
}