/*** Arabic Fonts ****/
/********************/
#globalnav .globalnav-submenu-list-item-elevated, 
#globalnav .globalnav-submenu-list-item-elevated:lang(ar), 
#globalnav .globalnav-searchfield-input, 
#globalnav .globalnav-searchfield-input:lang(ar), 
#ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-title, 
#ac-globalfooter .ac-gf-buystrip-info-column .ac-gf-buystrip-info-title:lang(ar), 
#ac-localnav .ac-ln-title, 
#ac-localnav .ac-ln-title:lang(ar), 
.techspecs-rowheader, 
.techspecs-rowheader:lang(ar), 
.techspecs-rowheader.typography-intro-product, 
.techspecs-rowheader.typography-intro-product:lang(ar), 
.section-environment .callout-techspecs-environment .callout-techspecs-environment-header .callout-title, 
.section-environment .callout-techspecs-environment .callout-techspecs-environment-header .callout-title: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), 
#globalnav .globalnav-searchresults-header, 
#globalnav .globalnav-searchresults-header:lang(ar), 
#globalnav .globalnav-searchresults-list-item, 
#globalnav .globalnav-searchresults-list-item:lang(ar), 
#globalmessage-segment, 
#globalmessage-segment:lang(ar), 
.globalnav-bag-badge-number, 
.globalnav-bag-badge-unit, 
#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-gf-buystrip-info, 
#ac-globalfooter .ac-gf-buystrip-info: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), 
.typography-body, 
.typography-body:lang(ar), 
.typography-body-reduced, 
.typography-body-reduced: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), 
#globalnav .globalnav-searchfield-input, 
#globalnav .globalnav-searchfield-input: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), 
#globalnav .globalnav-searchresults-header, 
#globalnav .globalnav-searchresults-header:lang(ar), 
#globalnav .globalnav-searchresults-list-item, 
#globalnav .globalnav-searchresults-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) {
.techspecs-rowheader, 
.techspecs-rowheader:lang(ar), 
.techspecs-rowheader.typography-intro-product, 
.techspecs-rowheader.typography-intro-product:lang(ar), 
.section-environment .callout-techspecs-environment .callout-techspecs-environment-header .callout-title, 
.section-environment .callout-techspecs-environment .callout-techspecs-environment-header .callout-title:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

}
/********************/
/*** Arabic Fonts ****/

.typography-body.quicklook-component.hero-cta-wrapper.quicklook-component a span {
  unicode-bidi: isolate;
}

.press-container svg {
  transform: scaleX(-1);
}

.image-airpods-size,
.image-case-depth {
  transform: scaleX(-1);
}

.section-dimensions figure.airpods-size .width {
  transform: translateX(0%) scaleX(-1);
  display: inline;
  width: max-content;
  left: 13%;
}

.section-dimensions .right-wrapper .case-depth .depth {
  transform: translateX(-62%) scaleX(-1);
}

.section-environment .callout-techspecs-environment .callout-techspecs-environment-content .callout-techspecs-environment-first-column {
  padding-right: unset;
  padding-left: 6%;
}

.section-environment .callout-techspecs-environment .callout-techspecs-environment-content .callout-techspecs-environment-second-column {
  padding-left: unset;
  padding-right: 3%;
}

.image-airpods-size figcaption span,
.image-case-depth figcaption span {
  transform: scaleX(-1);
  display: inline-block;
}

.techspecs .section-hero.techspecs-row.techspecs-header-row .techspecs-column {
  margin-right: 0%;
}

.section-environment
  .callout-techspecs-environment
  .callout-techspecs-environment-logo {
  left: 0%;
  right: unset;
}

.section-dimensions .case-depth .height,
.section-dimensions .airpods-size .height {
  text-align: left;
}

@media only screen and (max-width: 1068px) {
  .section-dimensions .airpods-size .width {
    left: -10px;
  }
}

@media only screen and (min-width: 736px) {
  .section-compatibility
    .techspecs-row
    .techspecs-column.techspecs-column-smallfullwidth:nth-child(odd) {
    margin: 0;
    padding-right: 3%;
    padding-left: 0;
  }
}

@media only screen and (max-width: 736px) {
  .techspecs-columnheader,
  .techspecs-column {
    margin-right: 0;
  }
}

.callout-techspecs-environment-copy {
  width: 100%;
}
.section-dimensions .right-wrapper .case-depth {
  transform: scaleX(-1);
}

.section-dimensions .right-wrapper p {
  transform: scaleX(-1);
  text-align: right;
}

.section-dimensions .right-wrapper .case-depth .depth span {
  transform: scaleX(-1);
  display: inline-block;
}

.section-dimensions .airpods-size {
  transform: scaleX(-1);
}

.section-dimensions .airpods-size p {
  transform: scaleX(-1);
  text-align: right;
}

.section-dimensions .airpods-size .typography-body-reduced span {
  transform: scaleX(-1);
  display: inline-block;
}

.section-dimensions .case-size {
  margin-right: 0;
}

@media only screen and (max-width: 734px) {
  .section-environment
    .callout-techspecs-environment
    .image-specs-environment-icon {
    position: static;
    margin: 0 auto 1.7em auto;
  }
}

@media only screen and (min-width: 734px) {
  .techspecs .techspecs-section .techspecs-row .techspecs-column {
    width: 566px;
  }
}

@media only screen and (min-width: 734px) and (max-width: 1068px) {
  .techspecs-row {
    display: flex;
  }
}

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

body:lang(ar),
.main:lang(ar),
h2.techspecs-rowheader:lang(ar),
.techspecs-rowheader,
.callout:lang(ar),
.callout-title:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 734px) {
  .main {
    max-width: 99%;
  }

  .section-dimensions .right-wrapper .case-depth .depth {
    left: 45%;
  }
}

@media only screen and (max-width: 1068px) {
  .section-compare {
    padding-bottom: 0;
    padding-top: 0;
  }
}
