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

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

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

.performance-gallery .tablist-wrapper .tabnav-link {
	display: inline-block;
}
.modal-contents .features-container .stat:not(:first-child) {
    margin-top: 0px;
}

@media only screen and (min-width: 1069px) {
	.modal-contents .features-container .stat-value {
		line-height: 1.1;
	}
	.badge-elevated .badge-value, .badge-elevated .stat-value, .stat-elevated .badge-value, .stat-elevated .stat-value {
		font-size: 56px;
		line-height: 40px;
		margin: 20px 0;
	}
	.badge-elevated .badge-unit, .badge-elevated .stat-unit, .stat-elevated .badge-unit, .stat-elevated .stat-unit {
		font-size: 32px;
	}
	.section-pro-apps .section-gallery .pro-apps-gallery .tablist-wrapper .tabnav-items {
		margin: 0 155px;
	}
	.badge-elevated, .stat-elevated {
		padding-top: 50px;
	}
	.subsection-slots .pins {
		width: 48%;
	}
	.section-magic-accessories .magic-accessories-headline {
		font-size: 32px;
	}
	.section-magic-accessories .typography-eyebrow {
		font-size: 23px;
	}
	.section-ar .ar-headline {
		font-size: 40px;
	}
	
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.subsection-slots .pins {
		width: 65%;
	}
	.badge-elevated .badge-value, .badge-elevated .stat-value, .stat-elevated .badge-value, .stat-elevated .stat-value {
		line-height: 30px;
		margin-top: 5px;
		font-size: 56px;
	}
	.badge-elevated .badge-unit, .badge-elevated .stat-unit, .stat-elevated .badge-unit, .stat-elevated .stat-unit {
		font-size: 32px;
	}
	.section-expansion .expansion-stats .badge {
		margin-bottom: 25px;
	}
	.badge-elevated .badge-value.custom-pad {
		padding-top: 25px;
	}
	.section-ar .ar-headline {
		font-size: 28px;
	}
	
}

@media only screen and (max-width: 734px) {
	.badge-elevated .badge-value, .badge-elevated .stat-value, .stat-elevated .badge-value, .stat-elevated .stat-value {
		line-height: 34px;
		font-size: 56px;
		margin: 20px 0 15px;
	}
	.badge-elevated .badge-unit, .badge-elevated .stat-unit, .stat-elevated .badge-unit, .stat-elevated .stat-unit {
		font-size: 32px;
		line-height: 20px;
	}
	.section-ar .ar-headline {
		font-size: 30px;
	}
	.modal-contents .features-container .stat:first-child .stat-content {
		margin-top: 0;
		padding: 0;
		margin-bottom: 0px;
	}
	.modal-contents .features-container .stat:not(:first-child) {
    	margin-top: 0px;
    	margin-bottom: 0px;
	}
	.modal-contents .stat .stat-content {
		margin-bottom: 0px;
	}
	
}

@media only screen and (min-width: 580px) and (max-width: 734px) {
	.subsection-slots .pin-caption {
		max-width: 200px;
	}
	.subsection-slots .pins {
		width: 270px;
	}
	
}

@media only screen and (max-width: 579px) {
	.subsection-slots .pins {
		width: 230px;
	}
}

@media only screen and (max-width: 579px) {
	.subsection-slots .pin-caption {
		max-width: 180px;
		font-size: 12px;
	}
}

@media only screen and (max-width: 380px) {
	.modal-trigger-container .button, .modal-trigger-container .button.disabled {
		font-size: 16px;
	}
}

.modal-contents .stat-container .stat .stat-content span {
	position: relative;
}
.modal-contents .features-container .stat:first-child .stat-content {
	margin-top: 0;
	padding: 0;
}
.inline-block{
	display: inline-block;
}

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