.localized-events {
  max-width: var(--max);
  margin: auto;
  padding: 58px 48px 62px;
  background: #f3eee8;
  border-bottom: 1px solid var(--line);
}
.localized-events > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .55fr) auto;
  align-items: end;
  gap: 28px;
  margin-bottom: 26px;
}
.localized-events h2 {
  margin: 0;
  color: var(--green);
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.12;
}
.localized-events > header > p { margin: 0; color: var(--muted); font-size: 12px; }
.localized-events > header > a {
  padding: 11px 14px;
  background: var(--orange);
  color: #fff;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}
.localized-event-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.localized-event-card {
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line);
  border-top: 4px solid var(--orange);
}
.localized-event-media {
  aspect-ratio: 16 / 9;
  position: relative;
  display: block;
  overflow: hidden;
  background: #e8e0d7;
}
.localized-event-media img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.localized-event-status {
  position: absolute;
  inset-inline-start: 12px;
  top: 12px;
  padding: 5px 8px;
  background: var(--green);
  color: #fff;
  font-size: 9px;
  font-weight: 850;
}
.localized-event-copy { padding: 20px; }
.localized-event-copy h3 { margin: 0 0 9px; color: var(--green); font-size: 19px; line-height: 1.35; }
.localized-event-copy > p { min-height: 40px; margin: 0 0 14px; color: var(--muted); font-size: 11px; }
.localized-event-meta { display: grid; gap: 6px; padding-top: 12px; border-top: 1px solid var(--line); color: #635a52; font-size: 10px; }
.localized-event-actions { display: flex; gap: 7px; margin-top: 16px; }
.localized-event-actions a { padding: 9px 11px; border: 1px solid var(--orange); color: var(--orange-dark); font-size: 10px; font-weight: 850; }
.localized-event-actions a.primary { background: var(--orange); color: #fff; }
.localized-event-state {
  grid-column: 1 / -1;
  margin: 0;
  padding: 38px;
  background: #fff;
  border-top: 3px solid var(--orange);
  color: var(--green);
  font-size: 14px;
  font-weight: 750;
  text-align: center;
}
.localized-events > footer { margin-top: 16px; color: #66736d; font-size: 10px; }
[dir="rtl"] .localized-events { text-align: right; }
@media (max-width: 900px) {
  .localized-events > header { grid-template-columns: 1fr; }
  .localized-events > header > a { width: max-content; }
  .localized-event-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 650px) {
  .localized-events { padding: 46px 20px; }
  .localized-event-grid { grid-template-columns: 1fr; }
  .localized-event-copy > p { min-height: 0; }
}