/* widget: mr-events */
.mr-events { background: var(--mr-bg); }
.mr-events__inner { display: flex; flex-direction: column; gap: 64px; padding-block: var(--mr-section-y); }

.mr-events__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.mr-event { display: flex; flex-direction: column; gap: 0; padding: 32px; transition: transform .4s var(--mr-ease), box-shadow .4s var(--mr-ease); }
.mr-event:hover { transform: translateY(-4px); box-shadow: 0 24px 40px -20px rgba(162, 63, 0, .25); }
.mr-event .mr-icon-badge { margin-bottom: 24px; }
.mr-event .mr-h3 { margin-bottom: 12px; }
.mr-event--wide { grid-column: span 2; }

.mr-events__info {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px;
  padding: 48px; background: var(--mr-surface); border: 1px solid var(--mr-line-soft); border-radius: var(--mr-radius);
}
.mr-events__info-item { display: flex; flex-direction: column; gap: 16px; }
.mr-events__info-item .mr-h3 { display: flex; align-items: center; gap: 8px; }
.mr-events__info-item .mr-h3 svg { width: 22px; height: 22px; color: var(--mr-primary); flex: none; }

.mr-events__contact {
  width: 100%; max-width: 896px; margin-inline: auto;
  display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center;
  padding: 48px; background: var(--mr-sand); border: 1px solid var(--mr-line); border-radius: var(--mr-radius);
  box-shadow: var(--mr-shadow-lg);
}
.mr-events__contact > p { max-width: 576px; padding-top: 8px; }
.mr-events__pills { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; padding-block: 24px; }
.mr-pill {
  display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; border-radius: 9999px;
  background: var(--mr-white); border: 1px solid var(--mr-line); color: var(--mr-ink); text-decoration: none;
  transition: border-color .25s, color .25s;
}
.mr-pill svg { width: 18px; height: 18px; color: var(--mr-primary); flex: none; }
.mr-pill:hover { border-color: var(--mr-primary); color: var(--mr-primary); }

@media (max-width: 960px) {
  .mr-events__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  .mr-event--wide { grid-column: span 2; }
  .mr-events__info { grid-template-columns: 1fr; padding: 32px; gap: 28px; }
}
@media (max-width: 600px) {
  .mr-events__inner { gap: 48px; }
  .mr-events__grid { grid-template-columns: 1fr; }
  .mr-event--wide { grid-column: auto; }
  .mr-event { padding: 28px 24px; }
  .mr-events__contact { padding: 36px 20px; }
  .mr-events__contact .mr-btn { white-space: normal; text-align: center; }
}