/*------------------------------------*\ HERO CSS \*------------------------------------*/ /* IPHONE 12 PRO */ /* SCREENS */ /* LOCAL FIXES */ /* END IPHONE 12 PRO */ /* IPHONE 12 */ /* SCREENS */ /* LOCAL FIXES */ /* END IPHONE 12 */ /*------------------------------------*\ END HERO CSS \*------------------------------------*/ /*------------------------------------*\ COMPARE CSS \*------------------------------------*/ /* SCREENS */ /* LOCAL FIXES */ /*------------------------------------*\ END COMPARE CSS \*------------------------------------*/ /*------------------------------------*\ SECTION VDAY 2021 \*------------------------------------*/ /* SCREENS */ .section-vday-2021 .section-wrapper .tiles-wrapper .tile-music .tile-image-music { background-image:url("/uk/iphone/home/images/overview/vday-2021/family_iphone_music__em3j273pyv0i_large.jpg"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .section-vday-2021 .section-wrapper .tiles-wrapper .tile-music .tile-image-music { background-image:url("/uk/iphone/home/images/overview/vday-2021/family_iphone_music__em3j273pyv0i_large_2x.jpg"); } } @media only screen and (max-width: 1068px) { .section-vday-2021 .section-wrapper .tiles-wrapper .tile-music .tile-image-music { background-image:url("/uk/iphone/home/images/overview/vday-2021/family_iphone_music__em3j273pyv0i_medium.jpg"); } } @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) { .section-vday-2021 .section-wrapper .tiles-wrapper .tile-music .tile-image-music { background-image:url("/uk/iphone/home/images/overview/vday-2021/family_iphone_music__em3j273pyv0i_medium_2x.jpg"); } } @media only screen and (max-width: 734px) { .section-vday-2021 .section-wrapper .tiles-wrapper .tile-music .tile-image-music { background-image:url("/uk/iphone/home/images/overview/vday-2021/family_iphone_music__em3j273pyv0i_small.jpg"); } } @media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) { .section-vday-2021 .section-wrapper .tiles-wrapper .tile-music .tile-image-music { background-image:url("/uk/iphone/home/images/overview/vday-2021/family_iphone_music__em3j273pyv0i_small_2x.jpg"); } } /* LOCAL FIXES */ /*------------------------------------*\ END SECTION VDAY 2021 \*------------------------------------*/ /*------------------------------------*\ RETAIL \*------------------------------------*/ /* SECTION HEADLINE */ /* LOCAL FIXES */ .section-retail .typography-section-headline { margin-bottom: 70px; } @media only screen and (max-width: 1068px) { .section-retail .typography-section-headline { margin-bottom: 61px; } } /* SECTION HEADLINE */ /* TRADE IN */ /* SCREENS */ /* LOCAL FIXES */ /* END TRADE IN */ /* UPGRADE */ /* SCREENS */ /* LOCAL FIXES */ /* END UPGRADE */ /* BUY */ /* SCREENS */ /* LOCAL FIXES */ /* END BUY */ /*------------------------------------*\ END RETAIL CSS \*------------------------------------*/ /*------------------------------------*\ ACCESSORIES CSS \*------------------------------------*/ /* MAGSAFE */ /* SCREENS */ /* LOCAL FIXES */ /* END MAGSAFE */ /* ENGRAVING */ /* SCREENS */ /* LOCAL FIXES */ /* END ENGRAVING */ /*------------------------------------*\ END ACCESSORIES CSS \*------------------------------------*/ /*------------------------------------*\ BUYSTRIP CSS \*------------------------------------*/ /* SCREENS */ .section-buystrip .image-icon-finance.geo-alt { background-image: url("/uk/iphone/home/images/overview/buystrip/icon_financing__c8yfxcj1fpqq_large.png"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) { .section-buystrip .image-icon-finance.geo-alt { background-image: url("/uk/iphone/home/images/overview/buystrip/icon_financing__c8yfxcj1fpqq_large_2x.png"); } } /* LOCAL FIXES */ /*------------------------------------*\ END BUYSTRIP CSS \*------------------------------------*/ /*------------------------------------*\ WHY IPHONE CSS \*------------------------------------*/ /* IOS 14 */ /* SCREENS */ .tile-ios-14 .image-wrapper .ios-14-image { background-image:url("/uk/iphone/home/images/overview/why-iphone/ios14__dlqyobhcmbau_large.jpg"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .tile-ios-14 .image-wrapper .ios-14-image { background-image:url("/uk/iphone/home/images/overview/why-iphone/ios14__dlqyobhcmbau_large_2x.jpg"); } } @media only screen and (max-width: 1068px) { .tile-ios-14 .image-wrapper .ios-14-image { background-image:url("/uk/iphone/home/images/overview/why-iphone/ios14__dlqyobhcmbau_medium.jpg"); } } @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) { .tile-ios-14 .image-wrapper .ios-14-image { background-image:url("/uk/iphone/home/images/overview/why-iphone/ios14__dlqyobhcmbau_medium_2x.jpg"); } } @media only screen and (max-width: 734px) { .tile-ios-14 .image-wrapper .ios-14-image { background-image:url("/uk/iphone/home/images/overview/why-iphone/ios14__dlqyobhcmbau_small.jpg"); } } @media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) { .tile-ios-14 .image-wrapper .ios-14-image { background-image:url("/uk/iphone/home/images/overview/why-iphone/ios14__dlqyobhcmbau_small_2x.jpg"); } } /* LOCAL FIXES */ /* END IOS 14 */ /* SWITCH TO IPHONE */ /* SCREENS */ /* LOCAL FIXES */ /* END SWITCH TO IPHONE */ /* PRIVACY */ /* SCREENS */ /* LOCAL FIXES */ /* END PRIVACY */ /*------------------------------------*\ END WHY IPHONE CSS \*------------------------------------*/ /*------------------------------------*\ MORE IPHONE CSS \*------------------------------------*/ /* APPLE ONE */ /* SCREENS */ /* LOCAL FIXES */ /* END APPLE ONE */ /* TV PLUS */ /* SCREENS */ .tile-tv-plus-iphone .image-atv { background-image:url("/uk/iphone/home/images/overview/more-iphone/tv-update/half_tile/apple_tv_plus_tile__bdusu8aavnsi_large.jpg"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .tile-tv-plus-iphone .image-atv { background-image:url("/uk/iphone/home/images/overview/more-iphone/tv-update/half_tile/apple_tv_plus_tile__bdusu8aavnsi_large_2x.jpg"); } } @media only screen and (max-width: 1068px) { .tile-tv-plus-iphone .image-atv { background-image:url("/uk/iphone/home/images/overview/more-iphone/tv-update/half_tile/apple_tv_plus_tile__bdusu8aavnsi_medium.jpg"); } } @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) { .tile-tv-plus-iphone .image-atv { background-image:url("/uk/iphone/home/images/overview/more-iphone/tv-update/half_tile/apple_tv_plus_tile__bdusu8aavnsi_medium_2x.jpg"); } } @media only screen and (max-width: 734px) { .tile-tv-plus-iphone .image-atv { background-image:url("/uk/iphone/home/images/overview/more-iphone/tv-update/half_tile/apple_tv_plus_tile__bdusu8aavnsi_small.jpg"); } } @media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) { .tile-tv-plus-iphone .image-atv { background-image:url("/uk/iphone/home/images/overview/more-iphone/tv-update/half_tile/apple_tv_plus_tile__bdusu8aavnsi_small_2x.jpg"); } } /* LOCAL FIXES */ /* END TV PLUS */ /* APPLE MUSIC */ /* SCREENS */ .tile-apple-music .music-image { background-image:url("/uk/iphone/home/images/overview/more-iphone/apple_music__dukr9h4bvfqu_large.jpg"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .tile-apple-music .music-image { background-image:url("/uk/iphone/home/images/overview/more-iphone/apple_music__dukr9h4bvfqu_large_2x.jpg"); } } @media only screen and (max-width: 1068px) { .tile-apple-music .music-image { background-image:url("/uk/iphone/home/images/overview/more-iphone/apple_music__dukr9h4bvfqu_medium.jpg"); } } @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) { .tile-apple-music .music-image { background-image:url("/uk/iphone/home/images/overview/more-iphone/apple_music__dukr9h4bvfqu_medium_2x.jpg"); } } @media only screen and (max-width: 734px) { .tile-apple-music .music-image { background-image:url("/uk/iphone/home/images/overview/more-iphone/apple_music__dukr9h4bvfqu_small.jpg"); } } @media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) { .tile-apple-music .music-image { background-image:url("/uk/iphone/home/images/overview/more-iphone/apple_music__dukr9h4bvfqu_small_2x.jpg"); } } /* LOCAL FIXES */ /* END APPLE MUSIC */ /* APPLE NEWS PLUS */ /* SCREENS */ .tile-apple-news .content-wrapper { background-image:url("/uk/iphone/home/images/overview/more-iphone/apple_news_plus_tile__esw1e1fhbh4y_large.jpg"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .tile-apple-news .content-wrapper { background-image:url("/uk/iphone/home/images/overview/more-iphone/apple_news_plus_tile__esw1e1fhbh4y_large_2x.jpg"); } } @media only screen and (max-width: 1068px) { .tile-apple-news .content-wrapper { background-image:url("/uk/iphone/home/images/overview/more-iphone/apple_news_plus_tile__esw1e1fhbh4y_medium.jpg"); } } @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) { .tile-apple-news .content-wrapper { background-image:url("/uk/iphone/home/images/overview/more-iphone/apple_news_plus_tile__esw1e1fhbh4y_medium_2x.jpg"); } } @media only screen and (max-width: 734px) { .tile-apple-news .content-wrapper { background-image:url("/uk/iphone/home/images/overview/more-iphone/apple_news_plus_tile__esw1e1fhbh4y_small.jpg"); } } @media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) { .tile-apple-news .content-wrapper { background-image:url("/uk/iphone/home/images/overview/more-iphone/apple_news_plus_tile__esw1e1fhbh4y_small_2x.jpg"); } } /* LOCAL FIXES */ /* END APPLE NEWS PLUS */ /* APPLE ARCADE */ /* SCREENS */ /* LOCAL FIXES */ @media only screen and (max-width: 734px) { .tile-apple-arcade .copy-wrapper { padding-top: 20px; } } @media only screen and (max-width: 320px) { .tile-apple-arcade .copy-wrapper { padding-top: 0; } } /* END APPLE ARCADE */ /* APPLE FITNESS PLUS */ /* SCREENS */ .tile-fitness .image-fitness-plus { background-image:url("/uk/iphone/home/images/overview/more-iphone/fitness_plus__cwi1x6w1yy82_large.jpg"); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .tile-fitness .image-fitness-plus { background-image:url("/uk/iphone/home/images/overview/more-iphone/fitness_plus__cwi1x6w1yy82_large_2x.jpg"); } } @media only screen and (max-width: 1068px) { .tile-fitness .image-fitness-plus { background-image:url("/uk/iphone/home/images/overview/more-iphone/fitness_plus__cwi1x6w1yy82_medium.jpg"); } } @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) { .tile-fitness .image-fitness-plus { background-image:url("/uk/iphone/home/images/overview/more-iphone/fitness_plus__cwi1x6w1yy82_medium_2x.jpg"); } } @media only screen and (max-width: 734px) { .tile-fitness .image-fitness-plus { background-image:url("/uk/iphone/home/images/overview/more-iphone/fitness_plus__cwi1x6w1yy82_small.jpg"); } } @media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) { .tile-fitness .image-fitness-plus { background-image:url("/uk/iphone/home/images/overview/more-iphone/fitness_plus__cwi1x6w1yy82_small_2x.jpg"); } } /* LOCAL FIXES */ /* END APPLE FITNESS PLUS */ /* APPLE PAY */ /* SCREENS */ .tile-apple-pay .tile-headline-image { width: 156px; height: 49px; background-size: 156px 49px; background-repeat: no-repeat; background-image: url("/uk/iphone/home/images/overview/more-iphone/apple_pay_logo__599rsrhue4ia_large.png"); margin: 0 auto; margin-top: 68px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) { .tile-apple-pay .tile-headline-image { background-image: url("/uk/iphone/home/images/overview/more-iphone/apple_pay_logo__599rsrhue4ia_large_2x.png") } } @media only screen and (max-width: 1068px) { .tile-apple-pay .tile-headline-image { width: 100px; height: 30px; background-size: 100px 30px; background-repeat: no-repeat; background-image: url("/uk/iphone/home/images/overview/more-iphone/apple_pay_logo__599rsrhue4ia_medium.png") } } @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) { .tile-apple-pay .tile-headline-image { background-image: url("/uk/iphone/home/images/overview/more-iphone/apple_pay_logo__599rsrhue4ia_medium_2x.png") } } .tile-apple-pay .apple-pay-image { width: 484px; height: 384px; background-size: 484px 384px; background-repeat: no-repeat; background-image: url("/uk/iphone/home/images/overview/more-iphone/apple_pay__frebmxr2rr6m_large.jpg"); position: relative; left: 50%; margin-left: -242px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx),(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) { .tile-apple-pay .apple-pay-image { background-image: url("/uk/iphone/home/images/overview/more-iphone/apple_pay__frebmxr2rr6m_large_2x.jpg"); } } @media only screen and (max-width: 1068px) { .tile-apple-pay .apple-pay-image { width: 312px; height: 350px; background-size: 312px 350px; background-repeat: no-repeat; background-image: url("/uk/iphone/home/images/overview/more-iphone/apple_pay__frebmxr2rr6m_medium.jpg"); left: 50%; margin-left: -156px; bottom: 130px; } } @media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) { .tile-apple-pay .apple-pay-image { background-image: url("/uk/iphone/home/images/overview/more-iphone/apple_pay__frebmxr2rr6m_medium_2x.jpg"); } } @media only screen and (max-width: 734px) { .tile-apple-pay .apple-pay-image { width: 413px; height: 287px; background-size: 413px 287px; background-repeat: no-repeat; background-image: url("/uk/iphone/home/images/overview/more-iphone/apple_pay__frebmxr2rr6m_small.jpg"); left: 50%; margin-left: -206.5px; bottom: 0; } } @media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) { .tile-apple-pay .apple-pay-image { background-image: url("/uk/iphone/home/images/overview/more-iphone/apple_pay__frebmxr2rr6m_small_2x.jpg"); } } /* LOCAL FIXES */ .tile-apple-pay .content-wrapper { background-color: #fff; } .tile-apple-pay .content-wrapper .large-centered { z-index: 1; } @media only screen and (max-width: 1068px) { .tile-apple-pay .tile-headline-image { margin-top: 45px; } } .tile-apple-pay .tile-copy { margin-top: 15px; } @media only screen and (max-width: 734px) { .tile-apple-pay .tile-copy { margin-top: 19px; } } .tile-apple-pay .tile-cta { display: inline-block; margin-top: 5px; } @media only screen and (max-width: 734px) { .tile-apple-pay .tile-cta { margin-top: 7px; } } .tile-apple-pay .image-wrapper { width: 484px; height: 384px; width: 100%; position: relative; -webkit-box-flex: 0; -ms-flex: none; flex: none; } @media only screen and (max-width: 1068px) { .tile-apple-pay .image-wrapper { width: 312px; height: 219px; } } @media only screen and (max-width: 734px) { .tile-apple-pay .image-wrapper { width: 413px; height: 287px; } } @media only screen and (max-width: 1068px) { .tile-apple-pay .image-wrapper { width: 100%; } } /* END APPLE PAY */ /*------------------------------------*\ END MORE CSS \*------------------------------------*/ /*------------------------------------*\ ELEVATE-COMPARE TEST \*------------------------------------*/ .section-compare.compare-elevated { display: none; } .version-a #ac-globalnav { background: rgba(45,45,45,0.98); } .version-a .chapternav.theme-dark { background-color: #fbfbfd; } .version-a .chapternav.theme-dark .chapternav-icon { filter: brightness(0) saturate(100%) invert(9%) sepia(8%) saturate(365%) hue-rotate(202deg) brightness(97%) contrast(94%); } .version-a .chapternav.theme-dark .chapternav-link { color: #1d1d1f; } .version-a .chapternav.theme-dark .chapternav-link:hover { color: #06c; } .version-a .chapternav.theme-dark .chapternav-new { color: #bf4800; } .version-a .chapternav.theme-dark .chapternav-paddle { border-color: #d2d2d7; color: #1d1d1f; } .version-a .section-compare.compare-elevated { display: block; margin-bottom: 0; padding-top: 106px; padding-bottom: 88px; } @media only screen and (max-width: 1068px) { .version-a .section-compare.compare-elevated { padding-top: 73px; padding-bottom: 57px; } } @media only screen and (max-width: 734px) { .version-a .section-compare.compare-elevated { padding-top: 54px; padding-bottom: 44px; } } @media only screen and (min-width: 1069px) { .version-a .section-compare.compare-elevated .typography-compare-all-cta { font-size: 21px; line-height: 1.381; letter-spacing: .011em; } } .version-a .tile-iphone-12-pro { padding-top: 110px; } @media only screen and (max-width: 1068px) { .version-a .tile-iphone-12-pro { padding-top: 75px; } } @media only screen and (max-width: 734px) { .version-a .tile-iphone-12-pro { padding-top: 56px; } } .version-a .section-compare { display: none; } .version-a .section-retail:before { content: ""; display: block; border-top: 1px solid #D2D2D7; max-width: 1380px; width: calc(100% - 60px); margin: 0 auto; position: relative; top: -70px; } @media only screen and (max-width: 1068px) { .version-a .section-retail:before { max-width: 736px; width: calc(100% - 40px); top: -48px; } } @media only screen and (max-width: 734px) { .version-a .section-retail:before { max-width: 300px; width: 300px; top: -44px; } .version-a .section-retail { padding-top: 95px; } } /*------------------------------------*\ END ELEVATE-COMPARE TEST \*------------------------------------*/