/* Local overrides */

/* Hero */
.marquee.marquee-milestone-cta
	.viewport-content
	.marquee-detail.typography-detail {
	margin-top: var(--sk-paragraph-plus-element-margin, 0.8em);
}

/* welcome */

.banner-card-ctas {
	gap: 0px;
}

.banner-card-ctas a {
	color: rgb(41, 151, 255);
}

.section-welcome .apple-intelligence-marquee {
	translate: 0.3em 0;
}

.section-welcome
	.marquee-milestone-cta
	.milestone-secondary
	+ .milestone-secondary {
	margin-top: 0;
}

.section-welcome .media-container .overview-welcome-headline {
	position: absolute;
	z-index: 3;
	opacity: 0;
	animation: appearElement 3s ease 3s 1 forwards;
	transform: scale(var(--scale-media-modifier));
	transform-origin: top;
}

html.no-enhanced .section-welcome .media-container .overview-welcome-headline,
html.no-js .section-welcome .media-container .overview-welcome-headline {
	opacity: 1;
	animation: none;
}

@keyframes appearElement {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* announcement-banner */
.film-announcement-banner {
	background-color: #000000 !important;
}

.banner-card .banner-card-headline {
	color: #f5f5f7 !important;
}

/* announcement-banner -image */

/*XL*/
@media only screen and (min-width: 1441px) {
	.film-announcement-banner .banner-card-image {
		width: 632px;
		height: 320px;
	}
}

/*L*/
@media only screen and (max-width: 1440px) and (min-width: 1069px) {
	.film-announcement-banner .banner-card-image {
		width: 468px;
		height: 320px;
	}
}

/*M*/
@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.film-announcement-banner .banner-card-image {
		width: 412px;
		height: 286px;
	}
}

/*S*/
@media only screen and (max-width: 734px) and (min-width: 481px) {
	.film-announcement-banner .banner-card-image {
		width: 267px;
		height: 192px;
	}
}

/*XS*/
@media only screen and (max-width: 480px) {
	.film-announcement-banner .banner-card-image {
		width: 267px;
		height: 192px;
	}
}

/* Hero */
.marquee-detail p + * {
	margin-top: unset;
}

/* Highlights */
.section-highlights .footnote.footnote-diamond a {
	color: rgb(0, 102, 204);
}

@media (min-width: 1441px) {
	.section-highlights .media-gallery-item-iphone-mirroring .caption {
		--caption-width: 300px;
	}

	.section-highlights .media-gallery-item-design .caption {
		--caption-width: 375px;
	}
}

@media only screen and (min-width: 1069px) {
	.section-highlights
		.media-gallery-item-center-stage.gallery-item.theme-dark
		.caption
		span:first-child {
		--caption-span-width: 360px;
	}
}

@media only screen and (max-width: 480px) {
	.section-apple-intelligence
		.apple-intelligence-bentos
		.grid-item-playground {
		background-color: #ffedf1;
	}

	.section-apple-intelligence
		.apple-intelligence-bentos
		.grid-item-playground
		.card-contents
		.card-copy {
		margin-bottom: -100px;
	}

	.upgraders-content .upgraders-gallery .bento-item:last-child {
		padding: 24px 30px;
	}
}

/* Why Apple Gallery */
#gallery-item-trade-in .tile-icon {
	height: 36px;
	width: 36px;
}

/* Apple Intelligence section */
@media only screen and (min-width: 1069px) {
	.section-apple-intelligence
		.subsection-privacy
		.subsection-header-headline {
		max-width: 535px;
	}
}

/* iMac-iPhone section */
@media only screen and (min-width: 1069px) {
	.section-product-stories .section-header + .section-copy {
		max-width: 750px;
	}
}

/* Values */
@media (min-width: 1069px) {
	.section-values .section-header .section-header-headline {
		max-width: 685px;
	}
}

/* Display section */
@media only screen and (min-width: 1069px) {
	.section-product-stories .section-header + .section-copy {
		max-width: 800px;
	}
}

/* compare section */
@media only screen and (max-width: 374px) {
	.section.section-contrast .product-tile-ctas .button {
		font-size: 13px;
	}
}

/* compare pricing */
@media only screen and (min-width: 1069px) {
	.section-contrast
		p.product-tile-price.typography-product-tile-subheading.has-dynamic-content {
		padding-inline-start: 45px;
		padding-inline-end: 45px;
	}
}
@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-contrast
		p.product-tile-price.typography-product-tile-subheading.has-dynamic-content {
		padding-inline-start: 25px;
		padding-inline-end: 25px;
	}
}
@media only screen and (max-width: 734px) and (min-width: 620px) {
	.section-contrast
		p.product-tile-price.typography-product-tile-subheading.has-dynamic-content {
		padding-inline-end: 65px;
	}
}
@media only screen and (max-width: 619px) and (min-width: 575px) {
	.section-contrast
		p.product-tile-price.typography-product-tile-subheading.has-dynamic-content {
		padding-inline-end: 40px;
	}
}

@media only screen and (max-width: 440px) {
	.section-contrast .product-tile-price.typography-product-tile-subheading {
		max-width: 175px;
	}
}