@media only screen and (min-width: 1069px) {
  .t3 .grid-item-maps .tile {
    min-height: 480px;
  }
}

.t3 .grid-item-maps .tile {
  background-position: bottom;
  background-color: #213043;
  background-size: 553px 668px;
  background-repeat: no-repeat;
  background-image: url(/mideast/apple-watch-series-8/a/images/overview/connected/connected_maps__d33ebf2ttiye_large.jpg);
}

@media (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi),
  only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 1.5dppx) {
  .t3 .grid-item-maps .tile {
    background-image: url(/mideast/apple-watch-series-8/a/images/overview/connected/connected_maps__d33ebf2ttiye_large_2x.jpg);
  }
}

@media only screen and (max-width: 1068px) {
  .t3 .grid-item-maps .tile {
    background-size: 415px 484px;
    background-repeat: no-repeat;
    background-image: url(/mideast/apple-watch-series-8/a/images/overview/connected/connected_maps__d33ebf2ttiye_medium.jpg);
  }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 1068px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
  .t3 .grid-item-maps .tile {
    background-image: url(/mideast/apple-watch-series-8/a/images/overview/connected/connected_maps__d33ebf2ttiye_medium_2x.jpg);
  }
}

@media only screen and (max-width: 734px) {
  .t3 .grid-item-maps .tile {
    background-size: 480px 500px;
    background-repeat: no-repeat;
    background-image: url(/mideast/apple-watch-series-8/a/images/overview/connected/connected_maps__d33ebf2ttiye_small.jpg);
  }
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (max-width: 734px) and (min-resolution: 1.5dppx),
  only screen and (max-width: 734px) and (min-resolution: 144dpi) {
  .t3 .grid-item-maps .tile {
    background-image: url(/mideast/apple-watch-series-8/a/images/overview/connected/connected_maps__d33ebf2ttiye_small_2x.jpg);
  }
}

.t3 .grid-item-apple-pay .tile .overview-connected-connected-apple-pay {
  width: 351px;
  height: 396px;
}

@media only screen and (max-width: 1068px) {
  .t3 .grid-item-apple-pay .tile .overview-connected-connected-apple-pay {
    width: 170px;
    height: 275px;
  }
}

@media only screen and (max-width: 734px) {
  .t3 .grid-item-apple-pay .tile .overview-connected-connected-apple-pay {
    width: 195px;
    height: 315px;
  }
}

body:lang(ar),
#ac-localnav .ac-ln-button:lang(ar),
#ac-localnav .ac-ln-menu:lang(ar) {
  font-family: "SF Pro AR Text", "SF Pro Text", "SF Pro AR", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.typography-hero-headline:lang(ar),
.typography-copy-hero-features:lang(ar),
.typography-cta-hero-features:lang(ar),
.typography-headline:lang(ar),
.typography-copy-block:lang(ar),
.typography-feature-headline:lang(ar),
.typography-copy-callout:lang(ar),
.typography-callout-sub:lang(ar),
.typography-eyebrow:lang(ar),
.typography-intro-block:lang(ar),
.typography-copy-block-description:lang(ar),
.typography-copy-router-tight:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Display", "SF Pro AR",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.section.section-garage-door,
.grid-item-temperature .tile-content,
.section-dream,
.section-app-store,
.grid-item-design-more,
.grid-item-ar {
  direction: ltr;
  text-align: left;
}

.section-garage-door .section-content h2,
.section-garage-door .section-content h3,
.section-design .copy-block-edge,
.grid-item-temperature .copy-container,
.section-dream .copy-wrapper,
.section-fitness .fitness-plus-container,
.section-fitness .copy-container,
.section-app-store .app-store-intro .headline-wrapper,
.section-app-store .copy-block-apps,
.section-app-store .faces-copy,
.section-design-more .tough-features,
.section-routers .grid-item-ar .copy-container {
  direction: rtl;
  text-align: right;
}

.typography-copy-hero-features:lang(ar) {
  line-height: 1.14;
}

@media only screen and (max-width: 1068px) {
  .typography-copy-hero-features:lang(ar) {
    line-height: 1.1434933333;
  }
}

@media only screen and (max-width: 734px) {
  .typography-copy-hero-features:lang(ar) {
    line-height: 1.195;
  }
}

.section-garage-door .section-content h2,
.section-garage-door .section-content h3 {
  width: 400px;
}

@media only screen and (max-width: 1068px) {
  .section-garage-door .section-content h2,
  .section-garage-door .section-content h3 {
    width: 280px;
  }
}

@media only screen and (max-width: 734px) {
  .section-garage-door .section-content h2,
  .section-garage-door .section-content h3 {
    width: 100%;
  }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-design .garage-door-eyebrow,
  .section-design .garage-door-headline {
    padding-right: 105px;
    padding-left: unset;
  }
}

.section-design .inline-video-edge {
  left: 50%;
  right: unset;
  margin-left: -659px;
  margin-right: unset;
}

@media only screen and (max-width: 1068px) {
  .section-design .inline-video-edge {
    margin-left: -450.5px;
  }
}

@media only screen and (max-width: 734px) {
  .section-design .inline-video-edge {
    margin-left: -274.5px;
  }
}

@media only screen and (min-width: 1069px) {
  .grid-item-ecg .tile .glass-hardware {
    left: -80px;
    right: unset;
  }
}

@media only screen and (max-width: 1068px) {
  .grid-item-ecg .tile .media-container {
    left: unset;
  }
}

.section-health .health-intro-headline {
  max-width: 600px;
}

.section-dream .typography-feature-headline,
.section-dream .dream-copy {
  padding-right: 130px;
}

@media only screen and (max-width: 734px) {
  .section-dream .typography-feature-headline,
  .section-dream .dream-copy {
    padding-right: 0;
  }
}

.grid-item-data .tile .tile-content-force h2,
.grid-item-data .tile .tile-content-hours h2 {
  margin-left: 15px;
  margin-right: unset;
}

.grid-item-data .tile .tile-content-force {
  padding-right: var(--tile-padding);
  padding-left: unset;
}

.grid-item-data .tile .tile-content-hours {
  padding-left: calc(var(--grid-gutter) / 2 + var(--tile-padding));
  padding-right: var(--tile-padding);
}

@media only screen and (max-width: 734px) {
  .grid-item-data .tile .tile-content-force,
  .grid-item-data .tile .tile-content-hours {
    padding-right: 0;
  }
}

.section-fitness .large-offset-6 {
  margin-left: 50%;
  margin-right: unset;
}

@media only screen and (max-width: 1068px) {
  .section-fitness .large-offset-6 {
    margin-left: 0;
  }
}

.section-fitness .overview-fitness-logo-fitness-plus {
  margin-left: 72px;
  margin-right: unset;
}

.grid-item-travels .tile .copy-container {
  padding-right: var(--tile-padding);
  padding-left: unset;
}

.section-fitness .section-content div {
  text-align: right;
}

.grid-item-low-power-mode .tile .tile-content {
  margin-right: 25%;
  margin-left: unset;
}

@media only screen and (max-width: 1068px) {
  .grid-item-low-power-mode .tile .tile-content {
    margin-right: 8.3333333333%;
  }
}

@media only screen and (max-width: 734px) {
  .grid-item-low-power-mode .tile .tile-content {
    margin-left: var(--tile-padding);
    margin-right: var(--tile-padding);
  }
}

.grid-item-low-power-mode .tile .overview-connected-connected-low-power {
  padding-left: 10px;
  padding-right: unset;
}

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

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

.page-overview .section-shared-compare {
  margin-bottom: 0;
}

.page-overview .section-shared-compare .section-wrapper {
  padding-top: 100px;
}

@media only screen and (max-width: 734px) {
  .page-overview .section-shared-compare .section-wrapper {
    padding-top: 67px;
  }
}

.grid-item-fitness-plus-router {
  direction: ltr;
}

.section-routers .grid-item-fitness-plus-router .copy-container {
  direction: rtl;
}

.section-app-store .app-store-image {
  left: 50%;
  margin-left: -883px;
  right: unset;
  margin-right: unset;
}

@media only screen and (max-width: 1068px) {
  .section-app-store .app-store-intro .headline-wrapper {
    max-width: 100%;
  }

  .section-app-store .app-store-image {
    left: 50%;
    margin-left: -487.5px;
  }
}

@media only screen and (max-width: 734px) {
  .section-app-store .app-store-image {
    left: 50%;
    margin-left: -489.5px;
  }
}

@media only screen and (max-width: 734px) {
  .section-app-store .apps-copy {
    justify-content: flex-end;
  }

  .section-app-store .faces-copy {
    margin-right: 0;
    margin-left: 20px;
  }
}

.section-hero .features-cta {
  margin-right: unset;
  margin-left: 1em;
}

@media only screen and (max-width: 1068px) {
  .section-safety .safety-intro .typography-headline {
    max-width: 100%;
  }
}

@media only screen and (min-width: 1069px) {
  .section-design-more .overview-design-design-tougher {
    left: 50%;
    right: unset;
    margin-left: -701px;
    margin-right: unset;
  }
}

.section-health .typography-headline:lang(ar) {
  line-height: 1.13;
}

.section-safety .typography-headline:lang(ar) {
  line-height: 1.255;
}

@media only screen and (min-width: 1069px) {
  .section-app-store .app-store-intro .headline-wrapper {
    max-width: 870px;
    margin-right: 58px;
  }

  .section-app-store .apps-copy .copy-block {
    max-width: 370px;
  }
}

@media only screen and (min-width: 1069px) {
  .section-routers .grid-item-ar .copy-container {
    max-width: 475px;
  }
}

.section-app-store .typography-headline:lang(ar) {
  line-height: 1.15;
}

@media only screen and (min-width: 1069px) {
  .section-app-store .apps-copy {
    margin-right: 58px;
  }
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
  .section-app-store .apps-copy {
    margin: 59px 0 -82px 350px;
  }
}

.section-fitness .overview-fitness-fitness-metrics {
  margin-right: -641px;
}

@media only screen and (max-width: 1068px) {
  .section-fitness .overview-fitness-fitness-metrics {
    margin-right: -440px;
  }
}

@media only screen and (max-width: 734px) {
  .section-fitness .overview-fitness-fitness-metrics {
    margin-right: -495px;
  }
}

.section-fitness .fitness-plus-headline {
  margin-left: 72px;
  margin-right: unset;
}

@media only screen and (max-width: 1068px) {
  .section-fitness .fitness-plus-headline {
    margin-right: 0;
  }
}

@media only screen and (min-width: 735px) {
  .section-fitness-intro .intro-content {
    width: 615px;
    margin-right: 27%;
    margin-left: unset;
  }
}

@media only screen and (max-width: 1068px) {
  .section-fitness-intro .intro-content {
    margin-right: 0;
  }
}

.grid-item-travels .tile .overview-connected-connected-hero {
  padding-left: var(--tile-padding);
  padding-right: unset;
}

.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: 734px) {
  .section-routers .grid-item-trade-in .tile-content {
    flex-direction: column;
  }
}

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

@media only screen and (min-width: 1069px) {
  .section-routers .grid-item-ar .ar-phone {
    margin-right: 100px;
  }

  .section-routers .grid-item-ar .copy-container {
    margin-right: unset;
    margin-left: 50px;
  }
}

@media only screen and (max-width: 734px) {
  .section-routers .grid-item-ar .copy-container {
    max-width: 100%;
    text-align: center;
  }
}

@media only screen and (max-width: 1068px) {
  .grid-item-heart-rate .tile .copy-container {
    margin-left: 50%;
  }
}

@media only screen and (max-width: 734px) {
  .grid-item-heart-rate .tile .copy-container {
    margin-left: 0;
  }
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
  .section-routers .grid-item-ar .copy-container {
    max-width: 280px;
  }
}

@media only screen and (min-width: 1068px) {
  .section-hero .feature {
    line-height: 1.3;
  }
}