/* Local Overrides */

/* Ribbon Supglyph */
.ribbon .footnote-supglyph {
	top: -3px;
}

/* Hero Apple Intelligence Disclaimer */
@media (max-width: 480px) {
	.section-welcome
		.welcome-content-container
		.welcome-content
		.bottom-marquee
		.marquee
		.detail-milestone {
		width: 320px;
	}
}

/* Hero Apple Intelligence */

@media only screen and (min-width: 1441px) {
	#overview-welcome-hero-apple-intelligence-headline-1 {
		--p-width: 883px;
	}
}
@media only screen and (max-width: 1440px) {
	#overview-welcome-hero-apple-intelligence-headline-1 {
		--p-width: 664px;
	}
}
@media only screen and (max-width: 1068px) {
	#overview-welcome-hero-apple-intelligence-headline-1 {
		--p-width: 607px;
	}
}
@media only screen and (max-width: 734px) {
	#overview-welcome-hero-apple-intelligence-headline-1 {
		--p-width: 436px;
	}
}
@media only screen and (max-width: 480px) {
	#overview-welcome-hero-apple-intelligence-headline-1 {
		--p-width: 396px;
	}
}
@media only screen and (max-width: 480px) {
	.section-welcome
		.welcome-content-container
		.welcome-content
		.media-container
		.inline-media-component-container {
		margin-top: -36px;
	}
}

/* media card section */
@media only screen and (min-width: 735px) {
	[data-media-card-gallery] .media-gallery-item-connectivity .caption {
		width: 28ch;
	}
}

/* Apple TV */
.customized-cta-tv {
	display: block;
	text-align: center;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: -60px;
	margin-bottom: 70px;
	font-size: 14px;
	line-height: 1.2857742857;
	font-weight: 400;
	letter-spacing: -0.016em;
	z-index: 20;
}

@media only screen and (max-width: 1068px) {
	.customized-cta-tv {
		margin-top: -20px;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 734px) {
	.customized-cta-tv {
		margin-top: -20px;
		margin-bottom: 26px;
	}
}

@media only screen and (min-width: 481px) and (max-width: 734px) {
	.customized-cta-tv {
		margin-bottom: 36px;
	}
}

@media only screen and (min-width: 537px) and (max-width: 669px) {
	.customized-cta-tv {
		margin-top: -20px;
		max-width: 324px;
	}
}

@media only screen and (min-width: 419px) and (max-width: 569px) {
	.customized-cta-tv {
		margin-top: -10px;
		max-width: 324px;
	}
}

@media only screen and (max-width: 418px) {
	.customized-cta-tv {
		margin-top: 0px;
	}
}

@media (min-width: 1069px) {
	.section-battery .battery-details .picture-wrap .hero-battery .screen {
		left: 6.66%;
	}
}

@media (max-width: 734px) {
	.section-battery .battery-details .picture-wrap .hero-battery .screen {
		left: 6.9%;
		top: 8.1%;
	}
}

/* Apple Store App */
@media only screen and (min-width: 1069px) {
	#icon-card-apple-store-app
		.icon-card-modal-content
		.icon-card-modal-content-image
		p {
		max-width: 600px;
	}
}

/* chip compare */
@media only screen and (min-width: 1069px) {
	section.section-chip .inline-compare-wrap .inline-compare-option .ps-stat {
		min-width: 300px;
	}
	section.section-chip .inline-compare-wrap .inline-compare-option {
		column-gap: 75px;
	}
}

/* Apple Intelligence Section Play/Pause Button */
.section-apple-intelligence
	.section-apple-intelligence-hero
	.subsection-header
	.apple-intelligence-disclaimer {
	padding-left: 20px;
	padding-right: 20px;
}

@media only screen and (min-width: 1069px) {
	#productivity-gallery-item-1
		.bento
		.bento-item.tile-rounded
		.vertically-scaling-container
		.inline-media-ui.inline-media-ui-button {
		margin-left: 35px;
		margin-top: -4px;
	}
}

@media only screen and (min-width: 1069px) {
	#siri-gallery-item-3
		.bento.row
		.bento-item.tile-rounded
		.vertically-scaling-container
		.inline-media-ui.inline-media-ui-button {
		margin-left: 35px;
		margin-top: -4px;
	}
}

.bento-tab-gallery .bento .bento-one {
	width: -webkit-fill-available;
}

/* battery compare */
@media only screen and (min-width: 1069px) {
	section.section-battery
		.inline-compare-wrap
		.inline-compare-option
		.ps-stat {
		min-width: 205.896px;
	}
}
section.section-battery .inline-compare-wrap .inline-compare-option .ps-stat {
	max-width: 220.896px;
}

@media only screen and (min-width: 1069px) {
	section.section-battery .inline-compare-wrap .inline-compare-option {
		column-gap: 105.896px;
	}
}

/* MSI ribbon */
@keyframes ribbon-drop {
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0);
	}
}

.trade-in-ribbon {
	opacity: 0;
	animation: 0.1s delayAnimation 7s forwards;
}

.trade-in-ribbon ~ .ribbon {
	display: none;
}

.trade-in-ribbon ~ .acmi-ribbon {
	display: none;
}

.trade-in-ribbon ~ .section-hero .ribbon {
	display: none;
}

.trade-in-ribbon .ribbon {
	overflow: hidden;
	--ribbon-background-color: #f5f5f7;
	--ribbon-text-color: #1d1d1f;
	--ribbon-link-color: #06c;
	--ribbon-focus-color: rgba(0, 125, 250, 0.6);
	--ribbon-text-color: #1d1d1f;
	--ribbon-text-color-initial: #fff;
	--ribbon-link-color: #06c;
	--ribbon-focus-color: rgba(0, 125, 250, 0.6);
	--ribbon-link-color-initial: #fff;
	--ribbon-background-color: #f5f5f7;
	--ribbon-background-color-initial: #0071e3;
}

.trade-in-ribbon .ribbon-content-wrapper {
	text-align: center;
}

.trade-in-ribbon .ribbon-content {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

@media only screen and (min-width: 1441px) {
	.trade-in-ribbon .ribbon-content {
		margin-left: auto;
		margin-right: auto;
		width: 980px;
	}
}

@media only screen and (max-width: 1068px) {
	.trade-in-ribbon .ribbon-content {
		margin-left: auto;
		margin-right: auto;
		width: 692px;
	}
}

@media only screen and (max-width: 734px) {
	.trade-in-ribbon .ribbon-content {
		margin-left: auto;
		margin-right: auto;
		width: 87.5%;
	}
}

.trade-in-ribbon .ribbon-link {
	white-space: nowrap;
}

.trade-in-ribbon .ribbon-link:focus {
	text-decoration: underline;
}

.trade-in-ribbon .ribbon .ribbon-content-wrapper {
	padding-top: 0.94118em;
	padding-bottom: 0.94118em;
}

.trade-in-ribbon .ribbon .ribbon-content {
	font-size: 14px;
	line-height: 1.42859;
	font-weight: 400;
	letter-spacing: -0.016em;
	font-family:
		"SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial",
		sans-serif;
}

.trade-in-ribbon .ribbon .ribbon-content:lang(ar) {
	line-height: 1.57143;
	letter-spacing: 0em;
	font-family:
		"SF Pro AR", "SF Pro AR Text", "SF Pro Text", "SF Pro Gulf",
		"SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.trade-in-ribbon .ribbon .ribbon-content:lang(ja) {
	letter-spacing: 0em;
	font-family:
		"SF Pro JP", "SF Pro Text", "SF Pro Icons", "Hiragino Kaku Gothic Pro",
		"ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3", "ãƒ¡ã‚¤ãƒªã‚ª", "Meiryo",
		"ï¼­ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯", "Helvetica Neue", "Helvetica", "Arial",
		sans-serif;
}

.trade-in-ribbon .ribbon .ribbon-content:lang(ko) {
	line-height: 1.57143;
	letter-spacing: 0em;
	font-family:
		"SF Pro KR", "SF Pro Text", "SF Pro Icons", "Apple Gothic", "HY Gulim",
		"MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
}

.trade-in-ribbon .ribbon .ribbon-content:lang(zh) {
	line-height: 1.5;
	letter-spacing: 0em;
}

.trade-in-ribbon .ribbon .ribbon-content:lang(th) {
	line-height: 1.35718;
	letter-spacing: 0em;
	font-family:
		"SF Pro TH", "SF Pro Text", "SF Pro Icons", "Helvetica Neue",
		"Helvetica", "Arial", sans-serif;
}

.trade-in-ribbon .ribbon .ribbon-content:lang(zh-CN) {
	font-family:
		"SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.trade-in-ribbon .ribbon .ribbon-content:lang(zh-HK) {
	font-family:
		"SF Pro HK", "SF Pro Text", "SF Pro Icons", "PingFang HK",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.trade-in-ribbon .ribbon .ribbon-content:lang(zh-MO) {
	font-family:
		"SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang HK",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.trade-in-ribbon .ribbon .ribbon-content:lang(zh-TW) {
	font-family:
		"SF Pro TC", "SF Pro Text", "SF Pro Icons", "PingFang TC",
		"Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.trade-in-ribbon .ribbon .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color);
}

.trade-in-ribbon .ribbon .ribbon-content {
	color: var(--ribbon-text-color);
}

.trade-in-ribbon .ribbon .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

.trade-in-ribbon .ribbon .ribbon-link {
	color: var(--ribbon-link-color);
}

@keyframes animate-color-fff-1d1d1f {
	0% {
		color: var(--ribbon-text-color-initial);
	}

	100% {
		color: var(--ribbon-text-color);
	}
}

.trade-in-ribbon .ribbon .ribbon-content {
	color: var(--ribbon-text-color-initial);
	animation: animate-color-fff-1d1d1f 1s cubic-bezier(0.42, 0, 0.58, 1) 1.8s
		forwards;
}

@media (prefers-reduced-motion) {
	.trade-in-ribbon .ribbon .ribbon-content {
		color: var(--ribbon-text-color);
		animation: none;
	}
}

.trade-in-ribbon .ribbon .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

@keyframes animate-color-fff-06c {
	0% {
		color: var(--ribbon-link-color-initial);
	}

	100% {
		color: var(--ribbon-link-color);
	}
}

.trade-in-ribbon .ribbon .ribbon-link {
	color: var(--ribbon-link-color-initial);
	animation: animate-color-fff-06c 1s cubic-bezier(0.42, 0, 0.58, 1) 1.8s
		forwards;
}

@media (prefers-reduced-motion) {
	.trade-in-ribbon .ribbon .ribbon-link {
		color: var(--ribbon-link-color);
		animation: none;
	}
}

@keyframes animate-background-0071e3-f5f5f7 {
	0% {
		background-color: var(--ribbon-background-color-initial);
	}

	100% {
		background-color: var(--ribbon-background-color);
	}
}

.trade-in-ribbon .ribbon .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color-initial);
	animation: animate-background-0071e3-f5f5f7 1s
		cubic-bezier(0.42, 0, 0.58, 1) 1.8s forwards;
}

@media (prefers-reduced-motion) {
	.trade-in-ribbon .ribbon .ribbon-content-wrapper {
		background-color: var(--ribbon-background-color);
		animation: none;
	}
}

.trade-in-ribbon .ribbon-content-wrapper {
	animation: ribbon-drop 0.8s cubic-bezier(0.42, 0, 0.58, 1) forwards;
	animation-delay: 0.5s;
}

@media (prefers-reduced-motion) {
	.trade-in-ribbon .ribbon-content-wrapper {
		animation: none;
	}
}

.trade-in-ribbon .ribbon .ribbon-link {
	font-size: inherit;
}

@media only screen and (max-width: 734px) {
	.trade-in-ribbon .ribbon .ribbon-link {
		margin: 0;
	}
}

.trade-in-ribbon .ribbon .ribbon-link:focus {
	text-decoration: none;
}

.trade-in-ribbon .ribbon .ribbon-link:focus .icon-copy {
	text-decoration: underline;
}

.trade-in-ribbon .ribbon .footnote {
	position: relative;
	vertical-align: baseline;
	color: inherit;
}

.trade-in-ribbon .ribbon-container {
	justify-content: center;
	align-items: center;
}

@media only screen and (max-width: 734px) {
	.trade-in-ribbon .ribbon-container {
		flex-direction: column;
	}
}

.trade-in-ribbon.theme-dark {
	background: #000;
}

.trade-in-ribbon.theme-dark .ribbon {
	--ribbon-text-color: #fff;
	--ribbon-text-color-initial: #fff;
	--ribbon-link-color: #2997ff;
	--ribbon-focus-color: rgba(0, 125, 250, 0.6);
	--ribbon-link-color-initial: #fff;
	--ribbon-background-color: #1d1d1f;
	--ribbon-background-color-initial: #0071e3;
}

@keyframes animate-color-fff-fff {
	0% {
		color: var(--ribbon-text-color-initial);
	}

	100% {
		color: var(--ribbon-text-color);
	}
}

.trade-in-ribbon.theme-dark .ribbon .ribbon-content {
	color: var(--ribbon-text-color-initial);
	animation: animate-color-fff-fff 1s cubic-bezier(0.42, 0, 0.58, 1) 1.8s
		forwards;
}

@media (prefers-reduced-motion) {
	.trade-in-ribbon.theme-dark .ribbon .ribbon-content {
		color: var(--ribbon-text-color);
		animation: none;
	}
}

.trade-in-ribbon.theme-dark .ribbon .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

@keyframes animate-color-fff-2997ff {
	0% {
		color: var(--ribbon-link-color-initial);
	}

	100% {
		color: var(--ribbon-link-color);
	}
}

.trade-in-ribbon.theme-dark .ribbon .ribbon-link {
	color: var(--ribbon-link-color-initial);
	animation: animate-color-fff-2997ff 1s cubic-bezier(0.42, 0, 0.58, 1) 1.8s
		forwards;
}

@media (prefers-reduced-motion) {
	.trade-in-ribbon.theme-dark .ribbon .ribbon-link {
		color: var(--ribbon-link-color);
		animation: none;
	}
}

@keyframes animate-background-0071e3-1d1d1f {
	0% {
		background-color: var(--ribbon-background-color-initial);
	}

	100% {
		background-color: var(--ribbon-background-color);
	}
}

.trade-in-ribbon.theme-dark .ribbon .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color-initial);
	animation: animate-background-0071e3-1d1d1f 1s
		cubic-bezier(0.42, 0, 0.58, 1) 1.8s forwards;
}

@media (prefers-reduced-motion) {
	.trade-in-ribbon.theme-dark .ribbon .ribbon-content-wrapper {
		background-color: var(--ribbon-background-color);
		animation: none;
	}
}

.trade-in-ribbon.theme-dark .ribbon .footnote {
	color: inherit;
}

.trade-in-ribbon.static-dark .ribbon {
	--ribbon-text-color: #fff;
	--ribbon-link-color: #2997ff;
	--ribbon-focus-color: rgba(0, 125, 250, 0.6);
	--ribbon-link-color-initial: #2997ff;
	--ribbon-background-color: #1d1d1f;
	--ribbon-background-color-initial: #1d1d1f;
}

.trade-in-ribbon.static-dark .ribbon .ribbon-content {
	color: var(--ribbon-text-color);
}

.trade-in-ribbon.static-dark .ribbon .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

@keyframes animate-color-2997ff-2997ff {
	0% {
		color: var(--ribbon-link-color-initial);
	}

	100% {
		color: var(--ribbon-link-color);
	}
}

.trade-in-ribbon.static-dark .ribbon .ribbon-link {
	color: var(--ribbon-link-color-initial);
	animation: animate-color-2997ff-2997ff 1s cubic-bezier(0.42, 0, 0.58, 1)
		1.8s forwards;
}

@media (prefers-reduced-motion) {
	.trade-in-ribbon.static-dark .ribbon .ribbon-link {
		color: var(--ribbon-link-color);
		animation: none;
	}
}

@keyframes animate-background-1d1d1f-1d1d1f {
	0% {
		background-color: var(--ribbon-background-color-initial);
	}

	100% {
		background-color: var(--ribbon-background-color);
	}
}

.trade-in-ribbon.static-dark .ribbon .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color-initial);
	animation: animate-background-1d1d1f-1d1d1f 1s
		cubic-bezier(0.42, 0, 0.58, 1) 1.8s forwards;
}

@media (prefers-reduced-motion) {
	.trade-in-ribbon.static-dark .ribbon .ribbon-content-wrapper {
		background-color: var(--ribbon-background-color);
		animation: none;
	}
}

.trade-in-ribbon.static-light .ribbon {
	--ribbon-text-color: #1d1d1f;
	--ribbon-text-color-initial: #1d1d1f;
	--ribbon-link-color: #06c;
	--ribbon-focus-color: rgba(0, 125, 250, 0.6);
	--ribbon-link-color-initial: #06c;
	--ribbon-background-color: #f5f5f7;
	--ribbon-background-color-initial: #f5f5f7;
}

@keyframes animate-color-1d1d1f-1d1d1f {
	0% {
		color: var(--ribbon-text-color-initial);
	}

	100% {
		color: var(--ribbon-text-color);
	}
}

.trade-in-ribbon.static-light .ribbon .ribbon-content {
	color: var(--ribbon-text-color-initial);
	animation: animate-color-1d1d1f-1d1d1f 1s cubic-bezier(0.42, 0, 0.58, 1)
		1.8s forwards;
}

@media (prefers-reduced-motion) {
	.trade-in-ribbon.static-light .ribbon .ribbon-content {
		color: var(--ribbon-text-color);
		animation: none;
	}
}

.trade-in-ribbon.static-light .ribbon .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

@keyframes animate-color-06c-06c {
	0% {
		color: var(--ribbon-link-color-initial);
	}

	100% {
		color: var(--ribbon-link-color);
	}
}

.trade-in-ribbon.static-light .ribbon .ribbon-link {
	color: var(--ribbon-link-color-initial);
	animation: animate-color-06c-06c 1s cubic-bezier(0.42, 0, 0.58, 1) 1.8s
		forwards;
}

@media (prefers-reduced-motion) {
	.trade-in-ribbon.static-light .ribbon .ribbon-link {
		color: var(--ribbon-link-color);
		animation: none;
	}
}

@keyframes animate-background-f5f5f7-f5f5f7 {
	0% {
		background-color: var(--ribbon-background-color-initial);
	}

	100% {
		background-color: var(--ribbon-background-color);
	}
}

.trade-in-ribbon.static-light .ribbon .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color-initial);
	animation: animate-background-f5f5f7-f5f5f7 1s
		cubic-bezier(0.42, 0, 0.58, 1) 1.8s forwards;
}

@media (prefers-reduced-motion) {
	.trade-in-ribbon.static-light .ribbon .ribbon-content-wrapper {
		background-color: var(--ribbon-background-color);
		animation: none;
	}
}

.trade-in-ribbon.static-blue .ribbon {
	--ribbon-text-color: #fff;
	--ribbon-text-color-initial: #fff;
	--ribbon-link-color: #fff;
	--ribbon-focus-color: rgba(0, 125, 250, 0.6);
	--ribbon-link-color-initial: #fff;
	--ribbon-background-color: #06c;
	--ribbon-background-color-initial: #06c;
}

@keyframes animate-color-fff-fff {
	0% {
		color: var(--ribbon-text-color-initial);
	}

	100% {
		color: var(--ribbon-text-color);
	}
}

.trade-in-ribbon.static-blue .ribbon .ribbon-content {
	color: var(--ribbon-text-color-initial);
	animation: animate-color-fff-fff 1s cubic-bezier(0.42, 0, 0.58, 1) 1.8s
		forwards;
}

@media (prefers-reduced-motion) {
	.trade-in-ribbon.static-blue .ribbon .ribbon-content {
		color: var(--ribbon-text-color);
		animation: none;
	}
}

.trade-in-ribbon.static-blue .ribbon .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

@keyframes animate-color-fff-fff {
	0% {
		color: var(--ribbon-link-color-initial);
	}

	100% {
		color: var(--ribbon-link-color);
	}
}

.trade-in-ribbon.static-blue .ribbon .ribbon-link {
	color: var(--ribbon-link-color-initial);
	animation: animate-color-fff-fff 1s cubic-bezier(0.42, 0, 0.58, 1) 1.8s
		forwards;
}

@media (prefers-reduced-motion) {
	.trade-in-ribbon.static-blue .ribbon .ribbon-link {
		color: var(--ribbon-link-color);
		animation: none;
	}
}

@keyframes animate-background-06c-06c {
	0% {
		background-color: var(--ribbon-background-color-initial);
	}

	100% {
		background-color: var(--ribbon-background-color);
	}
}

.trade-in-ribbon.static-blue .ribbon .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color-initial);
	animation: animate-background-06c-06c 1s cubic-bezier(0.42, 0, 0.58, 1) 1.8s
		forwards;
}

@media (prefers-reduced-motion) {
	.trade-in-ribbon.static-blue .ribbon .ribbon-content-wrapper {
		background-color: var(--ribbon-background-color);
		animation: none;
	}
}

.trade-in-ribbon.light-to-light .ribbon {
	--ribbon-text-color: #1d1d1f;
	--ribbon-text-color-initial: #1d1d1f;
	--ribbon-link-color: #06c;
	--ribbon-focus-color: rgba(0, 125, 250, 0.6);
	--ribbon-link-color-initial: #06c;
	--ribbon-background-color: #f5f5f7;
	--ribbon-background-color-initial: #f5f5f7;
}

@keyframes animate-color-1d1d1f-1d1d1f {
	0% {
		color: var(--ribbon-text-color-initial);
	}

	100% {
		color: var(--ribbon-text-color);
	}
}

.trade-in-ribbon.light-to-light .ribbon .ribbon-content {
	color: var(--ribbon-text-color-initial);
	animation: animate-color-1d1d1f-1d1d1f 1s cubic-bezier(0.42, 0, 0.58, 1)
		1.8s forwards;
}

@media (prefers-reduced-motion) {
	.trade-in-ribbon.light-to-light .ribbon .ribbon-content {
		color: var(--ribbon-text-color);
		animation: none;
	}
}

.trade-in-ribbon.light-to-light .ribbon .ribbon-link:focus {
	outline-color: var(--ribbon-focus-color);
}

@keyframes animate-color-06c-06c {
	0% {
		color: var(--ribbon-link-color-initial);
	}

	100% {
		color: var(--ribbon-link-color);
	}
}

.trade-in-ribbon.light-to-light .ribbon .ribbon-link {
	color: var(--ribbon-link-color-initial);
	animation: animate-color-06c-06c 1s cubic-bezier(0.42, 0, 0.58, 1) 1.8s
		forwards;
}

@media (prefers-reduced-motion) {
	.trade-in-ribbon.light-to-light .ribbon .ribbon-link {
		color: var(--ribbon-link-color);
		animation: none;
	}
}

@keyframes animate-background-f5f5f7-f5f5f7 {
	0% {
		background-color: var(--ribbon-background-color-initial);
	}

	100% {
		background-color: var(--ribbon-background-color);
	}
}

.trade-in-ribbon.light-to-light .ribbon .ribbon-content-wrapper {
	background-color: var(--ribbon-background-color-initial);
	animation: animate-background-f5f5f7-f5f5f7 1s
		cubic-bezier(0.42, 0, 0.58, 1) 1.8s forwards;
}

@media (prefers-reduced-motion) {
	.trade-in-ribbon.light-to-light .ribbon .ribbon-content-wrapper {
		background-color: var(--ribbon-background-color);
		animation: none;
	}
}

.trade-in-ribbon sup {
	margin-left: -4px;
}

@keyframes delayAnimation {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

html.text-zoom .trade-in-ribbon {
	margin-top: 3px;
}

.trade-in-ribbon sup {
	text-decoration: underline;
}

html.hide-acmi #ac-globalfooter .ac-gf-sosumi {
	display: none;
}

#ac-ln-viewport-emitter[data-viewport-emitter-state="{'viewport': 'small'}"]
	+ .main
	.trade-in-ribbon {
	top: 180px;
}

.trade-in-ribbon {
	position: absolute;
	top: 46px;
	z-index: 9997;
	left: 0;
	right: 0;
}

.ac-ls-visible .trade-in-ribbon {
	top: 116px;
}

@media only screen and (max-width: 1068px) {
	.ac-ls-visible .trade-in-ribbon {
		top: 180px;
	}
}

@media only screen and (max-width: 1068px) and (orientation: landscape) {
	.ac-ls-visible .trade-in-ribbon {
		top: 116px;
	}
}

@media only screen and (max-width: 833px) and (orientation: landscape) {
	.ac-ls-visible .trade-in-ribbon {
		top: 180px;
	}
}

@media only screen and (max-width: 734px) {
	.ac-ls-visible .trade-in-ribbon {
		top: 180px;
	}
}

@media only screen and (max-width: 734px) and (orientation: landscape) {
	.ac-ls-visible .trade-in-ribbon {
		top: 186px;
	}
}

@media only screen and (max-width: 734px) {
	.ac-ls-visible .trade-in-ribbon + .section-welcome .lockup-wrap {
		margin-top: 80px;
	}
}

.ac-ls-visible.ac-gn-segmentbar-visible .trade-in-ribbon {
	top: 156px;
}

@media only screen and (max-width: 1068px) {
	.ac-ls-visible.ac-gn-segmentbar-visible .trade-in-ribbon {
		top: 160px;
	}
}

@media (max-width: 833px) {
	.ac-ls-visible.ac-gn-segmentbar-visible .trade-in-ribbon {
		top: 230px;
	}
}

@media (max-width: 375px) {
	.trade-in-ribbon + .section-welcome .logo-intro {
		top: calc(50% - var(--global-nav-offset) + 100px);
	}

	.ac-ls-visible .trade-in-ribbon + .section-welcome .logo-intro {
		top: calc(50% - var(--global-nav-offset) + 120px);
	}
}

.trade-in-ribbon + .section-welcome .lockup-wrap {
	margin-top: 20px;
}

@media only screen and (max-width: 734px) {
	.trade-in-ribbon + .section-welcome .lockup-wrap {
		margin-top: 50px;
	}
}

@media (max-width: 375px) {
	.trade-in-ribbon + .section-welcome .lockup-wrap {
		margin-top: 80px;
	}

	.ac-ls-visible .trade-in-ribbon + .section-welcome .lockup-wrap {
		margin-top: 100px;
	}
}

@media (min-width: 1024px) and (max-height: 950px) {
	.trade-in-ribbon + .section-welcome .lockup-wrap {
		margin-top: 50px;
	}
}

html.text-zoom .trade-in-ribbon {
	position: relative;
	top: 3px;
}

html.text-zoom .trade-in-ribbon .ribbon-content-wrapper {
	padding: 28px 0 20px;
}

@media (max-width: 907px) and (min-width: 833px) {
	html.text-zoom .trade-in-ribbon {
		top: 52px;
	}

	html.text-zoom .trade-in-ribbon + .section-welcome .lockup-wrap {
		margin-top: 70px;
	}
}

/*  Environment  */
@media only screen and (min-width: 1069px) {
	.values-grid-subitems.values-subitem-1 > p {
		max-width: 319px;
	}
}

/* AI Disclaimer - Bento Gallery */
.bento-tab-gallery .bento-disclaimer {
	font-weight: 600;
	margin-top: 20px;
}

/*SCREENS*/

/* Dynamic Island */
section.section-upgrade
	.inline-compare-wrap
	.inline-wrap
	.compare-tile-dynamic-island
	.upgrade-picture-wrap
	.bg-upgrade-image.ready-to-load {
	background-image: url(/mx/iphone-16/images/overview/product-stories/upgrade/inline-compare/dynamic_island__c2mtyfpcc8k2_large.jpg);
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	section.section-upgrade
		.inline-compare-wrap
		.inline-wrap
		.compare-tile-dynamic-island
		.upgrade-picture-wrap
		.bg-upgrade-image.ready-to-load {
		background-image: url(/mx/iphone-16/images/overview/product-stories/upgrade/inline-compare/dynamic_island__c2mtyfpcc8k2_large_2x.jpg);
	}
}

@media (min-width: 1441px) {
	section.section-upgrade
		.inline-compare-wrap
		.inline-wrap
		.compare-tile-dynamic-island
		.upgrade-picture-wrap
		.bg-upgrade-image.ready-to-load {
		background-image: url(/mx/iphone-16/images/overview/product-stories/upgrade/inline-compare/dynamic_island__c2mtyfpcc8k2_xlarge.jpg);
	}
}

@media (min-width: 1441px) and (min-resolution: 1.5dppx),
	(min-width: 1441px) and (min-resolution: 144dpi) {
	section.section-upgrade
		.inline-compare-wrap
		.inline-wrap
		.compare-tile-dynamic-island
		.upgrade-picture-wrap
		.bg-upgrade-image.ready-to-load {
		background-image: url(/mx/iphone-16/images/overview/product-stories/upgrade/inline-compare/dynamic_island__c2mtyfpcc8k2_xlarge_2x.jpg);
	}
}

@media (max-width: 1068px) {
	section.section-upgrade
		.inline-compare-wrap
		.inline-wrap
		.compare-tile-dynamic-island
		.upgrade-picture-wrap
		.bg-upgrade-image.ready-to-load {
		background-image: url(/mx/iphone-16/images/overview/product-stories/upgrade/inline-compare/dynamic_island__c2mtyfpcc8k2_medium.jpg);
	}
}

@media (max-width: 1068px) and (min-resolution: 1.5dppx),
	(max-width: 1068px) and (min-resolution: 144dpi) {
	section.section-upgrade
		.inline-compare-wrap
		.inline-wrap
		.compare-tile-dynamic-island
		.upgrade-picture-wrap
		.bg-upgrade-image.ready-to-load {
		background-image: url(/mx/iphone-16/images/overview/product-stories/upgrade/inline-compare/dynamic_island__c2mtyfpcc8k2_medium_2x.jpg);
	}
}

@media (max-width: 734px) {
	section.section-upgrade
		.inline-compare-wrap
		.inline-wrap
		.compare-tile-dynamic-island
		.upgrade-picture-wrap
		.bg-upgrade-image.ready-to-load {
		background-image: url(/mx/iphone-16/images/overview/product-stories/upgrade/inline-compare/dynamic_island__c2mtyfpcc8k2_small.jpg);
	}
}

@media (max-width: 734px) and (min-resolution: 1.5dppx),
	(max-width: 734px) and (min-resolution: 144dpi) {
	section.section-upgrade
		.inline-compare-wrap
		.inline-wrap
		.compare-tile-dynamic-island
		.upgrade-picture-wrap
		.bg-upgrade-image.ready-to-load {
		background-image: url(/mx/iphone-16/images/overview/product-stories/upgrade/inline-compare/dynamic_island__c2mtyfpcc8k2_small_2x.jpg);
	}
}

@media (max-width: 480px) {
	section.section-upgrade
		.inline-compare-wrap
		.inline-wrap
		.compare-tile-dynamic-island
		.upgrade-picture-wrap
		.bg-upgrade-image.ready-to-load {
		background-image: url(/mx/iphone-16/images/overview/product-stories/upgrade/inline-compare/dynamic_island__c2mtyfpcc8k2_xsmall.jpg);
	}
}

@media (max-width: 480px) and (min-resolution: 1.5dppx),
	(max-width: 480px) and (min-resolution: 144dpi) {
	section.section-upgrade
		.inline-compare-wrap
		.inline-wrap
		.compare-tile-dynamic-island
		.upgrade-picture-wrap
		.bg-upgrade-image.ready-to-load {
		background-image: url(/mx/iphone-16/images/overview/product-stories/upgrade/inline-compare/dynamic_island__c2mtyfpcc8k2_xsmall_2x.jpg);
	}
}

/* Express Clean up */

.section-apple-intelligence .overview-apple-intelligence-express-clean-up {
	background-image: url(/mx/iphone-16/images/overview/apple-intelligence/express_clean_up__c3qleegs6oya_large.jpg);
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.section-apple-intelligence .overview-apple-intelligence-express-clean-up {
		background-image: url(/mx/iphone-16/images/overview/apple-intelligence/express_clean_up__c3qleegs6oya_large_2x.jpg);
	}
}

@media (max-width: 1068px) {
	.section-apple-intelligence .overview-apple-intelligence-express-clean-up {
		background-image: url(/mx/iphone-16/images/overview/apple-intelligence/express_clean_up__c3qleegs6oya_medium.jpg);
	}
}

@media (max-width: 1068px) and (min-resolution: 1.5dppx),
	(max-width: 1068px) and (min-resolution: 144dpi) {
	.section-apple-intelligence .overview-apple-intelligence-express-clean-up {
		background-image: url(/mx/iphone-16/images/overview/apple-intelligence/express_clean_up__c3qleegs6oya_medium_2x.jpg);
	}
}

@media (max-width: 480px) {
	.section-apple-intelligence .overview-apple-intelligence-express-clean-up {
		background-image: url(/mx/iphone-16/images/overview/apple-intelligence/express_clean_up__c3qleegs6oya_xsmall.jpg);
	}
}

@media (max-width: 480px) and (min-resolution: 1.5dppx),
	(max-width: 480px) and (min-resolution: 144dpi) {
	.section-apple-intelligence .overview-apple-intelligence-express-clean-up {
		background-image: url(/mx/iphone-16/images/overview/apple-intelligence/express_clean_up__c3qleegs6oya_xsmall_2x.jpg);
	}
}

/*Productivy notifications */

.section-apple-intelligence
	.overview-apple-intelligence-productivity-notifications {
	background-image: url(/mx/iphone-16/images/overview/apple-intelligence/productivity_notifications__b6vku0xq1zxy_large.jpg);
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.section-apple-intelligence
		.overview-apple-intelligence-productivity-notifications {
		background-image: url(/mx/iphone-16/images/overview/apple-intelligence/productivity_notifications__b6vku0xq1zxy_large_2x.jpg);
	}
}

@media (max-width: 1068px) {
	.section-apple-intelligence
		.overview-apple-intelligence-productivity-notifications {
		background-image: url(/mx/iphone-16/images/overview/apple-intelligence/productivity_notifications__b6vku0xq1zxy_medium.jpg);
	}
}

@media (max-width: 1068px) and (min-resolution: 1.5dppx),
	(max-width: 1068px) and (min-resolution: 144dpi) {
	.section-apple-intelligence
		.overview-apple-intelligence-productivity-notifications {
		background-image: url(/mx/iphone-16/images/overview/apple-intelligence/productivity_notifications__b6vku0xq1zxy_medium_2x.jpg);
	}
}

@media (max-width: 480px) {
	.section-apple-intelligence
		.overview-apple-intelligence-productivity-notifications {
		background-image: url(/mx/iphone-16/images/overview/apple-intelligence/productivity_notifications__b6vku0xq1zxy_xsmall.jpg);
	}
}

@media (max-width: 480px) and (min-resolution: 1.5dppx),
	(max-width: 480px) and (min-resolution: 144dpi) {
	.section-apple-intelligence
		.overview-apple-intelligence-productivity-notifications {
		background-image: url(/mx/iphone-16/images/overview/apple-intelligence/productivity_notifications__b6vku0xq1zxy_xsmall_2x.jpg);
	}
}

/*Express playground */

.section-apple-intelligence .overview-apple-intelligence-express-playground {
	background-image: url(/mx/iphone-16/images/overview/apple-intelligence/express_playground__bpmf0g3p7q2q_large.jpg);
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.section-apple-intelligence
		.overview-apple-intelligence-express-playground {
		background-image: url(/mx/iphone-16/images/overview/apple-intelligence/express_playground__bpmf0g3p7q2q_large_2x.jpg);
	}
}

@media (max-width: 480px) {
	.section-apple-intelligence
		.overview-apple-intelligence-express-playground {
		background-image: url(/mx/iphone-16/images/overview/apple-intelligence/express_playground__bpmf0g3p7q2q_xsmall.jpg);
	}
}

@media (max-width: 480px) and (min-resolution: 1.5dppx),
	(max-width: 480px) and (min-resolution: 144dpi) {
	.section-apple-intelligence
		.overview-apple-intelligence-express-playground {
		background-image: url(/mx/iphone-16/images/overview/apple-intelligence/express_playground__bpmf0g3p7q2q_xsmall_2x.jpg);
	}
}

/* Siri Instructions */

.section-apple-intelligence .overview-apple-intelligence-siri-instructions {
	background-image: url(/mx/iphone-16/images/overview/apple-intelligence/siri_instructions__yvqikxwqzte6_large.jpg);
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
	.section-apple-intelligence .overview-apple-intelligence-siri-instructions {
		background-image: url(/mx/iphone-16/images/overview/apple-intelligence/siri_instructions__yvqikxwqzte6_large_2x.jpg);
	}
}

@media (max-width: 1068px) {
	.section-apple-intelligence .overview-apple-intelligence-siri-instructions {
		background-image: url(/mx/iphone-16/images/overview/apple-intelligence/siri_instructions__yvqikxwqzte6_medium.jpg);
	}
}

@media (max-width: 1068px) and (min-resolution: 1.5dppx),
	(max-width: 1068px) and (min-resolution: 144dpi) {
	.section-apple-intelligence .overview-apple-intelligence-siri-instructions {
		background-image: url(/mx/iphone-16/images/overview/apple-intelligence/siri_instructions__yvqikxwqzte6_medium_2x.jpg);
	}
}

@media (max-width: 480px) {
	.section-apple-intelligence .overview-apple-intelligence-siri-instructions {
		background-image: url(/mx/iphone-16/images/overview/apple-intelligence/siri_instructions__yvqikxwqzte6_xsmall.jpg);
	}
}

@media (max-width: 480px) and (min-resolution: 1.5dppx),
	(max-width: 480px) and (min-resolution: 144dpi) {
	.section-apple-intelligence .overview-apple-intelligence-siri-instructions {
		background-image: url(/mx/iphone-16/images/overview/apple-intelligence/siri_instructions__yvqikxwqzte6_xsmall_2x.jpg);
	}
}

/* A/B control */
ul.product-tile-set.variant {
	display: none;
}

[data-at-ab-i16ecm="v0"] ul.product-tile-set.control {
	display: flex;
}
[data-at-ab-i16ecm="v0"] ul.product-tile-set.variant {
	display: none;
}

[data-at-ab-i16ecm="v1"] ul.product-tile-set.variant {
	display: flex;
}
[data-at-ab-i16ecm="v1"] ul.product-tile-set.control {
	display: none;
}
/* Satelite headline */
@media only screen and (max-width: 374px) {
	h4.ps-headline.typography-ps-headline-super.centered-text.large-11.large-centered.medium-11.medium-offset-1.small-11.small-offset-1 {
		margin-left: 0px;
		font-size: 36px;
	}
}
@media only screen and (max-width: 424px) {
	h4.ps-headline.typography-ps-headline-super.centered-text.large-11.large-centered.medium-11.medium-offset-1.small-11.small-offset-1 {
		font-size: 36px;
	}
}

/* Compare Strip */

@media (max-width: 375px) {
	.product-tile-set {
		grid-column-gap: 13px;
	}
	.product-tile-product-iphone-16-pro a.button {
		width: 78%;
	}
}
