/* Local Overrides */

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

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

/* Headlline Spacing */
@media (max-width: 1068px) {
	.section-welcome .apple-intelligence-container {
		margin-top: 83px;
	}
}

.section-welcome .apple-intelligence-container {
	margin-top: 15px;
}

.apple-intelligence-container .apple-intelligence-text {
	text-align: center;
}

.section-welcome .marquee {
	padding: 0px 0 15px 0px;
}

@media (max-width: 734px) {
	.section-welcome {
		min-height: 552px;
	}
}

/* Price Spacing */
.marquee .viewport-content {
	padding: 0px 0px 15px 0px;
}

.marquee.marquee-milestone-cta
	.marquee-detail.typography-detail
	.custom_ai_message {
	margin-top: 0px;
}

/* avail messaging */
@media (max-width: 419px) {
	.marquee.marquee-milestone-cta
		.marquee-detail.typography-detail
		.mac-mini-global-avail.milestone-secondary {
		max-width: 230px;
		margin-inline-start: auto;
		margin-inline-end: auto;
	}
}

/* keynote superscript */
.section-highlights
	.section-header-cta-list.typography-section-header-link
	.section-header-cta-item-cta1
	.footnote
	a {
	color: var(--sk-body-link-color, rgb(0, 102, 204));
}

/* Card One */
@media (min-width: 1441px) {
	.section-highlights .media-gallery .media-gallery-item-1 .caption {
		--caption-width: 885px;
	}
}

.section-highlights .media-gallery .media-gallery-item-1 .caption {
	--caption-width: 937px;
}

@media (max-width: 1068px) {
	.section-highlights .media-gallery .media-gallery-item-1 .caption {
		--caption-width: 755px;
	}
}

/* @media (max-width: 734px) {
    .typography-media-card-gallery-headline {
        font-size: 20px;
    }
} */

/* Card Three */
@media (min-width: 1441px) {
	.section-highlights .media-gallery .media-gallery-item-3 .caption {
		--caption-width: 650px;
	}
}

@media (max-width: 734px) {
	.section-highlights .media-gallery .media-gallery-item-3 .caption {
		--caption-width: 480px;
	}
}

@media (max-width: 1068px) {
	.bento-item.size .upgraders-content .upgraders-gallery .bento-copy-reduced {
		width: 375px;
	}
	.upgraders-content .upgraders-gallery .bento-copy-reduced {
		font-size: 22px;
	}
}

/* Design */
@media (min-width: 1069px) {
	.l2-design-wrapper .section-ps-headline {
		max-width: 780px;
	}
}

/* Design - modal green underline - START */
.l2-design-wrapper .carbon-headline em::before {
	background-size: 474px 13px;
	width: 474px;
}
.l2-design-wrapper .carbon-headline em.custom_line_show_small::before {
	background-size: 0px 0px;
	width: 0px;
}

@media (min-width: 1220px) {
	.custom_underline_large {
		display: none;
	}
}
@media (max-width: 1219px) {
	.custom_underline_large {
		display: inline-block;
	}
}
@media (max-width: 734px) {
	.custom_underline_large {
		display: none;
	}
}
@media (max-width: 1068px) {
	.l2-design-wrapper .carbon-headline em::before {
		background-size: 418px 12px;
		width: 418px;
	}
}
/* Design - modal green underline - END */

@media (max-width: 1068px) and (min-width: 735px) {
	.l2-design-wrapper .carbon-stats {
		gap: 40px;
	}
}

@media (min-width: 1068px) {
	html.design .section-design .ports-sticky-container .flipbook-1,
	html.design .section-design .ports-sticky-container .flipbook-2 {
		padding-bottom: 80px;
	}
}

/* Performance */
.section-performance .tout-container .tout:nth-child(2) {
	max-width: 200px;
}

/* Grand Intelligence */
@media (max-width: 364px) {
	.section-apple-intelligence
		.subsection-headline-container
		.subsection-headline {
		max-width: 250px;
	}
}

/* AI headline */
.section-apple-intelligence .logo-apple-intelligence {
	padding-bottom: 25px;
	--p-width: 635px;
	--p-height: 177px;
}

@media (max-width: 1068px) and (max-width: 1068px) {
	.section-apple-intelligence .logo-apple-intelligence {
		padding-bottom: 15px;
		--p-width: 510px;
		--p-height: 147px;
	}
}

@media (max-width: 734px) and (max-width: 734px) {
	.section-apple-intelligence .logo-apple-intelligence {
		padding-bottom: 10px;
		--p-width: 360px;
		--p-height: 100px;
	}
}

@media only screen and (max-width: 734px) {
	.section-apple-intelligence .logo-apple-intelligence {
		margin-top: 0;
	}
	.apple-intelligence-intro .section-ps-headline {
		font-size: 45px;
	}
}

@media only screen and (max-width: 470px) {
	.apple-intelligence-intro .section-ps-headline {
		font-size: 10vw;
	}
}

.section-apple-intelligence .logo-apple-intelligence {
	margin-top: 10px;
}

/* AirDrop Slider */
@media (min-width: 430px) {
	.gallery-mac-iphone
		.gallery-mac-iphone-captions
		#gallery-mac-iphone-caption-2
		.typography-ps-intro {
		max-width: 505px;
	}
}

/* Dynamic Pricing Footnote */
.sosumi-link-follows,
.sosumi-link-follows ~ .footnote {
	display: none;
}

.sosumi-link-follows[data-pricing-loaded],
.sosumi-link-follows[data-pricing-loaded] ~ .footnote {
	display: inline;
}

/* Design Section animation width */
.flipbook-item.flipbook-item-headphone-jack p,
.flipbook-item.flipbook-item-thunderbolt .flipbook-item-thunderbolt-5 {
	white-space: normal;
}

/* Highlights endframe */
#overview-highlights-highlights-design-endframe-1 {
	visibility: visible;
}

/* headline */
@media screen and (min-width: 320px) and (max-width: 365px) {
	#media-card-gallery-item-1 > div > p {
		margin-bottom: 18px;
	}
}

@media screen and (min-width: 320px) and (max-width: 332px) {
	#media-card-gallery-item-3 > figure {
		margin-top: 33px;
	}
}

@media screen and (min-width: 333px) and (max-width: 411px) {
	#media-card-gallery-item-3 > figure {
		margin-top: 22px;
	}
}

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