/* Futureshop-shell integrated layered-v2 candidate for Issue #64. */
.fs-l-page {
  overflow-x: clip;
}

.fs-l-main {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.mikio-v2 {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 750px;
  aspect-ratio: 750 / 3515;
  margin-inline: auto;
  overflow: clip;
}

.mikio-v2 .mikio-v2__scene {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
}

.mikio-v2 .mikio-v2__layer {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--w);
  z-index: var(--z, 1);
  margin: 0;
}

.mikio-v2 .mikio-v2__art {
  display: block;
  width: 100%;
  height: auto;
}

.mikio-v2[data-motion="ready"] [data-reveal] > .mikio-v2__art {
  opacity: 0;
  transform: translate(var(--reveal-x, 0px), var(--reveal-y, 50px));
}

/* Full-bleed/large atomic photo composites start opacity-only to avoid exposing gaps. */
.mikio-v2 [data-reveal="fade"] { --reveal-x: 0px; --reveal-y: 0px; }
.mikio-v2 [data-reveal="top"] { --reveal-y: -40px; }
.mikio-v2 [data-reveal="left"] { --reveal-x: -20px; --reveal-y: 0px; }
.mikio-v2 [data-reveal="right"] { --reveal-x: 20px; --reveal-y: 0px; }

.mikio-v2[data-motion="ready"] [data-reveal].is-visible > .mikio-v2__art {
  opacity: 1;
  transform: translate(0, 0);
  transition: opacity 1.1s ease, transform 1.1s ease;
}

.mikio-v2 .mikio-v2__buy:disabled {
  padding: 0;
  border: 0;
  background: transparent;
  cursor: default;
  opacity: 1;
}

.mikio-v2 .mikio-v2__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.mikio-v2[data-motion="static"] [data-reveal] > .mikio-v2__art {
  opacity: 1;
  transform: none;
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  .mikio-v2[data-motion] [data-reveal] > .mikio-v2__art,
  .mikio-v2[data-motion] [data-reveal].is-visible > .mikio-v2__art {
    opacity: 1;
    transform: none;
    transition: none;
  }
}