/* Handwriting start */
@media only screen and (max-width: 1068px) {
    .section-more-to-give .overview-text-trade-in {
       position: relative;
       left: -8px;
       margin: 10px auto 0px;
    }
}

#enclosure .tile-copy .footnote {
    --sk-footnote-offset-top: -3.6em;
    margin-left: -20px;
}

#case .tile-copy .footnote {
    --sk-footnote-offset-top: -0.3em;
    margin-left: -123px;
}

#plan-item-description-shipping .plan-item-description-copy {
    max-width: 18ch;
}

#packaging-shipping .tile-media>div {
    margin-top: 24px;
}

.section-you .you-cta .nowrap {
    display: inline;
    white-space: nowrap;
}

/* animation */
.animated-burst-text .lottie {
    position: absolute;
    z-index: -1;
    width: 120%;
    height: 120%;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%)
}

/* animation */

.overview-plan-text-recover {
    transform: translate(24px, -3px);
}

.overview-plan-text-design {
    transform: translate(12px, 5px);
}

.overview-plan-text-make {
    transform: translateX(-10px);
}

.overview-plan-text-package {
    transform: translate(-5px, 0px);
}

.overview-plan-text-use {
    transform: translateX(-3px);
}

.overview-card-recover-text {
    transform: translate(-1px, -18px);
}

.overview-card-iphone-text {
    transform: translate(124px, 0px);
}

.section-people .story-card-restore-fund .story-headline {
    max-width: 17ch;
}

.section-products .tile-recovery .products-headline {
    max-width: 18ch;
}

.section-products .tile-shipping .overview-card-shipping-text {
    bottom: 42px;
    left: 50px;

}

.section-products .tile-shipping .tile-copy {
    inset: 643px 0 0 237px;

}

.section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
    transform: translate(0px, -21px);
}

.section-products .tile-enclosure .tile-copy {
    top: 335px;
    left: 185px;
}


.section-products .tile-case .overview-card-case-text {
    transform: translate(-13px, -3px);
}

.section-products .tile-packaging-shipping .overview-card-packaging-text {
    transform: translateX(10px);
}

.section-products .tile-packaging-shipping .tile-copy {
    inset: 650px 0 0 188px;
}

.section-products .tile-mac-mini .overview-card-mac-mini-text {
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: auto;
    --p-height: 94px;
    transform: translate(0, 10px);
}

.section-products .tile-packaging-shipping .lottie-arrow {
    bottom: 110px;
    left: 46px;
}

@media only screen and (max-width: 1068px) {
    #enclosure .tile-copy .footnote {
        margin-left: 4px;
    }

    #case .tile-copy .footnote {
        --sk-footnote-offset-top: -0.4em;
        margin-left: -83px;
    }

    .overview-card-recover-text {
        transform: translateY(0px);
    }

    .overview-card-iphone-text {
        transform: translate(98px, -10px);
    }

    .overview-plan-text-use {
        transform: translateX(-5px);
    }

    .section-products .tile-shipping .overview-card-shipping-text {
        bottom: 40px;
        left: 115px;
    }

    .section-products .tile-shipping .tile-copy {
        inset: 590px 0 0 213px;
    }

    .section-products .tile-case .overview-card-case-text {
        transform: translate(11px, -2px);
    }

    .section-products .tile-packaging-shipping .overview-card-packaging-text {
        transform: translate(-7px, 46px);
    }

    .section-products .tile-packaging-shipping .tile-copy {
        inset: 612px 0 0 155px;
    }

    .section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
        transform: translate(0px, 17px);
    }

    .section-products .tile-enclosure .tile-copy {
        top: 372px;
        left: 177px;
    }

    .section-products .tile-packaging-shipping .lottie-arrow {
        bottom: 130px;
        left: 60px
    }
}

@media only screen and (max-width: 734px) {
    #enclosure .tile-copy .footnote {
        --sk-footnote-offset-top: -2.8em;
        margin-left: 2px;
    }

    #case .tile-copy .footnote {
        --sk-footnote-offset-top: -0.8em;
        margin-left: -83px;
    }

    #packaging-shipping .tile-media>div {
        margin-top: -3px;
    }

    .overview-plan-text-recover {
        transform: translate(14px, -2px);
    }

    .overview-plan-text-design {
        transform: translateX(5px);
    }

    .overview-plan-text-make {
        transform: translateX(-2px);
    }

    .overview-plan-text-package {
        transform: translateX(-4px);
    }

    .overview-plan-text-use {
        transform: translateX(-2px);
    }

    .overview-card-recover-text {
        transform: translateY(-8px);
    }

    .overview-card-iphone-text {
        transform: translate(66px, 0px);
    }

    .section-people .story-card-restore-fund .story-headline {
        max-width: 11ch;
    }

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

    .section-products .tile-shipping .overview-card-shipping-text {
        bottom: 28px;
        left: 60px;
    }

    .section-products .tile-shipping .tile-copy {
        inset: 426px 0 0 150px;
    }

    .section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
        transform: translate(0px, 0px);
    }

    .section-products .tile-enclosure .tile-media .lottie-with-picture {
        transform: translateY(-18px);
    }

    .section-products .tile-enclosure .tile-copy {
        top: 245px;
        left: 128px;
    }

    .section-products .tile-packaging-shipping .overview-card-packaging-text {
        transform: translate(10px, 2px);
    }

    .section-products .tile-packaging-shipping .tile-copy {
        inset: 418px 0 0 115px;
    }

    .section-products .tile-case .overview-card-case-text {
        transform: translate(-1px, -2px);
    }

    .section-products .tile-macbook-air .overview-card-mba-text {
        transform: translateY(-49px);
    }

    .plan-gallery .plan-item-description-product-use .plan-item-description-copy {
        max-width: 15ch;
    }

    .section-products .tile-mac-mini .overview-card-mac-mini-text {
        --p-width: auto;
        --p-height: 80px;
        transform: translate(0, 10px);
    }

    .section-products .tile-packaging-shipping .lottie-arrow {
        bottom: 80px;
        left: 32px
    }
}

/* Handwriting end */

/*copy css*/

@media only screen and (min-width: 1069px) {
    .section-progress .tile-materials .typography-eyebrow-elevated .progress-copy.typography-label {
        max-width: 36ch;
    }
}

@media only screen and (min-width: 1069px) {
    .section-progress .tile-materials .progress-copy {
        max-width: 31ch;
    }
}

.section-products .products-copy.typography-label,
.section-people .people-copy {
    max-width: 83.7ch;
}

.section-you .tile.tile-secondary.tile-repair .tile-headline {
    max-width: 20ch;
}

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

.animated-burst-text .lottie {
    position: absolute;
    z-index: -1;
    width: 135%;
    height: 140%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 734px) {
    .section-you .you-cta {
        max-width: 28ch;
    }
}




/* 布局 */
@media only screen and (max-width: 734px) {
    .section-products .tile-case .tile-copy {
        top: 423px;
        left: 232px;
    }

    .section-products .tile-packaging-shipping .products-headline {
        max-width: 16ch;
    }
}

/* artCD */
.section-products .tile-recovery .lottie-with-picture {
    position: absolute;
    top: 78px;
    left: 40px;
}

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

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

.artcd-feedback-overview-card-enclosure-arrow {
    transform: translate(-25px,0px);
}
@media only screen and (max-width: 1068px) {
    .artcd-feedback-overview-card-enclosure-arrow {
        transform: translate(0px,0px);
    }
}

@media only screen and (max-width: 734px) {
    .artcd-feedback-overview-card-enclosure-arrow {
        transform: translate(0px,0px);
    }
}

/* more-to-give-copy */
@media only screen and (max-width: 1068px) {
    .more-to-give-copy {
        margin-top: 0px;
    }
}