/* ============================================================
   popup-effects.css — munbunyang 팝업 진입 애니메이션 8종
   적용: .mun-popup-wrap[data-anim="효과명"]
   ============================================================ */

/* ── Keyframes ── */
@keyframes popFadeUp    { from{opacity:0;transform:translateY(40px)} to{opacity:1;transform:translateY(0)} }
@keyframes popSlideLeft { from{opacity:0;transform:translateX(-60px)} to{opacity:1;transform:translateX(0)} }
@keyframes popSlideRight{ from{opacity:0;transform:translateX(60px)}  to{opacity:1;transform:translateX(0)} }
@keyframes popZoomIn    { from{opacity:0;transform:scale(0.75)}        to{opacity:1;transform:scale(1)} }
@keyframes popBounceIn  {
  0%  {opacity:0;transform:scale(0.3)}
  50% {transform:scale(1.07)}
  70% {transform:scale(0.96)}
  100%{opacity:1;transform:scale(1)}
}
@keyframes popDropDown  { from{opacity:0;transform:translateY(-60px)} to{opacity:1;transform:translateY(0)} }
@keyframes popFlipIn    { from{opacity:0;transform:perspective(600px) rotateY(-90deg)} to{opacity:1;transform:perspective(600px) rotateY(0)} }
@keyframes popFadeIn    { from{opacity:0} to{opacity:1} }

/* ── 기본 (fade-up) ── */
.mun-popup-wrap,
.mun-popup-wrap[data-anim="fade-up"] { animation: popFadeUp .4s cubic-bezier(.16,1,.3,1) forwards; }

/* ── slide-left ── */
.mun-popup-wrap[data-anim="slide-left"]  { animation: popSlideLeft  .4s cubic-bezier(.16,1,.3,1) forwards; }

/* ── slide-right ── */
.mun-popup-wrap[data-anim="slide-right"] { animation: popSlideRight .4s cubic-bezier(.16,1,.3,1) forwards; }

/* ── zoom-in ── */
.mun-popup-wrap[data-anim="zoom-in"]     { animation: popZoomIn     .4s cubic-bezier(.16,1,.3,1) forwards; }

/* ── bounce-in ── */
.mun-popup-wrap[data-anim="bounce-in"]   { animation: popBounceIn   .5s cubic-bezier(.16,1,.3,1) forwards; }

/* ── drop-down ── */
.mun-popup-wrap[data-anim="drop-down"]   { animation: popDropDown   .4s cubic-bezier(.16,1,.3,1) forwards; }

/* ── flip-in ── */
.mun-popup-wrap[data-anim="flip-in"]     { animation: popFlipIn     .5s cubic-bezier(.16,1,.3,1) forwards; }

/* ── none ── */
.mun-popup-wrap[data-anim="none"]        { animation: none; opacity: 1; }

/* ── 오버레이 페이드인 ── */
@keyframes popOverlayIn { from{opacity:0} to{opacity:1} }
.mun-popup-overlay { animation: popOverlayIn .25s ease forwards; }