/* Animacje i wydarzenia: sześć kategorii z briefu. Białe karty (po kolorowych
   strefach i granatowych urodzinach potrzebny oddech), kolor wchodzi przez
   malowaną plamę z ikoną i wypełnia kartę dopiero po najechaniu. */
.wydarzenia { max-width: 1920px; margin: 0 auto; padding: 0 clamp(.75rem, 1.5vw, 1.5rem) clamp(3rem, 6vw, 6rem); }
.wydarzenia__glowa { display: flex; justify-content: space-between; align-items: end; gap: 2rem; flex-wrap: wrap; padding: 0 clamp(.5rem, 3vw, 3rem) clamp(2rem, 4vw, 3.5rem); }
.wydarzenia h2 { font-size: clamp(2.4rem, 5vw, 5.2rem); font-weight: 800; line-height: .95; margin-top: 1rem; }
.wydarzenia h2 span { color: var(--roz); }
.wydarzenia__siatka { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(.75rem, 1.2vw, 1.25rem); }
.wyd {
  --kol: var(--pom); --tlo: #FFE9D4;
  position: relative; overflow: hidden; isolation: isolate;
  display: flex; flex-direction: column;
  padding: clamp(1.6rem, 2.5vw, 2.6rem); border-radius: var(--r-xl);
  background: #fff; border: 2.5px solid #EEF0F6;
  transition: transform .4s var(--ease), border-color .3s, color .3s;
}
.wyd::before { content: ''; position: absolute; z-index: -1; width: 220px; aspect-ratio: 1; right: -70px; top: -70px;
  border-radius: 42% 58% 63% 37% / 45% 40% 60% 55%; background: var(--tlo);
  transition: transform .6s var(--ease), background .3s; }
.wyd:hover { transform: translateY(-6px) rotate(-.5deg); border-color: var(--kol); color: #fff; }
.wyd:hover::before { transform: scale(7); background: var(--kol); }
.wyd--nieb { --kol: var(--nieb); --tlo: #DCEEFD; }
.wyd--roz  { --kol: var(--roz);  --tlo: #FFE0EC; }
.wyd--tur  { --kol: var(--tur);  --tlo: #D6F6FB; }
.wyd--zol  { --kol: #F5B700;     --tlo: #FFF3C4; }
.wyd--lim  { --kol: #8DBF00;     --tlo: #EEF8CF; }
.wyd__ik { width: 74px; height: 74px; border-radius: 24px; display: grid; place-items: center; background: var(--kol); margin-bottom: 1.6rem; transform: rotate(-6deg); transition: transform .4s var(--ease), background .3s; }
.wyd:hover .wyd__ik { background: #fff; transform: rotate(6deg) scale(1.05); }
.wyd__ik svg { width: 40px; fill: none; stroke: #fff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.wyd:hover .wyd__ik svg { stroke: var(--kol); }
.wyd h3 { font-size: clamp(1.6rem, 1.3rem + 1vw, 2.3rem); font-weight: 800; margin-bottom: .6rem; }
.wyd p { color: var(--tusz-2); font-weight: 600; margin-bottom: 1.6rem; transition: color .3s; }
.wyd:hover p { color: rgba(255,255,255,.92); }
.wyd__dol { margin-top: auto; display: flex; align-items: center; justify-content: space-between; }
.wyd__kiedy { padding: .3rem .9rem; border-radius: 999px; background: var(--tlo); color: var(--tusz); font-family: var(--font-naglowek); font-weight: 700; font-size: .95rem; }
.wyd__dol i { font-style: normal; font-size: 1.6rem; font-weight: 800; color: var(--kol); transition: transform .3s var(--ease), color .3s; }
.wyd:hover .wyd__dol i { color: #fff; transform: translateX(6px); }
.wyd:hover .wyd__kiedy { background: rgba(255,255,255,.25); color: #fff; }
@media (max-width: 1000px) { .wydarzenia__siatka { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px)  { .wydarzenia__siatka { grid-template-columns: 1fr; } }