:root, body, .terminal, .screen { background: #03060c; }
.screen > .cosmic-video {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
  pointer-events: none;
}
.screen > .scroll { z-index: 1; }
.universe { background: transparent; min-height: 85cqw; }
.screen > .cosmic-background { position: absolute; inset: 0 auto auto 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: 0; display: block; pointer-events: none; }
.product-meta { color: #fff; text-shadow: 0 1px 3px #000, 0 0 9px #000b; }
.product-meta p, .product-meta .product-price { color: #fff; }
/* Shorter ticker band; preserve the complete moving lettering. */
.marquee-belt { top: calc(6.6% + 10px); height: 1.65cqw; }
.marquee-track { height: 100%; }
.marquee { height: 100%; aspect-ratio: auto; object-fit: fill; }

.marquee-belt { pointer-events: auto; cursor: pointer; }
.scan-logo-link { position: absolute; z-index: 11; left: 39%; top: 0; width: 22%; height: 13%; cursor: pointer; }
.scan-logo-link:focus-visible, .marquee-belt:focus-visible { outline: 2px solid #c4b4ff; outline-offset: -3px; }

/* Full-bleed background beneath the original chrome frame. */
.screen { inset: 0; }
.screen > .scroll { inset: 0 6.6%; }
.marquee-belt { display: none; }
.frame { clip-path: none; z-index: 10; }

.universe {
  min-height: 100svh;
  padding: 15svh 9cqw 13svh;
  display: grid;
  place-items: center;
}
.product-grid { margin-inline: auto; width: 43.375cqw; column-gap: 3.25cqw; }
.product { --thumb-height: 16.25cqw; }
.product-meta h1, .product-meta h2 { font-size: clamp(13px, 1.1cqw, 22px); }
.product-meta p { font-size: clamp(12px, .8cqw, 16px); }
@media (max-width: 700px) and (orientation: portrait) {
  .universe { padding: 20svh 6.1cqw 18svh; }
  .product-grid { width: 100%; column-gap: 5cqw; }
  .product { --thumb-height: 34cqw; }
  .product-meta h1, .product-meta h2 { font-size: 3.3cqw; }
  .product-meta p { font-size: 2.7cqw; }
}