/* Fonts */
.form-dropdown-select:lang(ar),
#ac-localnav .ac-ln-menu-link,
#ac-globalfooter .ac-gf-sosumi p:lang(ar),
#ac-globalfooter .ac-gf-sosumi li:lang(ar),
#ac-globalfooter *,
#ac-globalfooter *:before,
#ac-globalfooter *:after {
  font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body:lang(ar) {
  font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.violator-reduced:lang(ar),
.button:lang(ar),
.typography-body-reduced:lang(ar),
.typography-card-copy:lang(ar),
.section-features .pencil .badge,
.typography-feature-pencil-name:lang(ar),
.typography-feature-name:lang(ar),
.typography-feature-copy:lang(ar),
.typography-body-tight:lang(ar),
.badge-reduced:lang(ar),
.badge:lang(ar) {
  font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.typography-product-name-headline:lang(ar),
.typography-hero-copy:lang(ar),
.typography-hero-cta:lang(ar),
.typography-hero-headline:lang(ar),
.typography-intro:lang(ar),
.typography-eyebrow-reduced:lang(ar),
.typography-eyebrow-reduced:lang(ar),
.typography-feature-grid-headline:lang(ar),
.typography-headline:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", Helvetica Neue, Helvetica, Arial, sans-serif;
}

.section-features .feature-image {
  margin-right: unset;
  margin-left: 22px;
}

.section-hero .image-lockup-wrapper,
.section-pencil-pro {
  direction: ltr;
}

.shared-section-compatible-list,
.inline-media-gallery-content {
  direction: rtl;
}

.inline-media-gallery-content .paddlenav-wrapper .paddlenav-solid {
  justify-content: left;
}

.inline-media-gallery-content
  .paddlenav-wrapper
  .paddlenav-solid
  .paddlenav-arrow-previous {
  margin-left: 20px;
  margin-right: unset;
  inset-inline-start: unset;
  inset-inline-end: 18px;
}

.paddlenav-arrow-previous,
.paddlenav-arrow-next {
  transform: scaleX(-1);
}

.inline-media-gallery-content .gallery-item:last-child {
  margin-right: unset;
  margin-left: calc(var(--viewport-content) - var(--card-width));
}

.gallery-item {
  transition: opacity 0.5s;
}

.gallery-item.current {
  opacity: 1 !important;
}

.section-pencil-pro .art-caption.typography-caption {
  direction: rtl;
  margin-left: unset;
  margin-right: unset;
}

.section-pencil-pro .typography-intro.copy {
  direction: rtl;
}

.section-pencil-pro .left {
  text-align: right;
}

.section-pencil-pro .buy {
  direction: rtl;
}

.shared-section-pencil .right {
  margin-left: -100px;
  margin-top: auto;
}

.section-usb-c .overview-usb-c-apple-pencil-art img {
  margin-right: -144px;
}

.section-usb-c .art-caption {
  margin-left: unset;
  margin-right: -143px;
}

.shared-section-compatible-list {
  margin-top: 67px;
}

.section-first-generation .overview-1st-gen-apple-pencil-art img {
  margin-left: unset;
  margin-right: 40px;
}

.section-first-generation .art-caption {
  margin-left: unset;
  margin-right: 195px;
}

.section-second-generation .overview-2nd-gen-art img {
  margin-left: unset;
  margin-right: 34px;
}

.section-second-generation .art-caption {
  margin-left: unset;
  margin-right: 37px;
}

/* Media Queries */
@media only screen and (max-width: 1068px) {
  .shared-section-pencil .copy:lang(ar),
  .section-pencil-pro .badge-small:lang(ar) {
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  .section-usb-c .overview-usb-c-apple-pencil-art img {
    margin-left: unset;
    margin-right: -64px;
  }

  .section-second-generation .overview-2nd-gen-art img {
    margin-left: unset;
    margin-right: 61px;
  }

  .section-second-generation .art-caption {
    margin-left: unset;
    margin-right: 62px;
  }

  .section-usb-c .art-caption {
    margin-left: unset;
    margin-right: -62px;
  }

  .section-first-generation .overview-1st-gen-apple-pencil-art img {
    margin: 0 auto;
  }

  .section-first-generation .art-caption {
    margin-right: 156px;
  }
}

@media only screen and (max-width: 734px) {
  .section-hero .headline,
  .section-hero .copy-wrapper {
    text-align: right;
  }

  .shared-section-pencil .right {
    margin-top: 43px;
  }

  .section-first-generation .overview-1st-gen-apple-pencil-art img {
    margin-left: unset;
    margin-right: -16px;
  }

  .section-first-generation .art-caption {
    margin-right: 45px;
  }

  .section-usb-c .overview-usb-c-apple-pencil-art img {
    margin-left: calc(100vw - var(--p-width));
    margin-right: unset;
  }

  .section-usb-c .art-caption {
    margin-right: 0;
  }

  .section-second-generation .overview-2nd-gen-art img {
    margin-right: -17px;
  }

  .section-second-generation .art-caption {
    margin-right: 0;
  }

  #product-selector-tile-wrapper .products-wrapper .product.product-detail {
    flex-direction: row-reverse;
  }

  .section-features .grid-headline {
    line-height: 1.25;
  }
}

@media screen and (min-width: 768px) {
  .section-pencil-pro .art-caption.typography-caption {
    direction: rtl;
    margin-left: unset;
    margin-right: 71px;
  }
}

/* Image Queries */

.section-features .image-features-wireless {
  background-image: url("/mideast/apple-pencil/ae/images/overview/features/ar/wireless__eglliafb67u6_large.jpg");
}

@media (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .section-features .image-features-wireless {
    background-image: url("/mideast/apple-pencil/ae/images/overview/features/ar/wireless__eglliafb67u6_large_2x.jpg");
  }
}

@media only screen and (max-width: 1068px) {
  .section-features .image-features-wireless {
    background-image: url("/mideast/apple-pencil/ae/images/overview/features/ar/wireless__eglliafb67u6_medium.jpg");
  }
}

@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .section-features .image-features-wireless {
    background-image: url("/mideast/apple-pencil/ae/images/overview/features/ar/wireless__eglliafb67u6_medium_2x.jpg");
  }
}

@media only screen and (max-width: 734px) {
  .section-features .image-features-wireless {
    background-image: url("/mideast/apple-pencil/ae/images/overview/features/ar/wireless__eglliafb67u6_small.jpg");
  }
}

@media only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .section-features .image-features-wireless {
    background-image: url("/mideast/apple-pencil/ae/images/overview/features/ar/wireless__eglliafb67u6_small_2x.jpg");
  }
}
