/*** Arabic Fonts ****/

/********************/

.typography-callout, 
.typography-callout:lang(ar), 
.typography-localnav-product-name, 
.typography-localnav-product-name:lang(ar), 
.typography-localnav-links, 
.typography-localnav-links:lang(ar), 
.typography-welcome-headline, 
.typography-welcome-headline:lang(ar), 
.typography-welcome-eyebrow, 
.typography-welcome-eyebrow:lang(ar), 
.typography-upgrade-headline, 
.typography-upgrade-headline:lang(ar), 
.typography-upgrade-eyebrow, 
.typography-upgrade-eyebrow:lang(ar), 
.typography-banner-card-headline, 
.typography-banner-card-headline:lang(ar), 
.typography-index-headline, 
.typography-index-headline:lang(ar), 
.typography-index-item-elevated, 
.typography-index-item-elevated:lang(ar), 
.typography-product-tile-headline, 
.typography-product-tile-headline:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-headline:lang(ar), 
.typography-tout-subheading, 
.typography-tout-subheading:lang(ar), 
.form-dropdown-chevron, 
.form-dropdown-chevron:lang(ar), 
.localnav-container .content-expand-wrap .product-action .product-name .product-name-title, 
.localnav-container .content-expand-wrap .product-action .product-name .product-name-title:lang(ar), 
.inline-compare-wrap .form-dropdown-select, 
.inline-compare-wrap .form-dropdown-select:lang(ar), 
section.section-upgrade .inline-compare-wrap .inline-wrap .stat strong, 
section.section-upgrade .inline-compare-wrap .inline-wrap .stat strong:lang(ar), 
section.section-upgrade .inline-compare-wrap .inline-wrap .compare-tile .stat, section.section-upgrade .inline-compare-wrap .inline-wrap .compare-tile .tile-copy, 
section.section-upgrade .inline-compare-wrap .inline-wrap .compare-tile .stat:lang(ar), section.section-upgrade .inline-compare-wrap .inline-wrap .compare-tile .tile-copy:lang(ar) {
    letter-spacing: 0;
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
  
html, 
[lang]:lang(ar), 
body, 
body:lang(ar), 
.badge, 
.badge:lang(ar), 
.badge-reduced, 
.badge-reduced:lang(ar), 
.button, 
.button:lang(ar), 
.button-elevated, 
.button-elevated:lang(ar), 
.typography-body-reduced, 
.typography-body-reduced:lang(ar), 
.typography-caption, 
.typography-caption:lang(ar), 
.typography-upgrade-dropdown-label, 
.typography-upgrade-dropdown-label:lang(ar), 
.typography-banner-card-copy, 
.typography-banner-card-copy:lang(ar), 
.typography-index-list-title, 
.typography-index-list-title:lang(ar), 
.typography-index-item-base, 
.typography-index-item-base:lang(ar), 
.typography-product-tile-subheading, 
.typography-product-tile-subheading:lang(ar), 
.typography-product-tile-positioning, 
.typography-product-tile-positioning:lang(ar), 
.typography-product-tile-ctas, 
.typography-product-tile-ctas:lang(ar), 
.typography-section-header-link, 
.typography-section-header-link:lang(ar), 
.typography-tout-copy, 
.typography-tout-copy:lang(ar), 
.typography-caption-tile, 
.typography-caption-tile:lang(ar), 
.typography-marquee-detail, 
.typography-marquee-detail:lang(ar), 
.form-dropdown-select, 
.form-dropdown-select:lang(ar), 
.aap-text-icon-control .icon-copy, 
.aap-text-icon-control .icon-copy:lang(ar), 
.product-tile-ctas .product-tile-current, 
.product-tile-ctas .product-tile-current:lang(ar), 
.colorindicator .colorindicator-item.colorindicator-label, 
.colorindicator .colorindicator-item.colorindicator-label:lang(ar), 
section.section-upgrade .inline-compare-wrap .form-dropdown-select, 
section.section-upgrade .inline-compare-wrap .form-dropdown-select:lang(ar) {
    letter-spacing: 0;
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
}
  
@media (max-width: 1068px) {
.typography-callout, 
.typography-callout:lang(ar), 
.typography-welcome-headline, 
.typography-welcome-headline:lang(ar), 
.typography-upgrade-headline, 
.typography-upgrade-headline:lang(ar), 
.typography-banner-card-headline, 
.typography-banner-card-headline:lang(ar), 
.typography-index-headline, 
.typography-index-headline:lang(ar), 
.typography-index-item-elevated, 
.typography-index-item-elevated:lang(ar), 
.typography-product-tile-headline, 
.typography-product-tile-headline:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-headline:lang(ar), 
.typography-tout-subheading, 
.typography-tout-subheading:lang(ar), 
section.section-upgrade .inline-compare-wrap .inline-wrap .stat strong, 
section.section-upgrade .inline-compare-wrap .inline-wrap .stat strong:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

section.section-upgrade .inline-compare-wrap .inline-wrap .compare-tile .stat, section.section-upgrade .inline-compare-wrap .inline-wrap .compare-tile .tile-copy, 
section.section-upgrade .inline-compare-wrap .inline-wrap .compare-tile .stat:lang(ar), section.section-upgrade .inline-compare-wrap .inline-wrap .compare-tile .tile-copy:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}

@media (max-width: 734px) {
.typography-callout, 
.typography-callout:lang(ar), 
.typography-welcome-headline, 
.typography-welcome-headline:lang(ar), 
.typography-welcome-eyebrow, 
.typography-welcome-eyebrow:lang(ar), 
.typography-upgrade-headline, 
.typography-upgrade-headline:lang(ar), 
.typography-banner-card-headline, 
.typography-banner-card-headline:lang(ar), 
.typography-index-headline, 
.typography-index-headline:lang(ar), 
.typography-index-item-elevated, 
.typography-index-item-elevated:lang(ar), 
.typography-product-tile-headline, 
.typography-product-tile-headline:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-headline:lang(ar), 
.typography-tout-subheading, 
.typography-tout-subheading:lang(ar), 
.inline-compare-wrap .form-dropdown-select, 
.inline-compare-wrap .form-dropdown-select:lang(ar), 
section.section-upgrade .inline-compare-wrap .inline-wrap .stat strong, 
section.section-upgrade .inline-compare-wrap .inline-wrap .stat strong:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.typography-upgrade-dropdown-label, 
.typography-upgrade-dropdown-label:lang(ar), 
.typography-upgrade-eyebrow, 
.typography-upgrade-eyebrow:lang(ar), 
.typography-banner-card-copy, 
.typography-banner-card-copy:lang(ar), 
.typography-index-list-title, 
.typography-index-list-title:lang(ar), 
.typography-index-item-base, 
.typography-index-item-base:lang(ar), 
.typography-product-tile-subheading, 
.typography-product-tile-subheading:lang(ar), 
.typography-product-tile-positioning, 
.typography-product-tile-positioning:lang(ar), 
.typography-product-tile-ctas, 
.typography-product-tile-ctas:lang(ar), 
.typography-section-header-link, 
.typography-section-header-link:lang(ar), 
.typography-caption-tile, 
.typography-caption-tile:lang(ar), 
.typography-marquee-detail, 
.typography-marquee-detail:lang(ar), 
.aap-text-icon-control .icon-copy, 
.aap-text-icon-control .icon-copy:lang(ar), 
section.section-upgrade .inline-compare-wrap .form-dropdown-select, 
section.section-upgrade .inline-compare-wrap .form-dropdown-select:lang(ar), 
section.section-upgrade .specialists-wrap .specialists-items, 
section.section-upgrade .specialists-wrap .specialists-items:lang(ar), 
.section-welcome .marquee-wrapper .marquee-ctas-link, 
.section-welcome .marquee-wrapper .marquee-ctas-link:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}

@media (min-width: 735px) {
.product-tile-ctas .button, .product-tile-ctas .product-tile-current, .product-tile-ctas button, 
.product-tile-ctas .button:lang(ar), .product-tile-ctas .product-tile-current:lang(ar), .product-tile-ctas button:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}


/********************/

/*** Arabic Fonts ****/




.card-container.media-gallery-item-ai span.tout-disclaimer.typography-tout.avail-disclaimer.ai-disclaimer {
    font-size: 14px;
}



/*.localnav-container .cta {
    display: inline;
}

.localnav-container .content-collapsed-wrap .cta.buy {
    background-color: var(--sk-fill-blue); 
    color: var(--sk-fill);
    z-index: unset;
    text-decoration: unset; 
}*/

@media (min-width:1069px) {
    .section-camera .storage-content .storage-composite-image {
        direction: ltr;
    }
}


@media (min-width:1069px) {
   .section-welcome .marquee-top-wrapper .marquee-header .header-headline {
   line-height: 1.3;
} 
.section-product-stories .stat .stat-content {
    text-align: right;
}
.product-stories-section-header .with-stat .section-header-description {
    text-align: right;
}
.product-stories-section-header .with-stat .section-header-description {
    text-align: right;
}
.inline-compare-wrap .form-dropdown-select, .inline-compare-wrap .form-dropdown-select:focus, .inline-compare-wrap .form-dropdown-select:focus:not(button) {

    padding: 0 var(--dropdown-padding) 0 34px;
}
.section-battery .inline-compare-wrap .inline-compare-dropdown .inline-compare-select-label {
    margin: 0 0 0 26px;
}
.section-camera .storage-content .storage-composite-image {
    direction: ltr;
}
}

@media (min-width:735px) and (max-width:1068px) {

    .section-welcome .marquee-top-wrapper .marquee-header .header-headline {
      
        line-height: 1.3;
    }
.product-stories-section-header .with-stat .section-header-description {
    text-align: right;
}
.section-product-stories .stat .stat-content {
    text-align: right;
}
.section-battery .inline-compare-wrap .inline-compare-dropdown .inline-compare-select-label {
    margin: 0 0 0 26px;
}
.section-camera .storage-content .storage-composite-image {
    direction: ltr;
}



}

@media (max-width:734px) {
   .product-stories-section-header .with-stat .section-header-description {
    text-align: right;
} 
.product-stories-section-header .with-stat .section-header-description {
    text-align: right;
}
.product-stories-section-header .with-stat .section-header-description {
    text-align: right;
}
.product-stories-section-header .with-stat .section-header-description {
    text-align: right;
}
.section-product-stories .stat .stat-content {
    text-align: right;
}
.section-camera .storage-content .storage-composite-image {
    direction: ltr;
}


    
}


@media (min-width:1069px) {
    .variant-android .section-upgrade-android .overview-upgrade-android-hero {
    position: relative;
    left: 200px;
}
#connectivity-gallery .card {
    width: 90%;
}
}

@media (min-width:735px) and (max-width:1068px) {
    
}

@media (max-width:734px) {
    
}

html.android .section-incentive {
    display: block;
}


.bg-upgrade-image-esos {
 --tile-image-width: 71px;
 --tile-image-height: 71px;
 width: var(--tile-image-width);
 height: var(--tile-image-height);
 }

.bg-upgrade-image-esos {
 background-size: 71px 71px;
 background-repeat: no-repeat;
 background-image: url(/mideast/iphone-17e/a/images/overview/upgrade/inline-compare/esos__cga8tppiejqq_large.webp);
 }
 @media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
.bg-upgrade-image-esos {
 background-image: url(/mideast/iphone-17e/a/images/overview/upgrade/inline-compare/esos__cga8tppiejqq_large_2x.webp);
 }
 }
 @media (max-width: 1068px) {
.bg-upgrade-image-esos {
 background-size: 71px 71px;
 background-repeat: no-repeat;
 background-image: url(/mideast/iphone-17e/a/images/overview/upgrade/inline-compare/esos__cga8tppiejqq_medium.webp);
 }
 }
 @media (max-width: 1068px) and (min-resolution: 1.5dppx), (max-width: 1068px) and (min-resolution: 144dpi) {
.bg-upgrade-image-esos {
 background-image: url(/mideast/iphone-17e/a/images/overview/upgrade/inline-compare/esos__cga8tppiejqq_medium_2x.webp);
 }
 }

 @media (max-width: 734px) {
.bg-upgrade-image-esos {
 background-size: 71px 71px;
 background-repeat: no-repeat;
 background-image: url(/mideast/iphone-17e/a/images/overview/upgrade/inline-compare/esos__cga8tppiejqq_small.webp);
 }
 }
 @media (max-width: 734px) and (min-resolution: 1.5dppx), (max-width: 734px) and (min-resolution: 144dpi) {
.bg-upgrade-image-esos {
 background-image: url(/mideast/iphone-17e/a/images/overview/upgrade/inline-compare/esos__cga8tppiejqq_small_2x.webp);
 }
}

 #cameras > div:nth-child(1) > header > p {
    line-height: 1.3;
 }

 section.section-upgrade .inline-compare-wrap .inline-wrap .compare-tile.compare-tile-chip strong {
    line-height: 1.4;
}

#gallery-item-upgrade-iphone-se-2 > div > div.compare-tile.compare-tile-battery.default-tile > p > strong,
#gallery-item-upgrade-iphone-se-3 > div > div.compare-tile.compare-tile-battery.default-tile > p > strong,
#gallery-item-upgrade-iphone-11 > div > div.compare-tile.compare-tile-battery.default-tile > p > strong {
    line-height: 1.4;
}

#compare-upgrade-gallery > div > h2 {
    line-height: 1.3;
}




@media (min-width:1069px) {


#gallery-item-upgrade-iphone-12 > div > div.compare-tile.compare-tile-battery.default-tile > p > strong {
    line-height: 1.2;
}
}

@media (min-width:735px) and (max-width:1068px) {
    
}

@media (max-width:734px) {
    
}

#design > div.viewport-content > header > div.section-header-copy-wrapper.with-stat.staggered-end > div.stat.large-3.medium-8.small-12 > div > span.stat-value.typography-headline-reduced {
    line-height: 1.3;
}

@media (inverted-colors:inverted) or (prefers-contrast: more) or (prefers-reduced-transparency) {


    main h2:not(:has(>.visuallyhidden:only-child,>picture:only-child),[role=presentation] *) {
        background-color: unset;
    }
}

    .section-product-stories .stat .stat-value {
        line-height: 1.3;
    }



    #performance .stat-value.typography-headline-reduced {
        line-height: 1.3;
    }

@media (min-width:1069px) {
    #highlights-gallery-item-3 > div > div.caption-container.large-pin-top-left.small-pin-top-center > div {
        margin-left: -20px;
    }

 section.section-upgrade .inline-compare-wrap .inline-wrap .compare-tile-battery .stat .battery-icon-wrap .bg-upgrade-image {

    bottom: 15px;
}

#gallery-item-upgrade-iphone-12 > div > div.compare-tile.compare-tile-battery.default-tile > p > strong > span > span {
    bottom: 10px;
}

#gallery-item-material-1 > div > div > div {
    width: 321px;
}

}

@media (min-width:735px) and (max-width:1068px) {
    section.section-upgrade .inline-compare-wrap .inline-wrap .compare-tile-battery .stat .battery-icon-wrap .bg-upgrade-image {
    bottom: 11px;
}

#gallery-item-upgrade-iphone-12 > div > div.compare-tile.compare-tile-battery.default-tile > p > strong > span > span {
    bottom: 8px;

}

#gallery-item-material-1 > div > div > div {
    width: 272px;
}
#highlights-gallery-item-3 > div > div.caption-container.large-pin-top-left.small-pin-top-center > div {
    margin-left: 60px;
    margin-right: auto;
    width: fit-content;
}
}

@media (max-width:734px) {
        section.section-upgrade .inline-compare-wrap .inline-wrap .compare-tile-battery .stat .battery-icon-wrap .bg-upgrade-image {
    bottom: 11px;
}
}

section.section-upgrade .inline-compare-wrap .inline-wrap .compare-tile .stat-reduced strong {
    margin-block: 0;
}



@media (min-width:1069px) {
           .product-stories-section-header .section-header-headline {
        line-height: 1.3;
    }
    #design > div.viewport-content > header > p {
    line-height: 1.3;
}
}

@media (min-width:735px) and (max-width:1068px) {
           .product-stories-section-header .section-header-headline {
        line-height: 1.3;
    }
    #design > div.viewport-content > header > p {
    line-height: 1.3;
}
}

@media (max-width:734px) {
    .section-battery .inline-compare-wrap .inline-compare-dropdown .inline-compare-select-label {
    margin: 0 0 0 0;
}

.inline-compare-wrap .form-dropdown-select, .inline-compare-wrap .form-dropdown-select:focus, .inline-compare-wrap .form-dropdown-select:focus:not(button) {
    padding: 0 var(--dropdown-padding) 0 34px;
}
section.section-upgrade-android .banner-card .banner-card-image {
    margin-bottom: 0!important;
}
}


.atv-caption {
      margin: 40px 0 0 0;
}

.atv-caption a {
    color: #6e6e73;
   
}


@media (min-width:1069px) {
    .product-tile .colorindicator {
    margin: 40px 0 27px;

}
}

@media (min-width:735px) and (max-width:1068px) {
       .product-tile .colorindicator {
    margin: 40px 0 27px;

}

.inline-compare-wrap .inline-compare-dropdown {
    --dropdown-padding: 40px;
}
}

@media (max-width:734px) {
    .product-tile-image {

    position: relative;
    left: 25px;
}
html.no-enhanced .section-durability .inline-media-component-container {
    direction: ltr;
}
}


.section-battery .stream-cta.cta-show {
    color: #86868b;
    margin-top: 35px;
    text-align: center;
}

@media screen and (max-width: 734px) {
    .section-battery .stream-cta.cta-show {
        margin-top: -42px;
        margin-bottom: 46px;
    }

    .section-battery .typography-body-reduced-tight {
        line-height: 1.8705882353;
    }
}

@media screen and (max-width: 400px) {
    .section-battery .stream-cta.cta-show {
        margin-top: -30px;
        margin-bottom: 46px;
    }

    .section-battery .typography-body-reduced-tight {
        line-height: 1.2857742857;
    }
}

@media screen and (max-width: 734px) {
html.enhanced .section-durability .inline-media-component-container {
        direction: ltr;
                position: relative;
        right: 54px;
}
}



.section.d0161EB {
    padding-top: 0;
}

main h1:not(:has(>.visuallyhidden:only-child,>picture:only-child),[role=presentation] *), main h2:not(:has(>.visuallyhidden:only-child,>picture:only-child),[role=presentation] *), main h3:not(:has(>.visuallyhidden:only-child,>picture:only-child),[role=presentation] *), main h4:not(:has(>.visuallyhidden:only-child,>picture:only-child),[role=presentation] *), main h5:not(:has(>.visuallyhidden:only-child,>picture:only-child),[role=presentation] *), main h6:not(:has(>.visuallyhidden:only-child,>picture:only-child),[role=presentation] *), main p:not(:has(>.visuallyhidden:only-child,>picture:only-child),[role=presentation] *) {
    background-color: unset;
}

html.localnav-expanded {
    overflow: unset;
}

@media (min-width:1069px) {
    #main > section.section.section-contrast {
        margin-top: 80px;
    }

    #main > section.section.section-contrast > div > header {
        padding-top: 60px;
    }

    section.section-upgrade .inline-compare-wrap .inline-wrap .inline-compare-option-wrap {
        padding-block: 60px;
    }
}

@media (min-width:735px) and (max-width:1068px) {
        #main > section.section.section-contrast {
        margin-top: 80px;
    }

    #main > section.section.section-contrast > div > header {
        padding-top: 60px;
    }

    section.section-upgrade .inline-compare-wrap .inline-wrap .inline-compare-option-wrap {
        padding-block: 60px;
    }
}

@media (max-width:734px) {
    
}

.bg-upgrade-image-esos {
    --tile-image-width: 71px;
    --tile-image-height: 71px;
    width: var(--tile-image-width);
    height: var(--tile-image-height);
}


.bg-upgrade-image-esos {
    background-size: 71px 71px;
    background-repeat: no-repeat;
    background-image: url(/mideast/iphone-17e/a/t3/images/overview/upgrade/inline-compare/esos__cga8tppiejqq_large.webp);
}
@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
    .bg-upgrade-image-esos {
        background-image: url(/mideast/iphone-17e/a/t3/images/overview/upgrade/inline-compare/esos__cga8tppiejqq_large_2x.webp);
    }
}
@media (max-width: 1068px) {
    .bg-upgrade-image-esos {
        background-size: 71px 71px;
        background-repeat: no-repeat;
        background-image: url(/mideast/iphone-17e/a/t3/images/overview/upgrade/inline-compare/esos__cga8tppiejqq_medium.webp);
    }
}
@media (max-width: 1068px) and (min-resolution: 1.5dppx), (max-width: 1068px) and (min-resolution: 144dpi) {
    .bg-upgrade-image-esos {
        background-image: url(/mideast/iphone-17e/a/t3/images/overview/upgrade/inline-compare/esos__cga8tppiejqq_medium_2x.webp);
    }
}

@media (max-width: 734px) {
    .bg-upgrade-image-esos {
        background-size: 71px 71px;
        background-repeat: no-repeat;
        background-image: url(/mideast/iphone-17e/a/t3/images/overview/upgrade/inline-compare/esos__cga8tppiejqq_small.webp);
    }
}
@media (max-width: 734px) and (min-resolution: 1.5dppx), (max-width: 734px) and (min-resolution: 144dpi) {
    .bg-upgrade-image-esos {
        background-image: url(/mideast/iphone-17e/a/t3/images/overview/upgrade/inline-compare/esos__cga8tppiejqq_small_2x.webp);
    }
}

.copy.s96C499,
.copy.oDB272A,
.copy.nB7896C {
    color: #1d1d1f!important
}

.channel-html .t6EAC94,
.channel-html .eB75785,
.copy.bBF356A, 
.channel-html .w6A185B,
.channel-html .upgrader-select-container .inline-label-container .dropdown-label,
.channel-html .upgrader-select-container .selector-element-gallery .gallery-select,
.copy.u5338B3,
.channel-html .y796EFD,
.channel-html .b266670, .channel-html .cEB1681, .channel-html .gD65646, .channel-html .j746B80, .channel-html .j78D4B7, .channel-html .k0A4776, .channel-html .nF43D2A, .channel-html .s2E2BED, .channel-html .t6EAC94, .channel-html .u5338B3, .channel-html .v58E9D8, .channel-html .w6A185B, .channel-html .yA20878,
.channel-html .f68749F .inline-label-container,
.channel-html .upgrader-select-container .selector-element-gallery .gallery-select,
.sfpt  {
      letter-spacing: 0!important;
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif!important;
}

.section.d0161EB {
    padding-bottom: 0!important;
}


.channel-html .footnote-number {
position: relative!important;
vertical-align: initial!important;
text-underline-offset: -0.28em!important;
font-feature-settings: "numr"!important;
font-size: 1em!important;
}