.product-gallery {
	--product-gallery-gap: clamp(12px, 1.25vw, 24px);
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--product-gallery-gap);
	width: 100%;
}

.product-gallery *,
.product-gallery *::before,
.product-gallery *::after {
	box-sizing: border-box;
}

.product-gallery figure {
	position: relative;
	margin: 0;
	overflow: hidden;
	background: #f3efe8;
}

.product-gallery .gallery-lead {
	grid-column: 1 / -1;
}

/* Przy nieparzystej liczbie zdjęć pod zdjęciem głównym ostatnie zdjęcie
 * zachowuje szerokość jednej kolumny i jest wyśrodkowane. */
.product-gallery > figure:last-child:nth-child(even):not(.gallery-lead) {
	grid-column: 1 / -1;
	width: calc((100% - var(--product-gallery-gap)) / 2);
	justify-self: center;
}

.product-gallery img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

.product-gallery span {
	position: absolute;
	right: 16px;
	bottom: 14px;
	margin: 0;
	color: #fff;
	font: 500 11px/1.4 Arial, sans-serif;
	letter-spacing: .08em;
	text-shadow: 0 1px 8px rgba(0, 0, 0, .35);
}

@media (max-width: 767px) {
	.product-gallery {
		--product-gallery-gap: 8px;
		grid-template-columns: 1fr;
	}

	.product-gallery .gallery-lead {
		grid-column: auto;
	}

	.product-gallery > figure:last-child:nth-child(even):not(.gallery-lead) {
		grid-column: auto;
		width: 100%;
	}
}