/* 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: 410px) {
	.with-atv-promo-ribbon .ribbon-alpha .ribbon-content.row {
		max-width: 285px;
	}
}

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

@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)
		);
	}
}

/* Safari */

@media only screen and (max-width: 1068px) {
	.safari .section-performance .credenza-copy-inner .column {
		max-width: 290px;
		padding-right: 15px;
	}
}

.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;
	}
}

/* Apple Fitness section*/
.display-none {
	display: none !important;
}

/* DP */

.sosumi-link-follows,
.sosumi-link-follows ~ .footnote {
	display: none;
}

.sosumi-link-follows[data-pricing-loaded],
.sosumi-link-follows[data-pricing-loaded] ~ .footnote {
	display: inline;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.typography-hero-intro .has-dynamic-content {
		padding: 0 7px;
	}
}

@media only screen and (max-width: 734px) {
	.section-rooms .room-screen-savers .icon-text-wrapper {
		max-width: 279px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-rooms .room-screen-savers .icon-text-wrapper {
		max-width: 243px;
	}
}

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

@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(/cl/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(/cl/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(/cl/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(/cl/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(/cl/apple-tv-4k/images/overview/hero/hero_staticframe__fc291ipcri2y_small_2x.jpg);
	}
}

/* Hero headline */

@media only screen and (max-width: 329px) {
	.typography-hero-headline {
		font-size: 39px;
	}
}

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

/* section-hero */

/* static tv app */
.section-rooms .video-wrapper .room-screen:first-child {
	background-image: url(/cl/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(/cl/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(/cl/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(/cl/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(/cl/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(/cl/apple-tv-4k/images/overview/rooms/screen_tv_app_startframe__dio5utkp3866_small_2x.jpg);
	}
}

/* symbol sup */
.footnote-supglyph sup {
	z-index: 2;
}

/* Siri control second copy - XS */

@media only screen and (max-width: 352px) {
	.section-siri-remote
		.siri-remote
		.gestures-wrapper
		.copy.typography-siri-remote-copy:nth-child(2) {
		max-width: 230px;
	}
}

/* Apple Music copy */

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

/* siri on airpods */

.overview-better-together-siri-airpods {
	height: auto;
}

/* IPHONE control image - S */

@media only screen and (max-width: 734px) {
	#overview-better-together-iphone-control-1 {
		margin-bottom: -13px;
	}
}

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