/*** Arabic Fonts ****/

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

#globalnav .globalnav-submenu-list-item-elevated,
#globalnav .globalnav-submenu-list-item-elevated:lang(ar),
.typography-hero-headline,
.typography-hero-headline:lang(ar),
.typography-hero-max-headline,
.typography-hero-max-headline:lang(ar),
.typography-magical-headline,
.typography-magical-headline:lang(ar),
.typography-feature-headline,
.typography-feature-headline:lang(ar),
.typography-music-headline,
.typography-music-headline:lang(ar),
.typography-card-title,
.typography-card-title:lang(ar),
.typography-overlay-copy,
.typography-overlay-copy:lang(ar),
.typography-card-headline,
.typography-card-headline:lang(ar),
.section-compare .typography-compare-section-headline,
.section-compare .typography-compare-section-headline:lang(ar),
.typography-compare-section-headline,
.typography-compare-section-headline:lang(ar),
.typography-compare-section-cta,
.typography-compare-section-cta:lang(ar),
.typography-compare-device-headline,
.typography-compare-device-headline: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),
.button,
.button:lang(ar),
.button-reduced,
.button-reduced:lang(ar),
html,
[lang]:lang(ar),
body,
body:lang(ar),
.chapternav-label,
.chapternav-label:lang(ar),
.chapternav-new,
.chapternav-new:lang(ar),
.ribbon,
.ribbon:lang(ar),
.typography-hero-priceline,
.typography-hero-priceline:lang(ar),
.typography-music-cta,
.typography-music-cta:lang(ar),
.typography-card-label,
.typography-card-label:lang(ar),
.typography-caption,
.typography-caption:lang(ar),
.typography-compare-price,
.typography-compare-price:lang(ar),
.typography-compare-device-subheadline,
.typography-compare-device-subheadline:lang(ar),
.typography-compare-copy,
.typography-compare-copy: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 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 only screen and (max-width: 1068px) {
  .typography-compare-section-headline,
  .typography-compare-section-headline:lang(ar),
  .typography-compare-device-headline,
  .typography-compare-device-headline:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

@media (max-width: 734px) {
  .typography-hero-headline,
  .typography-hero-headline:lang(ar),
  .typography-hero-max-headline,
  .typography-hero-max-headline:lang(ar),
  .typography-magical-headline,
  .typography-magical-headline:lang(ar),
  .typography-music-headline,
  .typography-music-headline:lang(ar),
  .typography-card-title,
  .typography-card-title:lang(ar),
  .typography-card-headline,
  .typography-card-headline:lang(ar),
  .section-compare .typography-compare-section-headline,
  .section-compare .typography-compare-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;
  }

  .typography-feature-headline,
  .typography-feature-headline:lang(ar),
  .typography-hero-priceline,
  .typography-hero-priceline:lang(ar),
  .typography-overlay-copy,
  .typography-overlay-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: 1068px) {
  .typography-hero-headline,
  .typography-hero-headline:lang(ar),
  .typography-hero-max-headline,
  .typography-hero-max-headline:lang(ar),
  .typography-magical-headline,
  .typography-magical-headline:lang(ar),
  .typography-feature-headline,
  .typography-feature-headline:lang(ar),
  .typography-music-headline,
  .typography-music-headline:lang(ar),
  .typography-card-title,
  .typography-card-title:lang(ar),
  .typography-overlay-copy,
  .typography-overlay-copy:lang(ar),
  .section-compare .typography-compare-section-headline,
  .section-compare .typography-compare-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;
  }

  .typography-card-label,
  .typography-card-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 only screen and (max-width: 734px) {
  .typography-compare-section-headline,
  .typography-compare-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;
  }

  .typography-compare-section-cta,
  .typography-compare-section-cta: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 ****/

@media only screen and (min-width: 734px) {
  .section-airpods-4 .content-block .content-block-section:first-of-type {
    text-align: right;
  }
}

@media only screen and (min-width: 734px) {
  .section-airpods-pro-2 .content-block .content-block-section:first-of-type {
    text-align: right;
  }
}

.section-airpods-pro-2 .hero-priceline {
  display: flex;
  grid-column-gap: 20px;
}

@media only screen and (max-width: 734px) {
  .section-airpods-4 .hero-priceline{
    flex-direction: column;
    margin-top: 14px;
  }
}

.section-airpods-max .hero-priceline {
  grid-column-gap: 0px;
}

.tile-overlay-content {
  text-align: right;
}

@media only screen and (min-width: 734px) {
  .section-airpods-4 .content-block .content-block-section:last-of-type,
  .section-airpods-pro-2 .content-block .content-block-section:last-of-type,
  .section-airpods-max .content-block .content-block-section:last-of-type {
    text-align: left;
  }
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
  .section-airpods-4
    .inline-media-component-container.fallback
    .fallback-frame {
    right: 1rem;
  }
}

.inline-media-component-container:not(.fallback).with-media-ui-button
  .inline-media-ui-button
  .play-pause-button {
  margin-inline-start: 20px;
}

.section-airpods-pro-2 .hero-price:first-of-type {
  margin-right: 0;
}

.current-airpods .footnote.footnote-airpods {
  margin-right: 0;
}


/* BEGIN CARD HYPERLINK CSS  */
.typography-overlay-subcopy {
    font-size: 17px;
    line-height: 1.2353641176;
    font-weight: 600;
    letter-spacing: -0.014em;
}

.tile-overlay-body {
    display: flex;
    flex-direction: column;
    justify-content: center
}

html.text-zoom .tile-overlay-body {
    justify-content: flex-start
}

.tile-overlay-copy {
    margin-top: 5em;
    max-width: var(--tile-overlay-copy-max-width)
}

@media(max-width: 734px) {
    .tile-overlay-copy {
        margin-top:.6em
    }
}

html.text-zoom .tile-overlay-copy {
    margin-top: 1em
}

.tile-overlay-copy .feature-availability {
    margin-top: 32px;
    color: #6e6e73
}

@media(max-width: 1068px) {
    .tile-overlay-copy .feature-availability {
        margin-top:20px
    }
}

.tile-overlay-copy .feature-availability>span {
    display: inline-block
}

.tile-overlay-copy .feature-availability a {
    color: inherit
}

/* END CARD HYPERLINK CSS  */

/*------------------------------------*\
   A/B TEST
\*------------------------------------*/

.chapternav-item {
  animation: none;
}
.chapternav-item.variant-a, .chapternav-item.variant-b, .chapternav-item.variant-c {
  display: none;
}
[data-at-ab-apfpro="v1"] .chapternav-item.control, [data-at-ab-apfpro="v2"] .chapternav-item.control, [data-at-ab-apfpro="v3"] .chapternav-item.control {
  display: none;
}
[data-at-ab-apfpro="v1"] .chapternav-item.variant-a {
  display: inline-block;
}
[data-at-ab-apfpro="v2"] .chapternav-item.variant-b {
  display: inline-block;
}
[data-at-ab-apfpro="v3"] .chapternav-item.variant-c {
  display: inline-block;
}

/*------------------------------------*\
  END A/B TEST
\*------------------------------------*/