.recommended-events{display:flex;justify-content:center;padding:20px}.events-grid{display:grid;grid-gap:20px;gap:20px;width:100%;max-width:1200px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.event-card{position:relative;display:flex;flex-direction:row;align-items:center;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15);border:2px solid #ddd;text-decoration:none;transition:transform .2s ease-in-out}.event-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.event-image{position:relative;width:40%;height:150px;overflow:hidden;flex-shrink:0}.event-thumbnail{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:90px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;color:#999}.event-category-badge{left:10px;background:#4a6baf}.event-category-badge,.event-online-badge{position:absolute;top:10px;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:8px}.event-online-badge{right:10px;background:#2ecc71}.event-content{width:60%;padding:15px;text-align:left;display:flex;flex-direction:column;justify-content:center}.event-name{font-size:14px;font-weight:700;margin-bottom:5px;color:#333;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-meta{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#777}.event-icon{display:inline-block;margin-right:5px;font-style:normal}.event-date{color:#4a6baf}.event-date,.event-location{display:flex;align-items:center}.event-location{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.events-grid{grid-template-columns:1fr}.event-card{flex-direction:row}.event-image{width:40%;height:auto}.event-content{width:60%}}@media (min-width:768px){.image-placeholder{height:150px}}