.section-routers .router-item-environment .router-item-content {
	padding-top: 102px;
	padding-bottom: 102px;
}

article.section-performance .badge.badge1 .badge-value .footnote-number a {
	color: #000;
}

article.section-performance .performance-badges {
	margin: 145px 0 22px;
}

.section-routers .accent-green:before {
	width: 250px;
	height: 52px;
	background-size: 250px 52px;
}

@media only screen and (max-width: 1068px) {
	.section-routers .accent-green:before {
		width: 210px;
		height: 50px;
		background-size: 210px 50px;
	}
}
@media only screen and (max-width: 734px) {
	.section-routers .accent-green:before {
		width: 157px;
		height: 34px;
		background-size: 157px 34px;
	}
	article.section-performance .badge.badge1 .badge-caption {
		max-width: 12em;
	}

	article.section-performance .badge.badge2 .badge-caption {
		max-width: 15em;
	}
}

/* start: trade-in alt */
.router-grid-wrapper .router-item-tradein {
	grid-column-start: 1;
	grid-column-end: 3;
}

@media only screen and (max-width: 734px) {
	.router-grid-wrapper .router-item-tradein {
		grid-column-start: 1;
		grid-column-end: 1;
	}
}

@media only screen and (min-width: 735px) {
	.router-grid-wrapper .router-item-tradein .router-content-wrapper {
		flex-direction: row;
		justify-content: center;
		text-align: left;
		padding-right: 50px;
	}

	.router-grid-wrapper .router-item-tradein .router-content-wrapper .router-item-copy {
		margin-left: 0;
		margin-right: 0;
	}

	.router-grid-wrapper .router-item-tradein .router-content-wrapper .router-item-picture {
		flex-grow: 1;
	}

	.router-grid-wrapper .router-item-tradein .router-content-wrapper .router-item-content {
		margin-bottom: 52px;
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media only screen and (min-width: 940px) {
	.router-grid-wrapper .router-item-tradein .router-content-wrapper {
		padding-right: 50px;
	}

	.router-grid-wrapper .router-item-tradein .router-content-wrapper .router-item-content {
		padding-left: 50px;
		padding-right: 50px;
		margin-top: 102px;
		margin-bottom: 102px;
	}
}

@media only screen and (min-width: 1069px) {
	.router-grid-wrapper .router-item-tradein .router-content-wrapper {
		padding: 0 50px;
	}

	.router-grid-wrapper .router-item-tradein .router-content-wrapper .router-item-picture {
		flex-grow: 0;
	}

	.router-grid-wrapper .router-item-tradein .router-content-wrapper .router-item-content {
		padding-left: 0;
		padding-right: 50px;
		max-width: 500px;
	}
}

@media only screen and (max-width: 870px) {
	.router-grid-wrapper .router-item-tradein .router-content-wrapper {
		padding-right: 20px;
		padding-left: 20px;
	}

	.router-grid-wrapper .router-item-tradein .router-content-wrapper .router-item-content {
		padding-left: 30px;
		padding-right: 10px;
		margin-top: 52px;
	}
}

@media only screen and (max-width: 734px) {
	.router-grid-wrapper .router-item-tradein .router-content-wrapper .router-item-content {
		margin-top: 36px;
	}

	.router-item.router-item-tradein .router-item-picture.align-middle {
		padding-bottom: 0;
	}
}

@media only screen and (max-width: 734px) {
	.router-grid-wrapper .router-item-tradein .router-content-wrapper {
		margin-right: 0;
	}

	.router-grid-wrapper .router-item-tradein .router-content-wrapper .router-item-content {
		padding-left: 0;
		padding-right: 0;
	}
}

.overview-routers-trade-in {
	width: 463px;
	height: 282px;
	--p-width: 463px;
	--p-height: 282px;
}
.badge-value .footnote-number {
	font-size: 48px;
	line-height: 1.0555555556;
	top: -20px;
}
.copy-footnote-nowrap {
	display: flex;
}
.performance-badges .copy-footnote-nowrap sup.footnote-number {
	top: 5px;
	font-size: 24px;
}

.performance-badges .badge {
	margin-top: 51px;
}

@media only screen and (max-width: 1068px) {
	.performance-badges .badge {
		margin-top: 36px;
	}
}

@media only screen and (max-width: 734px) {
	.performance-badges .badge {
		margin-top: 0px;
	}
}

.mx-chips .copy-footnote-nowrap sup.footnote-number {
	top: -5px;
}

.overview-routers-trade-in img {
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 1068px) {
	.router-grid-wrapper .router-item-tradein .router-content-wrapper .router-item-content {
		max-width: 400px;
	}

	.overview-routers-trade-in {
		width: 356px;
		height: 216px;
		--p-width: 356px;
		--p-height: 216px;
	}
}

/* end: trade-in alt */

html.enhance-xp .section-hero .sticky-container .sticky-content .hero-sequence-copy {
	text-align: center;
}

@media only screen and (max-width: 734px) {
	.card-gallery .gallery-item-copy {
		max-width: 270px;
	}
}

/* avail msg copy styles */
.section-hero .hero-copy-wrapper .macbook-air-13-and-15-global-avail {
	margin-top: 0;
	margin-bottom: 20px;
}

@media only screen and (min-width: 1069px) {
	article.section-keyboard .inner-tile-grid {
		margin-bottom: 125px;
		margin-top: 87px;
	}
}

/* AR Gallery */
@media only screen and (max-width: 1068px) {
	.section-routers .router-item-augmented-reality .router-item-headline {
		font-size: 35px;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .router-item-augmented-reality .router-item-headline {
		font-size: 32px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-routers .router-item-augmented-reality .ar-wrapper {
		padding: 0 40px;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .router-item-augmented-reality .ar-wrapper {
		padding: 0 var(--router-item-column-padding);
	}
}

@media only screen and (max-width: 1068px) {
	.section-routers .router-item-augmented-reality .gallery-container {
		margin-top: 80px;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .router-item-augmented-reality .gallery-container {
		margin-top: 0;
	}
}
/* AR Gallery */

/* Fix small viewport Performance section */

@media only screen and (max-width: 734px) {
	article.section-performance .picture-performance-hero-static img {
		max-width: unset;
	}
}

/* start: compare gallery */
.section-upgraders {
	--tout-grid-copy-width: 185px;
}

@media only screen and (max-width: 1068px) {
	.section-upgraders {
		--tout-grid-copy-width: 150px;
	}
}

@media only screen and (max-width: 734px) {
	.section-upgraders {
		--tout-grid-copy-width: 120px;
	}
}
/* end: compare gallery */

/* Start: Compare Gallery */
.section-upgraders {
	--icon-arrow-pos-x: 30px;
	--icon-arrow-pos-y: -70px;
}

@media only screen and (max-width: 1068px) {
	.section-upgraders {
		--icon-arrow-pos-x: 45px;
		--icon-arrow-pos-y: -66px;
	}
}

@media only screen and (max-width: 734px) {
	.section-upgraders {
		--icon-arrow-pos-x: 21px;
		--icon-arrow-pos-y: -45px;
	}
}
/* End: Compare Gallery */

/* Start: Environment */
@media only screen and (max-width: 734px) {
	.router-item-headline {
		font-size: 30px;
	}
}

/* End: Environment */

/* Air compare section */

article.section-performance .air-compare .compare-grid.apple-intelligence-summer24 {
	grid-template-areas:
		"mba-m2-hw mba-prefix-hw"
		"mba-m2-title mba-prefix-title"
		"mba-m2-chip mba-prefix-chip"
		"mba-m2-display mba-prefix-display"
		"mba-m2-wifi mba-prefix-wifi"
		"mba-m2-intelligence mba-prefix-intelligence";
}

@media only screen and (max-width: 734px) {
	article.section-performance .air-compare .compare-grid.apple-intelligence-summer24 {
		grid-template-areas:
			"mba-m2-hw"
			"mba-m2-title"
			"mba-m2-chip"
			"mba-m2-display"
			"mba-m2-wifi"
			"mba-m2-intelligence"
			"mba-prefix-hw"
			"mba-prefix-title"
			"mba-prefix-chip"
			"mba-prefix-display"
			"mba-prefix-wifi"
			"mba-prefix-intelligence";
	}
}

/* Air compare section */

/* Which laptop is right section */

.section-routers .section-compare .grid-container.apple-intelligence-summer24 {
	grid-template-areas:
		"mba1315-hw mbp1416-hw"
		"mba1315-swatch mbp1416-swatch"
		"mba1315-headline mbp1416-headline"
		"mba1315-pricing mbp1416-pricing"
		"mba1315-display mbp1416-display"
		"mba1315-processor mbp1416-processor"
		"mba1315-memory mbp1416-memory"
		"mba1315-storage mbp1416-storage"
		"mba1315-battery mbp1416-battery"
		"mba1315-intelligence mbp1416-intelligence"
		"mba1315-biometrics mbp1416-biometrics"
		"mba1315-btn mbp1416-btn"
		"mba1315-cta mbp1416-cta";
}

@media only screen and (max-width: 734px) {
	.section-routers .section-compare .grid-container.apple-intelligence-summer24 {
		grid-template-areas:
			"mba1315-hw mbp1416-hw"
			"mba1315-swatch mbp1416-swatch"
			"mba1315-headline mbp1416-headline"
			"mba1315-pricing mbp1416-pricing"
			"mba1315-display mbp1416-display"
			"mba1315-processor mbp1416-processor"
			"mba1315-memory mbp1416-memory"
			"mba1315-storage mbp1416-storage"
			"mba1315-battery mbp1416-battery"
			"mba1315-intelligence mbp1416-intelligence"
			"mba1315-biometrics mbp1416-biometrics"
			"mba1315-btn mbp1416-btn"
			"mba1315-cta mbp1416-cta";
	}
}

/* Which laptop is right section */

article.section-apple-intelligence .ai-announce {
	margin-top: 1.6em;
	color: #86868b;
}

/* Badge value cutoff fix */
article.section-performance .badge .badge-value {
	line-height: 1.1;
}
/* End of Badge value cutoff fix */

/* Fix superscript not showing at badge value */
.section-upgraders .bento-item.performance .gradient-text-blue sup.footnote-number {
	-webkit-text-fill-color: #3f6b8c;
	font-size: 0.3em;
	bottom: 1.6em;
}

@media only screen and (max-width: 734px) {
	.section-upgraders .bento-item.performance .gradient-text-blue sup.footnote-number {
		font-size: 0.5em;
		bottom: 0.8em;
	}
}
/* End of Fix superscript not showing at badge value */

/* Fix cutoff word */
article.section-apple-intelligence .privacy-section .privacy-subsection strong {
	padding-right: 0.05em;
}
/* End of Fix cutoff word */

/* Fix top hero spacing */
.ribbon ~ .section-hero .content-container {
	padding-top: 52px;
}

@media only screen and (max-width: 1068px) {
	.ribbon ~ .section-hero .content-container {
		padding-top: 90px;
	}
}

@media only screen and (max-width: 734px) {
	.ribbon ~ .section-hero .content-container {
		padding-top: 40px;
	}
}

@media only screen and (max-width: 734px) {
	.ribbon ~ .section-hero .content-container .apple-intelligence-container, .ribbon ~ .section-hero .content-container .inline-media {
		margin-top: 37px;
	}
}
/* End of Fix top hero spacing */

/* Fix headline cut off */
@media only screen and (min-width: 735px) {
	.typography-hero-headline {
		line-height: 1.17;
	}
}
/* End of Fix headline cut off */
