/* Local Overrides */

/* Ribbon */
html.ac-ls-visible.enhance-base-xp
	.body-with-ribbon
	.section-hero
	.section-lockup {
	top: calc(var(--r-globalnav-height) + var(--r-localeswitcher-height));
}

@media only screen and (max-width: 734px) {
	.with-atv-promo-ribbon .ribbon-alpha .ribbon-content.row {
		max-width: 358px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.ribbon .ribbon-content-wrapper .ribbon-content {
		width: 688px;
	}
}

/* Button */
@media only screen and (max-width: 734px) {
	.body-with-ribbon .section-hero .button-container {
		top: 142px;
	}
}

@media only screen and (max-width: 653px) {
	.body-with-ribbon .section-hero .button-container {
		top: 162px;
	}
}

@media only screen and (max-width: 479px) {
	.body-with-ribbon .section-hero .button-container {
		top: 182px;
	}
}

@media only screen and (max-width: 327px) {
	.body-with-ribbon .section-hero .button-container {
		top: 202px;
	}
}

@media only screen and (max-width: 320px) {
	.body-with-ribbon .section-hero .button-container {
		top: 182px;
	}
}

@media only screen and (max-width: 734px) {
	html.ac-ls-visible .body-with-ribbon .section-hero .button-container {
		top: calc(
			142px + var(--r-localeswitcher-height) +
				var(--r-globalnav-segmentbar-height)
		);
	}
}

@media only screen and (max-width: 653px) {
	html.ac-ls-visible .body-with-ribbon .section-hero .button-container {
		top: calc(
			162px + var(--r-localeswitcher-height) +
				var(--r-globalnav-segmentbar-height)
		);
	}
}

@media only screen and (max-width: 479px) {
	html.ac-ls-visible .body-with-ribbon .section-hero .button-container {
		top: calc(
			182px + var(--r-localeswitcher-height) +
				var(--r-globalnav-segmentbar-height)
		);
	}
}

@media only screen and (max-width: 327px) {
	html.ac-ls-visible .body-with-ribbon .section-hero .button-container {
		top: calc(
			202px + var(--r-localeswitcher-height) +
				var(--r-globalnav-segmentbar-height)
		);
	}
}

@media only screen and (max-width: 320px) {
	html.ac-ls-visible .body-with-ribbon .section-hero .button-container {
		top: calc(
			182px + var(--r-localeswitcher-height) +
				var(--r-globalnav-segmentbar-height)
		);
	}
}

/* HERO STATICFRAME */

.section-hero .video-container .inline-video-media .inline-video-frame-static {
	background-image: url("/co/apple-tv-4k/images/overview/hero/hero_staticframe__fc291ipcri2y_large.jpg");
}

@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.section-hero
		.video-container
		.inline-video-media
		.inline-video-frame-static {
		background-image: url("/co/apple-tv-4k/images/overview/hero/hero_staticframe__fc291ipcri2y_large_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero
		.video-container
		.inline-video-media
		.inline-video-frame-static {
		background-image: url("/co/apple-tv-4k/images/overview/hero/hero_staticframe__fc291ipcri2y_medium.jpg");
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-hero
		.video-container
		.inline-video-media
		.inline-video-frame-static {
		background-image: url("/co/apple-tv-4k/images/overview/hero/hero_staticframe__fc291ipcri2y_medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.section-hero
		.video-container
		.inline-video-media
		.inline-video-frame-static {
		background-image: url("/co/apple-tv-4k/images/overview/hero/hero_staticframe__fc291ipcri2y_small.jpg");
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-hero
		.video-container
		.inline-video-media
		.inline-video-frame-static {
		background-image: url("/co/apple-tv-4k/images/overview/hero/hero_staticframe__fc291ipcri2y_small_2x.jpg");
	}
}

.typography-hero-intro-caption {
	font-size: 14px;
	line-height: 1.2857742857;
	font-weight: 600;
	letter-spacing: -0.016em;
	font-family:
		SF Pro Text,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.customized-reel-caption em a {
	color: #959495;
}
.customized-reel-caption {
	margin-top: 7px;
	font-size: 14px;
	line-height: 1.4285914286;
	letter-spacing: -0.016em;
	font-family:
		SF Pro Text,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}
.customized-reel-caption:lang(ar) {
	letter-spacing: 0em;
	font-family:
		SF Pro AR,
		SF Pro Gulf,
		SF Pro Text,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.customized-reel-caption:lang(ja) {
	letter-spacing: 0em;
	font-family:
		SF Pro JP,
		SF Pro Text,
		SF Pro Icons,
		Hiragino Kaku Gothic Pro,
		ヒラギノ角ゴ Pro W3,
		メイリオ,
		Meiryo,
		ＭＳ Ｐゴシック,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.customized-reel-caption:lang(ko) {
	line-height: 1.5714285714;
	letter-spacing: 0em;
	font-family:
		SF Pro KR,
		SF Pro Text,
		SF Pro Icons,
		Apple Gothic,
		HY Gulim,
		MalgunGothic,
		HY Dotum,
		Lexi Gulim,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.customized-reel-caption:lang(zh) {
	letter-spacing: 0em;
}

.customized-reel-caption:lang(th) {
	line-height: 1.3571828571;
	letter-spacing: 0em;
	font-family:
		SF Pro TH,
		SF Pro Text,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.customized-reel-caption:lang(zh-CN) {
	font-family:
		SF Pro SC,
		SF Pro Text,
		SF Pro Icons,
		PingFang SC,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.customized-reel-caption:lang(zh-HK) {
	font-family:
		SF Pro HK,
		SF Pro Text,
		SF Pro Icons,
		PingFang HK,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.customized-reel-caption:lang(zh-MO) {
	font-family:
		SF Pro HK,
		SF Pro TC,
		SF Pro Text,
		SF Pro Icons,
		PingFang HK,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.customized-reel-caption:lang(zh-TW) {
	font-family:
		SF Pro TC,
		SF Pro Text,
		SF Pro Icons,
		PingFang TC,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

@media only screen and (max-width: 734px) {
	.customized-reel-caption {
		font-size: 12px;
		line-height: 1.3333733333;
		letter-spacing: -0.01em;
		font-family:
			SF Pro Text,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}
	.customized-reel-caption:lang(ar) {
		letter-spacing: 0em;
		font-family:
			SF Pro AR,
			SF Pro Gulf,
			SF Pro Text,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.customized-reel-caption:lang(ja) {
		line-height: 1.4166666667;
		letter-spacing: 0em;
		font-family:
			SF Pro JP,
			SF Pro Text,
			SF Pro Icons,
			Hiragino Kaku Gothic Pro,
			ヒラギノ角ゴ Pro W3,
			メイリオ,
			Meiryo,
			ＭＳ Ｐゴシック,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.customized-reel-caption:lang(ko) {
		line-height: 1.4166666667;
		letter-spacing: 0em;
		font-family:
			SF Pro KR,
			SF Pro Text,
			SF Pro Icons,
			Apple Gothic,
			HY Gulim,
			MalgunGothic,
			HY Dotum,
			Lexi Gulim,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.customized-reel-caption:lang(zh) {
		letter-spacing: 0em;
	}

	.customized-reel-caption:lang(th) {
		line-height: 1.3333733333;
		letter-spacing: 0em;
		font-family:
			SF Pro TH,
			SF Pro Text,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.customized-reel-caption:lang(zh-CN) {
		font-family:
			SF Pro SC,
			SF Pro Text,
			SF Pro Icons,
			PingFang SC,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.customized-reel-caption:lang(zh-HK) {
		font-family:
			SF Pro HK,
			SF Pro Text,
			SF Pro Icons,
			PingFang HK,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.customized-reel-caption:lang(zh-MO) {
		font-family:
			SF Pro HK,
			SF Pro TC,
			SF Pro Text,
			SF Pro Icons,
			PingFang HK,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.customized-reel-caption:lang(zh-TW) {
		font-family:
			SF Pro TC,
			SF Pro Text,
			SF Pro Icons,
			PingFang TC,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}
}

/* fitness room */
@media only screen and (min-width: 1069px) {
	.room-fitness-plus .room-copy {
		min-width: 385px;
	}
}

/*Audio Sharing*/
@media only screen and (min-width: 735px) {
	.section-better-together .grid-item .tile-audio-sharing .tile-content {
		flex-direction: column;
	}
}

/*Screens */

/* airpods tile */
.overview-better-together-airpods {
	--p-width: none;
}

/* static tv app */
.section-rooms .video-wrapper .room-screen:first-child {
	background-image: url(/co/apple-tv-4k/images/overview/rooms/screen_tv_app_startframe__dio5utkp3866_large.jpg);
}

@media (-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi),
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx) {
	.section-rooms .video-wrapper .room-screen:first-child {
		background-image: url(/co/apple-tv-4k/images/overview/rooms/screen_tv_app_startframe__dio5utkp3866_large_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	.section-rooms .video-wrapper .room-screen:first-child {
		background-image: url(/co/apple-tv-4k/images/overview/rooms/screen_tv_app_startframe__dio5utkp3866_medium.jpg);
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-rooms .video-wrapper .room-screen:first-child {
		background-image: url(/co/apple-tv-4k/images/overview/rooms/screen_tv_app_startframe__dio5utkp3866_medium_2x.jpg);
	}
}

@media only screen and (max-width: 734px) {
	.section-rooms .video-wrapper .room-screen:first-child {
		background-image: url(/co/apple-tv-4k/images/overview/rooms/screen_tv_app_startframe__dio5utkp3866_small.jpg);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-rooms .video-wrapper .room-screen:first-child {
		background-image: url(/co/apple-tv-4k/images/overview/rooms/screen_tv_app_startframe__dio5utkp3866_small_2x.jpg);
	}
}

/* Pricing Compare Section */
.section-compare .price {
	margin-top: 13.6px;
	padding-bottom: 0px;
}

/*Siri-Remote*/
@media screen and (max-width: 1068px) {
	.section-siri-remote.enhanced
		.siri-remote
		> .right-column
		.remote-container.hide {
		opacity: 1;
	}
}

/* Apple Music copy */

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.room-apple-music .section-content .room-copy {
		width: 265px;
		padding-right: 0px;
	}
}

/* Spatial audio copy */

.section-performance .credenza-copy-inner {
	text-align: center;
}

/* Hero headline */

@media only screen and (max-width: 329px) {
	.typography-hero-headline {
		font-size: 39px;
	}
}
@media only screen and (min-width: 753px) and (max-width: 835px) {
	.typography-hero-headline {
		max-width: 700px;
	}
}
@media only screen and (min-width: 1076px) and (max-width: 1168px) {
	.typography-hero-headline {
		max-width: 1000px;
	}
}

.customized-reel-caption {
	margin-top: 7px;
	font-size: 16px;
}
@media only screen and (max-width: 1068px) {
	.customized-reel-caption {
		font-size: 14px;
	}
}

/* HERO CONTENT COPY */

@media only screen and (min-width: 1069px) {
	.section-hero .intro-copy .section-content {
		max-width: 730px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-hero .intro-copy .section-content {
		max-width: 650px;
	}
}

/* AF+ CTAs */
.section-rooms a.typography-rooms-copy + a.typography-rooms-copy {
	margin-left: 0px;
}

@media only screen and (max-width: 377px) {
	.section-rooms a.typography-rooms-copy + a.typography-rooms-copy {
		margin-left: 6px;
	}

	.typography-rooms-copy {
		font-size: 16px;
	}
	.section-content {
		width: 90%;
	}
}

/* button room */
.section-rooms.all-controls .inline-media-ui.show {
	opacity: 0;
}
.section-rooms .video-wrapper .inline-media-ui .play-pause-button {
	pointer-events: none !important;
}

/* Screen Savers */
@media only screen and (min-width: 735px) {
	.section-rooms
		.room-screen-savers
		.icon-text-wrapper
		.typography-rooms-copy {
		padding-right: max(0.1px, calc(780px - 100vw));
	}
}

/* Audio Sharing*/
.section-better-together .grid-item .tile-audio-sharing {
	min-height: unset;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-better-together
		.grid-item
		.tile-audio-sharing
		.tile-content
		.typography-tile-copy {
		padding-bottom: 35px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section.section-siri-remote div:nth-child(1) div h3 {
		margin: 0 40px;
	}
}