/* LOCAL OVERRIDES */

.xs-show {
	display: none;
}

.headline-gradient-multiline {
	background-size: auto;
}

@media only screen and (min-width: 374px) and (max-width: 379px) {
	.modal-copy-paragraph {
		width: 290px;
	}
}

/* bts-2025 */
/* section-savings */
.section-savings .back-to-school-2025 .card-back-to-school .card-headline {
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 1068px) {
	.section-savings .back-to-school-2025 .card-back-to-school .card-headline {
		max-width: 300px;
	}
}
@media only screen and (max-width: 734px) {
	.section-savings .back-to-school-2025 .card-back-to-school .card-headline {
		max-width: 280px;
	}
}
.section-savings .back-to-school-2025 .card-back-to-school .card-copy {
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 1068px) {
	.section-savings .back-to-school-2025 .card-back-to-school .card-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
}
/* section-bts-banner-2025 */
@media only screen and (max-width: 734px) {
	.section-bts-banner-2025 .banner {
		--height: 540px;
	}
}

/* bts 2024 ribbon xs */

@media only screen and (max-width: 734px) {
	.section-bts-banner .banner-copy-column {
		padding-right: 21px;
	}
}

/* Local Nav */
/* Nav [S] */
@media only screen and (max-width: 435px) {
	#ac-localnav {
		height: 60px;
	}

	#ac-localnav .ac-ln-title {
		margin: 7px 0 -12px;
	}

	#ac-localnav.medium-ac-ln-collapsible .ac-ln-actions {
		top: 5px;
	}

	.xs-show {
		display: block;
	}
}

@media only screen and (max-width: 370px) {
	.button.button-outline.button-super {
		font-size: 14px;
	}
	.typography-hero-headline,
	.typography-section-headline-large {
		font-size: 40px;
	}
}

@media only screen and (max-width: 1068px) {
	.typography-section-headline-large {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media only screen and (max-width: 734px) {
	#main > section.section.section-apps > div > div > h2 {
		position: relative;
		top: 15px;
	}
	.typography-section-headline-large {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media only screen and (max-width: 374px) {
	.typography-section-headline-large {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* gallery grid */

@media only screen and (min-width: 735px) {
	.scroll-gallery.savings-gallery .item-container {
		margin: auto;
		/* overrides right margin and allows for centering */
		grid-gap: 1.5vw;
	}

	.section-savings .savings-gallery .item-container {
		grid-template-columns: 1fr 1fr;
		width: 100%;
		box-sizing: border-box;
	}

	.scroll-gallery.savings-gallery {
		--item-width: 43vw;
	}
}

/* savings */

.section-savings .card {
	width: 100%;
}

/* compare */

.compare-row.compare-buttons .icon-wrapper.buy-link {
	font-size: 16px;
}

@media only screen and (min-width: 1400px) {
	.scroll-gallery.compare-mac-gallery .item-container {
		padding-inline: 0px;
	}
}

/* Compare */
@media only screen and (max-width: 450px) {
	#compare-gallery-item-mac .gallery-item-inner.item-container {
		display: flex;
		width: 100%;
	}

	#compare-gallery-item-mac .gallery-item-inner.item-container span {
		width: 100%;
		text-align: left;
	}
}

@media (max-width: 375px) {
	.section-compare .compare-table .compare-row {
		justify-items: left;
	}
}

.section-compare .compare-buttons .button {
	padding: 11px 13px;
}

@media only screen and (max-width: 375px) {
	.section-compare .compare-buttons .button {
		padding: 11px 7px;
	}
}

/* J575 Announce state - compare button  */
.section-compare .compare-mac .compare-buttons .button:first-child {
	margin-inline-end: 15px;
}

@media only screen and (max-width: 734px) {
	.section-compare .compare-mac .compare-buttons .button:first-child {
		margin-inline-end: 20px;
	}
}

/* Compare Buttons */

#compare-air-devices > div.compare-row.compare-buttons > div {
	min-width: 266px;
	gap: 10px;
}

#compare-air-devices
	> div.compare-row.compare-buttons
	> div
	> a.icon-wrapper.button {
	margin-inline-end: 0px;
}

/* do more headline */

@media only screen and (max-width: 734px) {
	.typography-do-more-tile-headline {
		font-size: 23px;
	}
	.gallery-card-mindfulness .typography-do-more-tile-headline {
		font-size: 22px;
	}
	.gallery-card-summarize .tile.tile-rounded {
		padding-right: 0px;
	}
}

/* breaking lines */

@media only screen and (min-width: 1069px) {
	.section-garage-carousel
		.scroll-gallery
		.item-container
		#battery
		.card-headline {
		max-width: 300px;
	}
	.section-garage-carousel
		.scroll-gallery
		.item-container
		#iphone
		.card-headline {
		max-width: 257px;
	}
	.section-garage-carousel
		.scroll-gallery
		.item-container
		#connected
		.card-headline {
		max-width: 295px;
	}
	.section-garage-carousel
		.scroll-gallery
		.item-container
		#touchscreen
		.card-headline {
		max-width: 250px;
	}
	.section-garage-carousel
		.scroll-gallery
		.item-container
		#pencil
		.card-headline {
		max-width: 313px;
	}
	.section-garage-carousel
		.scroll-gallery
		.item-container
		#display
		.card-headline {
		max-width: 313px;
	}
	.section-garage-carousel
		.scroll-gallery
		.item-container
		#widgets
		.card-headline {
		max-width: 270px;
	}
	.section-header-ipad .typography-section-headline-large {
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
	.section-apps .typography-section-headline-large {
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
	.section-savings .card-headline {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.section-savings .card-copy {
		max-width: 204px;
		margin-left: auto;
		margin-right: auto;
	}
	.section-savings .savings-gallery #trade-in h3 {
		max-width: 272px;
	}
	.section-savings .savings-gallery #trade-in .tile-copy {
		max-width: 328px;
		margin-left: auto;
		margin-right: auto;
	}
	.section-savings .savings-gallery #applecare h3 {
		max-width: 388px;
	}
	.section-savings .savings-gallery #applecare .tile-copy {
		max-width: 419px;
		margin-left: auto;
		margin-right: auto;
	}
	.section-values .tile-eco .typography-tile-headline {
		max-width: 250px;
	}
	.compare-row .compare-pricing {
		max-width: 197px;
		margin-left: auto;
		margin-right: auto;
	}
	.modal-content.modal-speak .typography-love-it-modal-headline {
		max-width: 38rem;
	}
	.modal-content.modal-sounds .typography-love-it-modal-headline {
		max-width: 45rem;
	}
}

@media only screen and (min-width: 902px) and (max-width: 1068px) {
	.modal-content.modal-speak .typography-love-it-modal-headline {
		max-width: 38rem;
	}
}

@media only screen and (min-width: 735px) {
	.section-header-mac .typography-section-headline-large {
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
	}
	.section-apps .typography-section-headline-large {
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
	}
	.section-apps
		#apps-gallery-item-creativity
		.gallery-item-image-caption
		> .caption {
		max-width: 189px;
	}
	.section-savings .card-headline {
		max-width: 259px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (max-width: 1068px) {
	.section-garage-carousel
		.scroll-gallery
		.item-container
		#iphone
		.card-headline {
		max-width: 200px;
	}
	.section-garage-carousel
		.scroll-gallery
		.item-container
		#connected
		.card-headline {
		max-width: 261px;
	}
	.section-garage-carousel
		.scroll-gallery
		.item-container
		#touchscreen
		.card-headline {
		max-width: 200px;
	}
	.section-garage-carousel
		.scroll-gallery
		.item-container
		#display
		.card-headline {
		max-width: 200px;
	}
	.section-garage-carousel
		.scroll-gallery
		.item-container
		#record
		.card-headline {
		max-width: 250px;
	}
	.section-garage-carousel
		.scroll-gallery
		.item-container
		#widgets
		.card-headline {
		max-width: 239px;
	}
	.section-compare .typography-section-headline {
		max-width: 500px;
	}
	.compare-row .compare-pricing {
		max-width: 169px;
		margin-left: auto;
		margin-right: auto;
	}
	.section-values .typography-section-headline {
		max-width: 400px;
	}
	.section-values .tile-accessible .typography-tile-headline {
		max-width: 215px;
	}
}

@media only screen and (max-width: 734px) {
	.section-garage-carousel
		.scroll-gallery
		.item-container
		#iphone
		.card-headline {
		max-width: 200px;
	}
	.section-garage-carousel
		.scroll-gallery
		.item-container
		#connected
		.card-headline {
		max-width: 261px;
	}
	.section-garage-carousel
		.scroll-gallery
		.item-container
		#touchscreen
		.card-headline {
		max-width: 200px;
	}
	.section-garage-carousel
		.scroll-gallery
		.item-container
		#display
		.card-headline {
		max-width: 200px;
	}
	.section-garage-carousel
		.scroll-gallery
		.item-container
		#widgets
		.card-headline {
		max-width: 212px;
	}
	.section-apps .typography-section-headline-large {
		max-width: 254px;
		margin-left: auto;
		margin-right: auto;
	}
	.section-compare .typography-section-headline {
		max-width: 232px;
	}
	.section-compare
		#compare-mba-devices
		.product-tile-header
		.compare-headline-copy {
		max-width: 151px;
	}
	.section-compare
		#compare-mbp-devices
		.product-tile-header
		.compare-headline-copy {
		max-width: 151px;
	}
	.compare-row .compare-pricing {
		max-width: 169px;
		margin-left: auto;
		margin-right: auto;
	}
	.compare-row.typography-body-reduced.compare-tech.compare-tech-weight {
		max-width: 200px;
	}
	.section-values .typography-section-headline {
		max-width: 338px;
	}
	.section-values .tile-accessible .typography-tile-headline {
		max-width: 161px;
	}
	.section-values .tile-eco .typography-tile-headline {
		max-width: 200px;
	}
}

.section-savings .back-to-school-2025 .card-special-savings {
	display: block;
}

.section-savings .card-content {
	padding-top: 250px;
}

@media (max-width: 1068px) {
	.section-savings .card-content {
		padding-top: 170px;
	}
}

@media only screen and (max-width: 734px) {
	.section-savings .card-content {
		padding-top: 170px;
	}
}

@media only screen and (max-width: 374px) {
	.section-values .typography-section-headline {
		max-width: 310px;
	}
}

/* savings */
.section-savings .cards {
	grid-template-columns: repeat(1, 1fr);
}

/* custom icons */
.modal .content-icon-mirroring {
	background-repeat: no-repeat;
	background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_mirroring.png);
	top: 3px;
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.modal .content-icon-mirroring {
		background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_mirroring.png);
	}
}

@media (max-width: 1068px) {
	.modal .content-icon-mirroring {
		top: 2px;
	}
}

@media (max-width: 734px) {
	.modal .content-icon-mirroring {
		top: 2px;
	}
}

.modal .content-icon-multitasking {
	background-repeat: no-repeat;
	background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_multitasking.png);
	top: 3px;
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.modal .content-icon-multitasking {
		background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_multitasking.png);
	}
}

@media (max-width: 1068px) {
	.modal .content-icon-multitasking {
		top: 2px;
	}
}

@media (max-width: 734px) {
	.modal .content-icon-multitasking {
		top: 2px;
	}
}

.modal .content-icon-split-view {
	background-repeat: no-repeat;
	background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_split-view.png);
	top: 3px;
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.modal .content-icon-split-view {
		background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_split-view.png);
	}
}

@media (max-width: 1068px) {
	.modal .content-icon-split-view {
		top: 2px;
	}
}

@media (max-width: 734px) {
	.modal .content-icon-split-view {
		top: 2px;
	}
}

.modal .content-icon-left-split-view {
	background-repeat: no-repeat;
	background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_left-split-view.png);
	top: 3px;
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.modal .content-icon-left-split-view {
		background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_left-split-view.png);
	}
}

@media (max-width: 1068px) {
	.modal .content-icon-left-split-view {
		top: 2px;
	}
}

@media (max-width: 734px) {
	.modal .content-icon-left-split-view {
		top: 2px;
	}
}

.modal .content-icon-right-split-view {
	background-repeat: no-repeat;
	background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_right-split-view.png);
	top: 3px;
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.modal .content-icon-right-split-view {
		background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_right-split-view.png);
	}
}

@media (max-width: 1068px) {
	.modal .content-icon-right-split-view {
		top: 2px;
	}
}

@media (max-width: 734px) {
	.modal .content-icon-right-split-view {
		top: 2px;
	}
}

.modal .content-icon-airdrop {
	background-repeat: no-repeat;
	background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_airdrop.png);
	top: 3px;
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.modal .content-icon-airdrop {
		background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_airdrop.png);
	}
}

@media (max-width: 1068px) {
	.modal .content-icon-airdrop {
		top: 2px;
	}
}

@media (max-width: 734px) {
	.modal .content-icon-airdrop {
		top: 2px;
	}
}

.modal .content-icon-control-center {
	background-repeat: no-repeat;
	background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_control-center.png);
	top: 3px;
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.modal .content-icon-control-center {
		background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_control-center.png);
	}
}

@media (max-width: 1068px) {
	.modal .content-icon-control-center {
		top: 2px;
	}
}

@media (max-width: 734px) {
	.modal .content-icon-control-center {
		top: 2px;
	}
}

.modal .content-icon-writing-tools-ui {
	background-repeat: no-repeat;
	background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_writing-tools-ui.png);
	top: 3px;
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.modal .content-icon-writing-tools-ui {
		background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_writing-tools-ui.png);
	}
}

@media (max-width: 1068px) {
	.modal .content-icon-writing-tools-ui {
		top: 2px;
	}
}

@media (max-width: 734px) {
	.modal .content-icon-writing-tools-ui {
		top: 2px;
	}
}

.modal .content-icon-writing-tools-toolbar {
	background-repeat: no-repeat;
	background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_writing-tools-toolbar.png);
	top: 3px;
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.modal .content-icon-writing-tools-toolbar {
		background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_writing-tools-toolbar.png);
	}
}

@media (max-width: 1068px) {
	.modal .content-icon-writing-tools-toolbar {
		top: 2px;
	}
}

@media (max-width: 734px) {
	.modal .content-icon-writing-tools-toolbar {
		top: 2px;
	}
}

.modal .content-icon-show-original {
	background-repeat: no-repeat;
	background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_show-original.png);
	top: 3px;
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.modal .content-icon-show-original {
		background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_show-original.png);
	}
}

@media (max-width: 1068px) {
	.modal .content-icon-show-original {
		top: 2px;
	}
}

@media (max-width: 734px) {
	.modal .content-icon-show-original {
		top: 2px;
	}
}

.modal .content-icon-next {
	background-repeat: no-repeat;
	background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_next.png);
	top: 3px;
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.modal .content-icon-next {
		background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_next.png);
	}
}

@media (max-width: 1068px) {
	.modal .content-icon-next {
		top: 2px;
	}
}

@media (max-width: 734px) {
	.modal .content-icon-next {
		top: 2px;
	}
}

.modal .content-icon-previous {
	background-repeat: no-repeat;
	background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_previous.png);
	top: 3px;
	margin-right: -3px;
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.modal .content-icon-previous {
		background-image: url(/ca/fr/education/university-and-college-students/images/overview/icons/icon_previous.png);
	}
}

@media (max-width: 1068px) {
	.modal .content-icon-previous {
		top: 2px;
	}
}

@media (max-width: 734px) {
	.modal .content-icon-previous {
		top: 2px;
	}
}

.modal .content-icon-record-video {
	margin-inline-start: 6px;
}

.modal .content-icon-bubble-quote {
	margin-inline-start: 6px;
}

.modal .content-icon-stop-recording {
	margin-inline-start: 6px;
}