/*------------------------------------*\
   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: 195px;
    --p-height: 22px
}

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-plan-text-package {
        --p-width:83px;
        --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: 95px
}

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

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

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

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


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

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

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

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

.overview-card-enclosure-text {
    --p-width: 265px;
    --p-height: 114px
}
@media only screen and (max-width: 1068px) and (max-width:1068px) {
    .overview-card-enclosure-text {
        --p-width:208px;
        --p-height: 130px
    }
}
@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-card-enclosure-text {
        --p-width:140px;
        --p-height: 99px
    }
}

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

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

@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: 8px;
	}
}


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

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

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

.section-products .tile-enclosure .tile-copy {
	top: 274px;
	left: 240px;
}
@media only screen and (max-width: 1068px) {
	.section-products .tile-enclosure .tile-copy {
		left: 235px;
		top: 264px;
	}
}
@media only screen and (max-width: 734px) {
	.section-products .tile-enclosure .tile-copy {
		top: 198px;
    	left: 167px;
	}
}


.section-products .tile-shipping .tile-copy {
    top: 670px;
    left: 282px;
}

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

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


.overview-card-case-text {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 203px;
    --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: 702px;
    left: 362px;
}
@media only screen and (max-width: 1068px) {
	.section-products .tile-packaging-shipping .tile-copy {
	  top: 615px;
	  left: 321px;
	}
}
@media only screen and (max-width: 734px) {
	.section-products .tile-packaging-shipping .tile-copy {
		top: 465px;
		left: 215px;
	}
}




.overview-card-iphone-text {
    --p-width: 380px;
    --p-height: 196px
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
    .overview-card-iphone-text {
        --p-width: 300px;
        --p-height: 156px
    }
}
@media only screen and (max-width: 734px) and (max-width: 734px) {
    .overview-card-iphone-text {
        --p-width: 210px;
        --p-height: 106px
    }
}

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

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

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

.section-products .tile-recovery .tile-content {
	padding-block-end: 31px;
}

@media only screen and (max-width:1068px) {
	.section-products .tile-recovery .tile-content {
		padding-block-end: 46px;
	}
}

@media only screen and (max-width:734px) {
	.section-products .tile-recovery .tile-content {
		padding-block-end: 28px;
	}
}

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

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


.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-case .tile-copy {
    top: 658px;
    left: 379px;
}
@media only screen and (max-width: 1068px) {
    .section-products .tile-case .tile-copy {
        top: 588px;
        left: 296px;
    }
}
@media only screen and (max-width: 734px) {
    .section-products .tile-case .tile-copy {
        top: 434px;
        left: 242px
    }
}


/* SHIPPING */

.overview-card-shipping-text {
	--p-width: 365px;
	--p-height:160px;
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.overview-card-shipping-text {
		--p-width: 318px;
		--p-height:129px;
	}
}
@media only screen and (max-width: 734px) and (max-width: 734px) {
    .overview-card-shipping-text {
        --p-width: 187px;
        --p-height:89px;
    }
}


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

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

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

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


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

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

@media only screen and (max-width:734px) {
    .plan-gallery .plan-item-description-product-use .plan-item-description-copy {
        max-width: 15ch;
    }
}

.section-products .tile-finewoven .products-headline {
    max-width: 13ch;
}

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


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

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