/*** Arabic Fonts ****/

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

#globalnav .globalnav-submenu-list-item-elevated, 
#globalnav .globalnav-submenu-list-item-elevated:lang(ar), 
#ac-localnav .ac-ln-title, 
#ac-localnav .ac-ln-title:lang(ar), 
.stat .stat-value, 
.stat .stat-value:lang(ar), 
.typography-headline-elevated, 
.typography-headline-elevated:lang(ar), 
.typography-headline, 
.typography-headline:lang(ar), 
.typography-eyebrow-elevated, 
.typography-eyebrow-elevated:lang(ar), 
.typography-eyebrow, 
.typography-eyebrow:lang(ar), 
.typography-section-headline, 
.typography-section-headline:lang(ar), 
.typography-card-utterance, 
.typography-card-utterance:lang(ar), 
.typography-media-card-gallery-headline, 
.typography-media-card-gallery-headline:lang(ar), 
.typography-icon-card-headline, 
.typography-icon-card-headline:lang(ar), 
.typography-icon-card-modal-content-inline-headline, 
.typography-icon-card-modal-content-inline-headline:lang(ar), 
.typography-icon-card-modal-content-body, 
.typography-icon-card-modal-content-body:lang(ar), 
.typography-index-headline, 
.typography-index-headline:lang(ar), 
.typography-index-item-elevated, 
.typography-index-item-elevated:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-headline:lang(ar), 
.typography-modal-header-topic-label, 
.typography-modal-header-topic-label:lang(ar), 
.typography-modal-header-headline, 
.typography-modal-header-headline:lang(ar), 
.typography-product-tile-headline, 
.typography-product-tile-headline:lang(ar), 
.typography-tout-subheading, 
.typography-tout-subheading:lang(ar), 
.typography-marquee-eyebrow-elevated, 
.typography-marquee-eyebrow-elevated:lang(ar), 
.section-charging .stat-value, 
.section-charging .stat-value:lang(ar), 
.section-charging .stat-caption, 
.section-charging .stat-caption: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), 
#ac-localnav .ac-ln-menu, 
#ac-localnav .ac-ln-menu:lang(ar), 
#ac-localnav .ac-ln-button, 
#ac-localnav .ac-ln-button:lang(ar), 
.stat .stat-caption, 
.stat .stat-caption:lang(ar), 
html, 
[lang]:lang(ar), 
body, 
body:lang(ar), 
.button, 
.button:lang(ar), 
.typography-caption, 
.typography-caption:lang(ar), 
.typography-body-tight-semibold, 
.typography-body-tight-semibold:lang(ar), 
.typography-milestone-primary, 
.typography-milestone-primary:lang(ar), 
.typography-all-access-pass-base-text, 
.typography-all-access-pass-base-text:lang(ar), 
.typography-icon-card-body-copy, 
.typography-icon-card-body-copy:lang(ar), 
.typography-index-list-title, 
.typography-index-list-title:lang(ar), 
.typography-index-item-base, 
.typography-index-item-base:lang(ar), 
.typography-section-header-link, 
.typography-section-header-link:lang(ar), 
.typography-product-tile-subheading, 
.typography-product-tile-subheading:lang(ar), 
.typography-product-tile-positioning, 
.typography-product-tile-positioning:lang(ar), 
.typography-product-tile-ctas, 
.typography-product-tile-ctas:lang(ar), 
.typography-tout-copy, 
.typography-tout-copy:lang(ar), 
.section-welcome .detail-inner-group, 
.section-welcome .detail-inner-group:lang(ar), 
.ac-video-controls .controls-captions-selector, 
.ac-video-controls .ac-video-captions-selector-back-button, 
.controls-progress-time, 
.controls-progress-dvr-label-container .live-stream-text, .live-stream .live-stream-text, 
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-time, 
.ac-video-player .ac-video-overlay-container div .ac-video-trickplay .ac-video-trickplay-chapter-title, 
.sharing-state .container .textarea-container .copy-area {
    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 (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), 
#ac-localnav .ac-ln-title, 
#ac-localnav .ac-ln-title: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), 
#ac-localnav .ac-ln-menu, 
#ac-localnav .ac-ln-menu: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-headline-elevated, 
.typography-headline-elevated:lang(ar), 
.typography-headline, 
.typography-headline:lang(ar), 
.typography-eyebrow-elevated, 
.typography-eyebrow-elevated:lang(ar), 
.typography-eyebrow, 
.typography-eyebrow:lang(ar), 
.typography-section-headline, 
.typography-section-headline:lang(ar), 
.typography-card-utterance, 
.typography-card-utterance:lang(ar), 
.typography-media-card-gallery-headline, 
.typography-media-card-gallery-headline:lang(ar), 
.typography-icon-card-headline, 
.typography-icon-card-headline:lang(ar), 
.typography-index-headline, 
.typography-index-headline:lang(ar), 
.typography-index-item-elevated, 
.typography-index-item-elevated:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-headline:lang(ar), 
.typography-modal-header-headline, 
.typography-modal-header-headline:lang(ar), 
.typography-product-tile-headline, 
.typography-product-tile-headline:lang(ar), 
.typography-tout-subheading, 
.typography-tout-subheading:lang(ar), 
.typography-marquee-eyebrow-elevated, 
.typography-marquee-eyebrow-elevated:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

}

@media (max-width: 734px) {
.typography-headline-elevated, 
.typography-headline-elevated:lang(ar), 
.typography-headline, 
.typography-headline:lang(ar), 
.typography-eyebrow-elevated, 
.typography-eyebrow-elevated:lang(ar), 
.typography-section-headline, 
.typography-section-headline:lang(ar), 
.typography-card-utterance, 
.typography-card-utterance:lang(ar), 
.typography-media-card-gallery-headline, 
.typography-media-card-gallery-headline:lang(ar), 
.typography-icon-card-headline, 
.typography-icon-card-headline:lang(ar), 
.typography-index-headline, 
.typography-index-headline:lang(ar), 
.typography-index-item-elevated, 
.typography-index-item-elevated:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-headline:lang(ar), 
.typography-modal-header-headline, 
.typography-modal-header-headline:lang(ar), 
.typography-product-tile-headline, 
.typography-product-tile-headline:lang(ar), 
.typography-tout-subheading, 
.typography-tout-subheading:lang(ar), 
.typography-marquee-eyebrow-elevated, 
.typography-marquee-eyebrow-elevated:lang(ar), 
.section-charging .stat-caption, 
.section-charging .stat-caption:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.typography-body-tight-semibold, 
.typography-body-tight-semibold:lang(ar), 
.typography-milestone-primary, 
.typography-milestone-primary:lang(ar), 
.typography-all-access-pass-base-text, 
.typography-all-access-pass-base-text:lang(ar), 
.typography-icon-card-body-copy, 
.typography-icon-card-body-copy:lang(ar), 
.typography-icon-card-modal-content-inline-headline, 
.typography-icon-card-modal-content-inline-headline:lang(ar), 
.typography-icon-card-modal-content-body, 
.typography-icon-card-modal-content-body:lang(ar), 
.typography-index-list-title, 
.typography-index-list-title:lang(ar), 
.typography-index-item-base, 
.typography-index-item-base:lang(ar), 
.typography-section-header-link, 
.typography-section-header-link:lang(ar), 
.typography-modal-header-topic-label, 
.typography-modal-header-topic-label:lang(ar), 
.typography-product-tile-subheading, 
.typography-product-tile-subheading:lang(ar), 
.typography-product-tile-positioning, 
.typography-product-tile-positioning:lang(ar), 
.typography-product-tile-ctas, 
.typography-product-tile-ctas:lang(ar), 
.section-welcome .detail-inner-group, 
.section-welcome .detail-inner-group: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-headline-elevated, 
.typography-headline-elevated:lang(ar), 
.typography-eyebrow-elevated, 
.typography-eyebrow-elevated:lang(ar), 
.typography-eyebrow, 
.typography-eyebrow:lang(ar), 
.typography-section-headline, 
.typography-section-headline:lang(ar), 
.typography-index-headline, 
.typography-index-headline:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-headline:lang(ar), 
.typography-modal-header-headline, 
.typography-modal-header-headline:lang(ar), 
.typography-marquee-eyebrow-elevated, 
.typography-marquee-eyebrow-elevated:lang(ar), 
.section-charging .stat-value, 
.section-charging .stat-value: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-gallery-headline, 
.typography-media-card-gallery-headline:lang(ar), 
.section-charging .stat-caption, 
.section-charging .stat-caption:lang(ar) { 
    font-family: "SF Pro AR Text", "SF Pro Gulf", "SF Pro Display", "SF Pro Icons",
    "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }
}


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

/*** Arabic Fonts ****/

.section-magic .siri {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-image: conic-gradient(from 45deg, #bb64ff, #f28, #ff8b00 28%, #f2416b, #e750de 60%, #0096ff, #bb64ff);
    border-radius: 25px;
    padding:32px
}

.section-magic .siri::before {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    inset: 38px;
    box-shadow: 0 0 32px 40px #fff;
    border-radius:9px
}

.section-magic .siri .gallery-item-copy {
    z-index:1
}

.section-magic .siri .gallery-item-copy span {
    --gradient: linear-gradient(108deg, #0894ff, #c959dd 34%, #ff2e54 68%, #ff9004);
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    background-image:var(--gradient)
}

.section-anc .anc-intro-image {
  right: 50%;
  transform: translateX(50%);
  left: auto;
}

.typography-eyebrow{
  line-height: 1.2666666667;
}

@media only screen and (min-width: 1069px) {
  .typography-media-card-gallery-headline {
    line-height: 1.2428571429;
  }
}

@media (min-width: 1069px) {
    .copy-container {
        width: 1000px;
    }
}

html[dir=rtl] .ric-modal .ric-modal-close-button .ric-modal-close-icon svg{
  transform: translateX(50%);
}

.section-environment .section-header-headline{
  max-width: 100%;
  width: 100%;
}

.section-bento-gallery .gallery-item .positioned-media-element{
  transform: translateX(50%);
}

.section-product-stories #scroll-gallery-item-2 .gallery-item-figure {
  direction: ltr;
}

@media only screen and (max-width: 734px) {
  .section-charging .stats {
   direction: ltr; 
  }

  .section-charging .stats .stat-caption,
  .section-charging .stats .stat-value {
    direction: rtl;
  }

}

@media (min-width: 1069px) and (max-width: 1169px){
    .copy-container {
        width: 100%;
        max-width: 1150px;
        margin-inline: auto;
    
    }
}

@media only screen and (min-width: 735px) and (max-width: 975px) {
  .section-charging .stat-caption{
         position: static;          
  width: 100%;
  max-width: 372px;
  margin-inline: auto;
  left: unset;
  transform: none;
    
    }
}

@media only screen and (min-width: 1069px) {
  #gallery-item-values-privacy .icon-card-headline {
    white-space: nowrap;
  }
}


@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-media-card .section-header .section-header-headline {
    max-width: 100%;
  }
}


@media only screen and (min-width: 735px) and (max-width: 780px) {
  .section-header .section-header-headline {
    min-width: 80%;
  }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .section-environment #gallery-item-recycled .icon-card-headline {
    min-width: 108%;
  }
}

@media only screen and (max-width: 734px) {
  .section-welcome .media-container {
    direction: ltr;
  }
}

@media only screen and (max-width: 440px) {
  .icon-card .tile-content {
    max-height: 225px;
  }
}

@media only screen and (max-width: 734px) {
  .section-new-audio-experience .scroll-gallery .card .with-copy.spatial-audio .gallery-item-copy {
    left: 0;
    right: 0;
  }
  #overview-contrast-icon-sensor-swipe-1,
  #overview-contrast-icon-sensor-tap-1,
  #overview-contrast-airpods-chargingcase-wireless-2,
  #overview-contrast-airpods-chargingcase-wireless-1{
    margin-right: -10px;
  }
}

.section-charging{
  padding-top: 0;
}
#scroll-gallery-magic {
  padding-bottom: 0;
}

@media only screen and (min-width: 735px) and (max-width: 975px) {
  .stat .stat-content {
    margin-top: 5px;
    margin-bottom: 0;
  }
}

#overview-icon-card-icon-applecard-1 {
  margin-top: 5px;
}

#overview-icon-card-icon-message-and-message-1 {
  margin-top: -4px;
}

@media only screen and (min-width: 976px) and (max-width: 1068px) {
  .section-charging .charging-options {
    margin-top: 215px;
  }
}

@media only screen and (min-width: 1069px) {

.section-charging .charging-options {
  margin-top: 192px;
}
}