/* Local Overrides */

/* General Helpers */
.xsmall-only {
	display: none;
}

@media only screen and (max-width: 345px) {
	.xsmall-only {
		display: block;
	}
}

/* Section chip  */
@media only screen and (min-width: 1100px) {
	.section-chip .badges.row {
		width: 110%;
	}
}

/* Liquid Retina Section Badge */
.section-display-liquid-retina .badges .badge {
	min-width: 19em;
}

.section-display-liquid-retina .badges .badge br {
	display: none;
}

@media only screen and (min-width: 735px) and (max-width: 885px) {
	.section-display-liquid-retina .badges .badge br {
		display: block;
	}
}

@media only screen and (max-width: 354px) {
	.section-display-liquid-retina .badges .badge br {
		display: block;
	}
}

/* Section iPadOS Badge */
.section-ipados .badge {
	min-width: 10em;
}

/* Section Cameras */
@media only screen and (min-width: 1069px) {
	.subsection-rear-facing .pin-ultra-wide:after {
		height: 80%;
		position: relative;
		top: 40px;
	}
	.subsection-rear-facing .pin-ultra-wide .pin-caption {
		bottom: 82%;
	}
}

@media only screen and (max-width: 734px) {
	.subsection-rear-facing .pin-ultra-wide:after {
		height: 140%;
		position: relative;
		top: -40px;
	}
	.subsection-rear-facing .pin-ultra-wide .pin-caption {
		bottom: 136%;
	}
}

/* Augmented Reality */

.section-augmented-reality .quicklook-headline {
	font-size: 52px;
	max-width: 450px;
}

@media only screen and (max-width: 1068px) {
	.section-augmented-reality .quicklook-headline {
		font-size: 45px;
	}
}

@media only screen and (max-width: 734px) {
	.section-augmented-reality .quicklook-headline {
		font-size: 42px;
	}
}

@media only screen and (max-width: 340px) {
	.section-augmented-reality .quicklook-headline {
		font-size: 39px;
	}
}

/* Trade In */
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-trade-in .trade-in-headline {
		font-size: 41px;
	}
}

@media only screen and (max-width: 326px) {
	.section-trade-in .trade-in-headline {
		font-size: 39px;
	}
}

/* Ribbon */

.ribbon {
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.ribbon-content {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}

.ribbon .ribbon-content-wrapper {
	padding-top: 0.9411764706em;
	padding-bottom: 0.9411764706em;
}

.ribbon-drop-wrapper {
	animation: ribbon-drop 0.8s ease-in-out forwards;
}

.ribbon-content-wrapper {
	text-align: center;
}

.typography-ribbon {
	font-size: 12px;
	line-height: 1.4285914286;
	font-weight: 400;
	letter-spacing: -0.016em;
	font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
		sans-serif;
}

.ribbon-blue-to-default .ribbon-content-wrapper {
	background-color: #0071e3;
	animation: animate-background-0071e3-1d1d1f 1s ease-in-out 1.8s forwards;
}

.ribbon p {
	font-size: 12px !important;
	padding: 0 9px;
}

.ribbon .ribbon-content-wrapper {
	padding-top: 0.9411764706em;
	padding-bottom: 0.9411764706em;
}

@keyframes ribbon-drop {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0);
	}
}

@keyframes animate-background-0071e3-1d1d1f {
	0% {
		background-color: #0071e3;
	}

	100% {
		background-color: #1d1d1f;
	}
}

/* Section Wireless headline */

@media only screen and (min-width: 1069px) {
	.section-wireless .section-headline {
		font-size: 76px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-wireless .section-headline {
		font-size: 53px;
	}
}

/* AR extra-copy */
@media only screen and (max-width: 1060px) {
	.section-augmented-reality .quicklook-headline {
		padding-right: 10px;
	}
}