/* 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-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-flex-tiles .grid-item.half-width.homepod-mini .tile-caption {
	margin-top: 20px;
	color: #86868b;
}

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

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

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

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

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

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

/* Geo Alt Big Screen Caption */
@media only screen and (min-width: 1069px) {
	.section-big-screen .section-content {
		width: 735px;
	}
}

.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;
		margin-bottom: 0;
	}
}
@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;
	}
}

/* Half width home tile */
@media only screen and (min-width: 1069px) {
	.overview-your-home-at-your-command {
		padding-left: 50px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.overview-your-home-at-your-command {
		padding-left: 74px;
	}
}
@media only screen and (max-width: 734px) {
	.overview-your-home-at-your-command {
		padding-left: 3px;
	}
}

/* TV 4K tile vailability message */
.section-flex-tiles .tile .tile-availability {
	margin-top: 1.1em;
}

@media only screen and (max-width: 1068px) {
	.section-flex-tiles .tile .tile-availability {
		margin-top: 1.26em;
	}
}

@media only screen and (max-width: 734px) {
	.section-flex-tiles .tile .tile-availability {
		margin-top: 1.2em;
	}
}

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

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

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

.section-flex-tiles .atv-4k .tile-headline {
	max-width: 500px;
	margin-top: 7px;
}

@media only screen and (max-width: 1068px) {
	.section-flex-tiles .atv-4k .tile-headline {
		max-width: 300px;
		margin-top: 8px;
	}
}

@media only screen and (max-width: 734px) {
	.section-flex-tiles .atv-4k .tile-headline {
		max-width: 230px;
		margin-top: 8px;
	}
}

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