/*------------------------------------*\
   LOCAL SCREENS
\*------------------------------------*/



/*------------------------------------*\
   END LOCAL SCREENS
\*------------------------------------*/





/*------------------------------------*\
   SNIPE FIXES
\*------------------------------------*/

/*----- PLAN SNIPES ------*/

.overview-plan-text-recover {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 162px;
    --p-height: 23px
}

@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-plan-text-recover {
        --p-width: 89px;
        --p-height: 13px
    }
}

.plan-gallery .plan-item-label-recovery {
	margin-left: calc(var(--plan-circle-width)*-0.45);
}

.overview-plan-text-design {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 137px;
    --p-height: 42px
}

@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-plan-text-design {
        --p-width:75px;
        --p-height: 23px
    }
}

.overview-plan-text-use {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 136px;
    --p-height: 18px
}

@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-plan-text-use {
        --p-width:75px;
        --p-height: 10px
    }
}

.overview-plan-text-make {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 144px;
    --p-height: 18px
}

@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-plan-text-make {
        --p-width:79px;
        --p-height: 10px
    }
}

.overview-plan-text-package {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 163px;
    --p-height: 42px
}

@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-plan-text-package {
        --p-width:89px;
        --p-height: 23px
    }
}

.plan-gallery .plan-item-label-shipping {
	margin-left: -75px;
}

@media only screen and (max-width: 734px) {
	.plan-gallery .plan-item-label-shipping {
		margin-left: -45px;
	}
}

.overview-text-approach {
    --p-width: 109px
}

.overview-text-approach,.overview-text-progress {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-height: 11px
}

.overview-text-progress {
    --p-width: 85px
}

.overview-text-approach,.overview-text-progress {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-height: 14px
}

/*--- END PLAN SNIPES ----*/


/*----- PRRODUCTS SNIPES ------*/

.overview-card-mba-text {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 208px;
    --p-height: 34px
}

@media only screen and (max-width: 1068px) and (max-width:1068px) {
    .overview-card-mba-text {
        --p-width:170px;
        --p-height: 28px
    }
}

@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-card-mba-text {
        --p-width:117px;
        --p-height: 20px
    }
}

.overview-card-enclosure-text {
    --p-width: 275px;
    --p-height: 114px;
}

@media only screen and (max-width: 1068px) and (max-width:1068px) {
    .overview-card-enclosure-text {
        --p-width:206px;
        --p-height: 131px
    }
}

@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-card-enclosure-text {
        --p-width:139px;
        --p-height: 99px
    }
}

.section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
    margin-block-start: -3px;
}
@media only screen and (max-width:1068px) {
    .section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
        margin-block-start: 1px;
    }
}
@media only screen and (max-width:734px) {
    .section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
        margin-block-start: -4px;
        margin-inline-start: 31px;
    }
}

.section-products .tile-enclosure .tile-media .overview-card-enclosure {
	top: 30px;
}

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

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

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

@media only screen and (max-width:1068px) {
	.section-products .tile-enclosure .tile-media .lottie-with-picture {
		margin-block-start: 30px;
		margin-inline-start: 120px;
	}
}

@media only screen and (max-width:734px) {
	.section-products .tile-enclosure .tile-media .lottie-with-picture {
		margin-block-start: -6px;
		margin-inline-start: 72px;
	}
}



.section-products .tile-enclosure .tile-copy {
	top: 275px;
	left: 210px;
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-enclosure .tile-copy {
		left: 212px;
		top: 267px;
	}
}
@media only screen and (max-width: 734px) {
	.section-products .tile-enclosure .tile-copy {
		top: 188px;
		left: 138px;
	}
}




.section-products .tile-shipping .tile-copy {
    top: 714px;
    left: 330px;
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-shipping .tile-copy {
	  top: 663px;
	  left: 297px;
	}
}

@media only screen and (max-width: 734px) {
	.section-products .tile-shipping .tile-copy {
		top: 487px;
		left: 195px;
	}
}


.overview-card-case-text {
    --p-width: 234px;
    --p-height: 101px
}

@media only screen and (max-width: 1068px) and (max-width:1068px) {
    .overview-card-case-text {
        --p-width:175px;
        --p-height: 92px
    }
}

@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-card-case-text {
        --p-width:143px;
        --p-height: 61px
    }
}


.section-products .tile-packaging-shipping .tile-copy {
	top: 755px;
	left: 330px;
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-packaging-shipping .tile-copy {
		top: 667px;
		left: 294px;
	}
}

@media only screen and (max-width: 734px) {
	.section-products .tile-packaging-shipping .tile-copy {
		top: 497px;
		left: 196px;
	}
}

.section-products .tile-case .tile-copy {
    top: 685px;
    left: 242px;
}

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

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


.overview-card-iphone-text {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 379px;
    --p-height: 180px
}

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

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

.overview-card-recover-text {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 294px;
    --p-height: 98px
}

@media only screen and (max-width: 1068px) and (max-width:1068px) {
    .overview-card-recover-text {
        --p-width:182px;
        --p-height: 108px
    }
}

@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-card-recover-text {
        --p-width:178px;
        --p-height: 66px
    }
}


.section-products .tile-recovery .lottie-with-picture {
	top: 135px;
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-recovery .lottie-with-picture {
		top: 115px;
	}
}

@media only screen and (max-width: 734px) {
	.section-products .tile-recovery .lottie-with-picture {
		top: 91px;
	}
}

.section-products .tile-recovery .overview-card-recover-text {
	padding-bottom: 40px;
}


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

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

.section-products .tile-mac-mini .overview-card-mac-mini-illustration {
    margin-top: 35px;

}

.section-products .tile-mac-mini .tile-media {
    overflow: visible;
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
    .section-products .tile-mac-mini .overview-card-mac-mini-illustration {
        margin-top: 24px;
    }
}



/* SHIPPING */

.overview-card-shipping-text {
    --p-width: 336px;
    --p-height: 174px;
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
    .overview-card-shipping-text {
        --p-width: 292px;
        --p-height:143px
    }
}
@media only screen and (max-width: 734px) and (max-width: 734px) {
	 .overview-card-shipping-text {
		--p-width: 181px;
		--p-height: 89px;
	}
}


/*--- END PRRODUCTS SNIPES ----*/

@media only screen and (max-width:1068px)and (max-width:1068px) {
	.overview-text-trade-in {
		--p-width: 274px;
	}
}

@media only screen and (max-width:734px)and (max-width:734px) {
	.overview-text-trade-in {
		--p-width: 276px;
	}
}

@media only screen and (max-width:1068px) {
	.section-products .tile-packaging-shipping .overview-card-packaging-text {
		margin-block-end: 71px;
	}
}

@media only screen and (max-width:734px) {
	.section-products .tile-packaging-shipping .overview-card-packaging-text {
		margin-block-end: 40px;
	}
}

@media only screen and (max-width:1068px) {
	.section-products .tile-packaging-shipping .lottie-arrow {
		bottom: 154px;
	}
}

@media only screen and (max-width:734px) {
	.section-products .tile-packaging-shipping .lottie-arrow {
		bottom: 95px;
	}
}

.section-products .tile-packaging-shipping .tile-copy {
	top: 727px;
	left: 330px;
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-packaging-shipping .tile-copy {
		top: 667px;
		left: 294px;
	}
}

@media only screen and (max-width: 734px) {
	.section-products .tile-packaging-shipping .tile-copy {
		top: 497px;
		left: 196px;
	}
}

.section-products .tile-packaging-shipping .lottie-arrow {
    bottom: 150px;
}

@media only screen and (max-width: 1068px) {
    .section-products .tile-packaging-shipping .lottie-arrow {
        bottom: 140px;
    }
}

@media only screen and (max-width: 734px) {
    .section-products .tile-packaging-shipping .lottie-arrow {
        bottom: 80px;
    }
}

.section-products .tile-packaging-shipping .overview-card-packaging-text {
	padding-bottom: 30px;
}

@media only screen and (max-width: 1068px) {
    .section-products .tile-packaging-shipping .overview-card-packaging-text {
        padding-bottom: 0;
    }
}

/*------------------------------------*\
   END SNIPE FIXES
\*------------------------------------*/




/*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/

@media only screen and (max-width: 734px)  {
	.section-hero .hero-headlines .hero-headline {
		max-width: 10ch;
	}
}

@media only screen and (max-width: 734px) {
	.section-plan .plan-headline {
		max-width: 14ch;
	}
}

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

@media only screen and (max-width: 734px) {
	.story-card .story-headline {
    	max-width: 11ch;
	}	
}

@media only screen and (max-width:734px) {
    .plan-gallery .plan-item-label-make {
        margin-left: calc(var(--plan-circle-width)*0.3);
    }
}


.tile-iphone .typography-products-overlay-copy {
    font-size: 18px;
}
@media only screen and (max-width: 1068px) {
    .tile-iphone .typography-products-overlay-copy {
        font-size: 16px;
    }
}
@media only screen and (max-width: 734px) {
    .tile-iphone .typography-products-overlay-copy {
        font-size: 11px;
    }
}

@media only screen and (max-width: 734px) {
    html.sticky-small-hero-xp .section-hero .hero-intro {
        top: 20px;
    }
}

.section-more-to-give .tile {
	max-width: 752px;
}

@media only screen and (max-width:1068px) {
	.section-more-to-give .tile {
		max-width: 462px;
	}
}

.section-more-to-give .tile-content {
	--sk-tile-padding-small: 40px 26px;
}

/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/