/* LOCAL OVERRIDES */

/* bts 2024 ribbon xs */

@media only screen and (max-width: 367px) {
	.ribbon.ribbon-bts-2024.education-college-students-ribbon {
		margin-top: 23px;
	}
}

@media only screen and (max-width: 734px) {
	.section-bts-banner .banner-copy-column {
		padding-right: 21px;
	}
}

/* hero */

@media only screen and (min-width: 1069px) and (max-width: 1300px) {
	.section-hero .hero-headline {
		flex-direction: column;
		text-align: center;
	}
}

/* Dynamic Pricing */
.sosumi-link-follows,
.sosumi-link-follows + .footnote {
	display: none;
}
.sosumi-link-follows[data-pricing-loaded],
.sosumi-link-follows[data-pricing-loaded] + .footnote {
	display: inline;
}

/* bts banner */

@media only screen and (max-width: 1068px) {
	.section-bts-banner .banner {
		--height: 855px;
	}
}

@media only screen and (max-width: 734px) {
	.section-bts-banner .banner {
		--height: 546px;
	}
}

@media only screen and (max-width: 616px) {
	.section-bts-banner .banner {
		--height: 572px;
	}
}

@media only screen and (max-width: 455px) {
	.section-bts-banner .banner {
		--height: 602px;
	}
}

@media only screen and (max-width: 345px) {
	.section-bts-banner .banner {
		--height: 628px;
	}
}

/* hero */

@media only screen and (max-width: 860px) and (min-width: 735px) {
	.typography-hero-headline {
		font-size: 53px;
	}
}

/* compare */

.section-compare .compare-column-extra .value {
	font-size: 25px;
}

.compare-row.compare-buttons .icon-wrapper.buy-link {
	font-size: 16px;
}

@media only screen and (min-width: 1400px) {
	.scroll-gallery.compare-mac-gallery .item-container {
		padding-inline: 0px;
	}
	.scroll-gallery.compare-ipad-gallery .item-container {
		padding-inline: 0px;
	}
}

@media only screen and (min-width: 375px) {
	.scroll-gallery.compare-mac-gallery .gallery-item {
		width: 270px;
	}
	.scroll-gallery.compare-ipad-gallery .gallery-item {
		width: 270px;
	}
}

@media only screen and (max-width: 374px) {
	.compare-row.compare-buttons .icon-wrapper.buy-link {
		font-size: 14px;
	}
}

/* Compare */
@media only screen and (max-width: 450px) {
	#compare-gallery-item-mac .gallery-item-inner.item-container {
		display: flex;
		width: 100%;
	}

	#compare-gallery-item-mac .gallery-item-inner.item-container span {
		width: 100%;
		text-align: left;
	}
}

@media only screen and (max-width: 375px) {
	#compare-gallery-item-mac .gallery-item-inner.item-container,
	#compare-gallery-item-mac .gallery-item-inner.item-container span {
		text-align: center;
	}
	.section-compare .compare-table.compare-mac .icon-chip,
	.section-compare .compare-table.compare-mac .icon-apple-intelligence {
		margin-inline: auto;
	}
}

/* section mac and ipad */
.section-mac-and-ipad .mac-content-image > .image-carousel-wrapper,
.section-mac-and-ipad .ipad-content-image > .image-carousel-wrapper {
	height: fit-content;
}

@media only screen and (max-width: 1068px) {
	.section-values {
		padding-top: 40px;
	}
}

/* Trade in */

@media only screen and (min-width: 734px) {
	.section-savings .savings-gallery .item-container {
		grid-template-columns: 1fr 1fr;
	}
	.section-savings .savings-gallery .gallery-item {
		width: 100%;
	}
}

html.enhance-xp .section-hero .gradient-text {
	text-align: center;
}

.section-content.hero-copy-container .icon-wrapper {
	text-wrap: wrap;
}

.section-savings .card {
	width: 100%;
}

@media (max-width: 338px) {
	.section-savings .card-wrapper {
		padding-top: 173px;
	}
}

@media only screen and (max-width: 734px) {
	.section-savings .savings-gallery .gallery-item#trade-in {
		height: 325px;
	}
	.section-savings .savings-gallery .gallery-item#applecare {
		height: 425px;
	}
}

@media only screen and (max-width: 372px) {
	.section-savings .savings-gallery .gallery-item#applecare {
		height: 450px;
	}
}

@media only screen and (max-width: 331px) {
	.section-savings .savings-gallery .gallery-item#trade-in {
		height: 350px;
	}
}

/* savings applecare */

.section-savings .savings-gallery #applecare h3 {
	max-width: 424px;
}

.large-show.customized {
	display: none;
}

@media only screen and (min-width: 1418px) {
	.large-show.customized {
		display: block;
	}
}
