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

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