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

#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 .tile-copy {
    inset: 650px 0 0 188px;
}

.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 .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-copy {
        top: 245px;
        left: 128px;
    }

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

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


.section-hero .typography-hero-headline:lang(zh-CN) span{
    font-family:SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif
}

/** iPhone Air **/
.overview-card-iphone-text{
    --p-width: 108px;
    --p-height: 164px;
    transform: translate(0px,-10px);
}

@media only screen and (max-width: 1068px) {
    .overview-card-iphone-text {
        --p-width: 96px;
        --p-height:150px;
        transform: translate(0px,-10px);
    }
}

@media only screen and (max-width: 734px) {
    .overview-card-iphone-text {
        --p-width: 67px;
        --p-height:105px;
        transform: translate(0px,-10px);
    }
}

/** iPhone Air **/

/**包装和运输**/
.overview-card-packaging-text{
    --p-width: 223px;
    --p-height: 105px  
}

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

@media only screen and (max-width: 734px) {
    .overview-card-packaging-text{
        --p-width: 148px;
        --p-height: 69px;
        transform: translateX(10px);
    }
}

.section-products #packaging-shipping .packaging-footnote-alt{
    top: -4px;
    left: 3px;
}

@media only screen and (max-width: 1068px) {
    .section-products #packaging-shipping .packaging-footnote-alt{
        top: -4px;
        left: -2px;
    }
}

@media only screen and (max-width: 734px) {
    .section-products #packaging-shipping .packaging-footnote-alt{
        top: -1px;
        left: 10px;
    }
}
/**包装和运输**/

/** 拆解回收 **/
.overview-card-recover-text{
    --p-width: 222px;
    --p-height: 71px;
}

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

@media only screen and (max-width: 734px) {
    .overview-card-recover-text{
        --p-width: 167px;
        --p-height: 54px;
    }
}
/** 拆解回收 **/

/** 回环式运动表带 **/
.overview-card-watch-band-text {
    --p-width: 190px;
    --p-height:142px
}

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

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

.section-products .tile-band .lottie-with-picture {
    inset: 540px 180px 0 0;
}

@media only screen and (max-width: 1068px) {
    .section-products .tile-band .lottie-with-picture {
        inset: 490px 160px 0 0;
    }
}

@media only screen and (max-width: 734px) {
    .section-products .tile-band .lottie-with-picture {
        inset: 365px 105px 0 0;
    }
}
/** 回环式运动表带 **/

/** Mac mini **/
@media only screen and (max-width: 734px) {
    .overview-card-mac-mini-illustration{
        transform: translate(0px, 30px);
    }
}

@media only screen and (max-width: 734px) {
    .section-products .tile-mac-mini .overview-card-mac-mini-text{
        transform: translate(0px, 30px); 
    }
}

.overview-card-mac-mini-text{
    --p-width: 143px;
    --p-height: 67px;
}

@media only screen and (max-width: 734px) {
    .overview-card-mac-mini-text{
        --p-width: 112px;
        --p-height: 53px;
    }
}
/** Mac mini **/

/** 机身 **/
.section-products #enclosure .enclosure-footnote-alt{
    top: -10px;
    left: -77px;
}

@media only screen and (max-width: 1068px) {
    .section-products #enclosure .enclosure-footnote-alt{
        top: 30px;
        left: -70px;
    }
}

@media only screen and (max-width: 734px) {
    .section-products #enclosure .enclosure-footnote-alt{
        top: 9px;
        left: -51px;
    }
}

.section-products .tile-enclosure .tile-media .lottie-with-picture{
    margin: 0 0 0 0;
    inset: 22px 0 0 95px;
}

@media only screen and (max-width: 1068px) {
    .section-products .tile-enclosure .tile-media .lottie-with-picture{
        margin: 0 0 0 0;
        inset: 62px 0 0 100px;
    }
}

@media only screen and (max-width: 734px) {
    .section-products .tile-enclosure .tile-media .lottie-with-picture{
        margin: 0 0 0 0;
        inset: 22px 0 0 70px;
    }
}

/** 机身 **/

.overview-text-trade-in{
    --p-width: 259px;
    --p-height: 24px;
}

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

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

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .section-hero .hero-products-grid .overview-hero-hero-macbook {
       transform: translateY(-60px);
    }
}