/* 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 {
  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),
#ac-localnav .ac-ln-title a,
p.hero-eyebrow:lang(ar),
.hero-copy-link-wrap .hero-copy:lang(ar),
.hero-links a,
.value-prop:lang(ar),
.eyebrow-section:lang(ar),
.headline-section:lang(ar),
.intro-copy:lang(ar),
.bento-cell-copy .proclaim:lang(ar),
.xray-sticky .xray-lockup-container .xray-lockup p:lang(ar),
.bento-cell-microphones .copy,
.factoid.factoid-anc,
.factoid.factoid-noise-monitor,
.factoid-noise-monitor .stat .stat-number,
.bento-cell-full .bento-cell-copy p,
.ear-tips-exploded-tip .ear-tips-exploded-label:lang(ar),
.dancer-copy-section-content .copy:lang(ar),
.bento .bento-cell .copy:lang(ar),
.factoid:lang(ar),
.frontmost:lang(ar),
.magical-stationary-copy-container .magical-copy-icon-wrap .copy:lang(ar),
.typography-router-headline:lang(ar),
.ar-copy:lang(ar),
.typography-router-tagline:lang(ar),
.typography-router-tagline a:lang(ar),
.section-apple-music a: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: 1068px) {
  body:lang(ar),
  .typography-copy-buystrip:lang(ar),
  .bento .bento-cell .copy:lang(ar),
  .ear-tips-exploded-tip .ear-tips-exploded-label:lang(ar),
  .factoid.factoid-noise-monitor .green-text:lang(ar),
  .case-battery__scroll-container .copy--scroll:lang(ar),
  .magical-stationary-copy-container .magical-copy-icon-wrap .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 only screen and (max-width: 734px) {
  .xray-sticky .xray-lockup-container .xray-lockup p:lang(ar),
  .factoid:lang(ar),
  .dancer-scroll-container-small
    .dancer-lockup-container
    .dancer-copy-section-content
    p:lang(ar),
  .frontmost:lang(ar),
  .audio-sharing:lang(ar),
  .magical-stationary-copy-container .magical-copy-icon-wrap .copy:lang(ar) {
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

.hero-headline:lang(ar) {
  font-family: SF Pro Display, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
    sans-serif;
  letter-spacing: -0.0210526316em;
  line-height: 0.7;
}

/* End Fonts */

.section-magical-experience .headline-section,
.section-audio-performance .headline-section,
.section-case-battery .headline-section,
.section-noise-cancellation .headline-section,
.section-hero .hero-intro-copy .hero-payoff {
  line-height: 1.09;
}

@media only screen and (max-width: 1068px) {
  .section-magical-experience .headline-section,
  .section-audio-performance .headline-section,
  .section-case-battery .headline-section,
  .section-noise-cancellation .headline-section {
    line-height: 1;
  }
}

@media only screen and (min-width: 1069px) {
  html.android .section-case-battery .copy--scroll.speaker-case {
    align-self: flex-end;
  }
}

@media only screen and (min-width: 1069px) {
  .ear-tips-exploded-tip.xsmall {
    padding-left: 46px;
  }
}

@media only screen and (min-width: 1069px) {
  .section-case-battery .copy--scroll.lanyard,
  .section-case-battery .copy--scroll.speaker-case {
    text-align: right;
  }
}

.section-apple-music .image-inner {
  right: 88px;
  left: unset;
}

@media only screen and (max-width: 1068px) {
  .section-apple-music .image-inner {
    right: 14px;
  }
}

@media only screen and (max-width: 734px) {
  .section-apple-music .image-inner {
    right: auto;
  }
}

.dancer-container,
.section-noise-cancellation,
.section-audio-performance .xray.near-section {
  direction: ltr;
}

.dancer-container .headline-section,
.section-noise-cancellation .headline-section,
.section-noise-cancellation .h2,
.section-noise-cancellation .h3,
.section-noise-cancellation p,
.section-noise-cancellation .bento-container,
.dancer-container .dancer-copy,
.section-audio-performance .xray.near-section p {
  direction: rtl;
}

.section-noise-cancellation .intro-copy,
.section-noise-cancellation .bento-touch-control .touch-control-copy {
  margin-left: auto;
  margin-right: 0;
}

@media only screen and (max-width: 1068px) {
  .bento-borderless .bento-cell-copy p {
    margin-right: 0;
    margin-left: auto;
  }
}

@media only screen and (max-width: 734px) {
  #overview-router-ar-1 {
    margin: 0 auto;
  }
}

.ear-tips-exploded-label {
  right: 0;
  left: auto;
  padding-right: 6px;
}

#ac-gn-placeholder {
  height: 20px;
}

html.mq-large-up-shorter .section-case-battery .copy--scroll.speaker-case {
  left: calc(50% + 167px);
  align-self: flex-end;
  margin-top: 55px;
}

.replay-button-wrapper {
  right: 0;
  left: auto;
}

@media only screen and (min-width: 734px) {
  .hero-eyebrow {
    --eyebrow-offset: calc(-0.85882vw + -0.9em + var(--extra-offset) * -1);
  }
}

.section-noise-cancellation
  .bento-borderless
  .bento-cell-full
  .bento-cell-copy
  p {
  margin-right: 0;
  margin-left: auto;
}

@media only screen and (min-width: 734px) {
  .section-case-battery .case-battery__intro .intro-copy {
    line-height: 1.295;
  }
}

html.mq-large-up-shorter .section-case-battery .copy--scroll.lanyard {
  left: calc(50% + 100px);
}

.section-magical-experience .headline-section {
  margin-bottom: 38px;
}

.section-case-battery .factoid .stat {
  margin-top: 15px;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-ar .image-ar {
    left: 33px;
    right: unset;
  }
}

.section-magical-experience .magical-intro .eyebrow-section {
  margin-bottom: -15px;
}

@media only screen and (max-width: 1068px) {
  .section-magical-experience .magical-intro .eyebrow-section {
    margin-bottom: -3px;
  }
}

.section-audio-performance .section-content .intro-copy {
  margin-right: 0;
  margin-left: auto;
}

.ear-tips-exploded {
  direction: ltr;
}

.show-large {
  display: inline-block;
}

.near-section .value-prop {
  line-height: 1.2;
  padding: 10px 0;
}

.section-case-battery .copy--scroll.speaker-case {
  max-width: 300px;
}

.section-apple-music picture#overview-music-album-hero-1 > img {
  width: 100%;
}

.touch-control-start {
  position: absolute;
  left: calc(55% + var(--touch-control-gap) / 2);
}

.section.section-personalized-listening .intro-copy {
  line-height: 1.19;
}

.bento {
  right: -1px;
}

@media only screen and (max-width: 1068px) {
  #main
    > section.section.section-apple-music.router.router-music
    > div
    > div.column.column-copy.large-6.small-12
    > h2 {
    line-height: 1.3;
  }
}

@media only screen and (max-width: 734px) {
  .section-engraving .image-engraving {
    right: 0;
    margin-right: unset;
  }
}

.white a {
  color: #FFFFFF !important;
}

/* Feature avail msg css */

.typography-hearing-avail-2-subcopy {
    font-size: 17px;
    line-height: 1.2353641176;
    font-weight: 600;
    letter-spacing: 0em;
}

.bento-container.bento-borderless-top:last-child .bento {
  grid-template-columns: 1fr;
}

.bento-cell-gestures {
  display: none;
}

@media only screen and (min-width: 1069px) {
  .bento-cell-touch-control .bento-cell-copy {
    width: 50%;
  }
}

.bento-cell-hearing-health.bento-cell-full .hearing-avail-subcopy {
    bottom: 60px;
    color: #86868b
}

.bento-cell-hearing-health.bento-cell-full .hearing-avail-subcopy a {
    pointer-events: auto;
    color: inherit
}

.bento-cell-hearing-health.bento-cell-full.hearing-avail-2 .bento-cell-copy {
    padding-top: 64px;
    padding-bottom: 60px
}

@media only screen and (max-width:1068px) {
    .bento-cell-hearing-health.bento-cell-full.hearing-avail-2 .bento-cell-copy {
        padding-bottom: 44px
    }
}

@media only screen and (max-width:734px) {
    .bento-cell-hearing-health.bento-cell-full.hearing-avail-2 .bento-cell-copy {
        padding-top: 0;
        padding-bottom: 0
    }
}

.bento-cell-hearing-health.bento-cell-full.hearing-avail-2 .image-container {
    height: 100%
}

.bento-cell-hearing-health.bento-cell-full.hearing-avail-2 .hearing-avail-subcopy {
    position: static;
    margin-top: 80px
}

@media only screen and (max-width:1068px) {
    .bento-cell-hearing-health.bento-cell-full.hearing-avail-2 .hearing-avail-subcopy {
        margin-top: 45px;
        margin-top: 54px
    }
}

/* End feature avail msg css */