/* Kafle działów i rząd pilnych numerów. */
.pp-kafle-blok { margin-top: 22px; }
.pp-hero .pp-kafle-blok { margin-top: 0; }
.pp-kafle-blok > h2 { margin: 0 0 10px; font: 800 clamp(22px, 5vw, 28px)/1.1 var(--display); letter-spacing: -.02em; }
.pp-pilne { margin: 0 -16px 14px; padding: 0 16px 4px; display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; scroll-padding: 16px; }
.pp-pilne::-webkit-scrollbar { display: none; }
.pp-nr { flex: none; display: flex; flex-direction: column; gap: 4px; min-height: 58px; justify-content: center; padding: 8px 14px; border-radius: 16px; background: var(--card); border: 1px solid var(--line); text-decoration: none; color: var(--ink); }
.pp-nr b { font: 800 19px/1 var(--display); letter-spacing: -.01em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pp-nr span { font: 600 12px/1 var(--text); color: var(--muted); white-space: nowrap; }
.pp-nr--112 { background: var(--accent); border-color: var(--accent); color: var(--bg); }
.pp-nr--112 span { color: var(--bg); opacity: .9; }
.pp-kafle { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.pp-kafel { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; min-height: 124px; padding: 14px; border-radius: 20px; background: var(--c); color: var(--on); text-decoration: none; }
.pp-kafel::after { content: ""; position: absolute; right: -28px; bottom: -34px; width: 110px; height: 110px; border-radius: 50%; background: color-mix(in srgb, var(--on) 9%, transparent); }
.pp-kafel > * { position: relative; z-index: 1; }
.pp-kafel .pp-ikona { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: color-mix(in srgb, var(--on) 16%, transparent); }
.pp-kafel .pp-ikona .i { width: 22px; height: 22px; }
.pp-kafel strong { display: block; font: 800 17px/1.08 var(--display); letter-spacing: -.01em; }
.pp-op { display: block; margin-top: 4px; font: 500 12.5px/1.25 var(--text); opacity: .92; }
.pp-kafle--male .pp-kafel { min-height: 104px; }
@media (min-width: 720px) { .pp-kafle { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 900px) {
	.pp-kafle:not(.pp-kafle--male) { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
	.pp-kafel { min-height: 150px; padding: 16px; }
	.pp-kafle--male .pp-kafel { min-height: 120px; }
	.pp-pilne { margin: 0 0 16px; padding: 0; flex-wrap: wrap; }
}
@media (min-width: 1100px) { .pp-kafle:not(.pp-kafle--male) { grid-template-columns: repeat(6, minmax(0, 1fr)); } }