/* FONTS */

#ac-localnav *,
.typography-eyebrow:lang(ar),
.typography-hero-headline:lang(ar),
.typography-headline-super:lang(ar),
.typography-manifesto:lang(ar),
.section-accessories .typography-accessories-cta.icon-wrapper:lang(ar),
.section-accessories .tile .typography-gallery-headline:lang(ar),
.section-control .tile .typography-gallery-headline:lang(ar),
.section-control .tile .typography-subhead:lang(ar),
.section-integration .subsection .button-wrap:lang(ar),
.typography-product-tile-headline:lang(ar),
.section-accessories #see-all > div a:lang(ar) {
  font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", Helvetica Neue, Helvetica, Arial, sans-serif;
}

body:lang(ar),
#ac-localnav .ac-ln-menu *,
#ac-globalfooter *,
#ac-globalfooter *:before,
#ac-globalfooter *:after,
#ac-globalfooter .ac-gf-sosumi li:lang(ar),
.button-elevated:lang(ar) {
  font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* MEDIUM */

@media only screen and (min-width: 734px) and (max-width: 1068px) {
  .section-experience .grid-item-renovated .copy:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", Helvetica Neue, Helvetica, Arial, sans-serif;
  }
}

/* SMALL */

@media only screen and (max-width: 734px) {
  .section-intro .typography-headline-super:lang(ar),
  .section-experience .grid-item-renovated .copy:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", Helvetica Neue, Helvetica, Arial, sans-serif;
  }

  .section-accessories .typography-accessories-cta.icon-wrapper:lang(ar),
  .section-control .tile .typography-subhead:lang(ar) {
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

/* FONTS END */

.section-accessories.alt {
  text-align: center;
}

.section-accessories.alt h2,
.section-accessories.alt p {
  margin-right: auto;
  margin-left: auto;
}

.section-router .grid .grid-item.full-width {
  grid-column: span 12;
}

.section-accessories .section-gallery .gallery-content,
.section-control .section-gallery .gallery-content {
  width: 370px;
  overflow: visible;
}

@media only screen and (min-width: 1068px) {
  .section-accessories .section-content,
  .section-control .section-content {
    width: 1346px;
  }
}

.section-experience .grid-item-control-center .overview-control-center {
  margin-right: -345.5px;
}

@media only screen and (max-width: 1068px) {
  .section-experience .grid-item-control-center .overview-control-center {
    margin-right: -244.5px;
  }
}

@media only screen and (max-width: 734px) {
  .section-experience .grid-item-control-center .overview-control-center {
    margin-right: -195px;
  }
}

@media only screen and (max-width: 735px) {
  .section-accessories .section-gallery-long .section-item-container,
  .section-control .section-gallery-long .section-item-container {
    position: relative;
    right: -192px;
  }
}

.section-router .tile .button:not(:last-child) {
  margin-left: 16px;
  margin-right: unset;
}

.section-experience .grid-item-control-center .overview-control-center {
  background-image: url(/mideast/home-app/e/images/ar/home_iphone__2lr2hn9kuo2y_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) {
  .section-experience .grid-item-control-center .overview-control-center {
    background-image: url(/mideast/home-app/e/images/ar/home_iphone__2lr2hn9kuo2y_large_2x.jpg);
  }
}

@media only screen and (max-width: 1068px) {
  .section-experience .grid-item-control-center .overview-control-center {
    background-image: url(/mideast/home-app/e/images/ar/home_iphone__2lr2hn9kuo2y_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) {
  .section-experience .grid-item-control-center .overview-control-center {
    background-image: url(/mideast/home-app/e/images/ar/home_iphone__2lr2hn9kuo2y_medium_2x.jpg);
  }
}

@media only screen and (max-width: 734px) {
  .section-experience .grid-item-control-center .overview-control-center {
    background-image: url(/mideast/home-app/e/images/ar/home_iphone__2lr2hn9kuo2y_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) {
  .section-experience .grid-item-control-center .overview-control-center {
    background-image: url(/mideast/home-app/e/images/ar/home_iphone__2lr2hn9kuo2y_small_2x.jpg);
  }
}

.section-control #start-fan .typography-gallery-headline {
  margin-top: 104px;
}

.section-control #heat-on .typography-gallery-headline {
  margin-top: 23px;
}

@media only screen and (max-width: 734px) {
  .section-control #start-fan .typography-gallery-headline {
    margin-top: 30px;
  }

  .section-control #heat-on .typography-gallery-headline {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1069px) {
  #view-live > div > h4 {
    margin-top: 24px;
  }

  #close-blinds > div > h4 {
    margin-top: 103px;
  }
}

@media only screen and (max-width: 1068px) {
  #view-live > div > h4 {
    margin-top: 64px;
  }

  .section-control #heat-on .typography-gallery-headline {
    margin-top: 28px;
  }

  .section-control #start-fan .typography-gallery-headline {
    margin-top: 100px;
  }

  #view-live > div > h4 {
    margin-top: 63px;
  }

  #close-blinds > div > h4 {
    margin-top: 98px;
  }
}

@media only screen and (max-width: 734px) {
  .section-control .tile.tile-content {
    padding-top: 42px;
  }

  #start-coffee > div > p,
  #start-watering > div > p,
  #siri-garage > div > p {
    margin-top: 19px;
  }
}

@media only screen and (max-width: 735px) {
  #view-live > div > h4,
  .section-control #heat-on .typography-gallery-headline {
    margin-top: 5px;
  }

  #lights-sunset > div > h4 {
    margin-top: 30px;
  }

  #close-blinds > div > h4 {
    margin-top: 53px;
  }

  .section-control #start-fan .typography-gallery-headline {
    margin-top: 53px;
  }
}

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

.section-hero #hero-lockup #hero-img {
  direction: ltr;
}

.section-hero #hero-lockup .caption-container {
  direction: rtl;
}

.section-accessories #see-all > div a {
  text-align: right;
  margin-right: 20px;
  margin-left: 0;
}

@media only screen and (max-width: 734px) {
  .section-accessories,
  .section-control {
    text-align: right;
  }

  .section-accessories #see-all > div a {
    margin-right: 5px;
  }
}

.small-only {
  display: none;
}

@media only screen and (max-width: 735px) {
  .small-only {
    display: block;
  }
}

.grid-item-renovated {
  direction: ltr;
}

.section-experience .grid-item-renovated .copy-wrapper {
  direction: rtl;
}

.section-experience .grid-item-renovated .device-screen .static-frame,
.section-experience .grid-item-renovated .device-screen .start-frame {
  background-image: url(/mideast/home-app/e/images/ar/renovated_startframe__csnon7hxcioi_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) {
  .section-experience .grid-item-renovated .device-screen .static-frame,
  .section-experience .grid-item-renovated .device-screen .start-frame {
    background-image: url(/mideast/home-app/e/images/ar/renovated_startframe__csnon7hxcioi_large_2x.jpg);
  }
}

@media only screen and (max-width: 1068px) {
  .section-experience .grid-item-renovated .device-screen .static-frame,
  .section-experience .grid-item-renovated .device-screen .start-frame {
    background-image: url(/mideast/home-app/e/images/ar/renovated_startframe__csnon7hxcioi_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) {
  .section-experience .grid-item-renovated .device-screen .static-frame,
  .section-experience .grid-item-renovated .device-screen .start-frame {
    background-image: url(/mideast/home-app/e/images/ar/renovated_startframe__csnon7hxcioi_medium_2x.jpg);
  }
}

@media only screen and (max-width: 734px) {
  .section-experience .grid-item-renovated .device-screen .static-frame,
  .section-experience .grid-item-renovated .device-screen .start-frame {
    background-image: url(/mideast/home-app/e/images/ar/renovated_startframe__csnon7hxcioi_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) {
  .section-experience .grid-item-renovated .device-screen .static-frame,
  .section-experience .grid-item-renovated .device-screen .start-frame {
    background-image: url(/mideast/home-app/e/images/ar/renovated_startframe__csnon7hxcioi_small_2x.jpg);
  }
}

html[lang="ar-SA"]
  .section-experience
  .grid-item-renovated
  .device-screen
  .static-frame,
html[lang="ar-SA"]
  .section-experience
  .grid-item-renovated
  .device-screen
  .start-frame {
  background-image: url(/mideast/home-app/e/images/ar/sa/renovated_startframe__csnon7hxcioi_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) {
  html[lang="ar-SA"]
    .section-experience
    .grid-item-renovated
    .device-screen
    .static-frame,
  html[lang="ar-SA"]
    .section-experience
    .grid-item-renovated
    .device-screen
    .start-frame {
    background-image: url(/mideast/home-app/e/images/ar/sa/renovated_startframe__csnon7hxcioi_large_2x.jpg);
  }
}

@media only screen and (max-width: 1068px) {
  html[lang="ar-SA"]
    .section-experience
    .grid-item-renovated
    .device-screen
    .static-frame,
  html[lang="ar-SA"]
    .section-experience
    .grid-item-renovated
    .device-screen
    .start-frame {
    background-image: url(/mideast/home-app/e/images/ar/sa/renovated_startframe__csnon7hxcioi_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) {
  html[lang="ar-SA"]
    .section-experience
    .grid-item-renovated
    .device-screen
    .static-frame,
  html[lang="ar-SA"]
    .section-experience
    .grid-item-renovated
    .device-screen
    .start-frame {
    background-image: url(/mideast/home-app/e/images/ar/sa/renovated_startframe__csnon7hxcioi_medium_2x.jpg);
  }
}

@media only screen and (max-width: 734px) {
  html[lang="ar-SA"]
    .section-experience
    .grid-item-renovated
    .device-screen
    .static-frame,
  html[lang="ar-SA"]
    .section-experience
    .grid-item-renovated
    .device-screen
    .start-frame {
    background-image: url(/mideast/home-app/e/images/ar/sa/renovated_startframe__csnon7hxcioi_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) {
  html[lang="ar-SA"]
    .section-experience
    .grid-item-renovated
    .device-screen
    .static-frame,
  html[lang="ar-SA"]
    .section-experience
    .grid-item-renovated
    .device-screen
    .start-frame {
    background-image: url(/mideast/home-app/e/images/ar/sa/renovated_startframe__csnon7hxcioi_small_2x.jpg);
  }
}
.section-router .atv-4k .copy-wrapper {
  position: relative;
}

.section-integration .row-item .badge-wrap .badge {
  box-sizing: border-box;
  white-space: nowrap;
  color: #424245;
  background-color: rgba(29, 29, 31, 0.07);
  border-radius: 6px;
  padding: 6px 9px;
  -webkit-margin-start: 0;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.022em;
}

.section-hero #hero-img {
  direction: ltr;
}