.natale-2025-wizard-container {
    position: relative;
    min-height: 200px;
}

/* tutti gli step, base: nascosti */
.natale-2025-step {
    opacity: 0;
    transform: translateX(40px);
    pointer-events: none;
    transition: all .4s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

/* step 1 visibile all'inizio */
.natale-2025-step-1 {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
    position: relative;
}

/* quando step 1 è marcato come "completato" dal JS */
.natale-2025-step-1.step-visibile {
    opacity: 0;
    transform: translateX(-40px);
    pointer-events: none;
    position: absolute;
}

/* quando step1 è completato, mostra step2 */
.natale-2025-step-1.step-visibile ~ .natale-2025-step-2 {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
    position: relative;
}