/* 이벤트 카드(종료 · 예정)를 누르면 뜨는 안내 띠 */
.ev-toast {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 40px;
  z-index: 1100;
  width: fit-content;
  max-width: calc(100% - 32px);
  margin: 0 auto;
  padding: 14px 22px;
  box-sizing: border-box;
  border-radius: 999px;
  background: #16181d;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(12px);
  transition: opacity .2s, transform .2s, visibility .2s;
}
.ev-toast.is-on { opacity: 1; visibility: visible; transform: none; }
/* 768 이하는 아래 퀵메뉴 바 위에 띄운다 */
@media (max-width: 768px) {
  .ev-toast { bottom: calc(108px + env(safe-area-inset-bottom)); }
}