.pgw{max-width:1320px;margin:0 auto;padding:30px 32px 80px;display:flex;flex-direction:column;gap:22px}
.pgnote{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 22px;border-radius:18px;border:1px dashed rgba(242,179,107,.55);background:rgba(242,179,107,.06)}
.pgnote b{font-size:17px}.pgnote span{color:#ECECF0;font-size:15px;line-height:1.5}
.pgb{display:flex;gap:10px;flex-wrap:wrap}
.pgbtn{min-height:46px;padding:0 18px;border-radius:12px;border:1px solid #34343C;color:#ECECF0;text-decoration:none;display:inline-flex;align-items:center;font-weight:600;white-space:nowrap}
.pgbtn.p{background:#D63C3C;border-color:#D63C3C;color:#fff}
.pggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.pgc{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:18px;border:1px solid #2C2C33;background:rgba(20,20,24,.72);text-decoration:none;color:#ECECF0;transition:border-color .2s}
.pgc:hover{border-color:#F95151}
.pgc b{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:28px;line-height:1}
.pgimg{display:flex;align-items:center;justify-content:center;height:156px;margin:-8px -8px 4px;border-radius:12px;overflow:hidden}
.pgimg img{display:block;max-width:86%;max-height:136px;width:auto;height:auto;object-fit:contain;transition:transform .35s}
.pgimg.tr{background:#fff}
.pgimg.tr img{filter:drop-shadow(0 8px 12px rgba(0,0,0,.16))}
.pgc:hover .pgimg img{transform:scale(1.04)}
.pgc.naup .pgimg{opacity:.45;filter:grayscale(.6)}
@media (prefers-reduced-motion:reduce){.pgimg img{transition:none}}
.pgm{font-size:14px;color:#E2E1EA}
.pgchips{display:flex;flex-wrap:wrap;gap:6px}
.pgchip{padding:5px 10px;border-radius:999px;border:1px solid #3A3A43;font-size:13px;color:#ECECF0;text-decoration:none}
.pgchip:hover{border-color:#F95151}
.pgk{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.13em;color:#D4D3DE}
/* stranica podgrupe */
.kphero{max-width:1320px;margin:0 auto;padding:26px 32px 30px;display:flex;flex-direction:column;gap:18px}
.kphr{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap}
.kph1{margin:0;font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:clamp(46px,7vw,76px);line-height:.92;overflow-wrap:anywhere}
.kplead{font-size:17px;color:#ECECF0;line-height:1.5;max-width:640px}
.kpst{display:flex;gap:30px}
.kpsibs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.kpsibs .kpk1{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;margin-right:6px}
.kpsib{min-height:42px;padding:0 14px;border-radius:12px;border:1px solid #34343C;background:rgba(20,20,24,.7);color:#ECECF0;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px}
.kpsib em{font-style:normal;font-size:12px;color:#D4D3DE;font-weight:400}
.kpsib:hover{border-color:#ECECF0}.kpsib[aria-current]{border-color:#F95151;background:rgba(214,60,60,.12)}
@media (max-width:760px){.kphero{padding:20px 16px 22px}.kpst{gap:22px}.kplead{font-size:16px}
.kpsibs{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:2px 16px 6px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}.kpsibs::-webkit-scrollbar{display:none}.kpsib{flex:none}}
.pgnew{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;color:#F2B36B;border:1px solid rgba(242,179,107,.5);border-radius:999px;padding:2px 7px;align-self:flex-start}