/*** Arabic Fonts ****/

/********************/

#globalnav .globalnav-submenu-list-item-elevated, 
#globalnav .globalnav-submenu-list-item-elevated:lang(ar), 
.typography-eyebrow-elevated, 
.typography-eyebrow-elevated:lang(ar), 
.typography-copy-section-headline, 
.typography-copy-section-headline:lang(ar), 
.typography-media-card-caption, 
.typography-media-card-caption:lang(ar), 
.typography-marquee-headline-base, 
.typography-marquee-headline-base:lang(ar), 
.typography-marquee-eyebrow-base, 
.typography-marquee-eyebrow-base:lang(ar), 
.typography-media-card-gallery-headline, 
.typography-media-card-gallery-headline:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-headline:lang(ar) {
    letter-spacing: 0;
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
  
#globalnav .globalnav-link, 
#globalnav .globalnav-link:lang(ar), 
#globalnav .globalnav-link-apple, 
#globalnav .globalnav-link-apple:lang(ar), 
#globalnav .globalnav-submenu-header, 
#globalnav .globalnav-submenu-header:lang(ar), 
#globalnav .globalnav-submenu-list-item, 
#globalnav .globalnav-submenu-list-item:lang(ar), 
#globalmessage-segment, 
#globalmessage-segment:lang(ar), 
#ac-globalfooter, #ac-globalfooter select, #ac-globalfooter button, 
#ac-globalfooter:lang(ar), #ac-globalfooter select:lang(ar), #ac-globalfooter button:lang(ar), 
#ac-globalfooter, 
#ac-globalfooter:lang(ar), 
#ac-globalfooter .ac-gf-sosumi p, #ac-globalfooter .ac-gf-sosumi li, 
#ac-globalfooter .ac-gf-sosumi p:lang(ar), #ac-globalfooter .ac-gf-sosumi li:lang(ar), 
#ac-globalfooter .ac-gf-breadcrumbs-path, 
#ac-globalfooter .ac-gf-breadcrumbs-path:lang(ar), 
#ac-globalfooter .ac-gf-directory, 
#ac-globalfooter .ac-gf-directory:lang(ar), 
#ac-globalfooter .ac-gf-directory-column-section-title-button, #ac-globalfooter .ac-gf-directory-column-section-title > .ac-gf-directory-column-section-title-text, 
#ac-globalfooter .ac-gf-directory-column-section-title-button:lang(ar), #ac-globalfooter .ac-gf-directory-column-section-title > .ac-gf-directory-column-section-title-text:lang(ar), 
html, 
[lang]:lang(ar), 
body, 
body:lang(ar), 
.badge, 
.badge:lang(ar), 
.button, 
.button:lang(ar), 
.button-elevated, 
.button-elevated:lang(ar), 
.typography-more-grid-item, 
.typography-more-grid-item:lang(ar), 
.typography-more-grid-item-heading, 
.typography-more-grid-item-heading:lang(ar), 
.typography-devices-list, 
.typography-devices-list:lang(ar), 
.typography-caption-tile-heading, 
.typography-caption-tile-heading:lang(ar), 
.typography-caption-tile, 
.typography-caption-tile:lang(ar), 
.caption-tile .card .badge, 
.caption-tile .card .badge:lang(ar), 
.tabnav-link, 
.tabnav-link:lang(ar), 
.os-localnav.tabnav .tabnav-link, 
.os-localnav.tabnav .tabnav-link:lang(ar) {
    letter-spacing: 0;
    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: 833px) {
#globalnav .globalnav-link, 
#globalnav .globalnav-link:lang(ar), 
#globalnav .globalnav-link-apple, 
#globalnav .globalnav-link-apple:lang(ar), 
#globalnav .globalnav-submenu-list-item-elevated, 
#globalnav .globalnav-submenu-list-item-elevated:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

#globalnav .globalnav-submenu-header, 
#globalnav .globalnav-submenu-header:lang(ar), 
#globalnav .globalnav-submenu-list-item, 
#globalnav .globalnav-submenu-list-item:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}

@media (max-width: 1068px) {
.typography-eyebrow-elevated, 
.typography-eyebrow-elevated:lang(ar), 
.typography-copy-section-headline, 
.typography-copy-section-headline:lang(ar), 
.typography-marquee-headline-base, 
.typography-marquee-headline-base:lang(ar), 
.typography-marquee-eyebrow-base, 
.typography-marquee-eyebrow-base:lang(ar), 
.typography-media-card-gallery-headline, 
.typography-media-card-gallery-headline:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-headline:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.typography-devices-list, 
.typography-devices-list:lang(ar), 
.typography-media-card-caption, 
.typography-media-card-caption:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}

@media (max-width: 734px) {
.typography-eyebrow-elevated, 
.typography-eyebrow-elevated:lang(ar), 
.typography-copy-section-headline, 
.typography-copy-section-headline:lang(ar), 
.typography-marquee-headline-base, 
.typography-marquee-headline-base:lang(ar), 
.typography-marquee-eyebrow-base, 
.typography-marquee-eyebrow-base:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-headline:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.typography-media-card-caption,
.geo-alt-disclaimer,
.typography-media-card-caption:lang(ar), 
.typography-media-card-gallery-headline, 
.typography-media-card-gallery-headline:lang(ar), 
.typography-caption-tile-heading, 
.typography-caption-tile-heading:lang(ar), 
.typography-caption-tile, 
.typography-caption-tile:lang(ar), 
.caption-tile .card .badge, 
.caption-tile .card .badge:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}

@media (max-width: 480px) {
.typography-marquee-headline-base, 
.typography-marquee-headline-base:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

}


/********************/

/*** Arabic Fonts ****/


@media only screen and (min-width: 1069px) {
  .geo-alt-disclaimer {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: SF Pro AR Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #6E6E73;
  }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .geo-alt-disclaimer {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: SF Pro AR Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #6E6E73;
  }
}

@media only screen and (max-width: 734px) {
  .geo-alt-disclaimer {
    font-size: 12px;
    line-height: 1.3333733333;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: SF Pro AR Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #6E6E73;
  }
}


.section-discovery .ios-explore-discovery-music{
    --p-width: 412px;
    --p-height: 490px;
}
@media only screen and (max-width: 1068px) {
    .section-discovery .ios-explore-discovery-music{
        --p-width: 344px;
        --p-height: 416px;
    }
}
@media only screen and (max-width: 734px) {
    .section-discovery .ios-explore-discovery-music{
        --p-width: 260px;
        --p-height: 314px;
    }
    .section-liquid-glass .typography-eyebrow-elevated {
      line-height: 1.4;
    }
    .section-apple-intelligence .copy-section-header-copy.typography-eyebrow-elevated {
      line-height: 1.4;
    }
    .section-communication .copy-section-header-headline.typography-copy-section-headline {
      line-height: 1.3;
    } 
    .section-routers .router-card-headline.typography-section-header-headline {
      line-height: 1.35;
    }
}

@media only screen and (min-width: 1069px) {
  .section-liquid-glass .typography-eyebrow-elevated {
    line-height: 1.4;
  }
  .section-apple-intelligence .copy-section-header-copy.typography-eyebrow-elevated {
    line-height: 1.4;
  }
  .section-communication .copy-section-header-headline.typography-copy-section-headline {
    line-height: 1.3;
  }
  .section-routers .router-card-headline.typography-section-header-headline {
    line-height: 1.35;
  }
  .section-hightlights .gallery-item.media-gallery-item-5 .caption-container .pin-offset.typography-media-card-gallery-headline {
    width: 390px;
  }
  .media-gallery-item-2 .media-block {
    --media-offset-x: -1120px;
  }
  .gallery-item.media-gallery-item-2 .caption-container .pin-offset.typography-media-card-gallery-headline {
    width: 420px;
  }
  .router-card .router-card-image {
    margin-block-end: 24px;
  }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-liquid-glass .typography-eyebrow-elevated {
    line-height: 1.4;
  }
  .section-apple-intelligence .copy-section-header-copy.typography-eyebrow-elevated {
    line-height: 1.4;
  }
  .section-communication .copy-section-header-headline.typography-copy-section-headline {
    line-height: 1.3;
  }
  .section-routers .router-card-headline.typography-section-header-headline {
    line-height: 1.35;
  }
   .media-gallery-item-2 .media-block {
    --media-offset-x: -840px;
  }
  .router-card .router-card-image {
    margin-block-end: 10px;
  }
}
.section-routers .router-card .router-card-headline {
  max-width: 18ch;
}

@media screen and (min-width: 1064px) {
  .card-container.gallery-item.media-gallery-item-2 .caption-container.large-pin-center-right .caption {
    width: 420px;
  }
}

@media screen and (min-width: 1064px) {
  .card-container.gallery-item.media-gallery-item-4 .caption-container.large-pin-top-right .caption {
    width: 675px;
  } 
}

@media only screen and (max-width: 734px) {
  .media-gallery-item-live-translation .caption-container.large-pin-top-right .caption  {
    width: 290px !important;
  }
  .router-card .router-card-image {
    margin-block-end: 20px;
  }
}