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






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




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

.section-routers .router-item-environment {
	padding: 84px 0;
}
@media only screen and (max-width:1068px) {
    .section-routers .router-item-environment {
        padding: 84px 0;
    }
}
@media only screen and (max-width:734px) {
    .section-routers .router-item-environment {
        padding: 84px 0;
    }
}

.section-routers .router-item-environment .router-item-headline {
    max-width: 800px;
}
@media only screen and (max-width:734px) {
	.section-routers .router-item-environment .router-item-headline {
		max-width: 400px;
	}
}

.section-routers .router-item-environment .router-item-copy {
    max-width: 560px;
}
@media only screen and (max-width:1068px) {
	.section-routers .router-item-environment .router-item-copy {
		max-width: 480px;
	}
}
@media only screen and (max-width:734px) {
	.section-routers .router-item-environment .router-item-copy {
		max-width: 400px;
	}
}





@media only screen and (min-width:735px) {
	html.enhance-xp .section-performance .subsection-chips .section-mx-max.bento-section .inline-media .video {
		height:calc(100% + 1px);
	}
}

@media only screen and (max-width: 734px) {
	.graph-gallery .item-container {
			padding:0 34px
	}

	.graph-gallery .tablist-wrapper {
			margin-left: 0;
			margin-right: 0;
	}

	.graph-gallery .subsection-gallery-content {
			margin-left: 0;
			margin-right: 0;
			max-width: none;
	}
}

/* COMPARE */

.section-compare .compare-headline {
	margin-bottom: 57px;
}

@media only screen and (max-width: 734px) {
	.section-compare .compare-headline {
		margin-bottom: 0px;
	}
}

.section-compare .product-headline {
	margin-bottom: 15px;
}

.section-compare .grid-container {
    grid-template-columns: 1fr 80px 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-apple-intelligence	.	mac-studio-apple-intelligence"
                         "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-btn					.	mac-studio-btn"
                         "mac-mini-cta					.	mac-studio-cta";
    width: 580px;
}
@media only screen and (max-width:1068px) {
    .section-compare .grid-container {
        grid-template-columns: 1fr 68px 1fr;
        max-width: 550px;
    }
}
@media only screen and (max-width:734px) {
    .section-compare .grid-container {
        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-apple-intelligence	mac-studio-apple-intelligence"
                             "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-btn					mac-studio-btn"
                             "mac-mini-cta					mac-studio-cta"
                             ".								.";
        max-width: 320px;
    }
}


.section-compare .grid {
    grid-row-gap: 0;
    grid-column-gap:0
}

@media only screen and (max-width: 734px) {
    .section-compare .grid {
        grid-column-gap:15px
    }
}

.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;
    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-apple-intelligence	.	mac-studio-apple-intelligence" "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-btn					.	mac-studio-btn" "mac-mini-cta					.	mac-studio-cta"
}

@media only screen and (min-width: 1793px) {
    .section-compare .grid-container {
        margin-left: auto;
        margin-right: auto;
        width:980px
    }
}

@media only screen and (max-width: 1068px) {
    .section-compare .grid-container {
        margin-left: auto;
        margin-right: auto;
        width:692px
    }
}

@media only screen and (max-width: 734px) {
    .section-compare .grid-container {
        margin-left: auto;
        margin-right: auto;
        width:87.5%
    }
}

@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));
        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-apple-intelligence	mac-studio-apple-intelligence" "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-btn					mac-studio-btn" "mac-mini-cta					mac-studio-cta";
        max-width:320px
    }
}

html.text-zoom .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-apple-intelligence	mac-studio-apple-intelligence" "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-btn					mac-studio-btn" "mac-mini-cta					mac-studio-cta"
}

/* END COMPARE */

/* HERO  */

.section-hero .section-hero-container {
    padding-bottom: 169px;
}

@media only screen and (max-width: 1068px) {
    .section-hero .section-hero-container {
        padding-bottom: 174px;
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .section-hero-container {
        padding-bottom: 44px;
    }
}

/* HERO  */



/* UPGRADERS  */

.section-upgraders  {
    margin-bottom: 170px;
}

@media only screen and (max-width: 1068px) {
    .section-upgraders  {
        margin-bottom: 140px;
    }
}

@media only screen and (max-width: 734px) {
    .section-upgraders {
        margin-bottom: 100px;
    }
}

/* UPGRADERS  */


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