/* 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;
	}
}

/* AI message */
@media only screen and (max-width: 734px) {
	.section-welcome
		> div.section-content.welcome-container
		> div
		> div.welcome__lockup
		> p {
		width: 210px;
		margin: auto;
	}
}

/* SECTION COMPARE */

@media only screen and (max-width: 734px) {
	.section-contrast .product-tile-plus {
		margin-top: 0px;
	}
}

.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: 0px;
}

@media only screen and (max-width: 482px) and (min-width: 469px) {
	.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;
	}
}

@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;
	}
}

@media only screen and (max-width: 482px) and (min-width: 469px) {
	.section-contrast .product-tile-ipad-air .product-tile-ctas {
		margin-top: 19px;
		margin-bottom: 73px;
	}
}

@media only screen and (max-width: 363px) {
	.section-contrast .product-tile-ipad-air .product-tile-ctas {
		margin-top: 20px;
		margin-bottom: 72px;
	}
}

/* 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) {
	[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;
	}
}

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

li.product-tile.product-tile-ipad-air.has-image-link-row.has-badge-row.has-swatches-row.has-headline-row.has-plus-rows-7
	> div.product-tile-ctas.product-tile-padding {
	margin-bottom: auto;
}

/* 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;
	}
}

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

/* 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 */

.subsection-apple-pencil-pro .content-wrapper {
	max-width: 680px;
}
