/*** 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), 
.typography-headline, 
.typography-headline:lang(ar), 
.typography-eyebrow-elevated, 
.typography-eyebrow-elevated:lang(ar), 
.typography-label, 
.typography-label:lang(ar), 
.typography-tout, 
.typography-tout:lang(ar), 
.typography-hero-copy, 
.typography-hero-copy:lang(ar), 
.typography-hero-headline, 
.typography-hero-headline:lang(ar), 
.typography-hero-card-boc-headline, 
.typography-hero-card-boc-headline:lang(ar), 
.typography-subsection-headline, 
.typography-subsection-headline:lang(ar), 
.typography-subsection-headline-reduced, 
.typography-subsection-headline-reduced:lang(ar), 
.typography-card-big-headline, 
.typography-card-big-headline:lang(ar), 
.typography-graph-stat, 
.typography-graph-stat:lang(ar), 
.typography-section-headline, 
.typography-section-headline:lang(ar), 
.section-select .product-tile-headline, 
.section-select .product-tile-headline:lang(ar), 
.section-select .section-header-headline, 
.section-select .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), 
#ac-localnav .ac-ln-menu, 
#ac-localnav .ac-ln-menu:lang(ar), 
#ac-localnav .ac-ln-button, 
#ac-localnav .ac-ln-button:lang(ar), 
html, 
[lang]:lang(ar), 
body, 
body:lang(ar), 
.badge, 
.badge:lang(ar), 
.typography-body, 
.typography-body:lang(ar), 
.typography-body-reduced-tight, 
.typography-body-reduced-tight:lang(ar), 
.typography-family-paragraph, 
.typography-family-paragraph:lang(ar), 
.typography-section-headline-link, 
.typography-section-headline-link:lang(ar), 
.tabnav, 
.tabnav:lang(ar), 
.scroll-gallery .scroll-gallery-tabnav-wrapper .scroll-gallery-tabnav, 
.scroll-gallery .scroll-gallery-tabnav-wrapper .scroll-gallery-tabnav:lang(ar), 
.button, 
.button:lang(ar), 
.section-select .product-tile-badge, 
.section-select .product-tile-badge:lang(ar), 
.section-select .product-tile-subheading, 
.section-select .product-tile-subheading:lang(ar), 
.section-select .product-tile-positioning, 
.section-select .product-tile-positioning:lang(ar), 
.section-select .product-tile-price, 
.section-select .product-tile-price:lang(ar), 
.section-select .product-tile-ctas, 
.section-select .product-tile-ctas: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: 833px) {
#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; 
  }

#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, 
.typography-headline:lang(ar), 
.typography-eyebrow-elevated, 
.typography-eyebrow-elevated:lang(ar), 
.typography-label, 
.typography-label:lang(ar), 
.typography-hero-headline, 
.typography-hero-headline:lang(ar), 
.typography-hero-card-boc-headline, 
.typography-hero-card-boc-headline:lang(ar), 
.typography-subsection-headline, 
.typography-subsection-headline:lang(ar), 
.typography-subsection-headline-reduced, 
.typography-subsection-headline-reduced:lang(ar), 
.typography-card-big-headline, 
.typography-card-big-headline:lang(ar), 
.typography-section-headline, 
.typography-section-headline:lang(ar), 
.section-select .product-tile-headline, 
.section-select .product-tile-headline:lang(ar), 
.section-select .section-header-headline, 
.section-select .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; 
  }

}

@media (max-width: 734px) {
.typography-headline, 
.typography-headline:lang(ar), 
.typography-eyebrow-elevated, 
.typography-eyebrow-elevated:lang(ar), 
.typography-hero-copy, 
.typography-hero-copy:lang(ar), 
.typography-hero-card-boc-headline, 
.typography-hero-card-boc-headline:lang(ar), 
.typography-subsection-headline, 
.typography-subsection-headline:lang(ar), 
.typography-subsection-headline-reduced, 
.typography-subsection-headline-reduced:lang(ar), 
.typography-card-big-headline, 
.typography-card-big-headline:lang(ar), 
.typography-graph-stat, 
.typography-graph-stat:lang(ar), 
.typography-section-headline, 
.typography-section-headline:lang(ar), 
.section-welcome .hero-card-headline, 
.section-welcome .hero-card-headline:lang(ar), 
.card-big-financing .card-big-headline, 
.card-big-financing .card-big-headline:lang(ar), 
.section-select .product-tile-headline, 
.section-select .product-tile-headline:lang(ar), 
.section-select .section-header-headline, 
.section-select .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-family-paragraph, 
.typography-family-paragraph:lang(ar), 
.typography-section-headline-link, 
.typography-section-headline-link:lang(ar), 
.scroll-gallery .scroll-gallery-tabnav-wrapper .scroll-gallery-tabnav, 
.scroll-gallery .scroll-gallery-tabnav-wrapper .scroll-gallery-tabnav:lang(ar), 
.section-select .product-tile-subheading, 
.section-select .product-tile-subheading:lang(ar), 
.section-select .product-tile-positioning, 
.section-select .product-tile-positioning:lang(ar), 
.section-select .product-tile-price, 
.section-select .product-tile-price:lang(ar), 
.section-select .product-tile-ctas, 
.section-select .product-tile-ctas: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) and (max-width: 1068px) {
.section-welcome .hero-card-headline, 
.section-welcome .hero-card-headline:lang(ar), 
.card-big-financing .card-big-headline, 
.card-big-financing .card-big-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 (max-width: 734px) and (max-width: 734px) {
.section-welcome .hero-card-headline, 
.section-welcome .hero-card-headline:lang(ar), 
.card-big-financing .card-big-headline, 
.card-big-financing .card-big-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 (min-width: 735px) {
.section-select .product-tile-ctas .button, .section-select .product-tile-ctas .product-tile-current, .section-select .product-tile-ctas button, 
.section-select .product-tile-ctas .button:lang(ar), .section-select .product-tile-ctas .product-tile-current:lang(ar), .section-select .product-tile-ctas button: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 ****/


#gallery-features .hero-card-boc-headline {
  font-size: 56px;
  text-align: start;
}

@media screen and (min-width: 1315px) {
  #ways-to-save .controls-paddles {
    display: none;
  }
}

@media screen and (min-width: 1315px) {
  #overview-welcome-hero-logo-1 {
    margin-left: -10px;
  }
}

@media screen and (min-width: 734px) and (max-width: 1315px) {
  #overview-welcome-hero-logo-1 {
    margin-left: -5px;
  }
}

.select-gallery-container .tabnav {
  margin-left: unset;
  margin-right: var(--gallery-side-padding);
}

.card-big-setup .green-indicator {
  padding-block: 6px;
}

.card-big-icon {
  right: unset;
  left: var(--trigger-offset-inline);
}

.card-big.card-big-reliable.card-big-dark {
  flex-direction: row-reverse;
}

.card-big.card-big-ai button svg,
.card-big.card-big-security.card-big-dark button svg,
.card-big.card-big-display.card-big-dark button svg,
.card-big.card-big-apple-intelligence.card-big-dark button svg,
.card-big.card-big-reliable.card-big-dark button svg {
  --bg: white;
  --fg: black;
}

.section-home .headline {
  max-width: 9em;
}

#get-more #ai,
#worth-it #reliability {
  direction: ltr;
}

#worth-it #durability > div,
#made-for-ai > div,
#get-more #privacy-security > div,
#worth-it #trade-in > div {
  padding-inline-start: unset;
  padding-inline-end: 0;
}

#get-more #ai > div > p,
#worth-it #durability > div > p,
#worth-it #reliability > div > p,
#worth-it #trade-in > div > p {
  direction: rtl;
}

#get-more #performance > div > p {
  margin-left: auto;
}
#get-more #performance > .card-big.card-big-performance {
  padding-left: 0;
}

#get-more #privacy-security p {
  text-align: right;
}

.card-big-durable .card-big-image {
  align-self: start;
}


#trade-in .card-big-image {
  align-self: end;
}

#privacy-security > div > p {
  padding-right: 60px;
}

.card-big-mac-and-iphone .card-big-headline {
  max-width: 12em;
}

.section-ways-to-save .headline {
  max-width: 10em;
}

.section-welcome .hero-container .headline-container .suffix-container .suffix-text {
  width: 100%;
}

.section-even-more .headline {
  max-width: 8em;
  line-height: 1.15;
}

#reliable .card-big-reliable .icon {
  width: 64px;
}

.section-ways-to-save #monthly .card-small-headline {
  max-width: 18em;
}

@media screen and (min-width: 735px) {
  .highlight:before {
      top: calc(var(--offset) / 2);
  }
}

#modal-trade-in .modal-content-trade-in p.typography-label,
.card-big-headline.selectable.typography-card-big-headline {
line-height: 1.25;
}

.ai-disclaimer-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 40px;
}

.ai-disclaimer-container .ai-disclaimer {
    color: #6E6E73;
    font-size: 13px;
    font-weight: 400;
}

.ai-disclaimer-container p:last-child {
    margin: unset;
}

@media screen and (max-width: 734px) {
  .card-big-mac-and-iphone .highlight-ml:before {
    width: 110%;
  }

  .card-big-setup .icon-ellipsis {
    top: 0px;
  }

  .card-big-setup .icon-files {
    top: 0px;
  }

  #privacy-security > div > p {
    padding-right: 40px;
  }

  #reliable .card-big-reliable .icon {
    width: 31px;
  }

  #reliable .card-big.card-big-reliable.card-big-dark {
    flex-direction: column;
  }

  #reliable .card-big-reliable .card-big-image {
    margin-inline-start: unset;
    margin-inline-end: auto;
  }

  #overview-select-product-tile-mba-13-15-1 {
    margin-right: -15px;
  }

  #overview-select-product-tile-studio-display-1 {
    margin-right: -30px;
  }

  #overview-home-boc-boc-macos-02-1 .modal.modal-card-big .modal-image picture img {
    object-position: right;
  }

}

@media screen and (max-width: 734px) {
  .suffix-container.highlighting {
    height: 56px;
  }

  .section-welcome .headline-container.engaged {
    min-height: 108px;
  }
}

@media screen and (min-width: 1068px) {
  .headline.hero-headline.typography-hero-headline,
  .suffix-container.highlighting {
    height: 108px;
  }
}

@media screen and (min-width: 735px) {
  .card-big-mac-and-iphone .highlight-ml:before {
    left: 0ch;
  }

  .modal.modal-card-big .modal-headline {
    left: unset;
    right: 48px;
  }

  #ai .card-big-apple-intelligence {
    padding-block-start: 50px;
  }

  #ai .card-big-apple-intelligence > .card-big-headline {
    padding-bottom: 10px;
  }
}

@media screen and (min-width: 735px) and (max-width: 1068px) {
  #made-for-ai .card-big-ai .card-big-headline {
    --padding-inline: 48px;
  }

  .headline.hero-headline.typography-hero-headline,
  .suffix-container.highlighting {
    height: 56px;
  } 

  .card-big-setup .icon-ellipsis {
    top: 8px;
  }

  .card-big-setup .icon-files {
    top: 8px;
  }
}


@media screen and (max-width: 734px) {
.card-big-trade-in .card-big-image{
            margin-block: 40px auto;
}
}

.section-welcome .hero-container .overview-welcome-hero-logo {
    margin-inline-end: unset;
    margin-inline-start: var(--logo-margin);
}


@media (max-width: 1068px) {
    .scroll-gallery-card-big .controls-autoplay-tabnav {
        transform: translateX(-10px);
    }
}

.card-big.card-big-battery .card-big-headline.typography-card-big-headline sup {
  font-family: system-ui;
}

@media only screen and (max-width: 734px) {
  #home #mac-iphone > div > p {
    margin-right: 28px;
  }
}

@media only screen and (max-width: 734px) {
  .card-big.card-big-reliable.card-big-dark {
    flex-direction: column
  }
  .card-big-reliable .card-big-image {
    margin-inline-start: unset;
    margin-inline-end: auto;
  }
}

@media only screen and (min-width: 735px) {
  .card-big.card-big-ai button svg {
    --bg: black;
    --fg: white;
  }
}

@media only screen and (max-width: 734px) {
  #mac-iphone .card-big.card-big-mac-and-iphone {
    direction: ltr;
 }
 #home #mac-iphone > div > p {
  direction: rtl;
  margin-top: 70px;
  margin-bottom: auto;
  }
}

@media only screen and (max-width: 734px) {
    #home #mac-iphone > div > p {
        margin-right: 0;
    }
}

@media only screen and (min-width: 735px) {
  .card-big-ai .card-big-headline {
      padding-inline-start: 50px;
      padding-inline-end: 60px;
  }
}

@media only screen and (max-width: 734px) {
    #made-for-ai {
        direction: ltr;
    }
}

@media (max-width: 734px) {
    #made-for-ai .card-big-headline {
        direction: rtl;
    }
}

@media only screen and (max-width: 734px) {
    #mac-os {
        direction: ltr;
    }
}

@media (max-width: 734px) {
    #mac-os .card-big-headline {
        direction: rtl;
    }
}

@media (max-width: 734px) {
    .card-big-macos .card-big-headline {
        padding-inline-start: var(--padding-inline);
    }
}

.card-big-financing .card-big-headline {
    max-width: 395px;
}

@media screen and (min-width: 735px) and (max-width: 1068px) {
    #ai .card-big-apple-intelligence {
        padding-block-start: 20px;
    }
}

@media (max-width: 734px) {
    #display .card-big {
        --align-top-padding-inline: 0 40px;
    }
}

@media (max-width: 734px) {
    .overview-get-more-apple-intelligence {
        margin-block-end: -20px;
    }
}


@media only screen and (min-width: 735px) {
    .card-big-ai .card-big-headline {
        padding-inline-start: 50px;
        padding-inline-end: 30px;
    }
}

.card-big-ai .card-big-headline {
    text-align: right;
}

.card-big-display .card-big-headline {
    text-align: right;
}

@media (max-width: 734px) {
    .card-big-macos .card-big-headline {
        padding-inline-end: 0px;
    }
}