.event-hero {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
  align-items: start;
  margin-top: 16px;
}
@media (max-width: 900px) {
  .event-hero { grid-template-columns: 1fr; }
}

.event-title { font-size: clamp(24px, 3vw, 36px); margin: 0 0 6px; }
.event-sub { color: #666; margin: 0 0 12px; }

.meta-chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0 0 14px; list-style: none; }
.meta-chips .chip {
  display: inline-flex; align-items: center; gap: 6px;
  border: 1px solid #000; border-radius: 999px; padding: 6px 10px; font-size: 16px;
  background: #fff;
}

.cta-row { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; margin-bottom: 10px; }
.btn { display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:10px; text-decoration:none; font-weight:600; }
.btn-primary { background:#E32786; color:#fff; }
.btn-outline { border:1px solid #E32786; color:#000000; background:#fff; }
.link { font-size:14px; text-decoration:underline; color:#333; background:none; border:none; cursor:pointer; padding:0; }

.quick-links { display:flex; gap:12px; padding:0; margin:8px 0 0; list-style:none; }
.quick-links a { text-decoration: none; color:#555; }

.hero-right .event-image { border-radius:12px; overflow:hidden; box-shadow: 0 4px 12px rgba(0,0,0,.06); margin:0 0 10px; }
.hero-right img { width:100%; height:auto; display:block; }

.facts { border:1px solid #000; border-radius:12px; padding:12px; background:#fafafa; }
.starts-in { display:inline-block; margin-bottom:8px; font-size:13px; font-weight:600; color:#0a7a2f; background:#eaf8ee; padding:4px 8px; border-radius:999px; }
.fact-list { list-style:none; padding:0; margin:0; display:grid; gap:6px; font-size:18px; }

.content h2 { margin-top:28px; font-size:22px; }
.map-embed {  background:#f2f2f2; border-radius:12px; }

.travel .tabs { display:flex; gap:8px; margin:12px 0; }
.travel .tabs button { border:1px solid #ddd; background:#fff; padding:8px 12px; border-radius:8px; cursor:pointer; }
.tab-body { border:1px solid #000; border-radius:12px; padding:12px; background:#fff; }
.hidden { display:none; }

.nearby-pills { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; }
.nearby-pills a { display:inline-block; border:1px solid #000; padding:6px 10px; border-radius:999px; text-decoration:none; color:#333; }

.related-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; }
@media (max-width: 900px) { .related-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .related-grid { grid-template-columns: 1fr; } }

.mobile-cta {
  position: sticky; bottom: 0; inset-inline: 0;
  display: none; gap: 16px; justify-content: space-around;
  padding: 10px; background: rgba(255,255,255,.96); border-top:1px solid #000;
}
.mobile-cta a, .mobile-cta button { padding:10px 12px; border-radius:10px; background:#E32786; color:#fff; border:none; text-decoration:none; }
@media (max-width: 700px) { .mobile-cta { display: flex; } }

.event-features{
  list-style:none; margin:8px 0 0; padding:0;
  display:flex; flex-wrap:wrap; gap:6px;
}
.event-features li{
  font-size:18px; line-height:1;
  background:#ffe6f3; color:#E32786;  /* Evenzy pink vibe */
  border:1px solid #E32786; border-radius:999px;
  padding:6px 10px;
}
  .hidden { display: none; }
  .tabs { display:flex; gap:8px; }
  .tabs button { padding:8px 12px; border:1px solid #000; border-radius:8px; background:#fff; cursor:pointer; }
  .tabs button[aria-selected="true"] { border-color:#E32786; color:#E32786; font-weight:600; }
  .tab-body { padding:12px 0; }


.add-to-cal{ position:relative; display:inline-block; width:48%;}
.add-to-cal button{ padding:8px 12px; border:1px solid #E32786; border-radius:8px; background:#fff; cursor:pointer; }
.add-to-cal .menu{ position:absolute; top:110%; left:0; background:#fff; border:1px solid #eee; border-radius:10px; box-shadow:0 8px 20px rgba(0,0,0,.08); padding:8px; display:none; min-width:220px; z-index:10; }
.add-to-cal .menu a{ display:block; padding:8px 10px; border-radius:8px; text-decoration:none; color:#333; }
.add-to-cal .menu a:hover{ background:#ffe6f3; color:#E32786; }


.btn-wa{
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 12px; border:1px solid #000; border-radius:10px;
  background:#fff; cursor:pointer; text-decoration:none;
  color: #000; width:50%;
}
.btn-wa:hover{ background:#ffe6f3; border-color:#E32786; color:#E32786; }