/*------------------------------------*\
   LOCAL SCREENS
\*------------------------------------*/

/*------------------------------------*\
   END LOCAL SCREENS
\*------------------------------------*/

/*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/

.xsmall {
	display: none;
}

@media only screen and (max-width: 320px) {
	.xsmall {
		display: block;
	}
}

.inline-media-component-container .video-wrapper .fallback-frame {
	visibility: visible;
	opacity: 1;
}

html.enhanced .section-welcome .apple-intelligence-marquee, html.enhanced .section-welcome .base-marquee {
	transition-delay: 1s;
}

@media only screen and (max-width: 735px) {
	.section-welcome .media-container {
		/* scale: 0.9; */
	}
}

@media only screen and (min-width: 1068px) {
	.section-imac-iphone {
		max-height: 900px;
	}
}

@media only screen and (max-width: 320px) {
	.section-upgraders .upgraders-gallery .item-container .bento-item.graphics {
		padding-top: 0px;
	}
}

@media only screen and (min-width: 1068px) {
	.section-upgraders .upgraders-gallery .item-container #imac-27-gallery-item-2 .bento-copy {
		font-size: 37px;
	}
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-upgraders .upgraders-gallery .item-container #imac-27-gallery-item-2 .bento-copy {
		font-size: 28px;
	}
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-upgraders .upgraders-gallery .item-container #imac-21-gallery-item-1 .bento-copy-reduced, .section-upgraders .upgraders-gallery .item-container #imac-27-gallery-item-2 .bento-copy-reduced {
		font-size: 21px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-imac-iphone .imac-iphone-image::after {
		padding-bottom: 60%;
	}
}

@media (min-width: 1650px) {
	.section-highlights .media-gallery-item-iphone-mirroring .caption {
		--caption-width: 275px;
	}
}

@media only screen and (min-width: 1441px) and (max-width: 1650px) {
	.section-highlights .media-gallery-item-iphone-mirroring .caption {
		--caption-width: auto;
	}
}

@media only screen and (max-width: 735px) {
	.section-highlights .media-gallery-item-design .caption {
		--caption-width: 248px;
	}
}

@media only screen and (max-width: 735px) {
	.section-highlights .media-gallery-item-iphone-mirroring .caption span:last-child {
		--caption-span-width: 225px;
	}
}

.product-tile-imac .tout-group {
	margin-top: 0;
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-welcome .media-container {
		/* padding-top: 140px; */
	}
}

@media only screen and (max-width: 735px) {
	.section-welcome .media-container {
		/* padding-top: 50px; */
	}
}

@media only screen and (max-width: 1068px) {
	.section-highlights {
		padding-top: 0px;
	}
}

@media only screen and (min-width: 1068px) {
	html.enhanced .section-apps {
		padding-bottom: 50px;
	}
}

@media (max-width: 734px) {
	.apple-intelligence-playground-video .video-wrapper {
		top: 20px;
	}
}

@media (max-width: 734px) {
	.inline-media-component-container.apple-intelligence-playground-video {
		background-color: rgb(255 237 241);
	}
}

@media only screen and (min-width: 1068px) {
	.section-apple-intelligence .subsection-privacy .subsection-header-headline {
		max-width: 600px;
	}
}

@media only screen and (min-width: 1068px) {
	.section-values .section-header .section-header-headline {
		max-width: 780px;
	}
}

@media only screen and (max-width: 1068px) and (min-width: 734px) {
	.section-camera-mics-speakers .section-header .section-header-headline {
		max-width: 560px;
	}
}

@media only screen and (max-width: 375px) {
	.section-welcome {
		/* max-height: 700px; */
	}
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-welcome .media-container {
		padding-top: calc(
			50vh - var(--hardware-height-scaled) / 2 -
				var(--marquee-container-height) / 2 - var(--marquee-gutter) / 2 -
				var(--localnav-allotment) / 2
		);
	}
}

@media only screen and (max-width: 375px) {
	.card.grid-item-playground {
		--sk-tile-background: rgb(255 237 241);
	}
	.card.grid-item-writing-tools {
		--sk-tile-background: rgb(206 69 87);
	}
}

/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/