/*** 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),
.stat .stat-value,
.stat .stat-value:lang(ar),
.typography-eyebrow-super,
.typography-eyebrow-super:lang(ar),
.typography-section-intro-headline,
.typography-section-intro-headline:lang(ar),
.typography-section-intro-copy,
.typography-section-intro-copy:lang(ar),
.typography-section-subheadline,
.typography-section-subheadline:lang(ar),
.typography-battery-animation-headline,
.typography-battery-animation-headline:lang(ar),
.typography-battery-animation-number,
.typography-battery-animation-number:lang(ar),
.typography-battery-animation-subheadline,
.typography-battery-animation-subheadline:lang(ar),
.typography-feature-card-headline,
.typography-feature-card-headline: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-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-index-item-elevated,
.typography-index-item-elevated:lang(ar),
.typography-product-tile-headline,
.typography-product-tile-headline:lang(ar),
.typography-section-header-headline,
.typography-section-header-headline:lang(ar),
.typography-marquee-headline-base,
.typography-marquee-headline-base:lang(ar),
.typography-marquee-eyebrow-base,
.typography-marquee-eyebrow-base:lang(ar),
.section-battery .stats-container .stat-value,
.section-battery .stats-container .stat-value: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),
.stat .stat-caption,
.stat .stat-caption: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-callout-base,
.typography-callout-base:lang(ar),
.typography-caption-tile,
.typography-caption-tile:lang(ar),
.typography-feature-card-label,
.typography-feature-card-label:lang(ar),
.typography-feature-card-body,
.typography-feature-card-body:lang(ar),
.typography-icon-card-body-copy,
.typography-icon-card-body-copy:lang(ar),
.typography-index-list-title,
.typography-index-list-title:lang(ar),
.typography-index-item-base,
.typography-index-item-base: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),
.colornav-link.current .colornav-label,
.colornav-value:checked~.colornav-link .colornav-label,
.colornav-link.current .colornav-label:lang(ar),
.colornav-value:checked~.colornav-link .colornav-label:lang(ar),
.aap-text-icon-control .icon-copy,
.aap-text-icon-control .icon-copy:lang(ar),
.section-battery .stats-container .stat-caption,
.section-battery .stats-container .stat-caption:lang(ar),
.product-tile-ctas .product-tile-current,
.product-tile-ctas .product-tile-current:lang(ar),
.colorindicator .colorindicator-item.colorindicator-label,
.colorindicator .colorindicator-item.colorindicator-label: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 (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),
  #ac-localnav .ac-ln-title-compact,
  #ac-localnav .ac-ln-title-compact: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-eyebrow-super,
  .typography-eyebrow-super:lang(ar),
  .typography-section-intro-headline,
  .typography-section-intro-headline:lang(ar),
  .typography-section-intro-copy,
  .typography-section-intro-copy:lang(ar),
  .typography-section-subheadline,
  .typography-section-subheadline:lang(ar),
  .typography-battery-animation-headline,
  .typography-battery-animation-headline:lang(ar),
  .typography-battery-animation-number,
  .typography-battery-animation-number:lang(ar),
  .typography-battery-animation-subheadline,
  .typography-battery-animation-subheadline:lang(ar),
  .typography-feature-card-headline,
  .typography-feature-card-headline: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-index-headline,
  .typography-index-headline:lang(ar),
  .typography-index-item-elevated,
  .typography-index-item-elevated:lang(ar),
  .typography-product-tile-headline,
  .typography-product-tile-headline:lang(ar),
  .typography-section-header-headline,
  .typography-section-header-headline:lang(ar),
  .typography-marquee-headline-base,
  .typography-marquee-headline-base:lang(ar),
  .typography-marquee-eyebrow-base,
  .typography-marquee-eyebrow-base:lang(ar),
  .section-battery .stats-container .stat-value,
  .section-battery .stats-container .stat-value: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) {
    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-eyebrow-super,
  .typography-eyebrow-super:lang(ar),
  .typography-section-intro-headline,
  .typography-section-intro-headline:lang(ar),
  .typography-section-subheadline,
  .typography-section-subheadline:lang(ar),
  .typography-battery-animation-headline,
  .typography-battery-animation-headline:lang(ar),
  .typography-battery-animation-number,
  .typography-battery-animation-number:lang(ar),
  .typography-battery-animation-subheadline,
  .typography-battery-animation-subheadline:lang(ar),
  .typography-feature-card-headline,
  .typography-feature-card-headline:lang(ar),
  .typography-modal-header-headline,
  .typography-modal-header-headline:lang(ar),
  .typography-icon-card-headline,
  .typography-icon-card-headline:lang(ar),
  .typography-index-headline,
  .typography-index-headline:lang(ar),
  .typography-index-item-elevated,
  .typography-index-item-elevated:lang(ar),
  .typography-product-tile-headline,
  .typography-product-tile-headline:lang(ar),
  .typography-section-header-headline,
  .typography-section-header-headline:lang(ar),
  .typography-marquee-headline-base,
  .typography-marquee-headline-base:lang(ar),
  .typography-marquee-eyebrow-base,
  .typography-marquee-eyebrow-base:lang(ar),
  .section-battery .stats-container .stat-value,
  .section-battery .stats-container .stat-value:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  .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-callout-base,
  .typography-callout-base:lang(ar),
  .typography-caption-tile,
  .typography-caption-tile: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-index-list-title,
  .typography-index-list-title:lang(ar),
  .typography-index-item-base,
  .typography-index-item-base: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-marquee-detail,
  .typography-marquee-detail:lang(ar),
  .typography-marquee-detail-reduced,
  .typography-marquee-detail-reduced:lang(ar),
  .aap-text-icon-control .icon-copy,
  .aap-text-icon-control .icon-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;
  }
}


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

/*** Arabic Fonts ****/

@media only screen and (max-width: 450px) {
  .overview-highlights-highlights-5g img {
    margin-top: 24px;
  }
}

.avail-disclaimer {
  font-size: 12px;
  color: #86868D;
  font-weight: 400;
}

@media only screen and (min-width: 735px) and (max-width: 940px) {
  html.no-small-breakpoint .controls {
    margin-left: min(var(--ss), 2.25vw);
  }
}

br.small-compare-module {
  display: none;
}

@media only screen and (max-width: 480px) {
  br.small-compare-module {
    display: block;
  }
}


@media only screen and (min-width: 1069px) {
  .section-battery .stats-container .stat-value {
    font-size: 54px;
  }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-battery .stats-container .stat-value {
    font-size: 40px;
  }
}

@media only screen and (min-width: 1069px) {
  .subsection-motivation {
    --top-content-height: 450px
  }
}


@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section.section-fitness .row.blur-hero-text.viewport-content {
    direction: rtl;
    padding-top: 108px;
  }

  .section-subheadline-copy.typography-section-intro-copy {
    max-width: 60%;
  }

}

@media only screen and (min-width: 735px) {
  #health-gallery-item-4 .card-caption-content {
    min-width: 540px;
  }
}
@media only screen and (min-width: 1069px) {
  #health-gallery-item-7 .card-caption-content {
    min-width: 360px;
  }
}

html.desktop #feature-card-incentive-shopping-experience .utility-modal-block-ctas, html.no-desktop #feature-card-incentive-shopping-experience .utility-modal-block-scan-qr {
  display: none;
}



@media only screen and (min-width: 1069px) {
	br.show-for-large {
		display: block;
	}
	br.show-for-medium {
		display: none;
	}
	br.show-for-small {
		display: none;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	br.show-for-large {
		display: none;
	}
	br.show-for-medium {
		display: block;
	}
	br.show-for-small {
		display: none;
	}
}

@media only screen and (max-width: 734px) {
	br.show-for-large {
		display: none;
	}
	br.show-for-medium {
		display: none;
	}
	br.show-for-small {
		display: block;
	}
}