/* LOCAL OVERRIDES */

/* Local Nav  */

@media only screen and (max-width: 734px) {
	.ac-ln-content {
		height: 70px;
	}

	#ac-localnav .ac-ln-content {
		height: 70px;
	}

	#ac-localnav .ac-ln-actions {
		padding-top: 27px;
	}

	#ac-localnav .ac-ln-title {
		--r-localnav-title-vertical-offset: 30px;
	}

	#ac-localnav .ac-ln-menucta-chevron {
		margin-top: 8px;
	}

	.ribbon .ribbon-content-wrapper {
		padding-top: 38px;
	}
}

/* locale switcher on */

@media only screen and (max-width: 734px) and (max-height: 644px) {
	html.ac-ls-visible .section-hero .hero-content {
		padding-top: 67px;
	}
}

/* hero */

@media only screen and (max-width: 734px) {
	.section-hero .hero-intro .hero-intro-block {
		max-width: 237px;
	}
}

@media only screen and (max-width: 734px) and (max-height: 790px) {
	html.sticky-small-hero-xp .section-hero .hero-products-grid {
		grid-template-columns: 132px [macmini] 110px [watch] 370px [iphone] 300px;
	}
}

/* ----- ----- trade-in ----- ----- */
@media only screen and (min-width: 735px) {
	.section-trade-in .card-content {
		flex-direction: row;
	}
	.section-trade-in .card-headline {
		text-align: left;
	}
	.section-trade-in .trade-in-link {
		text-align: left;
	}
}
@media only screen and (max-width: 734px) {
	.section-trade-in .section-card.card-rounded {
		min-height: 500px;
		height: 500px;
	}
}

/* trade-in - content */
@media only screen and (min-width: 735px) {
	.section-trade-in .card-content {
		max-width: 50%;
	}
}
@media only screen and (min-width: 1069px) {
	.section-trade-in .card-content {
		padding: 175px 60px 0;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-trade-in .card-content {
		padding: 135px 35px 0;
	}
}

/* trade-in - link */
.section-trade-in .trade-in-link {
	margin-top: 25px;
}

/* LOCAL SCREENS */
/* ----- ----- trade-in ----- ----- */
/* trade-in - position */
@media only screen and (min-width: 735px) {
	.section-trade-in .card-content__image-container {
		transform: translateX(-50%);
	}
}
@media only screen and (min-width: 1069px) {
	.section-trade-in .card-content__image-container {
		left: 75%;
		top: 13%;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-trade-in .card-content__image-container {
		left: 91.5%;
		top: 13%;
	}
}
@media only screen and (max-width: 734px) {
	.section-trade-in .card-content__image-container {
		left: 50%;
		top: 265px;
	}
}

/* trade-in - dimensions */
@media only screen and (min-width: 1069px) {
	.section-trade-in .overview-trade-in-phone-hands {
		--p-width: 509px;
		--p-height: 447px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-trade-in .overview-trade-in-phone-hands {
		--p-width: 729px;
		--p-height: 338px;
	}
}
@media only screen and (max-width: 734px) {
	.section-trade-in .overview-trade-in-phone-hands {
		--p-width: 390px;
		--p-height: 259px;
	}
}

/* Less power  */

.section-less-power .card-content {
	padding-top: 40px;
}

.section-less-power .card-content picture {
	padding-top: 40px;
}

/* modals XS */

@media only screen and (max-width: 345px) {
	.modal-story .modal-copy-width {
		max-width: 280px;
	}
}

/* People Section */
@media only screen and (max-width: 734px) {
	.section-people .story-card-restore-fund .story-headline {
		max-width: 13ch;
	}
}

/* mbp enclosure */

@media only screen and (max-width: 1068px) {
	.section-products .tile-enclosure .tile-media .overview-card-enclosure {
		top: 20px;
	}
}

/* plan-text */
.overview-plan-text-recover {
	--p-width: 117px;
	--p-height: 29px;
	margin-left: -17px;
	margin-top: -3px;
}
@media only screen and (max-width: 1068px) {
	.overview-plan-text-recover {
		margin-left: -26px;
		margin-top: -6px;
	}
}
@media only screen and (max-width: 734px) {
	.overview-plan-text-recover {
		--p-width: 69px;
		--p-height: 15px;
		margin-left: -5px;
		margin-top: -2px;
	}
}

.overview-plan-text-package {
	--p-width: 133px;
	--p-height: 44px;
	margin-left: -29px;
}
@media only screen and (max-width: 734px) {
	.overview-plan-text-package {
		--p-width: 75px;
		--p-height: 25px;
		margin-left: -19px;
	}
}

.overview-plan-text-make {
	--p-width: 90px;
	--p-height: 27px;
	margin-left: -14px;
	margin-top: -3px;
}
@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.overview-plan-text-make {
		margin-left: -21px;
	}
}
@media only screen and (max-width: 734px) {
	.overview-plan-text-make {
		--p-width: 55px;
		--p-height: 15px;
		margin-left: -13px;
		margin-top: -2px;
	}
}

.overview-plan-text-design {
	--p-width: 137px;
	--p-height: 44px;
}
@media only screen and (max-width: 734px) {
	.overview-plan-text-design {
		--p-width: 60px;
		--p-height: 25px;
		margin-left: 8px;
	}
}

.overview-plan-text-use {
	--p-width: 40px;
	--p-height: 18px;
}
@media only screen and (max-width: 734px) {
	.overview-plan-text-use {
		--p-width: 23px;
		--p-height: 11px;
	}
}

.overview-text-approach {
	--p-width: 123px;
	--p-height: 14px;
}
.overview-text-progress {
	--p-width: 115px;
	--p-height: 12px;
}

/* PROGRESS HEADLINE XS */

@media only screen and (max-width: 325px) {
	.typography-headline-elevated-tight {
		font-size: 39px;
	}
}

/* Progress tiles */

.progress-reports-title {
	margin-right: 10px;
}
@media only screen and (max-width: 345px) {
	.progress-reports-title {
		font-size: 16px;
	}
}

/* Section products */

/* snipes */

/* large */

.overview-card-mac-mini-text {
	--p-width: 210px;
	margin-top: 43px;
}

.section-products .tile-mac-mini .tile-content {
	--tile-padding-bottom: 12px;
}

.section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
	margin-block-start: 30px;
	margin-inline-start: 32px;
}

.section-products .tile-enclosure .tile-media .lottie-with-picture {
	margin-block-start: 17px;
	margin-inline-start: 116px;
}

.section-products .tile-enclosure .tile-copy {
	top: 243px;
	left: 129px;
}

.section-products .tile-shipping .overview-card-shipping-text {
	--p-height: 170px;
}

.section-products .tile-shipping .tile-copy {
	inset: 677px 0 0 250px;
}

.overview-card-case-text {
	--p-width: 236px;
	--p-height: 98px;
}

.overview-card-iphone-text {
	--p-width: 336px;
}

.section-products .tile-case .tile-copy {
	top: 659px;
	left: 324px;
}

.section-products .tile-packaging-shipping .tile-copy {
	inset: 703px 0 0 195px;
}

.section-products
	.tile-packaging-shipping
	.tile-media
	.overview-card-packaging-text {
	--p-height: 119px;
}
.section-products .tile-packaging-shipping .tile-media .lottie-arrow {
	bottom: 120px;
}
@media only screen and (min-width: 1069px) {
	.section-products .tile-packaging-shipping .tile-content {
		padding-block-end: 120px;
	}
}

.overview-card-recover-text {
	margin-top: -22px;
}

.section-products .tile-case .overview-card-case-text {
	margin-inline-end: 2px;
	margin-block-start: -60px;
}

#overview-card-mac-mini-illustration-2 {
	margin-top: 99px;
}

/* medium */

@media only screen and (max-width: 1068px) {
	.overview-card-mac-mini-text {
		--p-width: 201px;
		margin-top: 26px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-mac-mini .tile-content {
		--tile-padding-bottom: 26px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-products
		.tile-enclosure
		.tile-media
		.overview-card-enclosure-text {
		margin-block-start: 32px;
		margin-inline-start: 58px;
	}
	.section-products .tile-enclosure .tile-media .lottie-with-picture {
		margin-block-start: -10px;
		margin-inline-start: 98px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-enclosure .tile-copy {
		top: 292px;
		left: 156px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-shipping .overview-card-shipping-text {
		--p-height: 109px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-shipping .tile-copy {
		inset: 622px 0 0 290px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-case .tile-copy {
		top: 571px;
		left: 280px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-packaging-shipping .tile-copy {
		inset: 629px 0 0 266px;
	}
	.section-products
		.tile-packaging-shipping
		.tile-media
		.overview-card-packaging-text {
		--p-height: 175px;
		margin-block-end: 30px;
	}
	.section-products .tile-packaging-shipping .tile-media .lottie-arrow {
		bottom: 160px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-case .overview-card-case-text {
		margin-inline-end: -13px;
	}
}

@media only screen and (max-width: 1068px) {
	#overview-card-mac-mini-illustration-2 {
		margin-top: -20px;
	}
	.section-products .tile-mac-mini .tile-media {
		overflow: visible;
	}
}

@media only screen and (max-width: 1068px) {
	.overview-card-iphone-text {
		--p-width: 266px;
	}
}

@media only screen and (max-width: 1068px) {
	#overview-card-mac-mini-illustration-2 {
		margin-top: 81px;
	}
}
@media only screen and (max-width: 1068px) {
	.overview-card-recover-text {
		margin-top: -14px;
	}
}

/* small */

@media only screen and (max-width: 734px) {
	.overview-card-mac-mini-text {
		margin-top: 9px;
	}
}

@media only screen and (max-width: 734px) {
	.overview-card-mac-mini-text {
		--p-width: 167px;
		--p-height: 80px;
	}
}

@media only screen and (max-width: 734px) {
	.section-products .tile-case .overview-card-case-text {
		margin-inline-end: -81px;
	}
}

@media only screen and (max-width: 734px) {
	.section-products
		.tile-enclosure
		.tile-media
		.overview-card-enclosure-text {
		margin-block-start: 0px;
		margin-inline-start: 42px;
	}
	.section-products .tile-enclosure .tile-media .lottie-with-picture {
		margin-block-start: 25px;
		margin-inline-start: 44px;
	}
}

@media only screen and (max-width: 734px) {
	.section-products .tile-enclosure .tile-copy {
		top: 210px;
		left: 108px;
	}
}

@media only screen and (max-width: 734px) {
	.section-products .tile-shipping .overview-card-shipping-text {
		--p-height: 102px;
	}
}

@media only screen and (max-width: 734px) {
	.section-products .tile-shipping .tile-copy {
		inset: 454px 0 0 115px;
	}
}

@media only screen and (max-width: 734px) {
	.section-products .tile-case .tile-copy {
		top: 429px;
		left: 214px;
	}
}

@media only screen and (max-width: 734px) {
	.section-products .tile-packaging-shipping .tile-copy {
		inset: 460px 0 0 174px;
	}
	.section-products
		.tile-packaging-shipping
		.tile-media
		.overview-card-packaging-text {
		--p-height: 87px;
		margin-block-end: 32px;
	}
	.section-products .tile-packaging-shipping .tile-media .lottie-arrow {
		bottom: 97px;
	}
}

@media only screen and (max-width: 734px) {
	.overview-card-iphone-text {
		--p-width: 182px;
	}
}

@media only screen and (max-width: 734px) {
	#overview-card-mac-mini-illustration-2 {
		margin-top: 60px;
	}
}
@media only screen and (max-width: 734px) {
	.overview-card-recover-text {
		margin-top: -15px;
	}
}