/* VINIUM Promo banner – frontend + editor
   Container queries: blok sa prispôsobuje šírke svojho stĺpca
   (článok vs. full-width sekcia), nie viewportu – viď Figma,
   kde banner v úzkom stĺpci článku zostáva v riadku, len kompaktný. */
.vinium-promo {
	position: relative;
	margin: 64px 0;
	container-type: inline-size;
}
.vinium-promo__panel {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: stretch;
	gap: 40px;
	background: #FFF5E2;
	border-radius: 8px !important;
	overflow: visible;
	padding: 48px 56px;
}
.vinium-promo--left .vinium-promo__panel {
	flex-direction: row-reverse;
}
.vinium-promo__content {
	flex: 1 1 64%;
	min-width: 0;
	align-self: center;
}
.vinium-promo .vinium-promo__heading {
	font-family: 'Gentium Plus', serif;
	font-weight: 400;
	font-size: 44px;
	line-height: 1.3;
	color: #1F1500;
	margin: 0 0 20px;
}
.vinium-promo .vinium-promo__text {
	font-family: 'Instrument Sans', sans-serif;
	font-size: 18px;
	line-height: 1.6;
	color: #444444;
	margin: 0 0 32px;
}
.vinium-promo .vinium-promo__btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #BE0735 !important;
	color: #FFFFFF !important;
	font-family: 'Instrument Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	text-decoration: none !important;
	padding: 16px 28px;
	border-radius: 8px;
	transition: background .2s ease;
	cursor: pointer;
}
.vinium-promo .vinium-promo__btn:hover {
	background: #1F1500 !important;
	color: #FFFFFF !important;
}
.vinium-promo--btn-brown .vinium-promo__btn {
	background: #432C17 !important;
}
.vinium-promo--btn-brown .vinium-promo__btn:hover {
	background: #BE0735 !important;
}
.vinium-promo__btn svg {
	flex: 0 0 auto;
	width: 16px !important;
	height: 16px !important;
}
.vinium-promo__media {
	flex: 1 1 36%;
	position: relative;
	align-self: stretch !important;
	height: auto !important;
	min-height: 220px;
}
/* Obrázok absolútne: panel drží výšku len podľa obsahu (kompakt),
   fľaše kotvené k spodku vytŕčajú nad panel (Figma presah).
   !important na celom mechanizme – nesmie to zlomiť žiadne iné img pravidlo. */
.vinium-promo .vinium-promo__img {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	top: auto !important;
	width: 100% !important;
	max-width: 100% !important;
	height: calc(100% + 128px) !important;
	max-height: none !important;
	object-fit: contain;
	object-position: bottom center;
	border-radius: 0 !important;
	margin: 0 !important;
	display: block !important;
}
/* Cover – obrázok vyplní stĺpec (orez podľa spodnej kotvy) */
.vinium-promo.vinium-promo--fit-cover .vinium-promo__img {
	object-fit: cover !important;
	object-position: bottom center !important;
}

/* Bez presahu – obrázok vnútri panelu (Figma: sklepmistri v sekcii) */
.vinium-promo.vinium-promo--flush .vinium-promo__img {
	height: 100% !important;
	object-position: center !important;
}
.vinium-promo__media-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 220px;
	min-width: 220px;
	border: 2px dashed #E6DECF;
	border-radius: 8px;
}

/* Vodoznak hroznu – PNG z Figmy, pri hornom ľavom rohu panelu, za ním */
.vinium-promo .vinium-promo__watermark {
	position: absolute;
	left: -150px;
	top: -50px;
	width: 300px !important;
	height: auto !important;
	max-width: none !important;
	border-radius: 0 !important;
	pointer-events: none;
	z-index: 0;
	margin: 0;
}

/* ---- Kompaktné stupne podľa šírky kontajnera (Figma: článok ~680px) ---- */
@container (max-width: 820px) {
	.vinium-promo__panel {
		gap: 40px;
		padding: 48px 56px;
	}
	.vinium-promo .vinium-promo__heading { font-size: 32px; line-height: 1.3; margin-bottom: 12px; }
	.vinium-promo .vinium-promo__text { font-size: 14px; line-height: 1.5; margin-bottom: 28px; }
	.vinium-promo .vinium-promo__btn { font-size: 15px; padding: 14px 24px; }
	.vinium-promo .vinium-promo__img { height: calc(100% + 104px) !important; }
	.vinium-promo.vinium-promo--flush .vinium-promo__img { height: 100% !important; }
	.vinium-promo__media { min-height: 160px; }
	.vinium-promo .vinium-promo__watermark { width: 200px !important; left: -80px; top: -30px; }
}

@container (max-width: 560px) {
	.vinium-promo__panel {
		gap: 20px;
		padding: 28px;
	}
	.vinium-promo .vinium-promo__heading { font-size: 26px; margin-bottom: 10px; }
	.vinium-promo .vinium-promo__text { font-size: 14px; margin-bottom: 18px; }
	.vinium-promo .vinium-promo__btn { font-size: 14px; padding: 12px 20px; gap: 8px; }
	.vinium-promo__btn svg { width: 14px !important; height: 14px !important; }
	.vinium-promo .vinium-promo__img { height: calc(100% + 48px) !important; }
	.vinium-promo.vinium-promo--flush .vinium-promo__img { height: 100% !important; }
	.vinium-promo__media { min-height: 130px; }
	.vinium-promo .vinium-promo__watermark { width: 150px !important; left: -40px; top: -24px; }
}

@container (max-width: 520px) {
	.vinium-promo__panel {
		flex-direction: column-reverse;
		align-items: stretch;
		padding: 24px 20px;
	}
	.vinium-promo--left .vinium-promo__panel {
		flex-direction: column-reverse;
	}
	.vinium-promo .vinium-promo__heading { font-size: 24px; }
	.vinium-promo .vinium-promo__btn {
		display: flex;
		justify-content: center;
	}
	.vinium-promo__media { align-self: auto; min-height: 200px; }
	.vinium-promo .vinium-promo__img,
	.vinium-promo.vinium-promo--fit-cover .vinium-promo__img {
		position: static !important;
		height: auto !important;
		max-height: 220px !important;
		width: auto !important;
		max-width: 100% !important;
		margin: -44px auto 0 !important;
		object-fit: contain !important;
		object-position: center !important;
	}
	.vinium-promo--flush .vinium-promo__img { margin: 0 auto; max-height: 200px; }
	.vinium-promo .vinium-promo__watermark { display: none; }
}