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

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

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

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

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

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

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

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

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

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

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

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

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

.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: 224px;
    --p-height: 30px
}

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

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

.overview-card-enclosure-text {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 300px;
    --p-height: 130px
}

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

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

.section-products .tile-enclosure .tile-copy {
    top: 232px;
    left: 146px;
}
@media only screen and (max-width: 1068px) {
	.section-products .tile-enclosure .tile-copy {
		top: 291px;
		left: 155px;
	}
}
@media only screen and (max-width: 734px) {
	.section-products .tile-enclosure .tile-copy {
		top: 187px;
    	left: 110px;
	}
}

.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: 42px;
    }
}
@media only screen and (max-width:734px) {
    .section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
        margin-block-start: 6px;
    }
}



.overview-card-case-text {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 218px;
    --p-height: 97px
}

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

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

.section-products .tile-case .tile-copy {
    top: 683px;
    left: 262px;
}

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

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

.overview-card-packaging-text {
    --p-width: 275px;
    --p-height: 122px
}

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

@media only screen and (max-width: 734px) and (max-width:734px) {
    .overview-card-packaging-text {
        --p-width:210px;
        --p-height: 84px
     }
}

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

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

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

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

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

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

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

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

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

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


.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;
    margin-top: 42px;
    margin-bottom: -20px;
}
@media only screen and (max-width: 734px) {
    .overview-card-mac-mini-illustration {
        --p-width: 250px;
        --p-height:80px;
        margin-top: 33px;
    }
}


/* SHIPPING */

.overview-card-shipping-text {
    --p-width: 333px;
    --p-height:136px
}
@media only screen and (max-width: 1068px) and (max-width: 1068px) {
    .overview-card-shipping-text {
        --p-width: 289px;
        --p-height:119px;
    }
}
@media only screen and (max-width: 734px) and (max-width: 734px) {
    .overview-card-shipping-text {
        --p-width: 174px;
        --p-height:76px;
    }
}


.section-products .tile-shipping .tile-copy {
	inset: 677px 0 0 346px;
}
@media only screen and (max-width: 1068px) {
    .section-products .tile-shipping .tile-copy {
        inset:616px 0 0 312px;
    }
}
@media only screen and (max-width: 734px) {
    .section-products .tile-shipping .tile-copy {
		inset: 448px 0 0 206px;
    }
}

/* PACKAGE AND SHIP */

.section-products .tile-packaging-shipping .tile-copy {
    inset:685px 0 0 357px;
}
@media only screen and (max-width: 1068px) {
    .section-products .tile-packaging-shipping .tile-copy {
		inset: 624px 0 0 328px;
    }
}
@media only screen and (max-width: 734px) {
	.section-products .tile-packaging-shipping .tile-copy {
		inset: 472px 0 0 212px;
	}
}

@media only screen and (max-width:734px) {
	.section-products .tile-packaging-shipping .overview-card-packaging-text {
		margin-inline-start: 32px;
		margin-block: 17px 5px;
	}
}

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

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

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

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

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

.section-products .tile-recovery .overview-card-recover-text {
	margin-top: -30px;
}

@media only screen and (max-width:1068px) {
	.section-products .tile-recovery .overview-card-recover-text {
		margin-top: -10px;;
	}
}

@media only screen and (max-width:734px) {
	.section-products .tile-recovery .overview-card-recover-text {
		margin-top: 0px;;
	}
}
/*------------------------------------*\
   END SNIPE FIXES
\*------------------------------------*/



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

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

.section-you .tile.tile-secondary.tile-grid-forecast .tile-headline {
    max-width: 16ch;
}

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