/* ===== 지노블 프리미엄 애니메이션 CSS ===== */

/* 기본 애니메이션 클래스 */
.animate-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: opacity, transform;
}

.animate-on-scroll.animate {
    opacity: 1;
    transform: translateY(0);
}

/* 메인 섹션 - 메인 타이틀만 애니메이션 */
.premium_main_title {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
}

.premium_main_title.animate {
    opacity: 1;
    transform: translateY(0);
}

/* 프리미엄 섹션 1 - 로고 섹션 */
.premium_section1_logo {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
    will-change: opacity, transform;
}

.premium_section1_logo.animate {
    opacity: 1;
    transform: translateY(0);
}

/* 프리미엄 섹션 2 - 진행절차 */
.premium_section2_left {
    opacity: 0;
    transform: translateX(-50px);
    transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
    will-change: opacity, transform;
}

.premium_section2_left.animate {
    opacity: 1;
    transform: translateX(0);
}

.premium_section2_right {
    opacity: 0;
    transform: translateX(50px);
    transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s;
    will-change: opacity, transform;
}

.premium_section2_right.animate {
    opacity: 1;
    transform: translateX(0);
}

.premium_step_item {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: opacity, transform;
}

.premium_step_item.animate {
    opacity: 1;
    transform: translateY(0);
}

/* 8단계 절차 순차 애니메이션 */
.premium_step_item:nth-child(1) { transition-delay: 0.6s; }
.premium_step_item:nth-child(2) { transition-delay: 0.7s; }
.premium_step_item:nth-child(3) { transition-delay: 0.8s; }
.premium_step_item:nth-child(4) { transition-delay: 0.9s; }
.premium_step_item:nth-child(5) { transition-delay: 1.0s; }
.premium_step_item:nth-child(6) { transition-delay: 1.1s; }
.premium_step_item:nth-child(7) { transition-delay: 1.2s; }
.premium_step_item:nth-child(8) { transition-delay: 1.3s; }

/* 프리미엄 섹션 3 - 안심서비스 */
.premium_section3_title {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s;
    will-change: opacity, transform;
}

.premium_section3_title.animate {
    opacity: 1;
    transform: translateY(0);
}

.premium_service_item {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: opacity, transform;
}

.premium_service_item.animate {
    opacity: 1;
    transform: translateY(0);
}

/* 5개 서비스 항목 순차 애니메이션 */
.premium_service_item:nth-child(1) { transition-delay: 0.4s; }
.premium_service_item:nth-child(2) { transition-delay: 0.5s; }
.premium_service_item:nth-child(3) { transition-delay: 0.6s; }
.premium_service_item:nth-child(4) { transition-delay: 0.7s; }
.premium_service_item:nth-child(5) { transition-delay: 0.8s; }

/* 프리미엄 섹션 4 - 멤버쉽 특전 (main.php section9와 동일한 애니메이션) */
.premium_section4_header {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    will-change: opacity, transform;
}

.premium_section4_header.animate {
    opacity: 1;
    transform: translateY(0);
}

.premium_section4_item {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: opacity, transform;
}

.premium_section4_item.animate {
    opacity: 1;
    transform: translateY(0);
}

/* 멤버쉽 특전 카드들 순차 애니메이션 (main.php와 동일) */
.premium_section4_item:nth-child(1) { transition-delay: 0.2s; }
.premium_section4_item:nth-child(2) { transition-delay: 0.3s; }
.premium_section4_item:nth-child(3) { transition-delay: 0.4s; }
.premium_section4_item:nth-child(4) { transition-delay: 0.5s; }

/* 프리미엄 섹션 5 - 프라이빗 파티와 제주 썸투어 (main.php section10과 동일한 애니메이션) */
.premium_section5_header {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    will-change: opacity, transform;
}

.premium_section5_header.animate {
    opacity: 1;
    transform: translateY(0);
}

.premium_section5_item {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: opacity, transform;
}

.premium_section5_item.animate {
    opacity: 1;
    transform: translateY(0);
}

/* 프라이빗 파티와 제주 썸투어 카드들 순차 애니메이션 (main.php와 동일) */
.premium_section5_item:nth-child(1) { transition-delay: 0.2s; }
.premium_section5_item:nth-child(2) { transition-delay: 0.3s; }
.premium_section5_item:nth-child(3) { transition-delay: 0.4s; }

/* 프리미엄 타이틀 섹션 */
.premium_title {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
    will-change: opacity, transform;
}

.premium_title.animate {
    opacity: 1;
    transform: translateY(0);
}

/* 모바일 반응형 애니메이션 조정 */
@media (max-width: 767px) {
    .animate-on-scroll {
        transform: translateY(20px);
    }
    
    .premium_section2_left,
    .premium_section2_right {
        transform: translateY(30px);
    }
    
    .premium_section2_left.animate,
    .premium_section2_right.animate {
        transform: translateY(0);
    }
}

/* 애니메이션 완료 후 will-change 제거 */
.animate-on-scroll.animate,
.premium_main_title.animate,
.premium_section1_logo.animate,
.premium_section2_left.animate,
.premium_section2_right.animate,
.premium_step_item.animate,
.premium_section3_title.animate,
.premium_service_item.animate,
.premium_section4_header.animate,
.premium_section4_item.animate,
.premium_section5_header.animate,
.premium_section5_item.animate,
.premium_title.animate {
    will-change: auto;
}