/* Transparent screenshots arranged around the main ZenithMac window. */
.product-hero > div { min-width: 0; }
.zenithmac-showcase {
  position: relative;
  width: 100%;
  margin-bottom: 16%;
  isolation: isolate;
}
.product-hero .zenithmac-showcase img {
  display: block;
  height: auto;
  max-height: none;
  object-fit: contain;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.product-hero .zenithmac-showcase .zenithmac-screenshot {
  width: 100%;
}
.product-hero .zenithmac-showcase .zenithmac-detail {
  position: absolute;
  z-index: 1;
  filter: drop-shadow(0 12px 22px #0005);
  bottom: clamp(8px, 1vw, 16px);
  transform: translateY(50%);
}
.product-hero .zenithmac-showcase .zenithmac-menu {
  width: 32%;
  left: 0;
  /* Hide the menu-bar logo above the dropdown without changing its UI. */
  clip-path: inset(7.6% 0 0);
}
.product-hero .zenithmac-showcase .zenithmac-volume {
  width: 60%;
  right: 0;
}
@media (max-width: 850px) {
  .zenithmac-showcase { max-width: 820px; margin-inline: auto; }
}