/*------------------------------------*\ 
  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: 128px;
}

.overview-text-progress {
    --p-width: 195px;
}

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

@media only screen and (max-width:734px) {
	.overview-text-approach,.overview-text-progress {
    	--p-height: 21px;
	}
}

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


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

/* IPHONE AIR */

.overview-card-iphone-text {
    --p-width: 284px;
    --p-height: 162px
}

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

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


/* PACKAGING AND SHIPPING */

.overview-card-packaging-text {
    --p-width: 244px;
    --p-height: 134px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-card-packaging-text {
        --p-width: 221px;
        --p-height: 118px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-card-packaging-text {
        --p-width: 157px;
        --p-height: 87px;
		margin-bottom: -10px;
    }
}

.section-products .tile-packaging-shipping sup {
	left: -108px
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-packaging-shipping sup {
		left: -98px
	}
}

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

.section-products .tile-packaging-shipping .lottie-arrow {
	left: 40px;
	margin-bottom: 20px;
}

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

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


/* RECOVERY */

.overview-card-recover-text {
    --p-width: 272px;
    --p-height: 103px
}

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

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

@media only screen and (min-width: 1069px) {
	.section-products .tile-recovery .lottie-with-picture {
		top: 116px;
	}
}


/* SPORT LOOP */

.overview-card-watch-band-text {
    --p-width: 255px;
    --p-height: 121px
}

@media only screen and (max-width:1068px)and (max-width:1068px) {
    .overview-card-watch-band-text {
        --p-width: 228px;
        --p-height: 111px
    }
}

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-card-watch-band-text {
        --p-width: 165px;
        --p-height: 77px
    }
}

@media only screen and (min-width: 1069px) {
	#band .lottie {
		margin-top: 25px;
		margin-left: 22px;
	}
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
	#band .lottie {
		margin-left: 23px;
		margin-top: 33px;
	}
}

@media only screen and (max-width: 734px) {
    #band .lottie.overview-card-enclosure-arrow {
    	position: relative;
    	top: 25px;
    }
}


/* MAC MINI */

.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;

}


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


/* ENCLOSURE */

.overview-card-enclosure-text {
    --p-width: 240px;
    --p-height: 141px
}

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

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

.overview-card-enclosure-text {
    --p-width: 263px;
    --p-height: 141px;
	margin-top: -35px;
}

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

@media only screen and (max-width:734px)and (max-width:734px) {
    .overview-card-enclosure-text {
        --p-width: 177px;
        --p-height: 93px;
		margin-top: -12px;
		margin-left: -17px;
    }
}

.section-products .tile-enclosure sup {
	left: -33px
}

@media only screen and (max-width: 1068px) {
	.section-products .tile-enclosure sup {
		left: -33px
	}
}

@media only screen and (max-width: 734px) {
	.section-products .tile-enclosure sup {
		left: -24px;
		top: 1px;
	}
}

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


.overview-text-trade-in {
    --p-width: 423px;
    --p-height: 43px
}

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




/*------------------------------------*\ 
  END SNIPE FIXES 
\*------------------------------------*/
/*------------------------------------*\
   LOCAL SCREENS
\*------------------------------------*/



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

.section-hero .hero-headline {
	max-width: 19ch;
}

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

@media only screen and (min-width: 1069px) {
    .section-products .tile-recovery .lottie-with-picture {
        top: 94px;
    }
    .section-products .tile-recovery .overview_card_recover_text {
    	top: -27px;
    }
}

@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);
    }
}



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