/* icons */
.icon-wrapper:not(.cta) .icon,
.icon-wrapper:not(.cta) .icon-after:after,
.icon-wrapper:not(.cta) .icon-before:before,
.icon-wrapper:not(.cta) .more:not(.icon-before):after,
.icon-wrapper:not(.cta) .icon {
    position: relative;
    top: -0.04em;
}

.icon-chevrondowncircle::after {
    top: 0 !important;
    padding-top: 2px;
}

/* line height */
.typography-hero-headline,
.modal-story .modal-callout,
.typography-headline-tight,
.typography-headline-tight-alt,
.typography-headline-elevated-tight,
.plan-gallery .plan-item-description-copy, .typography-headline-tight-alt {
    line-height: 1.1;
}

/* copy */
.nowrap.fix {
    display: inline;
}

@media only screen and (min-width:765px) {
    .custom-wrap {
        white-space: nowrap;
    }
}

/* ribbon */
@media only screen and (max-width:734px) {
    .ribbon-content .column {
        max-width: 262px;
    }
}

/* section-hero */
@media only screen and (max-width:734px) {
    .section-hero .hero-headlines .hero-headline {
        max-width: 10ch;
    }
}

.section-hero .hero-intro .hero-intro-block {
    max-width: 490px;
}

@media only screen and (max-width:1068px) {
    .section-hero .hero-intro .hero-intro-block {
        max-width: 420px;
    }
}

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

/* section-products */
.section-products .tile-packaging-shipping .lottie-arrow {
    bottom: 146px;
}

.section-products .products-copy {
    max-width: 584px;
}

@media only screen and (max-width:734px) {
    .tile-overlay-copy-container {
        overflow: hidden;
    }
}

@media only screen and (max-width:1068px) {
    .section-products .products-copy {
        max-width: 511px;
    }
}

.section-products .tile-packaging-shipping .overview-card-packaging-text {
    margin-block-end: 47px;
    margin-inline-start: 47px;
}

.section-products .tile-band .overview_card_watch_band_text {
margin-inline-start: 75px;
}

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

    .section-products .tile-packaging-shipping .overview-card-packaging-text {
        margin-block-end: 34px;
    }
}

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

    .section-products .tile-packaging-shipping .overview-card-packaging-text {
        margin-block-end: 14px;
        margin-inline-start: 35px;
    }
    .section-products .tile-band .overview_card_watch_band_text {
        margin-inline-start: 57px;
    }
}

/* snipe lagel */
.section-products .tile-packaging-shipping .tile-image-sosumi .sosumi-container sup {
    margin-block-start: calc(var(--image-font-size-px)/2 - 1.4em);
    margin-left:-52px;
}

.section-products .tile-enclosure .tile-image-sosumi .sosumi-container sup {
margin-block-start: calc(var(--image-font-size-px)/1 - 0.8em);
margin-left:-14px;
}


@media only screen and (max-width:1068px) {
.section-products .tile-packaging-shipping .tile-image-sosumi .sosumi-container sup {
    margin-block-start: calc(var(--image-font-size-px)/2 - 1.2em);
    margin-left:-28px;
}

.section-products .tile-enclosure .tile-image-sosumi .sosumi-container sup {
margin-block-start: calc(var(--image-font-size-px)/1 - 1.3em);
margin-left:-8px;
}
}

@media only screen and (max-width:734px) {
.section-products .tile-packaging-shipping .tile-image-sosumi .sosumi-container sup {
    margin-block-start: calc(var(--image-font-size-px)/2);
    margin-left:-32px;
}

.section-products .tile-enclosure .tile-image-sosumi .sosumi-container sup {
margin-block-start: calc(var(--image-font-size-px)/1 - 1.2em);
margin-left:-5px;
}
}


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

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



    .section-products .tile-watch .products-headline {
        max-width: 26ch;
        }


.section-products .tile-finewoven .products-headline {
    max-width: 196px;
}

.section-products .tile-recovery .products-headline {
    max-width: 336px;
}

@media only screen and (max-width:734px) {
    .section-products .tile-packaging-shipping .products-headline {
        max-width: 143px;
    }

    .section-products .tile-finewoven .products-headline {
        max-width: 147px;
    }
}

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

.overview-card-mac-mini-text {
    --p-width: 190px;
    --p-height: 69px;
} 

.overview-card-mac-mini-illustration {
    margin-left: 4px;
}

.overview-card-enclosure-text {
    --p-width: 157px;
    --p-height: 81px;
}

.section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
    margin-block-start: 63px;
    }


.section-products .tile-case .overview-card-case-text {
    --p-width: 218px;
    --p-height: 61px;
    margin-inline-end:44px;
}

.overview-card-packaging-text {
    --p-width: 260px;
    --p-height: 88px;
}


.overview-card-iphone-text {
    --p-width: 202px;
    --p-height: 198px;
} 


.overview-card-recover-text {
    --p-width: 240px;
    --p-height: 65px;
} 

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

    .section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
        margin-block-start: 76px;
    }


    .section-products .tile-case .overview-card-case-text {
        --p-width: 185px;
        --p-height: 60px;
        margin-inline-end:90px;
    }

    .overview-card-packaging-text {
        --p-width: 219px;
        --p-height: 82px;
    }

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

    
    .overview-card-iphone-text {
        --p-width: 187px;
        --p-height: 179px;
    } 
    
    .overview-card-recover-text {
        --p-width: 204px;
        --p-height: 65px;
    }
} 

@media only screen and (max-width:734px) {
    .overview-card-mac-mini-text {
        --p-width: 155px;
        --p-height: 60px;
    } 

    .overview-card-enclosure-text {
        --p-width: 97px;
        --p-height: 81px;
    }

    .section-products .tile-enclosure .tile-media .overview-card-enclosure-text {
        margin-block-start: 15px;
    }

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

    .section-products .tile-case .overview-card-case-text {
        --p-width: 145px;
        --p-height: 46px;
        margin-inline-end:30px;
    }

    .overview-card-packaging-text {
        --p-width: 172px;
        --p-height: 61px;
    }
        

    .overview-card-iphone-text {
        --p-width: 142px;
        --p-height: 121px;
    }
    
    
    .overview-card-recover-text {
        --p-width: 141px;
        --p-height: 44px;
    }
         
}

/* section-plan */
@media only screen and (max-width:1068px) and (min-width:735px) {
    .section-progress {
        z-index: 3;
    }
}

@media only screen and (max-width:734px) {
    .section-plan .plan-headline,
    .section-hero .hero-headlines .hero-headline {
        max-width: 240px;
    }
}

.overview-plan-text-design {
    --p-width: 88px;
    --p-height: 48px;
}

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

.overview-plan-text-make {
    --p-width: 42px;
    --p-height: 23px;
}

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

.overview-plan-text-package {
    --p-width: 112px;
    --p-height: 23px;
}

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

.overview-plan-text-use {
    --p-width: 87px;
    --p-height: 23px;
}

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

.overview-plan-text-recover {
    --p-width: 41px;
    --p-height: 22px;
}

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

.plan-gallery .plan-item-description-copy,
.plan-gallery .plan-item-description-product-use .plan-item-description-copy {
    max-width: 256px;
}

@media only screen and (max-width:1068px) {
    .plan-gallery .plan-item-description-copy,
    .plan-gallery .plan-item-description-product-use .plan-item-description-copy {
        max-width: 224px;
    }
}

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

    .plan-gallery .plan-item-description-product-use .plan-item-description-copy {
        max-width: 123px;
    }
}

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

@media only screen and (max-width:1068px) {
    .plan-gallery .plan-item-label-design {
        margin-left: calc(var(--plan-circle-width)*0.18);
    }
}

@media only screen and (max-width:734px) {
    .plan-gallery .plan-item-label-design {
        margin-left: calc(var(--plan-circle-width)*0.2);
    }
}

.tile-overlay-copy ul,
html[dir=rtl] .tile-overlay-copy ul {
    list-style-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='14' viewBox='0 0 31 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2300D959' d='M20.945 5.518c-.405-.222-.673-.382-.953-.52-.9-.444-1.84-.823-2.702-1.33-1.441-.849-1.39-2.344.02-3.23.87-.545 1.68-.596 2.575-.07.66.388 1.365.705 2.065 1.02 1.865.836 3.66 1.79 5.347 2.948.384.264.842.424 1.273.618.242.11.5.182.744.286 1.913.813 2.232 2.346.783 3.821-.265.27-.578.51-.904.705a10.416 10.416 0 00-2.328 1.891c-1.448 1.578-3.182 2.8-4.952 3.978-.804.534-1.672.473-2.277-.126-.615-.609-.666-1.563-.096-2.34.402-.547.916-.998 1.414-1.458.712-.66 1.438-1.305 2.2-1.995-.335-.27-.698-.167-1.02-.168-4.231-.009.22.151-4.007.295-5.735.196-6.456.534-12.197.56a48.628 48.628 0 01-1.685-.02c-.385-.012-.78-.036-1.12-.232-.424-.243-.88-.33-1.356-.359a2.035 2.035 0 01-.35-.051C.558 9.533-.009 8.856 0 8.052c.008-.78.535-1.428 1.368-1.633.312-.077.643-.097.966-.11 10.374-.42 7.062-.797 17.448-.662.334.004.683.057 1.163-.129'/%3E%3C/svg%3E");
}

/* section-progress */
@media only screen and (max-width:734px) {
    .section-progress .tile-materials .progress-copy {
        max-width: 21ch !important;
    }
}

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

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

/* section-people */
@media only screen and (min-width:735px) {
    .section-people .story-card-clean-water-program .story-headline,
    .section-people .story-card-restore-fund .story-headline,
    .story-card .story-headline {
        max-width: 480px;
    }
}

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

    .section-people .story-card-restore-fund .story-headline {
        max-width: 112px;
    }
}

.section-people .people-headline {
    max-width: 464px;
}

@media only screen and (max-width:1068px) {
    .section-people .people-headline {
        max-width: 348px;
    }
}

@media only screen and (max-width:734px) {
    .section-people .people-headline {
        max-width: 290px;
    }
}

.section-people .people-copy {
    max-width: 584px;
}

@media only screen and (max-width:1068px) {
    .section-people .people-copy {
        max-width: 511px;
    }
}

.modal-story .modal-headline {
    max-width: 490px;
}

@media only screen and (max-width:1068px) {
    .modal-story .modal-headline {
        width: 385px;
    }
}

@media only screen and (max-width:764px) {
    .modal-story .modal-headline {
        width: 100%;
    }
}

/* section-newsroom */
.section-newsroom .newsroom-grid .newsroom-item-content .newsroom-item-title:lang(ko) {
    font-weight: 600;
}

/* section-you */
.section-you .tile.tile-trade-in .tile-content {
    max-width: 374px;
}

@media only screen and (max-width:1068px) {
    .section-you .tile.tile-trade-in .tile-content {
        max-width: 305px;
    }
}

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

[data-component-list=DrawerComponent] [data-drawer-toggle] .icon {
    transform-origin: 62% 52% !important; /* inlined style override */
}

.theme-dark .tile-content h3{
    color:rgb(245, 245, 247);
}

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

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

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

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

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

.section-products .tile-mac-mini .tile-content {
    --tile-padding-bottom: 129px;
}

@media only screen and (max-width:1068px) {
    .section-products .tile-mac-mini .tile-content {
        --tile-padding-bottom: 116px;
    }
}

@media only screen and (max-width:734px) {
    .section-products .tile-mac-mini .tile-content {
        --tile-padding-bottom: 82px;
    }
}

.section-hero .hero-headline .lottie {
width: 5ch;
top: -0.03em;
left: 0.06em;
}