.badge.rays-animation .typography-rays-badge-value:lang(ar),
.badge .rays-animation .typography-rays-badge-value:lang(ar),
.typography-section-copy:lang(ar),
.typography-hero-outro-copy:lang(ar),
.typography-section-headline:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

[lang]:lang(ar),
body:lang(ar),
.typography-intro:lang(ar),
#ac-globalfooter .ac-gf-sosumi p:lang(ar),
#ac-globalfooter .ac-gf-sosumi li:lang(ar),
.badge-elevated .badge-caption:lang(ar),
.typography-caption:lang(ar) {
  font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.section-welcome .welcome-text-content-headline {
  line-height: 1.4;
}

.typography-site-headline-elevated:lang(ar) {
  line-height: 1.2;
}
.stat-tiny .stat-value {
  line-height: 1.2;
}

.section-closer-look button.paddlenav-arrow svg {
  transform: scaleX(-1);
}

.section-incentive .gallery.slide-gallery .paddlenav button.paddlenav-arrow svg {
  transform: scaleX(1);
}

.modal-l2 .apple-pencil-pro-l2-wrapper .hero-headline,
.subsection.subsection-5 .typography-headline,
.display-l2-wrapper .typography-headline {
  line-height: 1.25;
}

.modal-l2 .display-l2-wrapper .subsection-1 .subsection-image {
  left: unset;
  right: 50%;
  margin-left: unset;
  margin-right: -490px;
}

@media only screen and (max-width: 1068px) {
  .modal-l2 .display-l2-wrapper .subsection-1 .subsection-image {
    margin-right: -346px;
  }
}

@media only screen and (max-width: 734px) {
  .modal-l2 .display-l2-wrapper .subsection-1 .subsection-image {
    margin-right: -140px;
  }
}

.modal-l2 .display-l2-wrapper .subsection-2-xdr .subsection-hardware {
  left: unset;
  right: 50%;
  margin-left: unset;
  margin-right: -490px;
}

@media only screen and (max-width: 1068px) {
  .modal-l2 .display-l2-wrapper .subsection-2-xdr .subsection-hardware {
    margin-right: -348px;
  }
}

@media only screen and (max-width: 734px) {
  .modal-l2 .display-l2-wrapper .subsection-2-xdr .subsection-hardware {
    margin-right: -197px;
  }
}

.modal-l2 .display-l2-wrapper .subsection-3 .subsection-image {
  left: unset;
  margin-left: unset;

  right: 50%;
  margin-right: -490px;
}

@media only screen and (max-width: 1068px) {
  .modal-l2 .display-l2-wrapper .subsection-3 .subsection-image {
    margin-right: -346px;
  }
}

@media only screen and (max-width: 734px) {
  .modal-l2 .display-l2-wrapper .subsection-3 .subsection-image {
    margin-right: -140px;
  }
}

.modal-l2 .chip-l2-wrapper .subsection.subsection-3 .headline {
  grid-column: 2/6;
}

@media only screen and (min-width: 734px) {
  .modal-l2 .ipados-l2-wrapper .hero-headline {
    margin-right: 30%;
  }
  .modal-l2 .apple-pencil-pro-l2-wrapper .hero-headline {
    margin-right: 45%;
  }
  .section-welcome .welcome .welcome-text-content.gradient-text {
    margin-top: -8px;
  }
}
.modal-l2
  .apple-pencil-pro-l2-wrapper
  .pencil-section.pencil-features
  .apple-pencil-pro-intro-image {
  left: 233px;
  right: unset;
}

@media only screen and (max-width: 1068px) {
  .modal-l2
    .apple-pencil-pro-l2-wrapper
    .pencil-section.pencil-features
    .apple-pencil-pro-intro-image {
    left: 173px;
  }
}

@media only screen and (max-width: 734px) {
  .modal-l2
    .apple-pencil-pro-l2-wrapper
    .pencil-section.pencil-features
    .apple-pencil-pro-intro-image {
    left: 47px;
  }
}
.modal-l2
  .magic-keyboard-l2-wrapper
  .keyboard-section.keyboard-profile
  .headline {
  text-align: right;
}
.modal-l2 .magic-keyboard-l2-wrapper .keyboard-section.keyboard-profile span {
  display: inline-block;
}

.modal-l2 .camera-l2-wrapper .cameras-hero .hero .hero-picture {
  transform: translate(50%);
}

.rtl-span {
  direction: rtl;
  display: inline-block;
}

.subsection-design .media-caption {
  left: unset;
  right: var(--media-caption-left);
}
@media only screen and (max-width: 734px) {
  .modal-l2 .chip-l2-wrapper .chip-hero .hero .hero-headline,
  .subsection-apple-pencil-pro .section-content,
  .subsection-display .display-tout-copy,
  .subsection-display .subsection-copy,
  .subsection-design .subsection-copy {
    text-align: right;
  }
  .ipados-headline.section-content {
    direction: rtl;
  }
}

.modal-l2 .design-l2-wrapper picture.modal-hero {
  left: unset;
  margin-left: unset;

  right: 50%;

  margin-right: -710px;
}

@media only screen and (max-width: 1068px) {
  .modal-l2 .design-l2-wrapper picture.modal-hero {
    margin-right: -524px;
  }
}

@media only screen and (max-width: 734px) {
  .modal-l2 .design-l2-wrapper picture.modal-hero {
    margin-right: -187.5px;
  }

  .section-highlights
    .media-gallery-wrapper
    .media-gallery-item-design
    .thin-spec {
    --hlts-glry-media-offset-x: 26px;
  }
}

.modal-l2
  .values-l2-wrapper
  .subsection.accessibility
  .subsection-headline-icon {
  margin-right: unset;
  margin-left: 12px;
}
#ac-globalfooter .ac-gf-sosumi a {
  display: inline-block;
}

.modal-l2
  .chip-l2-wrapper
  .subsection.subsection-2
  .compare-container
  .label-container
  .modal-label {
  text-align: left;
}

@media only screen and (min-width: 1068px) {
  p.modal-copy.typography-site-body.large-7.medium-8.small-12.large-offset-1.small-offset-0.description-copy-color {
    margin-right: 160px;
  }

  .modal-l2
    .chip-l2-wrapper
    .subsection.subsection-2
    .compare-container
    .label-container
    .modal-label {
    padding-left: 50px;
  }

  .media-gallery-item-4 .typography-site-highlights-headline:lang(ar) {
    max-width: 347px;
  }

  .modal-l2 .magic-keyboard-l2-wrapper .hero .hero-headline {
    position: relative;
    right: 50px;
  }
}

@media only screen and (min-width: 1068px) and (max-width: 1250px) {
  .media-gallery-item-4 .typography-site-highlights-headline:lang(ar) {
    max-width: 300px;
  }
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
  .media-gallery-item-4 .typography-site-highlights-headline:lang(ar) {
    max-width: 236px;
    padding-left: 16px;
  }

  .modal-l2 .magic-keyboard-l2-wrapper .hero .hero-headline {
    position: relative;
    right: 30px;
  }
  .modal-l2
    .chip-l2-wrapper
    .subsection.subsection-2
    .compare-container
    .label-container
    .modal-label {
    margin-left: -35px;
  }
  .modal-l2 .apple-pencil-pro-l2-wrapper .hero-headline {
    margin-right: 8.3333333333%;
  }
  .connectivity-l2-wrapper .hero-headline {
    margin-left: -12px;
    margin-top: -20px;
  }
  .modal-l2
    .connectivity-l2-wrapper
    .subsection-1
    .image-connectivity-thunderbolt {
    right: unset;
    left: 58px;
  }
}
.modal-l2
  .display-l2-wrapper
  .subsection-2-xdr
  .subsection-hardware
  .subsection-screen {
  right: 50%;
  margin-right: -460px;

  left: unset;
  margin-left: unset;
}

@media only screen and (max-width: 1068px) {
  .modal-l2
    .display-l2-wrapper
    .subsection-2-xdr
    .subsection-hardware
    .subsection-screen {
    margin-right: -326px;
  }
}

@media only screen and (max-width: 734px) {
  .modal-l2
    .display-l2-wrapper
    .subsection-2-xdr
    .subsection-hardware
    .subsection-screen {
    margin-right: -184px;
  }
}

.left-align {
  text-align: left;
}

.icon-card-action .icon-wrapper {
  right: unset;
  left: 21px;
}

@media only screen and (max-width: 734px) {
  .keyboard-section.keyboard-profile {
    direction: rtl;
  }
  .chip-l2-wrapper .grid-lockup {
    text-align: right;
  }
  .modal-l2 .display-l2-wrapper .subsection-2-xdr .subsection-hardware {
    margin-left: 75px;
    margin-right: unset;
  }
  .modal-l2 .apple-pencil-pro-l2-wrapper .pencil-section.pencil-inspiration p,
  .modal-l2
    .apple-pencil-pro-l2-wrapper
    .pencil-section.pencil-options
    .description-copy-color,
  .modal-l2 .apple-pencil-pro-l2-wrapper .pencil-section.pencil-options a,
  .modal-l2
    .apple-pencil-pro-l2-wrapper
    .pencil-section.pencil-inspiration
    .headline,
  .modal-l2 .camera-l2-wrapper .cameras-hero .hero .hero-headline,
  .modal-l2 .camera-l2-wrapper .subsection-4 .headline,
  .modal-l2 .camera-l2-wrapper .subsection-4 .modal-copy,
  .modal-l2 .values-l2-wrapper .subsection .headline,
  .modal-l2 .values-l2-wrapper .subsection.environment .modal-link,
  .modal-l2 .values-l2-wrapper .subsection .headline,
  .modal-l2 .values-l2-wrapper .subsection.accessibility .modal-link {
    text-align: right;
  }
  p.modal-label.typography-compare-label.large-6.medium-8.small-12 {
    position: relative;
    right: 26px;
  }
  .hero-small {
    direction: rtl;
  }
  .ipados-l2-wrapper .hero-headline.typography-site-headline {
    direction: ltr;
  }
}

[data-component-list*="HighlightsGallery"]
  .media-gallery
  .positioned-media-element,
[data-highlights-gallery] .media-gallery .positioned-media-element {
  right: calc(50% + var(--hlts-glry-media-offset-x) - var(--p-width) / 2);
  left: unset;
}

.modal-l2 .design-l2-wrapper .subsection-2 .sub-block-a .modal-copy {
  margin-right: calc(var(--l2-spacing-column-width) * 1);
  margin-left: unset;
}

@media only screen and (max-width: 1068px) {
  .modal-l2 .design-l2-wrapper .subsection-2 .sub-block-a .modal-copy {
    margin-right: 0;
  }
}

#overview-themes-display-modal-hero-1 img {
  transform: scaleX(-1);
}

.modal-l2 .display-l2-wrapper .subsection-2-highlights .modal-copy {
  margin-left: unset;

  margin-right: calc(var(--l2-spacing-column-width) * 1);
}

@media only screen and (max-width: 1068px) {
  .modal-l2 .display-l2-wrapper .subsection-2-highlights .modal-copy {
    margin-right: 0;
  }
}

.icon-card-content {
  padding: 44px 30px 57px 77px;
}

@media only screen and (max-width: 1068px) {
  .icon-card-content {
    padding-inline-end: 73px;
  }
}

@media only screen and (max-width: 734px) {
  .section-highlights
    .media-gallery-wrapper
    .media-gallery-item-design
    .thin-spec {
    direction: ltr;
  }

  .section-highlights
    .media-gallery-wrapper
    .media-gallery-item-design
    .thin-spec
    .typography-headline {
    direction: rtl;
  }
  .section-highlights
    .media-gallery-wrapper
    .media-gallery-item-design
    .product-model {
    left: unset;
    right: 26px;
  }

  .modal-l2
    .chip-l2-wrapper
    .subsection.subsection-2
    .compare-container
    .label-container
    .modal-label.on {
    right: 0px;
  }
  .modal-l2 .magic-keyboard-l2-wrapper .overview-keyboard-modal-function-row {
    margin-right: -52px;
  }
  .connectivity-l2-wrapper .hero-headline {
    margin-right: 100px;
  }
  .modal-l2 .connectivity-l2-wrapper .subsection-2 .feature-list {
    margin-right: 0;
  }
  .modal-l2 .values-l2-wrapper .subsection .modal-link {
    text-align: right;
  }
}

#overview-highlights-design-1 {
  left: calc(50% + var(--hlts-glry-media-offset-x) - var(--p-width) / 2);
  right: unset;
}

@media only screen and (min-width: 1441px) {
  #media-gallery-item-4 .gallery-item-crop .caption-container {
    justify-content: flex-end;
  }
}

@media only screen and (min-width: 1064px) {
  .subsection.subsection-3.subsection-flex .large-offset-7 {
    margin-inline-start: 67.33%;
  }
}

@media only screen and (min-width: 1064px) {
  div[data-modal-id="modal-connectivity"] h3.large-offset-1 {
    margin-inline-start: 10.33%;
  }
}

@media only screen and (min-width: 734px) and (max-width: 1064px) {
  div[data-modal-id="modal-connectivity"] h3.large-offset-1 {
    margin-inline-start: 10.33%;
  }
}

@media only screen and (max-width: 1068px) {
  .subsection.subsection-values
    .subsection-headline.typography-site-headline-elevated.medium-10 {
    max-width: 84.3333333333%;
  }
}

@media only screen and (max-width: 734px) {
  #overview-highlights-chip-1 {
    left: calc(50% + var(--hlts-glry-media-offset-x) - var(--p-width) / 2);
    right: unset;
  }
}

@media only screen and (max-width: 734px) {
  .connectivity-l2-wrapper .typography-headline {
    line-height: 1.3;
  }

  .modal-l2
    .apple-pencil-pro-l2-wrapper
    .pencil-section.pencil-features
    .pencil-features-intro
    .inline-media-ui {
    left: unset;
    right: 0;
    margin-left: unset;
    margin-right: 47px;
  }
}
@media only screen and (min-width: 735px) {
  .section-highlights #media-gallery-item-1 .typography-headline {
    text-align: right;
    margin-right: -464px;
    margin-top: -18px;
  }

  .section-highlights #media-gallery-item-4 .caption-container {
    direction: rtl;
  }

  .modal-l2 .display-l2-wrapper .subsection-2-contrast .modal-copy,
  .modal-l2 .display-l2-wrapper .subsection-2-contrast .subsection-image {
    float: left;
  }
}

@media only screen and (min-width: 1068px) {
  .section-highlights #media-gallery-item-1 .typography-headline {
    text-align: right;
    margin-right: -700px;
    margin-top: -5px;
  }

  .section-highlights #media-gallery-item-4 .caption-container {
    direction: rtl;
  }
}
@media only screen and (min-width: 1300px) {
  .section-highlights #media-gallery-item-4 .caption-container {
    direction: ltr;
  }
}

@media only screen and (min-width: 735px) {
  .modal-l2 .design-l2-wrapper .subsection-1 .subsection-copy,
  .modal-l2
    .magic-keyboard-l2-wrapper
    .keyboard-section.keyboard-profile
    p.typography-site-body,
  .modal-l2
    .magic-keyboard-l2-wrapper
    .keyboard-section.keyboard-profile
    .headline,
  .modal-l2 .camera-l2-wrapper .subsection-1 .headline,
  .modal-l2 .camera-l2-wrapper .subsection-1 .modal-copy,
  .modal-l2 .camera-l2-wrapper .subsection-3 .headline,
  .modal-l2 .camera-l2-wrapper .subsection-3 .modal-copy {
    margin-left: auto;
  }
}

@media only screen and (min-width: 1068px) {
  .modal-l2 .design-l2-wrapper {
      --subsection-1-image-y: -375px;
  }
}

@media (max-width: 734px) {
  .subsection-display .display-tout .tout-claim {
      background-size: 298px 835px;
  }
}

@media only screen and (max-width: 1068px) {
  .modal-l2 .design-l2-wrapper {
      --subsection-1-image-y: -338px;
  }
}

.icon-card .tile-content.static {
  pointer-events: unset;
}

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