/*------------------------------------*\
   HERO CSS
\*------------------------------------*/

/* IPHONE 13 PRO */

/* SCREENS */

/* LOCAL FIXES */

/* iPhone 14 and 14 plus Hero */
.tile-iphone-14 .hero-bgimage {
	background-image: url(/ecc-shared/iphone/home/images/overview/hero/iphone_14_hero__ceub5xriecgi_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) {
	.tile-iphone-14 .hero-bgimage {
		background-image: url(/ecc-shared/iphone/home/images/overview/hero/iphone_14_hero__ceub5xriecgi_large_2x.jpg);
	}
}
@media only screen and (max-width: 1068px) {
	.tile-iphone-14 .hero-bgimage {
		width: 529px;
		height: 481px;
		background-size: 529px 481px;
		background-repeat: no-repeat;
		background-image: url(/ecc-shared/iphone/home/images/overview/hero/iphone_14_hero__ceub5xriecgi_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) {
	.tile-iphone-14 .hero-bgimage {
		background-image: url(/ecc-shared/iphone/home/images/overview/hero/iphone_14_hero__ceub5xriecgi_medium_2x.jpg);
	}
}
@media only screen and (max-width: 734px) {
	.tile-iphone-14 .hero-bgimage {
		width: 349px;
		height: 317px;
		background-size: 349px 317px;
		background-repeat: no-repeat;
		background-image: url(/ecc-shared/iphone/home/images/overview/hero/iphone_14_hero__ceub5xriecgi_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) {
	.tile-iphone-14 .hero-bgimage {
		background-image: url(/ecc-shared/iphone/home/images/overview/hero/iphone_14_hero__ceub5xriecgi_small_2x.jpg);
	}
}

/* LOCAL FIXES */

@media only screen and (max-width: 734px) {
	.tile-wrapper.tile-tv-plus-iphone.full-width-tile-wrapper.large-12 .typography-tile-copy.tile-copy {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/*------------------------------------*\
   END MORE IPHONE CSS
\*------------------------------------*/
/*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/

.section-compare .iphone-se.cellular {
	grid-area: iphone-se-cellular;
	margin-bottom: 0;
	padding-bottom: 45px;
	border-bottom: 1px solid #d2d2d7;
}
.section-compare .iphone-13.cellular {
	grid-area: iphone-13-cellular;
	margin-bottom: 0;
	padding-bottom: 45px;
	border-bottom: 1px solid #d2d2d7;
}
.section-compare .iphone-14.cellular {
	grid-area: iphone-14-cellular;
	margin-bottom: 0;
	padding-bottom: 45px;
	border-bottom: 1px solid #d2d2d7;
}
.section-compare .iphone-14-pro.cellular {
	grid-area: iphone-14-pro-cellular;
	margin-bottom: 0;
	padding-bottom: 45px;
	border-bottom: 1px solid #d2d2d7;
}

.tile-iphone-14 .copy-wrapper .links-stacked {
	margin-top: 26px;
}

@media only screen and (max-width: 1068px) {
	.tile-iphone-14 .copy-wrapper .links-stacked.stacked-s {
		margin-top: 19px;
	}
}
@media only screen and (max-width: 734px) {
	.tile-iphone-14 .copy-wrapper .links-stacked.stacked-s {
		margin-top: 18px;
	}
}

/*------------------------------------*\
   Hero Image start
\*------------------------------------*/
.tile-iphone-14.announce .hero-bgimage {
	width: 981px;
	height: 496px;
	background-size: 981px 496px;
	background-repeat: no-repeat;
	background-image: url(/ecc-shared/iphone/home/images/overview/hero/hero_iphone_14__de41900yuggi_large.jpg);
	position: relative;
	left: 50%;
	margin-left: -490.5px;
}

@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) {
	.tile-iphone-14.announce .hero-bgimage {
		background-image: url(/ecc-shared/iphone/home/images/overview/hero/hero_iphone_14__de41900yuggi_large_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	.tile-iphone-14.announce .hero-bgimage {
		width: 675px;
		height: 342px;
		background-size: 675px 342px;
		background-repeat: no-repeat;
		background-image: url(/ecc-shared/iphone/home/images/overview/hero/hero_iphone_14__de41900yuggi_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) {
	.tile-iphone-14.announce .hero-bgimage {
		background-image: url(/ecc-shared/iphone/home/images/overview/hero/hero_iphone_14__de41900yuggi_medium_2x.jpg);
	}
}

@media only screen and (max-width: 1068px) {
	.tile-iphone-14.announce .hero-bgimage {
		left: 50%;
		margin-left: -337.5px;
	}
}

@media only screen and (max-width: 734px) {
	.tile-iphone-14.announce .hero-bgimage {
		width: 400px;
		height: 203px;
		background-size: 400px 203px;
		background-repeat: no-repeat;
		background-image: url(/ecc-shared/iphone/home/images/overview/hero/hero_iphone_14__de41900yuggi_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) {
	.tile-iphone-14.announce .hero-bgimage {
		background-image: url(/ecc-shared/iphone/home/images/overview/hero/hero_iphone_14__de41900yuggi_small_2x.jpg);
	}
}

@media only screen and (max-width: 734px) {
	.tile-iphone-14.announce .hero-bgimage {
		left: 50%;
		margin-left: -200px;
	}
}
.tile-iphone-14.announce {
	padding-bottom: 94px;
}
@media only screen and (max-width: 1068px) {
	.tile-iphone-14.announce {
		padding-bottom: 74px;
	}
}
@media only screen and (max-width: 734px) {
	.tile-iphone-14.announce {
		padding-bottom: 54px;
	}
}

/*------------------------------------*\
   Hero Image end
\*------------------------------------*/
/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/
