/*------------------------------------*\
   LOCAL SCREENS
\*------------------------------------*/

/*------------------------------------*\
   END LOCAL SCREENS
\*------------------------------------*/

/*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/
section.section-apple-intelligence .apple-intelligence-copy {
	margin-bottom: 90px;
}
@media only screen and (max-width: 734px) {
	.subsection-intro .modal-trigger-container .button {
		max-width: 134px;
	}
}

.subsection-chips .bento-section .badge-cpu, .subsection-chips .bento-section .badge-gpu {
	min-width: 6.6em;
}

@media only screen and (max-width: 734px) {
	.subsection-chips .bento-section .badge-cpu, .subsection-chips .bento-section .badge-gpu {
		min-width: 6.3em;
	}

	.subsection-chips .bento-section .badge:nth-child(odd) {
		margin-right: 20px;
	}
}

@media only screen and (max-width: 326px) {
	.subsection-chips .bento-section .badge:nth-child(odd) {
		margin-right: 10px;
	}
}

.subsection-chips .bento-section.section-mx-max .badge-ml .badge-caption, .subsection-chips .bento-section.section-mx-ultra .badge-ml .badge-caption {
	width: 10em;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.subsection-chips .bento-section .badge {
		margin-right: 75px;
	}
	section.section-apple-intelligence .apple-intelligence-copy {
		margin-bottom: 60px;
	}
	.section-upgraders .upgraders-content .upgraders-gallery .bento-grid .bento-item {
		--gap-override: 18px;
	}
}

@media only screen and (min-width: 1069px) {
	html.enhance-xp .subsection-chips .bento-section.section-mx-ultra .chip-intro-inner-content {
		padding-top: 30px;
	}

	html.enhance-xp .subsection-chips .bento-section.section-mx-ultra .badge-container {
		margin-bottom: 110px;
	}
}

@media only screen and (max-width: 1068px) {
	.bento-grid-thermals .section-thermals .typography-headline-plays-cool {
		max-width: 100%;
	}
}

@media only screen and (min-width: 735px) {
	.router-item-augmented-reality .copy-cta-container {
		padding-right: 20px;
		max-width: 320px;
	}
}

@media only screen and (max-width: 734px) {
	.router-item-augmented-reality .copy-cta-container {
		max-width: 100%;
	}
	section.section-apple-intelligence .apple-intelligence-copy {
		margin-bottom: 70px;
	}
}

html.no-enhance-xp .section-hero h2.static-text.static-text-4:first-child {
	padding-bottom: 0;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.subsection-form .section-copy {
		max-width: 100%;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .mx-performance .mx-specs .mx-specs-list {
		padding-inline: 0;
	}
}

@media only screen and (max-width: 355px) {
	.section-macos .typography-headline-standalone-subsection {
		font-size: 36px;
	}
}

@media only screen and (max-width: 734px) {
	html.no-enhance-xp .section-hero .sticky-container, html.no-hero-enhance-xp .section-hero .sticky-container {
		width: 100%;
	}

	html.no-enhance-xp .section-hero h2.static-text.static-text-4 + .static-text-4 {
		padding-left: 15px;
		padding-right: 15px;
	}
	.privacy-headline.typography-ai-privacy-headline .nowrap {
		white-space: initial;
		display: contents;
	}
}

@media only screen and (min-width: 735px) {
	.section-compare .grid-container {
		grid-template-areas:
			"mac-mini-hw . mac-studio-hw . mac-pro-hw"
			"mac-mini-swatch . mac-studio-swatch . mac-pro-swatch"
			"mac-mini-headline . mac-studio-headline . mac-pro-headline"
			"mac-mini-pricing . mac-studio-pricing . mac-pro-pricing"
			"mac-mini-processor . mac-studio-processor . mac-pro-processor"
			"mac-mini-cpu . mac-studio-cpu . mac-pro-cpu"
			"mac-mini-gpu . mac-studio-gpu . mac-pro-gpu"
			"mac-mini-memory . mac-studio-memory . mac-pro-memory"
			"mac-mini-storage . mac-studio-storage . mac-pro-storage"
			"mac-mini-apple-intelligence . mac-studio-apple-intelligence . mac-pro-apple-intelligence"
			"mac-mini-btn . mac-studio-btn . mac-pro-btn"
			"mac-mini-cta . mac-studio-cta . mac-pro-cta";
	}
}

@media only screen and (max-width: 734px) {
	.section-compare .grid-container {
		grid-template-areas:
			"mac-mini-hw mac-studio-hw"
			"mac-mini-swatch mac-studio-swatch"
			"mac-mini-headline mac-studio-headline"
			"mac-mini-pricing mac-studio-pricing"
			"mac-mini-processor mac-studio-processor"
			"mac-mini-cpu mac-studio-cpu"
			"mac-mini-gpu mac-studio-gpu"
			"mac-mini-memory mac-studio-memory"
			"mac-mini-storage mac-studio-storage"
			"mac-mini-apple-intelligence mac-studio-apple-intelligence"
			"mac-mini-btn mac-studio-btn"
			"mac-mini-cta mac-studio-cta"
			". ."
			"mac-pro-hw ."
			"mac-pro-swatch ."
			"mac-pro-headline ."
			"mac-pro-pricing ."
			"mac-pro-processor ."
			"mac-pro-cpu ."
			"mac-pro-gpu ."
			"mac-pro-memory ."
			"mac-pro-storage ."
			"mac-pro-apple-intelligence ."
			"mac-pro-btn ."
			"mac-pro-cta .";
		max-width: 320px;
	}
}

.section-compare .grid-container {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	justify-content: center;
	max-width: 870px;
	margin-bottom: 84px;
	grid-template-columns: 244px 80px 244px;
}

.section-compare .button-wrapper {
	margin-top: 15px;
}

@media only screen and (max-width: 1068px) {
	.section-compare .grid-container {
		max-width: 650px;
		width: 100%;
		grid-template-columns: 170px 68px 170px;
		padding: 0;
		margin-bottom: 64px;
	}
}
@media only screen and (max-width: 734px) {
	.section-compare .grid-container {
		margin-bottom: 66px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 320px;
	}
}

section.section-apple-intelligence .apple-intelligence-headline .ai-gradient-text {
	background-image: linear-gradient(
		90deg,
		#0090f7 8%,
		#ba62fc,
		#f2416b,
		#f55600
	);
}

.section-values-router {
	padding-block: 80px 80px;
}

@media only screen and (min-width: 1068px) {
	.section-upgraders .trade-in {
		margin-top: 0;
	}
}

@media only screen and (min-width: 1068px) {
	.section-upgraders {
		margin-top: 0;
	}
}

section.section-apple-intelligence .apple-intelligence-available {
	font-weight: 600;
	font-size: 14px;
	color: rgb(134, 134, 139);
}

.section-compare .grid-container {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	justify-content: center;
	max-width: 870px;
	margin-bottom: 84px;
	grid-template-columns: 244px 80px 244px;
}

@media only screen and (max-width: 1068px) {
	.section-compare .grid-container {
		max-width: 650px;
		width: 100%;
		grid-template-columns: 170px 68px 170px;
		padding: 0;
		margin-bottom: 64px;
	}
}
@media only screen and (max-width: 734px) {
	.section-compare .grid-container {
		margin-bottom: 66px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 320px;
	}
}
/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/