
.gp {
	--bg: #010209;
	--bg2: #040611;
	--bg3: #080b16;
	--ink: #fff;
	--gold: #e9b13b;
	--champ: #f4d58a;
	--cyan: #62d6c8;
	--line: rgba(255,255,255,.14);
	--line-strong: rgba(255,255,255,.22);
	--soft: rgba(255,255,255,.86);
	--muted: rgba(255,255,255,.66);
	--faint: rgba(255,255,255,.44);
	--ease: cubic-bezier(.22,.61,.36,1);
	--t-fast: .16s;
	--t: .24s;
	--t-slow: .38s;
	--gut: clamp(18px,1.45vw,30px);
	--wrapmax: 1680px;
	--h1: clamp(3.1rem,calc(5.4vw * var(--gsvc-a11y, 1)),7.1rem);
	--h2: clamp(2.08rem,calc(3.45vw * var(--gsvc-a11y, 1)),4.75rem);
	--h3: clamp(1.28rem,calc(1.55vw * var(--gsvc-a11y, 1)),2rem);
	--lead: clamp(1.04rem,calc(.55vw * var(--gsvc-a11y, 1) + .94rem),1.26rem);
	--body: clamp(1rem,calc(.22vw * var(--gsvc-a11y, 1) + .94rem),1.12rem);
	--r-sm: 14px;
	--r-md: 22px;
	--r-lg: 30px;
	--sec-y: clamp(3.2rem,5.1vw,6.2rem);
	--sec-y-tight: clamp(2.2rem,3.5vw,4.1rem);
	--wide: 1840px;
	--hero-h1: clamp(3.35rem,calc(5.05vw * var(--gsvc-a11y, 1)),6.55rem);
	--hero-h1-w: min(16.5ch,1280px);
	--hero-lead-w: min(72ch,1160px);
	--hero-h1: clamp(3.8rem,calc(4.8vw * var(--gsvc-a11y, 1)),6.7rem);
	--hero-h1-w: min(17ch,1320px);}

.gp h1, .gp h2, .gp h3, .gp h4 { color: var(--ink); }
.gp{color:var(--ink)}
.gp a{color:inherit}
.gp button{color:inherit}
.gp .kick{color:var(--gold)}
.gp .btn-gold{color:#160d02}
.gp .btn-ghost:hover{color:var(--champ)}
.gp .pvbar{color:var(--soft)}
.gp .pvbar b{color:var(--gold)}
.gp .hero-znak{color:rgba(255,255,255,.045)}
.gp .hero .lead{color:var(--muted)}
.gp .rot{color:var(--champ)}
.gp .gnav-lab{color:rgba(255,255,255,.74)}
.gp .gnav-link em{color:var(--gold)}
.gp .gnav-link:hover{color:#fff}
.gp .sec-head .hint{color:var(--muted)}
.gp .ob-n{color:var(--champ)}
.gp .ob-o{color:var(--soft)}
.gp .ob-kw b{color:var(--gold)}
.gp .ob-kw i{color:var(--faint)}
.gp .ob-pok{color:var(--faint)}
.gp .mk-bdg{color:var(--champ)}
.gp .mk:hover .mk-go{color:#160d02}
.gp .mk-pod{color:var(--soft)}
.gp .mk-kw{color:var(--champ)}
.gp .fpan-top .fgh{color:#fff}
.gp .fgh{color:rgba(255,255,255,.72)}
.gp .freset{color:var(--faint)}
.gp .freset:hover{color:var(--champ)}
.gp .fchk{color:var(--soft)}
.gp .fchk:hover{color:#fff}
.gp .fn{color:var(--faint)}
.gp .fmore{color:var(--gold)}
.gp .fmore i{color:var(--faint)}
.gp .fmore:hover{color:var(--champ)}
.gp .chipy-lab{color:var(--faint)}
.gp .chip{color:var(--champ)}
.gp .chip:hover b{color:#160d02}
.gp .kt-pod{color:var(--soft)}
.gp .kt-fun{color:var(--faint)}
.gp .kw b{color:var(--champ)}
.gp .kw span{color:var(--faint)}
.gp .kw-brak span{color:var(--faint)}
.gp .et-ok{color:var(--champ)}
.gp .et-ocena{color:#9fc4ff}
.gp .et-trwa{color:#96e0c0}
.gp .et-brak{color:var(--faint)}
.gp .pusto p{color:var(--soft)}
.gp .pg:hover{color:var(--champ)}
.gp .pg.is-on{color:#160d02}
.gp .mapb-tyt{color:var(--faint)}
.gp .rreg:hover{color:var(--champ)}
.gp .rreg.sel{color:var(--champ)}
.gp .rreg b{color:var(--champ)}
.gp .mapnota{color:var(--faint)}
.gp .mapnota b{color:var(--gold)}
.gp .mapattr{color:rgba(255,255,255,.3)}
.gp .wip-r span{color:var(--soft)}
.gp .wip-r b{color:var(--champ)}
.gp .lg-znak{color:rgba(255,255,255,.42)}
.gp .lg:hover .lg-znak{color:var(--gold)}
.gp .lg-n{color:var(--soft)}
.gp .lg:hover .lg-n{color:#fff}
.gp .lg-c{color:var(--faint)}
.gp .cta-in p{color:var(--soft)}
.gp .pjhero-tag{color:var(--faint)}
.gp .okr{color:var(--faint)}
.gp .okr a:hover{color:var(--champ)}
.gp .pjhero h1{color:rgba(255,255,255,.95)}
.gp .pj-pod{color:var(--champ)}
.gp .pj-fun{color:var(--faint)}
.gp .pw dt{color:var(--faint)}
.gp .pasek:first-of-type .pw dd{color:var(--champ)}
.gp .pw dd a:hover{color:var(--champ)}
.gp .pj-tresc p{color:var(--soft)}
.gp .pnota{color:var(--faint) !important}
.gp .pk-k{color:var(--gold)}
.gp .pk-p{color:var(--faint)}
.gp .pk-v{color:var(--champ)}
.gp .pk-v i{color:var(--faint)}
.gp .pk-v-inne{color:var(--faint)}
.gp .ok-txt{color:var(--champ)}
.gp .st-num{color:#fff}
.gp .st-jed{color:rgba(255,255,255,.95)}
.gp .st-nota{color:rgba(255,255,255,.78)}
.gp .st-ok-opis{color:rgba(244,213,138,.9)}
.gp .st-hero .st-nota{color:rgba(255,255,255,.86)}
.gp .kpi-haslo{color:#fff}
.gp .mapb-hint{color:var(--faint)}
.gp .mapb-hint i{color:var(--gold)}
.gp .pan .badge{color:#fff}
.gp .pan .mini-idx{color:transparent}
.gp .pan .mini-top{color:var(--gold)}
.gp .pan .mini-val{color:var(--champ)}
.gp .pan .mini-plus{color:var(--gold)}
.gp .pan .fk{color:var(--gold)}
.gp .pan.is-on:hover .fh{color:var(--champ)}
.gp .pan .flead{color:rgba(255,255,255,.78)}
.gp .pan .pm b{color:var(--champ)}
.gp .pan .pm span{color:var(--faint)}
.gp .pan .pgo i{color:var(--gold)}
.gp .acc-nav{color:var(--faint)}
.gp .pan .pgo{color:#160d02}
.gp .pan .pgo .pgo-ic i{color:var(--champ)}
.gp .mapb-tyt{color:#fff}
.gp .mapb-lead{color:var(--muted)}
.gp .mapb-hint{color:var(--gold)}
.gp .rreg{color:var(--soft)}
.gp .rreg:hover{color:#fff}
.gp .fszuk input{color:#fff}
.gp .fszuk input::placeholder{color:rgba(255,255,255,.36)}
.gp .trans-tyt{color:var(--faint)}
.gp .trans-lista li{color:var(--soft)}
.gp .trans-lista b{color:var(--cyan)}
.gp .hero-znak-tor span{color:rgba(255,255,255,.05)}
.gp .fdraw-go{color:var(--champ)}
.gp .fdraw-go .fdraw-n{color:#160d02}
.gp .fdraw-x{color:#fff}
.gp .fdraw-x:hover{color:var(--champ)}

.gp ul, .gp ol { list-style: none; }
.gp ul li, .gp ol li { list-style: none; }
.gp ul li::marker, .gp ol li::marker { content: none; }
.gp .flist, .gp .flist li, .gp .regs, .gp .regs li,
.gp .lg-siatka, .gp .lg-siatka li, .gp .trans-lista, .gp .trans-lista li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.gp .fchk input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	width: 15px;
	height: 15px;
	min-width: 15px;
	margin: .18rem 0 0;
	padding: 0;
	border: 1px solid rgba( 255, 255, 255, .35 );
	border-radius: 4px;
	background: rgba( 0, 0, 0, .25 );
	box-shadow: none;
}
.gp .fchk input[type="checkbox"]:checked {
	background: var(--gold);
	border-color: var(--gold);
}

.gp img { max-width: 100%; height: auto; }

body #page-container .gp .st-nota,
body #page-container .gp .st-ok-opis { padding-bottom: 0; }

body #page-container .gp .st-nota { margin-top: .6rem; }
body #page-container .gp .st-ok-opis { margin-top: .28rem; }
body #page-container .gp .st-hero .st-nota { margin-top: .75rem; }
.gp button { font: inherit; }
.gp input, .gp select, .gp textarea { font: inherit; }

.gp .ma-tlo {
	background-size: cover;
	background-position: center;
	position: relative;
	isolation: isolate;
}
.gp .ma-tlo::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient( 180deg, rgba( 1, 3, 10, .74 ), rgba( 1, 3, 10, .88 ) );
	pointer-events: none;
}

.gp .freset,
.gp .chip,
.gp .pg,
.gp .rreg {
	text-decoration: none;
	cursor: pointer;
}
.gp .pg { display: inline-block; text-align: center; }

.gp .fsubmit { margin: 1.1rem 0 .2rem; }
.gp .fsubmit .btn { width: 100%; justify-content: center; }

.gp .fchk.is-zero { opacity: .32; pointer-events: none; }

body #page-container .et_pb_section:has(.gp-sekcja),
body #page-container .et_pb_row:has(.gp-sekcja),
body #page-container .et_pb_column:has(.gp-sekcja),
body #page-container .et_pb_module:has(.gp-sekcja) {
	width: 100% !important;
	max-width: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
	background-color: transparent !important;
}

body #page-container .et_pb_row:has(.gp-sekcja) > .et_pb_column {
	width: 100% !important;
	margin-right: 0 !important;
}

body #page-container .et_pb_section:has(.gp-sekcja),
body #page-container .et_pb_row:has(.gp-sekcja),
body #page-container .et_pb_column:has(.gp-sekcja) {
	overflow: visible !important;
}

body:has(.gp-sekcja) #page-container,
body:has(.gp-sekcja) #et-main-area {
	background-color: var(--bg, #010209);
}

.gp .hero {
	--gp-hero-scale: var(--groah-hero-scale, .82);
	--gp-hero-overlap: var(--groah-hero-overlap, 250px);
	--gp-hero-header-safe: var(--groah-header-clearance, 96px);
	--gp-hero-top: var(--groah-hero-top-space, clamp(5.4rem, 7vw, 8rem));
	--gp-hero-bottom: var(--groah-hero-bottom-space, clamp(5.8rem, 6.4vw, 7.6rem));

	min-height: calc(clamp(760px, 90svh, 1080px) * var(--gp-hero-scale) + var(--gp-hero-overlap));
	padding-top: calc(var(--gp-hero-top) + var(--gp-hero-header-safe) + var(--gp-hero-overlap));
	padding-bottom: var(--gp-hero-bottom);
}

body #page-container .et_pb_section:first-of-type .gp .hero,
body #page-container #main-content .et_pb_section:first-of-type .gp .hero {
	margin-top: calc(-1 * var(--gp-hero-overlap));
}

@media (max-width: 760px) {
	.gp .hero {
		min-height: calc(clamp(520px, 78svh, 760px) + var(--gp-hero-overlap));
		padding-top: calc(clamp(3.2rem, 9vw, 5rem) + var(--gp-hero-header-safe) + var(--gp-hero-overlap));
	}
}

.gp .pkar {
	display: grid;
	grid-template-columns: none;
	grid-auto-flow: column;
	grid-auto-columns: minmax(260px, clamp(260px, 24vw, 340px));
	gap: clamp(.7rem, 1.1vw, 1.1rem);
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	padding-bottom: 1rem;
	min-width: min(260px, 100%);
}

.gp .pkar::-webkit-scrollbar { display: none; }
.gp .pkar > .pk { scroll-snap-align: start; min-height: 290px; }

.gp .pkar { padding-inline-end: clamp(.7rem, 1.1vw, 1.1rem); }

@media (max-width: 760px) {
	.gp .pkar { grid-auto-columns: minmax(240px, 78vw); }
}

body #page-container .gp,
body #page-container .gp * {
	font-family: "Noto Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body #page-container .gp code,
body #page-container .gp kbd,
body #page-container .gp pre,
body #page-container .gp samp {
	background: none;
	padding: 0;
	color: inherit;
}

body #page-container .gp.gp-sekcja {
	color: var(--ink);
}

.gp .acc .pan {
	transition: flex-grow .7s var(--ease), border-color .4s var(--ease);
	box-shadow: none;
}

.gp .acc .pan::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	border-radius: inherit;
	opacity: 0;
	box-shadow: 0 40px 90px -50px rgba(233,177,59,.55);
	transition: opacity .4s var(--ease);
}

.gp .acc .pan.is-on { box-shadow: none; }
.gp .acc .pan.is-on::after { opacity: 1; }
.gp .acc .pan.is-on:hover { box-shadow: none; }
.gp .acc .pan.is-on:hover::after {
	opacity: 1;
	box-shadow: 0 46px 100px -50px rgba(233,177,59,.75);
}

.gp .acc .pan .img {
	transition: transform 1s var(--ease);
	will-change: auto;
}

.gp .acc .pan.is-on .img,
.gp .acc .pan:hover .img { will-change: transform; }

html.gp-js .gp .fsubmit { display: none; }

.gp #katalog.gp-czeka {
	opacity: .55;
	pointer-events: none;
	transition: opacity .18s var(--ease);
}

@media (prefers-reduced-motion: reduce) {
	.gp #katalog.gp-czeka { transition: none; }
}

.gp .rga { cursor: pointer; }
.gp .rga:focus { outline: none; }
.gp .rga:focus-visible .rg {
	outline: 2px solid var(--champ);
	outline-offset: 2px;
}

.gp-sekcja.gp-pauza *,
.gp-sekcja.gp-pauza *::before,
.gp-sekcja.gp-pauza *::after {
	animation-play-state: paused !important;
}

.gp .hero-znak-tor { will-change: auto; }

.gp .rgw { transition: opacity .28s var(--ease); }
.gp .mapb.ma-wybor .rgw.ma:not(.sel) { opacity: .28; }
.gp .mapb.ma-wybor .pins .pin:not(.sel) { opacity: .3; }
.gp .pin { transition: opacity .28s var(--ease); }

.gp .rgw.sel .rg,
.gp .mapb.ma-wybor .rgw.sel .rg,
.gp .kraj.sel {
	fill: rgba(233,177,59,.66);
	stroke: #fff;
	stroke-width: 2.2;
}

@media (prefers-reduced-motion: reduce) {
	.gp .rgw, .gp .pin { transition: none; }
}

html:has(.gp-sekcja) { scrollbar-gutter: stable; }

.gp #katalog.gp-czeka { min-height: var(--gp-wys, auto); }

.gp #katalog.gp-czeka { opacity: .82; }

.gp .lg-siatka {
	grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
}

@media (max-width: 1100px) {
	.gp .lg-siatka { grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); }
}

.gp .mapscena {
	transform-box: view-box;
	transform-origin: 0 0;
	transform: translate(957.5px, 852px) scale(2.139) translate(-750px, -714.4px);
	transition: transform .85s cubic-bezier(.62,.03,.27,1);
}

.gp .mapb.trans-on .mapscena {
	transform: translate(0px, 0px) scale(1) translate(0px, 0px);
}

.gp .kraj {
	fill: none;
	stroke: rgba(255,255,255,.3);
	stroke-width: 1.6;
	vector-effect: non-scaling-stroke;
	opacity: 0;
	transition: opacity .5s var(--ease) .15s;
}
.gp .kraj-ma {
	fill: rgba(233,177,59,.16);
	stroke: rgba(233,177,59,.68);
	stroke-width: 2;
}
.gp .mapb.trans-on .kraj { opacity: 1; }
.gp .mapb.trans-on .kraj-ma { opacity: 1; }

.gp .rg, .gp .rg-iskra, .gp .pin-dot, .gp .pin-halo { vector-effect: non-scaling-stroke; }

.gp .mapb.trans-on .pins { opacity: .25; transition: opacity .4s var(--ease); }

@media (prefers-reduced-motion: reduce) {
	.gp .mapscena { transition: none; }
	.gp .kraj { transition: opacity .2s linear; }
	.gp .mapb.trans-on .pins { transition: opacity .2s linear; }
}

.gp .trans-go {
	display: inline-flex;
	align-items: center;
	gap: .7ch;
	margin-top: .7rem;
	padding: .55rem .95rem;
	border: 1px solid rgba(233,177,59,.42);
	border-radius: 999px;
	background: rgba(233,177,59,.07);
	color: var(--soft);
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .04em;
	line-height: 1.2;
	cursor: pointer;
	transition: border-color .25s var(--ease), background-color .25s var(--ease), color .25s var(--ease);
}
.gp .trans-go:hover { border-color: var(--gold); background: rgba(233,177,59,.14); color: #fff; }
.gp .trans-go:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.gp .trans-go-n { color: var(--champ); font-weight: 800; font-variant-numeric: tabular-nums; }
.gp .trans-go-i { font-style: normal; color: var(--gold); transition: transform .35s var(--ease); }
.gp .trans-go[aria-pressed="true"] {
	border-color: var(--gold);
	background: rgba(233,177,59,.2);
	color: #fff;
}
.gp .trans-go[aria-pressed="true"] .trans-go-i { transform: rotate(180deg); }

.gp .trans-lista {
	margin-top: 0;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height .45s var(--ease), opacity .3s var(--ease), margin-top .45s var(--ease);
}
.gp .mapb.trans-on .trans-lista {
	max-height: 14rem;
	margin-top: .7rem;
	opacity: 1;
}

.gp .kraje { pointer-events: none; }
.gp .kraja { pointer-events: auto; cursor: pointer; }

.gp .kraja:hover .kraj-ma,
.gp .kraja:focus-visible .kraj-ma {
	fill: rgba(233,177,59,.42);
	stroke: var(--champ);
	stroke-width: 2.6;
}
.gp .kraja:focus { outline: none; }
.gp .kraja:focus-visible .kraj-ma { stroke: #fff; }

.gp .kraj { transition: opacity .5s var(--ease) .15s, fill var(--t) var(--ease), stroke var(--t) var(--ease); }

.gp .transk {
	display: inline-flex;
	align-items: center;
	gap: .6ch;
	padding: .42rem .8rem;
	border: 1px solid rgba(233,177,59,.3);
	border-radius: 999px;
	color: var(--soft);
	transition: border-color .2s var(--ease), background-color .2s var(--ease), color .2s var(--ease);
}
.gp .transk:hover { border-color: var(--gold); background: rgba(233,177,59,.12); color: #fff; }
.gp .transk:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.gp .transk b { color: var(--champ); font-weight: 800; font-variant-numeric: tabular-nums; }
.gp .transk.sel { border-color: var(--gold); background: rgba(233,177,59,.24); color: #fff; }

.gp .trans-go-tx { white-space: nowrap; }

.gp .pina { pointer-events: auto; cursor: pointer; }
.gp .pina:focus { outline: none; }

.gp .siatka { grid-auto-rows: 1fr; }

.gp .pkar > .pk { height: 100%; }

.gp .trans-lista li {
	display: contents;
	padding: 0;
	border: 0;
	background: none;
	border-radius: 0;
}

.gp .trans-lista {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}

.gp .lg-siatka {
	background: none;
	border: 0;
	border-radius: 0;
	overflow: visible;
	gap: 1px;
}

.gp .lg-siatka .lg-in {
	outline: 1px solid var(--line2);
	border-radius: 0;
}

.gp .lg-siatka > .lg:first-child .lg-in { border-top-left-radius: var(--r-md); }
.gp .lg-siatka > .lg:last-child  .lg-in { border-bottom-right-radius: var(--r-md); }

.gp .trans-go:not([data-gotowy]) {
	opacity: .45;
	cursor: progress;
}

.gp .mapsvg { overflow: hidden; }

.gp .mapb.ma-wybor .rgw.ma:not(.sel) { opacity: .5; }
.gp .mapb.ma-wybor .pins .pin:not(.sel) { opacity: .5; }
.gp .mapb.trans-on .pins { opacity: .55; }

.gp .kar-akord .acc {
	height: clamp(400px, 38vw, 580px);
}

@media (max-width: 1280px) {
	.gp .kar-akord .acc .pan:nth-child(6) { display: none; }
}

@media (max-width: 760px) {
	.gp .kar-akord .acc { height: auto; }
}

.gp .accpos { font-variant-numeric: tabular-nums; }
.gp .accbar { display: block; }

body #page-container .gp a { color: inherit; }
body #page-container .gp .pan .pgo { color: #160d02; }
body #page-container .gp .pan .pgo i { color: #160d02; }
body #page-container .gp .pan .pgo .pgo-ic i { color: var(--champ); }
body #page-container .gp .rreg { color: var(--soft); }
body #page-container .gp .rreg:hover,
body #page-container .gp .rreg.sel { color: #fff; }
body #page-container .gp .transk { color: var(--soft); }
body #page-container .gp .transk:hover,
body #page-container .gp .transk.sel { color: #fff; }
body #page-container .gp .btn-gold { color: #160d02; }

.gp .kraj.sel {
	fill: rgba(233,177,59,.2);
	stroke: var(--champ);
	stroke-width: 3.2;
}

.gp .kraja:hover .kraj-ma,
.gp .kraja:focus-visible .kraj-ma {
	fill: rgba(233,177,59,.18);
	stroke: var(--champ);
	stroke-width: 2.8;
}

.gp .kar-akord .wrap-xszer {
	width: min(calc(100% - 2 * clamp(10px, .6vw, 14px)), var(--xwide, 1980px));
}

.gp .kar-akord .acc {
	gap: clamp(.4rem, .5vw, .7rem);
}

.gp .siatka .kt-ph {
	max-height: 44%;
	flex: 0 0 auto;
}

body #page-container .gp .siatka .kt-tx h3 {
	flex: 0 0 auto;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	height: calc(4 * 1.28em);
	overflow: hidden;
}

@media (max-width: 1280px) {
	body #page-container .gp .siatka .kt-tx h3 {
		-webkit-line-clamp: 3;
		line-clamp: 3;
		height: calc(3 * 1.28em);
	}
}

.gp .kw-brak span {
	font-style: normal;
	font-size: .62rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	line-height: 1.3;
	color: var(--faint);
}

@media (min-width: 761px) {
	.gp .kw-brak span br { display: none; }
}

body #page-container .gp .wrap,
body #page-container .gp .wrap-szer,
body #page-container .gp .wrap-xszer,
body #page-container .gp .wrap-waski {
	margin-left: auto;
	margin-right: auto;
}

body #page-container .gp ul.lg-siatka,
body #page-container .gp ol.regs,
body #page-container .gp ul.trans-lista {
	padding-left: 0;
	margin-block: 0;
}

.gp .pg-luka {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.2rem;
	color: var(--faint);
	font-weight: 700;
	user-select: none;
}

.gp .pg-skok {
	flex: 1 0 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	margin: .7rem 0 0;
	color: var(--muted);
	font-size: .86rem;
}

.gp .pg-skok-et,
.gp .pg-skok-z {
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

body #page-container .gp .pg-skok-nr {
	width: 4.4em;
	min-height: 2.6rem;
	margin: 0;
	padding: .5rem .55rem;
	border: 1px solid var(--line);
	border-radius: 10px;
	background: rgba(0, 0, 0, .28);
	color: #fff;
	font: inherit;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	text-align: center;
	-moz-appearance: textfield;
	appearance: textfield;
	transition: border-color var(--t-fast) var(--ease);
}

body #page-container .gp .pg-skok-nr::-webkit-inner-spin-button,
body #page-container .gp .pg-skok-nr::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

body #page-container .gp .pg-skok-nr:focus {
	outline: none;
	border-color: var(--gold);
	box-shadow: 0 0 0 3px rgba(233, 177, 59, .14);
}

body #page-container .gp .pg-skok-go {
	min-height: 2.6rem;
	margin: 0;
	padding: .5rem .95rem;
	border: 1px solid var(--line2);
	border-radius: 10px;
	background: transparent;
	color: inherit;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	transition: border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);
}

body #page-container .gp .pg-skok-go:hover,
body #page-container .gp .pg-skok-go:focus-visible {
	border-color: var(--gold);
	color: var(--champ);
}

@media (pointer: coarse) {
	body #page-container .gp .fszuk input,
	body #page-container .gp .pg-skok-nr {
		font-size: 16px;
	}
}
