/* Local Overrides */

/* at+ ribbon */

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

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

@media only screen and (max-width: 369px) {
	.with-atv-promo-ribbon .ribbon .ribbon-content-wrapper .ribbon-content {
		max-width: 250px;
	}
}

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

/* 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: 320px) {
	.ribbon-content {
		width: 87.5%;
	}
}
/* Button */
@media only screen and (max-width: 734px) {
	.body-with-ribbon .section-hero .button-container {
		top: 142px;
	}
}

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

@media only screen and (max-width: 389px) {
	.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: 584px) {
	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: 389px) {
	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;
	}
}

@media only screen and (max-width: 370px) {
	.section-hero h2 {
		max-width: 300px;
	}
}

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

/* HERO STATICFRAME */

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

/*localized images*/

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

@media only screen and (max-width: 1068px) {
	.section-rooms .video-wrapper .room-screen:first-child {
		background-image: url(/br/apple-tv-4k/images/overview/rooms/screen_tv_app_new__ee1lgm2221oy_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(/br/apple-tv-4k/images/overview/rooms/screen_tv_app_new__ee1lgm2221oy_medium_2x.jpg);
	}
}

@media only screen and (max-width: 734px) {
	.section-rooms .video-wrapper .room-screen:first-child {
		background-image: url(/br/apple-tv-4k/images/overview/rooms/screen_tv_app_new__ee1lgm2221oy_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(/br/apple-tv-4k/images/overview/rooms/screen_tv_app_new__ee1lgm2221oy_small_2x.jpg);
	}
}

/*Dynamic pricing*/
@media screen and (max-width: 768px) {
	.section-hero .intro-copy .typography-hero-intro {
		text-align: center;
	}
}

/* Siri control second copy - XS */

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

/* Siri control second copy - M */

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-siri-remote
		.siri-remote
		.gestures-wrapper
		.copy.typography-siri-remote-copy:nth-child(2) {
		padding-right: 3px;
	}
}

/* Apple Music copy */

@media only screen and (min-width: 1069px) {
	.section-rooms
		.room-apple-music
		.section-content
		.typography-rooms-copy.room-copy {
		max-width: 270px;
	}
}

/* siri on airpods */

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

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

/* Spatial audio copy */

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

/* Audio Sharing Safari */

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	html.safari
		.section-better-together
		.grid-item
		.tile-audio-sharing
		.tile-content {
		min-height: 260px;
	}
}

/*  */
.section-rooms .room-gallery.sticky-end .device-container {
	bottom: 445px !important;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-better-together .grid-item .tile-audio-sharing .tile-copy {
		margin-top: 23px;
		margin-bottom: 23px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-home-control .grid-item .tile-content .tile-copy p,
	.section-home-control .grid-item .tile .tile-copy p {
		max-width: 258px;
	}
}

/* Hero Section - pricing - */
@media only screen and (max-width: 734px) {
	.section-hero .intro-copy .typography-hero-intro > p {
		max-width: 265px;
	}
}