/* Local overrides */

/* AI Headline */

/* Fixing align for hero section */
.section-welcome .welcome .overview-hero-hello {
	width: 440px;
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-welcome .welcome .overview-hero-hello {
		width: 380px;
	}
}

@media only screen and (max-width: 734px) {
	.section-welcome .welcome .overview-hero-hello {
		width: 325px;
	}
}

@media only screen and (max-width: 397px) and (min-width: 377px) {
	.section-welcome .welcome .overview-hero-hello {
		margin-left: 8px;
	}
}

@media only screen and (max-width: 376px) and (min-width: 358px) {
	.section-welcome .welcome .overview-hero-hello {
		margin-left: -4px;
	}
}

@media only screen and (max-width: 357px) and (min-width: 341px) {
	.section-welcome .welcome .overview-hero-hello {
		margin-left: -12px;
	}
}

@media only screen and (max-width: 340px) and (min-width: 333px) {
	.section-welcome .welcome .overview-hero-hello {
		margin-left: -16px;
	}
}

@media only screen and (max-width: 332px) {
	.section-welcome .welcome .overview-hero-hello {
		margin-left: -23px;
	}
}

@media only screen and (max-width: 440px) {
	.welcome-text-content.welcome__lockup-secondary-copy {
		width: 270px;
		margin: auto;
	}
}

/* SECTION COMPARE */
@media only screen and (min-width: 364px) {
	.section-contrast .product-tile-plus {
		margin-top: 0px;
	}
}

@media only screen and (max-width: 363px) {
	.section-contrast
		.product-tile.product-tile-ipad-air.has-image-link-row.has-swatches-row.has-headline-row.has-plus-rows-6
		> div.product-tile-plus.product-tile-padding {
		margin-top: -20px;
	}
}

/* BTS 2024 RIBBON */

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

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

/* Hero */
@media only screen and (max-width: 734px) {
	.section-welcome {
		margin-top: -64px;
	}
}

/* Highlights */
/* Design card */

@media only screen and (max-width: 734px) {
	.section-highlights
		.media-gallery-wrapper
		.media-gallery-item-design
		.product-model {
		top: 490px;
	}
}
/* iPadOS card */
@media only screen and (min-width: 1069px) and (max-width: 1220px) {
	@media only screen and (min-width: 1069px) {
		[data-component-list*="HighlightsGallery"]
			.media-gallery
			.media-gallery-item-4.media-gallery-item-ipad-os
			.caption,
		[data-highlights-gallery]
			.media-gallery
			.media-gallery-item-4.media-gallery-item-ipad-os
			.caption {
			max-width: 260px;
		}
	}
}

/* Design section */

@media only screen and (max-width: 734px) {
	.subsection.subsection-design
		.subsection-headline.typography-design-headline-thick {
		white-space: normal;
	}
}
/* Design modal */
@media only screen and (min-width: 1069px) {
	.modal-l2 .design-l2-wrapper .subsection-1 .subsection-image {
		margin-top: -444px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.modal-l2 .design-l2-wrapper .subsection-1 .subsection-image {
		margin-top: -390px;
	}
}

/* Apple Pencil modal */
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.modal-l2
		.apple-pencil-pro-l2-wrapper
		.pencil-section.pencil-options
		.description-copy-color {
		margin: 0 130px;
	}
}

/* Display modal */
@media only screen and (min-width: 1069px) {
	.modal-l2 .display-l2-wrapper .subsection-2-xdr .headline {
		padding-bottom: 20px;
	}
	.modal-l2 .display-l2-wrapper .subsection-2-xdr .modal-copy {
		top: -10px;
	}
}

/* Environment HL */
@media only screen and (min-width: 1069px) {
	.modal-l2 .values-l2-wrapper .subsection.environment .headline {
		align-items: flex-start;
	}
}

/* VPs cards */
@media only screen and (min-width: 1069px) {
	.icon-card-content {
		padding: 44px 58px 57px 30px;
	}
	.icon-card-apple-card .icon-card-content {
		padding: 44px 50px 57px 30px;
	}
}

/* Arrow button ALT VPs */

.gallery-item-education .icon-card-action .icon-wrapper .tile-icon,
.gallery-item-trade-in .icon-card-action .icon-wrapper .tile-icon {
	width: 36px;
	height: 36px;
}

.gallery-item-education .icon-card-action a.icon,
.gallery-item-trade-in .icon-card-action a.icon {
	color: rgb(51 51 54);
}

.icon-card.icon-card-specialist .icon-container {
	padding-bottom: 26px;
	padding-top: 10px;
}

/* Compare CTAs */
@media only screen and (min-width: 1069px) {
	.section-contrast .product-tile .product-tile-padding.product-tile-ctas {
		padding-inline-start: 35px;
		padding-inline-end: 35px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-contrast .product-tile .product-tile-padding.product-tile-ctas {
		padding-inline-start: 22px;
		padding-inline-end: 22px;
	}
	.section-contrast .product-tile-ctas .button + a,
	.section-contrast .product-tile-ctas .product-tile-current + a,
	.section-contrast .product-tile-ctas a + a,
	.section-contrast .product-tile-ctas button + a {
		margin-inline-start: 10px;
	}
}

@media only screen and (max-width: 350px) {
	.section-contrast
		.product-tile
		.product-tile-ctas.product-tile-padding
		.button {
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* Compare product HL */
@media only screen and (min-width: 1069px) {
	.section-contrast
		.product-tile.product-tile-ipad-air
		.product-tile-padding.product-tile-positioning {
		padding-inline-start: 55px;
		padding-inline-end: 55px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-contrast
		.product-tile.product-tile-ipad-air
		.product-tile-padding.product-tile-positioning {
		padding-inline-start: 45px;
		padding-inline-end: 45px;
	}
}

/* compare pricing */
@media only screen and (min-width: 1069px) {
	.section-contrast .product-tile-price.custom_pricing {
		padding-left: 75px;
		padding-right: 75px;
	}
}
@media only screen and (min-width: 455px) and (max-width: 734px) {
	.section-contrast .product-tile-price.custom_pricing {
		padding-right: 35px;
	}
}

/* Compare display */
@media only screen and (min-width: 1069px) {
	.section-contrast
		.product-tile-plus
		.product-tile-plus-1
		.product-tile-plus-list
		.custom-product-cell {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Compare Front Camera */
@media only screen and (min-width: 1069px) {
	.section-contrast
		.product-tile-plus
		.product-tile-plus-4
		.product-tile-plus-list
		.custom-product-cell {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-contrast
		.product-tile-plus
		.product-tile-plus-4
		.product-tile-plus-list
		.custom-product-cell {
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* Compare padding */
@media only screen and (max-width: 350px) {
	.section-contrast .product-tile .product-tile-padding {
		padding-inline-end: 10px;
	}
}

@media only screen and (min-width: 1069px) {
	.section-contrast
		.product-tile-plus
		.product-tile-plus-6
		.product-tile-plus-list
		.custom-product-cell {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-contrast
		.product-tile-plus
		.product-tile-plus-6
		.product-tile-plus-list
		.custom-product-cell {
		padding-left: 30px;
		padding-right: 30px;
	}
}
/* Compare CTA spacing */
@media only screen and (max-width: 734px) {
	.section-contrast .product-tile-ipad-air .product-tile-positioning {
		padding-bottom: 20px;
	}
}
@media only screen and (max-width: 363px) {
	.section-contrast .product-tile-ipad-air .product-tile-positioning {
		padding-bottom: 40px;
	}
}

/* apple pencil modal layout */
/*@media only screen and (max-width: 363px) {
	.modal-l2
		.apple-pencil-pro-l2-wrapper
		.pencil-section.pencil-features
		.pencil-features-list
		.pencil-feature
		.feature-block {
		width: 100%;
	}
	.modal-l2
		.apple-pencil-pro-l2-wrapper
		.pencil-section.pencil-features
		.pencil-features-intro {
		width: 89.5%;
	}
}*/

/* Pencil Modal */

@media only screen and (max-width: 363px) {
	.modal-l2
		.apple-pencil-pro-l2-wrapper
		.pencil-section.pencil-features
		.pencil-features-list
		.pencil-feature
		.feature-block {
		width: 100%;
	}
	.modal-l2
		.apple-pencil-pro-l2-wrapper
		.pencil-section.pencil-features
		.pencil-features-intro {
		width: 89.5%;
	}
}

@media (max-width: 734px) and (max-width: 734px) {
	.modal-l2
		.apple-pencil-pro-l2-wrapper
		.pencil-section.pencil-features
		.pencil-features-list
		.pencil-feature
		.feature-block {
		margin-inline-start: auto;
		margin-inline-end: auto;
		width: 87.5%;
	}
}
