/* 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));
}

.ribbon.apple-tv-4k-ribbon .ribbon-content-wrapper {
	padding-top: 0.9411764706em;
	padding-bottom: 0.9411764706em;
}

.ribbon.apple-tv-4k-ribbon .ribbon-content-wrapper {
	font-size: 17px;
}

@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: 394px;
	}
}

/* hero */
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-hero .section-lockup .section-headline {
		padding-left: 15px;
		padding-right: 15px;
	}
}

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

/* 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 headline */

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

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

@media only screen and (min-width: 1069px) and (max-width: 1120px) {
	.section-headline.typography-hero-headline {
		max-width: 1000px;
	}
}

/* sosumi link follows for hero pricing */

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

/* HERO STATICFRAME */

.section-hero .video-container .inline-video-media .inline-video-frame-static {
	background-image: url("/mx/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("/mx/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("/mx/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("/mx/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("/mx/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("/mx/apple-tv-4k/images/overview/hero/hero_staticframe__fc291ipcri2y_small_2x.jpg");
	}
}

/* AF+ CTAs */

.section-rooms a.typography-rooms-copy + a.typography-rooms-copy {
	margin-left: 0;
}

.section-rooms .room-fitness-plus a.typography-rooms-copy {
	display: block;
}

@media only screen and (max-width: 377px) {
	.typography-rooms-copy {
		font-size: 16px;
	}
	.section-content {
		width: 90%;
	}
}

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

/* room-screen-savers room */
@media only screen and (max-width: 784px) and (min-width: 735px) {
	html.enhance-base-xp
		.section-rooms
		.room-screen-savers
		.typography-rooms-copy {
		padding-right: 30px;
	}
}
@media only screen and (max-width: 734px) {
	html.enhance-base-xp
		.section-rooms
		.room-screen-savers
		.typography-rooms-copy {
		margin-top: 25px;
	}
}
/* static tv app */
.section-rooms .video-wrapper .room-screen:first-child {
	background-image: url(/mx/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(/mx/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(/mx/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(/mx/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(/mx/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(/mx/apple-tv-4k/images/overview/rooms/screen_tv_app_startframe__dio5utkp3866_small_2x.jpg);
	}
}

/* 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;
	}
}

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