/* Fonts */

body:lang(ar),
.typography-gallery-tile-copy:lang(ar) {
  font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.typography-section-header-headline:lang(ar),
.typography-gallery-tile-headline: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) {
  .section-flex-tiles .tile .tile-price:lang(ar) {
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons",
      "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  }
}

@media only screen and (max-width: 734px) {
  .typography-hero-intro:lang(ar),
  .typography-service-tile-copy:lang(ar) {
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons",
      "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  }
}

.typography-product-tile-headline {
  line-height: 1.2;
}

@media only screen and (max-width: 734px) {
  .typography-product-tile-headline:lang(ar) {
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
      "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
}

.section-flex-tiles .tile-cta a:lang(ar) {
  font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#ac-globalfooter .ac-gf-sosumi p,
#ac-globalfooter .ac-gf-sosumi li {
  font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons",
    "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

/* Fonts ends */

@media screen and (min-width: 2040px) {
  .section-accessories .section-gallery .item-container {
    max-width: 1200px !important;
  }
}

.section-accessories .section-gallery-3-tiles .item-container,
.section-smart-home .section-gallery-3-tiles .item-container {
  max-width: 1180px;
}

@media screen and (min-width: 1680px) {
  .section-accessories .section-gallery .item-container {
    max-width: 1180px !important;
  }
}

section.geo-tv-4k .section-content .tile-cta .button:not(:last-child) {
  margin-left: 20px;
}

.section-product-tiles .tile .button:not(:last-child) {
  margin-left: 16px;
}

.section-big-screen .section-services.no-fitness .large-span-3 {
  grid-column: span 4;
}

.section-header-hero .typography-hero-headline {
  margin-bottom: 2.5rem;
}

.section-smart-home {
  /* direction: ltr; */
}

.typography-gallery-tile-quote {
  line-height: 1.2;
}

@media screen and (min-width: 2040px) {
  .section-smart-home .section-gallery .section-paddlenav {
    display: block;
  }
}

.device-lockup.no-device #overview-hero-homepod-appletv-lockup-1 {
  display: none;
}

#ac-globalfooter .ac-gf-sosumi {
  border-top: 1px solid #d2d2d7;
  padding: 17px 0 11px;
}

/* #overview-your-home-at-your-command-1 {
  margin-left: 9.5rem;
}

@media only screen and (max-width: 1070px) {
  #overview-your-home-at-your-command-1 {
    margin-left: 5.5rem;
  }
}

@media only screen and (max-width: 768px) {
  #overview-your-home-at-your-command-1 {
    margin-left: 6rem;
  }
} */

.section-hero .typography-hero-intro {
  line-height: 1.4;
}

.section-accessories .section-gallery .gallery-item {
  left: unset;
  right: 0;
}

.section-paddlenav {
  direction: ltr;
}

.section-flex-tiles .tile .button:not(:last-child) {
  margin-left: 16px;
}

.section-flex-tiles {
  padding-bottom: 45px;
}

@media only screen and (min-width: 1441px) {
  .section-big-screen .section-content {
    width: 1050px;
  }
  .section-big-screen .section-content .large-span-4 {
    padding: 0 15px;
  }
}

@media only screen and (max-width: 1068px) {
  .section-big-screen .section-services .service-tile-ctas a + a {
    margin-left: 0;
    margin-right: 14px;
  }
}

.video-alt-captions {
  display: none;
}

.video-alt-logos {
  display: none;
}

.section-accessories {
  padding-top: 20px;
}

@media only screen and (max-width: 1068px) {
  .section-big-screen .video-wrapper .video-alt-captions {
    left: unset;
    right: 0;
  }
}

@media only screen and (max-width: 768px) {
  .service-tile.music .service-tile-screen {
    margin-bottom: 1.5rem;
  }
}

@media only screen and (min-width: 1069px) {
  .section-big-screen .section-services .service-tile-headline {
    min-height: 105px;
  }
}

@media only screen and (max-width: 1068px) {
  .section-big-screen .section-services .service-tile-headline {
    min-height: 65px;
  }
}

@media only screen and (min-width: 1069px) {
  body.t3 .section-services.grid {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
}

.section-hero .device-lockup {
  margin-bottom: 0;
}

/* carousel fix start */

.section-smart-home #smart-home-gallery .section-paddlenav ul {
  flex-direction: row-reverse;
}

.section-smart-home #smart-home-gallery .section-paddlenav ul button svg {
  transform: scaleX(-1);
}

.section-smart-home .section-gallery .gallery-item {
  left: unset;
  right: 0;
}
/* .section-accessories .section-gallery .gallery-content, */
.section-smart-home .section-gallery {
  max-width: 1236px !important;
}
/* carousel fix end  */
.section-paddlenav.paddlenav.paddlenav-framed {
  visibility: hidden;
}

@media only screen and (max-width: 1068px) {
  .section-paddlenav.paddlenav.paddlenav-framed {
    visibility: visible;
  }
}

@media only screen and (max-width: 734px) {
  .section-paddlenav.paddlenav.paddlenav-framed {
    visibility: visible;
  }
}

.section-big-screen .section-geo-alt-caption {
  position: relative;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 27px;
}

.section-big-screen .section-geo-alt-caption .geo-alt-caption {
  max-width: 1098px;
  margin: -0.7em auto 0;
  padding: 0 95px;
  text-align: right;
}

.section-big-screen .section-geo-alt-caption a {
  font-weight: 500;
  color: #6e6e73;
}

.section-flex-tiles .atv-4k .tile-content .copy-wrapper .availability-caption {
  color: #86868b;
  font-size: 12px;
  line-height: 1.3333733333;
  font-weight: 400;
  letter-spacing: 0em;
  font-family: SF Pro AR, SF Pro Gulf, SF Pro Text, SF Pro Icons, Helvetica Neue,
    Helvetica, Arial, sans-serif;
}

.section-geo-tv-4k .section-content .availability-caption {
  color: #6e6e73;
}

@media only screen and (min-width: 1069px) {
  .section-geo-tv-4k .section-content .availability-caption {
    font-size: 21px;
  }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-geo-tv-4k .section-content .availability-caption {
    font-size: 19px;
  }
}

.section-holiday-2022
  .tile-holiday-2022-content-wrapper
  .holiday-2022-headline {
  line-height: 1;
}

.section-holiday-2022 .tile-holiday-2022 .icon-wrapper {
  margin-top: 20px;
}

/* holiday tile fixes start  */
.section-holiday-2022
  .tile-holiday-2022.tile-holiday-2022-gift-yourself
  .tile-holiday-2022-content-wrapper
  .holiday-2022-headline:lang(ar),
.section-holiday-2022
  .tile-holiday-2022.tile-holiday-2022-last-chance
  .tile-holiday-2022-content-wrapper
  .holiday-2022-headline:lang(ar) {
  line-height: 1.35;
}

.section-holiday-2022
  .tile-holiday-2022.tile-holiday-2022-gift-yourself
  .tile-holiday-2022-content-wrapper
  .typography-service-tile-copy,
.section-holiday-2022
  .tile-holiday-2022.tile-holiday-2022-last-chance
  .tile-holiday-2022-content-wrapper
  .typography-service-tile-copy {
  max-width: fit-content;
}
/* holiday tile fixes end  */

#overview-apple-tv-4k-logo-1 {
  display: flex;
  justify-content: center;
}

.section-flex-tiles .home-app .overview-homeapp {
  right: 38%;
}

.section-hero .overview-hero-homepod-appletv-lockup img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
}

.section-intro.typography-hero-intro {
  color: #86868b;
}

.section-hero .hardware-lockup {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.section-hero .device-lockup {
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: calc(100vw - 20px);
  overflow: hidden;
  padding-top: 67px;
  margin-bottom: -40px;
}
.large-centered {
  text-align: center;
}

.tv-home-family-page .banner-wrapper {
  padding: 89px 0 114px 0px;
}

.section-flex-tiles .home-app .picture-wrapper {
  direction: ltr;
}

.section-flex-tiles .home-app .overview-homeapp {
  position: relative;
  left: 50%;
  margin-left: -341.5px;
}

@media only screen and (max-width: 1068px) {
  .section-flex-tiles .home-app .overview-homeapp {
    left: 50%;
    margin-left: -164.5px;
  }
}

@media only screen and (max-width: 734px) {
  .section-flex-tiles .home-app .overview-homeapp {
    left: 50%;
    margin-left: -240px;
  }

  .t2 .section-flex-tiles .overview-room-filling-sound {
    --p-width: 328px;
    --p-height: 236px;
  }

  section.geo-tv-4k .section-content .picture-wrapper picture img {
    max-width: calc(100vw - 40px);
  }

  section.geo-tv-4k .section-content .picture-wrapper {
    padding-top: 10px;
  }
}

section.geo-tv-4k .section-content .picture-wrapper {
  padding-top: 26px;
}

@media only screen and (max-width: 1068px) {
  section.geo-tv-4k .section-content .picture-wrapper {
    padding-top: 18px;
  }
}

section.geo-tv-4k .section-content .tile-cta {
  margin-top: 24px;
}

@media only screen and (max-width: 1068px) {
  section.geo-tv-4k .section-content .tile-cta {
    margin-top: 18px;
  }
}

@media only screen and (max-width: 734px) {
  section.geo-tv-4k .section-content .tile-cta {
    margin-top: 10px;
  }
}

section.geo-tv-4k .section-content .tile-cta .button {
  margin-bottom: 20px;
}

section.geo-tv-4k .section-content .tile-cta .button:not(:last-child) {
  margin-right: 20px;
}

.section-hero .overview-hero-tv {
  position: relative;
  display: block;
  width: var(--p-width);
  height: var(--p-height);
  --p-width: 1725px;
  --p-height: 384px;
  max-width: calc(100vw - 20px);
  height: auto;
}

.section-hero .overview-hero-tv img {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 100%;
}