/* 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: 325px;
  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-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: 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-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;
}


@media only screen and (max-width: 734px) {
  #siri-garage p.typography-subhead,
  #start-coffee p.typography-subhead,
  #heat-on p.typography-subhead {
    padding-bottom: 25px;
  }
}

@media only screen and (max-width: 734px) {
  .section-accessories .section-gallery .gallery-content,
  .section-control .section-gallery .gallery-content {
    margin-left: 0;
    margin-right: auto;
  }
}

.section-experience .grid-item-control-center .overview-control-center-2024 {
  background-image: url(/mideast/home-app/g/images/overview/ar/home_iphone_2024__bx5uql9z2v42_large.jpg);
  right: 0;
  align-self: center;
}
@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-2024 {
    background-image: url(/mideast/home-app/g/images/overview/ar/home_iphone_2024__bx5uql9z2v42_large_2x.jpg);
  }
}
@media only screen and (max-width: 1068px) {
  .section-experience .grid-item-control-center .overview-control-center-2024 {
    background-image: url(/mideast/home-app/g/images/overview/ar/home_iphone_2024__bx5uql9z2v42_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-2024 {
    background-image: url(/mideast/home-app/g/images/overview/ar/home_iphone_2024__bx5uql9z2v42_medium_2x.jpg);
  }
}
@media only screen and (max-width: 734px) {
  .section-experience .grid-item-control-center .overview-control-center-2024 {
    background-image: url(/mideast/home-app/g/images/overview/ar/home_iphone_2024__bx5uql9z2v42_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-2024 {
    background-image: url(/mideast/home-app/g/images/overview/ar/home_iphone_2024__bx5uql9z2v42_small_2x.jpg);
  }
}

@media only screen and (min-width: 735px) {
  .section-control .section-content .section-item-container div .tile h4 {
    height: 140px;
    display: flex;
    flex-direction: column-reverse;
    margin-top: 0 !important;
  }
}

@media only screen and (max-width: 734px) {
  .section-control .section-content .section-item-container div .tile h4 {
    margin-top: 35px !important;
  }

  .section-control .tile .tile-wrapper {
    height: 36px !important;
  }

  .section-control .section-item-container div {
    align-items: center !important;
  }

  #heat-on .tile h4 {
    margin-top: 5px !important;
  }
}
