/*** 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), 
.typography-headline-standalone, 
.typography-headline-standalone:lang(ar), 
.typography-eyebrow-elevated, 
.typography-eyebrow-elevated:lang(ar), 
.typography-battery-headline, 
.typography-battery-headline:lang(ar), 
.typography-battery-copy, 
.typography-battery-copy:lang(ar), 
.typography-product-stories-header-copy, 
.typography-product-stories-header-copy:lang(ar), 
.typography-product-stories-scroll-copy, 
.typography-product-stories-scroll-copy:lang(ar), 
.typography-hey-siri-copy, 
.typography-hey-siri-copy:lang(ar), 
.typography-media-card-gallery-headline, 
.typography-media-card-gallery-headline:lang(ar), 
.typography-modal-header-topic-label, 
.typography-modal-header-topic-label:lang(ar), 
.typography-modal-header-headline, 
.typography-modal-header-headline:lang(ar), 
.typography-icon-card-headline, 
.typography-icon-card-headline:lang(ar), 
.typography-feature-card-headline, 
.typography-feature-card-headline:lang(ar), 
.typography-utility-modal-block-inline-headline, 
.typography-utility-modal-block-inline-headline:lang(ar), 
.typography-utility-modal-block-body, 
.typography-utility-modal-block-body:lang(ar), 
.typography-index-headline, 
.typography-index-headline:lang(ar), 
.typography-product-tile-headline, 
.typography-product-tile-headline:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-headline:lang(ar), 
.typography-tout-subheading, 
.typography-tout-subheading:lang(ar), 
.typography-tout-null, 
.typography-tout-null:lang(ar), 
.typography-marquee-headline-base, 
.typography-marquee-headline-base:lang(ar), 
.typography-marquee-eyebrow-base, 
.typography-marquee-eyebrow-base:lang(ar), 
.typography-callout-keyline-base, 
.typography-callout-keyline-base:lang(ar), 
.typography-callout-elevated, 
.typography-callout-elevated:lang(ar), 
.typography-fade-gallery-captions-elevated, 
.typography-fade-gallery-captions-elevated:lang(ar), 
.stat .stat-value, 
.stat .stat-value:lang(ar), 
.stat .stat-caption, 
.stat .stat-caption:lang(ar), 
.section-hearing-health .card-overlay, 
.section-hearing-health .card-overlay:lang(ar), 
.section-hearing-health .card-overlay strong, 
.section-hearing-health .card-overlay strong:lang(ar), 
.section-battery .stats .stat-item .call-out .copy, 
.section-battery .stats .stat-item .call-out .copy: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), 
#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), 
.badge, 
.badge:lang(ar), 
.badge-reduced, 
.badge-reduced:lang(ar), 
.button, 
.button:lang(ar), 
.typography-caption-tile-gallery-copy, 
.typography-caption-tile-gallery-copy:lang(ar), 
.typography-all-access-pass-pv-item-label, 
.typography-all-access-pass-pv-item-label:lang(ar), 
.typography-all-access-pass-pv-item-title, 
.typography-all-access-pass-pv-item-title:lang(ar), 
.typography-all-access-pass-pv-item-body, 
.typography-all-access-pass-pv-item-body:lang(ar), 
.typography-icon-card-body-copy, 
.typography-icon-card-body-copy:lang(ar), 
.typography-feature-card-label, 
.typography-feature-card-label:lang(ar), 
.typography-feature-card-body, 
.typography-feature-card-body:lang(ar), 
.typography-product-tile-subheading, 
.typography-product-tile-subheading:lang(ar), 
.typography-product-tile-positioning, 
.typography-product-tile-positioning:lang(ar), 
.typography-product-tile-ctas, 
.typography-product-tile-ctas:lang(ar), 
.typography-section-header-link, 
.typography-section-header-link:lang(ar), 
.typography-tout-copy, 
.typography-tout-copy:lang(ar), 
.typography-marquee-detail, 
.typography-marquee-detail:lang(ar), 
.typography-marquee-detail-reduced, 
.typography-marquee-detail-reduced:lang(ar), 
.typography-callout-base, 
.typography-callout-base:lang(ar), 
.aap-text-icon-control .icon-copy, 
.aap-text-icon-control .icon-copy:lang(ar), 
.product-tile-ctas .product-tile-current, 
.product-tile-ctas .product-tile-current:lang(ar), 
.stat .stat-caption, 
.stat .stat-caption:lang(ar), 
.section-noise-control .card-caption-heading, 
.section-noise-control .card-caption-heading:lang(ar), 
.section-hearing-health .card-caption-heading, 
.section-hearing-health .card-caption-heading:lang(ar), 
.tabnav, 
.tabnav:lang(ar), 
.tabnav.tabnav-elevated, 
.tabnav.tabnav-elevated:lang(ar), 
.ac-video-controls .ac-video-ax-tracks-selector-container, 
.controls-progress-time, 
.controls-progress-dvr-label-container .live-stream-text, .live-stream .live-stream-text, 
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-time, 
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title, 
.sharing-state .container .textarea-container .copy-area {
    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 (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) {
.typography-headline-standalone, 
.typography-headline-standalone:lang(ar), 
.typography-eyebrow-elevated, 
.typography-eyebrow-elevated:lang(ar), 
.typography-product-stories-header-copy, 
.typography-product-stories-header-copy:lang(ar), 
.typography-product-stories-scroll-copy, 
.typography-product-stories-scroll-copy:lang(ar), 
.typography-hey-siri-copy, 
.typography-hey-siri-copy:lang(ar), 
.typography-media-card-gallery-headline, 
.typography-media-card-gallery-headline:lang(ar), 
.typography-modal-header-headline, 
.typography-modal-header-headline:lang(ar), 
.typography-icon-card-headline, 
.typography-icon-card-headline:lang(ar), 
.typography-feature-card-headline, 
.typography-feature-card-headline:lang(ar), 
.typography-index-headline, 
.typography-index-headline:lang(ar), 
.typography-product-tile-headline, 
.typography-product-tile-headline:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-headline:lang(ar), 
.typography-tout-subheading, 
.typography-tout-subheading:lang(ar), 
.typography-marquee-headline-base, 
.typography-marquee-headline-base:lang(ar), 
.typography-marquee-eyebrow-base, 
.typography-marquee-eyebrow-base:lang(ar), 
.stat .stat-value, 
.stat .stat-value:lang(ar), 
.section-hearing-health .card-overlay, 
.section-hearing-health .card-overlay:lang(ar), 
.section-hearing-health .card-overlay strong, 
.section-hearing-health .card-overlay strong:lang(ar), 
.section-battery .stats .stat-item .call-out .copy, 
.section-battery .stats .stat-item .call-out .copy: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-card-label, 
.typography-feature-card-label:lang(ar), 
.typography-feature-card-body, 
.typography-feature-card-body:lang(ar), 
.stat .stat-caption, 
.stat .stat-caption: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: 734px) {
.typography-headline-standalone, 
.typography-headline-standalone:lang(ar), 
.typography-eyebrow-elevated, 
.typography-eyebrow-elevated:lang(ar), 
.typography-battery-headline, 
.typography-battery-headline:lang(ar), 
.typography-product-stories-header-copy, 
.typography-product-stories-header-copy:lang(ar), 
.typography-hey-siri-copy, 
.typography-hey-siri-copy:lang(ar), 
.typography-modal-header-headline, 
.typography-modal-header-headline:lang(ar), 
.typography-icon-card-headline, 
.typography-icon-card-headline:lang(ar), 
.typography-feature-card-headline, 
.typography-feature-card-headline:lang(ar), 
.typography-index-headline, 
.typography-index-headline:lang(ar), 
.typography-product-tile-headline, 
.typography-product-tile-headline:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-headline:lang(ar), 
.typography-tout-subheading, 
.typography-tout-subheading:lang(ar), 
.typography-marquee-headline-base, 
.typography-marquee-headline-base:lang(ar), 
.typography-marquee-eyebrow-base, 
.typography-marquee-eyebrow-base:lang(ar), 
.stat .stat-value, 
.stat .stat-value:lang(ar), 
.stat .stat-caption, 
.stat .stat-caption:lang(ar), 
.section-hearing-health .card-overlay strong, 
.section-hearing-health .card-overlay strong:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.typography-battery-copy, 
.typography-battery-copy:lang(ar), 
.typography-caption-tile-gallery-copy, 
.typography-caption-tile-gallery-copy:lang(ar), 
.typography-product-stories-scroll-copy, 
.typography-product-stories-scroll-copy:lang(ar), 
.typography-all-access-pass-pv-item-label, 
.typography-all-access-pass-pv-item-label:lang(ar), 
.typography-all-access-pass-pv-item-title, 
.typography-all-access-pass-pv-item-title:lang(ar), 
.typography-all-access-pass-pv-item-body, 
.typography-all-access-pass-pv-item-body:lang(ar), 
.typography-media-card-gallery-headline, 
.typography-media-card-gallery-headline:lang(ar), 
.typography-modal-header-topic-label, 
.typography-modal-header-topic-label:lang(ar), 
.typography-icon-card-body-copy, 
.typography-icon-card-body-copy:lang(ar), 
.typography-utility-modal-block-inline-headline, 
.typography-utility-modal-block-inline-headline:lang(ar), 
.typography-utility-modal-block-body, 
.typography-utility-modal-block-body:lang(ar), 
.typography-product-tile-subheading, 
.typography-product-tile-subheading:lang(ar), 
.typography-product-tile-positioning, 
.typography-product-tile-positioning:lang(ar), 
.typography-product-tile-ctas, 
.typography-product-tile-ctas:lang(ar), 
.typography-section-header-link, 
.typography-section-header-link:lang(ar), 
.typography-tout-null, 
.typography-tout-null:lang(ar), 
.typography-marquee-detail, 
.typography-marquee-detail:lang(ar), 
.typography-marquee-detail-reduced, 
.typography-marquee-detail-reduced:lang(ar), 
.typography-callout-keyline-base, 
.typography-callout-keyline-base:lang(ar), 
.typography-callout-elevated, 
.typography-callout-elevated:lang(ar), 
.typography-callout-base, 
.typography-callout-base:lang(ar), 
.typography-fade-gallery-captions-elevated, 
.typography-fade-gallery-captions-elevated:lang(ar), 
.aap-text-icon-control .icon-copy, 
.aap-text-icon-control .icon-copy:lang(ar), 
.stat .stat-caption, 
.stat .stat-caption:lang(ar), 
.section-noise-control .card-caption-heading, 
.section-noise-control .card-caption-heading:lang(ar), 
.section-hearing-health .card-caption-heading, 
.section-hearing-health .card-caption-heading:lang(ar), 
.section-hearing-health .card-overlay, 
.section-hearing-health .card-overlay:lang(ar), 
.section-battery .stats .stat-item .call-out .copy, 
.section-battery .stats .stat-item .call-out .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: 480px) {
.typography-modal-header-headline, 
.typography-modal-header-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 (min-width: 735px) {
.product-tile-ctas .button, .product-tile-ctas .product-tile-current, .product-tile-ctas button, 
.product-tile-ctas .button:lang(ar), .product-tile-ctas .product-tile-current:lang(ar), .product-tile-ctas button: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: 734px) and (max-width: 1068px) {
.stat .stat-caption, 
.stat .stat-caption: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: 734px) and (max-width: 734px) {
.stat .stat-caption, 
.stat .stat-caption: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 ****/

#personalized-listening {
  direction: ltr;
}

#personalized-listening .product-stories-header {
  direction: rtl;
}

#personalized-listening .callouts-wrapper .callout {
    direction: rtl;
}

#personalized-listening .section-header-headline.typography-headline-standalone {
  line-height: 1.2;
}

.section-product-stories .inline-media-ui-wrapper {
  right: unset;
  left: 0;
}

@media screen and (min-width: 1069px) {
  #personalized-listening .callouts-wrapper .callouts {
    direction: rtl;
  }
}

#fitness .workout-buddy {
  direction: ltr;
}

#fitness .workout-buddy .fitness-copy-container,
#fitness .workout-buddy .callout-copy-container {
  direction: rtl;
}

.section-welcome .header-headline.typography-marquee-headline-base {
  line-height: 1.2;
}

#environment-section-header {
  flex-basis: 100%;
}

.section-audio-performance .sticky-image {
  direction: ltr;
}

.section-audio-performance .scroll-container {
  direction: ltr;
}

.section-audio-performance .scroll-container .scroll-copy p {
  direction: rtl;
}

.section-battery .stats .stat-item:nth-child(2) .call-out {
  margin-top: 45px;
}

.section-hearing-health .card-overlay strong {
  line-height: 56px;
}

@media screen and (min-width: 735px) and (max-width: 1068px) {
    .section-fitness .workout-buddy p {
        padding-inline-start: 95px;
    }
    .section-fitness .workout-buddy .callouts.ric-grid-wrap.ric-bento-gap {
      margin-right: 95px;
    }
} 

@media screen and (max-width: 734px) {
  #fitness .workout-buddy .fitness-copy-container, #fitness .workout-buddy .callout-copy-container {
    direction: ltr;
  }

  #fitness .workout-buddy .fitness-copy-container, #fitness .workout-buddy .callout-copy-container .callout {
    direction: rtl;
  }

  .section-fitness .workout-buddy .callout-copy-container .callout {
    padding-inline-end: unset;
    padding-inline-start: 25px;
  }

  .section-fitness .heart-rate .heart-rate-copy {
    text-align: right;
  }

  .section-battery .stats .stat-item:nth-child(2) .call-out {
    margin-top: 34px;
  }
}

@media screen and (min-width: 735px) {
    .section-audio-performance .scroll-item-acoustics .scroll-copy p {
        padding-inline-end: 2px;
        margin-right: 20px;
    }
}

@media screen and (min-width: 735px) {
    .section-battery .stats .stat-item .call-out {
        margin-top: 45px;
    }
}

.section-welcome .marquee-detail::before {
    background-color: unset;
}

.section-magical .magical-callouts .callout:first-child {
    grid-column: 5 / span 6;
}