/* Picture optimization — independent styles for migrated <picture> elements. */

.pdx-pic {
	display: contents;
}

/* Keep <source> out of flex/grid flow when picture uses display: contents. */
.pdx-pic > source {
	display: none;
}

.pdx-pic__img {
	display: block;
	max-width: 100%;
	height: auto;
}

/* main-landing__background — style.css:3282-3290, 3404-3407 */
.main-landing .pdx-pic--main-landing-background .pdx-pic__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

@media (max-width: 1200px) {
	.main-landing .pdx-pic--main-landing-background .pdx-pic__img {
		object-position: 50% 20%;
	}
}

/* collection-three__image — style.css:3953-3959 */
.collection-three .collection-three__item .pdx-pic__img {
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 15px;
	max-height: 680px;
}

/* hero-chair__background — style.css:374-380, 456-461 */
.hero-chair .pdx-pic--hero-chair-background .pdx-pic__img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: unset;
}

@media (max-width: 1199.98px) {
	.hero-chair .pdx-pic--hero-chair-background .pdx-pic__img {
		position: relative;
		top: 0;
		left: 0;
	}
}

/* info-chair__background — style.css:496-503, 597-602 */
.info-chair .pdx-pic--info-chair-background .pdx-pic__img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 100% 45%;
	max-width: unset;
}

@media (max-width: 1199.98px) {
	.info-chair .pdx-pic--info-chair-background .pdx-pic__img {
		position: relative;
		top: 0;
		left: 0;
	}
}

/* collection-info__image — style.css:3609-3626 */
.collection-info .pdx-pic--collection-info-image .pdx-pic__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 70%;
	z-index: 0;
	border-radius: 15px;
}

@media (max-width: 1200px) {
	.collection-info .pdx-pic--collection-info-image .pdx-pic__img {
		position: relative;
		height: 512px;
		/* Safety net for already-migrated pages where picture still follows content. */
		order: -1;
	}
}

/* product-info__image — style.css:4066-4069 */
.product-info .pdx-pic--product-info-image .pdx-pic__img {
	width: 100%;
	height: auto;
}

/* product-action__image — style.css:4381-4384 */
.product-action .pdx-pic--product-action-image .pdx-pic__img {
	width: 100%;
	height: auto;
}

/* collection-video__banner — style.css:4999-5001, 5034-5036, 5077-5084 */
.collection-video .pdx-pic--collection-video-banner .pdx-pic__img {
	width: 100%;
	height: auto;
}