/* Fonts */

body:lang(ar),
.main:lang(ar),
.typography-headline-elevated:lang(ar),
.typography-headline-intro:lang(ar),
.typography-headline:lang(ar),
.typography-eyebrow-reduced:lang(ar),
.typography-intro-elevated:lang(ar),
.typography-section-headline:lang(ar),
.typography-section-eyebrow:lang(ar),
.typography-feature-headline:lang(ar),
.typography-feature-body:lang(ar),
.typography-tough-callout:lang(ar),
.typography-copy-block:lang(ar),
.typography-copy-router:lang(ar),
.typography-copy-router-tight:lang(ar),
.typography-ar-headline:lang(ar),
.typography-copy-ar:lang(ar),
.typography-copy-fitness-plus:lang(ar),
.typography-tradein-headline:lang(ar),
.violator:lang(ar),
.typography-environment-headline:lang(ar),
.section.section-design-battery-life .stat-value:lang(ar),
.section.section-design-battery-life .stat-caption:lang(ar),
.typography-tout:lang(ar),
.typography-callout-sub: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-button:lang(ar),
.violator-reduced:lang(ar),
.typography-diagram-callout:lang(ar),
#ac-localnav .ac-ln-menu-link,
.typography-body-reduced:lang(ar),
#ac-globalfooter .ac-gf-sosumi p:lang(ar),
#ac-globalfooter .ac-gf-sosumi li:lang(ar),
#ac-globalfooter *,
#ac-globalfooter *:before,
#ac-globalfooter *:after {
  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: 1068px) {
  .section.section-design-battery-life .stat-value:lang(ar),
  .section.section-design-battery-life .stat-caption:lang(ar),
  .typography-callout-sub:lang(ar) {
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

/* Fonts ends */

.section-design-intro .intro-video {
  direction: ltr;
}

@media only screen and (min-width: 1069px) {
  html.enhanced .section-design-display .copy-container-largest,
  html.enhanced .section-design-display .copy-container-wayfinder {
    margin-right: 57%;
    margin-left: 0;
  }
}

@media only screen and (max-width: 1068px) {
  html.enhanced .section-design-display .copy-container {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1069px) {
  html.enhanced .section-design-display.dark-fallback .copy-container-largest,
  html.enhanced .section-design-display.post-animation .copy-container-largest {
    margin-left: 0;
    margin-right: 0;
  }

  html.enhanced .section-design-display.dark-fallback .copy-container-wayfinder,
  html.enhanced
    .section-design-display.post-animation
    .copy-container-wayfinder {
    margin-left: 0;
    margin-right: 57%;
  }
}

.section.section-design-schematic .pin-wrapper .pin .pin-caption {
  text-align: right;
}

@media only screen and (max-width: 1068px) {
  .section.section-design-schematic .pin-digital-crown {
    right: auto;
  }
}

@media only screen and (max-width: 734px) {
  .section.section-design-schematic .pin-siren,
  .section.section-design-schematic .pin-digital-crown {
    right: auto;
  }
}

html.enhanced .section.section-design-schematic .pin-action-button .pin-caption,
html.enhanced .section.section-design-schematic .pin-siren .pin-caption,
html.enhanced .section.section-design-schematic .pin-depth-gauge .pin-caption,
html.enhanced
  .section.section-design-schematic
  .pin-digital-crown
  .pin-caption {
  left: auto;
  right: 10px;
}

@media only screen and (min-width: 1069px) {
  html.enhanced
    .section.section-design-schematic
    .pin-action-button
    .pin-caption {
    width: 300px;
  }
}

@media only screen and (min-width: 1069px) {
  html.enhanced .section.section-design-schematic .pin-microphone .pin-caption {
    width: 205px;
  }
}

@media only screen and (max-width: 734px) {
  .section.section-design-schematic .pin-action-button .pin-caption {
    right: -130px;
  }
  .section.section-design-schematic .pin-siren .pin-caption,
  .section.section-design-schematic .pin-digital-crown .pin-caption {
    right: -75px;
  }
  .section.section-design-schematic .pin-microphone .pin-caption {
    width: 95px;
  }
}

@media only screen and (max-width: 734px) {
  html.enhanced
    .section.section-design-schematic
    .pin-action-button
    .pin-caption,
  html.enhanced .section.section-design-schematic .pin-siren .pin-caption {
    left: 110px;
    right: auto;
  }

  html.enhanced
    .section.section-design-schematic
    .pin-digital-crown
    .pin-caption {
    left: 100px;
    right: auto;
  }

  html.enhanced
    .section.section-design-schematic
    .pin-side-button
    .pin-caption {
    left: -144px;
  }
}

html.enhanced .section.section-design-schematic .pin-gps .pin-caption {
  width: 210px;
}

@media only screen and (max-width: 1068px) {
  html.enhanced .section.section-design-schematic .pin-gps .pin-caption {
    width: 185px;
  }
}

@media only screen and (max-width: 734px) {
  .section.section-design-schematic .pin-gps .pin-caption {
    width: 70px;
  }
}

html.enhanced
  .section.section-design-schematic
  .pin-dual-speakers
  .pin
  .pin-caption {
  width: 175px;
}

@media only screen and (max-width: 1068px) {
  html.enhanced
    .section.section-design-schematic
    .pin-dual-speakers
    .pin
    .pin-caption {
    width: 150px;
  }
}

@media only screen and (max-width: 734px) {
  .section.section-design-schematic .pin-dual-speakers .pin .pin-caption {
    width: 100px;
  }
}
html.enhanced .section.section-design-schematic .pin-side-button .pin-caption {
  width: 235px;
}

@media only screen and (max-width: 734px) {
  .section.section-design-schematic .pin-side-button .pin-caption {
    width: 60px;
  }
}

.section.section-design-battery-life .overview-design-design-icon-battery {
  right: -40px;
}

@media only screen and (max-width: 1068px) {
  .section.section-design-battery-life .overview-design-design-icon-battery {
    right: -30px;
  }
}

@media only screen and (max-width: 734px) {
  .section.section-design-battery-life .overview-design-design-icon-battery {
    right: 0;
  }
}

.section.section-design-battery-life .stat-caption {
  position: relative;
}

@media only screen and (min-width: 735px) {
  .section.section-design-battery-life .stat-value {
    white-space: normal;
    line-height: 0.8;
    padding: 15px 0;
  }

  .section.section-design-battery-life .stat {
    padding: 0;
  }

  .section.section-design-battery-life .stat .stat-content {
    margin: 0;
  }

  .section.section-design-battery-life .violator {
    position: relative;
    bottom: auto;
    margin-top: 5px;
  }

  .section.section-design-battery-life .stat:not(:last-child) {
    padding-right: 0;
    margin-right: 57px;
    padding-left: 57px;
    margin-left: 58px;
  }

  .section.section-design-battery-life .stat:not(:last-child):after {
    right: auto;
    left: 0;
  }

  .section.section-design-battery-life .stat {
    width: 265px;
  }
}

@media only screen and (max-width: 1068px) {
  .section.section-design-battery-life .stat:not(:last-child) {
    padding-right: 40px;
    padding-left: 40px;
    margin-right: 0;
    margin-left: 40px;
  }
}

@media only screen and (max-width: 734px) {
  .section.section-design-battery-life .stat:not(:last-child) {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
}

.section-design-bands .bands-text-row {
  flex-direction: row-reverse;
}

@media only screen and (min-width: 1069px) {
  .section-endurance-sports-intro .section-header {
    width: 590px;
    padding-right: 390px;
  }
}

.section-endurance-sports-gps .drawer-intro-copy-block,
.section-ocean-exploration-dive-computer .drawer-intro-copy-block {
  margin-right: 50%;
}

@media only screen and (max-width: 734px) {
  .section-endurance-sports-gps .drawer-intro-copy-block,
  .section-ocean-exploration-dive-computer .drawer-intro-copy-block {
    margin-right: 0;
  }
}

.section-endurance-sports-gps
  .drawer-intro-copy-block
  .typography-feature-headline,
.section-endurance-sports-gps .drawer-intro-copy-block .typography-feature-body,
.section-ocean-exploration-dive-computer
  .drawer-intro-copy-block
  .typography-feature-headline,
.section-ocean-exploration-dive-computer
  .drawer-intro-copy-block
  .typography-feature-body {
  padding-right: 50px;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-endurance-sports-gps
    .drawer-intro-copy-block
    .typography-feature-headline,
  .section-endurance-sports-gps
    .drawer-intro-copy-block
    .typography-feature-body,
  .section-ocean-exploration-dive-computer
    .drawer-intro-copy-block
    .typography-feature-headline,
  .section-ocean-exploration-dive-computer
    .drawer-intro-copy-block
    .typography-feature-body {
    padding-right: 0;
  }
}

@media only screen and (max-width: 734px) {
  .section-endurance-sports-gps
    .drawer-intro-copy-block
    .typography-feature-headline,
  .section-endurance-sports-gps
    .drawer-intro-copy-block
    .typography-feature-body,
  .section-ocean-exploration-dive-computer
    .drawer-intro-copy-block
    .typography-feature-headline,
  .section-ocean-exploration-dive-computer
    .drawer-intro-copy-block
    .typography-feature-body {
    padding-right: 0;
  }
}

.section-ocean-exploration-dive-computer
  .drawer-intro-copy-block
  span.violator {
  margin-right: 40px;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-ocean-exploration-dive-computer
    .drawer-intro-copy-block
    span.violator {
    margin-right: 0;
  }
}

@media only screen and (max-width: 734px) {
  .section-ocean-exploration-dive-computer
    .drawer-intro-copy-block
    span.violator {
    margin-right: 0;
  }
}

.section-endurance-sports-gps .dual-frequency-section {
  flex-direction: row;
}

@media only screen and (max-width: 734px) {
  .section-endurance-sports-gps
    .dual-frequency-section
    .dual-frequency-copy-block {
    padding-right: 0;
    padding-left: 50px;
  }
}

.pinpoint-accuracy-section .copy-block {
  padding-left: 0;
  padding-right: 340px;
}

@media only screen and (max-width: 1068px) {
  .pinpoint-accuracy-section .copy-block {
    padding-left: 0;
    padding-right: 270px;
  }
}

@media only screen and (max-width: 734px) {
  .pinpoint-accuracy-section .copy-block {
    padding-left: 0;
    padding-right: 215px;
  }
}

.section-endurance-sports-trail-loop .copy-block-trail-loop {
  margin-right: 480px;
}

@media only screen and (max-width: 1068px) {
  .section-endurance-sports-trail-loop .copy-block-trail-loop {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1069px) {
  .section-outdoor-adventure-action-button .section-content {
    flex-direction: row-reverse;
  }
}

section.section-outdoor-adventure-siren
  .row.outdoor-adventure-siren-second-row {
  flex-direction: row-reverse;
}

section.section-outdoor-adventure-siren .stats-block,
section.section-outdoor-adventure-siren .copy-block,
section.section-ocean-exploration-ocean-band .copy-block {
  width: max-content;
  margin-right: auto;
}

@media only screen and (max-width: 1068px) {
  section.section-ocean-exploration-ocean-band .copy-block {
    margin-right: 0;
  }
}

.section-ocean-exploration-dive-computer .dive-planner-section,
.section-ocean-exploration-dive-computer .dive-data-section,
.section-ocean-exploration-depth-gauge .section-content {
  flex-direction: row-reverse;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-ocean-exploration-dive-computer
    .dive-data-section
    > .picture-container.large-offset-1 {
    margin-right: 0;
    margin-left: 8.33%;
  }
}

@media only screen and (min-width: 1069px) {
  .section-ocean-exploration-dive-computer
    .dive-planner-section
    .overview-ocean-ocean-dive-planner-hw {
    margin-right: auto;
  }
}

@media only screen and (min-width: 735px) {
  .section-routers .grid-item-fitness-plus-router .tile-copy-wrap {
    margin-left: 50%;
  }
}

@media only screen and (max-width: 734px) {
  section.section-outdoor-adventure-compass .typography-eyebrow,
  section.section-outdoor-adventure-compass .typography-feature-headline {
    text-align: right;
  }
}

@media only screen and (max-width: 734px) {
  .section-ocean-exploration-dive-computer .metrics-section .picture-container {
    margin-right: 50%;
    transform: translateX(50%);
  }
}

@media only screen and (max-width: 734px) {
  .section-design-tough .videos-container {
    margin-right: -300px;
  }
}

@media only screen and (max-width: 734px) {
  html.no-enhanced
    .section.section-design-schematic
    .overview-design-design-ready {
    direction: ltr;
    left: 0;
    right: auto;
  }
}

.typography-headline-elevated {
  line-height: 1.3;
}

.section-hero .typography-headline-elevated {
  line-height: 1.2;
}

.typography-feature-headline,
.typography-section-headline {
  line-height: 1.15;
}

.section-even-more .typography-section-headline {
  line-height: 1.2;
}

.section-hero .typography-intro-elevated {
  max-width: 100%;
}

@media only screen and (max-width: 734px) {
  .section-design-tough .spec {
    text-align: right;
  }
}

.section-routers {
  padding-bottom: 155px;
}

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

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

.section-drawer .toggle-close .inner {
  padding-right: 0;
  padding-left: 29px;
}

.section-drawer .toggle-open .icon {
  left: 18px;
  right: auto;
}

.section-drawer .toggle-open .inner {
  padding-right: 0;
  padding-left: var(--button-padding);
}

.section-drawer .toggle-open.has-entered {
  padding-right: 20px;
  padding-left: var(--button-horizontal-space-open-end);
}

.section-hero .intro-content {
  width: 640px;
}

@media only screen and (max-width: 734px) {
  .section-hero .intro-content {
    width: 100%;
  }
}

.section-design-intro .design-intro-headline {
  margin-top: 5px;
  line-height: 1.0367636364;
}

@media only screen and (max-width: 1068px) {
  .section-design-intro .design-intro-headline {
    margin-top: 0;
  }
}

@media only screen and (max-width: 734px) {
  .section-design-intro .design-intro-headline {
    margin-top: 0;
  }
}

html.enhanced .section.section-design-schematic .pin-side-button {
  height: 235px;
  top: -161px;
}

@media only screen and (max-width: 1068px) {
  html.enhanced .section.section-design-schematic .pin-side-button {
    height: 215px;
    top: -165px;
  }
}

@media only screen and (max-width: 734px) {
  html.enhanced .section.section-design-schematic .pin-side-button {
    height: 185px;
    top: -135px;
  }
}

html.enhanced .section.section-design-schematic .pin-microphone {
  height: 265px;
  top: 106px;
}

@media only screen and (max-width: 1068px) {
  html.enhanced .section.section-design-schematic .pin-microphone {
    height: 245px;
    top: 69px;
  }
}

@media only screen and (max-width: 734px) {
  html.enhanced .section.section-design-schematic .pin-microphone {
    height: 225px;
    top: 69px;
  }
}

.section-endurance-sports-intro .typography-section-headline {
  margin-top: -20px;
}

.section-outdoor-adventure-intro .typography-section-headline {
  margin-top: 5px;
}

.section-ocean-exploration-intro .typography-section-headline {
  margin-top: 5px;
}

@media only screen and (max-width: 1068px) {
  .section-endurance-sports-intro .typography-section-headline {
    margin-top: -10px;
  }
  .section-outdoor-adventure-intro .typography-section-headline {
    margin-top: -5px;
  }
}

@media only screen and (max-width: 734px) {
  .section-endurance-sports-intro .typography-section-headline {
    margin-top: -5px;
  }
  .section-outdoor-adventure-intro .typography-section-headline {
    margin-top: 0;
  }
}

section.section-outdoor-adventure-siren .stat-content .stat-value {
  text-indent: 0;
}

.section-routers .grid-item-environment .copy-container {
  max-width: 760px;
}

@media only screen and (max-width: 1068px) {
  .section-routers .grid-item-environment .copy-container {
    max-width: 560px;
  }
}

@media only screen and (max-width: 734px) {
  .section-routers .grid-item-environment .copy-container {
    max-width: 310px;
  }
}

.section-routers .grid-item-trade-in .copy-container {
  max-width: 450px;
}

@media only screen and (max-width: 1068px) {
  .section-routers .grid-item-trade-in .copy-container {
    max-width: 300px;
    transform: translateX(15px);
  }
}

@media only screen and (max-width: 734px) {
  .section-routers .grid-item-trade-in .copy-container {
    max-width: 300px;
    transform: translateX(0);
  }
}

.section-routers .grid-item-trade-in .tile-content {
  flex-direction: row-reverse;
}

@media only screen and (max-width: 1068px) {
  section.section-outdoor-adventure-compass .drawer-wrapper .waypoints {
    flex-direction: row;
  }
}

@media only screen and (max-width: 734px) {
  section.section-outdoor-adventure-compass .drawer-wrapper .waypoints {
    flex-direction: column;
  }
}

@media only screen and (max-width: 734px) {
  .section-routers .grid-item-trade-in .tile-content {
    flex-direction: column;
  }
}

@media only screen and (max-width: 734px) {
  .section-design-bands .bands-text-row .column {
    width: 33.3%;
  }
}

@media only screen and (max-width: 1068px) {
  .section.section-design-schematic
    .hardware-content
    > .copy-block.copy-block-action-button {
    max-width: 510px;
  }
}

@media only screen and (max-width: 734px) {
  .section.section-design-schematic
    .hardware-content
    > .copy-block.copy-block-action-button {
    max-width: var(--content-max-width);
  }
}

@media only screen and (max-width: 1068px) {
  .section.section-design-schematic .copy-block.copy-block-everything {
    max-width: 530px;
  }
}

@media only screen and (max-width: 734px) {
  .section.section-design-schematic .copy-block.copy-block-everything {
    max-width: var(--content-max-width);
  }
}

@media only screen and (max-width: 1068px) {
  .section-design-bands .copy-block {
    padding-left: 0;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 734px) {
  .section-design-bands .copy-block {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 1068px) {
  .pinpoint-accuracy-section .copy-block {
    max-width: 510px;
  }
}

@media only screen and (max-width: 734px) {
  .pinpoint-accuracy-section .copy-block {
    max-width: var(--content-max-width);
  }
}

.section-routers .grid-item-ar .tile-content {
  flex-direction: row-reverse;
}

@media only screen and (max-width: 734px) {
  .section-routers .grid-item-ar .tile-content {
    flex-direction: column;
  }
}

.section.section-design-schematic
  .pin-wrapper
  .pin
  .pin-caption
  .copy-block
  br.small {
  display: none;
}

@media only screen and (max-width: 734px) {
  .section.section-design-schematic
    .pin-wrapper
    .pin
    .pin-caption
    .copy-block
    br.small {
    display: block;
  }
}

@media only screen and (max-width: 734px) {
  .section-routers .grid-item-trade-in {
    --router-height: 620px;
  }
}

@media only screen and (min-width: 1069px) {
  .section-hero .hero-slide-0 h2 {
    margin-top: -15px;
  }
}

@media only screen and (max-width: 734px) {
  .section-even-more .typography-section-headline > span {
    transform: translateY(5px);
    display: inline-block;
  }
  .section-even-more .even-more-headline {
    margin-top: 3px;
  }
}

@media only screen and (max-width: 734px) {
  .section.section-design-schematic .pin-action-button .pin-caption {
    right: -100px;
  }
}

@media only screen and (max-width: 734px) {
  html.enhanced .section.section-design-schematic .pin-siren {
    left: auto;
    right: calc(50% - 103px);
  }
  html.enhanced .section.section-design-schematic .pin-digital-crown {
    left: auto;
    right: calc(50% - 47px);
  }
}