/* [portfolio_gallery] — Hàng screenshot: tablet | desktop | mobile (tỉ lệ fr inline). Desktop ≥850px: JS đặt --lamda-pf-gallery-row-h → mọi ảnh cùng cao + cover. */

.lamda-pf-portfolio-gallery {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	width: 100%;
}

.lamda-pf-portfolio-gallery__row {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
}

.lamda-pf-portfolio-gallery__row--extras {
	max-width: min(100%, 72rem);
	margin-inline: auto;
}

.lamda-pf-portfolio-gallery__item {
	min-width: 0;
}

.lamda-pf-portfolio-gallery__figure {
	margin: 0; height:100%
}
.lamda-pf-portfolio-gallery__figure > img{transition: .5s ease-in-out;}

.lamda-pf-portfolio-gallery__figure:hover > img{transform: scale(1.1);}

.lamda-pf-portfolio-gallery__img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 4px;
	vertical-align: middle;
}

.lamda-pf-portfolio-gallery__link {
	display: block;
	text-decoration: none;
	color: inherit;
}

@media (min-width: 850px) {
	.lamda-pf-portfolio-gallery__row--screens {
		display: grid;
		align-items: stretch;
		gap: 1rem;
		width: 100%;
	}

	/* Trước khi JS đo: ô co theo ảnh (height auto) */
	.lamda-pf-portfolio-gallery__row--screens > .lamda-pf-portfolio-gallery__item {
		display: flex;
		flex-direction: column;
		min-height: 0;
		align-self: stretch;
	}

	.lamda-pf-portfolio-gallery__row--screens .lamda-pf-portfolio-gallery__link,
	.lamda-pf-portfolio-gallery__row--screens > .lamda-pf-portfolio-gallery__item > .lamda-pf-portfolio-gallery__figure {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		min-height: 0;
		width: 100%;
	}

	.lamda-pf-portfolio-gallery__row--screens.lamda-pf-gallery-row--equal-h > .lamda-pf-portfolio-gallery__item {
		height: var(--lamda-pf-gallery-row-h);
		max-height: var(--lamda-pf-gallery-row-h);
		overflow: hidden;
	}

	.lamda-pf-portfolio-gallery__row--screens.lamda-pf-gallery-row--equal-h .lamda-pf-portfolio-gallery__link,
	.lamda-pf-portfolio-gallery__row--screens.lamda-pf-gallery-row--equal-h > .lamda-pf-portfolio-gallery__item > .lamda-pf-portfolio-gallery__figure {
		height: 100%;
		overflow: hidden;
		border-radius: 4px;
	}

	.lamda-pf-portfolio-gallery__row--screens.lamda-pf-gallery-row--equal-h .lamda-pf-portfolio-gallery__img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: top center;
	}

	/* Hàng extra: cùng logic cùng cao */
	.lamda-pf-portfolio-gallery__row--extras {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: stretch;
		gap: 1rem;
	}

	.lamda-pf-portfolio-gallery__row--extras-1 {
		grid-template-columns: minmax(0, 1fr);
	}

	.lamda-pf-portfolio-gallery__row--extras > .lamda-pf-portfolio-gallery__item {
		display: flex;
		flex-direction: column;
		min-height: 0;
		align-self: stretch;
	}

	.lamda-pf-portfolio-gallery__row--extras .lamda-pf-portfolio-gallery__link,
	.lamda-pf-portfolio-gallery__row--extras > .lamda-pf-portfolio-gallery__item > .lamda-pf-portfolio-gallery__figure {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		min-height: 0;
		width: 100%;
	}

	.lamda-pf-portfolio-gallery__row--extras.lamda-pf-gallery-row--equal-h > .lamda-pf-portfolio-gallery__item {
		height: var(--lamda-pf-gallery-row-h);
		max-height: var(--lamda-pf-gallery-row-h);
		overflow: hidden;
	}

	.lamda-pf-portfolio-gallery__row--extras.lamda-pf-gallery-row--equal-h .lamda-pf-portfolio-gallery__link,
	.lamda-pf-portfolio-gallery__row--extras.lamda-pf-gallery-row--equal-h > .lamda-pf-portfolio-gallery__item > .lamda-pf-portfolio-gallery__figure {
		height: 100%;
		overflow: hidden;
		border-radius: 4px;
	}

	.lamda-pf-portfolio-gallery__row--extras.lamda-pf-gallery-row--equal-h .lamda-pf-portfolio-gallery__img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: top center;
	}
}

@media (max-width: 849px) {
	.lamda-pf-portfolio-gallery__row--screens.lamda-pf-gallery-row--equal-h > .lamda-pf-portfolio-gallery__item,
	.lamda-pf-portfolio-gallery__row--extras.lamda-pf-gallery-row--equal-h > .lamda-pf-portfolio-gallery__item {
		height: auto !important;
		max-height: none !important;
		overflow: visible;
	}

	.lamda-pf-portfolio-gallery__row--screens.lamda-pf-gallery-row--equal-h .lamda-pf-portfolio-gallery__img,
	.lamda-pf-portfolio-gallery__row--extras.lamda-pf-gallery-row--equal-h .lamda-pf-portfolio-gallery__img {
		height: auto !important;
		object-fit: contain !important;
	}
}