.detail{flex-direction:column;gap:24px;max-width:1100px;margin:0 auto;padding:24px;display:flex}.cover{object-fit:cover;border-radius:18px;width:100%;height:auto;box-shadow:0 10px 30px rgba(0,0,0,.15)}.info h2{margin:0 0 8px;font-size:2rem;font-weight:800}.meta{color:#149191;margin-bottom:20px;font-size:1rem;font-weight:600}.view-toggle{gap:12px;display:flex}.view-toggle a{color:#222;background:#fff;border:1px solid #ccc;border-radius:999px;padding:10px 22px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-block}.view-toggle a[href=\/events].active{color:#fff;background:#149191;border-color:#149191}.view-toggle a[href="/events/calendar"].active{color:#fff;background:#ff9c33;border-color:#ff9c33}.view-toggle a:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.12)}.cta-buttons{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.button{border-radius:10px;padding:12px 24px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-block}.button.buy{color:#fff;background:#ff2d55;border:1px solid #ff2d55}.button.book{color:#fff;background:#149191;border:1px solid #149191}.button:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.12)}@media (min-width:768px){.detail{flex-direction:row;align-items:flex-start}.cover{flex-shrink:0;width:20%;max-width:250px;height:auto}.info{flex:1;padding-left:32px}}