/* Model changes animate opacity and the independent scale property, preserving
   product floating/tilt transforms and layout positions from each page. */
.tg-model-transitioning {
  will-change: opacity, scale;
  backface-visibility: hidden;
  transform-origin: 50% 50%;
}
.tg-model-gallery-panel { transition: none !important; animation: none !important; }
html[data-effects="off"] .tg-model-transitioning {
  will-change: auto;
}
@media (prefers-reduced-motion: reduce) {
  .tg-model-transitioning { will-change: auto; }
}