/* Approved artwork stays unchanged. These two windows show its desktop and
   mobile compositions without the mockup headers or presentation labels.
   Real links cover the drawn buttons; the purchase label is the user's edit. */
.cami-events {
  position: relative;
  width: 100%;
  aspect-ratio: 1126 / 849;
  padding: 0;
  margin: 0 auto 32px;
  border: 0;
  isolation: isolate;
  scroll-margin-top: calc(var(--site-header-height, 80px) + 16px);
  container-type: inline-size;
}
.cami-events-art { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.cami-events-art img {
  position: absolute;
  width: 136.412078%;
  max-width: none;
  height: auto;
  left: -2.664298%;
  top: -15.547703%;
}
.cami-events-accessible {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
}
.cami-events-buy, .cami-events-share {
  position: absolute; z-index: 1; display: flex; align-items: center;
  justify-content: center; cursor: pointer; text-decoration: none;
  border-radius: 16px; box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
.cami-events-buy {
  left: 51.953819%; top: 66.195524%; width: 39.076377%; height: 6.47821%;
  gap: .55em; border: 0; background: #712349; color: #fff9f1;
  font-family: "Nunito", sans-serif; font-size: 21px; font-size: 1.9cqw;
  font-weight: 600; line-height: 1.15;
}
.cami-events-buy > span:first-child { font-family: Arial, sans-serif; font-size: 1.4em; }
.cami-events-buy > span:last-child { font-family: Arial, sans-serif; font-size: 1.2em; }
.cami-events-share {
  left: 51.953819%; top: 73.85159%; width: 39.076377%; height: 5.418139%;
  background: transparent; color: #712349;
}
.cami-events-buy:focus-visible, .cami-events-share:focus-visible {
  outline: 3px solid #cc521f; outline-offset: 4px;
}
.cami-events-buy:active { filter: brightness(.9); }
.cami-events-share:active { background: #71234918; }
.cami-events-status {
  position: absolute; inset: auto 4% 1%; margin: 0; text-align: center;
  font: 600 14px/1.4 "Nunito", sans-serif; color: #062535;
}
/* Live confirmed information covers only the four placeholder cards and note.
   The approved illustration, headings and button positions remain unchanged. */
.cami-events-details {
  position: absolute; z-index: 1; left: 51.8%; top: 46.5%;
  width: 42.7%; height: 18.2%; margin: 0;
  display: grid; grid-template-columns: 1fr 1fr; gap: 1cqw;
  color: #062535; font-family: "Nunito", sans-serif;
  font-size: 1.13cqw; line-height: 1.3;
}
.cami-events-detail {
  display: flex; align-items: center; gap: .9cqw; min-width: 0;
  padding: .6cqw 1cqw; border-radius: 1.1cqw; background: #eee5d6;
}
.cami-events-detail dt { flex: 0 0 2.8cqw; }
.cami-events-detail dd { margin: 0; min-width: 0; }
.cami-events-detail strong { font-weight: 800; }
.cami-events-detail svg {
  display: block; width: 100%; fill: none; stroke: #b94b18;
  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.cami-events-confirmed {
  position: absolute; z-index: 1; left: 53%; top: 80.2%;
  width: 38%; min-height: 3.1%; margin: 0; padding: .3cqw;
  background: #f5efdf; color: #243a43; text-align: center;
  font: 400 1.16cqw/1.3 "Nunito", sans-serif;
}
@media (hover: hover) {
  .cami-events-buy:hover { box-shadow: 0 5px 15px #71234940; filter: brightness(1.08); }
  .cami-events-share:hover { background: #7123490c; }
}
@media (max-width: 900px) {
  .cami-events { max-width: 520px; aspect-ratio: 319 / 866; margin-bottom: 24px; }
  .cami-events-art img { width: 481.504702%; left: -373.040752%; top: -13.279446%; }
  .cami-events-buy {
    left: 10.344828%; top: 79.330254%; width: 80.250784%; height: 4.387991%;
    min-height: 44px; border-radius: 12px;
    font-size: 15px; font-size: 4.65cqw;
  }
  .cami-events-share {
    left: 10.344828%; top: 84.411085%; width: 80.250784%; height: 4.04157%;
    min-height: 44px; border-radius: 12px;
  }
  .cami-events-details {
    left: 10.25%; top: 63.85%; width: 80.6%; height: 14.78%;
    grid-template-columns: 1fr; gap: 1.4cqw;
    font-size: 3.13cqw; line-height: 1.22;
  }
  .cami-events-detail { padding: .3cqw 3cqw; gap: 3cqw; border-radius: 2.2cqw; }
  .cami-events-detail dt { flex-basis: 6cqw; }
  .cami-events-date { order: 1; }
  .cami-events-time { order: 2; }
  .cami-events-place { order: 3; }
  .cami-events-price { order: 4; }
  .cami-events-confirmed {
    left: 11%; top: 89.7%; width: 78%; min-height: 2.5%;
    padding: .5cqw; font-size: 3.1cqw;
  }
}
@media (max-width: 760px) {
  .cami-events { width: calc(100% + 80px); max-width: none; margin-left: -40px; }
}
@media (prefers-reduced-motion: no-preference) {
  .cami-events-buy, .cami-events-share { transition: filter .18s ease, box-shadow .18s ease, background-color .18s ease; }
}