.shop-section--under-hero { padding-top: 5.5em; }


.layout__content {
  animation: pageEnter 0.5s ease both;
}
@keyframes pageEnter {
  from { opacity: 0; transform: translateX(-1.618em); }
  to   { opacity: 1; transform: translateX(0); }
}
.layout.is-leaving .layout__content {
  opacity: 0;
  transform: translateX(1.618em);
  transition: opacity 0.25s ease, transform 0.25s ease;
}


.is-watched {
  opacity: 0;
  transform: translateY(1em);
  transition: opacity 0.55s ease, transform 0.55s ease;
}
.is-watched.is-seen {
  opacity: 1;
  transform: translateY(0);
}


@keyframes frostTurn {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}


.is-busy { opacity: 0.6; pointer-events: none; }
.is-invalid { border-color: #b91c1c; }

@media (prefers-reduced-motion: reduce) {
  .layout__content,
  .frost-pane__crystal { animation: none; }
  .is-watched { opacity: 1; transform: none; transition: none; }
}


@media (max-width: 768px) {
  .layout__content { animation-duration: 0.3s; }
  .shop-section--under-hero { padding-top: 1.618em; }
}