/* Local Overrides */

/* Ribbon */
@media only screen and (max-width: 349px) {
	.ribbon-vday-2025 .ac-ribbon__vday-2025-container {
		padding: 0 27px;
	}
}

@media only screen and (min-width: 410px) and (max-width: 516px) {
	.ribbon-vday-2025 .ac-ribbon__vday-2025-container {
		flex-direction: column;
		padding: 0 80px;
	}
}

@media only screen and (min-width: 517px) and (max-width: 649px) {
	.ribbon-vday-2025 .ac-ribbon__vday-2025-container {
		padding: 0 103px;
	}
}

@media only screen and (min-width: 650px) and (max-width: 734px) {
	.ribbon-vday-2025 .ac-ribbon__vday-2025-container {
		padding: 0 0px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1032px) {
	.ribbon-vday-2025 .ac-ribbon__vday-2025-content {
		width: 562px;
	}
}

@media only screen and (min-width: 806px) {
	.ribbon-vday-2025 .ac-ribbon__vday-2025-content {
		width: 800px;
	}
}

/* Airpods Pro 2 */

@media only screen and (max-width: 329px) {
	.section-airpods-pro-2.hero-tile > div > div {
		height: 558px;
		padding-bottom: 35px;
	}
	.section-airpods-pro-2.hero-tile .content-block {
		padding-bottom: 0px;
	}
}

/* section-hero pricing */
.hero-price .inline-price ~ .footnote {
	display: none;
}
.hero-price .inline-price[data-pricing-loaded] ~ .footnote {
	display: inline;
}

@media only screen and (min-width: 354px) and (max-width: 734px) {
	.inline-price.custom-width {
		max-width: 335px;
		margin: auto;
	}
}

/* section-consider */
@media (max-width: 734px) {
	.section-consider
		[data-analytics-gallery-item-id="hearing health"]
		.tile-content {
		padding-right: 15px;
	}

	.section-consider
		[data-analytics-gallery-item-id="hearing health"]
		.tile-overlay
		.tile-overlay-content {
		padding-right: 25px;
	}
}

@media (max-width: 734px) {
	.section-consider
		[data-analytics-gallery-item-id="siri"]
		.tile-overlay
		.tile-overlay-content,
	.section-consider
		[data-analytics-gallery-item-id="effortless experience"]
		.tile-overlay
		.tile-overlay-content {
		padding-right: 20px;
	}
}

.section-airpods-pro-2 .hero-priceline {
	flex-direction: column;
	margin-top: 11px;
}

@media (max-width: 1069px) {
	.section-airpods-max .hero-priceline {
		flex-direction: column;
		margin-top: 11px;
	}
}