/* Gelegenheden — interne links naar occasion-pagina's (secundair blok, index-2) */
.occasions{padding-top:96px}
.occasions__head{max-width:60ch;margin:0 auto 28px;text-align:center}
.occasions__head h2{margin:0}
.occasions__head p{margin:10px 0 0;color:var(--muted)}
.occasions__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.occ{display:flex;flex-direction:column;gap:6px;padding:22px;background:var(--white);border:1px solid var(--grey-line);border-radius:var(--radius-md);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.occ:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(30,24,16,.10);border-color:var(--yellow)}
.occ__name{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--dark)}
.occ__desc{font-size:14px;line-height:1.5;color:var(--muted);flex:1}
.occ__go{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-top:8px;border-radius:50%;background:var(--cream);transition:background-color .18s ease}
.occ__go svg{width:13px;height:13px;fill:var(--dark);display:block}
.occ:hover .occ__go{background:var(--yellow)}
@media (max-width:1024px){
  .occasions{padding-top:72px}
  .occasions__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
  .occasions{padding-top:56px}
  .occasions__grid{gap:12px}
  .occ{padding:16px}
}