/* ════════════════════════════════════════════════════════════
   DECORME — Additional CSS
   ════════════════════════════════════════════════════════════ */

/* ─── 1. SKRYTÉ WIDGETY ─────────────────────────────────────── */
.footer-widgets-area-1 #text-6,
.footer-widgets-area-2 #mc4wp_form_widget-2 {
	display: none;
}

/* ─── 2. DC FORM (kontaktný / custom formulár) ──────────────── */
.dc-form { --gap: 16px; }
.dc-form .dc-lead h3 { font-size: 1.5rem; margin: 0 0 8px; }
.dc-muted { color: #6b7280; }
.dc-hint  { color: #9ca3af; font-size: 0.9rem; }
.dc-grid { display: grid; grid-template-columns: 1fr; gap: var(--gap); }
@media (min-width: 768px) {
	.dc-grid { grid-template-columns: 1fr 1fr; }
}
.dc-field label,
.dc-col label { display: block; margin: 0 0 6px; font-weight: 500; }
.dc-input, .dc-select, .dc-textarea, .dc-file {
	width: 100%;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	padding: 12px 14px;
	font: inherit;
	background: #fff;
}
.dc-textarea { min-height: 140px; resize: vertical; }
.dc-accept { margin: 8px 0 4px; }
.dc-actions { margin-top: 16px; }
.dc-btn {
	background: #000;
	color: #fff;
	padding: 12px 22px;
	border-radius: 16px;
	border: none;
	cursor: pointer;
	font-weight: 600;
}
.dc-btn:hover { opacity: .9; }

/* ─── 3. LOCK HORIZONTÁLNEHO SCROLLU (mobil) ────────────────── */
html, body {
	overflow-x: hidden;
	max-width: 100%;
	position: relative;
}

/* ─── 4. PRODUKT — obrázok v hlavičke ───────────────────────── */
.product-header img {
	object-fit: contain;
	width: 90%;
	margin: 0 auto;
	display: block;
}

/* ─── 5. WISHLIST / COMPARE ikony ───────────────────────────── */
.buttons-icon .wcboost-wishlist-button__icon svg,
.buttons-icon .wcboost-wishlist-button__icon svg use,
.buttons-icon .wcboost-products-compare-button__icon svg,
.buttons-icon .wcboost-products-compare-button__icon svg path {
	fill: #B1E956 !important;
	stroke: #B1E956 !important;
	color: #B1E956 !important;
}
.buttons-icon a:hover svg,
.buttons-icon a:focus svg {
	fill: #B1E956 !important;
	stroke: #B1E956 !important;
}

/* ─── 6. PRODUKT — total cena ───────────────────────────────── */
.decorme-total {
	margin-top: 6px;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.4;
	display: block;
}

/* ─── 7. WISHLIST SHARE — zdieľacie ikony ───────────────────── */
.wishlist-share__buttons .wcboost-wishlist-share-link__icon {
	background-color: #e0e0e0;
	border-radius: 60%;
	padding: 13px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	outline: 2px solid #e0e0e0;
	outline-offset: 2px;
	transition: all 0.25s ease;
}
.wishlist-share__buttons .wcboost-wishlist-share-link__icon svg {
	fill: #000 !important;
	transition: fill 0.25s ease;
}
.wishlist-share__buttons .wcboost-wishlist-share-link__icon:hover {
	background-color: #000;
	outline-color: #000;
	transform: scale(1.1);
}
.wishlist-share__buttons .wcboost-wishlist-share-link__icon:hover svg {
	fill: #fff !important;
}


/* ════════════════════════════════════════════════════════════
   9. FOOTER — responzívne rozloženie
   ════════════════════════════════════════════════════════════ */

/* ── DESKTOP (≥992px): spodná lišta na JEDNU linku ── */
@media (min-width: 992px) {
	#colophon .footer-info .row {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		gap: 24px;
	}
	#colophon .footer-info .site-info.col-md-6 {
		width: auto;
		flex: 1 1 auto;
		float: none;
		min-width: 0;
	}
	#colophon .footer-info .footer-social.col-md-6 {
		width: auto;
		flex: 0 0 auto;
		float: none;
		margin-left: auto;
		text-align: right;
	}
	#colophon .footer-info .footer-menu .menu {
		display: flex;
		flex-wrap: wrap;
		gap: 6px 18px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#colophon .footer-info .footer-menu .menu li { margin: 0; }
	#colophon .footer-info .socials-extra a { white-space: nowrap; }
}

/* ── TELEFÓN (≤767px): widgety preskladať ── */
@media (max-width: 767px) {
	#colophon .footer-widgets .row {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}
	#colophon .footer-widgets .footer-widgets-area { float: none; }

	/* 1. stĺpec (logo + kontakt) — celá šírka */
	#colophon .footer-widgets-area-1 {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		text-align: center;
	}
	/* Pomoc + O DECORME — 2 stĺpce vedľa seba */
	#colophon .footer-widgets-area-2,
	#colophon .footer-widgets-area-3 {
		flex: 0 0 50%;
		max-width: 50%;
		width: 50%;
		text-align: center;
	}
	/* Newsletter — celá šírka */
	#colophon .footer-widgets-area-4 {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		text-align: center;
	}
}

/* ── TELEFÓN + TABLET (≤991px): spodná lišta na stred ── */
@media (max-width: 991px) {
	#colophon .footer-info .row {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	#colophon .footer-info .site-info,
	#colophon .footer-info .footer-social {
		width: 100%;
		float: none;
	}
	#colophon .footer-info .footer-menu .menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px 22px;
		margin: 0 0 16px;
		padding: 0;
		list-style: none;
	}
	#colophon .footer-info .footer-menu .menu li { margin: 0; }
	#colophon .footer-info .socials-extra { text-align: center; }
}

/* ════════════════════════════════════════════════════════════
   9. FOOTER — responzívne rozloženie
   ════════════════════════════════════════════════════════════ */

/* Klon "Viac" je default skrytý (zobrazí sa len na telefóne) */
.dc-footer-legal-col { display: none; }

/* ── DESKTOP (≥992px): spodná lišta na JEDNU linku ── */
@media (min-width: 992px) {
	#colophon .footer-info .row {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
		gap: 24px;
	}
	#colophon .footer-info .site-info.col-md-6 {
		width: auto; flex: 1 1 auto; float: none; min-width: 0;
	}
	#colophon .footer-info .footer-social.col-md-6 {
		width: auto; flex: 0 0 auto; float: none;
		margin-left: auto; text-align: right;
	}
	#colophon .footer-info .footer-menu .menu {
		display: flex; flex-wrap: wrap; gap: 6px 18px;
		margin: 0; padding: 0; list-style: none;
	}
	#colophon .footer-info .footer-menu .menu li { margin: 0; }
	#colophon .footer-info .socials-extra a { white-space: nowrap; }
}

/* ── TABLET (≤991px): spodná lišta na stred ── */
@media (max-width: 991px) {
	#colophon .footer-info .row {
		display: flex; flex-direction: column;
		align-items: center; text-align: center;
	}
	#colophon .footer-info .site-info,
	#colophon .footer-info .footer-social { width: 100%; float: none; }
	#colophon .footer-info .footer-menu .menu {
		display: flex; flex-wrap: wrap; justify-content: center;
		gap: 10px 22px; margin: 0 0 16px; padding: 0; list-style: none;
	}
	#colophon .footer-info .footer-menu .menu li { margin: 0; }
	#colophon .footer-info .socials-extra { text-align: center; }
}

/* ── TELEFÓN (≤767px): 3 stĺpce + newsletter preč + legal hore ── */
@media (max-width: 767px) {
	#colophon .footer-widgets .row {
		display: flex; flex-wrap: wrap; flex-direction: row;
	}
	#colophon .footer-widgets .footer-widgets-area { float: none; }

	/* 1. stĺpec (logo + kontakt) — celá šírka */
	#colophon .footer-widgets-area-1 {
		flex: 0 0 100%; max-width: 100%; width: 100%; text-align: center;
	}

	/* Pomoc + O DECORME preč - ich obsah žije v burger paneli
	   (§14 child-port). Na telefóne ostáva logo, info, kontakty,
	   newsletter a hneď pod tým claim. */
	#colophon .footer-widgets-area-2,
	#colophon .footer-widgets-area-3,
	#colophon .dc-footer-legal-col {
		display: none;
	}

	/* Newsletter presúva JS (§14 child-port) do 1. stĺpca:
	   logo → text → newsletter → kontakty. Prázdna schránka
	   stĺpca 4 preč. */
	#colophon .footer-widgets-area-4 {
		display: none;
	}

	/* ── Premium spacing rytmus: 16-18px v skupine, 36px medzi sekciami ── */
	#colophon .footer-widgets-area-1 .textwidget > p:first-of-type {
		margin-bottom: 18px; /* logo → text */
	}

	.dcp-nl-presunuty {
		margin-top: 36px; /* text → NEWSLETTER sekcia */
	}

	/* kompaktné pravidlo widgetov (10px) tu nesmie platiť -
	   formulár potrebuje sekciový odstup od kontaktov */
	#colophon .footer-widgets .widget.dcp-nl-presunuty {
		margin-bottom: 48px !important; /* linka poľa patrí formuláru - kontakty potrebujú odstup */
	}

	.dcp-nl-presunuty .widget-title {
		margin: 0 0 16px; /* nadpis drží pri svojom obsahu */
	}

	.dcp-nl-presunuty .textwidget > p {
		margin-bottom: 16px; /* claim → formulár */
	}

	.dcp-nl-presunuty .mc4wp-form {
		margin-bottom: 0; /* preč s prázdnym miestom pod formulárom */
	}

	.dcp-nl-presunuty .mc4wp-form-fields {
		max-width: 320px;
		margin: 0 auto;
	}

	#colophon .footer-widgets-area-1 .sober-contact-box {
		margin-bottom: 16px; /* kontakty → deliaca linka = 40px */
	}

	/* Prázdny ľavý blok dole schovať celý - legal menu je v burgeri,
	   copyright je prázdny → inak vzniká diera nad claimom */
	#colophon .footer-info .site-info { display: none; }
}
/* ── Kompaktný footer okolo claimu (len mobil) ── */
@media (max-width: 767px) {
	#colophon .footer-widgets { padding-bottom: 0 !important; }

	/* preč s mŕtvym priestorom medzi kontaktmi a deliacou linkou */
	#colophon .footer-widgets .widget { margin-bottom: 10px !important; }

	#colophon .footer-info {
		padding-top: 14px !important;
		padding-bottom: 14px !important;
		margin-top: 0 !important;
	}
	#colophon .footer-info .row { margin: 0 !important; }
	#colophon .footer-social,
	#colophon .footer-info .socials-extra { margin: 0 !important; }

	/* žiaden zbytočný priestor pod celým footrom */
	#colophon { padding-bottom: 0 !important; margin-bottom: 0 !important; }
}

/* ════════════════════════════════════════════════════════════
   MOBILNÉ BURGER MENU - zóna Pomoc / O DECORME / Právne
   (obsah klonuje §14 child-port z footeru; sedí nad zónou
   Košík / Prihlásiť sa, dizajnovo nadväzuje na jej oddeľovače)
   ════════════════════════════════════════════════════════════ */

/* Panel po spodok obrazovky aj na iOS (dynamický viewport URL lišty) */
.side-menu.mobile-menu {
	height: 100vh;
	height: 100dvh;
}

.mobile-menu .mobile-menu-bottom {
	padding-bottom: env(safe-area-inset-bottom, 0px);
}

.dcp-menu-extra__sekcia {
	border-top: 1px solid #f1f2f4;
}

.dcp-menu-extra__nadpis {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background: none !important;
	border: none;
	padding: 15px 0;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #23232c !important;
	cursor: pointer;
}

.dcp-menu-extra__sipka {
	width: 7px;
	height: 7px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform 0.2s ease;
	flex-shrink: 0;
}

.je-otvorena .dcp-menu-extra__sipka {
	transform: rotate(225deg);
}

.dcp-menu-extra__zoznam {
	list-style: none;
	margin: 0;
	padding: 0;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.25s ease;
}

.je-otvorena .dcp-menu-extra__zoznam {
	max-height: 320px;
	padding-bottom: 12px;
}

.side-menu .dcp-menu-extra__zoznam li {
	margin: 0 0 11px;
}

/* Jednotná slabšia šedá pre VŠETKY stavy - téma farbí :visited
   natmavo (#111114), takže navštívené odkazy vyzerali inak a
   dropdowny pôsobili nejednotne. Nižšia kategória = tlmená vždy. */
.dcp-menu-extra__zoznam a,
.dcp-menu-extra__zoznam a:visited,
.dcp-menu-extra__zoznam a:active,
.dcp-menu-extra__zoznam a:focus {
	font-size: 13px;
	font-weight: 600;
	color: #909097 !important;
}

/* Odstúpenie od zmluvy - samostatný, vždy viditeľný button */
a.dcp-menu-extra__solo {
	display: block;
	padding: 15px 0;
	border-top: 1px solid #f1f2f4;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #23232c;
}

/* ════════════════════════════════════════════════════════════
   Prenesené zo sober-child §8 — inline štýly (wp_head)
   ════════════════════════════════════════════════════════════ */

/* Hover farba pre väčšinu linkov - vylúčenie tlačidiel a pilúl filtra
   (pilulka má na hoveri neónové POZADIE - neónový text by v ňom zmizol) */
a:not(.button):not(.btn):not(.wc-forward):not(.dcp-filter__pilulka):not(.dcp-ai-stripe__cta):hover {
	color: #bcff4f !important;
}

/**
 * Wishlist tlačidlo - outline srdiečko → zelené pri hover/added
 */
.product-header .buttons-icon .wcboost-wishlist-button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border-radius: 999px;
	font-size: 0 !important;
	overflow: hidden;
	background: transparent;
	border: none;
	cursor: pointer;
	transition: all 0.2s ease;
}

/* Outline srdiečko (♡) Unicode */
.product-header .buttons-icon .wcboost-wishlist-button::before {
	content: "\2661";
	font-size: 20px;
	line-height: 1;
	color: #000;
	display: inline-block;
	transition: all 0.2s ease;
}

/* Hover + Added state - zelené srdiečko */
.product-header .buttons-icon .wcboost-wishlist-button:hover::before,
.product-header .buttons-icon .wcboost-wishlist-button.wcboost-wishlist-button--added::before {
	color: #B1E956;
	transform: scale(1.05);
}

/* Active state - silnejší efekt */
.product-header .buttons-icon .wcboost-wishlist-button.wcboost-wishlist-button--added::before {
	color: #B1E956;
	transform: scale(1.1);
}

/* ════════════════════════════════════════════════════════════
   FOOTER - typografická hierarchia (učesanie)
   Systém: 2 váhy (400 telo / 700 nadpisy+labely), 2 farby
   (#23232c aktívne hodnoty / #909097 tlmené), uppercase LEN
   nadpisy a labely, jednotný letter-spacing 0.12em.
   ════════════════════════════════════════════════════════════ */

/* Nadpisy stĺpcov (POMOC / O DECORME / NEWSLETTER) */
#colophon .widget-title {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #23232c;
}

/* Telo: popis značky, menu odkazy - jednotná tlmená šedá */
#colophon .footer-widgets .textwidget,
#colophon .footer-widgets .textwidget p,
#colophon .footer-widgets a {
	font-size: 12px;
	font-weight: 400;
	color: #909097;
	line-height: 1.9;
}

/* Kontakt: label malý tlmený, hodnota tmavá (akčná) */
#colophon .sober-contact-box .info-name {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #909097;
}

#colophon .sober-contact-box .info-value,
#colophon .sober-contact-box .info-value a {
	font-size: 12px;
	font-weight: 500;
	color: #23232c;
}

/* E-mail kapitálkami - brandový akcent, vyvažuje POSLAŤ KÓD
   (len vizuál, mailto: odkaz ostáva malými) */
#colophon .sober-contact-box .info-value a[href^="mailto:"] {
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

/* Newsletter úvodná veta - jediný zvýraznený riadok pätičky
   (widget má inline 14px, preto !important) */
#colophon .footer-widgets-area-4 .textwidget > p {
	font-size: 13px !important;
	font-weight: 400;
	color: #23232c !important;
	line-height: 1.7;
}

#colophon .mc4wp-form input[type="email"] {
	font-size: 12px;
	font-weight: 400;
}

#colophon .mc4wp-form input[type="submit"] {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

/* Spodná lišta: všetko rovnaké - žiadny náhodný bold či tmavý odkaz */
#colophon .footer-info,
#colophon .footer-info a,
#colophon .footer-menu a,
#colophon .footer-social .socials-extra {
	font-size: 12px;
	font-weight: 400 !important;
	color: #909097;
}

/* ── Spodná lišta: zarovnanie hrán s obsahom nad ňou ──
   1) bootstrap .row::before sa vo flexe stáva prvým itemom a posúva
      obsah o gap; 2) prázdny .copyright (inline-block s medzerou)
   tlačí menu doprava; 3) theme li padding sa dubluje s naším gap-om. */
@media (min-width: 992px) {
	#colophon .footer-info .row::before,
	#colophon .footer-info .row::after {
		display: none;
	}

	#colophon .footer-info .copyright:not(:has(a)):not(:has(span)) {
		display: none;
	}

	#colophon .footer-menu {
		display: block;
	}

	#colophon .footer-menu .menu li {
		padding: 0;
	}

	/* pravá hrana = pravá hrana newsletter stĺpca hore
	   (ten má od témy padding-right 52px) */
	#colophon .footer-info .footer-social {
		padding-right: 52px;
	}
}

/* ════════════════════════════════════════════════════════════
   KUMO LOADER - bežiaci maskot namiesto 3 bodiek
   Sprite 8 frameov cez CSS mask => farba cez currentColor,
   výpočtovo len mask-position na vlastnej vrstve (steps).
   ════════════════════════════════════════════════════════════ */

.dcp-kumo {
	--kumo-sirka: 30px; /* šírka jedného frameu */
	display: inline-block;
	vertical-align: middle;
	width: var(--kumo-sirka);
	height: calc(var(--kumo-sirka) * 312 / 300);
	background-color: currentColor;
	-webkit-mask: url(../images/kumo-sprite.png) 0 0 / calc(var(--kumo-sirka) * 8) 100% no-repeat;
	mask: url(../images/kumo-sprite.png) 0 0 / calc(var(--kumo-sirka) * 8) 100% no-repeat;
	animation: dcp-kumo-beh 0.8s steps(8) infinite;
}

@keyframes dcp-kumo-beh {
	to {
		-webkit-mask-position: calc(var(--kumo-sirka) * -8) 0;
		mask-position: calc(var(--kumo-sirka) * -8) 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dcp-kumo {
		animation: none;
	}
}

/* ════════════════════════════════════════════════════════════
   LOGO - hravý klik feedback (4 mikroanimácie v slučke)
   Len transform => GPU, žiadny layout/paint.
   ════════════════════════════════════════════════════════════ */

.site-branding .logo img {
	transform-origin: 50% 60%;
}

.dcp-logo-anim-1 img { animation: dcp-logo-chvenie 0.45s ease-in-out; }
.dcp-logo-anim-2 img { animation: dcp-logo-hop 0.5s cubic-bezier(0.28, 0.84, 0.42, 1); }
.dcp-logo-anim-3 img { animation: dcp-logo-zele 0.5s ease-in-out; }
.dcp-logo-anim-4 img { animation: dcp-logo-kyv 0.55s ease-in-out; }

@keyframes dcp-logo-chvenie {
	0%, 100% { transform: rotate(0); }
	20% { transform: rotate(-3deg); }
	40% { transform: rotate(3deg); }
	60% { transform: rotate(-2deg); }
	80% { transform: rotate(2deg); }
}

@keyframes dcp-logo-hop {
	0%, 100% { transform: translateY(0) scale(1, 1); }
	30% { transform: translateY(-5px) scale(0.98, 1.04); }
	60% { transform: translateY(0) scale(1.04, 0.94); }
	80% { transform: translateY(-2px); }
}

@keyframes dcp-logo-zele {
	0%, 100% { transform: scale(1, 1); }
	25% { transform: scale(1.08, 0.92); }
	50% { transform: scale(0.94, 1.06); }
	75% { transform: scale(1.03, 0.97); }
}

@keyframes dcp-logo-kyv {
	0%, 100% { transform: rotate(0); }
	25% { transform: rotate(5deg); }
	55% { transform: rotate(-3.5deg); }
	80% { transform: rotate(1.5deg); }
}

@media (prefers-reduced-motion: reduce) {
	[class*="dcp-logo-anim-"] img {
		animation: none !important;
	}
}

/* Preloader celej stránky - veľký bežiaci Kumo */
.preloader .dcp-kumo--preloader {
	--kumo-sirka: 64px;
	background-color: #151212;
}

/* ════════════════════════════════════════════════════════════
   HOMEPAGE BANNER "15 % dole na prvý print" - zladenie s brandom
   (desktop sekcia b5d2499 + mobilná 0b2399c). Pôvodný zelený
   button s bielym textom a radiusom bol mimo dizajnového jazyka -
   web má čierne tlačidlá, uppercase, ostré hrany, neón na hover.
   ════════════════════════════════════════════════════════════ */

.elementor-element-b5d2499 .mc4wp-form input[type="email"],
.elementor-element-0b2399c .mc4wp-form input[type="email"] {
	border-radius: 0 !important;
	border: none;
	height: 56px;
	padding: 0 18px;
	font-size: 14px;
	background: #fff;
}

/* Hravý brand neón v pokoji, čierna na hover - farebne živé,
   ale tvarom a typografiou v jazyku webu */
.elementor-element-b5d2499 .mc4wp-form input[type="submit"],
.elementor-element-0b2399c .mc4wp-form input[type="submit"] {
	border-radius: 0 !important;
	border: none !important;
	background: #bcff4f !important;
	color: #151212 !important;
	height: 56px;
	padding: 0 34px;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease;
}

.elementor-element-b5d2499 .mc4wp-form input[type="submit"]:hover,
.elementor-element-0b2399c .mc4wp-form input[type="submit"]:hover {
	background: #151212 !important;
	color: #fff !important;
}

/* Mobil: tlačidlo na celú šírku pod inputom, žiadny odtrhnutý polblok */
@media (max-width: 767px) {
	.elementor-element-0b2399c .mc4wp-form input[type="submit"] {
		width: 100%;
	}
}

/* ════════════════════════════════════════════════════════════
   HOMEPAGE - SEO OBSAHOVÝ BLOK (pred footerom)
   Vizuálne tichý, obsahovo poctivý - interné prelinky na kategórie.
   ════════════════════════════════════════════════════════════ */

.dcp-seo-blok {
	max-width: 1110px;
	margin: 40px auto 10px;
	padding: 0 20px;
}

.dcp-seo-blok h2 {
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #23232c;
	margin: 0 0 30px;
}

.dcp-seo-blok__stlpce {
	column-count: 3;
	column-gap: 44px;
}

.dcp-seo-blok__stlpce p {
	font-size: 12.5px;
	line-height: 1.95;
	color: #8a8a90;
	margin: 0 0 14px;
	break-inside: avoid;
}

.dcp-seo-blok a {
	color: #23232c;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.dcp-seo-blok__viac {
	text-align: center;
	margin-top: 22px;
}

.dcp-seo-blok__viac a {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	color: #23232c;
}

@media (max-width: 991px) {
	.dcp-seo-blok__stlpce {
		column-count: 2;
	}
}

@media (max-width: 767px) {
	.dcp-seo-blok__stlpce {
		column-count: 1;
	}

	.dcp-seo-blok h2 {
		font-size: 13px;
	}
}

/* ════════════════════════════════════════════════════════════
   HOMEPAGE - AI STRIPES (vizualizér + návrh izby)
   Štíhle full-bleed pásy s fotkou po vzore 15% banneru -
   žiadne ťažké bloky, gallery premium rytmus.
   ════════════════════════════════════════════════════════════ */

.dcp-ai-stripe {
	position: relative;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background-size: cover;
	background-position: center 30%;
	padding: 62px 0;
}

/* tmavý gradient zľava kvôli čitateľnosti, fotka dýcha vpravo */
.dcp-ai-stripe::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(21, 18, 18, 0.78) 0%, rgba(21, 18, 18, 0.5) 45%, rgba(21, 18, 18, 0.08) 80%);
}

.dcp-ai-stripe__vnutro {
	position: relative;
	max-width: 1110px;
	margin: 0 auto;
	padding: 0 20px;
}

.dcp-ai-stripe__stitok {
	display: block;
	margin-bottom: 12px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #bcff4f;
}

.dcp-ai-stripe__stitok em {
	font-style: normal;
	background: #bcff4f;
	color: #151212;
	padding: 2px 9px;
	margin-left: 10px;
	letter-spacing: 0.12em;
}

.dcp-ai-stripe__nadpis {
	color: #fff;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.35;
	margin: 0 0 10px;
	max-width: 560px;
}

.dcp-ai-stripe__text {
	color: rgba(255, 255, 255, 0.85);
	font-size: 13px;
	line-height: 1.8;
	max-width: 460px;
	margin: 0 0 24px;
}

a.dcp-ai-stripe__cta {
	display: inline-block;
	background: #bcff4f;
	color: #151212 !important;
	padding: 0 30px;
	height: 48px;
	line-height: 48px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	transition: background 0.2s ease;
}

a.dcp-ai-stripe__cta:hover {
	background: #fff;
}

a.dcp-ai-stripe__viac {
	display: inline-block;
	margin-left: 22px;
	color: rgba(255, 255, 255, 0.85);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: underline;
	text-underline-offset: 4px;
}

@media (max-width: 767px) {
	.dcp-ai-stripe {
		padding: 46px 0;
	}

	.dcp-ai-stripe__nadpis {
		font-size: 22px;
	}

	.dcp-ai-stripe::before {
		background: linear-gradient(90deg, rgba(21, 18, 18, 0.8) 0%, rgba(21, 18, 18, 0.55) 60%, rgba(21, 18, 18, 0.25) 100%);
	}
}

/* ── 15% banner na mobile: odsadenie v rytme stránky (20px) ── */
@media (max-width: 767px) {
	.elementor-element-0b2399c .elementor-column .elementor-widget-wrap {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

/* ── AI stripes: zig-zag varianta (obsah vpravo) ── */
.dcp-ai-stripe--vpravo::before {
	background: linear-gradient(270deg, rgba(21, 18, 18, 0.78) 0%, rgba(21, 18, 18, 0.5) 45%, rgba(21, 18, 18, 0.08) 80%);
}

.dcp-ai-stripe--vpravo .dcp-ai-stripe__vnutro {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
}

@media (max-width: 767px) {
	.dcp-ai-stripe--vpravo::before {
		background: linear-gradient(270deg, rgba(21, 18, 18, 0.8) 0%, rgba(21, 18, 18, 0.55) 60%, rgba(21, 18, 18, 0.25) 100%);
	}
}

/* ════════════════════════════════════════════════════════════
   HOMEPAGE - ROZCESTNÍK (čierny pás, 4 veľké 1:1 boxy)
   Text zanorený v obrázku (spodný gradient overlay), hover zoom.
   ════════════════════════════════════════════════════════════ */

.dcp-rozcestnik-pas {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #151212;
	padding: 54px 0;
}

.dcp-rozcestnik {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 20px;
}

.dcp-rozcestnik__box {
	position: relative;
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	text-decoration: none;
}

.dcp-rozcestnik__foto {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center 35%;
	transition: transform 0.4s ease;
}

.dcp-rozcestnik__box:hover .dcp-rozcestnik__foto {
	transform: scale(1.06);
}

.dcp-rozcestnik__coskoro {
	position: absolute;
	top: 14px;
	right: 14px;
	background: #bcff4f;
	color: #151212;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 4px 10px;
	z-index: 2;
}

/* telo zanorené v obrázku - gradient zdola pre čitateľnosť */
.dcp-rozcestnik__telo {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	padding: 64px 18px 18px;
	background: linear-gradient(180deg, rgba(21, 18, 18, 0) 0%, rgba(21, 18, 18, 0.55) 38%, rgba(21, 18, 18, 0.85) 100%);
}

.dcp-rozcestnik__titul {
	display: block;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin-bottom: 7px;
	transition: color 0.2s ease;
}

.dcp-rozcestnik__box:hover .dcp-rozcestnik__titul {
	color: #bcff4f;
}

.dcp-rozcestnik__popis {
	display: block;
	color: rgba(255, 255, 255, 0.78);
	font-size: 12.5px;
	line-height: 1.7;
	margin-bottom: 10px;
}

.dcp-rozcestnik__akcia {
	color: #bcff4f !important;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

@media (max-width: 767px) {
	.dcp-rozcestnik {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.dcp-rozcestnik__telo {
		padding: 44px 12px 12px;
	}

	.dcp-rozcestnik__titul {
		font-size: 12px;
	}

	.dcp-rozcestnik__popis {
		font-size: 11px;
		line-height: 1.55;
		margin-bottom: 8px;
	}

	.dcp-rozcestnik__akcia {
		font-size: 10px;
	}
}

/* ── Load more / paginácia: text buttonu NIKDY vo farbe pozadia
   (theme a:active/:focus farbí tmavou -> tmavá na tmavej pri tapnutí) ── */
.sober-product-grid__load-more-button,
.sober-product-grid__load-more-button:hover,
.sober-product-grid__load-more-button:active,
.sober-product-grid__load-more-button:focus,
.sober-product-grid__load-more-button .button-text,
.woocommerce-pagination li .next,
.woocommerce-pagination li .next:active,
.woocommerce-pagination li .next:focus,
.woocommerce-pagination li .next .button-text {
	color: #fff !important;
}

/* Od vás blok - dýchanie zhora aj zdola (nie nacapený na susedov) */
.dcp-polaroidy-blok {
	margin: 44px 0 34px;
}

/* ── SEO blok: na mobile zbalený do dropdownu ── */
@media (max-width: 767px) {
	.dcp-seo-blok h2 {
		cursor: pointer;
		position: relative;
		display: inline-block;
		left: 50%;
		transform: translateX(-50%);
		padding-right: 22px;
	}

	.dcp-seo-blok h2::after {
		content: "";
		position: absolute;
		right: 0;
		top: 45%;
		width: 8px;
		height: 8px;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;
		transform: rotate(45deg) translateY(-50%);
		transition: transform 0.2s ease;
	}

	.dcp-seo-blok.je-otvoreny h2::after {
		transform: rotate(225deg) translateY(-50%);
	}

	.dcp-seo-blok__stlpce,
	.dcp-seo-blok__viac {
		display: none;
	}

	.dcp-seo-blok.je-otvoreny .dcp-seo-blok__stlpce {
		display: block;
	}

	.dcp-seo-blok.je-otvoreny .dcp-seo-blok__viac {
		display: block;
	}
}

/* ════════════════════════════════════════════════════════════
   POMOCNÉ STRÁNKY (povinné jazdy) - jednotný dizajn systém
   Scope: body.dcp-pomocna-stranka (FAQ, Doprava, Reklamácie,
   Materiály, My, Kontakt, Sledovanie, OP, RP, GDPR, Odstúpenie).
   Systém prevzatý z pätičky: 2 váhy (400 telo / 700 labely),
   2 farby (#23232c aktívna / #909097 tlmená), uppercase len
   labely, letter-spacing 0.12em, ostré hrany bez radiusov.
   ════════════════════════════════════════════════════════════ */

/* ── H1 stránky - jedna veľkosť všade ── */
body.dcp-pomocna-stranka h1.elementor-heading-title {
	font-size: 36px;
	font-weight: 600;
	color: #23232c;
	letter-spacing: -0.01em;
}

/* ── Sekčné nadpisy - tichý uppercase label (ako SEO blok
      na homepage a nadpisy stĺpcov pätičky) ── */
body.dcp-pomocna-stranka .sober-section-heading {
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #23232c;
	text-align: left !important;
	margin: 0;
}

/* ── Zúžené intro sekcie zarovnať na ľavý kraj k H1
      (Elementor ich centroval cez margin auto - vznikal odskok) ── */
body.dcp-pomocna-stranka .elementor-section-boxed > .elementor-container {
	margin-left: 0;
}

/* ── Oblé rohy nepatria do projektu (CTA karty na stránke My) ── */
body.dcp-pomocna-stranka .dc-cta-card {
	border-radius: 0;
}

/* Prvky mimo Elementoru (H1 témy, náš extra blok) dorovnať na hranu
   elementor obsahu (ten má 10px column padding) */
body.dcp-pomocna-stranka .entry-title {
	padding-left: 10px;
}

body.dcp-pomocna-stranka .dcp-pomoc-extra {
	padding: 0 10px;
}

/* ── FAQ / Legal kapitoly - boxy s ostrými hranami
      (obrys ostáva, oblé rohy a krúžkové "+" pôvodného dizajnu nie) ── */
body.dcp-pomocna-stranka .sober-faq {
	border: 1px solid #e7e7ea;
	border-radius: 0;
	background: #fff;
	margin-bottom: 14px;
	padding: 24px 28px;
	transition: border-color 0.25s ease;
}

body.dcp-pomocna-stranka .sober-faq:hover,
body.dcp-pomocna-stranka .sober-faq.open {
	border-color: #23232c;
}

body.dcp-pomocna-stranka .sober-faq .question {
	display: flex;
	align-items: baseline;
	gap: 26px;
	overflow: visible;
}

body.dcp-pomocna-stranka .sober-faq .question .question-label {
	float: none;
	flex: 0 0 64px;
	width: 64px;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #909097;
}

body.dcp-pomocna-stranka .sober-faq .question-title {
	flex: 1;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 600;
	color: #23232c;
	line-height: 1.5;
}

body.dcp-pomocna-stranka .sober-faq .question .question-icon {
	float: none;
	flex: 0 0 auto;
	width: auto;
	order: 99;
	align-self: center;
}

/* plus bez krúžku - len dve čisté čiarky */
body.dcp-pomocna-stranka .sober-faq .toggle-icon {
	width: 18px;
	height: 18px;
	border: 0;
	border-radius: 0;
}

body.dcp-pomocna-stranka .sober-faq .toggle-icon::before,
body.dcp-pomocna-stranka .sober-faq .toggle-icon::after {
	background-color: #23232c;
}

body.dcp-pomocna-stranka .sober-faq .toggle-icon::before {
	width: 1.5px;
	height: 14px;
}

body.dcp-pomocna-stranka .sober-faq .toggle-icon::after {
	width: 14px;
	height: 1.5px;
}

/* odpoveď zarovnaná pod otázku, labely OBSAH/Odpoveď preč */
body.dcp-pomocna-stranka .sober-faq .answer {
	margin: 0 0 0 90px;
	padding: 16px 0 0;
	font-size: 14px;
	font-weight: 400;
	color: #23232c;
	line-height: 1.8;
}

body.dcp-pomocna-stranka .sober-faq .answer-label {
	display: none;
}

body.dcp-pomocna-stranka .sober-faq .sober-faq__answer-heading {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #909097;
	margin: 0 0 14px;
}

@media (max-width: 767px) {
	body.dcp-pomocna-stranka .sober-faq {
		padding: 18px 20px;
	}

	body.dcp-pomocna-stranka .sober-faq .question .question-label {
		display: none;
	}

	body.dcp-pomocna-stranka .sober-faq .question .question-icon {
		display: block;
	}

	body.dcp-pomocna-stranka .sober-faq .question-title {
		font-size: 15px;
	}

	body.dcp-pomocna-stranka .sober-faq .answer {
		margin-left: 0;
	}
}

/* ── Message box - ostré hrany ── */
body.dcp-pomocna-stranka .sober-message-box {
	border-radius: 0;
}

/* ── Formuláre (CF7 Reklamácie/Kontakt, OOZM odstúpenie) -
      ostré hrany, pokojné bordery, čierny CTA s neon hoverom ── */
body.dcp-pomocna-stranka .wpcf7 input[type="text"],
body.dcp-pomocna-stranka .wpcf7 input[type="email"],
body.dcp-pomocna-stranka .wpcf7 input[type="tel"],
body.dcp-pomocna-stranka .wpcf7 input[type="date"],
body.dcp-pomocna-stranka .wpcf7 select,
body.dcp-pomocna-stranka .wpcf7 textarea,
body.dcp-pomocna-stranka .oozm-form input[type="text"],
body.dcp-pomocna-stranka .oozm-form input[type="email"],
body.dcp-pomocna-stranka .oozm-form input[type="number"],
body.dcp-pomocna-stranka .oozm-form select,
body.dcp-pomocna-stranka .oozm-form textarea {
	border: 1px solid #d8d8df;
	border-radius: 0;
	box-shadow: none;
	font-size: 14px;
	color: #23232c;
	transition: border-color 0.25s ease;
}

body.dcp-pomocna-stranka .wpcf7 input:focus,
body.dcp-pomocna-stranka .wpcf7 select:focus,
body.dcp-pomocna-stranka .wpcf7 textarea:focus,
body.dcp-pomocna-stranka .oozm-form input:focus,
body.dcp-pomocna-stranka .oozm-form select:focus,
body.dcp-pomocna-stranka .oozm-form textarea:focus {
	border-color: #23232c;
	outline: none;
}

body.dcp-pomocna-stranka .wpcf7 input[type="submit"],
body.dcp-pomocna-stranka .wpcf7 button[type="submit"],
body.dcp-pomocna-stranka .oozm-form input[type="submit"],
body.dcp-pomocna-stranka .oozm-form button[type="submit"],
body.dcp-pomocna-stranka .oozm-form .button {
	border: 0;
	border-radius: 0;
	background: #151212;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 18px 34px;
	cursor: pointer;
	transition: background-color 0.25s ease, color 0.25s ease;
}

body.dcp-pomocna-stranka .wpcf7 input[type="submit"]:hover,
body.dcp-pomocna-stranka .wpcf7 button[type="submit"]:hover,
body.dcp-pomocna-stranka .oozm-form input[type="submit"]:hover,
body.dcp-pomocna-stranka .oozm-form button[type="submit"]:hover,
body.dcp-pomocna-stranka .oozm-form .button:hover {
	background: #bcff4f;
	color: #151212;
}

/* E-mail kapitálkami aj na pomocných stránkach (rovnaké pravidlo ako pätička) */
body.dcp-pomocna-stranka a[href^="mailto:"] {
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

/* ── Odstúpenie od zmluvy - stavba stránky ── */
body.dcp-pomocna-stranka .dcp-oozm-uvod {
	max-width: 680px;
	margin: 0 0 48px;
}

body.dcp-pomocna-stranka .dcp-oozm-lead {
	font-size: 17px;
	font-weight: 400;
	color: #23232c;
	line-height: 1.7;
	margin: 0 0 18px;
}

body.dcp-pomocna-stranka .dcp-oozm-vynimka {
	font-size: 13px;
	color: #909097;
	line-height: 1.8;
	margin: 0;
}

body.dcp-pomocna-stranka .dcp-oozm-vynimka a {
	color: #23232c;
	text-decoration: underline;
	text-underline-offset: 3px;
}

body.dcp-pomocna-stranka .oozm-wrap {
	max-width: 680px;
	margin: 0 0 72px;
}

body.dcp-pomocna-stranka .oozm-form label {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #909097;
	display: block;
	margin-bottom: 8px;
}

body.dcp-pomocna-stranka .oozm-form .oozm-hint {
	font-size: 12px;
	color: #909097;
}

body.dcp-pomocna-stranka .oozm-form input[type="text"],
body.dcp-pomocna-stranka .oozm-form input[type="email"] {
	width: 100%;
	padding: 14px 16px;
}

/* Kroky procesu */
body.dcp-pomocna-stranka .dcp-oozm-kroky__nadpis {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #23232c;
	margin: 0 0 30px;
}

body.dcp-pomocna-stranka .dcp-oozm-kroky__mriezka {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 44px;
}

body.dcp-pomocna-stranka .dcp-oozm-krok__cislo {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	color: #909097;
	margin-bottom: 14px;
}

body.dcp-pomocna-stranka .dcp-oozm-krok__nazov {
	font-size: 16px;
	font-weight: 600;
	color: #23232c;
	margin: 0 0 8px;
}

body.dcp-pomocna-stranka .dcp-oozm-krok__popis {
	font-size: 13px;
	color: #909097;
	line-height: 1.8;
	margin: 0;
}

@media (max-width: 767px) {
	body.dcp-pomocna-stranka .dcp-oozm-kroky__mriezka {
		grid-template-columns: 1fr;
		gap: 28px;
	}
}

/* ── Blok „Mohlo by ti pomôcť" + produktový pás (koniec pomocných stránok) ── */
body.dcp-pomocna-stranka .dcp-pomoc-extra {
	margin-top: 80px;
}

body.dcp-pomocna-stranka .dcp-pomoc-extra__nadpis {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #23232c;
	margin: 0 0 26px;
}

body.dcp-pomocna-stranka .dcp-pomoc-extra__mriezka {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}

body.dcp-pomocna-stranka .dcp-pomoc-extra__linka {
	display: block;
	padding-top: 18px;
	border-top: 1px solid #e7e7ea;
}

body.dcp-pomocna-stranka .dcp-pomoc-extra__linka-nazov {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #23232c;
	margin-bottom: 6px;
	transition: color 0.25s ease;
}

body.dcp-pomocna-stranka .dcp-pomoc-extra__linka-popis {
	display: block;
	font-size: 12px;
	font-weight: 400;
	color: #909097;
	line-height: 1.7;
}

body.dcp-pomocna-stranka .dcp-pomoc-extra__produkty {
	margin-top: 72px;
}

@media (max-width: 767px) {
	body.dcp-pomocna-stranka .dcp-pomoc-extra {
		margin-top: 56px;
	}

	body.dcp-pomocna-stranka .dcp-pomoc-extra__mriezka {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	body.dcp-pomocna-stranka .dcp-pomoc-extra__produkty {
		margin-top: 56px;
	}
}

/* ════════════════════════════════════════════════════════════
   PRODUKTOVKA (Fáza 3) - operačné stredisko v pravom paneli
   Ľavý panel: rám v priestore, menší (strop cez viewport).
   Pravý panel: všetko zarovnané vľavo, footer typografia,
   ostré hrany, žiadne glow efekty.
   ════════════════════════════════════════════════════════════ */

/* ── Ľavý panel: obrázok menší, vzduch okolo.
      Strop v px drží súčet obrázok+akordeóny pod výškou pravého panela,
      aby posledný akordeón sadol na zdieľanú spodnú hranicu s meta blokom. ── */
.single-product div.product .woocommerce-product-gallery__image img {
	max-height: min(62vh, 545px);
	width: auto !important;
	margin: 0 auto;
}

/* ── Pravý panel: zarovnanie vľavo + typografia ── */
.single-product div.product .entry-summary {
	text-align: left;
}

.single-product div.product .entry-summary .product_title {
	font-size: 28px;
	font-weight: 600;
	color: #23232c;
	letter-spacing: -0.01em;
	text-align: left;
	margin-bottom: 12px;
}

.single-product div.product .entry-summary .woocommerce-product-details__short-description {
	font-size: 14px;
	color: #23232c;
	line-height: 1.8;
	text-align: left;
	max-width: 560px;
	margin-bottom: 6px;
}

.single-product div.product .entry-summary .sticky-summary > .price,
.single-product div.product .entry-summary > .price {
	display: block;
	text-align: left;
	font-size: 22px;
	font-weight: 600;
	color: #23232c;
	margin: 14px 0 20px;
}

.dcp-cena-od-prefix {
	font-size: 13px;
	font-weight: 400;
	color: #909097;
	margin-right: 2px;
}

/* duplicitná cena pri tlačidle po výbere variácie - hore ju mení JS */
.single-product .single_variation_wrap .woocommerce-variation-price {
	display: none;
}

/* ── Veľkosti: ostré dlaždice, vybraná = čierna ── */
.dm-variations {
	margin-bottom: 6px;
}

.dm-variations .variable {
	margin-bottom: 12px;
}

.dm-variations .variable-options {
	justify-content: flex-start;
}

.single-product .dm-variations .variable-options .label {
	display: block;
	width: 100%;
	text-align: left !important;
	margin-bottom: 10px;
}

.single-product .dm-variations .variable-options .label label {
	font-size: 10px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: #909097 !important;
	margin: 0 !important;
}

.dm-variations .variable-options .arrow {
	display: none;
}

.dm-variations-grid {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	margin: 0 !important;
	max-width: none !important;
}

.dm-variations-grid > * {
	flex: 0 0 auto !important;
	min-width: 0 !important;
	text-align: center !important;
}

/* wcboost swatches: z okrúhlych piluliek ostré dlaždice */
.single-product .wcboost-variation-swatches__wrapper {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.single-product .wcboost-variation-swatches__item {
	border: 1px solid #d8d8df !important;
	border-radius: 0 !important;
	background: #fff !important;
	box-shadow: none !important;
	margin: 0 !important;
	padding: 10px 16px !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	line-height: 1.2 !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #23232c !important;
	transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.single-product .wcboost-variation-swatches__item:hover {
	border-color: #23232c !important;
	transform: none !important;
}

.single-product .wcboost-variation-swatches__item[aria-pressed="true"],
.single-product .wcboost-variation-swatches__item--selected,
.single-product .wcboost-variation-swatches__item.selected {
	background: #23232c !important;
	border-color: #23232c !important;
	color: #fff !important;
}

.single-product .wcboost-variation-swatches__item .wcboost-variation-swatches__name {
	color: inherit !important;
	font-size: inherit !important;
}

.single-product .reset_variations {
	font-size: 11px;
	color: #909097;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* upozornenie pri Zaplatiť bez vybratej veľkosti */
@keyframes dcp-zatras {
	0%, 100% { transform: translateX(0); }
	25% { transform: translateX(-5px); }
	75% { transform: translateX(5px); }
}

.dm-variations.dcp-zatras {
	animation: dcp-zatras 0.28s ease 2;
}

/* ── Akčný klaster: počet + košík + Zaplatiť ── */
.single_variation_wrap .variations_button {
	display: flex !important;
	align-items: stretch !important;
	gap: 10px !important;
	margin-top: 16px !important;
	width: 100% !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

.single_variation_wrap .variations_button .quantity {
	flex: 0 0 116px !important;
	width: 116px !important;
	position: relative !important;
	height: 52px !important;
	display: flex !important;
	align-items: center !important;
}

.single_variation_wrap .variations_button .quantity input.qty {
	width: 100% !important;
	height: 52px !important;
	text-align: center !important;
	border: 1px solid #d8d8df !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 15px !important;
	box-sizing: border-box !important;
}

.single_variation_wrap .variations_button .quantity input.qty:focus {
	border-color: #23232c !important;
	outline: none !important;
}

.single_variation_wrap .variations_button .quantity .decrease,
.single_variation_wrap .variations_button .quantity .increase {
	position: absolute !important;
	top: 0 !important;
	height: 52px !important;
	width: 30px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	background: transparent !important;
	border: none !important;
	z-index: 10 !important;
	padding: 0 !important;
	margin: 0 !important;
	color: #909097;
	transition: color 0.2s ease;
}

.single_variation_wrap .variations_button .quantity .decrease { left: 0 !important; }
.single_variation_wrap .variations_button .quantity .increase { right: 0 !important; }

.single_variation_wrap .variations_button .quantity .decrease:hover,
.single_variation_wrap .variations_button .quantity .increase:hover {
	color: #23232c !important;
}

.single_variation_wrap .variations_button .quantity .decrease svg,
.single_variation_wrap .variations_button .quantity .increase svg {
	width: 12px !important;
	height: 12px !important;
}

.single_variation_wrap .variations_button .single_add_to_cart_button {
	flex: 1 1 auto !important;
	height: 52px !important;
	line-height: 52px !important;
	padding: 0 22px !important;
	border-radius: 0 !important;
	background: #151212 !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	transition: background-color 0.25s ease, color 0.25s ease;
	min-width: 0 !important;
	transform: none !important;
	box-shadow: none !important;
}

.single_variation_wrap .variations_button .single_add_to_cart_button:hover {
	background: #bcff4f !important;
	color: #151212 !important;
}

/* Zaplatiť - druhá akcia, obrys, hover čierny */
.single_variation_wrap .dcp-zaplatit {
	display: block;
	width: 100%;
	margin-top: 10px;
	height: 52px;
	line-height: 50px;
	text-align: center;
	padding: 0;
	border: 1px solid #23232c !important;
	border-radius: 0 !important;
	background: #fff !important;
	color: #23232c !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	cursor: pointer;
	transition: background-color 0.25s ease, color 0.25s ease;
	box-sizing: border-box;
}

.single_variation_wrap .dcp-zaplatit:hover {
	background: #151212 !important;
	color: #fff !important;
}

.dcp-expres-pozn {
	font-size: 12px;
	color: #909097;
	line-height: 1.6;
	margin: 10px 0 0;
	text-align: left;
}

/* ── AI vizualizér: plná šírka, ťahá zrak ── */
.single-product .we-vis-cta {
	margin: 18px 0 0;
}

.single-product .we-vis-cta__btn {
	width: 100%;
	padding: 15px 20px;
}

/* ── Meta: tichý riadok vľavo, socky preč ── */
.single-product div.product .product_meta {
	text-align: left;
	font-size: 11px;
	color: #909097;
	letter-spacing: 0.04em;
}

.single-product div.product .product_meta a {
	color: #23232c;
}

.single-product .product-share {
	display: none !important;
}

/* Express platba (Stripe request button) - ostré hrany, medzera */
.single-product .wcpay-payment-request-wrapper,
.single-product #wc-stripe-payment-request-wrapper {
	margin-top: 10px !important;
}

.single-product .wcpay-payment-request-wrapper button,
.single-product #wc-stripe-payment-request-wrapper button {
	border-radius: 0 !important;
}

/* Variácie: teéma dáva .variable inline-block s centrovaním - plný blok vľavo */
.single-product .dm-variations {
	text-align: left !important;
}

.single-product .dm-variations .variable {
	display: block !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 0 12px !important;
	text-align: left !important;
}

.single-product .dm-variations-grid {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
}

.single-product .dm-variations-grid .wcboost-variation-swatches {
	width: 100% !important;
	max-width: 100% !important;
}

.single-product .reset_variations {
	display: inline-block;
	padding: 0 !important;
	margin: 2px 0 0 !important;
}

/* ── Produkt: akordeóny v pravom paneli (rovnaká reč ako FAQ boxy) ── */
.single-product .dcp-akordeony {
	margin-top: 26px;
}

.single-product .dcp-akordeon {
	border: 1px solid #e7e7ea;
	background: #fff;
	margin-bottom: 10px;
	transition: border-color 0.25s ease;
}

.single-product .dcp-akordeon:hover,
.single-product .dcp-akordeon.je-otvoreny {
	border-color: #23232c;
}

.single-product .dcp-akordeon__hlava {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 16px 18px;
	background: none;
	border: 0;
	cursor: pointer;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #23232c;
	text-align: left;
}

.single-product .dcp-akordeon__ikona {
	position: relative;
	width: 14px;
	height: 14px;
	flex: 0 0 auto;
}

.single-product .dcp-akordeon__ikona::before,
.single-product .dcp-akordeon__ikona::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #23232c;
	transition: opacity 0.2s ease;
}

.single-product .dcp-akordeon__ikona::before {
	width: 1.5px;
	height: 12px;
}

.single-product .dcp-akordeon__ikona::after {
	width: 12px;
	height: 1.5px;
}

.single-product .dcp-akordeon.je-otvoreny .dcp-akordeon__ikona::before {
	opacity: 0;
}

.single-product .dcp-akordeon__telo {
	padding: 2px 18px 18px;
	font-size: 13px;
	color: #23232c;
	line-height: 1.8;
	text-align: left;
}

.single-product .dcp-akordeon__telo a {
	color: #23232c;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* tabuľka atribútov v Detailoch - tichá, bez rámov */
.single-product .dcp-akordeon__telo .woocommerce-product-attributes {
	width: 100%;
	margin: 0;
}

.single-product .dcp-akordeon__telo .woocommerce-product-attributes th,
.single-product .dcp-akordeon__telo .woocommerce-product-attributes td {
	border: 0;
	border-bottom: 1px solid #f1f2f4;
	padding: 9px 0;
	background: none;
	font-style: normal;
}

.single-product .dcp-akordeon__telo .woocommerce-product-attributes th {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #909097;
	text-align: left;
	width: 42%;
}

.single-product .dcp-akordeon__telo .woocommerce-product-attributes td {
	font-size: 13px;
	color: #23232c;
	text-align: left;
}

.single-product .dcp-akordeon__telo .woocommerce-product-attributes td p {
	margin: 0;
}

/* zebra pruhy tabuľky atribútov preč */
.single-product .dcp-akordeon__telo .woocommerce-product-attributes tr,
.single-product .dcp-akordeon__telo .woocommerce-product-attributes tr:nth-child(even) th,
.single-product .dcp-akordeon__telo .woocommerce-product-attributes tr:nth-child(even) td,
.single-product .dcp-akordeon__telo .woocommerce-product-attributes tr:nth-child(odd) th,
.single-product .dcp-akordeon__telo .woocommerce-product-attributes tr:nth-child(odd) td {
	background: none !important;
}

/* ── Produktovka v2: jedna cena s rozpisom, multi-výber, akordeóny vľavo,
      zhustenie do prvého scrollu ── */

/* jediné miesto s cenou - veľká suma + malý rozpis výpočtu */
.dcp-cena-suma {
	display: block;
	font-size: 22px;
	font-weight: 600;
	color: #23232c;
	line-height: 1.2;
}

.dcp-cena-rozpis {
	display: block;
	font-size: 12px;
	font-weight: 400;
	color: #909097;
	margin-top: 3px;
	letter-spacing: 0.02em;
}

/* Spolu kalkulačka pri tlačidle spôsobovala layout shift - cena žije hore */
.single-product .decorme-total {
	display: none !important;
}

/* prepínač Viac veľkostí naraz - v riadku s labelom VEĽKOSTI */
.single-product .dm-variations .variable-options .label {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.dcp-multi-prepinac {
	border: 1px solid #d8d8df;
	background: #fff;
	color: #909097;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 6px 10px;
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.dcp-multi-prepinac:hover {
	border-color: #23232c;
	color: #23232c;
}

.dcp-multi-prepinac[aria-pressed="true"] {
	background: #23232c;
	border-color: #23232c;
	color: #fff;
}

/* multi režim: vybraté dlaždice čierne, množstvo a reset bokom */
.single-product .wcboost-variation-swatches__item.dcp-multi-vybrata {
	background: #23232c !important;
	border-color: #23232c !important;
	color: #fff !important;
}

.variations_form.dcp-multi .quantity,
.variations_form.dcp-multi .reset_variations {
	display: none !important;
}

/* ── Ľavý stĺpec = obrázok + akordeóny, pravý = predajný panel ──
   Theme kladie galériu aj summary ako float:left; grid ich spoľahlivo
   rozloží do 2 stĺpcov a akordeóny posadí pod obrázok (vyplní prázdno). */
@media (min-width: 992px) {
	.single-product .product-summary {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 54px;
		align-items: start;
	}

	.single-product .product-summary > [class*="woocommerce-product-gallery"] {
		grid-column: 1;
		grid-row: 1;
		float: none !important;
		width: 100% !important;
		margin: 0 !important;
	}

	.single-product .product-summary > .dcp-akordeony {
		grid-column: 1;
		grid-row: 2;
		float: none !important;
		width: 100% !important;
		margin: 30px 0 0 !important;
	}

	.single-product .product-summary > .summary {
		grid-column: 2;
		grid-row: 1 / span 2;
		float: none !important;
		width: 100% !important;
		margin: 0 !important;
	}
}

/* mobil: obrázok → predajný panel → akordeóny (poradie cez flex order) */
@media (max-width: 991px) {
	.single-product .product-summary {
		display: flex;
		flex-direction: column;
	}
	.single-product .product-summary > .woocommerce-product-gallery { order: 1; }
	.single-product .product-summary > .summary { order: 2; }
	.single-product .product-summary > .dcp-akordeony {
		order: 3;
		margin: 26px 0 10px;
	}
}

/* ── Zhustenie pravého panela do prvého scrollu ── */
.single-product div.product .entry-summary .product_title {
	margin-bottom: 8px;
}

.single-product div.product .entry-summary .woocommerce-product-details__short-description {
	margin-bottom: 0;
	font-size: 13.5px;
	line-height: 1.7;
}

.single-product div.product .entry-summary .sticky-summary > .price,
.single-product div.product .entry-summary > .price {
	margin: 12px 0 14px;
}

.single-product .we-vis-cta {
	margin: 2px 0 18px;
}

.single-product .we-vis-cta__btn {
	padding: 12px 20px;
}

.dm-variations .variable {
	margin-bottom: 8px !important;
}

.single_variation_wrap .variations_button {
	margin-top: 12px !important;
}

.single-product div.product .product_meta {
	margin-top: 14px;
	padding-top: 0;
}

/* stiahnuť medzeru medzi veľkosťami a nákupným riadkom */
.single-product .single_variation_wrap {
	margin-top: 0;
}
.single-product .woocommerce-variation.single_variation {
	margin: 0;
}
.single-product .single_variation_wrap .variations_button {
	margin-top: 14px !important;
}

/* ════════════════════════════════════════════════════════════
   PRODUKTOVKA v3 - overlay akordeóny, zarovnané hrany, učesané
   akcie, CTA pás
   ════════════════════════════════════════════════════════════ */

/* ── Ľavý stĺpec: obrázok hore, akordeóny prilepené k SPODNEJ hrane
      (zdieľaná hranica so sekvenciou katalóg/kategória/linka vpravo) ── */
@media (min-width: 992px) {
	.single-product .product-summary {
		grid-template-rows: 1fr auto;
	}

	.single-product .product-summary > [class*="woocommerce-product-gallery"] {
		align-self: start;
	}

	.single-product .product-summary > .dcp-akordeony {
		align-self: end;
		margin: 30px 0 0 !important;
	}

	/* ── Otváranie v toku, ale BEZ posunu stránky: skupina tabov je
	      kotvená k spodnej hrane, rastie smerom hore do voľného miesta
	      a obrázok plynulo ustúpi presne o toľko, koľko obsah potrebuje
	      (maxHeight obrázka aj tela počíta JS z výšky pravého panela).
	      Dlhší obsah scrolluje vo vnútri tabu. ── */
	.single-product div.product .woocommerce-product-gallery__image img {
		transition: max-height 0.35s ease;
	}

	.single-product .dcp-akordeon__telo:not([hidden]) {
		overflow-y: auto;
		overscroll-behavior: contain;
	}

	/* otvorený tab: zvýraznený rám */
	.single-product .dcp-akordeon.je-otvoreny {
		border-color: #23232c;
	}

	/* posledný akordeón bez spodnej medzery - sadne na zdieľanú hranicu */
	.single-product .dcp-akordeony .dcp-akordeon:last-child {
		margin-bottom: 0;
	}
}

/* ── Akčný klaster: učesanie counteru a tlačidiel ── */
.single_variation_wrap .variations_button .quantity {
	border: 1px solid #d8d8df !important;
	transition: border-color 0.2s ease;
}

.single_variation_wrap .variations_button .quantity:hover,
.single_variation_wrap .variations_button .quantity:focus-within {
	border-color: #23232c !important;
}

.single_variation_wrap .variations_button .quantity input.qty {
	border: 0 !important;
	font-weight: 600 !important;
	color: #23232c !important;
}

/* košík disabled (bez vybratej veľkosti) - tichý, nie špinavo šedý */
.single_variation_wrap .variations_button .single_add_to_cart_button.disabled,
.single_variation_wrap .variations_button .single_add_to_cart_button[aria-disabled="true"].disabled {
	background: #ececef !important;
	color: #9b9ba1 !important;
	cursor: not-allowed !important;
}

/* Zaplatiť: pevná medzera od košíka, rovnaká výška radu */
.single_variation_wrap .dcp-zaplatit {
	margin-top: 10px !important;
}

/* ── Zhustenie: Zaplatiť musí byť celé v prvom scrolle ── */
.single-product div.product .entry-summary .product_title {
	font-size: 26px;
	margin-bottom: 6px;
}

.single-product div.product .entry-summary .woocommerce-product-details__short-description {
	line-height: 1.65;
}

.single-product div.product .entry-summary .sticky-summary > .price,
.single-product div.product .entry-summary > .price {
	margin: 10px 0 12px;
}

.single-product .we-vis-cta {
	margin: 0 0 14px;
}

.single-product .we-vis-cta__btn {
	padding: 12px 20px;
}

.single-product .single_variation_wrap .variations_button {
	margin-top: 12px !important;
}

.dcp-expres-pozn {
	margin: 8px 0 0;
}

.single-product div.product .product_meta {
	margin-top: 12px;
}

/* ── Express platba (Apple/Google Pay) - miesto v akčnom klastri ── */
.single-product #wc-stripe-payment-request-wrapper {
	margin: 10px 0 0 !important;
	padding: 0 !important;
}

.single-product #wc-stripe-payment-request-button-separator {
	display: none !important;
}

/* ── Záverečné CTA - čierny full-bleed pás ── */
.dcp-produkt-cta {
	position: relative;
	left: calc(50% - 50vw);
	width: 100vw;
	background: #151212;
	margin-top: 56px;
	padding: 64px 20px;
}

.dcp-produkt-cta__vnutro {
	max-width: 680px;
	margin: 0 auto;
	text-align: center;
}

.dcp-produkt-cta__nadpis {
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	margin: 0 0 10px;
}

.dcp-produkt-cta__popis {
	color: rgba(255, 255, 255, 0.62);
	font-size: 13.5px;
	line-height: 1.7;
	margin: 0 0 26px;
}

.dcp-produkt-cta__akcie {
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
}

.dcp-produkt-cta__btn {
	display: inline-block;
	padding: 15px 28px;
	background: #bcff4f;
	color: #151212 !important;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.dcp-produkt-cta__btn:hover {
	background: #fff;
	color: #151212 !important;
}

.dcp-produkt-cta__btn--druhy {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.35);
	color: #fff !important;
}

.dcp-produkt-cta__btn--druhy:hover {
	background: transparent;
	border-color: #fff;
	color: #fff !important;
}

/* ── Cena: bezpečná zóna - výber veľkosti NIKDY neposunie obsah.
      Jednotná veľkosť čísla v stave "od X" aj po výbere (rovnaký font
      ako .dcp-cena-suma) + min-height pokrývajúca aj riadok s rozpisom. ── */
.single-product div.product .entry-summary .sticky-summary > .price,
.single-product div.product .entry-summary > .price {
	min-height: 56px;
	box-sizing: border-box;
}

.single-product div.product .entry-summary .price .woocommerce-Price-amount,
.single-product div.product .entry-summary .price .woocommerce-Price-amount bdi,
.single-product div.product .entry-summary .price ins {
	font-size: 22px !important;
	font-weight: 600 !important;
	color: #23232c;
	text-decoration: none;
}

/* galéria: theme margin-bottom 30px pod obrázkom robil dvojitú medzeru
   pred tabmi (30 náš + 30 témy) - jediná medzera je náš margin skupiny */
@media (min-width: 992px) {
	.single-product .product-summary .woocommerce-product-gallery__image.woocommerce-main-image {
		margin-bottom: 0 !important;
	}
}

/* ── Multi-výber: zoznam vybratých veľkostí so steppermi ── */
.dcp-multi-zoznam {
	margin: 14px 0 0;
	border-top: 1px solid #e7e7ea;
}

.dcp-multi-riadok {
	display: grid;
	grid-template-columns: 1fr auto auto auto;
	align-items: center;
	gap: 14px;
	padding: 12px 0;
	border-bottom: 1px solid #e7e7ea;
}

.dcp-multi-riadok__nazov {
	font-size: 13px;
	font-weight: 600;
	color: #23232c;
}

.dcp-multi-stepper {
	display: inline-flex;
	align-items: center;
	border: 1px solid #d8d8df;
	height: 34px;
}

.dcp-multi-stepper button {
	width: 32px;
	height: 32px;
	border: 0;
	background: none;
	cursor: pointer;
	font-size: 16px;
	line-height: 1;
	color: #909097;
	transition: color 0.2s ease;
}

.dcp-multi-stepper button:hover {
	color: #23232c;
}

.dcp-multi-pocet {
	min-width: 30px;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	color: #23232c;
}

.dcp-multi-riadok__cena {
	font-size: 13px;
	font-weight: 600;
	color: #23232c;
	min-width: 62px;
	text-align: right;
}

.dcp-multi-odstranit {
	width: 26px;
	height: 26px;
	border: 0;
	background: none;
	cursor: pointer;
	font-size: 18px;
	line-height: 1;
	color: #c4c4ca;
	transition: color 0.2s ease;
}

.dcp-multi-odstranit:hover {
	color: #23232c;
}

/* ── Mobil: akčný klaster - počítadlo kompaktné vedľa košíka na jednom
      riadku (nowrap), nie cez celú šírku ── */
@media (max-width: 767px) {
	.single_variation_wrap .variations_button {
		flex-wrap: nowrap !important;
		gap: 10px !important;
		align-items: stretch !important;
	}

	/* počítadlo kompaktné, pevná šírka - téma ho inak roztiahne na 100% */
	.single_variation_wrap .variations_button .quantity {
		flex: 0 0 108px !important;
		width: 108px !important;
		min-width: 108px !important;
		max-width: 108px !important;
	}

	/* Pridať do košíka = zvyšok riadku, vždy viditeľné a prominentné.
	   Ikonka košíka na mobile preč - text potrebuje priestor. */
	.single_variation_wrap .variations_button .single_add_to_cart_button {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		padding: 0 12px !important;
		letter-spacing: 0.08em !important;
	}

	.single_variation_wrap .variations_button .single_add_to_cart_button svg,
	.single_variation_wrap .variations_button .single_add_to_cart_button img {
		display: none !important;
	}

	/* multi režim: počítadlo skryté (počty sú v zozname), košík plná šírka */
	.variations_form.dcp-multi .single_variation_wrap .variations_button .single_add_to_cart_button {
		flex: 1 1 100% !important;
	}

	.dcp-multi-riadok {
		gap: 10px;
	}

	.dcp-multi-riadok__cena {
		min-width: 54px;
	}
}

/* multi režim s výberom: košík vyzerá aktívne (funkčný cez multiGate) */
.variations_form.dcp-multi-vyber .single_variation_wrap .variations_button .single_add_to_cart_button,
.variations_form.dcp-multi-vyber .single_variation_wrap .variations_button .single_add_to_cart_button.disabled {
	background: #151212 !important;
	color: #fff !important;
	cursor: pointer !important;
}

.variations_form.dcp-multi-vyber .single_variation_wrap .variations_button .single_add_to_cart_button:hover {
	background: #bcff4f !important;
	color: #151212 !important;
}

/* ── Kategórie obchodu: tichý úvod pod filtrom (H1 + SEO popis) ── */
.woocommerce-products-header {
	display: none; /* pôvodné umiestnenie prekrýva platňa sticky filtra */
}

.dcp-kategoria-uvod {
	margin: 28px 0 4px;
}

.dcp-kategoria-uvod__nadpis {
	font-size: 30px;
	font-weight: 600;
	color: #23232c;
	letter-spacing: -0.01em;
	margin: 0 0 8px;
}

.dcp-kategoria-uvod__popis {
	font-size: 13px;
	color: #909097;
	line-height: 1.8;
	max-width: 760px;
}

.dcp-kategoria-uvod__popis p {
	margin: 0;
}

.dcp-kategoria-uvod__popis strong {
	color: #23232c;
	font-weight: 600;
}

@media (max-width: 767px) {
	.dcp-kategoria-uvod {
		margin: 20px 0 2px;
	}

	.dcp-kategoria-uvod__nadpis {
		font-size: 24px;
	}

	.dcp-kategoria-uvod__popis {
		font-size: 12.5px;
	}
}

/* ── Quick-add pásik na karte produktu (nahrádza quickview modal) ── */
li.product .product-header {
	position: relative;
	overflow: hidden;
}

.dcp-quickadd {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 6;
	background: rgba(255, 255, 255, 0.97);
	border-top: 1px solid #e7e7ea;
	padding: 10px 12px 12px;
	transform: translateY(100%);
	opacity: 0;
	transition: transform 0.25s ease, opacity 0.25s ease;
	text-align: left;
}

@media (hover: hover) {
	li.product:hover .dcp-quickadd {
		transform: translateY(0);
		opacity: 1;
	}

	/* pôvodná košík ikonka je nahradená pásikom */
	li.product .product-header .buttons {
		display: none !important;
	}
}

/* dotykové zariadenia: pásik nie, ostáva pôvodná ikonka -> produktovka */
@media (hover: none) {
	.dcp-quickadd {
		display: none !important;
	}
}

.dcp-quickadd__label {
	display: block;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #909097;
	margin-bottom: 7px;
}

.dcp-quickadd__velkosti {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.dcp-quickadd__btn {
	border: 1px solid #d8d8df;
	background: #fff;
	color: #23232c;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	padding: 7px 9px;
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.dcp-quickadd__btn:hover {
	border-color: #23232c;
	background: #23232c;
	color: #fff;
}

.dcp-quickadd__btn.je-pridane {
	border-color: #bcff4f;
	background: #bcff4f;
	color: #151212;
}

/* ── Carousel šípky - decentné minimalistické chevrony po stranách ── */
.sober-product-carousel {
	position: relative;
}

.sober-product-carousel .owl-nav button.owl-prev,
.sober-product-carousel .owl-nav button.owl-next,
.sober-product-carousel .owl-nav .owl-prev,
.sober-product-carousel .owl-nav .owl-next {
	position: absolute;
	top: 34%;
	transform: translateY(-50%);
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 8px !important;
	margin: 0 !important;
	color: #23232c !important;
	opacity: 0.4;
	transition: opacity 0.2s ease, transform 0.2s ease;
	cursor: pointer;
	line-height: 0;
	font-size: 0 !important;
}

.sober-product-carousel .owl-nav .owl-prev {
	left: -34px;
}

.sober-product-carousel .owl-nav .owl-next {
	right: -34px;
}

.sober-product-carousel .owl-nav .owl-prev:hover,
.sober-product-carousel .owl-nav .owl-next:hover {
	opacity: 1;
	background: none !important;
	color: #23232c !important;
}

.sober-product-carousel .owl-nav.disabled {
	display: block !important; /* loop nikdy nedisabluje, poistka */
}

@media (max-width: 1200px) {
	.sober-product-carousel .owl-nav .owl-prev { left: -6px; }
	.sober-product-carousel .owl-nav .owl-next { right: -6px; }
}

@media (max-width: 767px) {
	/* na dotyku sa swipuje - šípky decentnejšie, ale ostávajú */
	.sober-product-carousel .owl-nav .owl-prev { left: -2px; opacity: 0.3; }
	.sober-product-carousel .owl-nav .owl-next { right: -2px; opacity: 0.3; }
}

/* ═══════════════════ KOŠÍK & POKLADŇA (Fáza 4) ═══════════════════ */

/* ── Blocks komponenty: ostré hrany všade (dizajn manuál),
      kruhy (radio, badge počtu kusov na miniatúre) sa nedotýkajú ── */
.wp-block-woocommerce-cart :is(input:not([type="radio"]), select, textarea, button,
	.wc-block-components-panel, .wc-block-components-notice-banner,
	.wc-block-components-quantity-selector, .wc-block-components-checkbox__input,
	.wc-block-components-skeleton__element),
.wp-block-woocommerce-checkout :is(input:not([type="radio"]), select, textarea, button,
	.wc-block-components-panel, .wc-block-components-notice-banner,
	.wc-block-components-checkbox__input, .wc-block-components-skeleton__element,
	.components-combobox-control__suggestions-container) {
	border-radius: 0 !important;
}

/* Fokus: čierny rám namiesto default modrej */
.wp-block-woocommerce-cart :is(input, select, textarea):focus,
.wp-block-woocommerce-checkout :is(input, select, textarea):focus {
	border-color: #151212 !important;
	box-shadow: 0 0 0 1px #151212 !important;
	outline: none;
}

.wp-block-woocommerce-checkout .wc-block-components-checkbox__input:checked {
	background-color: #151212 !important;
	border-color: #151212 !important;
}

/* ── Progres k doprave zadarmo (nad košíkom) ── */
.dcp-doprava-bar {
	border: 1px solid #151212;
	padding: 16px 20px 0;
	margin: 0 0 36px;
	transition: background-color 0.3s ease;
}

.dcp-doprava-bar__riadok {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 18px;
	flex-wrap: wrap;
}

.dcp-doprava-bar__text {
	margin: 0;
	font-size: 14px;
	color: #23232c;
}

.dcp-doprava-bar__text strong {
	color: #151212;
}

.dcp-doprava-bar__spat {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #151212;
	white-space: nowrap;
}

.dcp-doprava-bar__track {
	height: 3px;
	background: #e9e9ef;
	margin: 14px -20px 0;
}

.dcp-doprava-bar__track > span {
	display: block;
	height: 100%;
	background: #151212;
	transition: width 0.35s ease;
}

.dcp-doprava-bar.je-splnene {
	background: #151212;
}

.dcp-doprava-bar.je-splnene .dcp-doprava-bar__text,
.dcp-doprava-bar.je-splnene .dcp-doprava-bar__text strong,
.dcp-doprava-bar.je-splnene .dcp-doprava-bar__spat {
	color: #fff;
}

.dcp-doprava-bar.je-splnene .dcp-doprava-bar__track {
	background: #2e2b2b;
}

.dcp-doprava-bar.je-splnene .dcp-doprava-bar__track > span {
	background: #bcff4f;
}

/* ── Trust pás (hairline mriežka, ostré rohy ako FAQ boxy) ── */
.dcp-trust {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
	background: #151212;
	border: 1px solid #151212;
	margin: 46px 0 0;
}

.dcp-trust__bunka {
	display: flex;
	align-items: flex-start;
	gap: 13px;
	background: #fff;
	padding: 22px 20px;
}

.dcp-trust__bunka svg {
	width: 24px;
	height: 24px;
	flex: 0 0 24px;
	margin-top: 1px;
	color: #151212;
}

.dcp-trust__nazov {
	margin: 0;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #151212;
}

.dcp-trust__pop {
	margin: 5px 0 0;
	font-size: 12px;
	line-height: 1.5;
	color: #6a6a72;
}

@media (max-width: 767px) {
	.dcp-trust {
		grid-template-columns: repeat(2, 1fr);
	}

	.dcp-trust__bunka {
		padding: 16px 14px;
	}
}

/* ── Odporúčací pás v košíku ── */
.dcp-kosik-reco {
	margin-top: 58px;
}

@media (max-width: 767px) {
	.dcp-kosik-reco {
		margin-top: 40px;
	}
}

/* ── Trust body v sidebari (slot ExperimentalOrderMeta, obe stránky) ── */
.dcp-trust--panel {
	grid-template-columns: 1fr;
	margin: 26px 0 0;
	/* blocks dávajú deťom order-meta padding 16px 0 - s čiernym podkladom
	   mriežky by vznikli hrubé pásy hore/dole namiesto 1px linky */
	padding: 0 !important;
}

.dcp-trust--panel .dcp-trust__bunka {
	padding: 13px 16px;
	align-items: center;
}

.dcp-trust--panel .dcp-trust__bunka svg {
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
	margin-top: 0;
}

.dcp-trust--panel .dcp-trust__pop {
	margin-top: 2px;
}

/* Slot obal blocks pridáva vlastné odsadenie - vynulovať zdvojenie */
.wc-block-components-order-meta .dcp-trust--panel {
	margin-top: 0;
}

/* ── QR platba (ďakovacia stránka / detail objednávky) ── */
.dcp-qr-platba {
	border: 1px solid #151212;
	padding: 28px;
	margin: 0 0 40px;
}

.dcp-qr-platba__nadpis {
	margin: 0 0 20px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.dcp-qr-platba__telo {
	display: flex;
	gap: 32px;
	align-items: flex-start;
	flex-wrap: wrap;
}

.dcp-qr-platba__kod {
	flex: 0 0 auto;
	padding: 10px;
	border: 1px solid #e4e4ea;
	background: #fff;
}

.dcp-qr-platba__udaje {
	flex: 1 1 260px;
	min-width: 240px;
}

.dcp-qr-platba__navod {
	margin: 0 0 14px;
	font-size: 13px;
	color: #23232c;
}

.dcp-qr-platba__udaje dl {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 6px 18px;
	margin: 0 0 14px;
}

.dcp-qr-platba__udaje dt {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #6a6a72;
	align-self: baseline;
}

.dcp-qr-platba__udaje dd {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: #151212;
}

.dcp-qr-platba__pozn {
	margin: 0;
	font-size: 12px;
	color: #6a6a72;
}

@media (max-width: 560px) {
	.dcp-qr-platba {
		padding: 20px;
	}

	.dcp-qr-platba__kod {
		margin: 0 auto;
	}
}

/* ── Packeta widget ako inline panel (desktop pokladňa) ── */
.dcp-packeta-panel {
	position: fixed;
	z-index: 99999;
	background: #fff;
	border: 1px solid #151212;
	box-shadow: 0 18px 44px rgba(21, 18, 18, 0.16);
	overflow: hidden;
	animation: dcp-panel-in 0.22s ease both;
}

.dcp-packeta-panel iframe {
	padding: 0 !important;
}

@keyframes dcp-panel-in {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ═══════════════ MINI-KOŠÍK DRAWER (ikonka košíka) ═══════════════ */

.dcp-minikosik {
	background: transparent !important;
	overflow: hidden !important;
}

.dcp-minikosik .sober-modal-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(21, 18, 18, 0.35);
	z-index: 1;
	cursor: pointer;
}

.dcp-minikosik__panel {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(430px, 100vw);
	background: #fff;
	border-left: 1px solid #151212;
	z-index: 2;
	display: flex;
	flex-direction: column;
	transform: translateX(36px);
	opacity: 0;
	transition: transform 0.28s ease, opacity 0.28s ease;
}

.dcp-minikosik.open .dcp-minikosik__panel {
	transform: none;
	opacity: 1;
}

.dcp-minikosik__hlava {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 26px;
	border-bottom: 1px solid #151212;
	flex: 0 0 auto;
}

.dcp-minikosik__nadpis {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #151212;
}

.dcp-minikosik__nadpis .cart-counter {
	display: inline-block;
	min-width: 20px;
	height: 20px;
	line-height: 20px;
	margin-left: 6px;
	background: #151212;
	color: #fff;
	font-size: 11px;
	text-align: center;
	vertical-align: 1px;
}

.dcp-minikosik .close-modal {
	color: #151212;
	line-height: 1;
}

.dcp-minikosik .close-modal svg {
	width: 14px;
	height: 14px;
}

/* obsah = WC fragment, drží stĺpcový layout: bar + zoznam + súčet + CTA */
.dcp-minikosik .widget_shopping_cart_content {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	min-height: 0;
}

/* kompaktný bar dopravy zadarmo */
.dcp-minikosik-bar {
	flex: 0 0 auto;
	padding: 16px 26px 0;
}

.dcp-minikosik-bar__text {
	margin: 0;
	font-size: 12px;
	color: #23232c;
}

.dcp-minikosik-bar__text strong {
	color: #151212;
}

.dcp-minikosik-bar__track {
	display: block;
	height: 3px;
	background: #e9e9ef;
	margin-top: 10px;
}

.dcp-minikosik-bar__track > span {
	display: block;
	height: 100%;
	background: #151212;
	transition: width 0.35s ease;
}

.dcp-minikosik-bar.je-splnene .dcp-minikosik-bar__track {
	background: #151212;
}

.dcp-minikosik-bar.je-splnene .dcp-minikosik-bar__track > span {
	background: #bcff4f;
}

/* zoznam položiek (markup témy: li > .row s col- stĺpcami) */
.dcp-minikosik ul.woocommerce-mini-cart {
	flex: 1 1 auto;
	overflow-y: auto;
	list-style: none;
	margin: 0;
	padding: 4px 26px 10px;
	border-bottom: 0;
}

.dcp-minikosik .woocommerce-mini-cart-item {
	padding: 16px 0;
	border-bottom: 1px solid #ececf1;
}

.dcp-minikosik .woocommerce-mini-cart-item:last-child {
	border-bottom: 0;
}

.dcp-minikosik .woocommerce-mini-cart-item .row {
	display: flex;
	align-items: flex-start;
	margin: 0;
}

/* redundantné stĺpce: množstvo aj jednotková cena sú už v "2 × 14,90 €" */
.dcp-minikosik .woocommerce-mini-cart-item .product-qty,
.dcp-minikosik .woocommerce-mini-cart-item .product-price {
	display: none;
}

.dcp-minikosik .woocommerce-mini-cart-item .product-title {
	flex: 1 1 auto;
	max-width: none;
	padding: 0;
}

.dcp-minikosik .woocommerce-mini-cart-item .product-title > a {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	color: #151212;
}

.dcp-minikosik .woocommerce-mini-cart-item img {
	width: 54px;
	height: auto;
	flex: 0 0 54px;
	margin: 0;
}

.dcp-minikosik .product-cart-data {
	display: block;
}

.dcp-minikosik .product-cart-data .product-name {
	display: block;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.45;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #151212;
}

.dcp-minikosik .product-cart-data .quantity {
	display: block;
	margin-top: 5px;
	font-size: 12px;
	color: #6a6a72;
}

.dcp-minikosik .woocommerce-mini-cart-item .product-remove {
	flex: 0 0 auto;
	padding: 0;
	margin-left: 10px;
}

.dcp-minikosik .woocommerce-mini-cart-item .remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	color: #9a9aa5;
	border-radius: 0;
	transition: color 0.2s ease, background-color 0.2s ease;
}

.dcp-minikosik .woocommerce-mini-cart-item .remove:hover {
	color: #fff;
	background: #151212;
}

/* prázdny total odsek témy */
.dcp-minikosik .woocommerce-mini-cart__total {
	display: none;
}

/* CTA tlačidlá (markup témy: checkout so subtotalom + link na košík) */
.dcp-minikosik .woocommerce-mini-cart__buttons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin: 0;
	padding: 16px 26px 24px;
	border-top: 1px solid #151212;
	flex: 0 0 auto;
}

.dcp-minikosik .woocommerce-mini-cart__buttons p {
	margin: 0;
	display: flex;
}

.dcp-minikosik .woocommerce-mini-cart__buttons p:first-child {
	order: 2;
}

.dcp-minikosik .woocommerce-mini-cart__buttons a {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0;
	padding: 15px 10px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-align: center;
	border-radius: 0;
	border: 1px solid #151212;
	background: #fff;
	color: #151212;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.dcp-minikosik .woocommerce-mini-cart__buttons a:hover {
	background: #f4f4f7;
}

.dcp-minikosik .woocommerce-mini-cart__buttons a.checkout {
	background: #151212;
	color: #fff;
}

.dcp-minikosik .woocommerce-mini-cart__buttons a.checkout:hover {
	background: #bcff4f;
	color: #151212;
}

.dcp-minikosik .woocommerce-mini-cart__buttons a.checkout .subtotal {
	font-weight: 700;
}

.dcp-minikosik .woocommerce-mini-cart__buttons a.checkout .subtotal + span::before {
	content: "· ";
}

/* prázdny košík */
.dcp-minikosik .woocommerce-mini-cart__empty-message {
	margin: 0;
	padding: 46px 26px 8px;
	text-align: center;
	font-size: 14px;
	color: #23232c;
}

.dcp-minikosik__prazdny-cta {
	margin: 0;
	padding: 18px 26px;
	text-align: center;
}

.dcp-minikosik__prazdny-cta .button {
	display: inline-block;
	padding: 15px 34px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border-radius: 0;
	background: #151212;
	color: #fff;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.dcp-minikosik__prazdny-cta .button:hover {
	background: #bcff4f;
	color: #151212;
}

@media (max-width: 560px) {
	.dcp-minikosik__panel {
		width: 100vw;
		border-left: 0;
	}
}

/* ═══════════════ MÔJ ÚČET (prehľad, AI štúdio, dizajn pass) ═══════════════ */

/* navigácia účtu: čistý zoznam bez boxu, aktívna s neon značkou */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 6px 0 0;
	padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0;
	border-bottom: 1px solid #ececf1;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 14px 2px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #9a9aa5;
	border-left: 3px solid transparent;
	transition: color 0.2s ease, border-color 0.2s ease, padding-left 0.2s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
	color: #151212;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
	color: #151212;
	border-left-color: #bcff4f;
	padding-left: 12px;
}

/* ── Prehľad (dashboard): čierny hero + živý obsah + riadky ── */
.dcp-ucet-hero {
	background: #151212;
	color: #fff;
	padding: 34px 36px 0;
	margin-bottom: 34px;
}

.dcp-ucet-hero__horna {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	padding-bottom: 28px;
}

.dcp-ucet-hero h2 {
	margin: 0 0 6px;
	font-size: 30px;
	color: #fff;
}

.dcp-ucet-hero__horna p {
	margin: 0;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.55);
}

.dcp-ucet-tier {
	flex: 0 0 auto;
	padding: 7px 16px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.75);
}

.dcp-ucet-tier.je-vip {
	border-color: #bcff4f;
	color: #bcff4f;
}

.dcp-ucet-hero__staty {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.dcp-ucet-hero__staty > a,
.dcp-ucet-hero__staty > div {
	padding: 22px 10px;
	text-align: center;
	border-left: 1px solid rgba(255, 255, 255, 0.14);
	transition: background-color 0.2s ease;
}

.dcp-ucet-hero__staty > *:first-child {
	border-left: 0;
}

.dcp-ucet-hero__staty > a:hover {
	background: #201d1d;
}

.dcp-ucet-stat__cislo {
	display: block;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.1;
	color: #fff;
}

.dcp-ucet-stat__cislo.je-neon {
	color: #bcff4f;
}

.dcp-ucet-stat__popis {
	display: block;
	margin-top: 5px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.5);
}

.dcp-ucet-nadpis {
	margin: 0 0 12px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #9a9aa5;
}

.dcp-ucet-sekcia {
	margin-bottom: 34px;
}

.dcp-ucet-sekcia__hlava {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 12px;
}

.dcp-ucet-sekcia__hlava .dcp-ucet-nadpis {
	margin: 0;
}

.dcp-ucet-viac {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #151212;
}

/* posledná objednávka - živý riadok */
.dcp-ucet-objednavka {
	display: flex;
	align-items: center;
	gap: 22px;
	border: 1px solid #151212;
	padding: 18px 22px;
	color: #151212;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.dcp-ucet-objednavka__cislo {
	font-size: 14px;
	font-weight: 700;
}

.dcp-ucet-objednavka__datum {
	font-size: 12px;
	color: #6a6a72;
}

.dcp-ucet-objednavka__stav {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 5px 12px;
	border: 1px solid #151212;
}

.dcp-ucet-objednavka__suma {
	margin-left: auto;
	font-size: 14px;
	font-weight: 700;
}

.dcp-ucet-sipka {
	font-size: 16px;
	line-height: 1;
	transition: transform 0.2s ease;
}

.dcp-ucet-objednavka:hover {
	background: #151212;
	color: #fff;
}

.dcp-ucet-objednavka:hover .dcp-ucet-objednavka__datum {
	color: rgba(255, 255, 255, 0.6);
}

.dcp-ucet-objednavka:hover .dcp-ucet-objednavka__stav {
	border-color: #bcff4f;
	color: #bcff4f;
}

.dcp-ucet-objednavka:hover .dcp-ucet-sipka {
	transform: translateX(4px);
}

/* AI teaser (prázdna galéria) - neónová hrana */
.dcp-ucet-ai-teaser {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 26px;
	flex-wrap: wrap;
	border: 1px solid #151212;
	border-left: 4px solid #bcff4f;
	padding: 24px 26px;
	margin-bottom: 34px;
}

.dcp-ucet-ai-teaser strong {
	display: block;
	font-size: 15px;
	color: #151212;
	margin-bottom: 5px;
}

.dcp-ucet-ai-teaser p {
	margin: 0;
	font-size: 13px;
	color: #6a6a72;
	max-width: 480px;
}

.woocommerce-account a.dcp-ucet-ai-teaser__cta {
	flex: 0 0 auto;
	padding: 15px 30px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	background: #151212;
	color: #fff;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.woocommerce-account a.dcp-ucet-ai-teaser__cta:hover {
	background: #bcff4f;
	color: #151212;
}

/* odkazy ako riadky so šípkou */
.dcp-ucet-riadky {
	border-top: 1px solid #151212;
}

.dcp-ucet-riadky > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 17px 4px;
	border-bottom: 1px solid #ececf1;
	color: #151212;
	transition: padding 0.2s ease;
}

.dcp-ucet-riadky > a:last-child {
	border-bottom: 1px solid #151212;
}

.dcp-ucet-riadky strong {
	display: block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.dcp-ucet-riadky strong + span,
.dcp-ucet-riadky > a > span:first-child > span {
	display: block;
	margin-top: 3px;
	font-size: 12px;
	color: #6a6a72;
}

.dcp-ucet-riadky > a:hover {
	padding-left: 12px;
	padding-right: 2px;
}

.dcp-ucet-riadky > a:hover .dcp-ucet-sipka {
	transform: translateX(4px);
}

/* ── AI štúdio ── */
.dcp-ai-kvota {
	border: 1px solid #151212;
	padding: 20px 22px;
	margin-bottom: 30px;
}

.dcp-ai-kvota.je-vip {
	background: #151212;
}

.dcp-ai-kvota.je-vip .dcp-ai-kvota__hlavne {
	color: #fff;
}

.dcp-ai-kvota.je-vip .dcp-ai-kvota__hlavne strong {
	color: #bcff4f;
}

.dcp-ai-kvota__riadok {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.dcp-ai-kvota__hlavne {
	margin: 0;
	font-size: 15px;
	color: #23232c;
}

.dcp-ai-kvota__bonus {
	margin: 0;
	font-size: 12px;
	color: #6a6a72;
}

.dcp-ai-kvota__track {
	display: block;
	height: 3px;
	background: #e9e9ef;
	margin-top: 14px;
}

.dcp-ai-kvota__track > span {
	display: block;
	height: 100%;
	background: #151212;
}

.dcp-ai-kvota__pozn {
	margin: 12px 0 0;
	font-size: 12px;
	color: #6a6a72;
}

.dcp-ai-mriezka {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}

.dcp-ai-mriezka--mini {
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
}

.dcp-ai-render {
	margin: 0;
}

.dcp-ai-render img {
	display: block;
	width: 100%;
	height: auto;
	border: 1px solid #ececf1;
}

.dcp-ai-render figcaption {
	margin-top: 8px;
	font-size: 12px;
	line-height: 1.5;
}

.dcp-ai-render figcaption a {
	display: block;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #151212;
}

.dcp-ai-render figcaption time {
	display: block;
	margin-top: 2px;
	color: #9a9aa5;
	font-size: 11px;
}

.dcp-ai-prazdne {
	border: 1px solid #151212;
	padding: 44px 30px;
	text-align: center;
}

.dcp-ai-prazdne p {
	margin: 0 0 10px;
	font-size: 14px;
	color: #23232c;
}

.woocommerce-account a.dcp-ai-prazdne__cta {
	display: inline-block;
	margin-top: 12px;
	padding: 15px 34px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border-radius: 0;
	border: 0;
	background: #151212;
	color: #fff;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.woocommerce-account a.dcp-ai-prazdne__cta:hover {
	background: #bcff4f;
	color: #151212;
}

/* ── ostatné podstránky účtu: ostré hrany, konzistentné tlačidlá ── */
.woocommerce-account .woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"] {
	border-radius: 0;
	background: #151212;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 14px 26px;
	border: 0;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.woocommerce-account .woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:hover {
	background: #bcff4f;
	color: #151212;
}

.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content select {
	border: 1px solid #d8d8df;
	border-radius: 0;
	box-shadow: none;
}

.woocommerce-account .woocommerce-MyAccount-content input:focus,
.woocommerce-account .woocommerce-MyAccount-content select:focus {
	border-color: #151212;
	outline: none;
}

.woocommerce-account table.woocommerce-orders-table {
	border: 1px solid #151212;
	border-collapse: collapse;
}

.woocommerce-account table.woocommerce-orders-table th,
.woocommerce-account table.woocommerce-orders-table td {
	border-bottom: 1px solid #ececf1;
	padding: 13px 16px;
	font-size: 13px;
}

.woocommerce-account table.woocommerce-orders-table th {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

@media (max-width: 767px) {
	.dcp-ucet-hero {
		padding: 26px 22px 0;
	}

	.dcp-ucet-hero h2 {
		font-size: 24px;
	}

	.dcp-ucet-hero__staty > a,
	.dcp-ucet-hero__staty > div {
		padding: 16px 6px;
	}

	.dcp-ucet-stat__cislo {
		font-size: 20px;
	}

	.dcp-ucet-objednavka {
		flex-wrap: wrap;
		gap: 10px 16px;
	}

	.dcp-ai-mriezka {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
	}

	.dcp-ai-mriezka--mini {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* ── Účet: bočná navigácia scrolluje s obsahom (sticky) ── */
/* Téma má body { overflow-x: hidden } - to robí z body clip kontajner
   a position:sticky vnútri NIKDY nechytí (scrolluje viewport, nie body).
   overflow-x: clip oreže to isté, ale scroll kontajner nevytvára. */
body.woocommerce-account {
	overflow-x: clip;
	overflow-y: visible;
}

.woocommerce-account .entry-content > .woocommerce:has(> .woocommerce-MyAccount-navigation) {
	display: flex;
	align-items: flex-start;
	gap: 52px;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
	float: none;
	flex: 0 0 220px;
	width: 220px;
	position: sticky;
	top: 110px;
}

.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
}

@media (max-width: 991px) {
	.woocommerce-account .entry-content > .woocommerce:has(> .woocommerce-MyAccount-navigation) {
		display: block;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation {
		position: static;
		width: auto;
		margin-bottom: 26px;
	}
}

/* ═══════════════ 404 - PRÁZDNA STENA S KUMOM ═══════════════ */
.dcp-404 {
	text-align: center;
	padding: 70px 20px 90px;
}

.dcp-404__kod {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.3em;
	color: #9a9aa5;
}

.dcp-404__kumo {
	--kumo-sirka: 74px;
	margin: 26px auto 10px;
	background-color: #151212;
}

.dcp-404__nadpis {
	margin: 14px 0 12px;
	font-size: 34px;
}

.dcp-404__text {
	max-width: 470px;
	margin: 0 auto 34px;
	font-size: 14px;
	line-height: 1.7;
	color: #6a6a72;
}

.dcp-404__cta {
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0;
}

a.dcp-404__btn {
	display: inline-block;
	padding: 16px 36px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border: 1px solid #151212;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.dcp-404 a.dcp-404__btn--plny {
	background: #151212;
	color: #fff;
}

.dcp-404 a.dcp-404__btn--plny:hover {
	background: #bcff4f;
	border-color: #bcff4f;
	color: #151212;
}

a.dcp-404__btn--obrys {
	background: #fff;
	color: #151212;
}

a.dcp-404__btn--obrys:hover {
	background: #f4f4f7;
}

/* ═══════════════ VYHĽADÁVANIE (search modal) ═══════════════ */
.dcp-hladanie__hlava {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 26px 40px;
	border-bottom: 1px solid #151212;
}

.dcp-hladanie__titul {
	margin: 0;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #151212;
}

.dcp-hladanie .close-modal {
	color: #151212;
	line-height: 1;
}

.dcp-hladanie .modal-content {
	padding-top: 60px;
}

.dcp-hladanie__obsah {
	max-width: 1100px;
}

.dcp-hladanie__pole {
	position: relative;
	max-width: 720px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 16px;
	border-bottom: 2px solid #151212;
	padding-bottom: 14px;
}

.dcp-hladanie__pole .search-submit,
.dcp-hladanie__pole .search-reset {
	flex: 0 0 auto;
	background: none;
	border: 0;
	padding: 6px;
	cursor: pointer;
	color: #151212;
	position: static;
	transform: none;
}

.dcp-hladanie__pole .search-submit svg {
	width: 22px;
	height: 22px;
}

.dcp-hladanie__pole input.search-field {
	flex: 1 1 auto;
	border: 0;
	outline: none;
	box-shadow: none;
	font-size: 30px;
	font-weight: 600;
	color: #151212;
	background: transparent;
	padding: 0;
	height: auto;
}

.dcp-hladanie__pole input.search-field::placeholder {
	color: #c4c4cd;
	font-weight: 400;
}

.dcp-hladanie__pole .search-reset {
	color: #9a9aa5;
	opacity: 0;
	transition: opacity 0.2s ease;
}

.dcp-hladanie.searched .search-reset,
.dcp-hladanie.searching .search-reset {
	opacity: 1;
}

.dcp-hladanie__hint {
	max-width: 720px;
	margin: 12px auto 40px;
	font-size: 12px;
	color: #9a9aa5;
}

/* výsledky = štandardné produktové karty témy */
.dcp-hladanie .search-results {
	padding-bottom: 70px;
}

.dcp-hladanie .search-results .loading {
	display: none;
	padding: 30px 0 10px;
}

.dcp-hladanie.searching .search-results .loading {
	display: block;
}

.dcp-hladanie .search-results .loading .dcp-kumo {
	--kumo-sirka: 44px;
	margin: 0 auto;
	background-color: #151212;
	display: block;
}

.dcp-hladanie .results-container .not-found {
	padding: 34px 0 10px;
	font-size: 14px;
	color: #6a6a72;
}

.dcp-hladanie .view-more-results {
	margin-top: 34px;
}

.dcp-hladanie a.search-results-button {
	display: inline-block;
	padding: 16px 36px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	background: #151212;
	color: #fff;
	border: 0;
	border-radius: 0;
	transition: background-color 0.25s ease, color 0.25s ease;
}

.dcp-hladanie a.search-results-button:hover {
	background: #bcff4f;
	color: #151212;
}

@media (max-width: 767px) {
	.dcp-hladanie__hlava {
		padding: 18px 20px;
	}

	.dcp-hladanie .modal-content {
		padding-top: 28px;
	}

	.dcp-hladanie__pole input.search-field {
		font-size: 21px;
	}
}