.alder-field .af-product-page div.images.woocommerce-product-gallery {
	--af-gallery-ratio: 1.27;
	--af-gallery-thumb-size: 80px;
	--af-gallery-thumb-space: 0;
	--af-gallery-caption-space: 38px;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: auto var(--af-gallery-thumb-space) minmax(var(--af-gallery-caption-space), auto) auto;
	aspect-ratio: auto;
}
.alder-field .af-product-page div.images.woocommerce-product-gallery:has(.woocommerce-product-gallery__image:nth-child(2)) {
	--af-gallery-thumb-space: calc(var(--af-gallery-thumb-size) / 1.35 + 12px);
}
/* Reserve the image canvas and controls before FlexSlider inserts its viewport. */
.alder-field .af-product-page .woocommerce-product-gallery::before {
	content: "";
	grid-area: 1 / 1;
	inline-size: 100%;
	aspect-ratio: var(--af-gallery-ratio);
}
.alder-field .af-product-page .woocommerce-product-gallery > :is(.woocommerce-product-gallery__wrapper, .flex-viewport) {
	grid-area: 1 / 1;
	position: absolute !important;
	inset-block: 0 auto;
	inset-inline: 0;
	inline-size: 100%;
	min-block-size: 0;
	block-size: auto !important;
	aspect-ratio: var(--af-gallery-ratio);
	overflow: hidden;
}
.alder-field .af-product-page .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:not(:first-child):not([style]) {
	display: none;
}
.alder-field .af-product-page .woocommerce-product-gallery__image img:not(.zoomImg) {
	object-fit: contain;
	object-position: center center;
	background: transparent;
}
.alder-field .af-product-page div.product div.images .flex-control-thumbs {
	grid-area: 2 / 1;
	display: flex;
	gap: 10px;
	flex-wrap: nowrap;
	max-inline-size: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-inline: contain;
	margin: 0;
	margin-block-start: 12px;
	padding: 0;
	scrollbar-width: thin;
}
.alder-field .af-product-page div.product div.images .flex-control-thumbs li {
	inline-size: var(--af-gallery-thumb-size);
	flex: 0 0 var(--af-gallery-thumb-size);
	float: none;
	margin: 0;
}
.alder-field .af-product-page .flex-control-thumbs img {
	aspect-ratio: 1.35;
	object-fit: cover;
	cursor: pointer;
}
.alder-field .af-product-page .flex-control-thumbs img:focus-visible {
	outline: 2px solid var(--af-focus-ring);
	outline-offset: 2px;
}
.alder-field .af-product-page .af-gallery-caption {
	grid-area: 3 / 1;
	margin-block: 12px 4px;
	min-block-size: 22px;
	font-size: 13px;
	font-weight: 600;
}
.alder-field .af-product-page .woocommerce-product-gallery .af-image-note {
	grid-area: 4 / 1;
	margin-block: 0;
}
@media (max-width: 780px) {
	.alder-field .af-product-page div.images.woocommerce-product-gallery {
		--af-gallery-ratio: 1.43;
		--af-gallery-thumb-size: 64px;
		--af-gallery-caption-space: 56px;
	}
	.alder-field .af-product-page .af-gallery-caption {
		min-block-size: 40px;
	}
}