/* Product screenshots retain their native aspect ratio and do not upscale. */
.zal-article-content .zal-evidence-gallery.zal-evidence-gallery {
	max-width: 1120px;
	padding: clamp(18px, 3vw, 32px);
	border-color: rgb(17 24 31 / 12%);
	border-radius: 24px;
	background:
		linear-gradient(145deg, rgb(255 255 255 / 92%), rgb(238 242 240 / 96%)),
		repeating-linear-gradient(135deg, rgb(255 255 255 / 45%) 0 1px, transparent 1px 10px);
	box-shadow: 0 26px 70px rgb(13 20 24 / 9%);
}

.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence-gallery__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: clamp(18px, 2.5vw, 30px);
}

.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence,
.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence:nth-child(n) {
	grid-column: auto;
	width: 100%;
	margin: 0;
	overflow: hidden;
	border: 1px solid rgb(19 29 35 / 14%);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 14px 36px rgb(13 20 24 / 10%);
}

.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence:first-child {
	grid-column: 1 / -1;
}

.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence__media {
	display: grid;
	min-height: 0;
	place-items: center;
	padding: clamp(10px, 1.75vw, 18px);
	background:
		radial-gradient(circle at 50% 0%, rgb(50 64 72 / 60%), transparent 62%),
		linear-gradient(145deg, #172027, #0a0f13);
}

.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence__open {
	position: relative;
	display: block;
	width: min(100%, var(--zal-evidence-native-width, 960px));
	max-width: 100%;
	height: auto !important;
	min-height: 0 !important;
	aspect-ratio: var(--zal-evidence-ratio, 16 / 10) !important;
	overflow: hidden;
	border: 1px solid rgb(255 255 255 / 16%);
	border-radius: 11px;
	background: #080d11;
	box-shadow: 0 14px 34px rgb(0 0 0 / 28%);
}

.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence__open::after {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 7px 10px;
	border: 1px solid rgb(255 255 255 / 24%);
	border-radius: 999px;
	background: rgb(8 13 17 / 82%);
	color: #fff;
	content: 'Отвори в пълен размер';
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.01em;
	opacity: 0;
	transform: translateY(5px);
	transition: opacity 160ms ease, transform 160ms ease;
}

.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence__open:hover::after,
.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence__open:focus-visible::after {
	opacity: 1;
	transform: translateY(0);
}

.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence__open img {
	display: block;
	width: 100%;
	height: 100% !important;
	min-height: 0 !important;
	max-height: none !important;
	aspect-ratio: auto !important;
	contain-intrinsic-size: auto 0px;
	object-fit: contain;
	object-position: center;
	background: #080d11;
	image-rendering: auto;
}

.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence--portrait .zal-evidence__open {
	max-width: min(100%, 430px);
}

.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence figcaption {
	display: grid;
	grid-template-columns: minmax(150px, 0.55fr) minmax(0, 1.45fr);
	gap: 12px 20px;
	padding: 18px 20px 20px;
	background: #fff;
}

.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence__meta {
	display: flex;
}

@media (max-width: 820px) {
	.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence-gallery__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence:first-child {
		grid-column: auto;
	}
}

@media (max-width: 560px) {
	.zal-article-content .zal-evidence-gallery.zal-evidence-gallery {
		padding: 12px;
		border-radius: 16px;
	}

	.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence {
		border-radius: 14px;
	}

	.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence__media {
		padding: 8px;
	}

	.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence figcaption {
		grid-template-columns: 1fr;
		gap: 8px;
		padding: 14px;
	}

	.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence__meta {
		display: none;
	}

	.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence__open::after {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.zal-article-content .zal-evidence-gallery.zal-evidence-gallery .zal-evidence__open::after {
		transition: none;
	}
}