/* Local overrides */

.custom-disclaimer {
	font-size: 14px;
	font-weight: normal;
}

.media-gallery-item-apple-intelligence .caption-container .caption {
	padding-bottom: 24px;
}

/* section-welcommmmme */
@media only screen and (min-width: 1069px) {
	.section-welcome .welcome .typography-hero-eyebrow {
		line-height: 59px;
		margin-top: 6px;
	}
	.section-welcome .welcome .typography-hero-headline {
		line-height: 70px;
	}
}
@media only screen and (max-width: 734px) {
	.welcome-text-content.welcome__lockup-primary-copy {
		max-width: 300px !important;
		margin: auto;
		width: 100%;
	}
}

@media only screen and (max-width: 370px) and (min-height: 880px) {
	.section.section-welcome
		.welcome-container
		.welcome
		.welcome__lockup-headline,
	.section.section-welcome
		.welcome-container
		.welcome
		.welcome__lockup-grad-text {
		font-size: 34px;
	}
}

/* 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 {
		max-width: 210px;
		margin: auto;
	}
}

/* SECTION COMPARE */

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

@media only screen and (max-width: 490px) {
	.media-gallery-item-apple-intelligence
		.caption-container
		.caption.custom-spacing-ai {
		padding-bottom: 15px;
		max-width: 300px;
	}
	.custom-disclaimer {
		display: inline-block;
		margin-top: 7px;
		line-height: 19px;
	}
}

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

/* Design section */

@media only screen and (max-width: 734px) {
	.subsection.subsection-design
		.subsection-headline.typography-design-headline-thick {
		white-space: normal;
	}
}

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

/* Arrow button ALT VPs */

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

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

/* connectivity modal */
@media only screen and (min-width: 1069px) {
	.modal-l2 .connectivity-l2-wrapper .hero {
		padding-top: 260px;
	}
}
@media only screen and (max-width: 1068px) {
	.modal-l2 .connectivity-l2-wrapper .hero {
		padding-top: 222px;
	}
}
@media only screen and (max-width: 734px) {
	.modal-l2 .connectivity-l2-wrapper .hero {
		padding-top: 220px;
	}
}
@media only screen and (max-width: 371px) {
	.modal-l2 .connectivity-l2-wrapper .hero {
		padding-top: 256px;
	}
}

/* Incentive section */
@media only screen and (min-width: 900px) {
	.section-incentive .section-header-headline {
		max-width: unset;
	}
}

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

@media only screen and (max-width: 734px) {
	.section-contrast .product-tile-ipad-air .product-tile-positioning {
		flex-grow: 1;
	}
}

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

/* Environment */
@media only screen and (min-width: 1069px) {
	.section-environment .section-header {
		flex-wrap: wrap;
		gap: 28px;
	}
}

/* index */

@media only screen and (max-width: 734px) {
	.section-index-section .index-group:first-of-type {
		width: calc(95% - 88px);
		padding-inline-end: 0;
	}
}

/* subsection camera .camera-hardware-image */

.subsection-cameras .camera-hardware-image {
	background-image: url("/cl/ipad-pro/images/overview/cameras/shoot_edit_share_hw__balaezj1ubeq_large.jpg");
}

@media (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
	.subsection-cameras .camera-hardware-image {
		background-image: url("/cl/ipad-pro/images/overview/cameras/shoot_edit_share_hw__balaezj1ubeq_large_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.subsection-cameras .camera-hardware-image {
		background-image: url("/cl/ipad-pro/images/overview/cameras/shoot_edit_share_hw__balaezj1ubeq_medium.jpg");
	}
}

@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.subsection-cameras .camera-hardware-image {
		background-image: url("/cl/ipad-pro/images/overview/cameras/shoot_edit_share_hw__balaezj1ubeq_medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.subsection-cameras .camera-hardware-image {
		background-image: url("/cl/ipad-pro/images/overview/cameras/shoot_edit_share_hw__balaezj1ubeq_small.jpg");
	}
}

@media only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
	only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.subsection-cameras .camera-hardware-image {
		background-image: url("/cl/ipad-pro/images/overview/cameras/shoot_edit_share_hw__balaezj1ubeq_small_2x.jpg");
	}
}

/* chip modal */
@media only screen and (max-width: 734px) {
	.modal-l2 .chip-l2-wrapper .chip-hero .hero .hero-headline {
		width: 70%;
	}
	.modal-l2 .chip-l2-wrapper .chip-hero .hero {
		padding-top: 36px;
	}
}

@media only screen and (max-width: 461px) {
	.section-highlights
		.media-gallery-wrapper
		.media-gallery-item-apple-intelligence
		.positioned-media-element {
		--p-height: 350px;
	}
}

@media only screen and (max-width: 734px) {
	#modal-chip .chip-subsections .graph-container .stat-values {
		width: 90px;
	}
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
	#media-gallery-item-1
		.gallery-item-crop
		.caption-container
		.typography-site-highlights-headline {
		width: 520px;
		padding-top: 25px;
	}
}
@media only screen and (max-width: 400px) and (min-width: 340px) {
	#media-gallery-item-1
		.gallery-item-crop
		.caption-container
		.typography-site-highlights-headline {
		padding-right: 20px;
	}
}