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

.section-routers .accent-green:before {
	width: 221px;
	height: 57px;
	background-size: 221px 57px;
	background-image: url(/hu/mac-studio/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-studio/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-studio/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-studio/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-studio/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-studio/images/overview/routers/environment_highlight__edulvmndbz42_small_2x.png);
	}
}
/*------------------------------------*\
  END LOCAL SCREENS
\*------------------------------------*/
/*------------------------------------*\
  LOCAL FIXES
\*——————————————————*/
@media only screen and (min-width: 1069px) {
	.section-compare .grid-container {
		max-width: 880px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.subsection-form .section-copy {
		max-width: 29.78em;
	} 
}
@media only screen and (max-width: 734px) {
}

@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 {
		  margin-bottom: 66px;
		  grid-template-columns: repeat(2, minmax(0, 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;
	  }
	}
.ai-avail {
	margin-top: 1rem;
	font-size: 16px;
	line-height: 1.2105263158;
	font-weight: 600;
	letter-spacing: 0.012em;
	font-family:
		SF Pro Display,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
	color: #86868b;
}

section.section-apple-intelligence .apple-intelligence-headline {
	margin-bottom: 0px;
}

.router-item-environment .accent-green:before {
	bottom: -2px;
}

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

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

.x-with-spaces {
	margin: 0 7px;
 }
 
 .section-studio-display .gallery-grid-icon .gallery-grid-img {
	margin-right: 3px;
 }

 .ai-gradient-text {
	background: #f5f5f7 !important;
	 -webkit-background-clip: text!important;
	 background-clip: text!important;
	 -webkit-text-fill-color: transparent!important;
	 -webkit-box-decoration-break: clone!important;
	 box-decoration-break: clone!important;
	 background-image: linear-gradient(97deg, #0096FF, #BB64FF 42%, #F2416B 74%, #EB7500)!important;
	 display: inline-block;
 }

 @media only screen and (min-width: 1069px) {
	.section-upgraders .upgraders-content .upgraders-gallery .bento-grid .bento-item:nth-child(2) {
	   min-height:450px;
	}   
	.router-item-augmented-reality .grid-item-headline {
	   max-width: 445px;
	   margin-right: -55px;
   }
 }
 @media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-upgraders .upgraders-content .upgraders-gallery .bento-grid .bento-item:nth-child(2) {
	   min-height:370px;
	}  
	.router-item-augmented-reality .grid-item-headline {
	   max-width: 350px;
	   margin-right: -10px;
   }
   .subsection-internals .keyline-container .measurement-label-height {
	   left: calc(100% + -15px);
	   bottom: -25px;
   }
   .section-upgraders .upgraders-content .upgraders-gallery .bento-grid .bento-item:nth-child(4) {
	--gap-override:13px;
   }
 }
 @media only screen and (max-width: 734px) {
	.graph-gallery .item-container .gallery-item .bars-container .bar-content-container {
		max-height:87px;
	}
	.subsection-intro .modal-trigger-container .button {
		max-width: 158px;
	}
	.graph-gallery .item-container .gallery-item .bars-container .bar-caption {
		font-size:14px;
	}
 }

 .section-upgraders {
	margin-top:0px;
 }
/*------------------------------------*\
  END LOCAL FIXES
\*------------------------------------*/