/* local overrides */
br.xsmall {
	display: none;
}
@media only screen and (max-width: 483px) {
	br.xsmall {
		display: block;
	}
}

@media only screen and (min-width: 1069px) {
	.custom_width-ai {
		padding-left: 117px;
		padding-right: 117px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.custom_width-ai {
		padding-left: 20px;
		padding-right: 20px;
	}
}
/* bts 2024 ribbon */

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.ribbon-bts-2024 .ac-ribbon__bts-2024-content {
		width: 550px;
	}
}

@media only screen and (max-width: 734px) {
	.ribbon-bts-2024 .ac-ribbon__bts-2024-content {
		max-width: 550px;
	}
}

/* education ribbon */
@media only screen and (max-width: 350px) {
	.ribbon-content {
		width: 91.5%;
	}
}

/* Hero messaging width */

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-hero
		.hero-copy-wrapper
		.macbook-air-13-and-15-global-avail
		br.medium-show {
		display: block;
	}
}

@media only screen and (max-width: 374px) {
	.section-hero
		.hero-copy-wrapper
		.macbook-air-13-and-15-global-avail
		br.xs-show {
		display: block;
	}
}
/* Hero AI headline */
.content-container .hero-copy-container .pricing-copy-container,
.section-hero
	.content-container
	.hero-copy-container
	.apple-intelligence-container
	.apple-intelligence-text {
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}

/* Breaklines */
.xs-show {
	display: none;
}

@media only screen and (max-width: 374px) {
	.xs-show {
		display: block;
	}
}

/* Messaging */
.section-hero
	.content-container
	.hero-copy-container
	.macbook-air-13-and-15-global-avail {
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}

.custom_apple-intelligence-avail {
	color: #86868b;
	margin-top: 27px;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}

.macbook-air-13-and-15-global-avail + .custom_apple-intelligence-avail {
	margin-top: 4px;
}

/* Section Performance Modal button */

@media only screen and (max-width: 734px) {
	article.section-performance .modal-trigger-container .button {
		padding: 10px 19px;
	}
}

/* stats badges */

article.section-performance .badge .badge-value {
	font-size: 40px;
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	article.section-performance .badge .badge-value {
		font-size: 33px;
	}
}

/* Privacy section */

article.section-apple-intelligence
	.privacy-section
	.privacy-subsection
	.privacy-copy-block {
	gap: 48px;
}

/* Display section */

@media only screen and (min-width: 1069px) {
	article.section-display .brightness .tile-overlay-copy {
		max-width: 13em;
	}
}

/* Camera and audio section */

article.section-camera-audio .article-headline {
	max-width: 9.5em;
}

/* Upgraders section */

@media only screen and (max-width: 350px) {
	article.section-upgraders
		#macbook-air-intel-gallery-item-1
		.bento-item
		.image-wrapper {
		width: 100px;
	}
}

/* Compare section */

@media only screen and (max-width: 734px) {
	.section-upgraders .bento-item.camera .copy-wrapper {
		max-width: 12em;
	}
}

/* Environment section */
/* Tile full width customization */
.section-routers .router-item-environment .router-item-content {
	margin-top: 100px;
	margin-bottom: 100px;
}

@media only screen and (max-width: 1068px) {
	.section-routers .router-item-environment .router-item-content {
		margin-top: 80px;
		margin-bottom: 80px;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .router-item-environment .router-item-content {
		margin-top: 50px;
		margin-bottom: 50px;
	}
}

/* Environment headline */
@media only screen and (min-width: 1069px) {
	.section-routers .router-item-environment .router-item-headline {
		max-width: 431px;
	}
}

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

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

@media only screen and (min-width: 1069px) {
	.section-routers .router-item-environment .accent-green:before {
		bottom: -8px;
		left: -12px;
	}
}
/* Environment copy width */
@media only screen and (min-width: 1069px) {
	.section-routers .router-item-environment .router-item-copy {
		max-width: 630px;
	}
}
@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-routers .router-item-environment .router-item-copy {
		max-width: 555px;
	}
}

/* tradein copy width */
@media only screen and (min-width: 1069px) {
	.section-routers .router-item-tradein .router-item-copy {
		max-width: 580px;
	}
}
@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-routers .router-item-tradein .router-item-copy {
		max-width: 505px;
	}
}

.section-routers .accent-green:before {
	width: 190px;
	height: 60px;
	background-size: 190px 60px;
	background-image: url(/cl/macbook-air/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(/cl/macbook-air/images/overview/routers/environment_highlight__edulvmndbz42_large_2x.png);
	}
}
@media only screen and (max-width: 1068px) {
	.section-routers .accent-green:before {
		width: 158px;
		height: 49px;
		background-size: 158px 49px;
		background-image: url(/cl/macbook-air/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(/cl/macbook-air/images/overview/routers/environment_highlight__edulvmndbz42_medium_2x.png);
	}
}
@media only screen and (max-width: 734px) {
	.section-routers .accent-green:before {
		width: 123px;
		height: 40px;
		background-size: 123px 40px;
		background-image: url(/cl/macbook-air/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(/cl/macbook-air/images/overview/routers/environment_highlight__edulvmndbz42_small_2x.png);
	}
}
