/* Local Overrides */

/* hero section */
.section-hero .typography-hero-intro {
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width: 734px) {
	.section-hero {
		padding-bottom: 0;
	}
	.section-flex-tiles .atv-4k .tile-headline {
		max-width: 311px;
	}
}

.section-hero .hardware-lockup {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.section-hero .overview-hero-tv {
	position: relative;
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 1725px;
	--p-height: 384px;
	max-width: calc(100vw - 20px);
	height: auto;
}

.section-hero.background-alt .section-header-hero.large-centered {
	text-align: center;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.section-hero .overview-hero-tv {
		--p-width: 907px;
		--p-height: 202px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.section-hero .overview-hero-tv {
		--p-width: 497px;
		--p-height: 150px;
	}
}

.section-hero .device-lockup {
	display: flex;
	flex-direction: row;
	align-items: center;
	overflow: unset;
	max-width: calc(100vw - 20px);
	padding-top: 0;
	margin-top: 67px;
	margin-bottom: -40px;
	background-color: #f5f5f7;
}

@media only screen and (max-width: 1068px) {
	.section-hero .device-lockup {
		margin-top: 40px;
		margin-bottom: -8px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .device-lockup {
		margin-top: 15px;
		margin-bottom: 6px;
	}
}

.section-hero .overview-hero.hero-picture {
	position: relative;
	height: 100%;
	width: 100vw;
}

.section-hero .overview-hero-tv img {
	margin: 0 auto;
	display: block;
	width: 100%;
	max-width: 100%;
	opacity: 1;
}

.no-enhance-base-xp .section-hero .overview-hero-tv img {
	opacity: 1;
}

.section-hero .hero-picture {
	position: relative;
	height: 100%;
	width: 100vw;
	--p-width: 100vw;
	--p-height: 100%;
	margin: 0 auto;
}

.section-hero .hero-picture img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
}

.section-hero .large-centered {
	z-index: 1 !important;
}

.section-hero .section-caption.typography-hero-caption {
	margin-top: 0.6em;
	line-height: 20.00028px;
}

.section-hero .section-caption.typography-hero-caption a {
	font-weight: 600;
	line-height: 20.00028px;
	font-size: 14px;
	color: #86868b;
}

.section-hero .section-caption.typography-hero-caption .icon-copy,
.section-hero .section-caption.typography-hero-caption .icon-after {
	line-height: 20.00028px;
}

@media only screen and (max-width: 734px) {
	.section-hero .section-caption.typography-hero-caption a {
		font-size: 12px;
		line-height: 17px;
	}

	.section-hero .section-caption.typography-hero-caption {
		line-height: 17px;
		margin-top: 0.43em;
		letter-spacing: 0;
	}

	.section-hero .section-caption.typography-hero-caption .icon-copy,
	.section-hero .section-caption.typography-hero-caption .icon-after {
		line-height: 17px;
	}
}

.section-hero.background-alt
	> div
	> div.section-header-hero.large-centered
	> p.section-intro.typography-hero-intro {
	font-weight: 600;
	color: #86868b;
}

.section-hero .device-lockup {
	padding-top: 0px;
	margin-bottom: 0px;
}

/* TV and HomePod tile height */

.section-flex-tiles .grid-item.half-width.atv-4k .tile-caption {
	margin-top: 20px;
	color: #86868b;
}

@media only screen and (min-width: 1069px) {
	.overview-your-home-at-your-command {
		padding-left: 150px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.overview-your-home-at-your-command {
		padding-left: 107px;
	}
}
@media only screen and (max-width: 734px) {
	.overview-your-home-at-your-command {
		padding-left: 3px;
	}
}

@media only screen and (max-width: 734px) {
	.grid-item.atv-4k.half-width .copy-wrapper {
		padding-top: 5px !important;
	}
}

@media only screen and (max-width: 734px) {
	.section-flex-tiles.pl-alignment .atv-4k .tile-cta {
		padding-bottom: 20px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-flex-tiles .atv-4k .tile,
	.section-flex-tiles .homepod-mini .tile {
		height: 547px;
	}
}
@media only screen and (min-width: 1069px) {
	.section-flex-tiles .atv-4k .tile,
	.section-flex-tiles .homepod-mini .tile {
		height: 800px;
	}
}

html.text-zoom .section-flex-tiles .tile .tile-headline {
	font-size: 34px;
}

@media only screen and (max-width: 1068px) {
	html.text-zoom .section-flex-tiles .tile .tile-headline {
		font-size: 22px;
	}
}

.section-flex-tiles .homepod-mini .tile-headline {
	max-width: none;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-flex-tiles .atv-4k .tile-headline {
		max-width: 235px;
	}
}

.section-flex-tiles .homepod-mini .tile-content {
	padding-top: 11px;
}

@media only screen and (max-width: 1068px) {
	.section-flex-tiles .homepod-mini .tile-content {
		padding-top: 0px;
	}
}

@media only screen and (max-width: 734px) {
	.section-flex-tiles .homepod-mini .tile-content {
		padding-top: 0px;
	}
}

.section-flex-tiles .atv-4k .typography-product-tile-eyebrow {
	padding-top: 2px;
}

/* Home app screen  */

@media only screen and (max-width: 734px) {
	.section-flex-tiles.pl-alignment .homepod-mini .picture-wrapper img {
		width: auto;
		max-width: none;
	}
}

@media only screen and (max-width: 734px) {
	.section-flex-tiles .homepod-mini .tile .tile-cta {
		padding-bottom: 20px;
	}
}

/* accessories */

.section-accessories .section-gallery,
.section-smart-home .section-gallery {
	margin: auto;
	width: auto;
}

/* Accesory Tiles height */
@media only screen and (max-width: 1068px) and (min-width: 734px) {
	.section-accessories .section-item-container .tile-content,
	.section-smart-home .section-item-container .tile-content {
		min-height: 493px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-accessories .section-gallery-long .gallery-item {
		min-height: 520px;
	}
}

.section-accessories .section-item-container .tile-content {
	padding: 34px 6.3% 0;
}

/* Free trial button alignment */
.section-big-screen .section-services .service-tile-headline {
	min-height: 100px;
}
.section-big-screen .section-services .service-tile-ctas {
	height: 75px;
	justify-content: flex-end;
}
@media only screen and (max-width: 1068px) {
	.section-big-screen .section-services .service-tile-headline {
		min-height: auto;
	}
	.section-big-screen .section-services .service-tile-ctas {
		height: auto;
		justify-content: initial;
	}
	.section-big-screen .section-services .tv .service-tile-headline {
		max-width: 220px;
	}
}
@media only screen and (max-width: 734px) {
	.section-big-screen .section-services .tv .service-tile-headline {
		max-width: 270px;
	}
	.section-big-screen .section-services .fitness .service-tile-ctas {
		margin-top: 0.8em;
	}
}
@media only screen and (max-width: 320px) {
	.section-big-screen .section-services .service-tile-button {
		margin-bottom: 14px;
	}
	.section-big-screen .section-services .service-tile-ctas a + a {
		margin-left: 5px;
	}
}

/* Geo Alt Big Screen Caption */
.section-big-screen .section-geo-alt-caption .geo-alt-caption {
	max-width: 1098px;
	margin: -0.7em auto 0;
	padding: 0 95px;
}
.section-big-screen .section-geo-alt-caption {
	position: relative;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 27px;
	color: #6e6e73;
	display: block;
	width: 100%;
}
@media only screen and (max-width: 1068px) {
	.section-big-screen .section-geo-alt-caption .geo-alt-caption {
		max-width: 615px;
		margin-top: 0;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 1em;
	}
}
.section-big-screen .section-geo-alt-caption a {
	font-weight: 500;
	color: #6e6e73;
	text-decoration: none;
}
@media only screen and (max-width: 734px) {
	.section-big-screen .section-geo-alt-caption {
		display: none;
	}
}
@media only screen and (max-width: 734px) {
	.section-big-screen .section-geo-alt-caption.inside-grid-caption {
		display: block;
		text-align: center;
		bottom: 25px;
	}
}
@media only screen and (max-width: 375px) {
	.section-big-screen .section-geo-alt-caption.inside-grid-caption {
		bottom: 18px;
	}
}
@media only screen and (max-width: 375px) {
	.section-big-screen .section-geo-alt-caption.inside-grid-caption p {
		font-size: 12px;
	}
}
@media only screen and (min-width: 735px) {
	.section-big-screen .section-geo-alt-caption.inside-grid-caption {
		display: none;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-big-screen .section-services .service-tile-ctas.custom-display {
		display: flex;
	}
}

@media only screen and (max-width: 354px) {
	.section-big-screen .section-services .service-tile-ctas.custom-display {
		display: flex;
	}
}

/* XS cta padding */
@media only screen and (max-width: 375px) {
	.section-big-screen .section-services .service-tile-button {
		margin-bottom: 14px;
	}
}

/* Carousel */
@media only screen and (min-width: 1600px) {
	.section-accessories .section-gallery .item-container,
	.section-smart-home .section-gallery .item-container {
		margin-left: 13%;
	}
}
@media only screen and (min-width: 1680px) {
	.section-accessories .section-gallery .item-container,
	.section-smart-home .section-gallery .item-container {
		margin-left: 0%;
	}
}
@media only screen and (min-width: 2100px) {
	.section-accessories .section-gallery .item-container,
	.section-smart-home .section-gallery .item-container {
		margin-left: 5%;
	}
}
@media only screen and (min-width: 2300px) {
	.section-accessories .section-gallery .item-container,
	.section-smart-home .section-gallery .item-container {
		margin-left: 12%;
	}
}

/* section-content */
@media only screen and (max-width: 1068px) {
	.section-big-screen .section-services .service-tile-headline {
		padding: 0 30px;
	}
}

/*video cta*/
.video-wrapper .typography-cta.cta .icon-wrapper {
	font-size: 14px;
	color: #999;
	padding-bottom: 20px;
	padding-top: 15px;
}

@media only screen and (min-width: 1069px) {
	.video-wrapper .typography-cta.cta .icon-wrapper {
		display: inline-block;
		margin-left: 7em;
		padding-bottom: 20px;
		padding-top: 15px;
	}
}

/*apple tv 4k tile*/
.section-flex-tiles .tile .tile-availability {
	margin-top: 0.8em;
}

@media only screen and (max-width: 1068px) {
	.section-flex-tiles .homepod-mini .tile-headline {
		max-width: 300px;
	}
}

@media only screen and (max-width: 350px) {
	.section-flex-tiles .homepod-mini .tile-headline {
		font-size: 23px;
	}
}

@media only screen and (min-width: 1680px) {
	.section-accessories .section-gallery {
		margin-left: 17%;
	}
}

/*apple-tv-4k pricing*/
@media only screen and (max-width: 1068px) {
	.section-flex-tiles
		.grid
		.grid-item.half-width
		.tile-content
		.copy-wrapper
		.hero-copy-pricing {
		max-width: 75%;
		padding-left: 14%;
		padding-right: 14%;
	}
}

@media only screen and (max-width: 734px) {
	.section-flex-tiles
		.grid
		.grid-item.half-width
		.tile-content
		.copy-wrapper
		.hero-copy-pricing {
		max-width: 75%;
		padding-left: 15% !important;
		padding-right: 15% !important;
	}
}

@media only screen and (max-width: 380px) {
	.section-flex-tiles
		.grid
		.grid-item.half-width
		.tile-content
		.copy-wrapper
		.hero-copy-pricing {
		max-width: 75%;
		padding-left: 10% !important;
		padding-right: 10% !important;
	}
}

@media only screen and (max-width: 365px) and (min-width: 351px) {
	.section-flex-tiles
		.grid
		.grid-item.half-width
		.tile-content
		.copy-wrapper
		.hero-copy-pricing {
		max-width: 78%;
		padding-left: 9% !important;
		padding-right: 9% !important;
	}
}

@media only screen and (max-width: 350px) {
	.section-flex-tiles
		.grid
		.grid-item.half-width
		.tile-content
		.copy-wrapper
		.hero-copy-pricing {
		max-width: 87%;
		padding-left: 3% !important;
		padding-right: 3% !important;
	}
}

/*  */
@media only screen and (min-width: 1069px) {
	.section-big-screen {
		padding-top: 66px;
	}
}
@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-big-screen {
		padding-top: 53px;
	}
}