/* Performance section */
article.section-performance .badge.badge1 .badge-caption {
	max-width: 15em;
}

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

@media only screen and (min-width: 735px) {
	article.section-performance .badge {
		top: 30px;
	}
}

@media only screen and (max-width: 734px) {
	article.section-performance .badge.badge2 {
		top: 25px;
	}
}

article.section-performance .badge.badge1 {
	margin-right: 40px;
}

@media only screen and (max-width: 1068px) {
	article.section-performance .badge.badge1 {
		margin-right: 20px;
	}
}

article.section-performance .badge.badge2 {
	margin-right: 40px;
}

@media only screen and (max-width: 1068px) {
	article.section-performance .badge.badge2 {
		margin-right: 20px;
	}
}

article.section-performance .air-compare .compare-grid .compare-icon-label {
	max-width: 13em;
}

.performance-modal-content .subsection-gallery .item-container .gallery-item .bars-container .badge-value {
	font-size: 45px;
}

@media only screen and (max-width: 734px) {
	.performance-modal-content .subsection-gallery .item-container .gallery-item .bars-container .badge-value {
		font-size: 40px;
	}
}

.performance-modal-content .subsection-gallery {
	padding-right: 40px;
	padding-left: 50px;
}

@media only screen and (max-width: 1068px) {
	.performance-modal-content .subsection-gallery {
		padding: 79px 80px 75px;
	}
}

@media only screen and (max-width: 734px) {
	.performance-modal-content .subsection-gallery {
		padding: 62px 0 60px;
	}
}

.performance-modal-content .subsection-gallery .item-container .gallery-item .bars-container {
	column-gap: 13px;
}

@media only screen and (max-width: 1068px) {
	.performance-modal-content .subsection-gallery .item-container .gallery-item .bars-container {
		column-gap: 22px;
	}
}

/* accessories tile */
@media only screen and (min-width: 1069px) {
	.router-item-accessories:not(.full-split) .router-item-headline {
		max-width: 410px;
	}
}

/* environment tile */
.section-routers .router-item-environment .accent-green:before {
	left: 0;
}

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

@media only screen and (max-width: 1068px) {
	.section-routers .accent-green:before {
		width: 65px;
		background-size: 65px 48px;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .accent-green:before {
		width: 52px;
		background-size: 52px 48px;
	}
}

/* trade-in */
.router-item-copy {
	max-width: 600px;
}

html.text-zoom .router-item-copy {
	max-width: unset;
}

.overview-routers-tradein {
	--p-width: 1380px;
	--p-height: 528px;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.overview-routers-tradein {
		--p-width: 1028px;
		--p-height: 404px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.overview-routers-tradein {
		--p-width: 375px;
		--p-height: 192px;
	}
}

/* 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: 19px;
		--icon-arrow-pos-y: -58px;
	}
}
/* End: Compare Gallery */

/* Fix router AR medium viewport */

@media only screen and (max-width: 1068px) {
	.router-item-augmented-reality .router-item-headline {
		font-size: 36px;
	}
}

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";
	}
}

.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";
	}
}

html.text-zoom .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-upgraders .form-dropdown {
		max-width: 300px;
	}
}

@media only screen and (min-width: 1069px) {
	.section-routers .router-item-environment .router-item-content {
		margin-block: 75px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-routers .router-item-environment .router-item-content {
		margin-block: 40px;
	}
}

.typography-section-headline {
	line-height: 1.45;
}

@media only screen and (min-width: 1069px) {
	.section-routers .router-item-accessories .router-item-content {
		max-width: 19em;
	}
}

article.section-apple-intelligence .current span.nowrap {
	background-image: unset;
	background-clip: unset;
	-webkit-text-fill-color: unset;
}

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

@media only screen and (min-width: 1069px) {
	.section-upgraders .upgraders-content .upgraders-gallery .bento-grid .bento-item:nth-child(3) {
		max-height: 231px;
	}
}

@media only screen and (min-width: 1069px) {
	.section-upgraders .upgraders-content .upgraders-gallery .bento-grid .bento-item:nth-child(2) {
		flex-direction: column-reverse;
	}
}

.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;
	}
}

@media only screen and (max-width: 734px) {
	.performance-modal-content .subsection-gallery .graph-gallery .item-container .bars-container .bar-content-container {
		max-width: 160px;
	}
}

@media only screen and (max-width: 734px) {
	.performance-modal-content .subsection-gallery .graph-gallery .item-container .bars-container {
		grid-template-columns: auto 110px;
	}
}