/*
 * Bočný panel košíka (.sk, 8. 10. 2026) - gk-kosik-panel.
 *
 * Selektory začínajú #off-canvas-cart-summary - téma má na tlačidlá pravidlá s vysokou prioritou
 * (button:not(...):not(...)), bez id by prebili farby.
 *
 * Platí LEN keď je v paneli nový obsah: panel.js vtedy dá panelu témy triedu .gk-pn-on.
 * Bez nej (pôvodný panel pre ostatných) sa tu nič neuplatní.
 *
 * Pásma: hlavička 64 px | zoznam (jediný sa posúva) | pás odporúčaní 182 px | spodok 150 px (prázdny 84 px),
 * so záručným odkazom EÚ 174 px.
 * Šírka 460 px (tablet), od 1200 px 560 px (počítač), pod 768 px celá obrazovka.
 */

#off-canvas-cart-summary.gk-pn-on {
	--gk-pn-modra: #2f4a8a;
	--gk-pn-text: #26324a;
	--gk-pn-sediva: #6b7a92;
	--gk-pn-ciara: #e8ecf3;
	--gk-pn-ram: #e3e8f1;
	--gk-pn-zelena: #6db55a;
	--gk-pn-zelena-tmava: #3d8a2a;
	--gk-pn-cervena: #e3412f;
	--gk-pn-oranzova: #c2740b;
	--gk-pn-vlnovka: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%227207.24%22%20height%3D%22691.46%22%20viewBox%3D%220%200%207207.24%20691.46%22%3E%3Cpath%20fill%3D%22%2361BB52%22%20d%3D%22M164.2%20691.24c44.13%2C3.07%20108.41%2C-26.5%20153.91%2C-41.4%2064.97%2C-21.1%20146.63%2C-39.44%20225.36%2C-56.28%20254.46%2C-53.13%20516.55%2C-96.6%20778.11%2C-139.72%20342.5%2C-55.2%20694.47%2C-91.35%201046.06%2C-127.82%20568.45%2C-60.76%201139.2%2C-84.47%201714.7%2C-100.59%20897.91%2C-18.11%201805.65%2C27.04%202705.82%2C101.22%20115.94%2C10.18%20232%2C21.33%20346.71%2C34.2%2016.9%2C1.9%2033.97%2C-3.06%2047.44%2C-13.63%2013.48%2C-10.58%2022.25%2C-25.91%2024.41%2C-42.77%202.16%2C-16.86%20-2.46%2C-33.91%20-12.82%2C-47.55%20-10.37%2C-13.63%20-25.64%2C-22.74%20-42.46%2C-25.16%20-115.75%2C-16.65%20-232.37%2C-31.5%20-348.79%2C-45.36%20-904.15%2C-102.63%20-1808.71%2C-176.13%20-2723.04%2C-186.13%20-577.28%2C-1.69%20-1157.2%2C4.35%20-1736.05%2C48.14%20-354.3%2C25.77%20-708.57%2C50.8%20-1067.51%2C97.21%20-265.03%2C35.37%20-528.48%2C70.51%20-797.08%2C117.93%20-85.12%2C15.69%20-167.99%2C30.58%20-262.67%2C57.67%20-16.68%2C4.9%20-33.33%2C9.88%20-50.62%2C15.3%20-8.69%2C2.73%20-17.45%2C5.53%20-27.06%2C8.78%20-4.85%2C1.64%20-9.69%2C3.3%20-15.7%2C5.51%20-2.95%2C1.09%20-6.18%2C2.3%20-10.6%2C4.09%20-2.31%2C0.94%20-4.77%2C1.95%20-9.05%2C3.89%20-2.25%2C1.04%20-4.7%2C2.13%20-10.04%2C4.93%20-1.46%2C0.77%20-3.09%2C1.65%20-4.98%2C2.72%20-2.18%2C1.24%20-5.44%2C3.15%20-9.39%2C5.72%20-0.51%2C0.33%20-1.03%2C0.67%20-1.56%2C1.03%20-0.27%2C0.18%20-0.54%2C0.36%20-0.82%2C0.55%20-0.15%2C0.1%20-0.26%2C0.18%20-0.44%2C0.3%20-0.22%2C0.15%20-0.43%2C0.29%20-0.65%2C0.45%20-1.76%2C1.2%20-3.7%2C2.58%20-5.9%2C4.23%20-2.21%2C1.65%20-4.67%2C3.57%20-7.52%2C5.96%20-1.42%2C1.19%20-2.94%2C2.5%20-4.58%2C3.97%20-0.82%2C0.74%20-1.66%2C1.51%20-2.54%2C2.33%20-0.22%2C0.21%20-0.44%2C0.42%20-0.66%2C0.63%20-0.11%2C0.1%20-0.23%2C0.21%20-0.34%2C0.32%20-0.06%2C0.06%20-0.09%2C0.09%20-0.18%2C0.17%20-0.11%2C0.1%20-0.21%2C0.2%20-0.32%2C0.3%20-0.83%2C0.8%20-1.69%2C1.64%20-2.58%2C2.52%20-7.05%2C7.25%20-16.3%2C16.72%20-27.7%2C36.07%20-5.6%2C9.76%20-11.76%2C22.28%20-16.66%2C39.35%20-9.45%2C29.74%20-10.91%2C83.44%2012.78%2C127.27%2020.82%2C43.04%2064.6%2C70.05%2072.76%2C73.57%2013.43%2C7.1%2024.52%2C10.95%2033.71%2C13.61%2018.34%2C5.11%2029.7%2C5.89%2038.54%2C6.47z%22/%3E%3C/svg%3E%0A");

	display: flex;
	flex-direction: column;
	overflow: hidden;
	width: 460px;
	right: 0;
	/* posun o vlastnú šírku + tieň, aby zavretý panel nevykúkal */
	transform: translate3d(calc(100% + 40px), 0, 0);
	font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
	color: var(--gk-pn-text);
	box-shadow: -10px 0 30px rgba(0, 0, 0, .12);
}

#off-canvas-cart-summary.gk-pn-on.active {
	transform: none;
}

@media (min-width: 1200px) {
	#off-canvas-cart-summary.gk-pn-on {
		width: 560px;
	}

	/* v širokom paneli 4 celé karty + kúsok piatej */
	#off-canvas-cart-summary.gk-pn-on .gk-pn-pas .gk-pn-karta {
		flex-basis: calc((100% - 32px) / 4.3);
	}
}

/* kým je panel otvorený, stránka pod ním sa neposúva (panel.js dá triedu na <html>) */
html.gk-pn-zamknute,
html.gk-pn-zamknute body {
	overflow: hidden !important;
}

html.gk-pn-zamknute {
	scrollbar-gutter: stable;
}

/* plávajúca záložka Heureka „Overené zákazníkmi“ má z-index 2147483647 - kým je panel otvorený, skryjeme ju */
html.gk-pn-zamknute div[id^="hw-"],
html.gk-pn-zamknute #heurekaTabright,
html.gk-pn-zamknute #heurekaTableft {
	display: none !important;
}

@media (max-width: 767.98px) {
	#off-canvas-cart-summary.gk-pn-on {
		width: 100%;
		transform: translate3d(100%, 0, 0);
		box-shadow: none;
	}
}

#off-canvas-cart-summary.gk-pn-on *,
#off-canvas-cart-summary.gk-pn-on *::before,
#off-canvas-cart-summary.gk-pn-on *::after {
	box-sizing: border-box;
}

/* --- hlavička (téma) --- */
#off-canvas-cart-summary.gk-pn-on .off-canvas-cart__header {
	flex: none;
	height: 64px;
	padding: 0 18px;
	flex-wrap: nowrap;
	border-bottom: 1px solid var(--gk-pn-ciara);
}

#off-canvas-cart-summary.gk-pn-on .off-canvas-cart__header .section-title {
	display: flex;
	align-items: baseline;
	gap: 10px;
	font-size: 20px;
	font-weight: 800;
	color: var(--gk-pn-modra);
	line-height: 1.2;
}

#off-canvas-cart-summary.gk-pn-on .off-canvas-cart__header .section-title u,
#off-canvas-cart-summary.gk-pn-on .gk-pn-pas-nadpis u {
	position: relative;
	display: inline-block;
	text-decoration: none;
}

#off-canvas-cart-summary.gk-pn-on .off-canvas-cart__header .section-title u {
	padding-bottom: 6px;
}

#off-canvas-cart-summary.gk-pn-on .off-canvas-cart__header .section-title u::after {
	content: "";
	position: absolute;
	left: -2px;
	right: -6px;
	bottom: -2px;
	height: 9px;
	background: var(--gk-pn-vlnovka) no-repeat left center / 100% 100%;
}

#off-canvas-cart-summary.gk-pn-on .off-canvas-cart__header .section-title small {
	font-size: 12.5px;
	font-weight: 500;
	color: var(--gk-pn-sediva);
}

/* krížik: namiesto otáčania čiar témy (krížik sa menil na pomlčku) jemný kruh v pozadí */
#off-canvas-cart-summary.gk-pn-on .off-canvas-cart__header .electro-close-icon {
	width: 38px;
	height: 38px;
	margin-right: -9px;
	border-radius: 50%;
	cursor: pointer;
	transition: background-color .2s ease;
}

#off-canvas-cart-summary.gk-pn-on .off-canvas-cart__header .electro-close-icon::before,
#off-canvas-cart-summary.gk-pn-on .off-canvas-cart__header .electro-close-icon::after {
	width: 18px;
	height: 2px;
	top: 50%;
	left: 50%;
	right: auto;
	margin: -1px 0 0 -9px;
	border-radius: 2px;
	background-color: var(--gk-pn-modra);
	transition: background-color .2s ease;
}

#off-canvas-cart-summary.gk-pn-on .off-canvas-cart__header .electro-close-icon::before,
#off-canvas-cart-summary.gk-pn-on .off-canvas-cart__header .electro-close-icon:hover::before,
#off-canvas-cart-summary.gk-pn-on .off-canvas-cart__header .electro-close-icon:focus::before {
	transform: rotate(45deg);
}

#off-canvas-cart-summary.gk-pn-on .off-canvas-cart__header .electro-close-icon::after,
#off-canvas-cart-summary.gk-pn-on .off-canvas-cart__header .electro-close-icon:hover::after,
#off-canvas-cart-summary.gk-pn-on .off-canvas-cart__header .electro-close-icon:focus::after {
	transform: rotate(-45deg);
}

#off-canvas-cart-summary.gk-pn-on .off-canvas-cart__header .electro-close-icon:hover {
	background-color: #eef3ff;
}

#off-canvas-cart-summary.gk-pn-on .off-canvas-cart__header .electro-close-icon:hover::before,
#off-canvas-cart-summary.gk-pn-on .off-canvas-cart__header .electro-close-icon:hover::after {
	background-color: #1d2a50;
}

/* obaly témy medzi hlavičkou a obsahom - musia pustiť výšku ďalej */
#off-canvas-cart-summary.gk-pn-on .cart-products,
#off-canvas-cart-summary.gk-pn-on .cart-product-list,
#off-canvas-cart-summary.gk-pn-on .widget_shopping_cart,
#off-canvas-cart-summary.gk-pn-on .widget_shopping_cart_content {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	/* na niektorých stránkach (Môj účet) má .widget flex-wrap: wrap - obal by sa roztiahol podľa obsahu */
	flex-wrap: nowrap;
	width: 100%;
	min-width: 0;
	max-width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn {
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	min-height: 0;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	line-height: 1.35;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn button {
	font-family: inherit;
	cursor: pointer;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn.gk-pn--caka {
	cursor: progress;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn.gk-pn--caka .gk-pn-zoznam,
#off-canvas-cart-summary.gk-pn-on .gk-pn.gk-pn--caka .gk-pn-spodok {
	opacity: .65;
	transition: opacity .15s;
}

/* --- posúvaná časť: zoznam + pás odporúčaní --- */
#off-canvas-cart-summary.gk-pn-on .gk-pn-posun {
	flex: 1 1 auto;
	min-height: 0;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

/* staršia kópia panela z pamäte prehliadača (zoznam bez obalu .gk-pn-posun) - zoznam sa posúva sám */
#off-canvas-cart-summary.gk-pn-on .gk-pn > .gk-pn-zoznam,
#off-canvas-cart-summary.gk-pn-on .gk-pn > .gk-pn-prazdny {
	flex: 1 1 auto;
	min-height: 0;
	overflow-y: auto;
}

/* --- zoznam produktov --- */
#off-canvas-cart-summary.gk-pn-on .gk-pn-zoznam {
	flex: none;
	list-style: none;
	margin: 0;
	padding: 14px 16px 4px;
	scrollbar-width: thin;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-pol {
	position: relative;
	display: flex;
	gap: 11px;
	margin: 0 0 9px;
	padding: 10px;
	border: 1px solid var(--gk-pn-ram);
	border-radius: 12px;
	background: #fff;
	transition: opacity .2s;
}

/* práve pridaný: zelený rám + štítok len ~3 s (panel.js potom pridá .gk-pn-pokoj) */
#off-canvas-cart-summary.gk-pn-on .gk-pn-pol.gk-pn-nove {
	border-color: var(--gk-pn-zelena);
	box-shadow: inset 0 0 0 1px var(--gk-pn-zelena);
	margin-top: 8px;
	transition: border-color .5s ease, box-shadow .5s ease, margin-top .5s ease, opacity .2s;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-pol.gk-pn-nove.gk-pn-pokoj {
	border-color: var(--gk-pn-ram);
	box-shadow: none;
	margin-top: 0;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-tag {
	transition: opacity .4s ease;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-pokoj .gk-pn-tag {
	opacity: 0;
}

/* pri ďalšom prekreslení už bez animácie */
#off-canvas-cart-summary.gk-pn-on .gk-pn-pol.gk-pn-ticho,
#off-canvas-cart-summary.gk-pn-on .gk-pn-ticho .gk-pn-tag {
	transition: none;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-pol.gk-pn-svieti {
	animation: gk-pn-svieti 2.6s ease-out 1;
}

@keyframes gk-pn-svieti {
	0% { background: #dff3d4; box-shadow: 0 0 0 5px rgba(109, 181, 90, .35); }
	45% { background: #f3fbef; box-shadow: 0 0 0 0 rgba(109, 181, 90, 0); }
	100% { background: #fff; }
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-pol.gk-pn-odobera {
	opacity: .35;
	pointer-events: none;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-tag {
	position: absolute;
	top: -10px;
	left: 12px;
	padding: 2px 7px;
	border-radius: 6px;
	background: var(--gk-pn-zelena);
	color: #fff;
	font-size: 10.5px;
	font-weight: 800;
	letter-spacing: .02em;
	line-height: 1.4;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-obr {
	flex: none;
	display: block;
	width: 64px;
	height: 64px;
	border-radius: 8px;
	background: #f6f7fa;
	overflow: hidden;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-obr img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	margin: 0;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-info {
	flex: 1 1 auto;
	min-width: 0;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-nazov {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding-right: 20px;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--gk-pn-modra);
	text-decoration: none;
}

#off-canvas-cart-summary.gk-pn-on a.gk-pn-nazov:hover {
	text-decoration: underline;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-dost {
	margin-top: 2px;
	font-size: 11.5px;
	color: #4f9a37;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-dost--objednavka { color: var(--gk-pn-oranzova); }
#off-canvas-cart-summary.gk-pn-on .gk-pn-dost--nie { color: var(--gk-pn-cervena); }
#off-canvas-cart-summary.gk-pn-on .gk-pn-dost--darcek { color: var(--gk-pn-zelena-tmava); font-weight: 600; }

#off-canvas-cart-summary.gk-pn-on .gk-pn-riadok {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 6px 8px;
	margin-top: 6px;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-ks {
	display: inline-flex;
	align-items: center;
	border: 1px solid #cdd5e3;
	border-radius: 20px;
	font-size: 13px;
	background: #fff;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-ks button {
	min-width: 30px;
	height: 28px;
	padding: 0 8px;
	border: 0;
	background: none;
	color: var(--gk-pn-modra);
	font-size: 16px;
	line-height: 1;
	border-radius: 20px;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-ks button:hover:not(:disabled) {
	background: #eef3ff;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-ks button:disabled {
	opacity: .3;
	cursor: default;
}

/* počet kusov sa dá aj prepísať (téma má na input[type=number] vlastné rámy a výšky) */
#off-canvas-cart-summary.gk-pn-on .gk-pn input.gk-pn-pocet {
	width: 38px;
	height: 28px;
	min-height: 0;
	margin: 0;
	padding: 0 2px;
	border: 0;
	border-radius: 6px;
	background: transparent;
	box-shadow: none;
	color: var(--gk-pn-text);
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
	-moz-appearance: textfield;
	appearance: textfield;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn input.gk-pn-pocet:focus {
	outline: 2px solid var(--gk-pn-modra);
	outline-offset: -2px;
	background: #fff;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn input.gk-pn-pocet::-webkit-outer-spin-button,
#off-canvas-cart-summary.gk-pn-on .gk-pn input.gk-pn-pocet::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-ks-pevne {
	font-size: 13px;
	color: var(--gk-pn-sediva);
}

/*
 * Cena riadku: [−5 %] 618,80 € na jednom riadku, pod tým "Množstevná úspora …" (obal sumy je display: contents,
 * takže cena aj text úspory sú priamo v tomto flexe a štítok ostane vždy hneď pri cene).
 */
#off-canvas-cart-summary.gk-pn-on .gk-pn-cena {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 1px 6px;
	min-width: 0;
	margin-left: auto;
	text-align: right;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.25;
	color: var(--gk-pn-modra);
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-suma-riadku {
	display: contents;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-suma-riadku .amount {
	white-space: nowrap;
}

/* "Množstevná úspora …" zo zľavového pluginu (woo-discount-rules) - menšie, smie sa zalomiť */
#off-canvas-cart-summary.gk-pn-on .gk-pn-suma-riadku br {
	display: none;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-suma-riadku .awdr-you-saved-text {
	display: block;
	flex: 1 0 100%;
	font-size: 11.5px;
	font-weight: 600;
	line-height: 1.25;
	color: #3d8a2a !important;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-suma-riadku del {
	display: block;
	flex: 1 0 100%;
	order: -1;
	font-size: 11.5px;
	font-weight: 500;
	color: var(--gk-pn-sediva);
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-suma-riadku ins {
	text-decoration: none;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-zlava {
	padding: 1px 5px;
	border-radius: 5px;
	background: var(--gk-pn-cervena);
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	white-space: nowrap;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-x {
	position: absolute;
	top: 5px;
	right: 6px;
	width: 26px;
	height: 26px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: none;
	color: #d33;
	font-size: 14px;
	font-weight: 800;
	line-height: 26px;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-x:hover {
	background: #fdecea;
}

/* potvrdenie pri darčeku ku kupónu */
#off-canvas-cart-summary.gk-pn-on .gk-pn-potvrd {
	margin-top: 8px;
	padding: 8px 10px;
	border-radius: 10px;
	background: #fff7e6;
	font-size: 12.5px;
	color: var(--gk-pn-text);
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-potvrd-btns {
	display: flex;
	gap: 6px;
	margin-top: 6px;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-potvrd-btns button {
	flex: 1;
	padding: 6px 8px;
	border-radius: 16px;
	border: 1.5px solid var(--gk-pn-modra);
	background: #fff;
	color: var(--gk-pn-modra);
	font-size: 12.5px;
	font-weight: 700;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-potvrd-btns .gk-pn-potvrd-ano {
	border-color: #d33;
	background: #d33;
	color: #fff;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-hlaska,
#off-canvas-cart-summary.gk-pn-on .gk-pn-chyba {
	margin: 4px 0 10px;
	padding: 10px 12px;
	border-radius: 10px;
	background: #fff4e5;
	color: #8a4b00;
	font-size: 12.5px;
	line-height: 1.4;
	list-style: none;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-chyba {
	flex: none;
	margin: 10px 16px 0;
	background: #fdecea;
	color: #a1261a;
}

/* --- prázdny košík --- */
#off-canvas-cart-summary.gk-pn-on .gk-pn-prazdny {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	padding: 14px 16px;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-maskot {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: auto 0;
	padding: 10px 0;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-maskot img {
	width: 170px;
	max-width: 50%;
	height: auto;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-maskot p {
	margin: 10px 0 0;
	font-size: 19px;
	font-weight: 800;
	line-height: 1.3;
	color: var(--gk-pn-modra);
	text-align: center;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-vratit {
	flex: none;
	position: relative;
	overflow: hidden;
	padding: 10px 12px;
	border: 1px solid #cfe6c4;
	border-radius: 12px;
	background: #f3fbef;
	color: #46607f;
	font-size: 12.5px;
	text-align: center;
	max-height: 90px;
	transition: max-height .4s ease, opacity .4s ease, padding .4s ease, margin .4s ease, border-width .4s ease;
}

/* hlásenie po odobratí v plnom košíku - navrchu zoznamu */
#off-canvas-cart-summary.gk-pn-on .gk-pn-vratit--hore {
	margin: 12px 16px 0;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-vratit--hore.gk-pn-vratit--zaviera {
	margin-top: 0;
	margin-bottom: 0;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-vratit[hidden] {
	display: none;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-vratit.gk-pn-vratit--zaviera {
	max-height: 0;
	opacity: 0;
	padding-top: 0;
	padding-bottom: 0;
	border-width: 0;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-vratit-btn {
	padding: 0;
	border: 0;
	background: none;
	color: var(--gk-pn-zelena-tmava);
	font-size: inherit;
	font-weight: 700;
	text-decoration: underline;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-vratit i {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 100%;
	background: var(--gk-pn-zelena);
	animation: gk-pn-odpocet 4s linear 1 forwards;
}

@keyframes gk-pn-odpocet {
	from { width: 100%; }
	to { width: 0; }
}

/* --- pás odporúčaní --- */
#off-canvas-cart-summary.gk-pn-on .gk-pn-pas {
	flex: none;
	position: relative;
	height: 182px;
	/* margin-top auto: pri malom košíku ostane dole nad súčtom; téma dáva <section> spodný okraj 40 px */
	margin: auto 0 0;
	padding: 10px 0 0;
	overflow: hidden;
	border-top: 1px solid var(--gk-pn-ciara);
	background: #fafbfd;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-pas-hlava {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 16px 8px;
	height: 26px;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-pas-nadpis {
	font-size: 13.5px;
	font-weight: 800;
	color: var(--gk-pn-modra);
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-pas-nadpis u {
	padding-bottom: 5px;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-pas-nadpis u::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 6px;
	background: var(--gk-pn-vlnovka) no-repeat left center / 100% 100%;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-sipky {
	display: flex;
	gap: 6px;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-sip {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	padding: 0 0 2px;
	border: 1.5px solid #c9d2e3;
	border-radius: 50%;
	background: #fff;
	color: var(--gk-pn-modra);
	font-size: 16px;
	line-height: 1;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-sip:disabled {
	opacity: .3;
	cursor: default;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-pas-zoznam {
	display: flex;
	gap: 8px;
	margin: 0;
	padding: 0 16px 4px;
	list-style: none;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-padding-left: 16px;
	scroll-behavior: smooth;
	scrollbar-width: none;
	overscroll-behavior-x: contain;
	cursor: grab;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-pas-zoznam::-webkit-scrollbar {
	display: none;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-pas-zoznam.gk-pn-tahanie {
	scroll-snap-type: none;
	scroll-behavior: auto;
	cursor: grabbing;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-karta {
	/* 3 celé karty + kúsok štvrtej */
	flex: 0 0 calc((100% - 24px) / 3.3);
	position: relative;
	height: 134px;
	padding: 6px;
	border: 1px solid var(--gk-pn-ram);
	border-radius: 10px;
	background: #fff;
	scroll-snap-align: start;
	font-size: 11px;
	line-height: 1.25;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-karta-obr {
	display: block;
	height: 58px;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-karta-obr img {
	display: block;
	width: 100%;
	height: 58px;
	object-fit: contain;
	margin: 0;
	pointer-events: none;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-karta-nazov {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-top: 3px;
	color: var(--gk-pn-text);
	text-decoration: none;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-karta-cena {
	display: block;
	margin-top: 2px;
	padding-right: 24px;
	font-size: 12.5px;
	font-weight: 800;
	color: var(--gk-pn-modra);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-karta-cena del {
	display: none;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-karta-cena ins {
	text-decoration: none;
	color: var(--gk-pn-cervena);
}

/* dodatočné texty pri cene (napr. "bez DPH", história ceny) sa do malej karty nezmestia */
#off-canvas-cart-summary.gk-pn-on .gk-pn-karta-cena small,
#off-canvas-cart-summary.gk-pn-on .gk-pn-karta-cena .wc-price-history,
#off-canvas-cart-summary.gk-pn-on .gk-pn-karta-cena br {
	display: none;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-pridat {
	position: absolute;
	right: 5px;
	bottom: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 0 0 1px;
	border: 1.5px solid var(--gk-pn-modra);
	border-radius: 50%;
	background: #fff;
	color: var(--gk-pn-modra);
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-pridat:hover {
	background: #eef3ff;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-pridat.gk-pn-pridava {
	opacity: .5;
	pointer-events: none;
}

/* --- spodok --- */
#off-canvas-cart-summary.gk-pn-on .gk-pn-spodok {
	flex: none;
	height: 150px;
	padding: 12px 16px;
	border-top: 1px solid var(--gk-pn-ciara);
	background: #fff;
	box-shadow: 0 -6px 16px rgba(0, 0, 0, .05);
}

/* odkaz na oznámenie EÚ o zákonnej záruke (gk-eu-guarantee-notice) - spodok o riadok vyšší */
#off-canvas-cart-summary.gk-pn-on .gk-pn-spodok:has(.gk-eugn) {
	height: 174px;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-spodok .gk-eugn {
	margin: 6px 0 0;
	font-size: 12px;
	line-height: 1.3;
	text-align: center;
	color: var(--gk-pn-sediva);
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-spodok .gk-eugn__toggle {
	gap: 5px;
	font-weight: 500;
	color: inherit;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-spodok .gk-eugn__icon {
	width: 15px;
	height: 15px;
}

/*
 * Okno s oznámením má z-index 100000, panel témy 99999999999 (custom-frontend.css) - okno by bolo
 * pod panelom. Kým je okno otvorené, panel pustíme pod neho; po zatvorení je panel znova navrchu.
 */
body.gk-eugn-lock #off-canvas-cart-summary.gk-pn-on {
	z-index: 99999;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn--prazdny .gk-pn-spodok {
	display: flex;
	height: 84px;
	padding: 14px 16px;
	box-shadow: none;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-suma {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	font-size: 13px;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-suma-text small {
	display: block;
	font-size: 11px;
	color: var(--gk-pn-sediva);
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-suma b {
	font-size: 20px;
	font-weight: 800;
	color: var(--gk-pn-modra);
	white-space: nowrap;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-tlacidla {
	display: flex;
	gap: 8px;
	margin-top: 8px;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 10px 8px;
	border-radius: 24px;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	border: 0;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-btn--kosik {
	flex: 1;
	border: 2px solid var(--gk-pn-modra);
	background: #fff;
	color: var(--gk-pn-modra);
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-btn--kosik:hover {
	background: #eef3ff;
	color: var(--gk-pn-modra);
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-btn--pokladna {
	flex: 1.45;
	background: var(--gk-pn-zelena);
	color: #fff;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-btn--pokladna:hover {
	background: #5aa047;
	color: #fff;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-btn--pokladna.is-disabled {
	background: #c5cdd9;
	cursor: not-allowed;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-btn--pokracovat {
	flex: 1;
	background: var(--gk-pn-modra);
	color: #fff;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-btn--pokracovat:hover {
	background: #1d2a50;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-btn--pokracovat span {
	font-size: 17px;
	line-height: 1;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn-spat {
	display: block;
	margin: 6px auto 0;
	padding: 2px 6px;
	border: 0;
	background: none;
	color: var(--gk-pn-modra);
	font-size: 12.5px;
	text-decoration: underline;
}

/*
 * Farba písma tlačidiel pri prejdení myšou. Detská téma má pre všetky <button> pravidlo
 * "button:not(...):hover { color: black !important }" - bez !important by tu boli čierne.
 */
#off-canvas-cart-summary.gk-pn-on .gk-pn button:hover,
#off-canvas-cart-summary.gk-pn-on .gk-pn button:focus {
	color: var(--gk-pn-modra) !important;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn .gk-pn-x:hover,
#off-canvas-cart-summary.gk-pn-on .gk-pn .gk-pn-x:focus {
	color: #d33 !important;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn .gk-pn-vratit-btn:hover,
#off-canvas-cart-summary.gk-pn-on .gk-pn .gk-pn-vratit-btn:focus {
	color: var(--gk-pn-zelena-tmava) !important;
}

#off-canvas-cart-summary.gk-pn-on .gk-pn .gk-pn-btn--pokracovat:hover,
#off-canvas-cart-summary.gk-pn-on .gk-pn .gk-pn-btn--pokracovat:focus,
#off-canvas-cart-summary.gk-pn-on .gk-pn .gk-pn-potvrd-ano:hover,
#off-canvas-cart-summary.gk-pn-on .gk-pn .gk-pn-potvrd-ano:focus {
	color: #fff !important;
}

@media (prefers-reduced-motion: reduce) {
	#off-canvas-cart-summary.gk-pn-on .gk-pn-pol.gk-pn-svieti { animation: none; }
	#off-canvas-cart-summary.gk-pn-on .gk-pn-pas-zoznam { scroll-behavior: auto; }
}