.keyline-top {
	margin-top: 20px;
	border-top: 1px solid #d6d6d6;
	padding-top: 1.5em;
}
/* small viewport */
@media only screen and (max-width: 734px) {
	.section .section-content .keyline-top {
		margin-top: 0;
	}
}

/* ----- Hero  ----- */
@media only screen and (min-width: 1068px) {
	.section-hero .device-iphone-14-pro-black-container {
		position: absolute;
		top: 15%;
		left: -3px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-hero .device-iphone-14-pro-black-container {
		margin-top: 3em;
		margin-bottom: 3em;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .device-iphone-14-pro-black-container {
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}
}

/* small viewport */
@media only screen and (max-width: 734px) {
	.section-hero header {
		margin-top: 0;
		text-align: center;
	}
}

/* ----- Offer Section ----- */
.section-offer .keyline-top {
	padding-top: 4.5em;
}
@media only screen and (max-width: 734px) {
	.section-offer .keyline-top {
		padding-top: 5em;
	}
}

.image-preorders-badge {
	display: block;
	width: 156px;
	height: 6em;
	background-image: url("/https/developer.apple.com/app-store/pre-orders/images/badge-pre-order-on-the-app-store.svg");
	background-repeat: no-repeat;
	background-size: 156px 55px;
	background-position: top center;
	margin-top: -5.5em;
}

/* ----- Related Section ----- */
.section-related {
	padding-bottom: 3em;
}

.section-related ul {
	list-style: none;
}

/* ========== Grid ========== */
#main section.section {
	padding-top: 4em;
	padding-bottom: 4em;
}
#main section.section.section-hero {
	padding-top: 4em;
	padding-bottom: 4em;
	overflow: hidden;
}
#main section .section-content .row {
	margin-left: 0;
	margin-right: 0;
}
#main section .section-content .row > .column {
	padding: 0;
}

@media only screen and (max-width: 1068px) {
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}

@media only screen and (max-width: 734px) {
	#main section.section {
		padding-top: 3em;
		padding-bottom: 3em;
	}
	#main section.section.section-hero {
		padding-top: 3em;
		padding-bottom: 0;
	}
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 1em 0;
	}
	#main section.section-hero .section-content .row > .column {
		padding: 1em 0 0;
	}
}

/* ========== LOCALIZED IMAGES ========== */
/* zh-CN */
.image-preorders-badge-cn {
	display: block;
	width: 156px;
	height: 6em;
	background-image: url("/https/developer.apple.com/app-store/marketing/guidelines/images/badge-pre-order-on-the-app-store-cn.svg");
	background-repeat: no-repeat;
	background-size: 156px 55px;
	background-position: top center;
	margin-top: -5.5em;
}

/* ja-JP */

.image-preorders-badge-jp {
	display: block;
	width: 156px;
	height: 6em;
	background-image: url("/https/developer.apple.com/app-store/marketing/guidelines/images/badge-pre-order-on-the-app-store-jp.svg");
	background-repeat: no-repeat;
	background-size: 156px 55px;
	background-position: top center;
	margin-top: -5.5em;
}

/* ko-KR */
.image-preorders-badge-kr {
	display: block;
	width: 156px;
	height: 6em;
	background-image: url("/https/developer.apple.com/app-store/marketing/guidelines/images/badge-pre-order-on-the-app-store-kr.svg");
	background-repeat: no-repeat;
	background-size: 156px 55px;
	background-position: top center;
	margin-top: -5.5em;
}