/* Fixed overhead camera: the sealed carton lands into the toggle's space. */
#home .hero-parcel {
  position: absolute; z-index: 2; pointer-events: none;
  left: 50%; top: 50%;
  width: var(--parcel-size, 260px); aspect-ratio: 1;
  transform: translate(-50%, -50%);
  opacity: var(--parcel-visible, 0); visibility: hidden;
}
#home[data-parcel] .hero-parcel { visibility: visible; }
.parcel-shadow {
  position: absolute; left: 8%; top: 24%; width: 84%; height: 53%;
  background: rgba(54, 38, 23, .19); border-radius: 3%;
  filter: blur(var(--parcel-shadow-blur, 18px));
  transform: translateY(7px) scale(var(--parcel-shadow-scale, 1.16));
  opacity: var(--parcel-shadow-opacity, .18);
}
.parcel-body {
  position: absolute; inset: 0;
  transform: scale(var(--parcel-depth-scale, 1.24));
  transform-origin: 50% 50%; will-change: transform;
}
.parcel-photo {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%;
}
#home[data-procurement-screen] .hero-payment {
  visibility: visible; opacity: 1; animation: none;
  transform: translateY(-50%);
}
#home[data-procurement-screen] .hero-payment__track { animation: none; background: #7d0ee8; }
#home[data-procurement-screen] .hero-payment__thumb { animation: none; transform: translateX(calc(var(--hero-connector-width) - 1.571em)); }
#home[data-procurement-screen] .hero-payment__paid { animation: none; opacity: 1; }
#home[data-procurement-screen] .hero-payment__pay, #home[data-procurement-screen] .hero-payment__dollar { visibility: hidden; }
@media (prefers-reduced-motion: reduce) { #home .hero-parcel { display: none; } }
@media print { #home .hero-parcel { display: none; } }