/**
 * We.Core - odporúčacie bloky (homepage / produkt).
 * Nadpis v jazyku sekcií témy, bloky s konzistentným rytmom.
 */

.dcp-reco-blok {
	margin: 0 0 30px;
}

.dcp-reco-blok__nadpis {
	text-align: center;
	font-weight: 400;
	font-size: 40px;
	margin: 0 0 45px;
}

.dcp-reco-blok[hidden] {
	display: none;
}

@media (max-width: 767px) {
	.dcp-reco-blok__nadpis {
		font-size: 30px;
		margin: 0 0 30px;
	}
}

/* ── TOP 10 strip - editoriálny rebríček, samobežiaci marquee ── */

.dcp-top10 {
	overflow: hidden;
	margin: 0 -20px;
	padding: 0 20px;
}

.dcp-top10__pas {
	display: flex;
	width: max-content;
	animation: dcp-top10-beh 48s linear infinite;
	padding: 6px 0 12px;
}

.dcp-top10:hover .dcp-top10__pas {
	animation-play-state: paused; /* pod kurzorom stojí, nech sa dá kliknúť */
}

.dcp-top10__sada {
	display: flex;
	gap: 44px;
	padding-right: 44px;
}

@keyframes dcp-top10-beh {
	to {
		transform: translateX(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.dcp-top10 {
		overflow-x: auto;
	}

	.dcp-top10__pas {
		animation: none;
	}
}

.dcp-top10__polozka {
	display: block;
	text-decoration: none;
}

/* číslo = vrstva V POZADÍ za artom, ~80 % výšky obrázka */
.dcp-top10__horny {
	display: flex;
	position: relative;
	padding-left: 56px; /* priestor pre vyčnievajúcu časť čísla */
}

.dcp-top10__cislo {
	position: absolute;
	left: 0;
	bottom: -6px;
	z-index: 0;
	font-size: 160px;
	line-height: 0.78;
	font-weight: 700;
	color: #d8d8df; /* watermark vrstva v pozadí za artom */
}

.dcp-top10__obrazok {
	position: relative;
	z-index: 1;
	display: block;
	width: 150px;
	aspect-ratio: 3 / 4;
	background-size: cover;
	background-position: center;
	background-color: #f1f2f4;
}

.dcp-top10__nazov {
	display: block;
	margin: 12px 0 2px 56px;
	max-width: 150px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #23232c;
	line-height: 1.5;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dcp-top10__cena {
	display: block;
	margin-left: 56px;
	font-size: 11px;
	color: #909097;
}

.dcp-top10__polozka:hover .dcp-top10__cislo {
	color: #bcff4f;
}

@media (max-width: 767px) {
	.dcp-top10__cislo {
		font-size: 124px;
	}

	.dcp-top10__obrazok {
		width: 118px;
	}

	.dcp-top10__sada {
		gap: 30px;
		padding-right: 30px;
	}

	.dcp-top10__horny {
		padding-left: 42px;
	}

	.dcp-top10__nazov,
	.dcp-top10__cena {
		margin-left: 42px;
		max-width: 118px;
	}
}

/* ── Produktovka: pásy pod produktom ── */
.dcp-prod-pasy {
	margin-top: 64px;
}

/* galériový rytmus - každý pás má vzduch, nadpis dýcha nad produktmi */
.dcp-prod-pasy .dcp-reco-blok {
	margin-bottom: 58px;
}

.dcp-prod-pasy .dcp-reco-blok:last-child {
	margin-bottom: 0;
}

.dcp-prod-pasy .dcp-reco-blok__nadpis {
	margin-bottom: 34px;
}

@media (max-width: 767px) {
	.dcp-prod-pasy {
		margin-top: 44px;
	}

	.dcp-prod-pasy .dcp-reco-blok {
		margin-bottom: 40px;
	}

	.dcp-prod-pasy .dcp-reco-blok__nadpis {
		margin-bottom: 22px;
	}
}

/* badge na prvom kuse pásu Naše odporúčanie
   (owl balí každé li do vlastného .owl-item - preto cielime prvý owl-item,
   fallback pred initom je priamy first-child v ul.products) */
.dcp-pas--odporucanie li.product {
	position: relative;
}

.dcp-pas--odporucanie li.product::before {
	content: none;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5;
	background: #bcff4f;
	color: #151212;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 6px 10px;
	pointer-events: none;
}

.dcp-pas--odporucanie ul.products:not(.owl-carousel) > li.product:first-child::before,
.dcp-pas--odporucanie .owl-stage > .owl-item:first-child li.product::before {
	content: "Naše odporúčanie";
}