/* --- local overrides --- */
html:not([dir="rtl"]) .section-banner .more::after,
html:not([dir="rtl"]) .section-banner .more::before {
	content: "";
}

/* --- banners --- */
#section-trade-in .banner-card.has-ctas .banner-card-headline,
#section-switchers .banner-card.has-ctas .banner-card-headline {
	pointer-events: all;
}

/* trade-in / switchers */
#section-trade-in.section-banner .banner-card .banner-card-copy-column,
#section-switchers.section-banner .banner-card .banner-card-copy-column {
	margin-bottom: 0;
}
@media (max-width: 1068px) {
	#section-trade-in.section-banner .banner-card .banner-card-headline,
	#section-switchers.section-banner .banner-card .banner-card-headline {
		font-size: 28px;
	}
}

@media (min-width: 1441px) {
	#section-switchers.section-banner .banner-card {
		--min-height: 580px;
	}
}
@media (min-width: 1069px) and (max-width: 1440px) {
	#section-trade-in.section-banner .banner-card {
		--min-height: 583px;
	}
	#section-switchers.section-banner .banner-card {
		--min-height: 480px;
	}
}
@media (min-width: 735px) and (max-width: 1068px) {
	#section-trade-in.section-banner .banner-card {
		--min-height: 625px;
		height: auto;
	}
	#section-switchers.section-banner .banner-card {
		--min-height: 604px;
	}
}
@media (max-width: 734px) {
	#section-trade-in.section-banner .banner-card {
		--min-height: 640px;
	}

	#section-switchers.section-banner .banner-card {
		--min-height: 587px;
		--max-height: 587px;
	}

	#section-switchers h2 {
		font-size: 32px !important;
	}
}

/* trade-in */
@media (min-width: 1069px) {
	#section-trade-in {
		padding-top: 76px;
		padding-bottom: 0px;
	}
}
@media (min-width: 735px) and (max-width: 1068px) {
	#section-trade-in {
		padding-bottom: 9px;
	}
}

@media (min-width: 735px) and (max-width: 1440px) {
	#section-trade-in .section-header .section-header-headline {
		max-width: 75% !important;
		min-width: 50%;
	}
}

#section-trade-in.section-banner .banner-card {
	background-color: #fff;
}

@media (min-width: 1069px) and (max-width: 1440px) {
	#section-trade-in.section-banner .banner-card .banner-card-copy-column {
		padding-top: 88px;
	}
	#section-trade-in.section-banner .banner-card .banner-card-headline {
		font-size: 28px;
	}
	#section-trade-in.section-banner .banner-card .banner-card-ctas {
		max-width: 20ch;
	}
}

@media (min-width: 735px) and (max-width: 1440px) {
	#section-trade-in.section-banner .banner-card .banner-card-headline + p {
		line-height: 1.25;
		margin-top: 22px;
	}
}

@media (min-width: 735px) and (max-width: 1068px) {
	#section-trade-in.section-banner .banner-card .banner-card-copy-column {
		padding-top: 90px;
	}
}

/* --- local screens --- */

/* Switchers */

@media screen and (min-width: 1441px) {
	#overview-banner-trade-in-1 {
		height: 780px;
	}
}

#section-switchers .banner-card-headline {
	color: black;
}

#section-switchers .gradient-text {
	background: #1d1d1f;
	background-clip: text;
	-webkit-text-fill-color: rgba(0, 0, 0, 0);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	background-image: linear-gradient(
		108deg,
		#0090f7,
		#ba62fc 34%,
		#f2416b 68%,
		#f55600
	);
}

@media (min-width: 734px) {
	#section-trade-in.section-banner .banner-card .banner-card-copy-column {
		--width: 520px !important;
	}
}

@media (max-width: 733px) {
	#section-trade-in.section-banner .banner-card .banner-card-copy-column {
		--width: 390px !important;
	}
}

@media only screen and (max-width: 395px) {
	#section-switchers.section-banner .banner-card .banner-card-headline {
		font-size: 22px !important;
	}
}

#apple-trade-in-logo {
	width: 155px;
	height: 32px;
	background-size: 155px 32px;
	background-repeat: no-repeat;
	background-image: url("/mx/iphone/shared/petra/includes/section-trade-in/images/promo_logo_iphone_tradein__7y3gtai5az66_large.png");
	background-position: center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	(-webkit-min-device-pixel-ratio: 1.5),
	(min-resolution: 144dpi) {
	#apple-trade-in-logo {
		background-image: url("/mx/iphone/shared/petra/includes/section-trade-in/images/promo_logo_iphone_tradein__7y3gtai5az66_large_2x.png");
	}
}

@media only screen and (max-width: 1068px) {
	#apple-trade-in-logo {
		width: 127px;
		height: 27px;
		background-size: 127px 27px;
		background-repeat: no-repeat;
		background-image: url("/mx/iphone/shared/petra/includes/section-trade-in/images/promo_logo_iphone_tradein__7y3gtai5az66_medium.png");
	}
}

@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) {
	#apple-trade-in-logo {
		background-image: url("/mx/iphone/shared/petra/includes/section-trade-in/images/promo_logo_iphone_tradein__7y3gtai5az66_medium_2x.png");
	}
}

@media only screen and (max-width: 734px) {
	#apple-trade-in-logo {
		width: 128px;
		height: 27px;
		background-size: 128px 27px;
		background-repeat: no-repeat;
		background-image: url("/mx/iphone/shared/petra/includes/section-trade-in/images/promo_logo_iphone_tradein__7y3gtai5az66_small.png");
	}
}

@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) {
	#apple-trade-in-logo {
		background-image: url("/mx/iphone/shared/petra/includes/section-trade-in/images/promo_logo_iphone_tradein__7y3gtai5az66_small_2x.png");
	}
}

/* Stickers wallpapers */

#wallpapers .essential-card-text-container {
	top: -22px;
}

/* MEDIUM */

@media (min-width: 734px) and (max-width: 1068px) {
	#stickers .essential-card-text-container {
		margin-bottom: -90px;
	}

	#wallpapers figure {
		margin-top: 19px;
	}

	#wallpapers picture {
		height: 200px;
	}
}

/* LARGE */

@media (min-width: 1069px) {
	#stickers .essential-card-text-container {
		margin-bottom: -35px;
	}

	#stickers picture {
		height: 353px;
	}

	#wallpapers figure {
		margin-top: -20px;
	}

	#wallpapers picture {
		height: 217px;
	}
}

/* XLARGE */

@media (min-width: 1441px) {
	#stickers picture {
		height: 383px;
	}

	#wallpapers picture {
		height: 297px;
	}
}

.section-essentials .column.banner-card-copy-column {
	margin-bottom: 0;
}

/* Large */

@media (min-width: 1068px) {
	figure.essential-card-image.image-bottom-center {
		margin: auto;
	}

	#essentials-android .column.banner-card-copy-column p {
		padding-bottom: 15px;
	}
}

/* Medium */

@media (min-width: 734px) and (max-width: 1068px) {
	#essentials-android .banner-card-row.row {
		gap: 30px;
	}

	#essentials-android .column.banner-card-copy-column p {
		padding-bottom: 15px;
		line-height: 21px;
	}

	#essentials-android figure {
		top: 30px;
		margin: auto;
		position: relative;
	}
}

/* Small */
@media (min-width: 540px) and (max-width: 734px) {
	#essentials-android .column.banner-card-copy-column p {
		font-size: 14px;
		line-height: 18px;
		padding-bottom: 12px;
	}

	#essentials-android .banner-card-row.row {
		gap: 50px;
	}

	#overview-essentials-magsafe-1 img {
		left: 15px;
		position: relative;
	}
}

/* Xsmall */
@media (max-width: 540px) {
	#essentials-android .banner-card-row.row {
		gap: 50px;
	}
	#essentials-android .column.banner-card-copy-column p {
		font-size: 14px;
		line-height: 18px;
		padding-bottom: 9px;
	}
	#essentials-android .banner-card {
		--min-height: 353px;
	}
	#essentials-android figure {
		position: relative;
		top: 14px;
	}
}