/* Local overrides */

.custom-caption-copy,
.custom-caption-copy a {
	font-size: 12px;
	line-height: 1.3333733333;
	font-weight: 400;
	letter-spacing: -0.01em;
	font-family:
		SF Pro Text,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
	color: #6e6e73;
	padding-top: 1.2em;
}

.custom-caption-copy {
	position: relative;
}

.custom-position {
	position: absolute;
	top: 33px;
	left: 138px;
}

.custom-break {
	display: none;
}

@media only screen and (max-width: 734px) {
	.custom-caption-copy {
		font-size: 12px;
		line-height: 1.3333733333;
		font-weight: 400;
		letter-spacing: -0.01em;
		position: relative;
	}

	.custom-position {
		position: static;
		top: auto;
		left: auto;
	}
}

/* hero */

.section-welcome .marquee-detail {
	padding-inline-start: 10px;
}

@media only screen and (min-width: 1195px) and (max-width: 1536px) {
	.section-welcome .header-headline {
		max-width: 848px;
	}
}

@media only screen and (min-width: 1537px) {
	.section-welcome .header-headline {
		max-width: 980px;
	}
}
@media only screen and (max-width: 320px) {
	.section-welcome .marquee-header {
		min-width: 282px;
	}
}

/* Section highlights */
@media only screen and (max-width: 324px) {
	.media-gallery-item-2 .caption.pin-offset {
		margin: 17px 0 0 0;
	}
}
@media only screen and (max-width: 434px) {
	.typography-media-card-gallery-headline {
		font-size: 15px;
	}
}
@media only screen and (min-width: 325px) and (max-width: 361px) {
	.media-gallery-item-2 .caption.pin-offset {
		margin: 26px 0 0 0;
	}
}

/* Section noise control */

@media screen and (min-width: 735px) {
	.section-noise-control
		.media-background-container
		.product-stories-header
		.section-header-intro
		.section-header-headline {
		max-width: 600px;
		margin: auto;
	}
}

@media screen and (max-width: 734px) {
	.section-noise-control
		.media-background-container
		.product-stories-header
		.section-header-intro
		.section-header-headline {
		max-width: 400px;
		margin: auto;
	}
}

.section-noise-control .stats-container span.stat-caption {
	max-width: 234px;
}

@media only screen and (min-width: 1069px) and (max-width: 1440px) {
	.section-noise-control
		.viewport-content
		.stats-container
		.stat:nth-child(2) {
		margin-left: 120px;
	}
}

/* Section personalized listening */

#personalized-listening .product-stories-header .section-header-eyebrow {
	margin-top: 14px;
}

/* Audio Performance enhanced custom  */
@media only screen and (max-height: 670px) and (max-width: 414px) {
	html.enhanced
		.section-audio-performance
		.scroll-item-acoustics.custom_scroll-item
		.scroll-copy {
		top: -25px;
	}
}

@media only screen and (max-height: 570px) and (max-width: 414px) {
	html.enhanced
		.section-audio-performance
		.scroll-item-acoustics.custom_scroll-item
		.scroll-copy {
		top: -85px;
		background-image: linear-gradient(
			to bottom,
			rgba(245, 245, 247, 0) 0%,
			rgba(245, 245, 247, 0.8) 7px
		);
	}
	html.enhanced .section-audio-performance .scroll-container {
		--p-height: 540px;
	}

	html.no-mq-medium-short.enhanced .section-personalized-listening {
		padding-top: 35px;
	}
}

/* Section battery */

@media only screen and (min-width: 332px) {
	.section-battery .find-my .tile .copy-content {
		padding-right: 2%;
	}
}

/* Section fitness */

.section-fitness .section-header-intro {
	max-width: 900px;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-fitness .workout-buddy .bento-2-tall-right .bento-item:last-child {
		align-items: flex-end;
	}
}

@media only screen and (min-width: 426px) and (max-width: 734px) {
	.section-fitness .workout-buddy .callout-copy-container .callout {
		max-width: 213px;
		padding-inline-end: 5px;
	}
}
@media only screen and (max-width: 425px) {
	.section-fitness .workout-buddy .callout-copy-container .callout {
		padding-inline-end: 24px;
	}
}

/* section-audio-performance XS */

@media only screen and (max-width: 325px) {
	.section-audio-performance .intro-copy {
		font-size: 22px;
	}
}

/* Section magical */

@media only screen and (max-width: 350px) {
	.typography-hey-siri-copy {
		font-size: 35px;
	}
}

/* Compare section */

@media only screen and (max-width: 331px) {
	.section-contrast
		.product-tile-airpods-4
		.product-tile-ctas
		a:nth-child(1) {
		padding-left: 13px;
	}
}

/* Hero custom pricing */

.typography-marquee-detail.custom_pricing .marquee-pricing.custom_small_vp {
	display: none;
}
.custom_medlarge_vp {
	display: inline;
}
.ric-dynamic-pricing.custom_medlarge_vp {
	display: inline;
}
@media only screen and (max-width: 734px) {
	.typography-marquee-detail.custom_pricing .marquee-pricing.custom_small_vp {
		display: inline;
		text-align: left;
	}
	.custom_medlarge_vp {
		display: none;
	}
	.ric-dynamic-pricing.custom_medlarge_vp {
		display: none;
	}
	.typography-marquee-detail.custom_pricing
		.detail-inner-group
		.marquee-pricing.custom_small_vp {
		max-width: 182px;
	}
}

@media only screen and (max-width: 350px) {
	.section-welcome .detail-inner-group {
		column-gap: 10px;
	}
}

@media only screen and (max-width: 734px) {
	.section-welcome .custom_marquee.marquee-detail::before {
		background-color: unset;
	}
	.section-welcome .custom_marquee .detail-inner-group {
		justify-content: center;
		padding-bottom: 10px;
	}
}

/* compare */

@media only screen and (min-width: 1069px) {
	.section-contrast
		.section-header-headline.typography-section-header-headline {
		max-width: 600px;
	}
}