.mpw-widget {
  width: 320px;
  border-radius: 18px;
  overflow: hidden;
  background: white;
  box-shadow: 0 8px 20px rgba(0,0,0,.08);
  font-family: Arial, sans-serif;
}

/* HERO IMAGE */
.mpw-hero {
  position: relative;
  height: 170px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  text-align: center;
  overflow: hidden;
}

.mpw-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("https://images.unsplash.com/photo-1564769625905-50e93615e769?q=80&w=1200") center/cover no-repeat;
  opacity: 0.5;
  z-index: 1;
}

.mpw-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.4);
  z-index: 2;
}

.mpw-hero > * {
  position: relative;
  z-index: 3;
}

.next-label { font-size: 14px; }
.countdown { font-size: 30px; font-weight: bold; margin-top: 10px; }

.grid { padding: 10px; }

.card {
  display: flex;
  justify-content: space-between;
  padding: 12px 10px;
  border-bottom: 1px solid #e5e7eb;
}

.card:last-child { border-bottom: none; }

.card-title {
  font-weight: bold;
  color: #6f9b51;
}

.card-time {
  font-weight: bold;
}

.card.is-next {
  background: #6f9b51;
  color: white;
  border-radius: 10px;
}

.card.is-next .card-title,
.card.is-next .card-time {
  color: white;
}