/*** Arabic Fonts ****/ /********************/ #globalnav .globalnav-submenu-list-item-elevated, #globalnav .globalnav-submenu-list-item-elevated:lang(ar), #globalnav .globalnav-searchfield-input, #globalnav .globalnav-searchfield-input:lang(ar), #ac-localnav .ac-ln-title, #ac-localnav .ac-ln-title:lang(ar), .stat .stat-value, .stat .stat-value:lang(ar), .stat-reduced .stat-value, .stat-reduced .stat-value:lang(ar), .typography-headline, .typography-headline:lang(ar), .typography-headline-reduced, .typography-headline-reduced:lang(ar), .typography-eyebrow-super, .typography-eyebrow-super: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-elevated, .typography-media-hero-headline-elevated: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-tout-null, .typography-tout-null:lang(ar), .typography-ric-type-lockup-xl-eyebrow, .typography-ric-type-lockup-xl-eyebrow:lang(ar), .typography-ric-type-lockup-xl-headline, .typography-ric-type-lockup-xl-headline:lang(ar), .typography-ric-type-lockup-xl-copy, .typography-ric-type-lockup-xl-copy: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-upgrader-header-headline, .typography-upgrader-header-headline:lang(ar), .typography-upgrader-header-subheadline, .typography-upgrader-header-subheadline:lang(ar), .typography-upgrader-item-caption-reduced, .typography-upgrader-item-caption-reduced:lang(ar), .typography-upgrader-footer-body, .typography-upgrader-footer-body:lang(ar), .tout .stat .stat-value, .tout .stat .stat-value:lang(ar), .graph-gallery-item-container .disclaimer, .graph-gallery-item-container .disclaimer:lang(ar), .graph-gallery-item-container .gallery-item .bars-container .stat-unit, .graph-gallery-item-container .gallery-item .bars-container .stat-value, .graph-gallery-item-container .gallery-item .bars-container .stat-unit:lang(ar), .graph-gallery-item-container .gallery-item .bars-container .stat-value:lang(ar), #performance-modal .performance-modal-headline, #performance-modal .performance-modal-headline:lang(ar), #performance-modal .performance-modal-eyebrow, #performance-modal .performance-modal-eyebrow:lang(ar), .section-ports .ports-features-grid, .section-ports .ports-features-grid:lang(ar), .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] .stat-caption, .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] .stat-caption:lang(ar), .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] .stat-value, .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] .stat-value:lang(ar), .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] .stat-reduced .stat-caption, .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] .stat-reduced .stat-caption:lang(ar), #compare-modal .modal-headline, #compare-modal .modal-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), #globalnav .globalnav-searchresults-header, #globalnav .globalnav-searchresults-header:lang(ar), #globalnav .globalnav-searchresults-list-item, #globalnav .globalnav-searchresults-list-item:lang(ar), #globalmessage-segment, #globalmessage-segment:lang(ar), .globalnav-bag-badge-number, .globalnav-bag-badge-unit, #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-title-subhead, #ac-localnav .ac-ln-title-comingsoon, #ac-localnav .ac-ln-title-subhead:lang(ar), #ac-localnav .ac-ln-title-comingsoon: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), .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-tight, .typography-body-reduced-tight: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-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-subheadline, .typography-index-subheadline: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-subheading, .typography-product-tile-subheading: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), .typography-callout-base, .typography-callout-base:lang(ar), .typography-fade-gallery-sosumi, .typography-fade-gallery-sosumi:lang(ar), .typography-upgrader-shared-dropdown-label, .typography-upgrader-shared-dropdown-label:lang(ar), .typography-dropdown-select, .typography-dropdown-select: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), .tabnav, .tabnav:lang(ar), .tabnav.tabnav-elevated, .tabnav.tabnav-elevated: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), .aap-text-icon-control .icon-copy, .aap-text-icon-control .icon-copy:lang(ar), .tout .stat .stat-caption, .tout .stat .stat-caption: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), .graph-gallery-item-container .gallery-item .bars-container .bar-caption, .graph-gallery-item-container .gallery-item .bars-container .bar-caption:lang(ar), .form-tooltip-info, .form-tooltip-info: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), .button, .button: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), .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), #globalnav .globalnav-searchfield-input, #globalnav .globalnav-searchfield-input: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), #globalnav .globalnav-searchresults-header, #globalnav .globalnav-searchresults-header:lang(ar), #globalnav .globalnav-searchresults-list-item, #globalnav .globalnav-searchresults-list-item:lang(ar), #ac-localnav .ac-ln-menu, #ac-localnav .ac-ln-menu:lang(ar), #ac-localnav .ac-ln-title-compact, #ac-localnav .ac-ln-title-compact: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-headline-reduced, .typography-headline-reduced:lang(ar), .typography-eyebrow-super, .typography-eyebrow-super: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-elevated, .typography-media-hero-headline-elevated: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-xl-headline, .typography-ric-type-lockup-xl-headline:lang(ar), .typography-ric-type-lockup-xl-copy, .typography-ric-type-lockup-xl-copy:lang(ar), .typography-upgrader-header-headline, .typography-upgrader-header-headline:lang(ar), section.section-media-hero.media-layout-background .marquee-eyebrow, section.section-media-hero.media-layout-background .marquee-eyebrow:lang(ar), .tout .stat .stat-value, .tout .stat .stat-value:lang(ar), .section-battery .stats .stat .stat-value, .section-battery .stats .stat .stat-value:lang(ar), .section-display .product-hardware-container .feature-block .stat .stat-value, .section-display .product-hardware-container .feature-block .stat .stat-value:lang(ar), .graph-gallery-item-container .disclaimer, .graph-gallery-item-container .disclaimer:lang(ar), .graph-gallery-item-container .gallery-item .bars-container .stat-unit, .graph-gallery-item-container .gallery-item .bars-container .stat-value, .graph-gallery-item-container .gallery-item .bars-container .stat-unit:lang(ar), .graph-gallery-item-container .gallery-item .bars-container .stat-value:lang(ar), #performance-modal .performance-modal-headline, #performance-modal .performance-modal-headline:lang(ar), .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] .stat-value, .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] .stat-value:lang(ar), #compare-modal .modal-headline, #compare-modal .modal-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-feature-card-body, .typography-feature-card-body:lang(ar), .typography-upgrader-item-caption-reduced, .typography-upgrader-item-caption-reduced:lang(ar), .typography-upgrader-footer-body, .typography-upgrader-footer-body:lang(ar), .typography-dropdown-select, .typography-dropdown-select: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), .section-battery .stats .stat .stat-caption, .section-battery .stats .stat .stat-caption:lang(ar), .section-display .product-hardware-container .feature-block .stat .stat-caption, .section-display .product-hardware-container .feature-block .stat .stat-caption:lang(ar), .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] .stat-caption, .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] .stat-caption:lang(ar), .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] .stat-reduced .stat-caption, .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] .stat-reduced .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; } } @media (max-width: 734px) { .typography-headline, .typography-headline:lang(ar), .typography-headline-reduced, .typography-headline-reduced:lang(ar), .typography-eyebrow-super, .typography-eyebrow-super: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-elevated, .typography-media-hero-headline-elevated: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-xl-eyebrow, .typography-ric-type-lockup-xl-eyebrow:lang(ar), .typography-ric-type-lockup-xl-headline, .typography-ric-type-lockup-xl-headline:lang(ar), .typography-ric-type-lockup-xl-copy, .typography-ric-type-lockup-xl-copy:lang(ar), .typography-upgrader-header-headline, .typography-upgrader-header-headline:lang(ar), section.section-media-hero.media-layout-background .marquee-eyebrow, section.section-media-hero.media-layout-background .marquee-eyebrow:lang(ar), .tout .stat .stat-value, .tout .stat .stat-value:lang(ar), .section-battery .stats .stat .stat-value, .section-battery .stats .stat .stat-value:lang(ar), .section-display .product-hardware-container .feature-block .stat .stat-value, .section-display .product-hardware-container .feature-block .stat .stat-value:lang(ar), .graph-gallery-item-container .gallery-item .bars-container .stat-unit, .graph-gallery-item-container .gallery-item .bars-container .stat-value, .graph-gallery-item-container .gallery-item .bars-container .stat-unit:lang(ar), .graph-gallery-item-container .gallery-item .bars-container .stat-value:lang(ar), #performance-modal .performance-modal-headline, #performance-modal .performance-modal-headline:lang(ar), .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] .stat-value, .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type="stat"] .stat-value:lang(ar), #compare-modal .modal-headline, #compare-modal .modal-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-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-feature-card-label, .typography-feature-card-label:lang(ar), .typography-icon-card-body-copy, .typography-icon-card-body-copy:lang(ar), .typography-index-subheadline, .typography-index-subheadline: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-subheading, .typography-product-tile-subheading: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-null, .typography-tout-null: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-callout-base, .typography-callout-base:lang(ar), .typography-upgrader-header-subheadline, .typography-upgrader-header-subheadline:lang(ar), .typography-upgrader-shared-dropdown-label, .typography-upgrader-shared-dropdown-label: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), .aap-text-icon-control .icon-copy, .aap-text-icon-control .icon-copy:lang(ar), #performance-modal .performance-modal-eyebrow, #performance-modal .performance-modal-eyebrow:lang(ar), .section-ports .ports-features-grid, .section-ports .ports-features-grid: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 ****/ @media only screen and (min-width: 1069px) and (max-width: 1440px) { html.display-enhanced .section-display .product-name-container .product-sticky-container .product-sticky-element .glow-container { font-size: 125px; } } .section-display .product-hardware-container .feature-block .stat .stat-value { white-space: normal; margin-top: 5px; margin-bottom: 5px; } @media only screen and (min-width: 1069px) { .section-display .product-hardware-container .feature-block .stat .stat-value { font-size: 32px; } } @media only screen and (min-width: 735px) and (max-width: 1068px) { .section-display .product-hardware-container .feature-block .stat .stat-value { font-size: 28px; } } @media only screen and (min-width: 1069px) { .section-environment .icon-card .tile-content { padding-inline-end: 36px; } } .section-battery .ric-type-lockup-element.typography-ric-type-lockup-xl-headline.ric-type-lockup-headline { font-size: 46px; min-width: 400px; } @media only screen and (max-width: 734px) { .section-battery .ric-type-lockup-element.typography-ric-type-lockup-xl-headline.ric-type-lockup-headline { font-size: 40px; } } @media only screen and (max-width: 734px) { .typography-upgrader-item-caption-reduced, .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type=stat] .stat-reduced .small-font-12 { font-size: 12px; } } .typography-ric-type-lockup-xl-headline { line-height: 1.1925; } .section-touch .callout-icon-wrapper .callout-icon-enhanced { margin-right: -3px; } .ribbon-content { height: 20px; } .ribbon-content-wrapper { visibility: hidden; } @media screen and (max-width: 909px) { .ribbon-content { height: 40px; } } @media screen and (max-width: 477px) { .ribbon-content { height: 60px; } } .section-ai .hw-static-wrapper .caption-wrapper, .section-performance .hardware-static-wrapper .caption-wrapper, #performance-modal .picture-wrapper .image-caption { text-align: left; } .section-performance .sticky-container .sticky-element .video-container .caption-wrapper .hero-caption { position: absolute; left: 245px; right: unset; } @media (min-width: 1441px) { .section-performance .sticky-container .sticky-element .video-container .caption-wrapper .hero-caption { left: 529px; right: unset; } } @media (max-width: 1068px) { .section-performance .sticky-container .sticky-element .video-container .caption-wrapper .hero-caption { left: 186px; right: unset; } } @media (max-width: 734px) { .section-performance .sticky-container .sticky-element .video-container .caption-wrapper .hero-caption { left: 179px; right: unset; } } @media only screen and (min-width: 735px) and (max-width: 1068px) { .upgrader .upgrader-group .upgrader-item[data-upgrader-item-type=stat] { padding-right: 10px; padding-left: 10px; } } @media only screen and (min-width: 1069px) { .section-highlights .media-gallery-item-4 .caption-animation-container { min-width: 630px; } } @media only screen and (min-width: 735px) and (max-width: 1068px) { .section-highlights .media-gallery-item-1 .caption-animation-container { margin-left: 10px; } } @media only screen and (min-width: 1069px) { .control-item-content-inner { min-width: 423px; } } @supports(background-clip: text) or (-webkit-background-clip:text) { #performance-modal .chip-subsection .generic-tout { background:linear-gradient(var(--gradient-angle,90deg),var(--gradient-end,#707070) var(--gradient-start-pos,0%),var(--gradient-start,#d3d3d3) var(--gradient-end-pos,100%)); background-clip: text; -webkit-background-clip: text; color: rgba(0,0,0,0); -webkit-text-fill-color: rgba(0,0,0,0) } } #dynamic-island-gallery .tabnav-wrapper { display: none; } #dynamic-island-gallery .gallery-caption { margin-top: 64px; } @media (max-width: 734px) { #dynamic-island-gallery .gallery-caption { margin-top: 54px; } } @media only screen and (min-width: 735px) and (max-width: 870px) { #performance-modal .chip-subsection .generic-tout { margin-left: -30px; } } #environment-gallery #gallery-item-material-1 .overview-environment-icon-recycling { margin-right: -10px; } #environment-gallery #gallery-item-electricity-2 .overview-environment-icon-electricity { margin-right: -25px; } #environment-gallery #gallery-item-packaging-3 .overview-environment-icon-package { margin-right: -20px; } .section-values .overview-values-icon-privacy#overview-values-icon-privacy-1 { margin-right: -23px; } .section-values .overview-values-icon-accessibility#overview-values-icon-accessibility-1 { margin-right: -15px; } #ac-localnav.ac-localnav-stacked .ac-ln-title:lang(ar) { --r-localnav-title-vertical-offset: 12px; } @media only screen and (min-width: 1083px) { .upgrader .upgrader-group .upgrader-item{ --upgrader-bento-height: 323px; } } @media only screen and (min-width: 1069px) and (max-width: 1082px) { .upgrader .upgrader-group .upgrader-item{ --upgrader-bento-height: 346px; } } @media only screen and (min-width: 811px) and (max-width: 1068px) { .upgrader .upgrader-group .upgrader-item{ --upgrader-bento-height: 234px; } } @media only screen and (min-width: 789px) and (max-width: 811px) { .upgrader .upgrader-group .upgrader-item{ --upgrader-bento-height: 252px; } } @media only screen and (min-width: 735px) and (max-width: 788px) { .upgrader .upgrader-group .upgrader-item{ --upgrader-bento-height: 270px; } } @media only screen and (min-width: 1069px) { .section-display .product-hardware-container .feature-block .stat .large-center-vertical { margin-top: 18px; } } /* LOCAL SCREENS */ .section-ports .ports-hardware { background-image: url(/mideast/macbook-pro/proled-xdr-display/a/images/overview/ports/ar/ports_hardware__eocna797qcgi_large.avif); } html.no-avif main .section-ports .ports-hardware { background-image: url(/mideast/macbook-pro/proled-xdr-display/a/images/overview/ports/ar/ports_hardware__eocna797qcgi_large.jpg); } @media (min-resolution: 1.5dppx), (min-resolution: 144dpi) { .section-ports .ports-hardware { background-image: url(/mideast/macbook-pro/proled-xdr-display/a/images/overview/ports/ar/ports_hardware__eocna797qcgi_large_2x.avif); } html.no-avif main .section-ports .ports-hardware { background-image: url(/mideast/macbook-pro/proled-xdr-display/a/images/overview/ports/ar/ports_hardware__eocna797qcgi_large_2x.jpg); } } @media (max-width: 1068px) { .section-ports .ports-hardware { background-image: url(/mideast/macbook-pro/proled-xdr-display/a/images/overview/ports/ar/ports_hardware__eocna797qcgi_medium.avif); } html.no-avif main .section-ports .ports-hardware { background-image: url(/mideast/macbook-pro/proled-xdr-display/a/images/overview/ports/ar/ports_hardware__eocna797qcgi_medium.jpg); } } @media (max-width: 1068px) and (min-resolution: 1.5dppx), (max-width: 1068px) and (min-resolution: 144dpi) { .section-ports .ports-hardware { background-image: url(/mideast/macbook-pro/proled-xdr-display/a/images/overview/ports/ar/ports_hardware__eocna797qcgi_medium_2x.avif); } html.no-avif main .section-ports .ports-hardware { background-image: url(/mideast/macbook-pro/proled-xdr-display/a/images/overview/ports/ar/ports_hardware__eocna797qcgi_medium_2x.jpg); } } @media (max-width: 734px) { .section-ports .ports-hardware { background-image: url(/mideast/macbook-pro/proled-xdr-display/a/images/overview/ports/ar/ports_hardware__eocna797qcgi_small.avif); } html.no-avif main .section-ports .ports-hardware { background-image: url(/mideast/macbook-pro/proled-xdr-display/a/images/overview/ports/ar/ports_hardware__eocna797qcgi_small.jpg); } } @media (max-width: 734px) and (min-resolution: 1.5dppx), (max-width: 734px) and (min-resolution: 144dpi) { .section-ports .ports-hardware { background-image: url(/mideast/macbook-pro/proled-xdr-display/a/images/overview/ports/ar/ports_hardware__eocna797qcgi_small_2x.avif); } html.no-avif main .section-ports .ports-hardware { background-image: url(/mideast/macbook-pro/proled-xdr-display/a/images/overview/ports/ar/ports_hardware__eocna797qcgi_small_2x.jpg); } } /* LOCAL SCREENS */