/* Mekan Rehber — definitive event card system 2026-07-15 */
:root{--mr-card-green:#00b95b;--mr-card-text:#202a24;--mr-card-muted:#707a74;--mr-card-line:#e3ebe6}
.eventCards,.eventCardsHomeShowcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}
.eventCards .eventCardPro,.eventCards .eventCard,.eventCardsHomeShowcase .eventCardPro,.eventCardsHomeShowcase .eventCard,.eventCardHomeShowcase{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--mr-card-line);border-radius:22px;overflow:hidden;box-shadow:0 13px 34px rgba(18,36,27,.075);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.eventCards .eventCardPro:hover,.eventCards .eventCard:hover,.eventCardsHomeShowcase .eventCardPro:hover,.eventCardsHomeShowcase .eventCard:hover{transform:translateY(-4px);box-shadow:0 23px 52px rgba(18,36,27,.13);border-color:rgba(0,185,91,.28)}
.eventCards .eventThumb,.eventCardsHomeShowcase .eventThumb{position:relative;width:100%;height:auto;aspect-ratio:16/10;overflow:hidden;background:#e9efeb;margin:0;border-radius:0;box-shadow:none}
.eventCards .eventThumb::before,.eventCards .eventThumb::after,.eventCardsHomeShowcase .eventThumb::before,.eventCardsHomeShowcase .eventThumb::after{content:none;display:none}
.eventCards .eventThumb img,.eventCardsHomeShowcase .eventThumb img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 34%;background:transparent;transform:none;filter:none}
.eventCards .eventBody,.eventCardsHomeShowcase .eventBody{display:flex;flex:1;flex-direction:column;padding:16px;background:#fff}
.eventCards .eventBody h3,.eventCardsHomeShowcase .eventBody h3{margin:0 0 8px;color:var(--mr-card-text);font-size:1.02rem;line-height:1.28;font-weight:800;min-height:2.56em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.eventCards .eventBody p,.eventCardsHomeShowcase .eventBody p{margin:0 0 8px;color:var(--mr-card-muted);font-size:.88rem;line-height:1.42;min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.eventCards .eventDate,.eventCardsHomeShowcase .eventDate{display:block;margin:2px 0 8px;color:#5f6d65;font-size:.85rem;line-height:1.35;font-weight:650;background:transparent;border:0;padding:0}
.eventCards .eventMeta,.eventCardsHomeShowcase .eventMeta{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.eventCards .eventMeta span,.eventCardsHomeShowcase .eventMeta span{font-size:.74rem;padding:5px 8px;border-radius:999px;background:#effaf3;color:#08753d}
.eventCards .eventPrice,.eventCardsHomeShowcase .eventPrice{color:var(--mr-card-green);font-weight:850}
.eventCards .eventBtn,.eventCardsHomeShowcase .eventBtn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;width:100%;padding:10px 12px;border-radius:12px;background:var(--mr-card-green);color:#fff;font-weight:850;text-align:center}
@media(max-width:1099px){.eventCards,.eventCardsHomeShowcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media(max-width:768px){.eventCards,.eventCardsHomeShowcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;align-items:start}.eventCards .eventCardPro,.eventCards .eventCard,.eventCardsHomeShowcase .eventCardPro,.eventCardsHomeShowcase .eventCard,.eventCardHomeShowcase{border:0;border-radius:0;box-shadow:none;background:transparent;overflow:visible}.eventCards .eventThumb,.eventCardsHomeShowcase .eventThumb{aspect-ratio:1.38/1;border-radius:16px;box-shadow:0 7px 20px rgba(18,36,27,.09)}.eventCards .eventThumb img,.eventCardsHomeShowcase .eventThumb img{object-position:50% 30%}.eventCards .eventBody,.eventCardsHomeShowcase .eventBody{padding:10px 3px 0;background:transparent}.eventCards .eventBody h3,.eventCardsHomeShowcase .eventBody h3{font-size:.92rem;min-height:2.35em;margin-bottom:5px}.eventCards .eventBody p,.eventCardsHomeShowcase .eventBody p{font-size:.79rem;min-height:2.3em;margin-bottom:5px}.eventCards .eventDate,.eventCardsHomeShowcase .eventDate{font-size:.77rem;margin-bottom:5px}.eventCards .eventMeta,.eventCardsHomeShowcase .eventMeta,.eventCards .eventBtn,.eventCardsHomeShowcase .eventBtn{display:none}}
@media(max-width:390px){.eventCards,.eventCardsHomeShowcase{gap:18px 9px}.eventCards .eventThumb,.eventCardsHomeShowcase .eventThumb{aspect-ratio:1.32/1;border-radius:15px}.eventCards .eventBody h3,.eventCardsHomeShowcase .eventBody h3{font-size:.87rem}}