/*** Arabic Fonts ****/
/********************/
#globalnav .globalnav-submenu-list-item-elevated,
#globalnav .globalnav-submenu-list-item-elevated:lang(ar),
#ac-localnav .ac-ln-title,
#ac-localnav .ac-ln-title:lang(ar),
.typography-headline-super,
.typography-headline-super:lang(ar),
.typography-headline-reduced,
.typography-headline-reduced:lang(ar),
.typography-eyebrow-super,
.typography-eyebrow-super:lang(ar),
.typography-tout,
.typography-tout:lang(ar),
.typography-chip-stat-reduced,
.typography-chip-stat-reduced:lang(ar),
.typography-inline-stat-reduced,
.typography-inline-stat-reduced:lang(ar),
.typography-upgrade-eyebrow,
.typography-upgrade-eyebrow:lang(ar),
.typography-modal-intro-copy,
.typography-modal-intro-copy:lang(ar),
.typography-modal-subheadline,
.typography-modal-subheadline:lang(ar),
.typography-modal-body,
.typography-modal-body:lang(ar),
.typography-banner-card-headline,
.typography-banner-card-headline:lang(ar),
.typography-icon-card-headline,
.typography-icon-card-headline:lang(ar),
.typography-icon-card-modal-content-inline-headline,
.typography-icon-card-modal-content-inline-headline:lang(ar),
.typography-index-headline,
.typography-index-headline:lang(ar),
.typography-index-item-elevated,
.typography-index-item-elevated:lang(ar),
.typography-media-card-gallery-headline,
.typography-media-card-gallery-headline:lang(ar),
.typography-modal-header-topic-label,
.typography-modal-header-topic-label:lang(ar),
.typography-modal-header-headline,
.typography-modal-header-headline:lang(ar),
.typography-ps-headline-super,
.typography-ps-headline-super:lang(ar),
.typography-ps-headline-elevated,
.typography-ps-headline-elevated:lang(ar),
.typography-ps-headline,
.typography-ps-headline:lang(ar),
.typography-ps-body,
.typography-ps-body:lang(ar),
.typography-ps-body-reduced,
.typography-ps-body-reduced:lang(ar),
.typography-ps-callout,
.typography-ps-callout:lang(ar),
.typography-ps-eyebrow,
.typography-ps-eyebrow:lang(ar),
.typography-ps-inline-compare-headline,
.typography-ps-inline-compare-headline:lang(ar),
.typography-ps-stat-subcopy,
.typography-ps-stat-subcopy:lang(ar),
.typography-ps-card-headline,
.typography-ps-card-headline:lang(ar),
.typography-ps-modal-feature-headline,
.typography-ps-modal-feature-headline:lang(ar),
.typography-ps-modal-eyebrow,
.typography-ps-modal-eyebrow:lang(ar),
.typography-ps-vi-card-eyebrow,
.typography-ps-vi-card-eyebrow:lang(ar),
.typography-product-tile-headline,
.typography-product-tile-headline:lang(ar),
.typography-section-header-headline,
.typography-section-header-headline:lang(ar),
.typography-tout-null,
.typography-tout-null:lang(ar),
.typography-marquee-headline-base,
.typography-marquee-headline-base:lang(ar),
.typography-marquee-eyebrow-base,
.typography-marquee-eyebrow-base:lang(ar),
.form-dropdown-chevron,
.form-dropdown-chevron:lang(ar),
section.section .inline-compare-wrap .inline-wrap .stat.stat-subcopy strong,
section.section .inline-compare-wrap .inline-wrap .stat.stat-subcopy strong:lang(ar),
section.section .inline-compare-wrap .inline-wrap .stat strong,
section.section .inline-compare-wrap .inline-wrap .stat strong:lang(ar),
section.section-welcome .marquee-top-wrapper .marquee-header .header-headline,
section.section-welcome .marquee-top-wrapper .marquee-header .header-headline: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),
section.section-upgrade .inline-compare-wrap .inline-wrap .compare-tile .stat-reduced strong,
section.section-upgrade .inline-compare-wrap .inline-wrap .compare-tile .stat-reduced strong: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;
}
#globalnav .globalnav-link,
#globalnav .globalnav-link:lang(ar),
#globalnav .globalnav-link-apple,
#globalnav .globalnav-link-apple:lang(ar),
#globalnav .globalnav-submenu-header,
#globalnav .globalnav-submenu-header:lang(ar),
#globalnav .globalnav-submenu-list-item,
#globalnav .globalnav-submenu-list-item:lang(ar),
#globalmessage-segment,
#globalmessage-segment:lang(ar),
#ac-globalfooter,
#ac-globalfooter select,
#ac-globalfooter button,
#ac-globalfooter:lang(ar),
#ac-globalfooter select:lang(ar),
#ac-globalfooter button:lang(ar),
#ac-globalfooter,
#ac-globalfooter:lang(ar),
#ac-globalfooter .ac-gf-sosumi p,
#ac-globalfooter .ac-gf-sosumi li,
#ac-globalfooter .ac-gf-sosumi p:lang(ar),
#ac-globalfooter .ac-gf-sosumi li:lang(ar),
#ac-globalfooter .ac-gf-breadcrumbs-path,
#ac-globalfooter .ac-gf-breadcrumbs-path:lang(ar),
#ac-globalfooter .ac-gf-directory,
#ac-globalfooter .ac-gf-directory:lang(ar),
#ac-globalfooter .ac-gf-directory-column-section-title-button,
#ac-globalfooter .ac-gf-directory-column-section-title > .ac-gf-directory-column-section-title-text,
#ac-globalfooter .ac-gf-directory-column-section-title-button:lang(ar),
#ac-globalfooter .ac-gf-directory-column-section-title > .ac-gf-directory-column-section-title-text:lang(ar),
#ac-localnav .ac-ln-menu,
#ac-localnav .ac-ln-menu:lang(ar),
#ac-localnav .ac-ln-button,
#ac-localnav .ac-ln-button:lang(ar),
html,
[lang]:lang(ar),
body,
body:lang(ar),
.badge,
.badge:lang(ar),
.badge-reduced,
.badge-reduced:lang(ar),
.button,
.button:lang(ar),
.typography-body-tight,
.typography-body-tight:lang(ar),
.typography-all-access-pass-base-text,
.typography-all-access-pass-base-text:lang(ar),
.typography-banner-card-copy,
.typography-banner-card-copy:lang(ar),
.typography-icon-card-body-copy,
.typography-icon-card-body-copy:lang(ar),
.typography-index-list-title,
.typography-index-list-title:lang(ar),
.typography-index-item-base,
.typography-index-item-base:lang(ar),
.typography-ps-caption,
.typography-ps-caption:lang(ar),
.typography-ps-card-eyebrow,
.typography-ps-card-eyebrow:lang(ar),
.typography-ps-card-body,
.typography-ps-card-body: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),
.form-dropdown-select,
.form-dropdown-select:lang(ar),
section.section .inline-compare-wrap .form-dropdown-select,
section.section .inline-compare-wrap .form-dropdown-select:lang(ar),
section.section-welcome .marquee-wrapper .detail-milestone,
section.section-welcome .marquee-wrapper .detail-pricing,
section.section-welcome .marquee-wrapper .detail-milestone:lang(ar),
section.section-welcome .marquee-wrapper .detail-pricing:lang(ar),
.section-camera .camera-gallery .gallery-item-content .caption p,
.section-camera .camera-gallery .gallery-item-content .caption p: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-contrast .tout-copy,
.section-contrast .tout-list p,
.section-contrast .tout-copy:lang(ar),
.section-contrast .tout-list p:lang(ar),
.ac-video-controls .ac-video-ax-tracks-selector-container,
.controls-progress-time,
.controls-progress-dvr-label-container .live-stream-text,
.live-stream .live-stream-text,
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-time,
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title,
.sharing-state .container .textarea-container .copy-area {
  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 only screen and (max-width: 833px) {
  #globalnav .globalnav-link,
  #globalnav .globalnav-link:lang(ar),
  #globalnav .globalnav-link-apple,
  #globalnav .globalnav-link-apple:lang(ar),
  #globalnav .globalnav-submenu-list-item-elevated,
  #globalnav .globalnav-submenu-list-item-elevated:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica,
      Arial, sans-serif;
  }

  #globalnav .globalnav-submenu-header,
  #globalnav .globalnav-submenu-header:lang(ar),
  #globalnav .globalnav-submenu-list-item,
  #globalnav .globalnav-submenu-list-item: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: 833px) {
  #ac-localnav .ac-ln-title,
  #ac-localnav .ac-ln-title:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons", "Helvetica Neue", Helvetica,
      Arial, sans-serif;
  }

  #ac-localnav .ac-ln-menu,
  #ac-localnav .ac-ln-menu: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: 1068px) {
  .typography-headline-super,
  .typography-headline-super:lang(ar),
  .typography-headline-reduced,
  .typography-headline-reduced:lang(ar),
  .typography-eyebrow-super,
  .typography-eyebrow-super:lang(ar),
  .typography-inline-stat-reduced,
  .typography-inline-stat-reduced:lang(ar),
  .typography-modal-intro-copy,
  .typography-modal-intro-copy:lang(ar),
  .typography-modal-subheadline,
  .typography-modal-subheadline:lang(ar),
  .typography-banner-card-headline,
  .typography-banner-card-headline:lang(ar),
  .typography-icon-card-headline,
  .typography-icon-card-headline:lang(ar),
  .typography-index-headline,
  .typography-index-headline:lang(ar),
  .typography-index-item-elevated,
  .typography-index-item-elevated:lang(ar),
  .typography-media-card-gallery-headline,
  .typography-media-card-gallery-headline:lang(ar),
  .typography-modal-header-headline,
  .typography-modal-header-headline:lang(ar),
  .typography-ps-headline-super,
  .typography-ps-headline-super:lang(ar),
  .typography-ps-headline-elevated,
  .typography-ps-headline-elevated:lang(ar),
  .typography-ps-headline,
  .typography-ps-headline:lang(ar),
  .typography-ps-body,
  .typography-ps-body:lang(ar),
  .typography-ps-body-reduced,
  .typography-ps-body-reduced:lang(ar),
  .typography-ps-eyebrow,
  .typography-ps-eyebrow:lang(ar),
  .typography-ps-inline-compare-headline,
  .typography-ps-inline-compare-headline:lang(ar),
  .typography-ps-modal-eyebrow,
  .typography-ps-modal-eyebrow:lang(ar),
  .typography-ps-vi-card-eyebrow,
  .typography-ps-vi-card-eyebrow:lang(ar),
  .typography-product-tile-headline,
  .typography-product-tile-headline:lang(ar),
  .typography-section-header-headline,
  .typography-section-header-headline:lang(ar),
  .typography-marquee-headline-base,
  .typography-marquee-headline-base:lang(ar),
  .typography-marquee-eyebrow-base,
  .typography-marquee-eyebrow-base:lang(ar),
  section.section .inline-compare-wrap .inline-wrap .stat strong,
  section.section .inline-compare-wrap .inline-wrap .stat strong:lang(ar),
  section.section-welcome .marquee-top-wrapper .marquee-header .header-headline,
  section.section-welcome .marquee-top-wrapper .marquee-header .header-headline:lang(ar),
  section.section-upgrade .inline-compare-wrap .inline-wrap .compare-tile .stat-reduced strong,
  section.section-upgrade .inline-compare-wrap .inline-wrap .compare-tile .stat-reduced 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-eyebrow,
  .typography-upgrade-eyebrow:lang(ar),
  .typography-ps-callout,
  .typography-ps-callout:lang(ar),
  .typography-ps-stat-subcopy,
  .typography-ps-stat-subcopy: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) {
    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-headline-super,
  .typography-headline-super:lang(ar),
  .typography-headline-reduced,
  .typography-headline-reduced:lang(ar),
  .typography-eyebrow-super,
  .typography-eyebrow-super:lang(ar),
  .typography-chip-stat-reduced,
  .typography-chip-stat-reduced:lang(ar),
  .typography-inline-stat-reduced,
  .typography-inline-stat-reduced:lang(ar),
  .typography-banner-card-headline,
  .typography-banner-card-headline:lang(ar),
  .typography-icon-card-headline,
  .typography-icon-card-headline:lang(ar),
  .typography-index-headline,
  .typography-index-headline:lang(ar),
  .typography-index-item-elevated,
  .typography-index-item-elevated:lang(ar),
  .typography-media-card-gallery-headline,
  .typography-media-card-gallery-headline:lang(ar),
  .typography-modal-header-headline,
  .typography-modal-header-headline:lang(ar),
  .typography-ps-headline-super,
  .typography-ps-headline-super:lang(ar),
  .typography-ps-inline-compare-headline,
  .typography-ps-inline-compare-headline:lang(ar),
  .typography-ps-card-headline,
  .typography-ps-card-headline:lang(ar),
  .typography-ps-modal-feature-headline,
  .typography-ps-modal-feature-headline:lang(ar),
  .typography-product-tile-headline,
  .typography-product-tile-headline:lang(ar),
  .typography-section-header-headline,
  .typography-section-header-headline:lang(ar),
  .typography-marquee-headline-base,
  .typography-marquee-headline-base:lang(ar),
  .typography-marquee-eyebrow-base,
  .typography-marquee-eyebrow-base:lang(ar),
  section.section .inline-compare-wrap .inline-wrap .stat.stat-subcopy strong,
  section.section .inline-compare-wrap .inline-wrap .stat.stat-subcopy strong:lang(ar),
  section.section .inline-compare-wrap .inline-wrap .stat strong,
  section.section .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-modal-body,
  .typography-modal-body:lang(ar),
  .typography-all-access-pass-base-text,
  .typography-all-access-pass-base-text:lang(ar),
  .typography-banner-card-copy,
  .typography-banner-card-copy:lang(ar),
  .typography-icon-card-body-copy,
  .typography-icon-card-body-copy:lang(ar),
  .typography-icon-card-modal-content-inline-headline,
  .typography-icon-card-modal-content-inline-headline:lang(ar),
  .typography-index-list-title,
  .typography-index-list-title:lang(ar),
  .typography-index-item-base,
  .typography-index-item-base:lang(ar),
  .typography-modal-header-topic-label,
  .typography-modal-header-topic-label:lang(ar),
  .typography-ps-caption,
  .typography-ps-caption:lang(ar),
  .typography-ps-card-body,
  .typography-ps-card-body: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-null,
  .typography-tout-null:lang(ar),
  section.section .inline-compare-wrap .form-dropdown-select,
  section.section .inline-compare-wrap .form-dropdown-select:lang(ar),
  section.section-welcome .marquee-wrapper .marquee-detail .button,
  section.section-welcome .marquee-wrapper .marquee-detail .button:lang(ar),
  section.section-welcome .marquee-wrapper .detail-milestone,
  section.section-welcome .marquee-wrapper .detail-pricing,
  section.section-welcome .marquee-wrapper .detail-milestone:lang(ar),
  section.section-welcome .marquee-wrapper .detail-pricing: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: 480px) {
  .typography-index-headline,
  .typography-index-headline:lang(ar),
  .typography-modal-header-headline,
  .typography-modal-header-headline:lang(ar),
  .typography-section-header-headline,
  .typography-section-header-headline:lang(ar),
  .typography-marquee-headline-base,
  .typography-marquee-headline-base:lang(ar),
  section.section-welcome .marquee-top-wrapper .marquee-header .header-headline,
  section.section-welcome .marquee-top-wrapper .marquee-header .header-headline:lang(ar),
  section.section-upgrade .inline-compare-wrap .inline-wrap .compare-tile .stat-reduced strong,
  section.section-upgrade .inline-compare-wrap .inline-wrap .compare-tile .stat-reduced 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-media-card-gallery-headline,
  .typography-media-card-gallery-headline: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) and (max-width: 1068px) {
  section.section .inline-compare-wrap .inline-compare-select-label,
  section.section .inline-compare-wrap .inline-compare-select-label: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 ****/

.no-wrap {
  text-wrap:  nowrap;
}

.small-mini {
  display: none;
}

@media screen and (min-width: 735px) and (max-width: 804px) {
  .small-mini {
    display: block;
  }
}

.typography-marquee-eyebrow-base,
.typography-marquee-eyebrow-base:lang(ar) {
  letter-spacing: 0.192px;
}

.footnote-blue {
  color: var(--sk-body-link-color,rgb(0,102,204));
}

.footnote-blue a::after {
  --target-size: 5px; 
}

.kw-link {
  position: absolute;
  bottom: -5%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
}

@media screen and (max-width: 734px) {
  .kw-link {
    font-size: 14px;
    min-width: 225px;
    margin-bottom: 44px !important;
  }
}


.section-apple-intelligence .privacy-area h3.headline {
  line-height: 1.2;
}

.section-ios p.headline {
  line-height: 1.1;
}

.section-apple-intelligence .privacy-area h3.headline {
  line-height: 1.16;
}

body.t2 #compare-upgrade-gallery,
body.t3 #compare-upgrade-gallery {
  padding-bottom: 6em;
}

section.section-welcome .marquee-top-wrapper .marquee-header .header-headline {
  line-height: 1.12;
}

.section-upgrade .stat .battery-icon-wrap {
  margin-right: -6px;
}

#ps-modal-camera .column-copy .camera-modal-headline {
  line-height: 1.15;
} 

#media-card-gallery-item-3 div.caption-container {
  flex-direction: row-reverse;
}

.section-camera .camera-visual-intelligence {
  direction: ltr;
}

.section-camera .camera-visual-intelligence .intelligence .copy {
  direction: rtl;
}

#gallery-item-chip-iphone-se-2nd-gen .graph-wrap:nth-child(2) .badge.bar1 .badge-value-container {
 direction: ltr;
   justify-content: flex-end;
}

@media screen and (max-width: 1068px) {
  section.section-values .values-headline {
    max-width: 100%;
  }
}

@media screen and (min-width: 1069px) {
  .section-camera .camera-visual-intelligence .intelligence .copy > * {
    margin-inline-start: unset;
  }
}

.section-design .media-content {
  left: unset;
  right: 50%;
}

section.section-upgrade .inline-compare-wrap .inline-wrap .compare-tile-battery .stat .battery-icon-wrap {
  --battery-padding-offset: 5px;
}

.ric-modal .ric-modal-close-button-wrapper button span.ric-modal-close-icon {
  direction: ltr;
}

.ric-modal-product-story .section-product-stories-modal .picture-container {
  direction: ltr;
  margin-inline-end: auto;
}

section.section .inline-compare-wrap .form-dropdown-select,
section.section .inline-compare-wrap .form-dropdown-select:focus,
section.section .inline-compare-wrap .form-dropdown-select:focus:not(button) {
  padding: 0 var(--dropdown-padding) 0 34px;
}

section.section-chip .inline-compare-wrap .copy-eyebrow {
  background-image: linear-gradient(90deg, var(--color-2), var(--color-3));
}

section.section-chip .inline-compare-wrap .copy-eyebrow {
  background-image: linear-gradient(90deg, var(--color-2), var(--color-1));
}

@media screen and (max-width: 734px) {
  #overview-contrast-iphone-16-1 {
    right: -10px
  }

  .section-display .picture-container {
    direction: ltr;
  }
}

@media screen and (min-width: 1069px) {
  #media-card-gallery-item-1 p.caption.typography-media-card-gallery-headline {
    text-align: left;
  }
}

/* ALT LAYOUT START */
.section-apple-intelligence .hero-area .copy .eyebrow picture {
  width: unset;
  height: unset;
}

.section-apple-intelligence .hero-area {
  flex-direction: column;
  gap: 2em;
}

.section-apple-intelligence .hero-area .copy {
  text-align: center;
  padding-top: unset;
}

.section-apple-intelligence .hero-area .copy .headline {
  font-size: 1em;
  font-weight: 400;
  color: #86868b;
}

@media screen and (max-width: 735px) {
  .section-apple-intelligence .hero-area .copy .eyebrow picture {
    width: 320px;
    height: 90px;
  }

  .section-apple-intelligence .hero-area .copy .eyebrow picture img {
    width: 100%;
  }
}

.section-apple-intelligence .apple-intelligence-hero-media.device-container {
  direction: ltr;
}

@media screen and (min-width: 1069px) {
  .section-apple-intelligence .hero-area .apple-intelligence-hero-media {
    inset-inline-start: 30%;
  }

  .section-apple-intelligence .hero-area .copy .headline {
    margin-block: 3.2em;
  }
}
/* ALT LAYOUT END */

/* ALT IMAGES START */
#gallery-item-upgrade-iphone-11 .bg-upgrade-image.bg-upgrade-image-connectivity,
#gallery-item-upgrade-iphone-se-2nd-gen .bg-upgrade-image.bg-upgrade-image-connectivity {
  --tile-image-width: 92px;
  --tile-image-height: 69px;
}

@media (max-width: 1068px) {
  #gallery-item-upgrade-iphone-11 .bg-upgrade-image.bg-upgrade-image-connectivity,
  #gallery-item-upgrade-iphone-se-2nd-gen .bg-upgrade-image.bg-upgrade-image-connectivity {
    --tile-image-width: 58px;
    --tile-image-height: 44px;
  }
}

#gallery-item-upgrade-iphone-11 .compare-tile-connectivity figure,
#gallery-item-upgrade-iphone-se-2nd-gen .compare-tile-connectivity figure {
  background-size: 92px 69px;
  background-image: url(/mideast/iphone-16e/a/images/icons/5g/connectivity__b852mpm8qmj6_large.jpg);
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  #gallery-item-upgrade-iphone-11 .compare-tile-connectivity figure,
  #gallery-item-upgrade-iphone-se-2nd-gen .compare-tile-connectivity figure {
    background-image: url(/mideast/iphone-16e/a/images/icons/5g/connectivity__b852mpm8qmj6_large_2x.jpg);
  }
}

@media (max-width: 1068px) {
  #gallery-item-upgrade-iphone-11 .compare-tile-connectivity figure,
  #gallery-item-upgrade-iphone-se-2nd-gen .compare-tile-connectivity figure {
    background-size: 58px 44px;
    background-image: url(/mideast/iphone-16e/a/images/icons/5g/connectivity__b852mpm8qmj6_medium.jpg);
  }
}
@media (max-width: 1068px) and (min-resolution: 1.5dppx), (max-width: 1068px) and (min-resolution: 144dpi) {
  #gallery-item-upgrade-iphone-11 .compare-tile-connectivity figure,
  #gallery-item-upgrade-iphone-se-2nd-gen .compare-tile-connectivity figure {
    background-image: url(/mideast/iphone-16e/a/images/icons/5g/connectivity__b852mpm8qmj6_medium_2x.jpg);
  }
}

/***/
#gallery-item-upgrade-iphone-12 .bg-upgrade-image.bg-upgrade-image-connectivity,
#gallery-item-upgrade-iphone-12-mini .bg-upgrade-image.bg-upgrade-image-connectivity {
  --tile-image-width: 71px;
  --tile-image-height: 71px;
}

@media (max-width: 1068px) {
  #gallery-item-upgrade-iphone-12 .bg-upgrade-image.bg-upgrade-image-connectivity,
  #gallery-item-upgrade-iphone-12-mini .bg-upgrade-image.bg-upgrade-image-connectivity {
    --tile-image-width: 51px;
    --tile-image-height: 51px;
  }
}

#gallery-item-upgrade-iphone-12 .compare-tile-connectivity figure,
#gallery-item-upgrade-iphone-12-mini .compare-tile-connectivity figure {
  background-size: 71px 71px;
  background-image: url(/mideast/iphone-16e/a/images/icons/sos/connectivity__b852mpm8qmj6_large.jpg);
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  #gallery-item-upgrade-iphone-12 .compare-tile-connectivity figure,
  #gallery-item-upgrade-iphone-12-mini .compare-tile-connectivity figure {
    background-image: url(/mideast/iphone-16e/a/images/icons/sos/connectivity__b852mpm8qmj6_large_2x.jpg);
  }
}

@media (max-width: 1068px) {
  #gallery-item-upgrade-iphone-12 .compare-tile-connectivity figure,
  #gallery-item-upgrade-iphone-12-mini .compare-tile-connectivity figure {
    background-size: 51px 51px;
    background-image: url(/mideast/iphone-16e/a/images/icons/sos/connectivity__b852mpm8qmj6_medium.jpg);
  }
}
@media (max-width: 1068px) and (min-resolution: 1.5dppx), (max-width: 1068px) and (min-resolution: 144dpi) {
  #gallery-item-upgrade-iphone-12 .compare-tile-connectivity figure,
  #gallery-item-upgrade-iphone-12-mini .compare-tile-connectivity figure {
    background-image: url(/mideast/iphone-16e/a/images/icons/sos/connectivity__b852mpm8qmj6_medium_2x.jpg);
  }
}

/***/
#gallery-item-upgrade-iphone-se-3rd-gen .bg-upgrade-image.bg-upgrade-image-connectivity {
  --tile-image-width: 71px;
  --tile-image-height: 71px;
}

@media (max-width: 1068px) {
  #gallery-item-upgrade-iphone-se-3rd-gen .bg-upgrade-image.bg-upgrade-image-connectivity {
    --tile-image-width: 51px;
    --tile-image-height: 51px;
  }
}

#gallery-item-upgrade-iphone-se-3rd-gen .compare-tile-connectivity figure {
  background-size: 71px 71px;
  background-image: url(/mideast/iphone-16e/a/images/icons/face-id/connectivity__b852mpm8qmj6_large.jpg);
}

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  #gallery-item-upgrade-iphone-se-3rd-gen .compare-tile-connectivity figure {
    background-image: url(/mideast/iphone-16e/a/images/icons/face-id/connectivity__b852mpm8qmj6_large_2x.jpg);
  }
}

@media (max-width: 1068px) {
  #gallery-item-upgrade-iphone-se-3rd-gen .compare-tile-connectivity figure {
    background-size: 51px 51px;
    background-image: url(/mideast/iphone-16e/a/images/icons/face-id/connectivity__b852mpm8qmj6_medium.jpg);
  }
}
@media (max-width: 1068px) and (min-resolution: 1.5dppx), (max-width: 1068px) and (min-resolution: 144dpi) {
  #gallery-item-upgrade-iphone-se-3rd-gen .compare-tile-connectivity figure {
    background-image: url(/mideast/iphone-16e/a/images/icons/face-id/connectivity__b852mpm8qmj6_medium_2x.jpg);
  }
}

/* ALT IMAGES END */

.ribbon {
    --ribbon-link-inline-color: inherit;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.4285914286;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    --ribbon-link-color: rgb(0,102,204);
    --ribbon-focus-color: #0071e3;
    --ribbon-text-color: rgb(29,29,31);
    --ribbon-background-color: rgb(245,245,247);
    --ribbon-content-padding-top: 16px;
    --ribbon-content-padding-bottom: var(--ribbon-content-padding-top);
    --ribbon-content-width: 83.33333%;
    --ribbon-content-minimum-width: 320px;
    width: var(--ribbon-width);
    padding-top: var(--ribbon-padding-top);
    padding-bottom: var(--ribbon-padding-bottom)
}

.ribbon-content-wrapper {
    text-align: center
}

.ribbon-content {
    margin-left: auto;
    margin-right: auto;
    width: var(--ribbon-content-width);
    min-width: var(--ribbon-content-minimum-width)
}

.ribbon-link {
    white-space: nowrap
}

.ribbon-link:focus {
    outline: 2px solid var(--sk-focus-color,#0071e3);
    outline-offset: var(--sk-focus-offset,1px)
}

.ribbon-link-inline {
    color: var(--ribbon-link-inline-color)
}

.ribbon-link-inline,.ribbon-link-inline:link {
    text-decoration: underline
}

.ribbon:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR,SF Pro AR Text,SF Pro Text,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.ribbon:lang(ja) {
    line-height: 1.4;
    letter-spacing: 0em;
    font-family: SF Pro JP,SF Pro Text,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif
}

.ribbon:lang(ko) {
    line-height: 1.5714285714;
    letter-spacing: 0em;
    font-family: SF Pro KR,SF Pro Text,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif
}

.ribbon:lang(zh) {
    line-height: 1.5;
    letter-spacing: 0em
}

.ribbon:lang(th) {
    line-height: 1.3571828571;
    letter-spacing: 0em;
    font-family: SF Pro TH,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.ribbon:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
}

.ribbon:lang(zh-HK) {
    font-family: SF Pro HK,SF Pro Text,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
}

.ribbon:lang(zh-MO) {
    font-family: SF Pro HK,SF Pro TC,SF Pro Text,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
}

.ribbon:lang(zh-TW) {
    font-family: SF Pro TC,SF Pro Text,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif
}

.ribbon-content-wrapper {
    background-color: var(--ribbon-background-color);
    -webkit-backdrop-filter: blur(var(--ribbon-background-blur));
    backdrop-filter: blur(var(--ribbon-background-blur));
    padding-top: var(--ribbon-content-padding-top);
    padding-bottom: var(--ribbon-content-padding-bottom);
    border-radius: var(--ribbon-border-radius)
}

.ribbon-content {
    color: var(--ribbon-text-color)
}

.ribbon-link {
    color: var(--ribbon-link-color)
}

.ribbon-link:focus {
    outline-color: var(--ribbon-focus-color)
}

.ribbon-elevated {
    font-size: 17px;
    line-height: 1.4705882353;
    font-weight: 400;
    letter-spacing: -0.022em;
    font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    --ribbon-content-padding-top: 24px
}

.ribbon-elevated:lang(ar) {
    letter-spacing: 0em;
    font-family: SF Pro AR,SF Pro AR Text,SF Pro Text,SF Pro Gulf,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.ribbon-elevated:lang(ja) {
    line-height: 1.3529611765;
    letter-spacing: 0em;
    font-family: SF Pro JP,SF Pro Text,SF Pro Icons,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif
}

.ribbon-elevated:lang(ko) {
    line-height: 1.5882352941;
    letter-spacing: 0em;
    font-family: SF Pro KR,SF Pro Text,SF Pro Icons,Apple Gothic,HY Gulim,MalgunGothic,HY Dotum,Lexi Gulim,Helvetica Neue,Helvetica,Arial,sans-serif
}

.ribbon-elevated:lang(zh) {
    letter-spacing: 0em
}

.ribbon-elevated:lang(th) {
    line-height: 1.3529611765;
    letter-spacing: 0em;
    font-family: SF Pro TH,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif
}

.ribbon-elevated:lang(zh-CN) {
    font-family: SF Pro SC,SF Pro Text,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif
}

.ribbon-elevated:lang(zh-HK) {
    font-family: SF Pro HK,SF Pro Text,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
}

.ribbon-elevated:lang(zh-MO) {
    font-family: SF Pro HK,SF Pro TC,SF Pro Text,SF Pro Icons,PingFang HK,Helvetica Neue,Helvetica,Arial,sans-serif
}

.ribbon-elevated:lang(zh-TW) {
    font-family: SF Pro TC,SF Pro Text,SF Pro Icons,PingFang TC,Helvetica Neue,Helvetica,Arial,sans-serif
}

.ribbon-elevated.ribbon-inset {
    --ribbon-border-radius: 12px
}

.ribbon-blue {
    --ribbon-background-color: rgb(0,113,227);
    --ribbon-text-color: rgb(255,255,255);
    --ribbon-link-color: rgb(255,255,255);
    --ribbon-focus-color: rgb(0,0,0)
}

.ribbon-variant-neutral-alpha {
    --ribbon-background-color: rgba(245,245,247,0.8)
}

.ribbon-variant-neutral-alt {
    --ribbon-background-color: rgb(255,255,255)
}

.ribbon-blue-to-default {
    --ribbon-background-color: rgb(245,245,247);
    --ribbon-background-color-initial: rgb(0,113,227);
    --ribbon-text-color: rgb(29,29,31);
    --ribbon-text-color-initial: rgb(255,255,255);
    --ribbon-link-color: rgb(0,102,204);
    --ribbon-link-color-initial: rgb(255,255,255)
}

@keyframes ribbon-animate-background {
    0% {
        background-color: var(--ribbon-background-color-initial)
    }

    100% {
        background-color: var(--ribbon-background-color)
    }
}

.ribbon-animate-color .ribbon-content-wrapper {
    background-color: var(--ribbon-background-color-initial);
    animation: ribbon-animate-background .8s ease-in-out 1.6s forwards
}

@media(prefers-reduced-motion) {
    .ribbon-animate-color .ribbon-content-wrapper {
        background-color: var(--ribbon-background-color);
        animation: none
    }
}

@keyframes ribbon-animate-text-color {
    0% {
        color: var(--ribbon-text-color-initial)
    }

    100% {
        color: var(--ribbon-text-color)
    }
}

.ribbon-animate-color .ribbon-content {
    color: var(--ribbon-text-color-initial);
    animation: ribbon-animate-text-color .8s ease-in-out 1.6s forwards
}

@media(prefers-reduced-motion) {
    .ribbon-animate-color .ribbon-content {
        color: var(--ribbon-text-color);
        animation: none
    }
}

@keyframes ribbon-animate-link-color {
    0% {
        color: var(--ribbon-link-color-initial)
    }

    100% {
        color: var(--ribbon-link-color)
    }
}

.ribbon-animate-color .ribbon-link {
    color: var(--ribbon-link-color-initial);
    animation: ribbon-animate-link-color .8s ease-in-out 1.6s forwards
}

@media(prefers-reduced-motion) {
    .ribbon-animate-color .ribbon-link {
        color: var(--ribbon-link-color);
        animation: none
    }
}

.ribbon-drop-wrapper {
    animation: ribbon-drop .8s ease-in-out forwards
}

@media(prefers-reduced-motion) {
    .ribbon-drop-wrapper {
        animation: none
    }
}

.ribbon-inset {
    --ribbon-width: 83.33333%;
    --ribbon-padding-top: 16px;
    --ribbon-border-radius: 10px;
    margin: 0 auto
}

.ribbon-inset .ribbon-content {
    width: var(--ribbon-width)
}

@media(max-width: 734px) {
    .ribbon-inset {
        --ribbon-width:87.5%
    }

    .ribbon-inset .ribbon-content {
        min-width: var(--ribbon-width)
    }
}

.ribbon-blur {
    --ribbon-background-blur: 20px
}

.theme-dark.ribbon,.theme-dark .ribbon {
    --ribbon-text-color: rgb(245,245,247);
    --ribbon-background-color: rgb(29,29,31);
    --ribbon-link-color: rgb(41,151,255);
    --ribbon-focus-color: utilities.$ribbon-focus-color
}

.theme-dark.ribbon-blue,.theme-dark .ribbon-blue {
    --ribbon-background-color: rgb(0,113,227);
    --ribbon-text-color: rgb(255,255,255);
    --ribbon-link-color: rgb(255,255,255);
    --ribbon-focus-color: rgb(0,0,0)
}

.theme-dark.ribbon-variant-neutral-alpha,.theme-dark .ribbon-variant-neutral-alpha {
    --ribbon-background-color: rgba(29,29,31,0.8)
}

.theme-dark.ribbon-variant-neutral-alt,.theme-dark .ribbon-variant-neutral-alt {
    --ribbon-background-color: rgb(0,0,0)
}

.theme-dark.ribbon-blue-to-default,.theme-dark .ribbon-blue-to-default {
    --ribbon-background-color: rgb(29,29,31);
    --ribbon-text-color: rgb(245,245,247);
    --ribbon-link-color: rgb(41,151,255)
}

@keyframes ribbon-drop {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(0)
    }
}

.theme-light.ribbon,.theme-light .ribbon {
    --ribbon-text-color: rgb(29,29,31);
    --ribbon-background-color: rgb(245,245,247);
    --ribbon-link-color: rgb(0,102,204);
    --ribbon-focus-color: utilities.$ribbon-focus-color
}

.theme-light.ribbon-blue,.theme-light .ribbon-blue {
    --ribbon-background-color: rgb(0,113,227);
    --ribbon-text-color: rgb(255,255,255);
    --ribbon-link-color: rgb(255,255,255);
    --ribbon-focus-color: rgb(0,0,0)
}

.theme-light.ribbon-variant-neutral-alpha,.theme-light .ribbon-variant-neutral-alpha {
    --ribbon-background-color: rgba(245,245,247,0.8)
}

.theme-light.ribbon-variant-neutral-alt,.theme-light .ribbon-variant-neutral-alt {
    --ribbon-background-color: rgb(255,255,255)
}

.theme-light.ribbon-blue-to-default,.theme-light .ribbon-blue-to-default {
    --ribbon-background-color: rgb(245,245,247);
    --ribbon-text-color: rgb(29,29,31);
    --ribbon-link-color: rgb(0,102,204)
}


.gallery-item-delivery .icon-card-action .icon-wrapper {
  left: 21px;
  right: unset;
  transform: scale(-1);
}