/*** 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), 
.techspecs-rowheader, 
.techspecs-rowheader:lang(ar), 
.techspecs-rowheader.typography-intro-product, 
.techspecs-rowheader.typography-intro-product:lang(ar), 
.section-hero .techspecs-row .copy-wrapper .techspecs-subheader, 
.section-hero .techspecs-row .copy-wrapper .techspecs-subheader: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), 
#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-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), 
.section-hero .techspecs-row .copy-wrapper .hero-subhead, 
.section-hero .techspecs-row .copy-wrapper .hero-subhead:lang(ar), 
.section-dimensions figcaption, 
.section-dimensions figcaption:lang(ar), 
.section-dimensions .data-containers .caption-headline, 
.section-dimensions .data-containers .caption-headline: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 (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), 
#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; 
  }

#globalnav .globalnav-submenu-header, 
#globalnav .globalnav-submenu-header:lang(ar), 
#globalnav .globalnav-submenu-list-item, 
#globalnav .globalnav-submenu-list-item:lang(ar), 
#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-hero .techspecs-row .copy-wrapper .techspecs-subheader, 
.section-hero .techspecs-row .copy-wrapper .techspecs-subheader: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; 
  }

}

@media (max-width: 734px) {
.section-hero .techspecs-row .copy-wrapper .techspecs-subheader, 
.section-hero .techspecs-row .copy-wrapper .techspecs-subheader:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.section-hero .techspecs-row .copy-wrapper .hero-subhead, 
.section-hero .techspecs-row .copy-wrapper .hero-subhead: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 ****/

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

.large-offset-3{
    margin-inline-end: 25%;
    margin-inline-start: 0;
}

.section-hero .techspecs-row {
  margin-inline-end: 5%;
}

.section-dimensions .airpods-size .width {
  left: 7%;
}

.section-dimensions .airpods-size .height {
  left: calc(83% + 8px);
}

.section-dimensions .right-wrapper .case-depth .height {
  right: calc(100% + 8px);
}

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

@media (max-width: 734px) {
  .section-dimensions .airpods-size .height {
    left: 65px;
  }
  .section-dimensions .airpods-size {
    margin-right: 57px;
  }
}

@media (max-width: 480px) {
  .section-dimensions .airpods-size .height {
    max-width: unset;
  }
}

#ac-globalfooter .ac-gf-breadcrumbs-home:lang(ar) {
 top: 0;
}

.techspecs-column:first-child, .techspecs-columnheader:first-child {
  margin-inline-start: 26.5%;
}

@media only screen and (max-width: 734px) {
  .techspecs .techspecs-section .techspecs-row .techspecs-column+.techspecs-column {
    margin-left: unset;
    margin-right: 0;
  }
}

@media only screen and (min-width: 735px) {
  .section-dimensions .right-wrapper .case-depth .depth {
  left: 69%;
}

}

@media only screen and (max-width: 734px) {
    .section-dimensions .right-wrapper .case-depth .depth {
  left: 20%;
}
}