/* Urodziny na stronie głównej: otwarta sekcja na białym tle, wszystko
   wyśrodkowane — nagłówek, okazje, pakiety w pierwotnym stylu, przyciski. */
.urodziny { max-width: 1920px; margin: 0 auto; padding: clamp(2rem, 4vw, 4rem) clamp(.75rem, 1.5vw, 1.5rem) clamp(4rem, 7vw, 7rem); }
.ur {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  max-width: 1280px; margin: 0 auto; padding: 0 clamp(.5rem, 3vw, 3rem);
}
.urodziny .nadtytul { margin-bottom: 1rem; }
.urodziny h2 { font-size: clamp(2.3rem, 4.4vw, 4.8rem); font-weight: 800; line-height: .98; }
.urodziny h2 span { color: var(--pom-2); }
.ur__lewa { display: flex; flex-direction: column; align-items: center; }
.urodziny h2 br { display: none; }
.urodziny h2 span { display: inline; }
/* Hasło w jednej linii na szerokich ekranach; węższe zawijają normalnie. */
@media (min-width: 1100px) { .urodziny h2 { white-space: nowrap; font-size: clamp(2.4rem, 3.9vw, 4.6rem); } }
.ur__lead { font-size: clamp(1.05rem, 1rem + .4vw, 1.3rem); color: var(--tusz-2); margin: 1.4rem auto 1.6rem; max-width: 40rem; }
.ur__okazje { list-style: none; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; margin-bottom: clamp(2.5rem, 4vw, 3.5rem); }
.ur__okazje li { padding: .4rem 1rem; border-radius: 999px; background: #F2F4F9; font-family: var(--font-naglowek); font-weight: 700; color: var(--tusz); }
.ur__cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; margin-top: clamp(2.5rem, 4vw, 3.5rem); }

.ur__pakiety { width: 100%; max-width: 1100px; padding-top: 1rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1rem, 1.6vw, 1.5rem); align-items: stretch; text-align: left; }
/* Pakiety w pierwotnym stylu: białe karty z kolorowym paskiem u góry,
   środkowa powiększona. Na białym tle sekcji — delikatny cień zamiast tła. */
.pakiet {
  --kol: var(--nieb);
  position: relative; display: flex; flex-direction: column;
  background: #fff; color: var(--tusz);
  border-radius: var(--r); padding: 1.8rem 1.5rem 1.5rem;
  border-top: 10px solid var(--kol);
  box-shadow: 0 10px 34px rgba(30,35,64,.09);
  transition: transform .4s var(--ease);
}
.pakiet:hover { transform: translateY(-6px); }
.pakiet--pom { --kol: var(--pom); } .pakiet--roz { --kol: var(--roz); }
.pakiet--hit { transform: scale(1.06); box-shadow: 0 20px 50px rgba(30,35,64,.18); z-index: 1; }
.pakiet--hit:hover { transform: scale(1.06) translateY(-6px); }
.pakiet__hit { position: absolute; top: -1.05rem; left: 50%; transform: translateX(-50%) rotate(-2deg); white-space: nowrap; background: var(--zol); color: var(--tusz); font-family: var(--font-naglowek); font-weight: 800; font-size: .85rem; padding: .25rem .9rem; border-radius: 999px; }
.pakiet h3 { font-size: 2.2rem; font-weight: 800; color: var(--kol); }
.pakiet__opis { color: var(--tusz-2); font-size: .95rem; margin: .3rem 0 1rem; min-height: 3em; }
.pakiet ul { list-style: none; padding: 0; display: grid; gap: .45rem; margin-bottom: 1.4rem; font-weight: 700; font-size: .95rem; }
.pakiet li { padding-left: 1.6rem; position: relative; }
.pakiet li::before { content: ''; position: absolute; left: 0; top: .3em; width: 1rem; height: 1rem; border-radius: 50%; background: var(--kol); box-shadow: inset 0 0 0 4px #fff, inset 0 0 0 10px var(--kol); outline: 2px solid var(--kol); outline-offset: -2px; }
.pakiet__link { margin-top: auto; font-family: var(--font-naglowek); font-weight: 800; color: var(--kol); }
.pakiet__link i { font-style: normal; display: inline-block; transition: transform .3s var(--ease); }
.pakiet:hover .pakiet__link i { transform: translateX(4px); }

@media (max-width: 760px) {
  .ur { padding: 0 .8rem; }
  .ur__cta .btn { width: 100%; }
  .ur__pakiety { width: auto; align-self: stretch; }
}
/* Okazje jako przyciski do podstron z ofertą danego przyjęcia. */
.ur__okazje li { padding: 0; background: none; }
.ur__okazje a { display: inline-flex; align-items: center; gap: .4rem; padding: .45rem 1.05rem; border-radius: 999px; background: #F2F4F9; color: var(--tusz);
  font-family: var(--font-naglowek); font-weight: 700; text-decoration: none; transition: background .2s, color .2s; }
.ur__okazje a i { font-style: normal; font-size: .9em; transition: transform .2s; }
.ur__okazje a:hover { background: var(--roz); color: #fff; }
.ur__okazje a:hover i { transform: translateX(3px); }