/* The original logo is 250 × 68; reserve its real ratio before downloading it. */
.mobile-menu-logo img {
	aspect-ratio: 250 / 68;
}

/* The reserved first frame is usable before FlexSlider and its controls initialize. */
body.ds-product-single-v1 .ds-product-hero__gallery > .woocommerce-product-gallery {
	opacity: 1 !important;
	transition: none !important;
}

/* Keep the first frame stable while FlexSlider builds its track and controls. */
body.ds-product-single-v1 .ds-product-hero__gallery > .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper,
body.ds-product-single-v1 .ds-product-hero__gallery > .woocommerce-product-gallery > .flex-viewport {
	aspect-ratio: var(--ds-gallery-ratio, 3 / 2);
	height: auto !important;
}

body.ds-product-single-v1 .ds-product-hero__gallery > .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper > .woocommerce-product-gallery__image:not(:first-child) {
	display: none !important;
}

body.ds-product-single-v1 .ds-product-hero__gallery .flex-viewport .woocommerce-product-gallery__wrapper,
body.ds-product-single-v1 .ds-product-hero__gallery .woocommerce-product-gallery__image,
body.ds-product-single-v1 .ds-product-hero__gallery .woocommerce-product-gallery__image > a {
	height: 100%;
}

body.ds-product-single-v1.woocommerce div.product .ds-product-hero__gallery div.images .woocommerce-product-gallery__image > img:not(.zoomImg),
body.ds-product-single-v1.woocommerce div.product .ds-product-hero__gallery div.images .woocommerce-product-gallery__image > a > img {
	height: 100% !important;
	object-fit: contain;
}

/* The server reserves the controls' spacing before their images are parsed. */
body.ds-product-single-v1 .ds-product-hero__gallery > .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
	transition: none !important;
}
body.ds-product-single-v1 #content div.product .ds-product-hero__gallery .flex-control-thumbs {
	margin: 0 !important;
	padding: 0 !important;
}

/* The external badge can render after the price; reserve its wrapping space. */
body.ds-product-single-v1 .ds-product-klarna {
	container-type: inline-size;
	min-height: 90px;
}
body.ds-product-single-v1 .ds-product-klarna > klarna-placement,
body.ds-product-single-v1 .ds-product-klarna klarna-placement > *::part(osm-container) {
	min-height: 90px;
}
@container (max-width: 319px) {
	body.ds-product-single-v1 .ds-product-klarna > klarna-placement,
body.ds-product-single-v1 .ds-product-klarna klarna-placement > *::part(osm-container) {
		min-height: 120px;
	}
}