CINXE.COM

<!doctype html> <html lang="en"> <head> <title>Apple Price Guides - Watches, Macs, Vison Pro & More | AppleInsider</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="apple-mobile-web-app-title" content="AppleInsider"> <meta name="robots" content="index,follow"> <meta name="keywords" content="apple, price guide, savings, deals, Apple Price Guide, Apple Prices, Apple Low Price, Apple Best Price"> <meta name="description" content="Find the best &amp; lowest prices for Apple: Apple Watch Series, Macs, iPads, Laptops, Desktops, Vision Pro, Accessories &amp; More"> <meta name="google-site-verification" content="q6PMZEoYnsa-kIjsSGfwD9SONWR3UcUCH6Djz7pmhQs"> <meta property="fb:pages" content="135590163123753"> <link rel="preconnect" href="https://rsms.me/"> <link rel="stylesheet" href="https://rsms.me/inter/inter.css"> <link rel="canonical" href="https://prices.appleinsider.com"> <meta property="og:url" content="https://prices.appleinsider.com"> <meta property="og:image" content="https://photos5.appleinsider.com/price_guide/social-defualt.jpg"> <meta property="og:title" content="AppleInsider Price Guides"> <meta property="og:description" content="Find the best deals on MacBooks, iPads, iPhones, Airpods, and more!"> <meta property="fb:app_id" content="908219582587578"> <meta property="og:type" content="website"> <meta property="og:locale" content="en_US"> <meta property="og:site_name" content="AppleInsider"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@appleinsider"> <meta name="twitter:creator" content="@appleinsider"> <meta name="twitter:domain" content="appleinsider.com"> <meta name="twitter:title" content="AppleInsider Price Guides"> <meta name="twitter:description" content="Find the best deals on MacBooks, iPads, iPhones, Airpods, and more!"> <meta name="twitter:image" content="https://photos5.appleinsider.com/price_guide/social-defualt.jpg"> <meta name="twitter:url" content=""> <link rel="stylesheet" type="text/css" media="screen" href="https://photos5.appleinsider.com/price_guide/css/pg.css?1.13d"> <link rel="stylesheet" type="text/css" media="screen" href="https://photos5.appleinsider.com/price_guide/css/pg-tables.css?1.13d"> <link rel="stylesheet" type="text/css" media="screen" href="https://photos5.appleinsider.com/price_guide/css/dark-new.css?1.13d"> <link rel="stylesheet" type="text/css" media="screen" href="https://photos5.appleinsider.com/price_guide/css/pg-vendors.css?1.13d"> <script src="https://photos5.appleinsider.com/price_guide/js/globals.js?1.05b"></script> <script src="https://photos5.appleinsider.com/price_guide/js/gdpr.js?1.05b"></script> <link rel="apple-touch-icon" sizes="32x32" href="https://photos5.appleinsider.com/v10/images/favicon-ai-32.png"> <link rel="apple-touch-icon" sizes="56x56" href="https://photos5.appleinsider.com/v10/images/favicon-ai-56.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://photos5.appleinsider.com/v10/images/favicon-ai-72.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://photos5.appleinsider.com/v10/images/favicon-ai-114.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://photos5.appleinsider.com/v10/images/favicon-ai-144.png"> <link rel="apple-touch-icon" href="https://photos5.appleinsider.com/v10/images/favicon-ai-144.png"> <link rel="preload" href="https://photos5.appleinsider.com/v9/typography/proximanova-regular.woff" as="font" type="font/woff" crossorigin> <link rel="preload" href="https://photos5.appleinsider.com/v9/typography/proximanova-bold.woff" as="font" type="font/woff" crossorigin>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-N84EBBBLEF"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-N84EBBBLEF'); </script> </head> <body> <a name="top"></a> <header> <nav id="appleinsider-nav" class="pg-sticky"> <div class="nav-inner"> <ul id="nav-it-in" style="padding-left:0;"> <li class="hamburger mobi"> <svg id="hamburger-icon" role="img" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="height:1.5em; width: 1.5em;"> <path d="M4 18L20 18" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/> <path d="M4 12L20 12" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/> <path d="M4 6L20 6" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/> </svg> </li> <li class="watermark mobi"> <a href="https://appleinsider.com" aria-label="back to Appleinsider"> <svg role="img" style="fill: #ffffff;" role="img" height="28" width="28" id="wordmark-sm" viewBox="0 0 245 245" xmlns="http://www.w3.org/2000/svg"><g><g><path class="st0" d="m132.8 177.9c-3.6 13.8-6.5 27.5-6.8 36l-41.1-10.7 1.1-15.4-0.9-0.2c-12.6 9.2-29.3 11.6-46.7 7.1-29.6-7.7-41.7-33.9-35.6-57.3 9.9-38.1 48.7-47.2 100.6-33.7l0.5-1.8c2.1-8.1 0.8-20.3-21.7-26.1-15-3.9-32.2-3-43.4 0.6l-0.8-31.6c11.7-3 33.7-5.3 60.4 1.6 48.9 12.7 56.7 45.4 47.7 80.2l-13.3 51.3zm-35.3-45.4c-24-6.2-44-5.3-48.6 12.1-3 11.7 3.3 19.4 13.5 22 11.1 2.9 22.6-2.1 28-10.6 1.2-2.3 2.2-4.9 2.9-7.6l4.2-15.9z"></path><path class="st0" d="m243.3 45.5c-3.3 12.6-15.2 20.4-30.5 16.4-14.4-3.7-21.1-16.4-17.8-29 3.3-12.8 15.5-20.3 30.2-16.4 14.7 3.8 21.1 16.1 18.1 29m-57.7 28.6 45.6 11.8-38.1 146.6-45.6-11.8 38.1-146.6z"></path></g></g></svg> <svg viewBox="0 0 1920 325.4" height="18" style="fill: #ffffff;" role="img" id="wordmark-lg" xmlns="http://www.w3.org/2000/svg"><g><path class="st0" d="m158.4 212.2c0 16.5 0.7 32.6 2.8 42.3h-49.1l-3.3-17.5h-1.1c-11.5 14-29.4 21.5-50.2 21.5-35.3-0.1-56.5-25.9-56.5-53.8 0-45.6 40.9-67.1 102.9-67.1v-2.1c0-9.7-5-22.9-31.9-22.9-17.9 0-36.9 6-48.4 13.2l-10-35.2c12.2-6.8 36.2-15.7 68.1-15.7 58.4 0 76.7 34.4 76.7 76v61.3zm-52.7-40.5c-28.7 0-50.9 6.8-50.9 27.6 0 14 9.3 20.8 21.5 20.8 13.2 0 24.7-8.9 28.3-20.1 0.7-2.9 1.1-6.1 1.1-9.3v-19z"></path><path class="st0" d="m190 138c0-22.9-0.7-42.3-1.4-58.7h47.3l2.5 24.4h0.7c12.9-18.3 33-28.3 58.4-28.3 38.3 0 72.8 33.3 72.8 89.2 0 63.8-40.5 93.9-79.6 93.9-21.2 0-37.7-8.6-45.5-20.1h-0.7v87h-54.5v-187.4zm54.5 41.2c0 4.3 0.4 7.9 1.1 11.4 3.6 14.7 16.1 25.8 31.9 25.8 23.6 0 37.6-19.7 37.6-49.4 0-28-12.5-49.1-36.9-49.1-15.4 0-29 11.5-32.6 27.6-0.7 2.9-1.1 6.5-1.1 9.7v24z"></path><path class="st0" d="m399.1 138c0-22.9-0.7-42.3-1.4-58.7h47.4l2.5 24.4h0.7c12.9-18.3 33-28.3 58.4-28.3 38.4 0 72.8 33.3 72.8 89.2 0 63.8-40.5 93.9-79.6 93.9-21.2 0-37.6-8.6-45.5-20.1h-0.7v87h-54.5v-187.4zm54.5 41.2c0 4.3 0.4 7.9 1.1 11.4 3.6 14.7 16.2 25.8 31.9 25.8 23.7 0 37.7-19.7 37.7-49.4 0-28-12.6-49.1-36.9-49.1-15.4 0-29 11.5-32.6 27.6-0.7 2.9-1.1 6.5-1.1 9.7v24z"></path><rect class="st0" x="607.7" width="54.5" height="254.5"></rect><path class="st0" d="m743.1 184.2c1.4 22.6 24 33.4 49.4 33.4 18.7 0 33.7-2.5 48.4-7.5l7.2 36.9c-17.9 7.5-39.8 11.1-63.4 11.1-59.5 0-93.6-34.3-93.6-89.2 0-44.5 27.6-93.5 88.6-93.5 56.6 0 78.1 44.1 78.1 87.5 0 9.3-1.1 17.6-1.8 21.5h-112.9zm64.1-37.2c0-13.3-5.7-35.5-30.9-35.5-22.9 0-32.2 21.1-33.7 35.5h64.6z"></path><path class="st0" d="m944.3 30.6c0 15.1-11.1 27.2-29.4 27.2-17.2 0-28.3-12.1-28.3-27.2 0-15.4 11.5-27.2 29.1-27.2 17.5 0 28.2 11.8 28.6 27.2m-56.3 48.8h54.5v175.2h-54.5v-175.2z"></path><path class="st0" d="m972.6 135.3c0-21.9-0.7-40.2-1.5-55.9h47.3l2.5 24.4h1.1c7.2-11.5 24.7-28.3 54.2-28.3 35.8 0 62.7 24 62.7 75.6v103.6h-54.5v-97.1c0-22.6-7.9-38-27.5-38-15.1 0-24.1 10.3-28 20.4-1.4 3.6-1.9 8.6-1.9 13.6v101h-54.4v-119.3z"></path><path class="st0" d="m1171.5 207.3c10 6.1 30.8 12.9 46.9 12.9 16.6 0 23.3-5.4 23.3-14.3 0-9.3-5.3-13.6-25.4-20.4-36.5-12.2-50.5-31.9-50.2-52.7 0-32.9 28-57.7 71.3-57.7 20.4 0 38.3 5 49.1 10.4l-9.3 37.7c-7.9-4.3-23.3-10.1-38-10.1-13.3 0-20.8 5.4-20.8 14 0 8.7 6.9 12.9 28.4 20.5 33.3 11.4 47 28.7 47.3 54.1 0 33-25.5 57-75.7 57-22.9 0-43.3-5.4-56.5-12.5l9.6-38.9z"></path><path class="st0" d="m1381.3 30.6c0 15.1-11.1 27.2-29.4 27.2-17.2 0-28.3-12.1-28.3-27.2 0-15.4 11.5-27.2 29-27.2 17.6 0 28.4 11.8 28.7 27.2m-56.3 48.8h54.4v175.2h-54.4v-175.2z"></path><path class="st0" d="m1588.8 0.1v202.2c0 19.7 0.7 40.5 1.4 52.3h-48.4l-2.2-25.4h-1.1c-10.7 19.3-32.2 29.4-54.8 29.4-41.5 0-74.9-35.4-74.9-89.9-0.4-59.2 36.6-93.6 78.5-93.6 21.9 0 38.3 7.9 46.3 19.7h0.7v-94.7h54.5zm-54.5 153.5c0-2.9 0-6.8-0.7-10-3.3-14.4-15-26.5-31.9-26.5-25.2 0-37.6 22.2-37.6 49.8 0 29.7 14.7 48.4 37.3 48.4 15.8 0 28.7-10.7 31.9-26.2 0.7-3.9 1-8.2 1-12.5v-23z"></path><path class="st0" d="m1670 184.4c1.4 22.6 24.1 33.4 49.4 33.4 18.7 0 33.7-2.5 48.4-7.6l7.2 36.9c-17.9 7.5-39.8 11.1-63.4 11.1-59.5 0-93.5-34.4-93.5-89.2 0-44.4 27.6-93.6 88.5-93.6 56.6 0 78.1 44.1 78.1 87.5 0 9.3-1.1 17.6-1.7 21.5h-113zm64.2-37.3c0-13.3-5.7-35.5-30.8-35.5-23 0-32.2 21.1-33.7 35.5h64.5z"></path><path class="st0" d="m1812.5 137c0-25.8-0.4-42.6-1.5-57.7h46.6l2.1 32.2h1.4c9-25.8 30.1-36.5 47.4-36.5 5 0 7.5 0.3 11.5 1.1v51.2c-4.3-0.7-8.6-1.4-14.7-1.4-20 0-33.7 10.7-37.3 27.6-0.7 3.6-1.1 7.9-1.1 12.2v88.9h-54.5v-117.6z"></path></g></svg> </a> </li> <li id="nav-main" data-menu="closed"> <ul id="main-nav-list"> <li><a href="https://appleinsider.com">News</a></li> <li><a href="https://appleinsider.com/reviews">Reviews</a></li> <li><a href="https://appleinsider.com/how-to">How-Tos</a></li> <li><a href="https://appleinsider.com/videos">Videos</a></li> <li> <details> <summary>Deals <svg role="img" xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"></path></svg> </summary> <ul class="sub-menu"> <li><a href="https://appleinsider.com/deals">Apple Deals</a></li> <li><a href="https://appleinsider.com/deals/best-macbook-air-deals">MacBook Air Deals</a></li> <li><a href="https://appleinsider.com/deals/best-macbook-pro-deals">MacBook Pro Deals</a></li> <li><a href="https://appleinsider.com/deals/best-mac-mini-deals">Mac mini Deals</a></li> <li><a href="https://appleinsider.com/deals/best-mac-studio-deals">Mac Studio Deals</a></li> <li><a href="https://appleinsider.com/deals/best-ipad-deals">iPad Deals</a></li> <li><a href="https://appleinsider.com/deals/best-apple-airpods-deals">AirPods Deals</a></li> <li><a href="https://appleinsider.com/deals/best-apple-watch-deals">Apple Watch Deals</a></li> <li><a href="https://appleinsider.com/deals/best-imac-deals">iMac Deals</a></li> <li><a href="https://appleinsider.com/deals/best-iphone-deals">iPhone Deals</a></li> <li><a href="https://appleinsider.com/deals/apple-trade-in-deals">Apple Trade-In Deals</a></li> <li><a href="https://appleinsider.com/deals/apple-authorized-resellers">Apple Authorized Resellers</a></li> <li><a href="https://appleinsider.com/deals/apple-student-discount">Apple Student Discount</a></li> <li><a href="https://appleinsider.com/deals/best-vpn-deals">VPN Deals</a></li> </ul> </details> </li> <li> <details> <summary>Price Guides <svg role="img" xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"></path></svg></summary> <ul class="sub-menu"> <li><a href="https://prices.appleinsider.com">Apple Prices</a></li> <li><a href="https://prices.appleinsider.com/current-gen">MacBook, iMac & Mac mini Prices</a></li> <li><a href="https://prices.appleinsider.com/ipad">iPad Prices</a></li> <li><a href="https://prices.appleinsider.com/apple-watch">Apple Watch Prices</a></li> <li><a href="https://prices.appleinsider.com/iphone">iPhone Prices</a></li> <li><a href="https://prices.appleinsider.com/accessories">Apple Accessories Prices</a></li> <li><a href="https://prices.appleinsider.com/airpods-beats">AirPods & Beats Prices</a></li> <li><a href="https://prices.appleinsider.com/trade-in">iPad & iPhone Trade-In Values</a></li> </ul> </details> </li> <li> <details> <summary>Apple A-Z <svg role="img" xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"></path></svg></summary> <ul class="sub-menu"> <li><a href="https://appleinsider.com/inside/airpods">AirPods</a></li> <li><a href="https://appleinsider.com/inside/apple-tv">Apple TV</a></li> <li><a href="https://appleinsider.com/inside/apple-watch">Apple Watch</a></li> <li><a href="https://appleinsider.com/inside/homepod">HomePod</a></li> <li> <a class="sub-menu-head" href="https://appleinsider.com/inside/ipad">iPad</a> <ul> <li><a href="https://appleinsider.com/inside/ipad-mini">iPad mini</a></li> <li><a href="https://appleinsider.com/inside/ipad-pro">iPad Pro</a></li> </ul> </li> <li> <a class="sub-menu-head" href="https://appleinsider.com/inside/iphone">iPhone</a> <ul> <li><a href="https://appleinsider.com/inside/iphone-13">iPhone 13</a></li> <li><a href="https://appleinsider.com/inside/iphone-13-pro">iPhone 13 Pro</a></li> <li><a href="https://appleinsider.com/inside/iphone-14">iPhone 14</a></li> <li><a href="https://appleinsider.com/inside/iphone-14-pro">iPhone 14 Pro</a></li> <li><a href="https://appleinsider.com/inside/iphone-15">iPhone 15</a></li> <li><a href="https://appleinsider.com/inside/iphone-15-pro">iPhone 15 Pro</a></li> <li><a href="https://appleinsider.com/inside/iphone-16">iPhone 16</a></li> </ul> </li> <li> <a class="sub-menu-head" href="https://appleinsider.com/inside/mac">Mac</a> <ul> <li><a href="https://appleinsider.com/inside/macbook-pro">MacBook Pro</a></li> <li><a href="https://appleinsider.com/inside/macbook-air">MacBook Air</a></li> <li><a href="https://appleinsider.com/inside/mac-studio">Mac Studio</a></li> <li><a href="https://appleinsider.com/inside/imac">Mac</a></li> <li><a href="https://appleinsider.com/inside/mac-mini">Mac mini</a></li> </ul> </li> <li><a href="https://appleinsider.com/inside">More...</a></li> </ul> </details> </li> <li> <details> <summary>More <svg role="img" xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"></path></svg></summary> <ul class="sub-menu"> <li><a href="https://forums.appleinsider.com/">Forums</a></li> <li><a href="https://appleinsider.com/podcast">Podcasts</a></li> <li><a href="https://appleinsider.com/contact">Contact Us</a></li> <li><a href="https://appleinsider.com/advertising">Advertise</a></li> <li><a href="https://cottonbureau.com/people/appleinsider">Merch</a> </ul> </details> </li> </ul> </li> <li class="search mobi"> <a title="search" style="min-height:48px; min-width:48px;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> <path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/> </svg> </a> </li> </ul> <div id="ai-search"> <form method="get" action="https://appleinsider.com/search" role="search"> <input type="search" name="query" id="query" placeholder="Search AppleInsider..."> </form> <div id='ai-search-close'> <a title="close search"> <svg width="24" height="24" fill="#fff" viewBox="0 0 16 16" style="margin-top:12px;" aria-label="close search"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293z"/> </svg> </a> </div> </div> </div> </nav> </header> <style> #appleinsider-nav, #ai-search { background-color: rgb(23,30,39); height: 60px; position: fixed; top: 0; width: 100%; } /* mobile Safari will automatically zoom into the text input if the font size is below 16px */ input[type='text'], input[type='search']{ font-size: 17px; } #appleinsider-nav details > summary { list-style: none; } #appleinsider-nav details > summary::-webkit-details-marker { display: none; } .hamburger { display: none; } #appleinsider-nav ul { display: flex; flex-direction: row; gap: .5em; list-style-type: none; justify-content: space-evenly; align-items: center; } #appleinsider-nav ul .search:hover { cursor: pointer; } #appleinsider-nav ul .search svg { fill: #fff; height: 1em; } #appleinsider-nav ul li a, #appleinsider-nav ul li summary { color: #fff; text-transform: uppercase; } #appleinsider-nav ul li a:hover, #appleinsider-nav ul li summary:hover { color: #6CA4D5; cursor: pointer; } #appleinsider-nav .nav-inner { max-width: 1340px; margin: 0 auto; } #appleinsider-nav .svg { position: relative; font-size: .6em; top:-.2em; } #pg-nav-new { z-index: 50; } #appleinsider-nav details .sub-menu { position: absolute; top: 3.5em; z-index: 55; padding: 1.5em; padding-top: .5em; flex-direction: column; align-items: flex-start; background-color: rgb(23,30,39); border: 1px solid rgba(0,0,0,.5); border-top: 0; box-shadow: 2px 4px 12px rgba(0,0,0,.08); border-radius: .25em; min-width: 140px; gap: .5em; } #appleinsider-nav details .sub-menu ul { flex-direction: column; align-items: flex-start; padding-left: 0; margin: .75em; margin-right: 0; margin-bottom: 0; } #appleinsider-nav details .sub-menu li { margin: .25em 0; } #appleinsider-nav details .sub-menu a { text-transform: none; } #appleinsider-nav #nav-main { flex: 1; } #wordmark-lg { display: none; } #main-nav-list { padding-left: 0; } #ai-search.open { display: flex !important; } #ai-search { display: none !important; display: flex; flex-direction: row; align-items: center; margin: 0 auto; align-items: center; z-index: 102; } #ai-search form { flex: 1; max-width: 1340px; } #ai-search-close { text-align: center; color: #fff; font-weight: bold; } #ai-search-close:hover { cursor: pointer; } #ai-search-close a { display: block; padding: 1em; min-width: 48px; min-height: 48px; color: #fff; } #ai-search-close a:hover { color: #88b4eb; } #ai-search input[type='text'], input[type='search']{ width: 100%; height: 100%; background-color: rgb(23,30,39); border: 0; color: #fff; } @media screen and (max-width: 1340px) { #appleinsider-nav .nav-inner { max-width: 1340px; margin: 0 0; } .watermark { margin-left: 1em; } .search { margin-right: 1em; } #ai-search input[type='text'], input[type='search'] { margin-left: 1em; margin-right: 1em; } } @media screen and (max-width: 900px) { .hamburger { display: flex; text-align: left; margin-left: 1em; min-height: 48px; min-width: 48px; align-items: center; } .hamburger:hover { cursor:pointer; } #nav-main[data-menu="open"] { display: block; } #appleinsider-nav #nav-main[data-menu="closed"] { display: none; } #nav-it-in { margin: 0; margin-top: .5em; } #nav-it-in li.mobi { align-content: center; align-self: center; } #nav-main { order: 1; position: fixed; top: 60px; left: 0; right: 0; background-color: rgba( 23, 30, 39, .9); } .watermark{ flex: 1; margin-left: 0; text-align: center; min-height: 48px; min-width: 48px; } #wordmark-lg { display: inline-flex; margin-top: .25em; height: 1.25em; } #wordmark-sm { display: none; } #appleinsider-nav .search { text-align: right; margin-right: 1em; min-height: 48px; min-width: 48px; } #appleinsider-nav #nav-main[data-menu="open"] { position: fixed; top: 60px; left: 0; right: 0; bottom: 0; background-color: rgb(23,30,39); overflow: hidden; overflow-y: scroll; } #appleinsider-nav #nav-main ul { flex-direction: column; align-items: flex-start; margin: 2em; gap: 1em; font-weight: bold; } #appleinsider-nav #nav-main ul li { width: 100%; padding-bottom: 1em; border-bottom: 1px solid rgba( 255, 255, 255,.15 ); } #appleinsider-nav #nav-main ul li a { display: block; } #appleinsider-nav details[open] summary { padding: 1em; padding-top: 0; padding-left: 0; color: #fff; width: 100%; font-size: 1.1em; } #appleinsider-nav details[open] .fa-chevron-down { transform: rotate(180deg); } #appleinsider-nav details .sub-menu { position: inherit; background-color: unset; border: 0; margin: .5em !important; gap: .5em; padding-left: 0; border-radius: 0; box-shadow: none; background-color: transparent; padding: 0; margin-top: .5em; } #appleinsider-nav details .sub-menu li ul { margin: .5em 1em !important; gap: .25em !important; } #appleinsider-nav details .sub-menu li { border-bottom: 0 !important; padding-bottom: 0 !important; } .sub-menu-head { font-size: 1.2em; font-weight: bold; } h2.feat-deal-overlay { font-size: 1em; } #ai-search-close a { padding-right: .5em; } </style> <nav class="h-scroller" id="pg-nav-hscroll" style="text-align:center; margin:0; padding:0; width:100%;margin-top:60px;padding-top:.5rem;"> <div class="inline-wrap" style="display: inline-flex; gap: 2em; margin-left: .5rem; margin-right: .5rem; "> <li class="h-scroll-btn h-scroll-btn-l"> <button> <svg width="6" height="11" viewBox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg" style="transform:rotate(180deg);"> <path d="M5.83709 4.70795L1.29221 0.163156C1.1871 0.0579558 1.04677 0 0.897152 0C0.74753 0 0.607207 0.0579558 0.50209 0.163156L0.167391 0.497772C-0.0503999 0.715812 -0.0503999 1.07019 0.167391 1.2879L3.98384 5.10434L0.163156 8.92502C0.0580388 9.03022 0 9.17046 0 9.32C0 9.4697 0.0580388 9.60995 0.163156 9.71523L0.497855 10.0498C0.603055 10.155 0.743295 10.2129 0.892917 10.2129C1.04254 10.2129 1.18286 10.155 1.28798 10.0498L5.83709 5.50081C5.94246 5.39528 6.00033 5.25438 6 5.10459C6.00033 4.95422 5.94246 4.8134 5.83709 4.70795Z" fill="white"/> </svg> </button> </li> <li class="submenu-item"> <a href="https://prices.appleinsider.com/current-gen" class="" data-hash="current-gen"> <img class="pg-nav-img" src="https://photos5.appleinsider.com/price_guide/images/symbolic-nav/new-macs-icon.svg" alt="New Macs" width="200" height="130"> <p>New Macs</p> </a> </li> <li class="submenu-item"> <a href="https://prices.appleinsider.com/ipad" class="" data-hash="ipad"> <img class="pg-nav-img" src="https://photos5.appleinsider.com/price_guide/images/symbolic-nav/ipads-icon.svg" alt="iPads" width="200" height="130"> <p>iPads</p> </a> </li> <li class="submenu-item"> <a href="https://prices.appleinsider.com/apple-watch" class="" data-hash="apple-watch"> <img class="pg-nav-img" src="https://photos5.appleinsider.com/price_guide/images/symbolic-nav/watch-icon.svg" alt="Apple Watch" width="200" height="130"> <p>Apple Watch</p> </a> </li> <li class="submenu-item"> <a href="https://prices.appleinsider.com/airpods-beats" class="" data-hash="airpods-beats"> <img class="pg-nav-img" src="https://photos5.appleinsider.com/price_guide/images/symbolic-nav/airpods-beats-icon.svg" alt="AirPods & Beats" width="200" height="130"> <p>AirPods & Beats</p> </a> </li> <li class="submenu-item"> <a href="https://prices.appleinsider.com/tv-home" class="" data-hash="tv-home"> <img class="pg-nav-img" src="https://photos5.appleinsider.com/price_guide/images/symbolic-nav/tv-home-icon.svg" alt="TV & Home" width="200" height="130"> <p>TV & Home</p> </a> </li> <li class="submenu-item"> <a href="https://prices.appleinsider.com/accessories" class="" data-hash="accessories"> <img class="pg-nav-img" src="https://photos5.appleinsider.com/price_guide/images/symbolic-nav/accessories-icon.svg" alt="Accessories" width="200" height="130"> <p>Accessories</p> </a> </li> <li class="submenu-item"> <a href="https://prices.appleinsider.com/iphone" class="" data-hash="iphone"> <img class="pg-nav-img" src="https://photos5.appleinsider.com/price_guide/images/symbolic-nav/phones-icon.svg" alt="iPhones" width="200" height="130"> <p>iPhones</p> </a> </li> <li class="submenu-item"> <a href="https://prices.appleinsider.com/drones" class="" data-hash="drones"> <img class="pg-nav-img" src="https://photos5.appleinsider.com/price_guide/images/symbolic-nav/drone-icon.svg" alt="Drones" width="200" height="130"> <p>Drones</p> </a> </li> <li class="submenu-item"> <a href="https://prices.appleinsider.com/trade-in" class="" data-hash="trade-in"> <img class="pg-nav-img" src="https://photos5.appleinsider.com/price_guide/images/symbolic-nav/trade-in-icon.svg" alt="Trade-In" width="200" height="130"> <p>Trade-In</p> </a> </li> <li class="submenu-item"> <a href="https://prices.appleinsider.com/home" class="selected" data-hash="home"> <img class="pg-nav-img" src="https://photos5.appleinsider.com/price_guide/images/symbolic-nav/featured-deals-icon.svg" alt="Featured Deals" width="200" height="130"> <p>Featured Deals</p> </a> </li> <li class="h-scroll-btn h-scroll-btn-r"> <button> <svg width="6" height="11" viewBox="0 0 6 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5.83709 4.70795L1.29221 0.163156C1.1871 0.0579558 1.04677 0 0.897152 0C0.74753 0 0.607207 0.0579558 0.50209 0.163156L0.167391 0.497772C-0.0503999 0.715812 -0.0503999 1.07019 0.167391 1.2879L3.98384 5.10434L0.163156 8.92502C0.0580388 9.03022 0 9.17046 0 9.32C0 9.4697 0.0580388 9.60995 0.163156 9.71523L0.497855 10.0498C0.603055 10.155 0.743295 10.2129 0.892917 10.2129C1.04254 10.2129 1.18286 10.155 1.28798 10.0498L5.83709 5.50081C5.94246 5.39528 6.00033 5.25438 6 5.10459C6.00033 4.95422 5.94246 4.8134 5.83709 4.70795Z" fill="white"/> </svg> </button> </li> </div> </nav> <style> #pg-nav-hscroll { width: 98%; list-style-type: none; align-items: center; overflow-x: scroll; -ms-overflow-style:none; scrollbar-width: none; justify-content: space-evenly; scroll-behavior: smooth; background-color: #030F24; } #pg-nav-hscroll::-webkit-scrollbar { display: none; } #pg-nav-hscroll a { color: #fff; font-weight: normal; font-size: 14px; } #pg-nav-hscroll a.selected p { /* border-bottom: .25em solid rgba(34, 115, 221,1); padding-bottom: .25em; */ color: #5D8BE1; } #pg-nav-hscroll a.selected img { z-index: -1; filter: brightness(0) saturate(100%) invert(49%) sepia(82%) saturate(1541%) hue-rotate(198deg) brightness(98%) contrast(80%) } /* hacky */ .submenu-item { min-width: 48px; padding-top: .75rem; text-wrap-mode: nowrap; } #pg-nav-hscroll > div > li:nth-child(2) { padding-left: 1rem; } #pg-nav-hscroll > div > li:nth-child(11) { padding-right: 1rem; } .accent-color { color: #757575; } .h-scroll-btn { display: block; position: sticky; background-color: #030F24; align-content: center; margin-top: .75rem; margin-bottom: .75rem; z-index: 100; display: none; /* hidden defualt, media quesries will display */ } .h-scroll-btn button { min-width: 48px; color: #fff; height: auto; cursor: pointer; border: 0; display: block; background-color: #030F24; height: 100%; margin-bottom: 1rem; padding: 0; min-height: 48px; min-width: 48px; } .h-scroll-btn-l { left: 0; } .h-scroll-btn-r { right: 0; } .h-scroll-btn-l button { border-right: 1px solid #fff; } .h-scroll-btn-r button { border-left: 1px solid #fff; } .pg-nav-img { width: auto; max-height: 32px; } @media (prefers-color-scheme: dark) { .h-scroll-btn { background-color: rgba(48, 53, 56, 1); color: #fff; float: right; } #pg-nav-hscroll a { color: #fff; } #pg-nav-hscroll a.selected p { color: #5D8BE1; } .accent-color: { #7D7D7D; } } #pg-content-wrap { margin-top: .25em !important; } @media screen and (max-width: 576px) { #pg-nav-hscroll { width: auto; padding: 0 3rem; } } /* 1024px (will start needing the scrolly bit */ @media screen and (max-width: 1024px) { .h-scroll-btn-r { display: block; } } </style> <script> let navDiv = document.getElementById('pg-nav-hscroll'); let navBtns = document.querySelectorAll( '.h-scroll-btn' ); let desktopMediaQuery = window.matchMedia('(min-width: 768px)'); let selectedElement = document.querySelector( '.submenu-item a.selected' ); navDiv.addEventListener( 'scroll', (e) => { let mw = e.target.children[0].offsetWidth - e.target.offsetWidth; if( e.target.scrollLeft >= mw ) { navBtns.forEach( (btn) => { if(btn.classList.contains( 'h-scroll-btn-r' ) ){ btn.style.display = 'none'; } }); } else if ( e.target.scrollLeft <= 0 ) { navBtns.forEach( (btn) => { if(btn.classList.contains( 'h-scroll-btn-l' ) ){ btn.style.display = 'none'; } }); } else { navBtns.forEach( (btn) => { btn.style.display = 'block'; }); } }); /* if(desktopMediaQuery.matches){ navDiv.addEventListener( 'mouseover', (e) => { console.log( 'mouseover' ); navBtns.forEach( (btn) => { btn.style.opacity = 1; }) }); navDiv.addEventListener( 'mouseleave', (e) => { console.log('mouseout'); navBtns.forEach( (btn) => { btn.style.opacity = 0; }) }); } */ navBtns.forEach( (btn) => { btn.addEventListener( 'click', (e) => { let stepSize = 300; if( e.target.classList.contains('h-scroll-btn-l') || e.currentTarget.classList.contains('h-scroll-btn-l') ) { navDiv.scrollLeft -= stepSize; } else { navDiv.scrollLeft += stepSize; } }); }); if( selectedElement ) { selectedElement.scrollIntoView({ 'behavior': 'smooth', 'block': 'start', 'inline': 'center' }); } </script>  <div id="homepage"> <div id="trending-guides"> <div class="site-wrap"> <div class="pg-content'wrap"> <div class="pg-content"> <div class="section-head"> <h1 class="head">Featured Apple Price Guides</h1> <div class="accent-color sub-head">The Best Prices on Popular Devices</div> </div> <div class="flex-wrap flex-even featured-guides"> <div class="deal-card"> <a href="https://prices.appleinsider.com/macbook-air-13-inch-m3"> <img src="https://photos5.appleinsider.com/price_guide/macbook-air-13-inch-m3-pg-header.png" alt="13" M3 MacBook Air" loading="lazy" /> </a> <a href="https://prices.appleinsider.com/macbook-air-13-inch-m3"><h3>13" M3 MacBook Air</h3></a> <a class="button" href="https://prices.appleinsider.com/macbook-air-13-inch-m3">Shop</a> </div> <div class="deal-card"> <a href="https://prices.appleinsider.com/macbook-air-15-inch-m3"> <img src="https://photos5.appleinsider.com/price_guide/macbook-air-15-inch-m3-pg-header.png" alt="15" M3 MacBook Air" loading="lazy" /> </a> <a href="https://prices.appleinsider.com/macbook-air-15-inch-m3"><h3>15" M3 MacBook Air</h3></a> <a class="button" href="https://prices.appleinsider.com/macbook-air-15-inch-m3">Shop</a> </div> <div class="deal-card"> <a href="https://prices.appleinsider.com/macbook-air-2022"> <img src="https://photos5.appleinsider.com/price_guide/m2-macbook-air-pg-header.png" alt="13" M2 MacBook Air" loading="lazy" /> </a> <a href="https://prices.appleinsider.com/macbook-air-2022"><h3>13" M2 MacBook Air</h3></a> <a class="button" href="https://prices.appleinsider.com/macbook-air-2022">Shop</a> </div> <div class="deal-card"> <a href="https://prices.appleinsider.com/macbook-pro-14-inch-m4"> <img src="https://photos5.appleinsider.com/price_guide/macbook-pro-14-inch-m4-pg-header.png" alt="14" M4 MacBook Pro" loading="lazy" /> </a> <a href="https://prices.appleinsider.com/macbook-pro-14-inch-m4"><h3>14" M4 MacBook Pro</h3></a> <a class="button" href="https://prices.appleinsider.com/macbook-pro-14-inch-m4">Shop</a> </div> <div class="deal-card"> <a href="https://prices.appleinsider.com/macbook-pro-14-inch-m4-pro"> <img src="https://photos5.appleinsider.com/price_guide/macbook-pro-14-inch-m4-pro-pg-header.png" alt="14" M4 Pro & M4 Max MacBook Pro" loading="lazy" /> </a> <a href="https://prices.appleinsider.com/macbook-pro-14-inch-m4-pro"><h3>14" M4 Pro & M4 Max MacBook Pro</h3></a> <a class="button" href="https://prices.appleinsider.com/macbook-pro-14-inch-m4-pro">Shop</a> </div> <div class="deal-card"> <a href="https://prices.appleinsider.com/macbook-pro-16-inch-m4"> <img src="https://photos5.appleinsider.com/price_guide/macbook-pro-16-inch-m4-pro-pg-header.png" alt="16" M4 Pro & M4 Max MacBook Pro" loading="lazy" /> </a> <a href="https://prices.appleinsider.com/macbook-pro-16-inch-m4"><h3>16" M4 Pro & M4 Max MacBook Pro</h3></a> <a class="button" href="https://prices.appleinsider.com/macbook-pro-16-inch-m4">Shop</a> </div> <div class="deal-card"> <a href="https://prices.appleinsider.com/imac-24-inch-m4"> <img src="https://photos5.appleinsider.com/price_guide/imac-24-inch-m4-pg-header.png" alt="24" M4 iMac" loading="lazy" /> </a> <a href="https://prices.appleinsider.com/imac-24-inch-m4"><h3>24" M4 iMac</h3></a> <a class="button" href="https://prices.appleinsider.com/imac-24-inch-m4">Shop</a> </div> <div class="deal-card"> <a href="https://prices.appleinsider.com/mac-mini-m4"> <img src="https://photos5.appleinsider.com/price_guide/mac-mini-m4-pg-header.png" alt="M4 Mac mini" loading="lazy" /> </a> <a href="https://prices.appleinsider.com/mac-mini-m4"><h3>M4 Mac mini</h3></a> <a class="button" href="https://prices.appleinsider.com/mac-mini-m4">Shop</a> </div> <div class="deal-card"> <a href="https://prices.appleinsider.com/ipad-air-11-inch-2024"> <img src="https://photos5.appleinsider.com/price_guide/ipad-air-11-inch-2024-pg-header.png" alt="11" iPad Air 6" loading="lazy" /> </a> <a href="https://prices.appleinsider.com/ipad-air-11-inch-2024"><h3>11" iPad Air 6</h3></a> <a class="button" href="https://prices.appleinsider.com/ipad-air-11-inch-2024">Shop</a> </div> <div class="deal-card"> <a href="https://prices.appleinsider.com/ipad-pro-13-inch-2024"> <img src="https://photos5.appleinsider.com/price_guide/ipad-pro-13-inch-2024-pg-header.png" alt="13" M4 iPad Pro" loading="lazy" /> </a> <a href="https://prices.appleinsider.com/ipad-pro-13-inch-2024"><h3>13" M4 iPad Pro</h3></a> <a class="button" href="https://prices.appleinsider.com/ipad-pro-13-inch-2024">Shop</a> </div> </div> </div> </div> </div> </div> <div id="featured-deals"> <div class="site-wrap"> <div class="pg-content'wrap"> <div class="pg-content"> <div class="section-head"> <h2 class="head">Shop our Featured Deals</h2> <div class="accent-color sub-head">Fresh Savings, Lowest Prices</div> </div> <div class="flex-wrap flex-even featured-deals" style="margin: auto 1em;"> <div class="deal-card" style=""> <a href="https://appleinsider.com/articles/24/11/21/best-black-friday-amazon-deals-100-off-m4-mac-mini-250-off-macbook-189-apple-watch"> <img src="https://photos5.appleinsider.com/gallery/61818-127925-amazon-black-friday-apple-xl.jpg" alt="Best Black Friday Amazon deals offer hefty discounts on Apple [updated]" loading="lazy" style="width:auto !important;" /> </a> <a href="https://appleinsider.com/articles/24/11/21/best-black-friday-amazon-deals-100-off-m4-mac-mini-250-off-macbook-189-apple-watch"><h3>Best Black Friday Amazon deals offer hefty discounts on Apple [updated]</h3></a> </div> <div class="deal-card" style=""> <a href="https://appleinsider.com/articles/24/11/18/apples-new-m4-macbook-pro-drops-to-record-low-1399-at-amazon"> <img src="https://photos5.appleinsider.com/gallery/61776-127869-m4-macbook-pro-14-inch-1399-xl.jpg" alt="Apple's new M4 MacBook Pro drops to record low $1,399" loading="lazy" style="width:auto !important;" /> </a> <a href="https://appleinsider.com/articles/24/11/18/apples-new-m4-macbook-pro-drops-to-record-low-1399-at-amazon"><h3>Apple's new M4 MacBook Pro drops to record low $1,399</h3></a> </div> </div> </div> </div> </div> </div> <div id="more-deals"> <div class="site-wrap"> <div class="pg-content'wrap"> <div class="pg-content"> <div class="section-head"> <h2 class="head">Even More Apple Deals</h2> <div class="accent-color sub-head">Save even more with these great offers</div> </div> <div class="flex-wrap flex-even more-deals" style="margin: auto 1em;"> <div class="deal-card"> <a href="https://appleinsider.com/articles/24/11/28/black-friday-imac-sale-grab-m4-all-in-one-desktop-for-just-114999"> <img src="https://photos5.appleinsider.com/apps/ipad/images/articles/77697.jpg" alt="Black Friday iMac sale: grab M4 all-in-one desktop for just $1,149.99" loading="lazy" /> <h3>Black Friday iMac sale: grab M4 all-in-one desktop for just $1,149.99</h3> </a> </div> <div class="deal-card"> <a href="https://appleinsider.com/articles/24/11/28/save-400-with-these-black-friday-m4-max-macbook-pro-deals"> <img src="https://photos5.appleinsider.com/apps/ipad/images/articles/77696.jpg" alt="Save $400 with these Black Friday M4 Max MacBook Pro deals" loading="lazy" /> <h3>Save $400 with these Black Friday M4 Max MacBook Pro deals</h3> </a> </div> <div class="deal-card"> <a href="https://appleinsider.com/articles/24/11/28/black-friday-mac-studio-deal-drops-price-to-1789-plus-30-off-applecare"> <img src="https://photos5.appleinsider.com/apps/ipad/images/articles/77695.jpg" alt="Black Friday Mac Studio deal drops price to $1,789, plus $30 off AppleCare" loading="lazy" /> <h3>Black Friday Mac Studio deal drops price to $1,789, plus $30 off AppleCare</h3> </a> </div> <div class="deal-card"> <a href="https://appleinsider.com/articles/24/11/26/black-friday-discount-m4-pro-macbook-pro-48gb-ram-1tb-ssd-on-sale-now-for-2389"> <img src="https://photos5.appleinsider.com/apps/ipad/images/articles/77674.jpg" alt="Black Friday discount: M4 Pro MacBook Pro (48GB RAM, 1TB SSD) on sale now for $2,389" loading="lazy" /> <h3>Black Friday discount: M4 Pro MacBook Pro (48GB RAM, 1TB SSD) on sale now for $2,389</h3> </a> </div> </div> </div> </div> </div> </div> <div class="more" style=""> <a href="https://appleinsider.com/deals" style="font-size:1.75rem;">Discover Even More Deals on Appleinsider.com</a> <a href="https://appleinsider.com/deals"><span class="button">Go</span></a> </div> </div> <footer id="site-footer" style="text-align:center; padding:2.625rem 0;"> <hr /> <div style=" margin:2.625rem 0;"> <a id="footer-ai-logo" href="https://appleinsider.com" title="Return Home"> <svg role="img" height="48" width="48" viewBox="0 0 245 245" xmlns="http://www.w3.org/2000/svg"><g><g><path class="st0" d="m132.8 177.9c-3.6 13.8-6.5 27.5-6.8 36l-41.1-10.7 1.1-15.4-0.9-0.2c-12.6 9.2-29.3 11.6-46.7 7.1-29.6-7.7-41.7-33.9-35.6-57.3 9.9-38.1 48.7-47.2 100.6-33.7l0.5-1.8c2.1-8.1 0.8-20.3-21.7-26.1-15-3.9-32.2-3-43.4 0.6l-0.8-31.6c11.7-3 33.7-5.3 60.4 1.6 48.9 12.7 56.7 45.4 47.7 80.2l-13.3 51.3zm-35.3-45.4c-24-6.2-44-5.3-48.6 12.1-3 11.7 3.3 19.4 13.5 22 11.1 2.9 22.6-2.1 28-10.6 1.2-2.3 2.2-4.9 2.9-7.6l4.2-15.9z"></path><path class="st0" d="m243.3 45.5c-3.3 12.6-15.2 20.4-30.5 16.4-14.4-3.7-21.1-16.4-17.8-29 3.3-12.8 15.5-20.3 30.2-16.4 14.7 3.8 21.1 16.1 18.1 29m-57.7 28.6 45.6 11.8-38.1 146.6-45.6-11.8 38.1-146.6z"></path></g></g></svg> </a> <p style="margin-top:1em;">© 2024 Quiller Media, Inc.</p> <p><a href="https://www.craftedny.com">Designed by <span style="font-weight:bold;">Crafted</span></a></p> </div> <nav id="footer-links" role="secondary"> <ul style="display:flex;flex-direction:row; gap: 1em; list-style-type:none;justify-content:center;padding-left:0;"> <li><a href="https://appleinsider.com/terms-of-use">Terms of Use</a></li> <li><a href="https://appleinsider.com/privacy">Privacy</a></li> <li><a href="https://appleinsider.com/contact">Contact</a></li> </ul> </nav> <div class="g-modal"> <div class="g-modal-content"> </div> </div> <template id="coupon-modal"> <header style="display:flex; flex-direction:row;"> <h2 id="g-modal-title">This is a test</h2> <div id="g-modal-close"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path> </svg> </div> </header> <div id="g-modal-img"></div> <hr /> <p>some text testing</p> <footer> <a id="buy-button" class="button">Buy Now</a> </footer> </template> <div id="overlay-background"> </div> </footer> <style> #header-nav li.selected .guide-arrow { background-color: unset; color: #111; font-size: .75em; } #footer-ai-logo { fill: #171F2A; } #footer-ai-logo:hover { fill: #3E4F60; } .menu-item.selected h2 a { margin-top: .2em; display: inline-block; } .menu-item.selected { box-shadow: 2px 4px 12px rgba(0,0,0,.08); border-bottom: 1px solid #000; } #appleinsider-nav { z-index: 101; } .more { display:flex; flex:1; justify-content:center; gap: 1rem; align-items:center; } textarea:focus, input:focus{ outline: none; } @media (prefers-color-scheme:dark){ #footer-ai-logo { fill: #FFF; } #header-nav li.selected .guide-arrow { color: #FFF; } #site-footer a { color: #fff; } } #pg-content-wrap { margin-top: 160px; } @media screen and (max-width: 900px) { #header-nav li.selected .guide-arrow { float: right; } .more { flex-direction: column; } } </style> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "eu9c3zquj7"); </script> <style> #homepage { margin-top: 0; } .deal-card { display: flex; flex-direction: row; flex: 1; overflow: hidden; flex-direction: column; justify-content: space-between; text-align: center; margin: .5em; line-height: 1.5em; padding: 1em; margin-bottom: 1rem; } .deal-card img { max-height: 240px; width: 100%; aspect-ratio: 16/9; border-radius:1rem; } .featured-guides .deal-card img { aspect-ratio: auto; max-height: 100px; width: auto; } .featured-guides .deal-card h3 { align-self: bottom; font-weight: 600; /* semi-bold */ font-size: 1.5rem; } .section-head { display: flex; flex-direction: row; align-items: baseline; margin-left: 1rem; margin-right: 1rem; } .primary-deal { text-align: center; padding: 1em; margin-bottom: 1.25em; line-height: 1.5em; } .primary-deal { background-color: rgba(255,255,255,1); color: rgba(0,0,0,.9); /* border: 1px solid rgba(0,0,0,.05); */ font-size: 18px; } .primary-deal img { max-width: 100%; max-height: 500px; height: auto; width: auto; aspect-ratio: 16/9; } .primary-deal .button { padding: 1em 1.5em; } .primary-deal h3 { font-size: 1.8em; line-height: 1.2em; margin-top: .25em; } .deal-card .button { width: auto; } /* .deal-card a h3:hover, .primary-deal a h3:hover{ color: #94abcd; } */ .feat-deal-overlay { position: absolute; top: -.25em; right: .25em; font-size:1.25em; background-color:rgba(0,0,0,1); padding: .5em 1em; border-radius: 1.5em; opacity:.8; color: #fff; } .home-h1 { padding-top:4rem; margin-left:.75rem; margin-right:1rem; padding-bottom: 1.25rem; font-size: 3rem; /* 4rem was original, doesn't work with new text */ } #featured-deals { background-color: #F5F8F9; padding-top: 4rem; padding-bottom: 4rem; } .featured-deals h3 { font-size: 1.75rem; font-weight: bold; line-height: 2.25rem; } .featured-guides { flex-wrap: wrap; } .featured-guides .deal-card { min-width: 15%; } h1.head { font-size: 3.125rem; /* was 4rem but swapped because can't fit */ font-weight: bold; } h2.head { font-size: 3.125rem; font-weight: bold; margin-top: 0; } #featured-deals, #trending-guides, #more-deals { padding-top: 2.625rem; padding-bottom: 2.652rem; } #trending-guides { padding-top: 0; } .more { text-align: center; /* font-size: 1.75rem !important; */ } .more a { font-weight: bold; color: #111 !important; } @media (prefers-color-scheme:dark){ hr { color: rgba(255,255,255,.08); background-color: rgba(255,255,255,.08); border-color: rgba(255,255,255,.08); } .primary-deal a { color: rgba(255,255,255, 1); } .primary-deal { background-color: rgba(255,255,255,.03); } .primary-deal { color: #fff; } #featured-deals { background-color: #171F2A; } .featured-deals { background-color: #171F2A; } .deal-card h2 a, .primary-deal h2 a { color: rgba(255,255,255,.9); } .deal-card h2 a:hover, .primary-deal h2 a:hover { color: #6CA4D5; } .more a { color: #fff !important; } } .sub-head { display: block; clear: both; font-size: 1.5rem; /* 24px @ 16 base (desktop size) */ font-weight: 600; /* semi-bold */ flex: 1; text-align: right; } /* Long text breakpoint thing */ @media screen and (max-width:72rem){ #trending-guides .section-head { flex-direction: column; } #trending-guides h1 { margin-bottom: 0; } } @media screen and (max-width: 900px) { .flex-wrap { flex-direction: column; } .deal-card img { max-height: 135px; width: auto; margin: 0 auto; flex: 1; } .home-h1 { font-size: 1.4rem; margin-left:1rem; line-height:1.4rem; } #homepage h2 { margin-top: 0; } .more { display: block; text-align: center; width: 100%; } .featured-guides .deal-card a:nth-child(2) { flex: 1; } .featured-guides .deal-card { display: flex; flex-direction: row; gap: 1rem; text-align: left; align-items: center; justify-content: start; } .featured-guides .deal-card h3 { margin: 0; padding: 0; font-size: 1.125rem; } .featured-guides .deal-card img { max-width: 90px; } .section-head { flex-direction: column; } .section-head h1 { font-size: 2.5rem; /* 40px @ 16 base */ margin: 0; line-height: 2.8rem; /* Was 2.25 to match figma, font different though, so changed. */ } .section-head h2 { margin-bottom: 0; font-size: 2.5rem; line-height: 3.125rem; } .sub-head { font-size: 1.25rem; font-weight: 600; padding-bottom: 1.5rem; text-align: left; } .deal-card h3 { line-height: 1.375rem; flex:1; } .featured-deals h3 { font-size: 1.5rem; line-height: 1.625rem !important; } .more { padding-top: 4rem; } .more .button { display: flex; max-width: 20%; justify-content: center; margin: 0 auto; margin-top: 1rem; } .featured-desls { padding-top: 4rem; padding-bottom: 4rem; } #featured-deals, #trending-guides, #more-deals { padding-top: 2rem; padding-bottom: 2rem; } .deal-card { padding: 0; margin: 0; } h2 { font-size: 1.2rem; margin-bottom: 1.5rem; } h3 { font-size: 1.1rem; } .featured-guides { gap: 1rem; } } </style> <script async type="text/javascript" src="https://photos5.appleinsider.com/price_guide/js/pg.js?1.05b"></script> </body> </html>