/* START: Upgrade section: Adjustments for 12MP Center Stage camera with Desk View image with for 21.5 and 27-inch intel-based */

.section-upgraders
	.upgrader
	.upgrader-group.upgrader-group-imac-21-5in
	.upgrader-item:has(
		.media-container
			picture[id="overview-upgrader-gallery-upgraders-imac24-2-1"]
	)
	.caption-container,
.section-upgraders
	.upgrader
	.upgrader-group.upgrader-group-imac-27in
	.upgrader-item:has(
		.media-container
			picture[id="overview-upgrader-gallery-upgraders-imac24-2-2"]
	)
	.caption-container {
	flex-grow: 0;
}

.section-upgraders
	.upgrader
	.upgrader-group.upgrader-group-imac-21-5in
	.upgrader-item:has(
		.media-container
			picture[id="overview-upgrader-gallery-upgraders-imac24-2-1"]
	)
	.caption-container
	.caption.typography-upgrader-item-caption,
.section-upgraders
	.upgrader
	.upgrader-group.upgrader-group-imac-27in
	.upgrader-item:has(
		.media-container
			picture[id="overview-upgrader-gallery-upgraders-imac24-2-2"]
	)
	.caption-container
	.caption.typography-upgrader-item-caption {
	padding-left: 0;
	padding-right: 12px;
}

.section-upgraders
	.upgrader
	.upgrader-group.upgrader-group-imac-21-5in
	.upgrader-item
	.media-container:has(
		picture[id="overview-upgrader-gallery-upgraders-imac24-2-1"]
	),
.section-upgraders
	.upgrader
	.upgrader-group.upgrader-group-imac-27in
	.upgrader-item
	.media-container:has(
		picture[id="overview-upgrader-gallery-upgraders-imac24-2-2"]
	) {
	flex-grow: 1;
	display: flex;
}

.section-upgraders .upgrader .upgrader-group.upgrader-group-imac-21-5in .upgrader-item picture[id="overview-upgrader-gallery-upgraders-imac24-2-1"] img, .section-upgraders .upgrader .upgrader-group.upgrader-group-imac-27in .upgrader-item picture[id="overview-upgrader-gallery-upgraders-imac24-2-2"] img {
	object-fit: cover;
}

@media (max-width: 734px) {
	.section-upgraders
		.upgrader
		.upgrader-group.upgrader-group-imac-21-5in
		.upgrader-item:has(
			.media-container
				picture[id="overview-upgrader-gallery-upgraders-imac24-2-1"]
		),
	.section-upgraders
		.upgrader
		.upgrader-group.upgrader-group-imac-27in
		.upgrader-item:has(
			.media-container
				picture[id="overview-upgrader-gallery-upgraders-imac24-2-2"]
		) {
		--upgrader-gap-image: 0;
	}

	.section-upgraders
		.upgrader
		.upgrader-group.upgrader-group-imac-21-5in
		.upgrader-item:has(
			.media-container
				picture[id="overview-upgrader-gallery-upgraders-imac24-2-1"]
		)
		.upgrader-item-content,
	.section-upgraders
		.upgrader
		.upgrader-group.upgrader-group-imac-27in
		.upgrader-item:has(
			.media-container
				picture[id="overview-upgrader-gallery-upgraders-imac24-2-2"]
		)
		.upgrader-item-content {
		flex-direction: row;
		justify-content: space-between;
	}

	.section-upgraders
		.upgrader
		.upgrader-group.upgrader-group-imac-21-5in
		.upgrader-item:has(
			.media-container
				picture[id="overview-upgrader-gallery-upgraders-imac24-2-1"]
		)
		.caption-container,
	.section-upgraders
		.upgrader
		.upgrader-group.upgrader-group-imac-27in
		.upgrader-item:has(
			.media-container
				picture[id="overview-upgrader-gallery-upgraders-imac24-2-2"]
		)
		.caption-container {
		padding-inline-start: 20px;
		align-self: center;
		padding-top: 0;
		flex: 0 0 50%;
		justify-content: flex-start;
	}

	.section-upgraders
		.upgrader
		.upgrader-group.upgrader-group-imac-21-5in
		.upgrader-item:has(
			.media-container
				picture[id="overview-upgrader-gallery-upgraders-imac24-2-1"]
		)
		.caption-container
		.caption.typography-upgrader-item-caption,
	.section-upgraders
		.upgrader
		.upgrader-group.upgrader-group-imac-27in
		.upgrader-item:has(
			.media-container
				picture[id="overview-upgrader-gallery-upgraders-imac24-2-2"]
		)
		.caption-container
		.caption.typography-upgrader-item-caption {
		text-align: start;
	}

	.section-upgraders
		.upgrader
		.upgrader-group.upgrader-group-imac-21-5in
		.upgrader-item
		.media-container:has(
			picture[id="overview-upgrader-gallery-upgraders-imac24-2-1"]
		),
	.section-upgraders
		.upgrader
		.upgrader-group.upgrader-group-imac-27in
		.upgrader-item
		.media-container:has(
			picture[id="overview-upgrader-gallery-upgraders-imac24-2-2"]
		) {
		height: 100%;
		display: flex;
		padding-bottom: 0;
		overflow: hidden;
	}

	.section-upgraders .upgrader .upgrader-group.upgrader-group-imac-21-5in .upgrader-item picture[id="overview-upgrader-gallery-upgraders-imac24-2-1"] img, .section-upgraders .upgrader .upgrader-group.upgrader-group-imac-27in .upgrader-item picture[id="overview-upgrader-gallery-upgraders-imac24-2-2"] img {
		height: 100%;
		width: auto;
		transform: translateX(-217px);
	}
}

/* END: Upgrade section: Adjustments for 12MP Center Stage camera with Desk View image with for 21.5 and 27-inch intel-based */