@charset "utf-8";

/* 플로팅 — 굿타이어 장착절차 모달 */

body.float-mount-process-open {
    overflow: hidden;
}

.float-mount-process[hidden] {
    display: none;
}

.float-mount-process__backdrop {
    transition: opacity 0.3s ease;
}

.float-mount-process.is-open .float-mount-process__backdrop {
    opacity: 1;
}

.float-mount-process__panel {
    opacity: 0;
    transform: translate3d(0, 1.25rem, 0);
    transition: opacity 0.32s ease, transform 0.32s ease;
}

.float-mount-process.is-open .float-mount-process__panel {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* STEP 카드 — Figma 458:12116 */
.float-mount-process__step {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ebf8ff 38.5%);
}

@media (prefers-reduced-motion: reduce) {
    .float-mount-process__backdrop,
    .float-mount-process__panel {
        transition: none;
    }

    .float-mount-process.is-open .float-mount-process__panel {
        opacity: 1;
        transform: none;
    }
}