/* Handwriting start */
.duplicate-product-photos {
    background: rgb(255, 255, 255);
}

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

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

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

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

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

.animated-burst-text .lottie {
    width: 140%;
    height: 145%;
    top: 50%;
    left: 52%;
}

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

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

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

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

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

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

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

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

.section-products .tile-enclosure .tile-copy {
    top: 300px;
    left: 184px;
}

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

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

.section-products .tile-packaging-shipping .tile-copy {
    inset: 655px 0 0 342px;
}

.section-products .tile-shipping .tile-copy {
    inset: 620px 0 0 278px;
}

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

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

.section-progress .tile-materials .progress-copy {
    max-width: 24ch;
}

.section-products .products-copy {
    max-width: 66.7ch;
}

.section-people .people-copy {
    max-width: 62.7ch;
}

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

.section-people .people-headline {
    max-width: 15.5ch;
}

.overview-card-mac-mini-text {
    --p-width: auto;
    transform: translate(0px, 8px);
}

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

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

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

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

    .section-products .tile-shipping .tile-copy {
        inset: 570px 0 0 248px;
    }

    .section-products .tile-enclosure .tile-copy {
        top: 342px;
        left: 178px;
    }

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

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

    .section-products .tile-packaging-shipping .tile-copy {
        inset: 598px 0 0 300px;
    }

    .section-products .tile-case .tile-copy {
        top: 569px;
        left: 282px;
    }
}

@media only screen and (max-width: 734px) {
    .typography-hero-headline {
        font-size: 46px;
    }

    .animated-burst-text .lottie {
        width: 130%;
        height: 155%;
        top: 52%;
        left: 52%;
    }

    .tile-trade-in .you-cta {
        max-width: 23ch;
    }

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

    .plan-gallery .plan-item-copy .plan-item-progress {
        margin-top: 1.1em;
    }

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

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

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

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

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

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

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

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

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

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

    .section-products .tile-shipping .tile-copy {
        inset: 413px 0 0 175px;
    }

    .section-products .tile-enclosure .tile-media .lottie-with-picture {
        transform: translate(0px, -25px);
    }

    .section-products .tile-enclosure .tile-copy {
        top: 210px;
        left: 126px;
    }

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

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

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

    .section-people .story-card-clean-water-program .story-headline {
        max-width: 12ch;
    }

    .section-hero .hero-intro .hero-intro-block-center {
        max-width: 25ch;
    }

    .overview-card-mac-mini-text {
        --p-width: auto;
        transform: translate(0px, 4px);
    }

    .section-products .tile-case .tile-copy {
        top: 420px;
        left: 232px;
    }

    .section-products .tile-iphone .tile-media {
        overflow: visible;
    }
}

/* Handwriting end */
.section-progress .tile-materials .progress-copy {
    max-width: 100%;
}

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

}

.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: 62px;
        left:28px
    }
}

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


/* section-values-router */
.section-values-router .item-container .gallery-item .tile{
    margin: 0;
}
/* section-values-router */

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

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

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

@media only screen and (max-width: 734px) {
    .overview-card-iphone-text{
        --p-width: 73px;
        --p-height: 109px;
        transform: translate(0px,-10px);
    }
}
/** iPhone Air **/

/** 包裝與運送 **/
.overview-card-packaging-text{
    --p-width: 268px;
    --p-height: 102px;
}

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

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

.section-products .tile-packaging-shipping .lottie-arrow{
    left:0;
    bottom: 0;
    inset: 0 0 120px 25px;
}

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

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

.section-products #packaging-shipping .footnote-alt{
    top: -5px;
    right: 0px;
}

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

@media only screen and (max-width: 734px) {
    .section-products #packaging-shipping .footnote-alt{
        top: -1px;
        right: -20px;
    }
}
/** 包裝與運送 **/

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

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

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

/** Sport Loop **/
.overview-card-watch-band-text{
    --p-width: 276px;
    --p-height: 115px;
    transform: translateY(-5px);
}

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

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

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

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

@media only screen and (max-width: 734px) {
    .section-products .tile-band .lottie-with-picture{
        inset: 391px 25px 0 0;
    }
}
/** Sport Loop **/

@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-enclosure-text-4{
    --p-width: 150px;
    --p-height: 114px;
}

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

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

.section-products #enclosure .enclosure-footnote-alt{
    top: -8px;
    left: -104px;
}

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

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

.section-products .tile-enclosure .tile-media .lottie-with-picture{
    transform: translate(0px,0px);
    margin: 0 0 0 0;
    inset: 27px 0 0 75px;
}

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

@media only screen and (max-width: 734px) {
    .section-products .tile-enclosure .tile-media .lottie-with-picture{
        transform: translate(0px,0px);
        margin: 0 0 0 0;
        inset: 14px 0px 0 81px;
    }
}
/** 機身 **/

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

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

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

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

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