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

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

/*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/

.badge-elevated .badge-value,
.badge-elevated .stat-value,
.stat-elevated .badge-value,
.stat-elevated .stat-value {
	font-size: 54px;
}

@media only screen and (min-width: 1069px) {
	.section-magic-accessories .magic-accessories-headline {
		font-size: 29px;
	}
	.section-magic-accessories .typography-eyebrow {
		font-size: 23px;
	}
	.section-performance .section-max-width .badge-elevated .badge-unit {
		font-size: 38px;
	}
	.section-expansion
		.expansion-intro-max-width
		.expansion-stats
		.badge-value {
		font-size: 48px;
	}
	.section-magic-accessories .copy-wrapper {
		padding-right: 20px;
	}
	.section-magic-accessories .magic-accessories-headline,
	.section-ar .column-copy .typography-headline-tile {
		font-size: 36px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.modal-contents .picture-stat-content {
		margin-left: -30px;
	}
	.section-performance .section-max-width .badge-elevated .badge-unit {
		font-size: 36px;
	}
	.performance-stats .badge:first-child {
		padding-bottom: 25px;
	}
}
@media only screen and (min-width: 1069px) and (max-width: 1120px) {
	.section-magic-accessories .typography-eyebrow {
		font-size: 21px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 830px) {
	.subsection-slots .pins {
		width: 63%;
	}
}

@media only screen and (min-width: 735px) and (max-width: 800px) {
	.modal-contents .features-container .stat-value {
		font-size: 28px;
	}
}

@media only screen and (max-width: 420px) {
	.typography-headline-copy {
		font-size: 22px;
	}
	.performance-gallery .tablist-wrapper .tabnav-link {
		font-size: 17px;
		letter-spacing: -0.0099em;
	}
	.typography-manifesto {
		font-size: 20px;
	}
}

@media only screen and (min-width: 734px) {
	.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) {
	element.style {
	}
	@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 .";
		}
	}
}
/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/