/*** Arabic Fonts ****/
/********************/
#globalnav .globalnav-submenu-list-item-elevated, 
#globalnav .globalnav-submenu-list-item-elevated:lang(ar), 
.stat .stat-value, 
.stat .stat-value:lang(ar), 
.stat-reduced .stat-value, 
.stat-reduced .stat-value:lang(ar), 
.typography-eyebrow-elevated, 
.typography-eyebrow-elevated:lang(ar), 
.typography-label, 
.typography-label:lang(ar), 
.typography-localnav-product-name, 
.typography-localnav-product-name:lang(ar), 
.typography-localnav-links, 
.typography-localnav-links:lang(ar), 
.typography-accordion-lockup-title-text, 
.typography-accordion-lockup-title-text:lang(ar), 
.typography-feature-card-headline, 
.typography-feature-card-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-media-card-gallery-headline, 
.typography-media-card-gallery-headline:lang(ar), 
.typography-media-hero-headline-base, 
.typography-media-hero-headline-base: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-section-header-headline, 
.typography-section-header-headline:lang(ar), 
.typography-tout-subheading, 
.typography-tout-subheading:lang(ar), 
.typography-utility-modal-block-inline-headline, 
.typography-utility-modal-block-inline-headline:lang(ar), 
.typography-utility-modal-block-body, 
.typography-utility-modal-block-body:lang(ar), 
.typography-ps-immersive-display-copy, 
.typography-ps-immersive-display-copy:lang(ar), 
.typography-ric-type-lockup-xxl-eyebrow, 
.typography-ric-type-lockup-xxl-eyebrow:lang(ar), 
.typography-ric-type-lockup-xxl-headline, 
.typography-ric-type-lockup-xxl-headline:lang(ar), 
.typography-ric-type-lockup-xxl-copy, 
.typography-ric-type-lockup-xxl-copy:lang(ar), 
.typography-ric-type-lockup-super-headline, 
.typography-ric-type-lockup-super-headline:lang(ar), 
.typography-ric-type-lockup-super-copy, 
.typography-ric-type-lockup-super-copy:lang(ar), 
.localnav-container .content-expand-wrap .product-action .product-name .product-name-title, 
.localnav-container .content-expand-wrap .product-action .product-name .product-name-title:lang(ar), 
section.section-media-hero.media-layout-background .marquee-eyebrow, 
section.section-media-hero.media-layout-background .marquee-eyebrow:lang(ar), 
section.section-media-hero.media-layout-background .marquee-headline, 
section.section-media-hero.media-layout-background .marquee-headline:lang(ar), 
.accordion-item, 
.accordion-item:lang(ar), 
.section-performance .inline-compare-tile-grid .stat .stat-value, 
.section-performance .inline-compare-tile-grid .stat .stat-value: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), 
.badge-reduced, 
.badge-reduced:lang(ar), 
.stat .stat-caption, 
.stat .stat-caption:lang(ar), 
.stat-reduced .stat-caption, 
.stat-reduced .stat-caption:lang(ar), 
.typography-body-reduced, 
.typography-body-reduced:lang(ar), 
.typography-body-reduced-tight, 
.typography-body-reduced-tight:lang(ar), 
.typography-caption, 
.typography-caption:lang(ar), 
.typography-localnav-tabs, 
.typography-localnav-tabs:lang(ar), 
.typography-all-access-pass-pv-item-label, 
.typography-all-access-pass-pv-item-label:lang(ar), 
.typography-all-access-pass-pv-item-title, 
.typography-all-access-pass-pv-item-title:lang(ar), 
.typography-all-access-pass-pv-item-body, 
.typography-all-access-pass-pv-item-body:lang(ar), 
.typography-dropdown-select, 
.typography-dropdown-select:lang(ar), 
.typography-dropdown-label, 
.typography-dropdown-label:lang(ar), 
.typography-feature-card-label, 
.typography-feature-card-label:lang(ar), 
.typography-feature-card-body, 
.typography-feature-card-body: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-media-hero-body-reduced, 
.typography-media-hero-body-reduced:lang(ar), 
.typography-product-tile-positioning, 
.typography-product-tile-positioning:lang(ar), 
.typography-product-tile-price, 
.typography-product-tile-price:lang(ar), 
.typography-product-tile-ctas, 
.typography-product-tile-ctas:lang(ar), 
.typography-section-header-link, 
.typography-section-header-link:lang(ar), 
.typography-tout-copy, 
.typography-tout-copy:lang(ar), 
.localnav-container .content-expand-wrap .product-options .option-cta.button, 
.localnav-container .content-expand-wrap .product-options .option-cta.button:lang(ar), 
section.section-media-hero.media-layout-background .marquee.links-platter .marquee-detail .button-wrapper .marquee-button, 
section.section-media-hero.media-layout-background .marquee.links-platter .marquee-detail .button-wrapper .marquee-button:lang(ar), 
.colornav-link.current .colornav-label, .colornav-value:checked ~ .colornav-link .colornav-label, 
.colornav-link.current .colornav-label:lang(ar), .colornav-value:checked ~ .colornav-link .colornav-label:lang(ar), 
.aap-text-icon-control .icon-copy, 
.aap-text-icon-control .icon-copy:lang(ar), 
.product-tile-ctas .product-tile-current, 
.product-tile-ctas .product-tile-current:lang(ar), 
.colorindicator .colorindicator-item.colorindicator-label, 
.colorindicator .colorindicator-item.colorindicator-label:lang(ar), 
.iconcontrol, 
.iconcontrol:lang(ar), 
.accordion-toggle-all .accordion-toggle-all-button, 
.accordion-toggle-all .accordion-toggle-all-button:lang(ar), 
.paragraph-lockup .paragraph-lockup-copy, 
.paragraph-lockup .paragraph-lockup-copy:lang(ar), 
.button, 
.button:lang(ar), 
:has(.caption-primary, .caption-secondary) .caption-primary, 
:has(.caption-primary, .caption-secondary) .caption-primary:lang(ar), 
:has(.caption-primary, .caption-secondary) .caption-heading, 
:has(.caption-primary, .caption-secondary) .caption-heading:lang(ar), 
:has(.caption-primary, .caption-secondary) .caption-cta-container, 
:has(.caption-primary, .caption-secondary) .caption-cta-container:lang(ar), 
:has(.caption-primary, .caption-secondary) .caption-sosumi, 
:has(.caption-primary, .caption-secondary) .caption-sosumi:lang(ar), 
.tabnav, 
.tabnav:lang(ar), 
.form-dropdown-input, .form-dropdown-select, 
.form-dropdown-input:lang(ar), .form-dropdown-select:lang(ar), 
.form-dropdown-pill .form-dropdown-select, 
.form-dropdown-pill .form-dropdown-select:lang(ar), 
.form-dropdown-pill-elevated .form-dropdown-select, .form-dropdown-pill-super .form-dropdown-select, 
.form-dropdown-pill-elevated .form-dropdown-select:lang(ar), .form-dropdown-pill-super .form-dropdown-select:lang(ar), 
.inline-compare .form-dropdown .form-dropdown-select, 
.inline-compare .form-dropdown .form-dropdown-select:lang(ar), 
.section-performance .inline-compare-tile-grid .stat .stat-caption, 
.section-performance .inline-compare-tile-grid .stat .stat-caption: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) { 
    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-label, 
.typography-label:lang(ar), 
.typography-accordion-lockup-title-text, 
.typography-accordion-lockup-title-text:lang(ar), 
.typography-feature-card-headline, 
.typography-feature-card-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-media-card-gallery-headline, 
.typography-media-card-gallery-headline:lang(ar), 
.typography-media-hero-headline-base, 
.typography-media-hero-headline-base:lang(ar), 
.typography-modal-header-headline, 
.typography-modal-header-headline:lang(ar), 
.typography-product-tile-headline, 
.typography-product-tile-headline:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-headline:lang(ar), 
.typography-tout-subheading, 
.typography-tout-subheading:lang(ar), 
.typography-ps-immersive-display-copy, 
.typography-ps-immersive-display-copy:lang(ar), 
.typography-ric-type-lockup-xxl-eyebrow, 
.typography-ric-type-lockup-xxl-eyebrow:lang(ar), 
.typography-ric-type-lockup-xxl-headline, 
.typography-ric-type-lockup-xxl-headline:lang(ar), 
.typography-ric-type-lockup-xxl-copy, 
.typography-ric-type-lockup-xxl-copy:lang(ar), 
.typography-ric-type-lockup-super-headline, 
.typography-ric-type-lockup-super-headline:lang(ar), 
.typography-ric-type-lockup-super-copy, 
.typography-ric-type-lockup-super-copy:lang(ar), 
section.section-media-hero.media-layout-background .marquee-headline, 
section.section-media-hero.media-layout-background .marquee-headline:lang(ar), 
.accordion-item, 
.accordion-item:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.typography-dropdown-select, 
.typography-dropdown-select:lang(ar), 
.typography-feature-card-body, 
.typography-feature-card-body:lang(ar), 
section.section-media-hero.media-layout-background .marquee.links-platter .marquee-detail .button-wrapper .marquee-button, 
section.section-media-hero.media-layout-background .marquee.links-platter .marquee-detail .button-wrapper .marquee-button:lang(ar), 
.inline-compare .form-dropdown .form-dropdown-select, 
.inline-compare .form-dropdown .form-dropdown-select: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-accordion-lockup-title-text, 
.typography-accordion-lockup-title-text:lang(ar), 
.typography-feature-card-headline, 
.typography-feature-card-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-media-hero-headline-base, 
.typography-media-hero-headline-base:lang(ar), 
.typography-modal-header-headline, 
.typography-modal-header-headline:lang(ar), 
.typography-product-tile-headline, 
.typography-product-tile-headline:lang(ar), 
.typography-section-header-headline, 
.typography-section-header-headline:lang(ar), 
.typography-tout-subheading, 
.typography-tout-subheading:lang(ar), 
.typography-ric-type-lockup-xxl-eyebrow, 
.typography-ric-type-lockup-xxl-eyebrow:lang(ar), 
.typography-ric-type-lockup-xxl-headline, 
.typography-ric-type-lockup-xxl-headline:lang(ar), 
.typography-ric-type-lockup-xxl-copy, 
.typography-ric-type-lockup-xxl-copy:lang(ar), 
.typography-ric-type-lockup-super-headline, 
.typography-ric-type-lockup-super-headline:lang(ar), 
section.section-media-hero.media-layout-background .marquee-headline, 
section.section-media-hero.media-layout-background .marquee-headline:lang(ar), 
.accordion-item, 
.accordion-item:lang(ar) { 
    font-family: "SF Pro AR Display", "SF Pro Gulf", "SF Pro Display",
    "SF Pro Icons", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  }

.typography-all-access-pass-pv-item-label, 
.typography-all-access-pass-pv-item-label:lang(ar), 
.typography-all-access-pass-pv-item-title, 
.typography-all-access-pass-pv-item-title:lang(ar), 
.typography-all-access-pass-pv-item-body, 
.typography-all-access-pass-pv-item-body:lang(ar), 
.typography-dropdown-label, 
.typography-dropdown-label:lang(ar), 
.typography-feature-card-label, 
.typography-feature-card-label: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-media-card-gallery-headline, 
.typography-media-card-gallery-headline:lang(ar), 
.typography-modal-header-topic-label, 
.typography-modal-header-topic-label:lang(ar), 
.typography-product-tile-positioning, 
.typography-product-tile-positioning:lang(ar), 
.typography-product-tile-price, 
.typography-product-tile-price:lang(ar), 
.typography-product-tile-ctas, 
.typography-product-tile-ctas:lang(ar), 
.typography-section-header-link, 
.typography-section-header-link:lang(ar), 
.typography-utility-modal-block-inline-headline, 
.typography-utility-modal-block-inline-headline:lang(ar), 
.typography-utility-modal-block-body, 
.typography-utility-modal-block-body:lang(ar), 
.typography-ric-type-lockup-super-copy, 
.typography-ric-type-lockup-super-copy:lang(ar), 
.aap-text-icon-control .icon-copy, 
.aap-text-icon-control .icon-copy:lang(ar), 
.paragraph-lockup.small-reduced .paragraph-lockup-copy, 
.paragraph-lockup.small-reduced .paragraph-lockup-copy:lang(ar), 
:has(.caption-primary, .caption-secondary) .caption-primary, 
:has(.caption-primary, .caption-secondary) .caption-primary:lang(ar), 
:has(.caption-primary, .caption-secondary) .caption-heading, 
:has(.caption-primary, .caption-secondary) .caption-heading:lang(ar), 
:has(.caption-primary, .caption-secondary) .caption-cta-container, 
:has(.caption-primary, .caption-secondary) .caption-cta-container: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-modal-header-headline, 
.typography-modal-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 (min-width: 735px) {
.product-tile-ctas .button, .product-tile-ctas .product-tile-current, .product-tile-ctas button, 
.product-tile-ctas .button:lang(ar), .product-tile-ctas .product-tile-current:lang(ar), .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 ****/


#product-viewer .product-viewer-component {
  direction: ltr;
}

#performance {
  direction: ltr;
}

#performance .hero-media-container {
  direction: ltr;
}

#performance * {
  direction: rtl;
  line-height: 1.27;
}

#environment-gallery .icon-card-icon-wrapper img,
#values-gallery .icon-card-icon-wrapper img {
  margin-right: -18px;
}

#values-gallery #gallery-item-environment-1 .icon-card-icon-wrapper img {
  margin-right: unset;
}

html[dir=rtl] .control-item-nav .paddlenav-button.paddlenav-prev  {
  left: 103%
}
html[dir=rtl] .control-item-nav .paddlenav-button.paddlenav-next {
  right: 103%
}

.control-item-nav .paddlenav-button.paddlenav-next {
    justify-content: flex-end;
}

.control-item-nav .paddlenav-button.paddlenav-prev {
    justify-content: flex-start;
}

.control-item-content-inner {
  direction: rtl;
  text-align: right;
  padding-inline: 24px;
}

#environment h2.section-header-headline {
  min-width: max-content;
}

#display .details-container .stat-value,
#display .display-container .stat-value {
  line-height: 1.2;
}

@media screen and (min-width: 1068px) {
  #performance .stat-content {
    width: 310px;
  }

  .section-performance .stat-group {
    gap: 68px;
  }
}

@media screen and (max-width: 734px) {
  .control-item-content-inner {
    padding-inline: 20px;
  }
}

@media screen and (min-width: 735px) and (max-width: 1068px) {
  #performance .stat-content {
    width: 180px;
  }
}