/* =========================================================================
 * Życzenioteka – stos kartek w hero, który pochyla się za kursorem.
 * Kolory i cienie z podstawowego arkusza (front.css) – tu tylko ruch 3D.
 * ====================================================================== */

.zt-hero__karta { perspective: 1100px; --rx: 0deg; --ry: 0deg; }
.zt-hero__stos { position: relative; transform-style: preserve-3d; transform: rotateX(var(--rx)) rotateY(var(--ry)); transition: transform .5s cubic-bezier(.2, .8, .2, 1); }
.zt-hero__karta.is-aktywna .zt-hero__stos { transition: transform .08s linear; }
.zt-hero__stos .zt-hero__tlo { inset: -24px 24px 24px -24px; transform: rotate(-3deg) translateZ(-14px); }
.zt-hero__wnetrze { transform: translateZ(14px); }

@media (prefers-reduced-motion: reduce) {
	.zt-hero__stos { transform: none !important; }
}