/* LOCAL OVERRIDES */

/* Hero Copy */
@media only screen and (max-width: 734px) and (max-height: 770px) {
	html.sticky-small-hero-xp .section-hero .hero-products-grid {
		grid-template-columns: 132px [macmini] 110px [watch] 370px [iphone] 300px;
	}
}

/* ----- ----- trade-in ----- ----- */
@media only screen and (min-width: 735px) {
	.section-trade-in .card-content {
		flex-direction: row;
	}
	.section-trade-in .card-headline {
		text-align: left;
	}
	.section-trade-in .trade-in-link {
		text-align: left;
	}
}
@media only screen and (max-width: 734px) {
	.section-trade-in .section-card.card-rounded {
		min-height: 500px;
		height: 500px;
	}
}

/* trade-in - content */
@media only screen and (min-width: 735px) {
	.section-trade-in .card-content {
		max-width: 50%;
	}
}
@media only screen and (min-width: 1069px) {
	.section-trade-in .card-content {
		padding: 175px 60px 0;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-trade-in .card-content {
		padding: 135px 35px 0;
	}
}

/* trade-in - link */
.section-trade-in .trade-in-link {
	margin-top: 25px;
}

/* LOCAL SCREENS */
/* ----- ----- trade-in ----- ----- */
/* trade-in - position */
@media only screen and (min-width: 735px) {
	.section-trade-in .card-content__image-container {
		transform: translateX(-50%);
	}
}
@media only screen and (min-width: 1069px) {
	.section-trade-in .card-content__image-container {
		left: 75%;
		top: 13%;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-trade-in .card-content__image-container {
		left: 91.5%;
		top: 13%;
	}
}
@media only screen and (max-width: 734px) {
	.section-trade-in .card-content__image-container {
		left: 50%;
		top: 265px;
	}
}

/* trade-in - dimensions */
@media only screen and (min-width: 1069px) {
	.section-trade-in .overview-trade-in-phone-hands {
		--p-width: 509px;
		--p-height: 447px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-trade-in .overview-trade-in-phone-hands {
		--p-width: 729px;
		--p-height: 338px;
	}
}
@media only screen and (max-width: 734px) {
	.section-trade-in .overview-trade-in-phone-hands {
		--p-width: 390px;
		--p-height: 259px;
	}
}

/* Less power  */

.section-less-power .card-content {
	padding-top: 40px;
}

.section-less-power .card-content picture {
	padding-top: 40px;
}

/* Tradi-In Tile */

@media only screen and (max-width: 734px) {
	.section-you .tile.tile-trade-in .tile-content {
		padding: 40px 25px 212px;
	}
}

/* modals XS */

@media only screen and (max-width: 345px) {
	.modal-story .modal-copy-width {
		max-width: 280px;
	}
}