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

.section-routers .accent-green:before {
	width: 221px;
	height: 57px;
	background-size: 221px 57px;
	background-image: url(/hu/mac-pro/images/overview/routers/environment_highlight__edulvmndbz42_large.png);
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
	.section-routers .accent-green:before {
		background-image: url(/hu/mac-pro/images/overview/routers/environment_highlight__edulvmndbz42_large_2x.png);
	}
}

@media only screen and (max-width: 1068px) {
	.section-routers .accent-green:before {
		width: 189px;
		height: 47px;
		background-size: 189px 47px;
		background-image: url(/hu/mac-pro/images/overview/routers/environment_highlight__edulvmndbz42_medium.png);
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.section-routers .accent-green:before {
		background-image: url(/hu/mac-pro/images/overview/routers/environment_highlight__edulvmndbz42_medium_2x.png);
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .accent-green:before {
		width: 148px;
		height: 38px;
		background-size: 148px 38px;
		background-image: url(/hu/mac-pro/images/overview/routers/environment_highlight__edulvmndbz42_small.png);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.section-routers .accent-green:before {
		background-image: url(/hu/mac-pro/images/overview/routers/environment_highlight__edulvmndbz42_small_2x.png);
	}
}

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

/*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/
@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";

		grid-template-columns: 200px minmax(0, 130px) 200px minmax(0, 127px) 200px;
	}
}

@media only screen and (max-width: 734px) {
	.section-compare .grid-container {
		margin-bottom: 84px;
		grid-template-columns: repeat(2, minmax(0px, 1fr));
		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-routers .router-item-environment .accent-green:before {
	bottom: -2px;
}

.section-ar .column-figure {
	margin-top: 88px;
}

.badge-elevated .badge-value {
	font-size: 55px;
}

@media only screen and (max-width: 1069px) {
	.subsection-slots .pin-caption {
		white-space: normal;
	}
	.section-routers .router-item-environment .accent-green:before {
		bottom: -2px;
		left: -8px;
	}
}

@media only screen and (min-width: 1069px) and (max-width: 1200px) {
	.badge-elevated .badge-value {
		font-size: 46px;
	}
}

@media only screen and (min-width: 1069px) and (max-width: 1155px) {
	.section-magic-accessories .typography-headline-tile {
		font-size: 36px;
	}

	.section-magic-accessories .typography-eyebrow {
		font-size: 21px;
	}

	.section-ar .column-figure {
		margin-top: 140px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.performance-stats .badge.badge-elevated:first-child {
		margin-bottom: 25px;
	}
}

@media only screen and (max-width: 830px) {
	.router-item-macos .router-item-headline {
		font-size: 36px;
	}
	.badge-elevated .badge-value {
		font-size: 48px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 775px) {
	.typography-hardware-label {
		font-size: 18px;
	}
	.router-item-macos .router-item-headline {
		font-size: 32px;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .router-item-environment .accent-green:before {
		bottom: -2px;
		left: -3px;
	}

	.section-ar .column-figure {
		margin-top: 22px;
	}

	.router-item-macos .router-item-headline {
		font-size: 32px;
	}

	.subsection-slots .pins {
		width: 210px;
	}

	.subsection-slots .pin-caption {
		max-width: 175px;
		font-size: 12px;
		letter-spacing: -0.035em;
	}
}

@media only screen and (min-width: 1069px) {
	.section-max-width .badge-elevated .badge-value {
		font-size: 42px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-expansion .expansion-stats .badge:nth-child(3n) {
		margin-top: 75px;
	}
}
/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/