/* Podstrony rodzajów przyjęć (chrzest, komunia, baby shower, przyjęcia rodzinne): wspólny układ z app/podstrony.py. */
.pz-sek { max-width: 1880px; width: calc(100% - 2 * clamp(.6rem, 1.4vw, 1.5rem)); margin: clamp(3.5rem, 7vw, 6rem) auto 0; }
.pz-glowa { text-align: center; max-width: 46rem; margin: 0 auto 2.2rem; }
.pz-sek h2 { font-size: clamp(2.2rem, 4.5vw, 4.2rem); font-weight: 800; line-height: .95; margin: .8rem 0 1rem; }
.pz-sek h2 span { color: var(--roz); }
.pz-karty { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.6rem); }
.pz-karty li { display: grid; align-content: start; gap: .4rem; padding: 1.6rem 1.4rem; border-radius: 24px; background: color-mix(in srgb, var(--k) 12%, #fff); border-top: 6px solid var(--k); }
.pz-karty b { font-family: var(--font-naglowek); font-size: 1.35rem; }
.pz-karty span { color: var(--tusz-2); }
.pz-rez { background: #FFEEF4; border-radius: var(--r-xl); padding: clamp(2.5rem, 5vw, 4rem) clamp(1.4rem, 5vw, 4.5rem); margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.pz-kroki { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.5rem, 3vw, 3rem); }
.pz-kroki li { display: flex; gap: 1rem; align-items: flex-start; }
.pz-kroki__nr { font-family: var(--font-naglowek); font-weight: 800; font-size: clamp(4rem, 7vw, 6rem); line-height: .8; color: transparent; -webkit-text-stroke: 2px var(--roz); }
.pz-kroki h3 { font-size: 1.3rem; margin: .3rem 0; }
.pz-kroki p { color: var(--tusz-2); }
@media (max-width: 1100px) { .pz-karty { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .pz-sek { width: calc(100% - 1rem); } .pz-rez { border-radius: 28px; } .pz-kroki { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 520px) { .pz-karty { grid-template-columns: minmax(0, 1fr); } }
