/* Events and direct bookings use the site's existing colours and typography. */
#tarjous, #reiki-chakrat, #reiki-keho { scroll-margin-top: 5rem; }
.events-container { max-width: 1200px; }
.events-intro { max-width: 650px; margin: 0 auto 2rem; color: var(--text-secondary); line-height: 1.8; }
.events-grid, .direct-booking-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; text-align: left; }
.event-card, .direct-booking-card { min-width: 0; padding: 1.75rem; border: 1px solid rgba(0,138,184,.16); border-top: 4px solid var(--accent-green); border-radius: 15px; background: white; box-shadow: 0 10px 30px rgba(0,0,0,.06); display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.event-card h3, .direct-booking-card h4 { color: var(--primary-blue); font-size: 1.25rem; line-height: 1.5; font-weight: 600; margin: 0; }
.event-card p, .direct-booking-card p { color: #444; line-height: 1.8; margin: 0; }
.event-label { color: #285e53; background: #edf6f0; border-radius: 20px; padding: .3rem .75rem; font-size: .8rem; font-weight: 600; }
.event-meta { display: grid; gap: .65rem; margin: 0; width: 100%; }
.event-meta div { display: grid; gap: .1rem; }
.event-meta dt { font-size: .8rem; font-weight: 600; color: #666; }
.event-meta dd { margin: 0; color: #333; line-height: 1.6; }
.event-card ul { padding-left: 1.2rem; color: #444; line-height: 1.8; }
.event-price { font-size: 1.25rem; font-weight: 600; color: var(--primary-blue); }
.booking-link { display: inline-flex; justify-content: center; align-items: center; gap: .5rem; padding: .85rem 1.15rem; border-radius: 25px; background: #006a8f; color: white; text-decoration: none; font-weight: 600; line-height: 1.5; text-align: center; overflow-wrap: anywhere; }
.booking-link:hover { background: #004e69; }
.booking-link:focus-visible { outline: 3px solid #006a8f; outline-offset: 4px; }
.event-card > .booking-link, .direct-booking-card > .booking-link { margin-top: auto; }
.event-details { width: 100%; color: #444; line-height: 1.8; }
.event-details summary { cursor: pointer; color: #006a8f; font-weight: 600; padding: .5rem 0; }
.event-details p { margin-top: .75rem; }
.tarjous-poster { max-width: 800px; margin: 2rem auto 0; box-sizing: border-box; }
.direct-booking-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 1.5rem 0; }
.direct-booking-card { padding: 1.25rem; box-shadow: none; }
.offer-note { background: #edf6f0; border-radius: 8px; padding: .7rem 1rem; color: #285e53; line-height: 1.6; font-size: .95rem; margin: .75rem 0; }
.service-card .booking-link { margin: 1rem 0 .5rem; }
.service-booking-note { margin-bottom: 2rem; color: #555; line-height: 1.8; }
@media (max-width: 900px) { .events-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .direct-booking-grid { grid-template-columns: 1fr; } .event-card { padding: 1.25rem; } .booking-link { width: 100%; box-sizing: border-box; } }