.sneaker-floor {
  position: absolute; inset: auto 0 0; height: 34%; z-index: -1; pointer-events: none;
  background: linear-gradient(180deg, #d7edfc00 0%, #d1e9fb80 15%, #c9e3f8db 31%, #9fc9ec 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 25%);
  mask-image: linear-gradient(180deg, transparent, #000 25%);
}
.sneaker-floor::before {
  content: ""; position: absolute; inset: 0 0 auto; height: 24%;
  background: radial-gradient(ellipse at 32% 65%, #f4fbff80, #dff2ff00 72%);
}
.sneaker-floor::after {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 35% 8%, #ffffff85, #ffffff00 62%),
    linear-gradient(113deg, transparent 22%, #f3faff30 37%, transparent 59%);
}
.sneaker-ground-shadow {
  position: absolute; z-index: 2; pointer-events: none; border-radius: 50%;
  background: radial-gradient(ellipse, #244d7c66 0%, #2d60934d 24%, #3b70a522 49%, #3b70a500 73%);
  filter: blur(9px); mix-blend-mode: multiply;
}
.sneaker-ground-shadow-left { left: 23%; top: 75%; width: 23%; height: 7%; transform: rotate(-5deg); }
.sneaker-ground-shadow-right { right: 0%; top: 88%; width: 35%; height: 13%; transform: rotate(5deg); }
@media (max-width: 760px), (max-width: 1100px) and (max-aspect-ratio: 1/1) {
  .sneaker-floor { height: 45%; }
  .sneaker-ground-shadow-left { left: 4%; top: 55%; width: 52%; height: 6%; filter: blur(7px); }
  .sneaker-ground-shadow-right { right: -8%; top: 70%; width: 64%; height: 8%; filter: blur(8px); }
}
.sneaker-ribbon { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.sneaker-ribbon-fallback { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.sneaker-ribbon-canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; opacity: 0; }
.sneaker-ribbon[data-renderer="webgl"] .sneaker-ribbon-canvas { opacity: 1; }
.sneaker-ribbon[data-renderer="webgl"] .sneaker-ribbon-fallback { visibility: hidden; }
.scene-zapatillas.sneaker-pending .sneaker-ribbon { opacity: 0; }
.scene-zapatillas.sneaker-products-pending .sneaker {
  transform: translate(var(--sneaker-entry-x, 0px), var(--sneaker-entry-y, 0px)) rotate(var(--sneaker-entry-angle, 0deg)) scale(var(--sneaker-entry-scale, 1));
}
.scene-zapatillas.sneaker-products-pending .sneaker,
.scene-zapatillas.sneaker-products-running .sneaker { transform-origin: 50% 50%; }
.scene-zapatillas .wide-title { pointer-events: none; }
@media (max-aspect-ratio: 11/10) {
  .sneaker-ribbon-fallback { inset: auto; width: 190%; height: auto; left: -45%; top: 50%; transform: translateY(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .scene-zapatillas.sneaker-pending .sneaker-ribbon { opacity: 1; }
  .scene-zapatillas.sneaker-products-pending .sneaker { transform: none; }
}
html.motion-paused .scene-zapatillas.sneaker-pending .sneaker-ribbon { opacity: 1; }
html.motion-paused .scene-zapatillas.sneaker-products-pending .sneaker { transform: none; }